﻿@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@600&display=swap');
.num,.cms_title .pop400,#copyright,#info_contact .pop400,#overlay .right .pop400{font-family: 'Crimson Text', serif;}



/*all page------------------------------------------*/
header.scr_header{background-color :rgba(241,191,200,0.5)!important;}
#pc_nav li{max-width:160px;}
#pc_nav li a{color:#333;}
#footer{
    background-image:url(./Dup/img/bg2.png);
    background-color:rgba(0,0,0,0.01);
}
footer{background-color:transparent!important;}
#footer_con h2,#footer_con .tel_bt a{color:#333;}
.lnkStyle{color:pink;}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after{background:#a58c61;}

/*top page-----------------------------------*/
#main_img:before{background-color: rgba(70,70,70,0.3);}
#main_img .square_box{background-color:transparent;}
.num{opacity:1;}
#intro .item1 img,#contents1 .item2 img,#contents2 .item3 img,#contents3 .item4 img{width:auto;}
.line:before{bottom:-50px;}
#intro_wrap{
    padding-top:50px;
}
#intro .intro_title{
    padding-top:70px;
    padding-bottom:30px;
    background-image:url(./Dup/img/item5.png);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto;
}
#intro .intro_txt{
    padding-bottom:50px;
    background-image:url(./Dup/img/item6.png);
    background-repeat:no-repeat;
    background-position:bottom center;
}
#top_pc_nav li{max-width:160px;}

.back1:before,.back2:before{
    background-color:transparent!important;
    background-image:url(./Dup/img/bg.png);
    /*opacity:0.4;*/
}
.num{color:#a58c61;}
#contents1 .con_title,#contents2 .con_title,#contents3 .con_title{position:relative;}
#contents1 .con_title::before,#contents2 .con_title::before,#contents3 .con_title::before{
    content:'';
    position:absolute;
    display:block;
    background-repeat:no-repeat;
    z-index:1;
}
#contents1 .con_title::before,#contents2 .con_title::before{
    background-image:url(./Dup/img/item7.png);
    width:114px;
    height:18px;
    top:-30px;
    left:0;    
}
#contents3 .con_title::before{
    background-image:url(./Dup/img/item8.png);
    width:39px;
    height:32px;
    top:-40px;
    left:0;
    right:0;
    margin: auto;
}
#contents3_wrap:after{background-color:transparent!important;}
#top_cms{
    background-image: url(./Dup/img/item6.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
}
#top_cms a{
    position:relative;
    z-index:1;
}
#top_cms .con_item{
    padding-top:70px;
    background-image:url(./Dup/img/item5.png);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto,;
    margin-bottom: 70px;
    color: #555;
}

#top_cms .more a{
    width:301px;
    height:87px;;
    background:url(./Dup/img/more.png) no-repeat;
    display:block;
}
#top_cms .more a:hover{background-image:url(./Dup/img/more_hvr.png);}
#info_contact .con_box::before,#info_contact .con_box::after,#info_contact .con_box a::before,#info_contact .con_box a::after{
    content:'';
    position:absolute;
    display:block;
    background-repeat:no-repeat;
    background-size:auto;
    z-index:2;
    width:90px;
    height:87px;
}
#info_contact{position:relative;}
#info_contact .con_box::before{
    background-image:url(./Dup/img/frame1.png);
    top:0;
    left:0;
}
#info_contact .con_box::after{
    background-image:url(./Dup/img/frame2.png);
    top:0;
    right:0;
}
#info_contact .con_box a::before{
    background-image:url(./Dup/img/frame3.png);
    bottom:10px;
    left:0;
}
#info_contact .con_box a::after{
    background-image:url(./Dup/img/frame4.png);
    bottom:10px;
    right:0;
}


/*under page---------------------------------------*/
.page_title_img{height:500px;}
.page_title_box{background-color:#a58c61;}
#page2 .bnr_item img{width:auto;}

/* ---------- responsive ---------- */
@media screen and (max-width: 1280px){
#main_img .square_box{display:none;}
.nav_menu_more:first-of-type a .icon:before{display:none;}
#overlay .left li a{
    font-size:17px;
    letter-spacing:0;
}
.overlay{background: linear-gradient(135deg, rgba(241,191,200,0.9) , rgba(199,124,199,0.9) )!important;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#intro .intro_title,#intro .intro_txt,#top_cms .con_item,#top_cms{background-size:50%;}
#intro{margin-bottom:100px;}
#contents1 .con_title::before, #contents2 .con_title::before{background-size:70%;}
#contents3 .con_box{padding-top:9%;}
#info_contact .con_box::before, #info_contact .con_box::after, #info_contact .con_box a::before, #info_contact .con_box a::after{background-size:70%;}
#info_contact .con_box::after{background-position:top right;}
#info_contact .con_box a::before{background-position: bottom left;}
#info_contact .con_box a::after{background-position: bottom right;}
#page2 .pager .prev{margin-right:0;}
#page4 .box_title2{border-bottom:1px dotted #c77cc7;}
#page_title h2{font-size:29px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img{height:37vh;}
#intro_wrap{padding-top:0;}
#intro .intro_title, #intro .intro_txt, #top_cms .con_item, #top_cms {background-size: 60%;}
#intro .intro_title{
    padding-top:40px;
    padding-bottom:0;
}
#intro .intro_txt{
    margin-bottom: 30px;
    padding-bottom: 30px;
}
#contents1 .con_title::before, #contents2 .con_title::before,#contents3 .con_title::before{display:none;}
#top_cms .con_item{padding-top:40px;}
.page_title_img {height: 200px;}
.page_title_box {width: 60%;}
#page_title h2 {
    font-size: 22px;
    letter-spacing: 0;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{padding-bottom:15px;}
}