@charset "UTF-8";




/* ================================================================================
lead
================================================================================ */
@media print, screen
{

#lead
{
	scroll-margin-top: var(--headerH);
}
#lead > .inner
{
	max-width: var(--pageW);
	padding: 40px var(--pageP) 60px;
	margin: 0 auto;
}

}
@media screen and (max-width: 767px)
{

#lead > .inner
{
	padding: 40rem var(--pageP) 60rem;
}

}


/* ================================================================================
notice
================================================================================ */
@media print, screen
{

#notice
{
	scroll-margin-top: var(--headerH);
}
#notice > .inner
{
	max-width: var(--pageW);
	padding: 0 var(--pageP) 60px;
	margin: 0 auto;
}

#notice em{	font-weight: 700;	}

#notice a{	color: var(--Cblue0);	}
#notice a.sample{	margin: 0 0 0 20px;	word-break: keep-all;	}
#notice a:hover{	text-decoration: underline;	}

}
@media screen and (max-width: 767px)
{

#notice > .inner
{
	padding: 0 var(--pageP) 60rem;
}

#notice a.sample{	margin: 0 0 0 20rem;}

}


/* ================================================================================
application
================================================================================ */
@media print, screen
{

#application
{
	scroll-margin-top: var(--headerH);
}
#application > .inner
{
	max-width: var(--pageW);
	padding: 0 var(--pageP) 60px;
	margin: 0 auto;
}

}
@media screen and (max-width: 767px)
{

#application > .inner
{
	padding: 0 var(--pageP) 60rem;
}

}


/* ================================================================================
contact
================================================================================ */
@media print, screen
{

#contact
{
	scroll-margin-top: var(--headerH);
}
#contact > .inner
{
	max-width: var(--pageW);
	padding: 0 var(--pageP) 60px;
	margin: 0 auto;
}

}
@media screen and (max-width: 767px)
{

#contact > .inner
{
	padding: 0 var(--pageP) 60rem;
}

}


/* ================================================================================
campaign
================================================================================ */
@media print, screen
{

#campaign
{
	scroll-margin-top: var(--headerH);
}
#campaign > .inner
{
	max-width: var(--pageW);
	padding: 0 var(--pageP) 60px;
	margin: 0 auto;
}

#campaign a{	color: var(--Cblue0);	}
#campaign a.sample{	margin: 0 0 0 20px;	word-break: keep-all;	}
#campaign a:hover{	text-decoration: underline;	}


}
@media screen and (max-width: 767px)
{

#campaign > .inner
{
	padding: 0 var(--pageP) 60rem;
}


}


/* ================================================================================
button
================================================================================ */
@media print, screen
{

#button
{
	scroll-margin-top: var(--headerH);
}
#button > .inner
{
	max-width: var(--pageW);
	padding: 0 var(--pageP) 100px;
	margin: 0 auto;
}

#button > .inner > h3
{
	text-align: center;
}

#button .buttons
{
	display: flex;	justify-content: center;
	gap: 20px;
}
#button .button a
{
	display: flex;	justify-content: center;	align-items: center;
	width: 400px;	height: 70px;
	background-color: var(--Cblue1);
	/*border: 1px solid var(--Cblue1);*/

	transition: var(--T03);
}
#button .button p
{
	align-items: center;
	border: 1px solid var(--Cblue1);
	color: white;
	display: flex;
	font-weight: 700;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%;
}
#button .button a:hover{	background-color: white;	}
#button .button a:hover p{	color: var(--Cblue1);	}
#button .button.student a
{
	display: flex;
	justify-content: space-between;
}
#button .button.student a figure
{
	align-items: center;
	aspect-ratio: 1 / 1.05;
	background-color: #b8b9c1;
	display: flex;
	height: 100%;
	justify-content: center;
}
#button .button.student a figure img
{
	display: block;
	width: 55%;
}

}
@media screen and (max-width: 767px)
{

#button > .inner
{
	padding: 0 var(--pageP) 100rem;
}

#button .buttons
{
	flex-direction: column;
	gap: 20rem;
}
#button .button a
{
	width: 100%;	height: 100rem;
}

}



/* ======================================== end ======================================== */