@charset "UTF-8";
.gate { position: relative; display: flex; justify-content: center; width: 100%; height: 100svh; background: url("../img/bg_fv_sp.jpg") no-repeat center/cover; padding-top: calc(105 * var(--u)); }
.logo { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: calc(230 * var(--u)); height: calc(70 * var(--u)); background: #fff; border-radius: 0 0 calc(18 * var(--u)) calc(18 * var(--u)); }
.logo img { width: calc(158 * var(--u)); }
.gate__inner {  }
.gate__ttl { text-align: center; }
.gate__ttl img { width: calc(146 * var(--u)); }
.gate__link-wrap { margin-top: calc(20 * var(--u)); }
.gate__link { display: block; }
@media print, screen and (max-width: 680px){
	.gate__link:not(:first-of-type) { margin-top: calc(20 * var(--u)); }
	.gate__link-wrap { width: calc(335 * var(--u)); }
}
@media print, screen and (min-width: 681px){
	.gate { height: 100vh; background-image: url("../img/bg_fv_pc.jpg"); padding-top: calc(200 * var(--u)); }
	.logo { width: calc(360 * var(--u)); height: calc(119 * var(--u)); border-radius: 0 0 calc(30 * var(--u)) calc(30 * var(--u)); }
	.logo img { width: calc(234 * var(--u)); }
	.gate__inner {  }
	.gate__ttl img { width: calc(632 * var(--u)); }
	.gate__link-wrap { display: flex; justify-content: center; margin-top: calc(70 * var(--u)); }
	.gate__link { width: calc(560 * var(--u)); filter: drop-shadow(calc(9 * var(--u)) calc(18 * var(--u)) calc(34 * var(--u)) rgba(0,0,0,.24)); transition: .4s; }
	.gate__link:not(:first-of-type) { margin-left: calc(80 * var(--u)); }
	.gate__link:hover  { transform: scale(1.025); }
	
}
@media (hover: hover) and (pointer: fine) and (min-height: 800px) {
	.gate { align-items: center; padding-top: 0; padding-bottom: calc(100 * var(--u)); }
}