#header-area{overflow: visible;}
.header-top.disabled{display: none;}
.header-top .logo{display: none;}
.header-top .recruit{width: 40%; right: 0; top: calc(100% + var(--content-width) * 0.24); z-index: 10;}
.header-normal{width: 100%; height: calc(var(--content-width) * 0.30);}
.header-normal.disabled{display: block;}
.header-normal .logo{width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.text-block.margin-top{margin-top: calc(var(--margin-base) * 2);}
.text-block .title{font-size: calc(var(--font-base) * 2.2);}
.text-block .paragraph{font-size: calc(var(--font-base) * 1.0); width: 86%;}

#footer-area p.title{left: 50%; top: 40%; transform: translate(-50%,-50%); z-index: 1; font-size: calc(var(--font-base) * 1.7); white-space: nowrap;}
#footer-area .image-relative{width: 160%; left: -30%;}

.access-block{width: 100%;}
.access-map{width: 80%; left: 10%; height: calc(var(--content-width) * 0.50); top: calc(var(--content-width) * 0.25);}
.access-caption{left: 10%; width: 80%; height: calc(var(--content-width) * 0.25); margin-top: calc(var(--content-width) * 0.20); margin-bottom: calc(var(--content-width) * 0.70);}
.access-caption .title{top: 25%; transform: translate(0,-50%);}
.access-caption .paragraph{top: 60%; transform: translate(0,-50%);}

#info-area .area-content{width: 90%; left: 5%;}

.link-button{background: linear-gradient(135deg, rgb(235, 147, 47), rgb(201, 107, 0)); height: calc(var(--content-width) * 0.10); border-radius: calc(var(--content-width) * 0.05);}
.link-button-cover{background-color: rgb(255,232,194); border-radius: calc(var(--content-width) * 0.05);}

#recruit-overview-area .area-content{width: 96%; left: 2%;}
#recruit-overview-area .recruit-title{margin-bottom: calc(var(--margin-base) * 2.5);}
.photoframe{width: 28%; transform-origin: 50% 10%; opacity: 0; animation: tremble ease-in-out 2s infinite ,fade-in 1s forwards;}
.photoframe1{left: 8%; top: calc(var(--content-width) * 0.14); transform: rotate(5deg);}
.photoframe2{left: 66%; top: calc(var(--content-width) * 0.16); transform: rotate(-5deg); animation-delay: 1s;}
#recruit-overview-area .link-button{width: 50%; left: 10%;}
#recruit-overview-area .area-bottom{height: calc(var(--content-width) * 0.03);}
#recruit-overview-area .instagram-link{width: 18%; left: 68%; bottom: 0;}
#recruit-overview-area .message{width: 100%; left: 0;}

#message-area .area-content{width: 90%; left: 5%;}
#message-area .message{width: 60%; height: calc(var(--content-width) * 0.80);}
#message-area .link-button{width: 50%; left: 25%;}

#entry-link-area .link-button{width: 50%; left: 25%;}

form .full-input{
	width: calc(var(--font-base) * 14.2);
}
form textarea{
	width: calc(var(--font-base) * 14.2);
}
form button{
	width: calc(var(--content-width) * 0.40); left: calc(var(--content-width) * 0.30);
	height: calc(var(--content-width) * 0.08);
	background-color: rgb(201, 107, 0);
	border-radius: calc(var(--font-base) * 0.4);
	margin-top: calc(var(--content-width) * 0.04);
	margin-bottom: calc(var(--content-width) * 0.04);
}