@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
.linkStyle{color: #9c798c;}
body,h1,h2,h3,h4{font-weight: 600;}
body{line-height: 2;
letter-spacing: 0.1em;
color: #333;
}
.catch{
width: 100%;
    height: 100%;
    top: -11%;
    right: -61%;
    background: url(Dup/img/catch.png)no-repeat bottom left;
    transform: translate(-50%,-50%);
    z-index: 2;
    background-size: 40%;
}
svg{color: #4e454a;}
#top_cms .cms_title .title_bg{background-color: #f7f7f7;}
.cms_title p{color: #aaaaaa;}
#contents h3,#contents3 p{
    border-top-right-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
}
.more a{
background-color: #9c798c;
color: #fff;
}
#main_img{border-radius: 30px;}
#contents .box:nth-of-type(1) figure img{border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;}
#contents .box:nth-of-type(2) figure img{border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;}
.foot_nami{transform: translateY(10px);}
#top_cms figure,#top_cms figure img{border-radius: 5px;}
.fadein{
     opacity: 0;
    transform: translateY(20px);
     transition: 2s;
     transition-property: opacity,transform
}
.fadein.fadetrans{
     opacity: 1;
     transform: translateY(0);
}
i.fa-question, i.fa-phone-volume {
    color: white;
    font-size: 23px;
    position: relative;
    top: 3px;
}
/*#header .nami{margin-top: -3vw!important;}*/
/*#header > div{background: url(Dup/img/bg.jpg);}*/
#intro_txt h2,#contents .box .d_table-cell h3,#top_cms h2,h3,h4{
font-family: 'Kosugi Maru', sans-serif;
    letter-spacing: 0.2em;
}
#intro_txt h2::after {
   display: block;
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    top: -75px;
    right: 0;
    left: 0;
    margin: auto;
    background: url(Dup/img/item.png)no-repeat;
    background-size: contain;
}
#intro {
    border-bottom: none;
}
#intro_txt{
    background-color: #fff;
padding: 15% 0 10%;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 2%);
border-radius: 5px;
}
.top_cms_box{
    background-color: #fff;
    padding: 5%;
box-shadow: 0px 2px 5px rgb(0 0 0 / 2%);
border-radius: 5px;
}
#contents p{padding: 10%;}
#info .d_flex p{width: 10%;}
#info img{width: 70%;}
#contents figure{padding: 0 10% 0 5%;}
i.fa-phone-volume{right: -3px;}
/*-------------------------------
下層
-----------------------------------*/
.cate_list li a{
border-radius: 50px;
color: #fff;}
#cms_5-a .box_wrap{display: block;}
#cms_2-a h3{color: #666666;}
.cate figure,.cate figure img{border-radius: 5px;}

/*-------------------------------
tabret
-----------------------------------*/
@media screen and (max-width: 768px){
#intro_txt{padding: 15% 10% 10%;}
#contents .box .d_table-cell h3{margin-left: 0;}
#info .txt_center_tb{text-align: left;}
#info .d_flex p {
    width: 12%;
}
.toggle{
    right: 20px;
    bottom: 40px;
}
}

/*-------------------------------
sp
-----------------------------------*/
@media screen and (max-width: 667px){
#intro_txt h2{font-size: calc(1rem + 2px);}
#intro_txt h2::after{
    width: 50px;
    height: 50px;
    top: -50px;
}
#intro_txt {
    padding: 25% 10% 10%;
}
.top_cms_box{padding: 15% 5%;}
#info .d_flex p {
    width: 25%;
}
#info .d_flex img {
    width: 100%;
}
.nami{transform: translateY(-3px);}
#contents figure {
    padding: 0 10% 15% 5%;
}
.foot_nami {
    transform: translateY(2px);
}


}



/*-------------------------------
IE
-----------------------------------*/
@media all and (-ms-high-contrast:none){
#cms_2-a .cate .cate_title,#cms_3-b .cate_title{padding-top: 15px!important;}
#cms_5-a .cate .cate_title span:last-of-type{padding-top: 5px!important;}
i.fa-question, i.fa-phone-volume{top: 5px;}
i.fa-phone-volume{right: -3px;}
}