@charset "UTF-8";

header{width:100%;}
header p.logo{width:100%;max-width:600px;}
h1,p.lead{background:none;width:100%;}
.enter_text{width:100%;}
.enter_text a{width:100%;color:#000000;}
	@media all and (min-width: 1025px) {
		#contents_bg{background: none;}
		header p.logo{width:80%;max-width:600px;}
		header{height:100vh;
			display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
			-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
			-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
			-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;}
		header h1,
		header p.lead,
		header p.attention
			{color:#000000;}
		.enter_text a:hover{color:#000000;text-decoration:none;}
	}
	@media all and (max-width: 767px) {
		main{padding-top:0px;}
		header{height: 100vh;min-height: 100vh;min-height: -webkit-fill-available;min-height: 100dvh;
			background-size:auto 100%;
			z-index: 2;position:relative;padding:0px;
			display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
			-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
			-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
			-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;}
		header p.logo{width:85%;}
		header h1,
		header p.lead,
		header p.attention
			{color:#000000;}
		header p.lead,
		header p.attention
			{width:calc(100% - 30px);}
		header p.attention
			{padding-bottom:0px;}
		p.lead span{font-size:11px;}
	}


@media all and (max-width: 767px) {
.s_width{width:calc(100% - 30px) !important;}

		body::before{background:none;}   
.bg-slideshow{
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.bg-slideshow .bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease;
}

.bg-slideshow .bg.show{
    opacity: 1;
}
	}

/*===■ENTERL/LEAVE===*/
header ul{width:100%;height:auto;padding:20px 0px 25px 0px;}
header ul a{display:block;z-index:10;position:relative;}
header ul span.en{display:block;height:auto;width:100%;line-height:1;font-size:20px;color:#ffffff;padding-bottom:4px;}
header ul small{display:block;height:auto;width:100%;line-height:1;font-size:12px;color:#ffffff;}

	@media all and (min-width: 1025px) {
		header ul{background: url(../img/index/kin.png) no-repeat;background-size:45px 45px;background-position:50% 50%;}
		header ul li{display:inline-block;width:110px;height:110px;padding:0px;transition: all .3s;position:relative;top:0;
			background: url(../img/index/bt.webp) no-repeat;background-size:100% 100%;background-position:50% 50%;}
		header ul li a{display:block;width:100%;height:100%;padding:0px;
			display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
			-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
			-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
			-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;}
		header ul li:hover {top:-10px;}
		header ul li:nth-of-type(1){margin:0px 60px 0px 0px;}
		header ul li:nth-of-type(2){margin:0px 0px 0px 60px;}
	}
	@media all and (max-width: 1024px) {
		header ul{background: url(../img/index/kin.png) no-repeat;background-size:45px 45px;background-position:50% 50%;}
	}
	@media all and (max-width: 767px) {
		header ul{background:none;}
		header ul li{display:inline-block;width:110px;height:110px;padding:0px;transition: all .3s;position:relative;top:0;
			background: url(../img/index/bt.webp) no-repeat;background-size:100% 100%;background-position:50% 50%;}
		header ul li a{display:block;width:100%;height:100%;padding:0px;
			display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
			-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
			-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
			-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;}
		header ul li:nth-of-type(1){margin:0px 15px 0px 0px;}
		header ul li:nth-of-type(2){margin:0px 0px 0px 15px;}
	}


.about_recom{width:100%;height:auto;padding:30px 0px 0px 0px;}
.about_recom h2{width:100%;height:auto;padding:0px 0px 10px 0px;font-weight:bold;font-size:14px;color: #95816f;}
.about_link{width:100%;height:auto;padding:30px 0px;}
.about_link img{max-width:100%;}
	@media all and (max-width: 767px) {
		.about_recom h2{font-size:13px;}
	}