@charset "UTF-8";
/*================
development.css
================*/

:root{
    --blue: #008385;
}
.page_title{color: var(--blue); font-family: "EB Garamond", serif; font-size: 5.5rem; padding-top: 90px; margin-bottom: 30px;}
.page_title::before{background: var(--blue); width: 2px; height: 80px;}
.mainvisual_lead{padding: 50px 0 100px;}

@media screen and (max-width: 640px){
	.page_title{font-size: 2.2rem; padding-top: 40px;}
	.page_title::before{height: 40px;}
	.mainvisual_lead{padding: 30px 0;}
}


/* lifetime_academia */
#lifetime_academia{padding: 0 0 120px;}
#lifetime_academia .academia_lead{margin-bottom: 30px;}
#lifetime_academia .academia_lead h2{text-align: center; margin-bottom: 30px;
	font-family: var(--font_serif); font-size: 4.2rem; font-weight: 500; color: var(--blue);
}
#lifetime_academia .academia_lead h2 sup{color: #000;}
#lifetime_academia .academia_lead h2 + p{text-align: center;}

.academia_list_inner{align-items: center; margin-top: 30px;}
.academia_list_inner .academia_listImage{width: 500px;}
.academia_list_inner .academia_listText{width: calc(100% - 500px); padding: 30px;}
.academia_list_inner .academia_listText h3{color: #fff; font-size: 2.4rem; margin-bottom: 20px;}
.academia_list_inner .academia_listText p{color: #fff; font-size: 1.8rem;}
.academia_list_inner:nth-child(1){background: #3C9461;}
.academia_list_inner:nth-child(2){background: #D78DA8;}
.academia_list_inner:nth-child(3){background: #C7894B;}

@media screen and (max-width: 960px){
	.academia_list_inner .academia_listImage{width: 300px;}
	.academia_list_inner .academia_listText{width: calc(100% - 300px); padding: 0 30px;}
	.academia_list_inner .academia_listText h3{font-size: 2.0rem; margin-bottom: 5px;}
	.academia_list_inner .academia_listText p{font-size: 1.4rem;}
}
@media screen and (max-width: 640px){
	#lifetime_academia{padding: 0 0 50px;}
	#lifetime_academia .academia_lead h2{font-size: 2.2rem;}
	#lifetime_academia .academia_lead h2 + p{text-align: left;}

	.academia_list_inner .academia_listImage{width: 100%;}
	.academia_list_inner .academia_listText{width: 100%; padding: 10px;}
}

/* campus_park */
#campus_park{padding: 0 0 80px;}
#campus_park .page_mv picture{display: block;}
#campus_park .page_mv .cap_top{top: 0; bottom: auto;}

.campus_park_wrap{padding: 30px 0 0;}
.campus_park_box{width: calc(100% / 2); padding: 0 15px; margin: 0 0 20px; display: flex; flex-wrap: wrap; align-items: center;}
.campus_park_box .campus_park_img{width: 200px;}
.campus_park_box .campus_park_img figure{border-radius: 50%; overflow: hidden; width: 100%; aspect-ratio: 1 / 1;}
.campus_park_box .campus_park_img figure figcaption{background: none; left: 0; margin: 0 auto; text-align: center; bottom: 5px;}
.campus_park_box .campus_park_text{width: calc(100% - 200px); padding-left: 20px;}
.campus_park_box .campus_park_text h3{font-family: var(--font_serif); color: #008385; margin-bottom: 10px;}
.campus_park_box .campus_park_text p{font-size: 1.6rem; }

.campus_park_concept{padding: 50px 0 0;}
.campus_park_concept h3{text-align: center; margin: 0 0 30px;}
.campus_park_concept h3 + p{text-align: center;}

@media screen and (max-width: 960px){
	.campus_park_box .campus_park_img{width: 100px;}
	.campus_park_box .campus_park_text{width: calc(100% - 100px);}
	.campus_park_box .campus_park_text h3{font-size: 1.8rem;}
}
@media screen and (max-width: 640px){
	#campus_park{padding: 0 0 50px;}
	.campus_park_box{width: 100%; padding: 0;}
	.campus_park_box .campus_park_img{width: 130px;}
	.campus_park_box .campus_park_text{width: calc(100% - 130px);}
	.campus_park_box .campus_park_text h3{font-size: 1.6rem;}
	.campus_park_box .campus_park_text p{font-size: 1.3rem;}

	.campus_park_concept h3 + p{text-align: left;}
}

/* design_code */
#design_code{background: #E3EAED;}
.design_code_content{padding: 50px 0;}
.design_code_title1{text-align: center;}
.design_code_title1 p{color: #88c5c6; font-family: "EB Garamond", serif; font-size: 5.5rem;}
.design_code_title1 h3{color: var(--blue); font-family: var(--font_serif); font-size: 4.2rem; font-weight: 600; letter-spacing: 2px;}
.design_code_title2{max-width: 600px; width: 100%; margin: 0 auto;}

@media screen and (min-width: 961px){
	.design_code_figure{position: relative;}
	.design_code_figure figure{position: relative; z-index: 1; max-width: calc(100% - 600px); width: 100%; margin: 0 auto;}

	.design_code_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block;}
	.design_code_wrap .design_code_box{width: 100%; max-width: 300px; padding: 0; position: absolute;}
	.design_code_wrap .design_code_box:nth-child(1){top: 40px; left: 0;}
	.design_code_wrap .design_code_box:nth-child(2){top: 40px; right: 0;}
	.design_code_wrap .design_code_box:nth-child(3){bottom: 0; left: 0; right: 0; margin: 0 auto; transform: translateX(-100%);}
}


.design_code_wrap{margin: 0 -15px; padding: 30px 0;}
.design_code_box{width: calc(100% / 3); padding: 0 15px;}
.design_code_box h3{position: relative;}
.design_code_box h3::after{content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px;}
.design_code_box:nth-child(1) h3::after{background: #7F7A5E;}
.design_code_box:nth-child(2) h3::after{background: #517096;}
.design_code_box:nth-child(3) h3::after{background: #3E7C56;}
.design_code_box h3 span{background: #E3EAED; position: relative; z-index: 2; padding-right: 10px; display: inline-block;}
.design_code_box p{font-size: 1.8rem; margin: 15px 0 0;}

@media screen and (max-width: 960px){
	.design_code_title1 h3{font-size: 3.0rem;}
}
@media screen and (max-width: 640px){
.design_code_title1 p{font-size: 2.2rem;}
.design_code_title1 h3{font-size: 2.5rem;}

.design_code_wrap{margin: 0; padding: 30px 0 0;}
.design_code_box{width: 100%; padding: 0; margin: 0 0 30px;}

}