@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');

.pop400{font-family: 'Gilda Display',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important}
.cms_title p{font-size: 44px;}
.cms_title h3{font-size: 22px;margin-top: -10px;}

a[href^="tel:"], .didot, #pc_nav li a, #top_pc_nav li a, #footer_nav li a, #top_pc_nav li a, .hannari, .pop400, #intro_wrap .intro_title h3, #contents1_wrap .con_title h3, #contents2_wrap .con_title h3, #contents3_wrap .con_title h3, #info_contact_wrap .con_title .hannari, #page8 .mail_contact_tel a, .more_btn, .cms_1-a .cate_box .date, .cms_2-a .box_title1, .cate_title, #cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt, #contact_line, .return{font-family: 'Shippori Mincho B1',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

#page10 .more_btn{text-transform: none;}


/* color---------------------------------------------------------------------------------------------*/
.linkStyle{color: #56383a;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.border_color3 {border-color: #56383a;}
.border_color3.border_so2-b {border-bottom: 2px solid;}
.border_color4 {border-color: #ccc;}


/* design ---------------------------------------------------------------------------------------------*/
.font_14 {font-size: 16px;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a{font-size: 16px;}


/* ---------- main_img ---------- */
#main_img {
    overflow: hidden;
}
#main_img::after{
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 3;
	pointer-events: none;
    border: 22px solid rgba(255,255,255,0.15);
	box-sizing: border-box;
	filter: blur(1px);
}
#main_img:before{
	z-index: 2
}
.video_wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
video {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#main_img .menu p {
    background-color: transparent!important;
	/*backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);*/
}


/* ---------- header ---------- */
.nav_menu_more:first-of-type a .icon:before{display: none}


/* ---------- top---------- */
.back1:before {z-index: -1;}
.back1:before, .back2:before, footer.bg_color2 {background-image: url(./Dup/img/bg1.jpg);background-repeat: repeat;background-size: 800px;}
#top_cms.back1:before, main.under.back1:before {background-image: url(./Dup/img/bg1.png);background-repeat: repeat;background-size: auto;}
.back1:before, .back2:before {opacity: 0.7;background-color: #fff!important;}

.line:before{background-color: #ab9c9d!important;height: 1px;}
.line-l:before {display: none}

#intro{position: relative}
#intro:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(Dup/img/item1.png);
    background-size: 25%;
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -600px;
    right: 0;
    z-index: -1;
	opacity: 0.3;
}
#intro_wrap, #contents3 .con_box {
	box-shadow: rgba(17,12,46,0.1) 0px 48px 100px 0px;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
#contents3_wrap:after{background-color: rgba(0,0,0,0.15)!important;}



/* ---------- topcms---------- */
.top_cms_box{padding-bottom: 150px;}
.more_btn{border-radius: 45px;border: 1px solid;}
.more_btn:before{display: none}
.more_btn:after{border-radius: 45px;transition-delay: 0s!important;width: 100%;background-color: transparent!important}
.more_btn:hover:after {background-color: rgba(196,95,44,0.1)!important;}
.cms_title{text-align: center;position: relative;padding-top: 50px;}
.cms_title::before {
    content: '';
    display: inline-block;
    width: 43px;
    height: 57px;
    background-image: url(../dup/img/item2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 11px;
    right: 0;
    margin: auto;
    top: 4px;
	transform: rotate(23deg);
}

#cms_5-b .cate_box{margin-bottom: 30px;}
#cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt {border-bottom: 1px solid;}
#cms_5-b .box_item, .cms_5-b .box_item{border: none;background-color: #fff1ea;padding-bottom: 1px!important;}


/* ---------- 下層ページ---------- */
#page_title:before{background-color: rgba(115,95,95,0.38)!important;}
#page_title .page_title_box {
    background-color: rgba(86,56,58,0.43);
    border-top: 2px solid rgba(86,56,58,0.90);
    border-bottom: 2px solid rgba(86,56,58,0.90);
    min-width: 200px;
    padding-top: 4px;
    padding-bottom: 19px;
}
#page_title .page_title_box h2{font-size: 18px;;}
#page_title .page_title_box .pop400{font-size: 33px;opacity: 1;letter-spacing: 5px;}
#page10 .more_btn{border: none}
.under .con_box{box-shadow: rgba(17,12,46,0.04) 0px 48px 85px 0px;}


/* ---------- cms---------- */
.cate_title {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 22px;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 30px;
	border-left: none!important;
    border-bottom: solid 1px #ccc;
    color: #333;
    font-weight: normal;
    position: relative;
}
.cate_title::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    left: 0;
    bottom: -1px;
    background-color: #333;
}




/* IE */
@media all and (-ms-high-contrast: none){
.more_btn{padding-bottom: 11px!important;}
.cate_list li a{padding-bottom: 5px!important}
#cms_5-b .cate_box .arrow, .cms_5-b .cate_box .arrow{top: 56%!important;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img .menu p{display: none}
#main_img {
    position: relative;
    height: auto;
    width: 100%;
}
.video_wrap {
    position: static;
    overflow: hidden;
    width: 100%;
    height: auto;
    min-width: 100%;
}
video {
    min-width: auto;
    min-height: auto;
    width: 100%;
    z-index: 1;
    position: static;
    top: 0%;
    left: 0%;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    vertical-align: bottom;
}
.page_title_box h2 {font-size: 28px;}
.cms_title p {font-size: 38px;}
.cms_title h3{font-size: 20px;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.back1:before, .back2:before, footer.bg_color2 {background-size: 500px;}
.font_14 {font-size: 14px;}
#main_img::after{border: 9px solid rgba(255,255,255,0.15);}
#intro:before{display: none}
#contents1:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(Dup/img/item1.png);
    background-size: 40%;
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0.3;
}
.cms_title::before{width: 37px;top: -23px;}
.cate_title{font-size: 20px;line-height: 1.9;padding-left: 0;padding-top: 20px;}
.page_title_box {
    width: 73%!important;
    padding: 20px;
	padding-top: 8px!important;
    padding-bottom: 21px!important;
    box-sizing: border-box;
}
#page_title .page_title_box .pop400 {font-size: 21px;letter-spacing: 4px;}
#page_title .page_title_box h2{font-size: 15px;}
}