/* color---------------------------------------------------------------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #493b41;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #d57ba2 !important;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #ffebf1;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #f7b2bf;} /* アクセントカラー1 */
.txt_color4{color: #fff5f9;} /* アクセントカラー2 */
.hvr_txt_color4:hover{color: #fffafc;} /* アクセントカラー2 */
/* background-color */
.bg_black,.hvr_bg_black:hover{background-color: #493b41;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #d57ba2;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #ffebf1;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #f7b2bf;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #fffafc;} /* アクセントカラー2 */
/* border-color ※!important */
.border_color1{border-color: #b8e6ea !important;}
.border_color2,.hvr_border_color2:hover{border-color: #ffebf1 !important;}
.border_color3,.hvr_border_color3:hover{border-color: #f7b2bf !important;}
.border_color4,.hvr_border_color4:hover{border-color: #fffafc !important;}
.hvr_border_color1:hover{border-color: #d57ba2 !important;}

/*その他*/
.cate_list{border-bottom: 2px solid #493b41;}
.cate_list li a:hover::before{color: #493b41;}
.top_cms_box .more_box .more:before,.top_cms_box .more span:before,.other .box:hover,
.page10 .more_box .more:before,.page10 .more span:before{ background-color:#493b41}
.top_cms_box .more_box .more:after {  border: solid 1px #493b41;}
.top_cms_box .more span:after{ border-left: 5px solid #493b41;}
.page10 .more_box .more:after { border: solid 1px #493b41;}
.page10 .more span:after{ border-left: 5px solid #493b41;}
.other .box{border: 2px solid #493b41;}
.other .box_title {font-weight: 500 !important;}


#page8 #form_box #form_bt div:hover{	box-shadow: 0 2px 4px rgba(66,48,42,0.5);}
.img-container:before { background: #f7b2bf;}
.t_cms_img2 .img-container:before {background: #b8e6ea;}

#dec2 .st0, #dec4 .st0, #dec6 .st0, #dec8 .st0 {fill: #91dae1 !important;}
#dec9 .st0, #dec10 .st0, #dec11 .st0, #dec12 .st0, #dec13 .st0, #dec14 .st0, #dec15 .st0, #dec16 .st0 {fill: #f1a9b6;}

.cms_5-c .box_title1,#cms_5-c .box_title1 {border-color: rgba(213,123,162,0.15);
                                            font-weight:bold;}
.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before {color: rgba(73,59,65,0.5);}
footer{background-color:  #ffebf1;}
.top_cms_box:before{background:#b8e6ea;}
section#page9 a{border-color: #d57ba2 !important;}
section#page9 a:hover {opacity:0.7;
    color: #fff !important;
    background-color: #d57ba2 !important;}
    
section#page7 p {color: #60565a !important;}

.line.bg_color1{background:#ffebf1;}

.other .box {
    background-color: #ffffff;
    border: 2px solid #493b41;}
.other .box:hover {
    background-color: #493b41 !important;
    background-image: none;}
.other .box:hover p, .other .box:hover h2 span,.other .box:hover h2::before{color: #fff;}
.footer_cms p,#footer p{color: #d57ba2;}
p#copyright{color: #f7b2bf}
/*linkStyle*/
a.linkStyle {
    color: #d57ba2;
    transition: 0.5s;
    border-bottom:solid 1px;}
.opacity07{opacity:0.9 !important;}

/*下層ページタイトル画像白く--------------------------*/
.img-container:after {
    background-color: rgba(255,255,255,0.6);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: 100%;}
/* color---------------------------------------------------------------------------------------*/


/*sns--------------------------*/
.sns_links li a img {
    width: 100% !important;
    height: auto !important;}
.sns_links li {
    max-width: 30px;
    height: 30px !important;}
/*sns--------------------------*/

/*border-radius------------------------------------------------------------------------*/
img, li a, figure.box_img1,p#contact_tel a,.more_box .more{border-radius: 5px;}
.img-container, .img-container_img, .img-container:before,figure{border-radius: 15px;}
 .top_cms_box .more_box .more{border-radius: 50px;}
ul.sns_links li a {border-radius: 0px;}
/*border-radius------------------------------------------------------------------------*/

/*font------------------------------------------------------------------------*/
body{font-family:'Zen Maru Gothic','Kiwi Maru',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}
h1,h2,h3,h4,h5,h6,p,.t_cms_txt2,.t_cms_txt5,.t_cms_txt8,.nav1,.nav2,.top_nav li a,.cms_title,.page_title_box,.cate_list li a,.box_title1,.box_title2,.box_txt1,.box_txt2{font-family:'Kiwi Maru','Zen Maru Gothic',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}

.top_nav ul li a{font-weight:bold;}
/*font------------------------------------------------------------------------*/


/* 装飾しやすいように消すやつとか---------------------------------------------------------------------------------------------*/
.vegas-overlay {    background-image: none !important;}
.vegas-overlay { background: rgba(255,255,255,0.7) !important;}
.top_nav .txt_white {color: #493b41;}
#top_cms, .all_page {background:#fff;}
#top_cms:before{content: none;}
.all_page:before{background:transparent;}
#contents .box figure:after {content: none;}

/*.con1,.con2 {margin-bottom: 250px;}*/
/*.con3{margin-bottom: 200px !important;}*/
.navi a{display:none;}
.con1,.con2,.con3,#contents,#top_cms,.sns_box{position: relative;}
.t_cms_txt3, .t_cms_txt4, .t_cms_txt5, .t_cms_txt6, .t_cms_txt7, .t_cms_txt8, .t_cms_txt9, .t_cms_txt10{
    z-index: 4;
    position: relative;}
.svg_box {
    z-index: 2;
    position: relative;}

/*TOPCMS*/
.line.txt_color_nomal { display: none;}
.cms_title {text-align: center;}
/* 装飾しやすいように消すやつとか---------------------------------------------------------------------------------------------*/


/*contact info 丸く小さく*/
.other .box {
    border-radius: 15px;
    width: 40%;
    margin: 10px;
    height: 350px;}
.other .box:last-child { border-left: 2px solid #493b41;}
/*contents1～3---------------------------------------------------------------------------------------------*/

/* top---------------------------------------------------------------------------------------*/

#contents .box figure:after{content: none;}

/*イラスト文章下に-------*/

#contents::after {
    content: '';
    background: url(dup/img/yuru01.png);
    position: absolute;
    width: 822px;
    height: 670px;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    transform:scale(1,-1);
}


.con2::before {
    content: '';
    background: url(dup/img/yuru02.png);
    position: absolute;
    width: 600px;
    height: 800px;
    right: -5%;
    bottom: -40%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}


#contents::before {
    content: '';
    background: url(dup/img/yuru01.png);
    position: absolute;
    width: 822px;
    height: 670px;
    left: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}

/*イラスト文章下に-------*/


    
#top_cms::before {
    background: url(dup/img/yuru03.png);
    content: '';
    width: 100%;
    height: 491px;
    background-size: contain;
    background-position: top left;
    position: absolute;
    z-index: 0;
    top: -4%;
    left: 0%;
    background-repeat: no-repeat;
}

.main_wrap::before {
    background: url(dup/img/yuru03.png);
    content: '';
    width: 101%;
    height: 600px;
    background-size: contain;
    background-position: top left;
    position: absolute;
    z-index: -1;
    top: -2%;
    left: -1%;
    background-repeat: no-repeat;}
    
div#video {border-radius: 35px;}

.menu {padding-bottom: 30px;}
.menu.is-fixed {padding-bottom: 10px;}


article#top_cms {
    border-right: solid 5px #fffafc;
    border-left: solid 5px #fffafc;
    border-radius: 8px;}
    
section#contents {
    border-left: solid 5px #fffafc;
    border-right: solid 5px #fffafc;
    border-top: solid 5px #fffafc;
    border-radius: 8px;
}
    
section.other,.sns_box{
    border-right: solid 5px #fffafc;
    border-left: solid 5px #fffafc;}
    
article#top_cms::after {
    content: '';
    background: url(dup/img/yuru_onp02.png);
    position: absolute;
    width: 600px;
    height: 800px;
    left: -5%;
    top: 20%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;}

.top_cms_wrap::before {
    content: '';
    background: url(dup/img/yuru_onp01.png);
    position: absolute;
    width: 600px;
    height: 800px;
    right: -20%;
    bottom: 7%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    transform: scale(1,1);}

section.sns_box::before {
    content: '';
    background: url(dup/img/yuru01.png);
    position: absolute;
    width: 873px;
    height: 488px;
    left: 0;
    bottom: 0%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.3;
    transform: scale(1,1);
    z-index: -1;
}

.catch_img {
    top: 45%;
    height: auto;
    width: 850px;
    z-index: 2;
}

/* cms---------------------------------------------------------------------------------------*/

section#page_title {margin-bottom: 75px;}

.all_page {
    border-top: solid 5px #fffafc;
    border-right: solid 5px #fffafc;
    border-left: solid 5px #fffafc;
    padding: 2%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}

.all_page .sns_box{border:solid 0px !important;}

.all_page::before {
    content: '';
    background: url(dup/img/yuru02.png);
    position: absolute;
    width: 460px;
    height: 610px;
    right: 0;
    top: 20%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.3;
    transform: scale(1,1);
    z-index: -1;
}

.all_page .sns_box::before {
    content: '';
    background: url(dup/img/yuru01.png);
    position: absolute;
    width: 873px;
    height: 671px;
    left: -2.5%;
    bottom: -39%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.3;
    transform: scale(1,1);
    z-index: -1;
}

div#cms_2-d .cate_box {background: transparent;}

.cate_list li a {
    display: block;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.logo.width_10per {
    width: 17% !important;
}

/*タブレット*/
@media screen and (max-width: 768px){
ection.sns_box::before {
    width: 500px;
    height: 396px;}
.all_page .sns_box::before {
    width: 500px;
    height: 441px;}
.all_page::before {
    width: 300px;
    height: 400px;
    top: 7%;}
.all_page {
    padding: 2%;
    padding-top: 0;}
.main_wrap {margin-top: 50vh;}
.main_wrap::before {
    height: 165px;
    top: -1%;}
header .logo {width: 20%;}
#contents::after {
    width: 500px;
    height: 400px;}
.con2::before {
    width: 448px;
    height: 580px;}
#contents::before{
    width: 500px;
    height: 400px;}
    
#contents .box figure {
    width: 80%;
    position: relative;
    z-index: 1;
    margin: 40px 0;
}    

#contents .box .txt_wrap {
    width: 90%;
    padding: 0;
}
article#top_cms::after {
    width: 550px;
    height: 430px;}
.top_cms_wrap::before{
    width: 550px;
    height: 430px;}
.other .box {height: 220px;
    width: 42%;}

.top_cms_wrap::before {
    width: 350px;
    height: 431px;
    right: -20%;}
.catch_img {
    top: 23%;
    height: auto;
    width: 600px;
    z-index: 2;
}
}


/*スマホ*/
@media screen and (max-width: 667px){
.catch_img {display:none;}
.other .box {
    border-radius: 15px;
    width: 90%;
    margin: 10px;
    height: 220px;}
.other .box {
    border: 2px solid #493b41 !important;}
header .logo {width: 28%;}
div#video {border-radius: 10px;}
.main_wrap::before {
    height: 155px;
    top: -30px;}
#contents::after {
    width: 350px;
    height: 250px;}
#contents .box figure {width: 95%;}
#contents .box .txt_wrap {
    width: 95%;}
.t_cms_txt3,.t_cms_txt6,.t_cms_txt9{font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1px);}
.con2::before {
    width: 225px;
    height: 300px;}
#contents::before {
    width: 290px;
    height: 230px;}
#top_cms::before {
    top: -1%;}
article#top_cms::after {
    width: 170px;
    height: 220px;}
.top_cms_wrap::before {
    width: 170px;
    height: 220px;
    right: -20%;
    bottom: 10%;}
section.sns_box::before {
    width: 340px;
    height: 270px;}
#page_title .img-container::after{background-color: rgba(213,123,162,0.2) !important;}
.all_page::before {
    width: 200px;
    height: 270px;
    top: 9%;}
.all_page {
    padding: 2%;
    padding-top: 2%;}
.all_page .sns_box::before {
    width: 320px;
    height: 300px;}
#loading_logo {width: 27%;}

.contact_box a {padding: 10px 5px;}
.contact_box p{    font-size: 13px;}
.contact_box p.font_6up {
    font-size: 14px;
    letter-spacing: 1px;}
.contact_box .grid_6{padding:5px 0;}
section#page8 {padding: 0 2%;}
section#page9 {width: 94%;}

.pager li {
    margin-right: 25px !important;
    margin-left: 25px !important;}
}


/*スマホ*/
@media screen and (max-width: 340px){
.t_cms_txt3,.t_cms_txt6,.t_cms_txt9{font-size: -webkit-calc(1rem + 0px);
    font-size: calc(1rem + 0px);
    letter-spacing: 0.5px;}
}

/*IE*/
@media all and (-ms-high-contrast: none){

.top_cms_box .more_box .more div {
    padding-top: 0px !important;
    padding-bottom: 3px !important;}
#page_title .page_title_box {margin-top: -25px !important;}
.pager li a span{padding-top:8px !important;}
#page9 p a {padding-top: 3px !important;}
.page10 .more_box .more div {padding-top: 0px !important;}


}



/* ---------- IE ---------- */
.video{width: 100%;}



/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.main_wrap{margin-top:50vh;}
#video{height: 50vh;}
}




/*20220317*/
span.font_li{font-family: 'Zen Maru Gothic',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif !important;}