:root {
	--content-width: 80vw;
	--content-left: calc(50% - var(--content-width) / 2);
	--font-base: calc(var(--content-width) * 0.02);
}

div{margin: 0;}
a{color: inherit; text-decoration: none;}
button {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	outline: none;
	border-radius: 0;
}

.area{
	display: block;
	position: relative;
	width: var(--content-width);
	left: var(--content-left);
	margin-top: calc(var(--content-width) * 0.00);
	margin-bottom: calc(var(--content-width) * 0.08);
}
.area-front{
	display: block;
	position: relative;
	width: var(--content-width);
	left: var(--content-left);
	margin-top: calc(var(--content-width) * 0.06);
	margin-bottom: calc(var(--content-width) * 0.18);
}
.inner-area{display: block; position: absolute;}
.image{display: block; position: absolute; object-fit: cover;}
.fiximage{display: block; position: fixed; object-fit: cover; user-select: none;}

.fill{width: 100%; height: 100%;}
.centered{left: 50%; transform: translate(-50%,0); text-align: center;}
.no-margin{margin: 0;}

.sans{
	font-size: var(--font-base);
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.serif{
	font-size: var(--font-base);
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-style: normal;
}

body{
	background: radial-gradient(ellipse farthest-corner at top center,lightskyblue, mintcream);
	background-size: cover;
	background-attachment: fixed;
	background-clip: content-box;
	background-position: center;
	margin: 0;
}

.title{font-size: calc(var(--font-base) * 1.5);}
.subtitle{font-size: calc(var(--font-base) * 1.1);}
.paragraph{font-size: calc(var(--font-base) * 0.7);}
.black{color: black;}
.white{color: white;}
.skyblue{color: steelblue;}
.gray{color: dimgray;}
.pink{color: rgb(197, 105, 139);}

#background1{width: 25%; top: 0; left: 100%; translate: -100% 0;}
#background2{width: 25%; top: 100%; left: 0; translate: 0 -100%;}
#particle1{width: 20%; top: 30%; left: 20%; translate: -50% -50%; opacity: 0.6;}
#particle2{width: 20%; top: 50%; left: 75%; translate: -50% -50%; opacity: 0.6;}
#leaf1{width: 15%; top: 55%; left: 45%; translate: -50% -50%; opacity: 0.6;}
#leaf2{width: 15%; top: 80%; left: 90%; translate: -50% -50%; opacity: 0.6;}

.header{
	position: fixed;
	display: block;
	width: var(--content-width);
	height: calc(var(--content-width) * 0.16);
	top:0;
	left: var(--content-left);
	text-align: center;
	pointer-events: none;
	z-index: 15;
}
.header p{display: block; position: absolute; margin: 0; pointer-events: auto;}
#header-title1{
	width: 25%;
	top: calc(var(--font-base) * 2.1); left: 0;
	font-size: calc(var(--font-base) * 0.7);
}
#header-title2{
	width: 25%;
	top: calc(var(--font-base) * 3.2); left: calc(var(--font-base) * 0.1);
	font-size: calc(var(--font-base) * 1.5);
	letter-spacing: calc(var(--font-base) * 0.2);
}
.header-link{
	font-size: calc(var(--font-base) * 0.8);
	top: calc(var(--font-base) * 3.0); left: 30%;
}
#header-link1{width: calc(var(--font-base) * (0.7 * 6 + 2));}
#header-link2{width: calc(var(--font-base) * (0.7 * 4 + 2)); margin: 0 calc(var(--font-base) * (0.7 * 6 + 2));}
#header-link3{width: calc(var(--font-base) * (0.7 * 4 + 2)); margin: 0 calc(var(--font-base) * (0.7 * 10 + 4));}
#header-link4{width: calc(var(--font-base) * (0.7 * 5 + 2)); margin: 0 calc(var(--font-base) * (0.7 * 14 + 6));}
#header-link5{width: calc(var(--font-base) * (0.7 * 4 + 2)); margin: 0 calc(var(--font-base) * (0.7 * 19 + 8));}
#header-link6{width: calc(var(--font-base) * (0.7 * 6 + 2)); margin: 0 calc(var(--font-base) * (0.7 * 23 + 10));}

.symbol{
	width: calc(var(--content-width) * 0.10);
	margin: calc(var(--content-width) * -0.04) calc(var(--content-width) * -0.01);
	animation: tremble 2s ease-in-out infinite;
	transform-origin: 50% 50%;
}

#dragonfly{
	position: fixed;
	width: calc(var(--content-width) * 0.10);
	z-index: 14;
	top: 26%; left: 6%;
	animation: turn 8s ease-in-out infinite, rush 8s ease-in-out infinite;
	transform-origin: 50% 50%;
}

@keyframes tremble {
	0% {rotate: 0deg;}
	7.5% {rotate: 15deg;}
	22.5% {rotate: -15deg;}
	37.5% {rotate: 15deg;}
	45% {rotate: 0deg;}
	100% {rotate: 0deg;}
}

@keyframes turn {
	0% {scale: 1 1;}
	6% {scale: -1 1;}
	12% {scale: 1 1;}
	18% {scale: -1 1;}
	50% {scale: -1 1;}
	51% {scale: 1 1;}
	100% {scale: 1 1;}
}

@keyframes rush {
	0% {margin: 0 0;}
	30% {margin: 0 0;}
	40% {margin: 0 100vw;}
	60% {margin: 0 100vw;}
	70% {margin: 0 0;}
	100% {margin: 0 0;}
}

#top{height: calc(var(--content-width) * 0.10);}
#title-area{height: calc(var(--content-width) * 0.64);}
#title-bg1{z-index: 1;}
#title-bg2{
	z-index: 2;
	opacity: 0;
	animation:
	switch linear 16s infinite;
}

@keyframes switch{
	0% {opacity: 0;}
	35% {opacity: 0;}
	40% {opacity: 1;}
	85% {opacity: 1;}
	90% {opacity: 0;}
}

.cube{
	width: calc(var(--content-width) * 0.20 + 1px);
	height: calc(var(--content-width) * 0.16 + 1px);
	z-index: 5;
	opacity: 0;
	animation:
	fade_in_out linear 16s infinite;
}

@keyframes fade_in_out{
	0% {opacity: 0;}
	17% {opacity: 0;}
	25% {opacity: 1;}
	42% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}

.orange{background-color: sandybrown;}
.blue{background-color: skyblue;}
.yellow{background-color: lemonchiffon;}
.green{background-color:palegreen;}
.red{background-color: lightcoral;}
.cyan{background-color: lightcyan;}

#cube1-1a{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.0); animation-delay: 0.4s;}
#cube1-2a{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.2); animation-delay: 0.2s;}
#cube1-3a{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.4); animation-delay: 0.5s;}
#cube1-4a{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.6); animation-delay: 0s;}
#cube1-5a{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.8); animation-delay: 0.6s;}
#cube2-1a{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.0); animation-delay: 0.3s;}
#cube2-2a{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.2); animation-delay: 0.6s;}
#cube2-3a{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.4); animation-delay: 0.1s;}
#cube2-4a{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.6); animation-delay: 0.8s;}
#cube2-5a{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.8); animation-delay: 0.2s;}
#cube3-1a{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.0); animation-delay: 0s;}
#cube3-2a{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.2); animation-delay: 0.4s;}
#cube3-3a{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.4); animation-delay: 0.9s;}
#cube3-4a{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.6); animation-delay: 0.1s;}
#cube3-5a{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.8); animation-delay: 0.5s;}
#cube4-1a{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.0); animation-delay: 1s;}
#cube4-2a{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.2); animation-delay: 0.2s;}
#cube4-3a{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.4); animation-delay: 0.5s;}
#cube4-4a{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.6); animation-delay: 0.8s;}
#cube4-5a{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.8); animation-delay: 0s;}
#cube1-1b{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.0); animation-delay: 8.4s;}
#cube1-2b{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.2); animation-delay: 8.2s;}
#cube1-3b{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.4); animation-delay: 8.5s;}
#cube1-4b{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.6); animation-delay: 8s;}
#cube1-5b{top: calc(var(--content-width) * 0.0); left: calc(var(--content-width) * 0.8); animation-delay: 8.6s;}
#cube2-1b{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.0); animation-delay: 8.3s;}
#cube2-2b{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.2); animation-delay: 8.6s;}
#cube2-3b{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.4); animation-delay: 8.1s;}
#cube2-4b{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.6); animation-delay: 8.8s;}
#cube2-5b{top: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.8); animation-delay: 8.2s;}
#cube3-1b{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.0); animation-delay: 8s;}
#cube3-2b{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.2); animation-delay: 8.4s;}
#cube3-3b{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.4); animation-delay: 8.9s;}
#cube3-4b{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.6); animation-delay: 8.1s;}
#cube3-5b{top: calc(var(--content-width) * 0.32); left: calc(var(--content-width) * 0.8); animation-delay: 8.5s;}
#cube4-1b{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.0); animation-delay: 9s;}
#cube4-2b{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.2); animation-delay: 8.2s;}
#cube4-3b{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.4); animation-delay: 8.5s;}
#cube4-4b{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.6); animation-delay: 8.8s;}
#cube4-5b{top: calc(var(--content-width) * 0.48); left: calc(var(--content-width) * 0.8); animation-delay: 8s;}

#title-area-sp{display: none;}

#concept-area{height: calc(var(--content-width) * 0.5);}
#concept-image{width: 56%; height: 80%; top: 22%; left: 0%; }
@keyframes crossfade3{
	0% {opacity: 0;}
	25% {opacity: 0;}
	33% {opacity: 1;}
	55% {opacity: 1;}
	58% {opacity: 0;}
	100% {opacity: 0;}
}
#concept-image1{opacity: 1; z-index: 1;}
#concept-image2{
	opacity: 0;
	z-index: 2;
	animation:
	crossfade3 linear 24s infinite;
	animation-delay: 0s;
}
#concept-image3{
	opacity: 0;
	z-index: 3;
	animation:
	crossfade3 linear 24s infinite;
	animation-delay: 6s;
}
#concept-image4{
	opacity: 0;
	z-index: 4;
	animation:
	crossfade3 linear 24s infinite;
	animation-delay: 12s;
}
#concept-area p{display: block; position: absolute; margin: 0;}
#concept-title1{top: -2%; left: 17%;}
p#concept-title1-sp{display: none;}
#concept-title2{top: 8%; left: 26%;}
p#concept-title2-sp{display: none;}
#concept-subtitle1{top: 22%; left: 58%;}
#concept-paragraph1{top: 29%; left: 60%;}
#concept-subtitle2{top: 48%; left: 58%;}
#concept-paragraph2{top: 55%; left: 60%;}
#concept-subtitle3{top: 74%; left: 58%;}
#concept-paragraph3{top: 81%; left: 60%;}

#news-area{height: calc(var(--content-width) * 0.5);}
#news-area p{display: block; position: absolute; margin: 0;}
#news-title{top: 0%; left: 10%;}
#news-link{top: 4%; left: 100%; transform: translate(-100%,0); white-space: nowrap;}
#news-front{top: 20%; width: 100%; height: 80%; background-color: rgba(215, 246, 255, 0.7);}

#annual-area{height: calc(var(--content-width) * 1.2);}
#annual-area p{display: block; position: absolute; margin: 0;}
#annual-title{top: 0%; left: 10%;}
.annual-block{width: 33%; height: 23%; display: block; position: absolute;}
.annual-block p{display: block; position: absolute;}
.frame1{width: 100%; height: 100%;}
.frame2{width: 100%; height: 100%; margin: -5% 5%;}
.number{top: 40%; left: 35%; font-size: calc(var(--font-base) * 2.7); color: forestgreen; transform: translate(-100%,-100%);}
.month{top: 37%; left: 40%; font-size: calc(var(--font-base) * 1.2); color: forestgreen;transform: translate(0,-100%);}
.event{top: 45%; left: 20%; font-size: calc(var(--font-base) * 0.7); color: forestgreen;}
#annual-paragraph1{top: 8%; left: 0%;}
#annual-paragraph2{top: 8%; left: 33%;}
#annual-paragraph3{top: 8%; left: 66%;}
#annual-paragraph4{top: 31%; left: 0%;}
#annual-paragraph5{top: 31%; left: 33%;}
#annual-paragraph6{top: 31%; left: 66%;}
#annual-paragraph7{top: 54%; left: 0;}
#annual-paragraph8{top: 54%; left: 33%;}
#annual-paragraph9{top: 54%; left: 66%;}
#annual-paragraph10{top: 77%; left: 0;}
#annual-paragraph11{top: 77%; left: 33%;}
#annual-paragraph12{top: 77%; left: 66%;}

#daily-area{height: calc(var(--content-width) * 0.8);}
#daily-area p{display: block; position: absolute; margin: 0;}
#daily-title{top: 0%; left: 10%;}
#daily-junior-title{top: 9%; left: 30%; transform: translate(-50%,0);}
#daily-senior-title{top: 9%; left: 70%; transform: translate(-50%,0);}
.junior-block{display: block; position: absolute; width: 40%; height: 8.1%; left:10%;}
.junior-block p{display: block; position: absolute; margin: 0;}
.senior-block{display: block; position: absolute; width: 40%; height: 9%; left:50%;}
.senior-block p{display: block; position: absolute; margin: 0;}
.time{left: 10%; font-size: calc(var(--font-base) * 1.2); color: steelblue; transform: translate(0,-50%);}
.schedule{left: 30%; font-size: calc(var(--font-base) * 0.8); color: dimgray; transform: translate(0,-50%);}
#daily-junior-paragraph1{top: 19%;}
#daily-junior-paragraph2{top: 27.1%;}
#daily-junior-paragraph3{top: 35.2%;}
#daily-junior-paragraph4{top: 43.3%;}
#daily-junior-paragraph5{top: 51.4%;}
#daily-junior-paragraph6{top: 59.5%;}
#daily-junior-paragraph7{top: 67.6%;}
#daily-junior-paragraph8{top: 75.7%;}
#daily-junior-paragraph9{top: 83.8%;}
#daily-junior-paragraph10{top: 91.9%;}
#daily-senior-paragraph1{top: 19%;}
#daily-senior-paragraph2{top: 28%;}
#daily-senior-paragraph3{top: 37%;}
#daily-senior-paragraph4{top: 46%;}
#daily-senior-paragraph5{top: 55%;}
#daily-senior-paragraph6{top: 64%;}
#daily-senior-paragraph7{top: 73%;}
#daily-senior-paragraph8{top: 82%;}
#daily-senior-paragraph9{top: 91%;}


#access-area{height: calc(var(--content-width) * 0.5);}
#access-area p{display: block; position: absolute; margin: 0;}
#access-title{top: 0%; left: 10%; }
#access-map{
	position: absolute;
	width: 80%;
	height: 82%;
	top: 18%;
	left: 10%;
}

#footer-area{margin-bottom: calc(var(--content-width) * 0.04); overflow: hidden;}
#footer-area p{
	display: block; position: relative;
	text-align: center;
	margin: 0;
	width: 65%;
	left: 50%; transform: translate(-50%,0);
}
#footer-area p.title{letter-spacing: calc(var(--font-base) * 0.2); margin-bottom: calc(var(--content-width) * 0.03);}

#recruit-overview-area{height: calc(var(--content-width) * 1);}
#recruit-overview-area p{line-height: 1.8;}
#recruit-overview-area .title{width: 80%; top: 0;}
#recruit-overview-area .image{width: 60%; top: 14%; height: 40%;}
#recruit-work-subtitle{width: 80%; top: 56%;}
#recruit-work-paragraph{width: 80%; top: 62%;}
#recruit-person-subtitle{width: 80%; top: 70%;}
#recruit-person-paragraph{width: 80%; top: 76%;}
#link-button-message{
	width: 40%; height: 12%; left: 30%; top: 86%;
}
#link-button-message .image{
	width: 100%; height: 100%; top: 0;
}
#link-button-message p{
	width: 100%; top: 50%; margin: 0; padding: 0; transform: translate(-50%, -50%); line-height: normal;
}

#detail-area{height: calc(var(--content-width) * 0.7);}
.recruit-detail{
	width: 80%; height: 100%; left: 10%; top: 0;
	background-color: rgb(211, 244, 255);
	border-radius: calc(var(--font-base) * 0.4);
}
.recruit-detail p{
	margin-top: calc(var(--font-base) * 1.6);
	text-align: center;
}
.recruit-detail table{
	border-collapse: collapse;
	display: block;
	position: absolute;
	margin: auto;
	width: calc(var(--content-width) * 0.5);
	left: calc(var(--content-width) * 0.15);
	top: calc(var(--font-base) * 3.6);
}
.recruit-detail th{
	border: calc(var(--font-base) * 0.2) solid dimgray;
	font-size: calc(var(--font-base) * 0.7);
	padding: calc(var(--font-base) * 0.2) calc(var(--font-base) * 0.6);
	color: steelblue;
}
.recruit-detail td{
	width: calc(var(--content-width) * 0.3);
	border: calc(var(--font-base) * 0.2) solid dimgray;
	font-size: calc(var(--font-base) * 0.7);
	padding: calc(var(--font-base) * 0.2) calc(var(--font-base) * 0.6);
	color: black;
}

#entry-link-area{
	height: calc(var(--content-width) * 0.12);
	margin-top: calc(var(--content-width) * 0);
	margin-bottom: calc(var(--content-width) * 0.08);
}
#link-button-entry{
	width: 40%; height: 100%; left: 30%; top: 0%;
}
#link-button-entry .image{
	width: 100%; height: 100%;
}
#link-button-entry p{
	width: 100%; top: 50%; margin: 0; padding: 0; transform: translate(-50%, -50%); line-height: normal;
}

#recruit-area{height: calc(var(--content-width) * 0.12); margin-bottom: calc(var(--content-width) * 0.12);}
#recruit-area p{display: block; position: absolute; margin: 0;}
#recruit-paragraph{top: 30%; left: 20%;}

#message-area{height: calc(var(--content-width) * 0.7);}
#message-area p{line-height: 1.8;}
#message-area .title{top: 0;}
#message-paragraph{left: 0; top: 18%;}
#message-area .image{width: 50%; height: 60%; border-radius: calc(var(--font-base) * 0.4);}
#message-image{left: 50%; top: 24%;}

#back-link-area{
	height: calc(var(--content-width) * 0.12);
	margin-top: calc(var(--content-width) * 0);
	margin-bottom: calc(var(--content-width) * 0.08);
}
#link-button-back{
	width: 40%; height: 100%; left: 30%; top: 0%;
}
#link-button-back .image{
	width: 100%; height: 100%;
}
#link-button-back p{
	width: 100%; top: 50%; margin: 0; padding: 0; transform: translate(-50%, -50%); line-height: normal;
}

#entry-form-area p{
	display: block;
	position: relative;
}
#entry-form-area .title{width: 100%; top:0;}
#entry-form-area .paragraph{width: 100%; top:8%;}
#entry-form-area table{
	display: block;
	position: relative;
	width: 90%; left: 5%; top: 14%;
	background-color:rgb(255, 231, 251);
	border-radius: calc(var(--font-base) * 0.4);
	border-collapse: collapse;
	padding: calc(var(--font-base) * 2) calc(var(--font-base) * 1);
}
#entry-form-area tr{
	border-top: calc(var(--font-base) * 0.2) solid white;
	border-bottom: calc(var(--font-base) * 0.2) solid white;
}
#entry-form-area th{
	width: calc(var(--font-base) * 16);
	font-size: calc(var(--font-base) * 0.8);
	color: rgb(197, 105, 139);
}
#entry-form-area td{
	width: calc(var(--font-base) * 32);
	font-size: calc(var(--font-base) * 0.8);
	padding: calc(var(--font-base) * 1) calc(var(--font-base) * 0.4);
}
#entry-form-area .half-input{
	width: calc(var(--font-base) * 10);
	height: calc(var(--font-base) * 2);
	border: 0;
	border-radius: calc(var(--font-base) * 0.2);
	margin-right: calc(var(--font-base) * 1);
	padding: 0 calc(var(--font-base) * 1);
	font-size: calc(var(--font-base) * 0.8);
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}
#entry-form-area .full-input{
	width: calc(var(--font-base) * 23.2);
	height: calc(var(--font-base) * 2);
	border: 0;
	border-radius: calc(var(--font-base) * 0.2);
	padding: 0 calc(var(--font-base) * 1);
	font-size: calc(var(--font-base) * 0.8);
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}
#entry-form-area .radio-button{
	margin-left: calc(var(--font-base) * 1);
	margin-right: calc(var(--font-base) * 2);
}
#entry-form-area input[type=radio]{
	width: calc(var(--font-base) * 1);
	height: calc(var(--font-base) * 1);
}
#entry-form-area select{
	width: calc(var(--font-base) * 25.2);
	height: calc(var(--font-base) * 2);
	border: 0;
	border-radius: calc(var(--font-base) * 0.2);
	padding: 0 calc(var(--font-base) * 1);
	font-size: calc(var(--font-base) * 0.8);
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	background-color: white;
}
#entry-form-area textarea{
	width: calc(var(--font-base) * 23.2);
	height: calc(var(--font-base) * 7);
	border: 0;
	border-radius: calc(var(--font-base) * 0.2);
	padding: calc(var(--font-base) * 0.5) calc(var(--font-base) * 1);
	font-size: calc(var(--font-base) * 0.8);
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	background-color: white;
}
#entry-form-area .submit-button{
	margin-top: calc(var(--content-width) * 0.1);
	display: block;
	position: relative;
	width: calc(var(--content-width) * 0.5); height: calc(var(--content-width) * 0.16); left: calc(var(--content-width) * 0.25);
	color: white;
	border-radius: calc(var(--font-base) * 0.4);
	border: 0;
	font-size: calc(var(--font-base) * 1.5);
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}
#entry-form-area .submit-button input{
	display: block;
	position: absolute;
	width:100%;
}
#submit-pink{
	opacity: 0;
	transition: opacity 0.4s;
}
.submit-button:hover #submit-pink{opacity: 1;}
#entry-form-area .submit-button p{
	display: block;
	position: absolute;
	width: 100%; text-align: center;
	top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; padding: 0;
	pointer-events: none;
}

#form-complete-area{height: calc(var(--content-width) * 0.2);}
#form-complete-area .title{top: 0%;}
#form-complete-area .paragraph{top: 70%;}

#management-area{height: calc(var(--content-width) * 1.1); margin-top: calc(var(--content-width) * 0.08);}
#management-area p{display: block; position: absolute; margin: 0;}
#management-title{top: 0%; left: 10%;}
#management-subtitle1{top: 7%; left: 15%;}
#management-link1{top: 11%; left: 20%;}
#management-link2{top: 13%; left: 20%;}
#management-link3{top: 15%; left: 20%;}
#management-paragraph1{top: 18%; left: 20%;}
#management-subtitle2{top: 23%; left: 15%;}
#management-paragraph2{top: 27%; left: 20%;}
#management-subtitle3{top: 36%; left: 15%;}
#management-paragraph3{top: 40%; left: 20%;}
#management-subtitle4{top: 87%; left: 15%;}
#management-paragraph4{top: 91%; left: 20%;}

#overview-area {overflow: hidden;}
#overview-area p{display: block; position: relative; margin: 0;}
#overview-area table{display: block; position: relative; margin: 0;}
p#overview-title{left: 10%; margin-bottom: calc(var(--content-width) * 0.06);}
#overview-table{left: 28%; border-collapse: collapse;}
#overview-table th{
	border: calc(var(--font-base) * 0.1) solid dimgray;
	width: calc(var(--content-width) * 0.14);
}
#overview-table td{
	border: calc(var(--font-base) * 0.1) solid dimgray;
	width: calc(var(--content-width) * 0.30);
	padding: calc(var(--font-base) * 0.2) calc(var(--font-base) * 0.4);
}

#news-list-area{height: calc(var(--content-width) * 2); margin-bottom: calc(var(--content-width) * 0.24);}
#news-detail-area{margin-top: calc(var(--content-width) * 0.08);}

.side-menu{display: none;}
.side-menu-btn{display: none;}