@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@font-face {
	font-family:'Harenosora';
	src:url("./fonts/Harenosora.woff");
}
html{ font-family: 'Noto Serif JP', serif; }

*{ padding:0; margin:0; box-sizing:border-box; }
html{ color:#333333; margin-top:0 !important; }
body{ overflow-x:hidden; width:100%; background:#FFFFFF; position:relative; }
body.nav_open{ overflow:hidden; }
#wpadminbar{ position:fixed; }

a{ color:inherit; }
.btns{ display:flex; justify-content:center; }
.bt{
	display:inline-flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;
	text-decoration:none; color:#FFFFFF; font-weight:400;
	background:rgba(0,0,0,0.8); border:1px solid rgba(0,0,0,0.8); padding:0 0.5em;
	text-align:center; position:relative;
	transition:all 300ms 0s ease;
}
.bt::before,
.bt::after{ display:block; content:""; height:1px; background:#FFFFFF; position:absolute; transform-origin:top right; }
.bt::after{ transform:rotate(45deg); }
a.bt:hover{ background:#FFFFFF; color:#000000; }
a.bt:hover::before,
a.bt:hover::after{ background:#000000; }
img{ max-width:100%; height:auto; vertical-align:bottom; }
.ib{ display:inline-block; }
.blank{ display:inline-block; background:url("../img/blank.svg") no-repeat center/cover; margin-left:1em; }
.more{ text-align:center; max-width:100%; width:100%; }
.more a{ display:inline-flex; align-items:center; font-weight:500; text-decoration:none; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; }
.more a span{ text-align:left; }
sub{ font-size:60%; }
sup{ font-size:60%; }
/* PC */
@media screen and (min-width:801px) {
	html{ font-size:1px; }
	body{ font-size:16rem; line-height:1.8; }
	.btns{ gap:17rem; }
	.bt{ min-width:276rem; min-height:94rem; font-size:34rem; line-height:1.4; }
	.bt::before,
	.bt::after{ right:13rem; bottom:17rem; }
	.bt::before{ width:26rem; }
	.bt::after{ width:7rem; }
	.inner{ max-width:1400rem; margin:0 auto; }
	.inner .inner{ margin:0 calc(100% / 1400 * (1400 - 1120) / 2) }
	.sp{ display:none; }
	.blank{ width:12rem; height:12rem; }
}
@media screen and (max-width:1440px) and (min-width:801px) {
	html{ font-size:calc(100vw / 1440); }
}
/* SP */
@media screen and (max-width:800px) {
	html{ font-size:0.5px; }
	body{ font-size:23rem; line-height:1.8; }
	.btns{ gap:calc(100vw / 750 * 17); }
	.bt{ border-width:2rem; min-width:calc(100vw / 750 * 276); min-height:calc(100vw / 750 * 94); font-size:calc(100vw / 750 * 34); line-height:1.4; }
	.bt::before,
	.bt::after{ right:calc(100vw / 750 * 13); bottom:calc(100vw / 750 * 17); }
	.bt::before{ width:calc(100vw / 750 * 26); }
	.bt::after{ width:calc(100vw / 750 * 7); }
	.pc{ display:none; }
}

header .logo{ position:fixed; left:0; top:0; z-index:2; }

/* PC */
@media screen and (min-width:801px) {
	header .logo{ width:126rem; }
}
/* SP */
@media screen and (max-width:800px) {
	header .logo{ width:132rem; }
}

.wrap{ display:flex; width:100%; }
.wrap>*{ display:flex; justify-content:center; align-items:flex-end; }
.wrap hgroup h2{ font-weight:500; text-align:center; margin-bottom:10rem; }
.wrap hgroup p{ font-weight:300; text-align:center; }
.wrap article{ background:rgba(255,255,255,0.5); }
.wrap>*{ position:relative; overflow:hidden; }
.wrap>*::before{ display:block; content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; transition:all 300ms 0s ease; }
.wrap>*.l::before{ background:url("../img/bg_l.jpg") no-repeat center/cover; }
.wrap>*.r::before{ background:url("../img/bg_r.jpg") no-repeat center/cover; }
.wrap>*:hover::before{ transform:scale(1.2); }

/* PC */
@media screen and (min-width:801px) {
	.wrap{ height:calc(100vh - 60rem); min-height:882rem; }
	.wrap>*{ width:50%; height:100%; padding-bottom:70rem; }
	.wrap article{ width:650rem; padding:30rem; position:relative; z-index:1; }
	.wrap hgroup{ margin-bottom:25rem; }
	.wrap hgroup h2{ font-size:38rem; line-height:1.0;  }
	.wrap hgroup p{ font-size:30rem; line-height:1.0;  }
}
/* SP */
@media screen and (max-width:800px) {
	.wrap{ flex-flow:column; height:calc(100vh - 60rem); min-height:calc(100vw / 750 * 734 * 2); }
	.wrap>*{ width:100%; height:50%;  padding-bottom:calc(100vw / 750 * 90); }
	.wrap article{ width:calc(100vw / 750 * 650); padding:calc(100vw / 750 * 30); position:relative; z-index:1; }
	.wrap hgroup{ margin-bottom:calc(100vw / 750 * 25); }
	.wrap hgroup h2{ font-size:calc(100vw / 750 * 38); line-height:1.0;  }
	.wrap hgroup p{ font-size:calc(100vw / 750 * 30); line-height:1.0;  }
}

footer{ display:flex; justify-content:center; align-items:center; }
footer .copy{ line-height:1.2; text-align:center; }

/* PC */
@media screen and (min-width:801px) {
	footer{ height:60rem; }
	footer .copy{ font-size:13rem; }
}
/* SP */
@media screen and (max-width:800px) {
	footer{ height:60rem; }
	footer .copy{ font-size:18rem; }
}

/* end */