@charset "UTF-8";

/* Infomation 
---------------------------------------------------------------------
File Name :  bodyend.css
Create date :  2025/08/18

// Braek Points
// PC
@media screen and (max-width: 979px) {
}
// Phone
@media screen and (max-width: 767px) {
}
---------------------------------------------------------------------
*/


/* --------------------------------
	bodyendArea
-------------------------------- */
.layout-bodyend {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--layout-grid-gap);
}
.layout-bodyend .bodyend-thumb {
	box-shadow: 0px 3px 6px #00000029;
}

[class^="bodyendArea-"]:last-child {
	margin-bottom: 0;
}
.top [class^="bodyendArea-"]:last-child {
	margin-bottom: var(--px60);
}
.admissions [class^="bodyendArea-"]:last-child {
	margin-bottom: var(--px80);
}
@media screen and (max-width: 767px) {
	[class^="bodyendArea-"]:last-child {
		margin-bottom: var(--px10);
	}
	.top [class^="bodyendArea-"]:last-child {
		margin-bottom: var(--px90);
	}
	.admissions [class^="bodyendArea-"]:last-child {
		margin-bottom: var(--px120);
	}
}

/* bodyendArea-01 */
.bodyendArea-01 {
	background-color: #fff;
}
.bodyendArea-01 p {
	line-height: 160%;
}
.bodyendArea-01 .layout-bodyend-box {
	width: calc((100% - var(--layout-grid-gap) - 1px) * 0.500);
	padding: var(--px64) 0;
	font-size: var(--px18);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	color: var(--color-glb-black-01);
}
.bodyendArea-01 .layout-bodyend-box .layout-bodyend-type-01 {
	width: 41.4%;
}
.bodyendArea-01 .layout-bodyend-box .layout-bodyend-type-02 {
	width: 54.4%;
	align-self: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--px40);
}
.bodyendArea-01 .bodyend-head {
	color: var(--color-glb-tygred-01);
	margin-bottom: 0;
}
.bodyendArea-01 .bodyend-head .en {
	font-family: "franklin-gothic-atf", sans-serif;
	font-weight: 600;
	font-size: var(--px34);
	line-height: 140%;
}
.bodyendArea-01 .bodyend-head .ja {
	font-weight: bold;
	font-size: var(--px30);
	line-height: 140%;
}
@media screen and (max-width: 767px) {
	.bodyendArea-01 .layout-bodyend-box {
		padding: var(--px40) 0;
		font-size: var(--px14);
		gap: var(--px24);
	}
	.bodyendArea-01 .layout-bodyend-box .layout-bodyend-type-01,
	.bodyendArea-01 .layout-bodyend-box .layout-bodyend-type-02 {
		width: 100%;
		gap: var(--px12);
	}
	.bodyendArea-01 .bodyend-head {
	}
	.bodyendArea-01 .bodyend-head .en {
		font-size: var(--px20);
	}
	.bodyendArea-01 .bodyend-head .ja {
		font-size: var(--px16);
	}
}

/* bodyendArea-02 */
.bodyendArea-02 {
	background-color: #fff;
}
.bodyendArea-02 .layout-bodyend-box {
	width: calc((100% - var(--layout-grid-gap) - 1px) * 0.500);
	padding: 0;
}
.bodyendArea-02 .bodyend-btn-01 {
	display: block;
	width: 100%;
	border-radius: var(--px30);
	overflow: hidden;
	text-decoration: underline;
}
.bodyendArea-02 .bodyend-btn-01 .photo-box {
	position: relative;
	width: 100%;
	aspect-ratio: 568 / 381;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bodyendArea-02 .bodyend-btn-01.type-01 .photo-box {
	background-image: url(../images/common/bodyend/btn_oc_bg.jpg);
}
.bodyendArea-02 .bodyend-btn-01.type-02 .photo-box {
	background-image: url(../images/common/bodyend/btn_admissions_bg.jpg);
	transition: background-size .3s ease;
}
.bodyendArea-02 .bodyend-btn-01 .photo-upper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bodyendArea-02 .bodyend-btn-01.type-01 .photo-upper {
	width: 55.1%;
	transform: translateY(4%);
	transition: width .3s ease;
}
.bodyendArea-02 .bodyend-btn-01.type-02 .photo-upper {
	font-size: var(--px36);
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 120%;
	color: var(--color-glb-tygred-01);
}
.bodyendArea-02 .bodyend-btn-01 .text-box {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	background-color: var(--color-glb-gray-04);
	font-size: var(--px18);
	font-weight: bold;
	line-height: 120%;
	padding: 1.25em var(--px33);
	text-decoration: none;
	color: var(--color-glb-tygred-01);
}
.bodyendArea-02 .bodyend-btn-01 .text-box .btn-text {
	margin-right: 0.75em;
}
.bodyendArea-02 .bodyend-btn-01 .text-box span.icon {
	width: 2em;
	height: 2em;
	padding: 0 0.3em;
	background-color: var(--color-glb-tygred-01);
	border-radius: 5em;
	color: #fff;
}
.bodyendArea-02 a.bodyend-btn-01:hover .text-box .btn-text {
	text-decoration: underline;
}
.bodyendArea-02 a.bodyend-btn-01.type-01:hover .photo-upper {
	width: 59.1%;
}
.bodyendArea-02 a.bodyend-btn-01.type-02:hover .photo-box {
	background-size: 108%;
}
@media screen and (max-width: 767px) {
	.bodyendArea-02 .layout-bodyend {
		gap: var(--px40);
	}
	.bodyendArea-02 .layout-bodyend-box {
		width: 100%;
	}
	.bodyendArea-02 .bodyend-btn-01.type-01 .photo-box {
		aspect-ratio: 368 / 311;
		background-image: url(../images/common/bodyend/btn_oc_bg@sp.jpg);
	}
	.bodyendArea-02 .bodyend-btn-01.type-02 .photo-box {
		aspect-ratio: 368 / 111;
		background-image: url(../images/common/bodyend/btn_admissions_bg@sp.jpg);
	}
	.bodyendArea-02 .bodyend-btn-01.type-01 .photo-upper {
		width: 69.5%;
	}
	.bodyendArea-02 .bodyend-btn-01.type-02 .photo-upper {
		font-size: var(--px24);
		line-height: 120%;
	}
	.bodyendArea-02 .bodyend-btn-01 .text-box {
		font-size: var(--px16);
		line-height: 120%;
	}
}

/* bodyendArea-03 */
.bodyendArea-03 {
	background-color: var(--color-glb-black-01);
	padding: var(--px50) 0;
}
.bodyendArea-03 .layout-bodyend-box {
	width: calc((100% - var(--layout-grid-gap) - 1px) * 0.500);
	background: #fff;
}
@media screen and (max-width: 767px) {
	.bodyendArea-03 {
		padding: var(--px40) 0;
	}
	.bodyendArea-03 .layout-bodyend {
		width: 100%;
		gap: var(--layout-grid-gap);
	}
	.bodyendArea-03 .layout-bodyend-box {
		width: 100%;
	}
}

/* bodyendArea-04 */
.bodyendArea-04 {
}
.bodyendArea-04.has-top-margin {
	margin-top: var(--px64);
}
.bodyendArea-04.has-bottom-margin {
	margin-bottom: var(--px80);
}
.bodyendArea-04 .layout-bodyend {
	margin-bottom: var(--px40);
	gap: var(--px08);
}
.bodyendArea-04 .layout-bodyend-box {
	width: calc((100% - var(--px08)) * 0.500);
}
@media screen and (max-width: 767px) {
	.bodyendArea-04.has-top-margin {
		margin-top: var(--px40);
	}
	.bodyendArea-04.has-bottom-margin {
		margin-bottom: var(--px64);
	}
	.bodyendArea-04 .layout-bodyend {
		gap: var(--px05);
	}
	.bodyendArea-04 .layout-bodyend-box {
		width: 100%;
	}
}


/* --------------------------------
	contact freedial
-------------------------------- */
.contact-freedial-area {
	width: 100%;
	padding: var(--px40) var(--px35);
	background-color: transparent;
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5OCA2NSI+PHJlY3Qgc3R5bGU9ImZpbGw6I2ExYjNiMzsiIHg9IjY0IiB3aWR0aD0iMzQiIGhlaWdodD0iNjUiLz48cmVjdCBzdHlsZT0iZmlsbDojZDkwMDMzOyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjI1Ii8+PC9zdmc+');
	background-position: right top;
	background-repeat: no-repeat;
	background-size: var(--px98) auto;
	border: 1px solid var(--color-glb-gray-06);
}
.contact-freedial-area .headline-area {
	width: 100%;
	padding-bottom: var(--px20);
}
.contact-freedial-area .headline-area .hdl {
	font-size: var(--px40);
	font-weight: bold;
	line-height: 100%;
	letter-spacing: 0.05em;
}
.contact-freedial-area a.freedial {
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: baseline;
	font-size: var(--px65);
	color: var(--color-glb-black-01);
	text-decoration: none;
	cursor: default;
	line-height: 100%;
	margin: var(--px10) 0 var(--px16) 0;
}
.contact-freedial-area a.freedial:hover {
	text-decoration: none;
}
.contact-freedial-area a.freedial .svg-icon {
	display: inline-block;
	width: 0.9em;
	height: 0.6em;
	margin-right: var(--px16);
}
.contact-freedial-area p.text-01 {
	font-size: var(--px22);
	font-weight: bold;
	margin-bottom: var(--px40);
}
.contact-freedial-area p.text-02 {
	font-size: var(--px20);
	font-weight: bold;
}
.contact-freedial-area p.text-03 {
	font-size: var(--px18);
	font-weight: bold;
	margin-bottom: var(--px16);
}
.contact-freedial-area p.text-04 {
}
@media screen and (min-width: 768px) {
	[class^="bodyendArea-"] .contact-freedial-area {
		width: 100%;
		height: 100%;
		padding: var(--px55) var(--px48);
		background-color: transparent;
		background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDEgMTE1Ij48cmVjdCBzdHlsZT0iZmlsbDojZDkwMDMzOyIgeT0iNTAiIHdpZHRoPSI0NiIgaGVpZ2h0PSI2NSIvPjxyZWN0IHN0eWxlPSJmaWxsOiNhMWIzYjM7IiB4PSI0NiIgd2lkdGg9IjU1IiBoZWlnaHQ9IjgzIi8+PC9zdmc+');
		background-position: right top;
		background-repeat: no-repeat;
		background-size: var(--px101) auto;
		border: none;
		border-radius: var(--px30);
		box-shadow: 0px 1px 6px #00000029;
	}
	[class^="bodyendArea-"] .contact-freedial-area .headline-area {
		padding-bottom: var(--px48);
	}
	[class^="bodyendArea-"] .contact-freedial-area .headline-area .hdl {
		font-size: var(--px36);
	}
	[class^="bodyendArea-"] .contact-freedial-area a.freedial {
		font-size: var(--px50);
		margin: var(--px10) 0 var(--px32) 0;
	}
	[class^="bodyendArea-"] .contact-freedial-area p.text-04 {
		line-height: 225%;
	}
	[class^="bodyendArea-"] br.type-bodyend {
		display: inline-block;
	}
}
@media screen and (max-width: 767px) {
	.contact-freedial-area {
		padding: var(--px24);
		border: none;
		border-radius: var(--px30);
		overflow: hidden;
		box-shadow: 0px 1px 6px #00000029;
		background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA1NSI+PHJlY3Qgc3R5bGU9ImZpbGw6I2Q5MDAzMzsiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyOCIvPjxyZWN0IHN0eWxlPSJmaWxsOiNhMWIzYjM7IiB4PSIzMCIgd2lkdGg9IjM0IiBoZWlnaHQ9IjU1Ii8+PC9zdmc+');
		background-size: var(--px64) auto;
	}
	[class^="bodyendArea-"] .contact-freedial-area {
		background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDEgMTE1Ij48cmVjdCBzdHlsZT0iZmlsbDojZDkwMDMzOyIgeT0iNTAiIHdpZHRoPSI0NiIgaGVpZ2h0PSI2NSIvPjxyZWN0IHN0eWxlPSJmaWxsOiNhMWIzYjM7IiB4PSI0NiIgd2lkdGg9IjU1IiBoZWlnaHQ9IjgzIi8+PC9zdmc+');
	}
	.contact-freedial-area .headline-area {
		padding-bottom: var(--px33);
	}
	.contact-freedial-area .headline-area .hdl {
		font-size: var(--px24);
	}
	.contact-freedial-area a.freedial {
		font-size: var(--px35);
		cursor: pointer;
	}
	.contact-freedial-area a.freedial .svg-icon {
		margin-right: var(--px07);
	}
	.contact-freedial-area p.text-01 {
		font-size: var(--px18);
		margin-bottom: var(--px24);
	}
	.contact-freedial-area p.text-02 {
		font-size: var(--px16);
		font-weight: bold;
	}
	.contact-freedial-area p.text-03 {
		font-size: var(--px14);
		font-weight: bold;
		margin-bottom: var(--px08);
	}
}