/*全ページ*/
h2,h3,.contents_txt span{
    font-family: tbchibirgothicplusk-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight:normal;
}
#header_menu li a span{
   color:#555;
}
#header_menu li a span:hover{
   transform: translateY(-4px);
   transition:all 0.3s;  
}
#page-top a{
    background-color: #fd7978;
}
footer .bg-mask{
    background:none!important;
}
#copyright{
   color:#333;
}
#bottom_menu svg{
   fill-opacity:1!important;
}
.info_box{
   background-image:url(dup/img/item3.png);
   background-repeat:no-repeat;
   background-position:right 30% center;
}
.logo{
   width:300px;
}

/*トップページ*/
figure img{
   border-radius:10px;
}
#intro_txt .bnr:hover{
   transform: translateY(-8px);
}
#intro_txt h2{
    padding-top: 10px;
    background-image: url(dup/img/intro.png);
    background-repeat: no-repeat;
    background-position: center top;
}
#intro_txt h2 span{
   font-size:calc(1em + 10px);
}
#intro_txt p{
   line-height:2;
}
#contents{
   background-color: #faf8f6;
}
#contents h3{
   font-size: calc(1em + 10px);
}
#contents .contents_txt{
   position:relative;
}
#contents .contents_txt::before,#contents .contents_txt::after{
   content:'';
   position:absolute;
   background-repeat:no-repeat;
   left:0;
   right:0;
   margin:0 auto;
}
#contents .contents_txt::before{
   background-image:url(dup/img/fukidashi.png);
   width:16px;
   height:14px;
   bottom:-44px;
}
#contents .contents_txt::after{
   background-image:url(dup/img/contents.png);
   width:126px;
   height:38px;
   top:-80px;
}
#contents figure{
   position:relative;
   z-index:2;
}
#contents .con_box,#contents .con_box2,#contents h3,#contents p{
   position:relative;
}
#contents .con_box:before,#contents .con_box2:before{
   content:'';
   position:absolute;
   background-color:white;
   display:block;
   width:120%;
   height:130%;
   top:-30px;
   right:-10px;
   border-radius:10px;
}
#contents .con_box2:before{
   left: -10px!important;
}


/*下層ページ*/
#page_title{
   background-position:center 35%;
}
#page_title h2 span{
   font-weight:normal;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img{
   padding-top:180px;
}
#intro_txt p:first-child{
   margin-bottom:20px;
}
.info_box{
   background-position: right 5% center;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header{
   padding-bottom:0;
}
#main_img {
    padding-top: 60px;
}
#logo{
   padding-top:13px;
}
.logo {
    width: 200px;
}
.drawer-hamburger-icon,.drawer-hamburger-icon::after, .drawer-hamburger-icon::before{
    background-color:#fd7978!important;
}
.drawer-open .drawer-hamburger-icon {
    background-color: transparent!important;
}
.drawer-nav{
   background-color: #B6D6CA;
}
#intro_txt h2 span {
    font-size: calc(1em + 8px);
}
#intro_txt p{
   margin-bottom:20px;
}
#contents{
   margin-bottom:50px;
}
.contents_txt span{
   font-size:20px;
   padding:30px 10px;
}
#contents .contents_txt::before{
    bottom: -42px;
}
#contents h3 {
    font-size: calc(1em + 6px);
}
.info_box {
    background-position: right bottom;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#page_title h2 span{
   padding-top:13px;
}
#cms_6-a .cate .cate_title{
   padding-top:8px!important;
}
#contact_tel a{
    padding:30px 30px 20px;
}
}