@charset "UTF-8";

#profile{
	display: flex;
	max-width: 1422px;
	padding: 0 104px;
	margin: 0 auto;
	margin-bottom: 34px;
}
.profileImg{
	width: 312px;
	padding-right: 34px;
	text-align: center;
}
.profileImg img{
	width: 250px;
	border-radius: 9999px;
}
.profileImg p{
	line-height: 1.3;
	font-weight: 700;
	margin-top: 0.5em;
}
.profileImg strong{
	font-size: 128%;
}
.profileTxt{
	width: 100%;
	max-width: 902px;
}
.profileTxt dl{
	display: flex;
}
.profileTxt dl:nth-child(odd){
	background: url("/parts/common/img/bg_sand.png") center top #f7f7ee;
}
.profileTxt dt{
	width: 278px;
	padding: 26px 34px;
	font-weight: 700;
}
.profileTxt dd{
	width: 100%;
	max-width: 624px;
	padding: 26px 34px;
	padding-left: 0;
}
.profileTxt dd span{
	font-size: 87%;
}
#aLink{
	padding: 34px 104px;
	background: url("/parts/common/img/bg_sand.png") center top #f7f7ee;
}
#aLink ul{
	display: flex;
	justify-content: center;
}
#aLink li{
	width: calc(100% / 6);
	text-align: center;
	padding: 0 8px;
}
#aLink li a{
	display: block;
	background: #f17312;
	color: #fff;
	font-size: 87%;
	font-weight: 700;
	padding: 17px;
	border-radius: 9999px;
}

.noBox{
	max-width: 1422px;
	padding: 68px 104px;
	margin: 0 auto;
}
#underContent .noBox h4{
	text-align: left;
	border-left: solid 6px #f17312;
	color: #f17312;
	padding-left: 10px;
	font-size: 128%;
	line-height: normal;
	margin-bottom: 1.5em;
}
.noBox h5{
	font-size: 118%;
	line-height: normal;
	margin-bottom: 0.8em;
}
.text02{
	padding: 68px;
	background: url("/parts/common/img/bg_sand.png") center top #f7f7ee;
	margin: 17px 0;
	border-radius: 20px;
}
.text02 dl{
	display: flex;
	border-bottom: dotted 1px #dadac5;
}
.text02 dt{
	width: 162px;
	padding: 17px 10px;
	font-weight: 700;
}
.text02 dt span{
	font-size: 87%;
}
.text02 dd{
	width: 100%;
	max-width: 914px;
	padding: 17px 10px;
}
.text02 dd span{
	font-size: 87%;
}
.text02 dd ul{
	padding-left: 1.6em;
}
.text02 dd li{
	list-style: disc;
	line-height: 1.3;
	margin-top: 0.5em;
}
.textThoughts{
	padding: 34px;
	background: #fff;
	margin-top: 34px;
	border-radius: 10px;
}
.text03{
	display: flex;
	padding: 68px;
	background: url(/parts/common/img/bg_blue.png) center top #f2fbfb;
	margin: 17px 0;
	border-radius: 20px;
}
.trainerImg{
	width: 184px;
	padding-right: 34px;
}
.trainerImg img{
	border-radius: 9999px;
}
.trainerTxt{
	width: 100%;
	max-width: 919px;
}
.trainerTxt dl{
	margin-bottom: 1em;
}
.trainerTxt dt{
	font-weight: 700;
	margin-bottom: 0.5em;
}
.line{
	text-align: center;
}
.line img{
	max-width: 300px;
}

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

	.profileImg{
		width: 208px;
	}
	.profileImg img{
		width: 90%;
	}

}

@media screen and (max-width: 1024px) {/* iPad pro */


}

@media screen and (max-width: 920px) {/* vw */

	#profile{
		display: block;
		max-width: inherit;
		padding: 0 4vw;
		margin-bottom: 4vw;
	}
	.profileImg{
		width: 100%;
		padding-right: 0;
		text-align: center;
		margin-bottom: 4vw;
	}
	.profileImg img{
		width: 40vw;
	}
	.profileTxt{
		max-width: inherit;
	}
	.profileTxt dt{
		width: 25%;
		padding: 3vw 4vw;
	}
	.profileTxt dd{
		width: 75%;
		max-width: inherit;
		padding: 3vw 4vw;
	}

	#aLink{
		padding: 3vw;
	}
	#aLink ul{
		flex-wrap: wrap;
	}
	#aLink li{
		width: calc(100% / 3);
		padding: 1vw;
	}
	#aLink li a{
		padding: 2vw;
	}

	.noBox{
		max-width: inherit;
		padding: 8vw 4vw;
	}
	#underContent .noBox h4{
		border-left: solid 1vw #f17312;
		padding-left: 0.4em;
		margin-bottom: 1.5em;
	}
		#underContent .noBox h5{
			margin-bottom: 0.5em;
		}
	.text02{
		padding: 8vw 4vw;
		margin: 2vw 0;
	}
	.text02 dt{
		width: 25%;
		padding: 2vw 1.5vw;
	}
	.text02 dd{
		width: 75%;
		max-width: inherit;
		padding: 2vw 1.5vw;
	}
	.textThoughts{
		padding: 4vw;
		margin-top: 4vw;
	}
	.text03{
		padding: 8vw 4vw;
		margin: 2vw 0;
	}
	.trainerImg{
		width: 24vw;
		padding-right: 4vw;
	}
	.trainerTxt{
		max-width: inherit;
	}
	.line img{
		max-width: 50vw;
	}

}

@media screen and (max-width: 768px) {/* TB */


}

@media screen and (max-width: 759px) {/* SP */

	.profileTxt dl{
		display: block;
	}
	.profileTxt dt{
		width: 100%;
		padding: 4vw;
		padding-bottom: 2vw;
		margin-bottom: 2vw;
		border-bottom: dotted 1px #eee;
	}
	.profileTxt dd{
		width: 100%;
		padding: 4vw;
		padding-top: 0;
	}

.text02 dl{
	display: block;
}
.text02 dt{
	width: 100%;
	padding: 4vw;
	padding-bottom: 2vw;
}
.text02 dd{
	width: 100%;
	padding: 4vw;
	padding-top: 0;
}

}