@charset "UTF-8";


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

#keyvisual > .inner{	padding: calc(100 * var(--u)) 0 calc(70 * var(--u));	}
#keyvisual h2
{
	color: var(--Cgray1);
	font-size: var(--fz25);
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 2;
}

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

#keyvisual h2{	font-size: var(--fz15);	}

}

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

#news{	margin: 0 0 var(--u50);	}
#news p
{
	font-size: var(--fz19);
	line-height: 1.5;
	text-align: center;
}
#news p a{	text-decoration: underline;	}
#news p a:hover{	text-decoration: none;	}

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

#news p{	font-size: var(--fz14);	}

}

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

.mainListItem .boxes0
{
	display: flex;
	min-height: calc(180 * var(--u));
	padding: var(--u20) 0;
	transition: var(--T03);
}
.mainListItem a.boxes0:hover{	background: var(--Cgray3);	}

.mainListItem .boxes0 > .box:nth-of-type(1)
{
	display: flex;	justify-content: center;	align-items: center;
	width: 35%;
}
.mainListItem .boxes0 > .box:nth-of-type(2)
{
	display: flex;	align-items: center;
	width: 65%;
}
.mainListItem h2
{
	color: var(--Cgray1);
	font-size: var(--fz24);
	font-weight: 300;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.08em;
}

.prof .boxes1{	display: flex;	gap: var(--u20);	}
.prof .boxes1 > .box:nth-of-type(1){	width: calc(135 * var(--u));	}
.prof .boxes1 > .box:nth-of-type(2)
{
	display: flex;	align-items: center;
	width: calc(100% - 135 * var(--u));
}
.prof .nameArea
{
	display: flex;	align-items: center;
	gap: var(--u10);
	margin: 0 0 var(--u10);
}
.prof .nameArea p{	font-size: var(--fz19);	margin: 0;	}
.prof .nameArea p span{	font-size: var(--fz13);	}
.prof .nameArea a{	font-size: var(--fz15);	}
.prof .nameArea + p{	font-size: var(--fz11);	}

#school .boxes1{	display: flex;	align-items: center;	}
#school .boxes1 > .box:nth-child(1){	width: calc(160 * var(--u));	}
#school .boxes1 > .box:nth-child(2){	width: calc(100% - 160 * var(--u));	padding: 0 0 0 var(--u20);	}
#school p{	font-size: var(--fz19);	}

#koshimo h2{	line-height: 1.2;	}
#koshimo h2 .np{	font-size: 0.7em;	}
#koshimo .nameArea p span{	color: var(--Cgray1);	font-size: 1.5em;	}


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

.mainListItem .boxes0
{
	flex-direction: column;
	padding: 0 0 var(--u20);
}
.mainListItem .boxes0 > .box:nth-of-type(1)
{
	width: 100%;
	padding: var(--u20);
}
.mainListItem .boxes0 > .box:nth-of-type(2){	width: 100%;	}
.mainListItem h2{	font-size: var(--fz17);	}

#aboutNp .boxes0 > .box:nth-child(2){	justify-content: center;	}

.prof .boxes1 > .box:nth-of-type(1){	width: calc(200 * var(--u));	}
.prof .boxes1 > .box:nth-of-type(2){	width: calc(100% - 200 * var(--u));	}

#partners .boxes0 > .box:nth-child(2){	justify-content: center;	}

#school .boxes1 > .box:nth-child(1){	width: calc(200 * var(--u));	}
#school .boxes1 > .box:nth-child(2){	width: calc(100% - 200 * var(--u));	padding: 0 0 0 var(--u20);	}
#school p{	font-size: var(--fz19);	}

}


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