@charset "utf-8";

@media (min-width: 768px) {
	.pcnone{ display: none !important;}
}
@media (max-width: 767.99px) {
	.spnone{ display: none !important;}
}


@media (min-width: 768px) {
	#contents{ letter-spacing: 2px;}
	
	.main_title{ background-image: url("../images/main.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100vw; height: 490px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 58px; font-weight: bold; margin: 0 0 65px 0;}
	.main_title2{ background-image: url("../images/himotoki.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100vw; height: 490px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 58px; font-weight: bold; margin: 170px 0 20px 0; flex-direction: column;}
	.main_title2 small{ font-size: 16px; color: #fff; display: block; line-height: 1.0;}
	.main_title2 span{ font-size: 46px; color: #fff; display: block; line-height: 1.0;}
	
	.title2{ font-size: 22px; text-align: center; margin: 115px 0 70px 0; font-family: "Noto Serif JP",serif;}
	.title3{ margin: 120px 0 70px 0; font-family: "Noto Serif JP",serif; width: 54%; display: flex; justify-content: space-between; align-items: baseline;}
	.title3b{ margin: 70px 0;}
	.title3c{ justify-content: flex-end;}
	
	.page_lead{ text-align: center; font-family: "Noto Serif JP",serif; font-weight: 500; font-size: 21px; margin: 50px 0;}
	.p_text{ width: 720px; margin: 38px auto 0; font-size: 14px;}
	.logo{ text-align: center;}
	.logo img{ width: 120px;}
	
	.floor { font-size: 50px; font-family: "Noto Serif JP",serif; font-weight: 500;}
	.floor strong{ font-size: 88px; margin: 0 10px 0 0; line-height: 1.0; display: inline-block;}
	.step { font-family: "Noto Serif JP",serif; font-weight: 500; margin: 0;}
	.step2{ margin: 0 0 50px 234px;}
	
	.floor_flex{ display: flex; margin-bottom: -55px;}
	.floor_flex>div:first-child{ width: 54%;}
	.floor_flex>div:first-child img{ width: 100%;}
	.floor_flex>div:last-child{ width: 46%; padding: 0 0 0 85px; position: relative; top: -90px;}
	.floor_flex>div:last-child>img{ width: 90%; margin: 0 auto 60px auto; display: block;}
	.floor_flex>div:last-child .img2f{ width: 55%;}
	.floor_flex>div:last-child .floor_lead{ font-size: 18px; margin: 0 0 40px 0;}
	.floor_flex>div:last-child p{ font-size: 14px; margin: 0 4vw 0 0;}
	.floor_flex_center{ align-items: center; margin-bottom: 40px;}
	.floor_flex_center>div:last-child{ position: relative; top: 0px!important;}
	.floor_flex_center>div:last-child p{ font-size: 14px;}
	
	.floor_flex .logo_list{ display: flex!important; text-align: center; font-size: 14px; justify-content: center; margin: 40px 5vw 0 0;}
	.floor_flex .logo_list>a{ font-weight: normal;}
	.floor_flex .logo_list>a:first-child img{ width: 55px; margin: 15px 50px 0; display: block;}
	.floor_flex .logo_list>a:last-child img{ width: 95px; margin: 15px 0 0; display: block;}
	.floor_flex .logo_list>a:last-child{ width: 95px; margin: 0 50px;}
	
	.floor_flex .logo_list2{ text-align: center; font-size: 14px; justify-content: center; margin: 40px 5vw 0 0;}
	.floor_flex .logo_list2 img{ margin: 15px auto 0; width: 230px; height: auto; display: block;}
	.floor_flex .logo_list2>a{ display: inline-flex; justify-content: center; align-items: center; width: 190px; height: 53px; background-color: #231815; color: #fff; font-family: "Noto Serif JP",serif; margin: 40px 0 0 0;}
}
@media (min-width: 768px) and (max-width: 1100px) {
	.floor_flex>div:last-child{ padding: 0 0 0 35px; top: -40px;}
	.step { font-family: "Noto Serif JP",serif; font-weight: 500; margin: 0;}
	.step2{ margin: 0;}
	
	.floor_flex>div:last-child .img2f{ width: 65%;}
	
	.floor_flex>div:last-child p{ margin: 0;}
	
	.floor_flex .logo_list,.floor_flex .logo_list2{ margin: 40px 0 0 0;}
	
	.title3{ width: 54%; flex-wrap: wrap;}
	.title3 .floor{ width: 100%;}
	.title3 .step{ width: 100%; margin: 10px 0 0 0;}
}
@media (max-width: 767.99px) {
	#contents{ letter-spacing: 2px;}
	
	.main_title{ background-image: url("../images/main.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100vw; height: 400px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 40px; font-weight: bold; margin: 0 0 65px 0;}
	.main_title2{ background-image: url("../images/himotoki.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100vw; height: 490px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 58px; font-weight: bold; margin: 170px 0 20px 0; flex-direction: column;}
	.main_title2 small{ font-size: 16px; color: #fff; display: block; line-height: 1.0;}
	.main_title2 span{ font-size: 46px; color: #fff; display: block; line-height: 1.0;}
	
	.title2{ font-size: 20px; text-align: center; margin: 60px 0 30px 0; font-family: "Noto Serif JP",serif;}
	.title3{ margin: 80px 0 40px 0; font-family: "Noto Serif JP",serif;}
	.title3b{ margin: 60px 0 40px 0;}
	
	.page_lead{ text-align: center; font-family: "Noto Serif JP",serif; font-weight: 500; font-size: 18px; margin: 30px 0;}
	.p_text{ width: 100%; margin: 38px auto 0; font-size: 12px;}
	.logo{ text-align: center;}
	.logo img{ width: 90px;}
	
	.floor { font-size: 30px; font-family: "Noto Serif JP",serif; font-weight: 500;}
	.floor strong{ font-size: 50px; margin: 0 5px 0 0; line-height: 1.0; display: inline-block;}
	.step { font-family: "Noto Serif JP",serif; font-weight: 500; margin: 10px 0 30px 0; display: block; font-size: 20px;}
	.step2{ margin: 0 0 50px 0;}
	
	.floor_flex{ display: flex; flex-wrap: wrap;}
	.floor_flex>div:first-child{ width: 100%;}
	.floor_flex>div:first-child img{ width: 100%;}
	.floor_flex>div:last-child{ width: 100%; padding: 0; margin: 35px 0 0 0;}
	.floor_flex>div:last-child>img{ width: 90%; margin: 0 auto 30px; display: block;}
	.floor_flex>div:last-child .img2f{ width: 55%;}
	.floor_flex>div:last-child .floor_lead{ font-size: 18px; margin: 0 0 30px 0;}
	.floor_flex>div:last-child p{ font-size: 12px; margin: 0;}
	.floor_flex_center{ align-items: center;}
	.floor_flex_center>div:last-child{ position: relative; top: 0px;}
	.floor_flex_center>div:last-child p{ font-size: 12px;}
	
	.floor_flex .logo_list{ display: flex!important; text-align: center; font-size: 14px; width: 100%; justify-content: center; margin: 30px 0 0 0;}
	.floor_flex .logo_list>a:first-child img{ width: 55px; margin: 15px 50px 0; display: block;}
	.floor_flex .logo_list>a:last-child img{ width: 95px; margin: 15px 0 0; display: block;}
	.floor_flex .logo_list>a:last-child{ width: 95px; margin: 0 50px;}
	.floor_flex .logo_list>a{ font-weight: normal;}
	
	.floor_flex .logo_list2{ text-align: center; font-size: 14px; width: 100%; justify-content: center; margin: 30px 0 0 0;}
	.floor_flex .logo_list2 img{ margin: 15px auto 0; width: 230px; height: auto; display: block;}
	.floor_flex .logo_list2>a{ display: inline-flex; justify-content: center; align-items: center; width: 190px; height: 53px; background-color: #231815; color: #fff; font-family: "Noto Serif JP",serif; margin: 40px 0 0 0;}
}

.himotoki-box{position:relative;overflow:hidden;aspect-ratio:2600/980;margin: 180px 0 20px 0;text-align:center;font-family:"Noto Serif JP",serif;font-weight:500}
@media(max-width: 767px){
	.himotoki-box{aspect-ratio:414/550;margin: 60px 0 20px 0;}
}
.himotoki-box video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
.himotoki-box a{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center}
.himotoki-box a img{width:280px}
@media(max-width: 767px){
	.himotoki-box a img{width:180px}
}