@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
 @import url("https://use.typekit.net/brs1cch.css");
@font-face {
    font-family: 'selima';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/Selima .woff') format('woff'),
        url('../Dup/img/Selima .eot')  format('eot');
    font-display: swap;
}
body,.hannari{
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important ;
}
.num,.pop400,.return a{
font-family: baskerville-display-pt, serif;
font-weight: 400;
font-style: normal;
/*font-family: '游ゴシック', sans-serif;*/
}

figure,.top_cms_box figure img,.box_wrap figure img{border-radius: 5px;}


#main_img .bg_white{height: 100px!important;}
#top_cms.back1:before{
z-index: -1;
opacity: 0.2;}
.num,.linkStyle{color: #8EB0CC;}
#intro .line:before, #contents3 .line:before,#contents1 .line:before, #contents2 .line:before, #contents2-2 .line:before{background-color: #8EB0CC!important;}
.date {
    color: #8eb0cc;
}
#pc_nav li,#top_pc_nav li{max-width: 145px;}
#main_img:before{
z-index: 2;
background-color: rgba(255,255,255,0.3);}
#contents1_wrap{margin-bottom: 100px;}
#contents1 .con_box {
    margin-top: 10%;
}
#main_img{
/*margin: 30px 0 30px;*/
width: 100%;
    border-radius: inherit;
    overflow: hidden;

}
.menu img{width: 80%;}
.catch{
right: -150px;
    z-index: 3;

    width: 320px;
    top: 30%;

    height: 320px;
    transform: translate(-50%, -50%);
}
.catch img{width: 100%;}
/*#video{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
	min-width: 1000px;

}*/
.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%);
}
.back1:before,.back2:before{
background: url(Dup/img/bg.png);
    opacity: 0.2;
}
#footer{border-top: 1px solid #ffffff;}
#intro_wrap,#contents3 .con_box,main.back1 .con_box{
border: 1px solid #e8e8e8;
border-radius: 5px;
}
#main_img .bg_white{background-color: transparent;}
#intro_wrap::before {
    position: absolute;
    content: "";
    width: 300px;
    height: 300px;
    right: 20px;
    bottom: -250px;
    background-image: url(./Dup/img/img1.png);
    background-size: contain;
    pointer-events: none;
}
#contents3 .con_box::before {
    position: absolute;
    content: "";
    width: 300px;
    height: 300px;
    left: 20px;
    top: -150px;
    background-image: url(./Dup/img/img2.png);
    background-size: contain;
    pointer-events: none;
}
.cms_5-a .border_so3-l{border-left: 2px solid #e3c3c3;}
/*.catch:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(Dup/img/img2.png)no-repeat;
	background-size: contain;
	width: 77%;
	height: 30%;
	z-index: 2;
}*/
#logo img,#logo2 img{width: 70%;} 
.catch{display: none;}
#top_pc_nav li a{
color: #fff;
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
#logo2 a{margin: 0 auto 20px 0;}
#footer_con .con_box{padding-left: 0;}
#footer_con .con_box h2{display: none;}
.swiper-slide{width: 100%!important;}
#info_contact_wrap a p span{color: #fff;}
.back1:before{z-index: -1;}
#contents2-2 .num{z-index: 2;}
/*---------------------------------------
下層
------------------------------------------*/
#page_title:before{background-color: rgba(175,175,175,0.4);}
#page6 .box_wrap{display: block;}
#page_title .page_title_box{background-color: transparent;}
.page_title_box{min-width: 400px;}
.button_container span{
color: #666666;
background: #666666;}
.page_title_box p,
.page_title_box h2{
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
color: #fff;
}

@media screen and (max-width: 1280px){
#main_img .menu{display: none;}
}
.modal_bg{
     top: 0;left: 0;
     background-color: rgba(106,106,106,0.8);
     z-index: 9;
     padding-top: 100px;
          overflow-y: auto;
}
.modal_box{

     z-index: 10;
         border-radius: 20px;
}
.close_bt{cursor: pointer}
.modal_bt{cursor: pointer}
.modal_box .close {
    top: 10px;
    right: 10px;
    cursor: pointer;

}
.modal_bt figure img{background-color: #fffcfc;}
.hvr_bg_color2:hover {
    background-color: #f7f7f7;
}
.hvr_trans:hover {
    transform: translateY(-5px);
}
#footer_con .tel_bt{display: none;}
/*--------------------------------------------
タブレット
---------------------------*/
@media screen and (max-width: 768px){
	#main_img{margin: 0;}
	#video{height: 65vh;}
	#main_img .menu{display: none;}

.catch {
 right: -81px;
    z-index: 2;
    top: 28%;
    width: 31%;
}
#intro_wrap::before,#contents3 .con_box::before{opacity: 0.5;}
.nav_menu_more:first-of-type a .icon:before,.nav_menu_more:last-of-type a .icon:before{display: none;}
#page8 .pd_20px_tb {
    padding: 20px 13px;
}
#main_img{

width: 100%;
}
#cms_1-c li.prev{margin-right: 0;}
#main_img {
    height: 67vw!important;
}
}



/*スマホ---------------------------*/
@media screen and (max-width: 667px){
#intro_wrap::before{
width: 200px;
    height: 200px;
    right: 10px;
    bottom: 10px;
}
#contents3 .con_box::before{
width: 200px;
    height: 200px;
    left: 20px;
    top: -170px;
}

.catch{
    right: -50px;
    z-index: 2;
    top: 23%;
width: 110px;
    height: 100px;
}
.catch img {
    width: 100%;

}
#logo2{text-align: center;}

#main_img{
border-radius: inherit;
width: 100%;
}
	#main_img .menu{display: block;}
#logo{display: none;}
	header.scr_header #logo{display: block;}
	header{height: 50px;}
	#contents1_wrap {
    margin-bottom: 0px;
}
	
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
.page .cate_list a{padding-bottom: 10px;}
	#cms_5-a .cate .cate_title span:last-of-type{padding-top: 0!important;}
}