@charset "utf-8";

/******************* 統一設定 *******************/
section[id^=sec] .button{
	margin:0 auto;
	padding:10px 40px;
	color:#4d99b5;
	background:#fff;
	border:solid 2px #4d99b5;
	border-radius:999px;
	display:block;
}


/******************* 各セクション *******************/
#sec01 h1::before{
	background:url("./../img/common/introduction.png") no-repeat center/contain;
}


#sec02,#sec04{
	padding-bottom:50px;
	background:#d0eaf4;
}

#sec02 .textbox,#sec03 .textbox,#sec04 .textbox{
	width:90%;
	max-width:1152px;
	margin:max(-4%,-55px) auto 0;
	padding:30px;
	column-gap:15px;
	background:#fff;
	border-radius:15px;
	box-shadow:0 0 15px rgb(0 0 0 / 30%);
}

#sec02 .textbox .description,#sec03 .textbox .description{
	width:75%;
}

#sec02 .textbox .description h3,#sec03 .textbox .description h3{
	margin-bottom:20px;
	padding-bottom:5px;
	color:#337d98;
	font-size:1.25em;
	font-weight:bold;
	border-bottom:solid 2px #4db57d;
}

#sec02 .textbox .description p,#sec03 .textbox .description p{
	line-height:1.75em;
}

#sec02 .textbox .career h4,#sec03 .textbox .career h4{
	color:#4d99b5;
	text-align:center;
	font-weight:bold;
}

#sec02 .textbox .career div,#sec03 .textbox .career div{
	margin-top:20px;
	padding:10px 0;
	line-height:1.75em;
	border-top:dotted 3px #4d99b5;
	border-bottom:dotted 3px #4d99b5;
}

#sec02 .textbox img{
	width:100%;
}


#sec03,#sec05{
	padding-bottom:50px;
	background:#e0f3fa;
}

#sec04 .textbox h3{
	margin-bottom:10px;
	color:#4db57b;
}

#sec04 .textbox p{
	line-height:1.75em;
}

#sec04 .textbox p:not(:last-child){
	margin-bottom:35px;
}

#sec05 .gmap{
	width:90%;
	max-width:1152px;
	margin:-40px auto 30px;
}

#sec05 .gmap iframe{
	border:solid 3px #4d99b5;
}

#sec05 .access{
	width:90%;
	max-width:1152px;
	margin:0 auto;
	color:#337d98;
	text-align:center;
}

#sec05 .access p{
	margin-bottom:5px;
}

#sec05 .access .name{
	font-size:2em;
}

#sec05 .access a{
	margin-bottom:5px;
	color:#337d98;
	font-size:2em;
	display:block;
}

#sec05 .access a::before{
	padding-right:5px;
	content:"\f095";
	font-size:.75em;
	font-family:'Font Awesome 6 Free';
	font-weight:bold;
	position:relative;
	top:-2px;
}

#sec05 .access .reception{
	font-size:1.5em;
}


@media (max-width:767px){
	#sec02 .textbox, #sec03 .textbox, #sec04 .textbox{
		column-gap:0;
		row-gap:15px;
		flex-direction:column;
	}
	
	#sec02 .textbox .description, #sec03 .textbox .description{
		width:100%;
	}
}