/*毎回いる*/

.swiper-button-next, .swiper-button-prev { z-index: 2 !important;}
#top_cms.back1:before {z-index: -1;}
.nav_menu_more a span::before {
    display: none !important;}
.nav_menu_more.mg_t-10px a span::before {
    display: block !important;}
div#contents2_wrap {margin-top: 50px;}


@media screen and (max-width: 667px){
#contents1 .line:before, #contents2 .line:before {
    left: 50%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);}
}


/* color-----------------------------------------------------------------------------------------------*/
.txt_color1{color:  #B87980} /* メインカラー */
.txt_color2{color: #d8b5ba} /* サブカラー */
/* background-color */
.bg_color1{background-color:  #B87980} /* メインカラー */
.bg_color2{background-color: #d8b5ba} /* サブカラー */
/* border-color ※!important */
.border_color1{border-color:  #B87980}
.border_color2{border-color: #d8b5ba}
/* hover ----------------------------*/
/* color */
.hvr_txt_color1:hover{color:  #B87980} /* メインカラー */
.hvr_txt_color2:hover{color: #d8b5ba} /* サブカラー */
/* background-color */
.hvr_bg_color1:hover{background-color:  #B87980} /* メインカラー */
.hvr_bg_color2:hover{background-color: #d8b5ba} /* サブカラー */
/* border-color ※!important */
.hvr_border_color1:hover{border-color:  #B87980}
.hvr_border_color2:hover{border-color: #d8b5ba}

header.scr_header {background-color: rgba(184,121,128,0.7) !important;}
#main_img:before { background-color: rgba(147,114,117,0.3);}
#footer {background-color: rgba(255,255,255,0.8);}
#contents3_wrap:after {background-color: rgba(199,136,105,0.5) !important;}
#info_contact .con_img:before { background-color: rgba(196,95,44,0.2);}
body, .txt_color_nomal {color: #6e5154;}
#page_title:before {background-color: rgba(165,106,77,0.4);}
.line:before {background-color: rgba(184,121,128,0.42) !important;}
/* color-----------------------------------------------------------------------------------------------*/

/*font-------------------------------------------------------------------------*/
body {font-family: 'Zen Kaku Gothic Antique',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif !important;}
.cms_title p,.cms_title h3,.page_title_box p,.con_title .pop400,.con_box h2,a.more_btn,.pop400{font-family:'Playfair Display','Zen Old Mincho',"Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;}
a,.box_title1,.cate_title,.box_title2,.hannari,#footer_nav li a,.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before{
    font-family:'Zen Old Mincho',"Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;}
a.more_btn, .cms_title p, h3.box_title1,#pc_nav li a, #top_pc_nav li a, #footer_nav li a{font-weight: 900;}
.opacity07 {opacity: 0.9;}
/*font-------------------------------------------------------------------------*/
p#logo2 a {max-width: 230px;}
.nav_menu_more:last-of-type a .icon:before {content: none;}
.nav_menu_more a {background: #C45F2C;}
.nav_menu_more a:hover {
    opacity: 0.8;
    background: #C45F2C;
    color: #FFF7F0;}
/*top-------------------------------------------------------------------------*/
.menu p img {transform: translateX(-10px);}
.menu .logo_link{
    border: solid 1px #B87980;
    padding: 7% 10%;
    width: 90% !important;
    max-width: 400px;
    height: 90%;}

div#intro_wrap::before {
    background: url(dup/img/intro.png);
    content: '';
    position: absolute;
    width: 40%;
    height: 13%;
    bottom: -6%;
    right: -12%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
    transform: rotate(359deg);}
    
@media screen and (max-width: 1600px){
    div#intro_wrap::before {right: -9%;}
}


div#contents1_wrap::before {
    background: url(dup/img/con02.jpg);
    position: absolute;
    background-size: cover;
    background-position: right 38% center;
    content: '';
    width: 10%;
    height: 60%;
    bottom: -5%;
    left: 7%;
    z-index: 0;
    filter: blur(1px);
    opacity: 0.4;}
    
    
div#contents2_wrap::before {
    background: url(dup/img/con03.jpg);
    position: absolute;
    background-size: cover;
    background-position: right 48% center;
    content: '';
    width: 10%;
    height: 70%;
    bottom: -20%;
    right: 14%;
    z-index: 0;
    filter: blur(1px);
    opacity: 0.7;
    transform: rotate(90deg);}
    
    
.back1:before{background-color: rgba(216,181,186,0.0) !important;}
.back2:before{background-color: rgba(216,181,186,0.0) !important;}

.diag01{ 
  padding-bottom: calc(10vw + 10px);  
    position: relative;
    overflow: hidden;
    background-color: rgba(216,181,186,0.1) !important;}
.diag02{ 
  padding-bottom: calc(10vw + 10px);  
    position: relative;
    overflow: hidden;
    background-color: rgba(216,181,186,0.1) !important;}
.diag03{ 
  padding-bottom: calc(10vw + 10px);  
    position: relative;
    background-color: rgba(216,181,186,0.1) !important;}
    
.diag01:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 0;
    border-bottom: 5vw solid #ffffff;
    border-left: 100vw solid transparent;
}
.diag02:before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 0;
    top: 0px;
    border-right: 100vw solid #ffffff;
    border-bottom: 15vw solid transparent;
}


.tri01::before {
    border-width: 0 0 150px 150px;}
.tri01::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent rgba(251,247,248,0.8) transparent;
    z-index: 4;}
.tri01::after {border-width: 0px 150px 150px 0px;}
.tri01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent rgba(251,247,248,0.8) transparent;
    z-index: 4;
    transform: rotate(90deg);}
.tri01 img {
    object-fit: cover;}

.tri02::before {
    border-width: 0 100px 100px 0;}
.tri02::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent rgba(255,255,255,0.85) transparent;
    z-index: 4;
}
.tri02::after {border-width: 0px 100px 100px 0px;}
.tri02::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent rgba(255,255,255,0.85) transparent;
    z-index: 4;
    transform: rotate(180deg);}
.tri02 img {
    object-fit: cover;}


.cms_title h3 {
    font-size: 70px;
    padding: 15px 0 30px;
    color: #6e5154;}
.cms_title p {font-size: 18px !important;}
.line-l:before { top: 17px !important;}

.num{display:none;}

#contents1 .num_img {
    position: absolute;
    height: 70% !important;
    width: auto;
    left: -4%;
    top: -7%;
    opacity: 0.1;
    z-index: 5;}
#contents1 .con_box {
    padding-top: 20%;
    padding-left: 7%;
    margin-top: 0;
}
#contents2 .num_img {
    position: absolute;
    height: 130% !important;
    width: auto;
    left: -23%;
    bottom: 3%;
    opacity: 0.1;
    z-index: 5;
    transform: translate(0%, 50%);
}
#contents2 .con_box {
    padding-top: 15%;
    padding-left: 7%;
    margin-top: 0;}

#contents3 .num_img {
    width: 9%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
    opacity: 0.8;}

#contents3 h3{padding-bottom: 1%;}

#contents3 .con_box {
    z-index: 1;
    padding-top: 8%;
    padding-bottom: 7%;}


.diag_cms{
    padding-bottom: calc(10vw + 10px);
    position: relative;
    overflow: hidden;
    background-color: rgba(216,181,186,0.1) !important;
}

.diag_cms:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 0;
    border-bottom: 5vw solid #ffffff;
    border-left: 100vw solid transparent;
}

.top_cms_box {
    z-index: 2;
    position: relative;}

.diag_cms:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 0;
    height: 35%;
    border-bottom: 5vw solid transparent;
    border-right: 100vw solid #ffffff;
}


.banner a{right:0;}




/*cms---------------------------------------------------------------------------------------------*/
/*linkStyle*/
a.linkStyle {
    color: #B87980;
    transition: 0.5s;}
a.linkStyle:hover {color: #C45F2C;}


/*【文字の左に横線】*/
#cms_2-a h3.cate_title {
    padding: 0;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    border: 0px;}
#cms_2-a h3.cate_title::before {
    border-top: 2px solid #B87980;
    content: "";
    flex-grow: 1;
    max-width: 46px;
    opacity: 0.6;
    margin-right: 1rem;}
#cms_2-a .cate {margin-bottom: 75px;}

section#cms_3-b .cate_box,.cms_3-b .cate_box{
    background-color: #FFF7F0;
    border-left: solid 4px #d3a1a6;}

#cms_6-a .cate_box:last-of-type, .cms_6-a .cate_box:last-of-type {border-bottom: none;}

#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before { top: 2px;}


/*タブレット*/
@media screen and (max-width: 768px){
div#intro_wrap::before {right: -3%;}
p#logo2 a {max-width: 200px;}
#fakeloader .fl {max-width: 200px;}
#cms_2-a h3.cate_title::before {max-width: 35px;}
div#contents1_wrap::before {
    background-position: right 38% center;
    content: '';
    width: 20%;
    height: 40%;
    bottom: auto;
    top: 6%;
    left: -3%;}
#contents1 .num_img {
    position: absolute;
    height: 30% !important;
    width: auto;
    left: -3%;
    top: -3%;}
.tri01::after {border-width: 0px 90px 90px 0px;}
.tri01::before{border-width: 0px 0px 90px 90px;}
.menu p img {transform: translateX(-5px);}
.diag01:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 0;
    border-bottom: 20vw solid #ffffff;
    border-left: 200vw solid transparent;}
.tri02::after {border-width: 0px 90px 90px 0px;}
.tri02::before {border-width: 0px 90px 90px 0px;}

div#contents2_wrap::before {
    right: auto;
    z-index: 0;
    filter: blur(1px);
    opacity: 0.7;
    transform: rotate( 0deg);
    background-position: right 38% center;
    content: '';
    width: 20%;
    height: 55%;
    bottom: auto;
    top: -12%;
    left: -3%;
}
#contents2 .num_img {
    position: absolute;
    height: 45% !important;
    width: auto;
    left: -3%;
    bottom: 64%;
    opacity: 0.1;
    position: absolute;
    width: auto;
    left: -3%;}
.diag02:before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 0;
    top: 0px;
    border-right: 200vw solid #ffffff;
    border-bottom: 20vw solid transparent;}

#contents3 .num_img {
    width: 11%;
    top: 7%;}    
#contents3 h3 {padding-bottom: 0%;}
#contents3 .con_box {
    z-index: 1;
    padding-top: 9%;
    padding-bottom: 12%;
}
.cms_title h3 {
    font-size: 45px;
    padding: 10px 0 25px;
    color: #6e5154;}
.cms_title p {font-size: 15px !important;}
#cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before {top: 5px;}
}
/*スマホ*/
@media screen and (max-width: 667px){
#fakeloader .fl {max-width: 150px;}
div#intro_wrap::before {
    background: url(dup/img/intro.png);
    content: '';
    position: absolute;
    width: 50%;
    height: 4%;
    bottom: -2%;
    right: -2%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
    transform: rotate(359deg);}
.tri01::after{border-width: 0px 60px 60px 0px;}
.tri01::before { border-width: 0px 0px 60px 60px;}

div#contents1_wrap::before {
    background-position: right 38% center;
    content: '';
    width: 50%;
    height: 30%;
    bottom: auto;
    top: -1%;
    left: 37%;
    transform: rotate(90deg);}
#contents1 .num_img {
    position: absolute;
    height: 30% !important;
    width: auto;
    left: -7%;
    top: -34%;}

div#contents2_wrap::before {
    right: auto;
    z-index: 0;
    filter: blur(1px);
    opacity: 0.7;
    transform: rotate( 90deg);
    background-position: right 38% center;
    content: '';
    width: 50%;
    height: 50%;
    bottom: auto;
    top: -15%;
    left: 3%;}
    
.tri02::before{border-width: 0px 60px 60px 0px;}
.tri02::after{border-width: 0px 60px 60px 0px;}

#contents2 .num_img {
    height: 45% !important;
    width: auto;
    left:auto;
    bottom: 120%;
    right: -7%;}

#contents3 .con_box {
    z-index: 1;
    padding-top: 19%;
    padding-bottom: 21%;
}
#contents3 .num_img {
    width: 25%;
    top: 6%;}

.cms_title h3 {
    font-size: 40px;
    padding: 10px 0 0px;}
.line-l:before {top: 14px !important;}
p#logo2 a {max-width: 170px;}
#cms_1-a .pager li {margin-right: 0px;}
#cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before {top: 7px;}

#page9 .box .pd_l-20px {padding-left: 5px;}
#page9 .box p {font-size: 13px;}
#page9 .con_box {padding: 3%;}
}
    
    
/*IE*/
@media all and (-ms-high-contrast: none){
header.scr_header #logo img{width: 102% !important;}
.line-l::before {top: 22px !important;}
.more_btn{
    padding-top: 8px !important;
    padding-bottom: 7px !important;}
.pager li a {padding-bottom: 12px !important;}
.cate_list li a {padding-bottom: 12px !important;}
#contact_tel a{ padding-top: 23px !important;}
#page9 .more {padding-bottom: 6px !important;}
#page10 .more_btn {padding-top: 8px !important;}
#footer_nav li a::after { background: rgba(110,81,84,0.5);}
}





/*修正20220318*/

p.tel_bt,div#map{display:none;}
.tel_wrap {border: solid 3px #f0e7e7;}

.inst_bnr a,.inst_bnr span {
    color: #CF2E92;
    border-color: #CF2E92;}
    
.line_bnr a,.line_bnr span {
    color: #00B900;
    border-color: #00B900;}


.fixed_img {
    opacity: 0;
    position: fixed !important;
}

/*タブレット*/
@media screen and (max-width: 768px){
/*entry*/
.fixed_img {
    opacity: 1;
    display:block ;
    position: fixed;
    bottom: 45px;
    right: 45px;
    z-index: 2;
    width: 100%;
    max-width: 300px;
    transition: 0.5s;}
.fixed_img:hover{
    opacity: 0.8;
    transition: 0.5s;}
div#h1txt {padding-bottom: 70px;}
}

/*スマホ*/
@media screen and (max-width: 667px){.tel_wrap {border: solid 0px #f0e7e7 !important;}
    
.fixed_img {max-width: 200px;}
div#h1txt {padding-bottom: 60px;}
}