@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy&display=swap');
.font1{
    font-family: 'Sorts Mill Goudy', serif;
}

/*全ページ*/
html,body{
  font-size:16px;
}
#body{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#logo img{
  max-width:200px;
}
.trans_logo img{
   max-width:150px!important;
}
.footer_nav li a,#sp_nav li a{
    font-family: 'Sorts Mill Goudy', serif;
}

/*トップページ*/

#pc_nav{
   padding-left:20px;
}

.contents_bg{
   background-color: #FFF8BA;
}
.con1_right{
    padding-top: 200px;
    background-repeat: no-repeat;
    background-image: url(dup/img/item.png);
    background-position: top 5% center;
}
.con1_title h2{
   font-size:calc(1rem + 20px);
}
.con2_wrap{
    background-repeat: no-repeat;
    background-image: url(dup/img/item1.png),url(dup/img/item2.png);
    background-position: top 5% left 2%,bottom 5% right 2%;
}
}
.con2_title h2,.con3_title h2{
   font-size:calc(1rem + 17px);
}
.con3_left{
   position:relative;
   color:#333!important;
}
/*
.con3_left::before{
   content:'Health & Beauty';
   position:absolute;
   top:-100px;
   left:0;
    z-index:1;
   font-size:55px;
   color:rgba(242,134,24,0.5);
   font-family: 'Sorts Mill Goudy', serif;
}
*/
#top_cms .top_cms_bg,.footer_right{
    background-color: #fefbf2!important;
}
.tel_bt{
   display:none;
}


/*下層ページ*/
.under_page #pc_nav{
   padding-left:50px;
}
#pc_nav li a,.page_title_box h2{
    font-family: 'Sorts Mill Goudy', serif;
}
#page_title_box h2{
   font-size:calc(1rem + 24px);
}
#page_title .page_title_bg.bg_color1 {
    background-color: rgba(250,250,250,0.5);
}
.under_page #footer,#footer .footer_bottom{
    background-color: #fefbf2!important;
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.con1_right{
   padding-top:150px;
   background-size:40%;
}
.con1_title h2 {
    font-size: calc(1rem + 15px);
}
.con2_wrap{
  background-position: top 2% left 2%,bottom 2% right 2%;
}
.con3_left::before{
   top:-50px;
   font-size:30px;
}
.page_title_box{
   text-align:left;
}
#logo2 img{
   max-width: 120px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.con1_title h2 {
    font-size: calc(1rem + 10px);
}
.con2_wrap {
    background-position: top 1% left 2%,bottom 1% right 2%;
    background-size: 20%;
}
.page_title_box{
   padding:50px 50px 50px 20px;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{
   padding:35px 30px 25px 30px;
}
}