/*-------------------------------------------------
個別
---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url("https://use.typekit.net/ilk8vuz.css");
.num{font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;}
.pop400{font-weight: 600;}
.hannari{
color: #8c6450;
font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important ;}
body,h1,h2,h3,h4{font-weight: 600;}
 #top_pc_nav ul li a,#pc_nav li a,#footer_nav li a{text-align: center;}
#top_pc_nav ul li,#footer_nav li{
    text-align: center;
    width: 180px;
}
#top_pc_nav ul li span,#pc_nav li span,#footer_nav li span{
      transition: 0.3s;
}
#top_pc_nav ul li span:nth-child(1), #pc_nav ul li span:nth-child(1),#footer_nav ul li span:nth-child(1){display: block;}
#top_pc_nav ul span:nth-child(2),#pc_nav ul span:nth-child(2),#footer_nav ul li span:nth-child(2) {
     opacity:0;
     position: relative;
     top: -1.5em;
}
#footer_nav ul li span:nth-child(2) {top: -2em;}
#top_pc_nav ul li:hover span:nth-child(1) ,#pc_nav ul li:hover span:nth-child(1),#footer_nav ul li:hover span:nth-child(1){opacity: 0;}
#top_pc_nav ul li:hover span:nth-child(2),#pc_nav ul li:hover span:nth-child(2) ,#footer_nav ul li:hover span:nth-child(2){opacity: 1;}
#wrap{background-image: linear-gradient(
120deg
, #fffff9 0%, #ffffff 100%);}
#intro .num, #contents3 .num {
    display: block;
    transform: none;
}
#contents1 .num, #contents2 .num {
    top: -100px;
    left: 90px;
}
#intro .num, #contents1 .num, #contents2 .num, #contents3 .num {
    font-size: 50px;
}
.back1:before, .back2:before{
background-image: url(Dup/img/bg_img.jpg);
    opacity: 0.6;
}
#intro_wrap, #contents3_wrap .con_box,.page .con_box {
    box-shadow: 0px 0px 50px 20px rgba(255,244,238,0.2);
}
#intro_wrap, #contents3 .con_box, figure {
    border-radius: 10px;
}
#top_cms .cms_title {
    text-align: center;
}
#top_cms.back1:before{    z-index: -1;}
.line-l:before{display: none;}
.more_btn {
    border: 1px solid #8c6450;
    border-radius: 40px;
}
.more_btn:before {
    border: none;
}
.more_btn:hover:after {
    border-radius: 40px;
}
#intro_wrap::before, #contents3 .con_box::before {
    position: absolute;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}
#intro_wrap::before, #contents3 .con_box::before {
    width: 250px;
    height: 250px;
    right: 20px;
    bottom: -100px;
    background-image: url(./Dup/img/dec3.png);
    opacity: 0.3;
}
#contents3 .con_box{background-color: rgba(255,255,255,0.8)!important;}
#contents3 .con_box::before {
    right: inherit;
    left: 20px;
    top: -100px;
    background-image: url(./Dup/img/dec2.png);
}
#info_contact_wrap .hannari{color: #fff;}
#contents3_wrap:after {
    background-color: rgba(248,251,247,0.5);
}
#pc_nav{padding-top: 20px;}
/*-------------------------------------------------
下層
---------------------------------------------------*/
.cate_title{border-radius: 40px;}
.cate_list li a {
    border-radius: 40px;
}
.sub_cate_title{

    color: #8c6450;
    display: inline-block;
    padding: 5px 20px;
}
#wrap .con_box {
    border-radius: 10px;
}
.cms_2-a .cate_title {
    display: block;
    text-align: center;
    border: none;
    position: relative;
}
.cms_2-a .cate_title::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    left: 0;
    right: 0;
    bottom: -1px;
    margin: auto;
    background-color: rgba(205,182,188,0.5);
}
.cms_2-a figure {
    margin: 0 auto 30px;
}
.cms_2-a p {
    background-color: #fff;
    padding: 50px;
    border: 1px solid #CDB6BC;
    border-radius: 10px;
}
#cms_3-e .cate_title,#cms_6-a .cate_title{padding-left: 20px;}
#page_title .page_title_box{border-radius: 10px;}
.bnr .icon:before{
content: "\f0e0";
    top: -3px;
    left: -30px;
}
#page_title .page_title_box h2{color: #fff;}
#page7 .cate_box{border-bottom: 3px dotted #f7f7f7;}
#footer .con_box{box-shadow: none;}
/*-------------------------------------------------
1280
-----------------------------------------------------*/
@media screen and (max-width: 1280px){
#main_img .menu,.nav_menu_more:first-of-type a .icon:before{display: none;}
.overlay {
    background: linear-gradient(135deg, #8c6450, #e6b79f )!important;}
}


/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
#contents1 .con_box {
    margin-top: 15%;
}
#header{
    padding-top: 10px;
    padding-bottom: 10px;
    
}
header.scr_header #logo {
    max-width: 200px;
}
#page2 ul li.prev{margin-right: 0;}

}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
#intro .num, #contents1 .num, #contents2 .num, #contents3 .num {
    font-size: 40px;
}
#contents1 .num, #contents2 .num{top: -70px;}
#contents2 .con_box {
    margin-top: 15%;
}
#intro_wrap::before, #contents3 .con_box::before{
    width: 200px;
}
#contents3 .con_box::before{
    left: -50px;
    top: -100px;
    
}
.cms_2-a p{padding: 20px;}
#contents1 .num, #contents2 .num{left: 80px;}

}


/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*-------------------------------------------------
Firefox
-----------------------------------------------------*/
@-moz-document url-prefix(){

}