@charset "UTF-8";

/*======*/
body,html{margin:0px;padding:0px;cursor:default;font-size:12px;line-height:19px;text-align:center;color:#ffffff;}
body {font-family:"メイリオ",ＭＳ Ｐゴシック,Osaka;margin:0px;padding:0px;zoom: 1.0;-moz-transform: scale(1.0);}
	@media all and (max-width: 1024px) {
		body {font-family: Verdana, sans-serif;-webkit-text-size-adjust: none;overflow-x:hidden;min-width:100%;}
	}
a{cursor:pointer;outline:none;text-decoration:none;}
input,textarea,option,select{font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #e0e0e0;}
h1,h2,h3,h4,h5,p,div,ul,li,dl,dt,dd,article,nav,span,form,img,nav{font-size:12px;margin:0px auto;padding:0px;vertical-align:top;font-weight:normal;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a:hover img{opacity:0.9;filter: alpha(opacity=95);}
ul,li{list-style-type:none;}
	@media all and (min-width: 1025px) {
		#container{width:100%;overflow-x:hidden;background: url(../img/index/bg.webp) no-repeat #000000 fixed;background-size:2000px 1318px;background-position:top center;}
		#contents_bg.fixed-bg{width:100%;height:auto;background:none;}
		.pc_none{display:none;}
	}
	@media all and (max-width: 1024px) {
		body{width:100%;overflow-x:hidden;}
		#container{width:100%;overflow-x:hidden;position: relative;}
		#container{width:100%;overflow-x:hidden;background: url(../img/index/bg.webp) no-repeat #000000;background-size:1800px auto;background-position:top center;}
	}

/*===■ヘッダー===*/
header{width:100%;height:100vh;position:relative;}
.header{width:100%;height:100vh;position:absolute;top:0px;left:0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.header h1.concept{width:80%;max-width:480px;height:auto;padding-bottom:60px;}

/*===■ENTER/LEAVE===*/
.header nav ul{width:100%;height:auto;}
.header nav ul a{display:block;z-index:10;position:relative;}
	@media all and (min-width: 1025px) {
		.header nav ul{background: url(../img/index/kin.png) no-repeat;background-size:45px 45px;background-position:50% 50%;}
		.header nav ul li{display:inline-block;width:295px;height:auto;padding:20px 0px;transition: all .3s;position:relative;top:0;}
		.header nav ul li:hover {top:-10px;}
		.header nav ul li:nth-of-type(1){margin:0px 60px 0px 0px;}
		.header nav ul li:nth-of-type(2){margin:0px 0px 0px 60px;}
	}
	@media all and (max-width: 1024px) {
		.header nav ul li{display:inline-block;width:45%;}
		.header nav ul li:nth-of-type(1){margin:0px 2% 0px 0px;}
		.header nav ul li:nth-of-type(2){margin:0px 0px 0px 2%;}
	}

p.info{padding-top:20px;}
#contents_bg{width:100%;height:auto;padding-bottom:30px;}
.link_banner img{max-width:100%;}
	@media all and (max-width: 820px) {
		#contents_bg{width:calc(100% - 20px);}
	}


/*======*/
.tel_line{width:100%;height:auto;margin:0px auto;padding:0px;background:#efe3e3;}
.tel_line ul{width:1200px;height:auto;margin:0px auto;padding:20px 0px;}
.tel_line ul li{width:285px;height:auto;margin:0px 5px;padding:0px;display:inline-block;}
	@media all and (max-width: 1024px) {
		.tel_line ul{width:80%;}
		.tel_line ul li{width:100%;padding-bottom:15px;}
		.tel_line ul li:nth-of-type(4){width:100%;padding:0px;}
	}

/*======*/
footer{width:100%;height:auto;margin:0px auto;padding:0px;background:#000000;}
footer .logo{margin:0px auto;padding:15px 0px;width:310px;height:auto;float:left;}
.footer{width:100%;height:auto;margin:0px auto;padding:0px;}
.footer_in{width:1200px;height:auto;margin:0px auto;padding:0px;}
.footer ul.menu{width:90%;height:auto;margin:0px auto;}
.footer ul.menu li{width:auto;height:auto;margin:0px auto;padding:0px;display:inline-block;}
.footer ul.menu li a{width:auto;height:auto;margin:0px auto;padding:0px;display:inline-block;position:relative;}
.footer ul.menu li a::before{display:block;content:"";width:0px;height:0px;border-style: solid;border-width: 4.5px 0 4.5px 6px;border-color: transparent transparent transparent #000000;position:absolute;top:9px;left:0px;}
.footer ul.menu li a::after{display:block;content:"";width:0px;height:0px;border-style: solid;border-width: 4.5px 6px 4.5px 0;border-color: transparent #000000 transparent transparent;position:absolute;top:9px;right:0px;}
footer div.copy{margin:0px auto;padding:0px;width:100%;height:auto;}
footer div.copy .copy{margin:0px auto;padding:0px;width:100%;height:auto;font-size:12px;color:#ffffff;line-height:34px;}
	@media all and (min-width: 1025px) {
		.footer ul.menu{width:870px;float:right;padding:33px 0px 0px 0px;text-align:right;}
		.footer ul.menu li{text-align:center;margin:0px 3px;}
		.footer ul.menu li a{line-height:26px;font-family: 'Montserrat', 'Noto Sans JP' ,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
		.footer ul.menu li a{background:#ffffff;width:101px;}
		footer ul.menu .en{display:none;}
		footer ul.menu a:link{color:#000000;text-decoration:none;}
		footer ul.menu a:visited{color:#000000;text-decoration:none;}
		footer ul.menu a:hover{color:#890000;text-decoration:none;}
		footer ul.menu a:active{color:#000000;text-decoration:none;}
		footer div.copy a:link{color:#ffffff;text-decoration:none;}
		footer div.copy a:visited{color:#ffffff;text-decoration:none;}
		footer div.copy a:hover{color:#890000;text-decoration:underline;}
		footer div.copy a:active{color:#ffffff;text-decoration:none;}
	}
	@media all and (max-width: 1024px) {
		footer .logo{margin:0px auto;padding-top:15px;width:60%;height:auto;float:none;}
		.footer_in{width:100%;height:auto;}
		.footer ul.menu{width:95%;text-align:center;padding-top:5px;}
		.footer ul.menu li{width:47%;margin:0px 1% 9px 1%;}
		.footer ul.menu li a{line-height:26px;font-family: 'Montserrat', 'Noto Sans JP' ,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
		.footer ul.menu li a{background:#ffffff;width:105px;}
		footer ul.menu .ja{display:block;margin:0px auto;padding:0px;font-size:12px;line-height:26px;color:#000000;}
		.footer ul.menu li a{width:100%;color:#221815;padding:0px;}
		footer div.copy{width:100%;padding-bottom:79px;background:#000000;}
		footer div.copy .copy{width:100%;float:none;text-align:center;color:#ffffff;font-size:10px;}
		footer div.copy .copy a{color:#ffffff;}
		footer div.copy .copy span{display:none;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}
	@media all and (max-width: 320px) {
	}



@media all and (min-width: 1025px) {
	p.menu_icon , .mobile_menu{display:none !important;}
}
@media all and (max-width: 1024px) {
	/*===モバイル用メニュー===*/
	div.menu_icon_fade {width:48px;height:42px;position: fixed;top:10px;right:0px;z-index: 100;margin:0px auto;padding:0px;}
	menu.mobile_menu{width:100%;height:100%;position: fixed;top:0px;left:0px;display: none;z-index:9999;margin:0px auto;padding:0px;background: url(../img/footer/bg.png) no-repeat #ffffff;background-size:2000px 600px;background-position:bottom center;}
	div.mobile_menu{position: relative;top:-50%;transition: 0.2s ease-in;transition-delay: 0.2s;}
	div.mobile_menu_title{width:100%;height:auto;text-align:right;margin:0px auto;padding:0px;position: relative;}
	div.mobile_menu_title p.close_icon{width:100%;height:auto;text-align:right;margin:0px auto;padding-top:10px;}
	div.mobile_menu_title p.close_icon img{width:48px;height:42px;}
	p.close_icon:hover{cursor: pointer;}
	ul.mobile_menu{width:100%;height:auto;margin:0px auto;padding:15px 0px 10px 0px;}
	ul.mobile_menu li{width:47%;height:auto;margin:0px 1% 9px 1%;padding:0px;display:inline-block;}
	ul.mobile_menu .en{display:block;margin:0px auto;padding-top:6px;font-size:15px;line-height:100%;letter-spacing:1px;}
	ul.mobile_menu .ja{display:block;margin:0px auto;padding:2px 0px 5px 0px;font-size:12px;line-height:100%;}
	ul.mobile_menu li a{width:100%;height:auto;color:#221815;margin:0px auto;padding:0px;display:inline-block;background:#fdfbf3;border:1px solid #e0dcc8;box-sizing:border-box;}
	div.mobile_menu p.banner{width:96%;height:auto;margin:0px auto;padding:8px 0px;}
}


@media all and (max-width: 1024px) {
	#footerMenu {width: 100%;height: 0px;position: fixed;z-index: 300;bottom: 0;overflow: none;left: 0;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;webkit-transition: all 0.4s ease-in-out;padding:0px;
	background:#550000;}
	#footerMenu.show {height:auto;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;padding:0px;}
	#footerMenu ul{width:100%;height:auto;margin:0px auto;padding:6px 0px 4px 0px;
		display: -webkit-flex;display: -ms-flexbox;display: flex;
		-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	#footerMenu a{width:95%;display:block;padding:6px 0px;color:#ffffff;font-size:11px;margin:0px auto;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
	#footerMenu ul li{height:auto;margin:0px auto;padding:0px 0px;display:inline-block;}
	#footerMenu ul li:nth-of-type(1){width:49%;margin-left:0px;padding-bottom:5px;}
	#footerMenu ul li:nth-of-type(2){width:49%;margin-right:0px;padding-bottom:5px;}
	#footerMenu ul li:nth-of-type(3){width:49%;margin-left:0px;}
	#footerMenu ul li:nth-of-type(4){width:49%;margin-right:0px;}
	#footerMenu ul li a span{display:inline-block;padding:0px 0px 0px 20px;width:auto;height:auto;}

	#footerMenu ul li:nth-of-type(1) a{background:#06c755;}
	#footerMenu ul li:nth-of-type(2) a{background:#8a0000;}
	#footerMenu ul li:nth-of-type(3) a{background:#06c755;}
	#footerMenu ul li:nth-of-type(4) a{background:#8a0000;}
	#footerMenu ul li:nth-of-type(1) a span{background:url(../img/footer/04.png) no-repeat;background-size:auto 15px;background-position:0% 50%;}
	#footerMenu ul li:nth-of-type(2) a span , #footerMenu ul li:nth-of-type(3) a span , #footerMenu ul li:nth-of-type(4) a span{background:url(../img/footer/05.png) no-repeat;background-size:auto 15px;background-position:0% 50%;}
	#footerMenu p{width:100%;height:auto;margin:0px auto;padding:0px 0px 4px 0px;}
	@media all and (max-width: 320px) {
		#footerMenu ul li{font-size:11px;}
	}
}

@media all and (max-width: 1024px) {
	ul.header_navigation{width:100%;height:auto;margin:0px auto;padding:3px 0px 10px 0px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	ul.header_navigation a{width:95%;display:block;padding:6px 0px;color:#ffffff;font-size:11px;margin:0px auto;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
	ul.header_navigation li{height:auto;margin:0px auto;padding:0px 0px;display:inline-block;}
	ul.header_navigation li:nth-of-type(1){width:100%;margin-left:0px;}
	ul.header_navigation li:nth-of-type(2){width:49%;margin-right:0px;}
	ul.header_navigation li:nth-of-type(3){width:49%;margin-left:0px;}
	ul.header_navigation li:nth-of-type(4){width:49%;margin-right:0px;}
	ul.header_navigation li a span{display:inline-block;padding:0px 0px 0px 20px;width:auto;height:auto;}
	ul.header_navigation li:nth-of-type(1) a , ul.header_navigation li:nth-of-type(2) a , ul.header_navigation li:nth-of-type(3) a{background:#8a0000;}
	ul.header_navigation li:nth-of-type(1) a span , ul.header_navigation li:nth-of-type(2) a span , ul.header_navigation li:nth-of-type(3) a span{background:url(../img/footer/05.png) no-repeat;background-size:auto 15px;background-position:0% 50%;}
	ul.header_navigation p{width:100%;height:auto;margin:0px auto;padding:0px 0px 4px 0px;}
	@media all and (max-width: 320px) {
		ul.header_navigation li{font-size:11px;}
	}
}

/*======*/
.pan{width:100%;height:auto;display:block;margin:0px auto;padding:6px 0px;background:#f8edf0;}
.pan ul{width:1200px;height:auto;margin:0px auto;padding:0px;text-align:left;}
.pan li{height:auto;margin:0px auto;padding:0px;font-size:12px;color:#402e32;display:inline-block;}
.pan li a:after {content:"　>　";}
.pan li a{display:block;}
	@media all and (min-width: 1025px) {
		.pan a:link{color:#402e32;text-decoration:none;}
		.pan a:visited{color:#402e32;text-decoration:none;}
		.pan a:hover{color:#ff88a8;text-decoration:underline;}
		.pan a:active{color:#402e32;text-decoration:none;}
	}
	@media all and (max-width: 1024px) {
		.pan a{color:#1f1f1f;text-decoration:none;}
		.pan{width:100%;}
		.pan ul{width:96%;}
		.pan li a:after {content:">";}
		.pan li{font-size:11px;}
	}


/*======*/
h2.h2{width:auto;height:auto;margin:0px auto;padding:0px;}
h2.h2 div{display:inline-block;width:auto;height:auto;margin:0px auto;padding:0px;}
h2.h2 span.en{display:block;width:auto;height:auto;margin:0px auto;padding:0px 0px 8px 0px;font-size:19px;letter-spacing:3px;line-height:100%;
background: url(../img/common/ya.png) no-repeat;background-size:24px 4px;background-position:bottom center;}
h2.h2 .ja{display:block;width:auto;height:auto;margin:0px auto;padding:5px 0px 0px 0px;font-size:12px;letter-spacing:1px;line-height:100%;}
h2.h2 small.en{display:block;width:auto;height:auto;margin:0px auto;padding:2px 0px 0px 0px;font-size:11px;letter-spacing:1px;line-height:100%;vertical-align: 2px;color:#890000;}
	@media all and (min-width: 1025px) {
		#etc h2{width:100%;margin:25px auto;}
	}
	@media all and (max-width: 1024px) {
		#etc h2{width:100%;margin:20px auto;}
		h2.h2 span.en{font-size:16px;}
		h2.h2 span.ja{vertical-align: 1px;}
	}