/* common - 基礎設定
-------------------------------------------------- */
a {
	color: #333;
	text-decoration: none;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

/* flex - フレキシブルボックス
-------------------------------------------------- */
.dp_f {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.flex_column {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* common - 基本設定
-------------------------------------------------- */
.box {
	margin: 0 auto;
	max-width: 1200px;
}

.txt {
	text-align: center;
}

/* mv - メインビジュアル
-------------------------------------------------- */
#mv {
	max-width: 100%;
	height: 100vh;
	background-image: url(../../image/academy/mv.jpg);
	background-size: cover;
}

#mv .box {
	height: 100%;
	justify-content: center;
	align-items: center;
}

#mv .box .txt {
	text-align: center;
	color: #fff;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, .8);
}

#mv .box .txt p {
	font-family: serif;
	font-size: 4.2rem;
	line-height: 1.5;
	letter-spacing: .1em;
}

#mv .box .txt img {
	margin-bottom: 2rem;
	max-width: 50px;
	height: auto;
}

#mv .box .txt p:nth-child(2) {
	margin-bottom: 1.5rem;
	font-size: 3.2rem;
	font-weight: bold;
	color: #f6ad49;
}

/* about - アバウト
-------------------------------------------------- */
.sub_ttl {
	margin: 5rem auto 0;
	text-align: center;
}

.sub_ttl figure {
	margin: 0 auto 2rem;
	max-width: 60px;
	max-height: 60px;
}

.about_txt {
	margin: 5rem auto 0;
	max-width: 1200px;
	text-align: center;
}

.about_txt p {
	font-size: 1.6rem;
}

/* course - 学科
-------------------------------------------------- */
#course .box {
	margin: 0 auto;
	max-width: 1200px;
}

.list_course {
	margin: 8rem 0;
}

.list_course li {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.list_course > li:not(:last-child) {
	margin-bottom: 10rem;
}

.list_course li .left_box, .list_course li .right_box {
	width: 50%;
}

.list_course li:nth-child(even) {
	flex-direction: row-reverse;
}

.list_course li .curriculum_box {
	margin-top: 5rem;
	width: 100%;
}

.course_ttl {
	padding: 2rem 0;
	font-family: serif;
	font-size: 3.6rem;
	font-weight: bold;
}

.list_course li:nth-child(even) .course_ttl {
	text-align: right;
}

.course_ttl span {
	display: block;
	border-top: 1px solid #f6ad49;
	font-size: 2.4rem;
	color: #f6ad49;
}

.course_price {
	text-align: center;
}

.course_price p {
	font-family: serif;
	font-size: 3.6rem;
	font-weight: bold;
}

.course_price p:first-child {
	font-size: 2.4rem;
}

.course_price p span {
	margin-left: 1rem;
	font-size: 2.4rem;
}

.course_target {
	margin: 1.5rem 0;
	text-align: center;
}

.course_target p {
	display: inline-block;
	padding: 1.2rem 3rem;
	color: #fff;
	font-size: 1.6rem;
	background-color: #f6ad49;
	border-radius: 30px;
}

.course_txt {
	text-align: center;
}

.course_txt p {
	font-size: 1.4rem;
	font-weight: bold;
}

.course_features {
	margin-top: 2rem;
	justify-content: space-evenly;
}

.course_features li {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	text-align: center;
	background-color: #f6ad49;
	border-radius: 50%;
}

.course_features li p {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}

.course_features li p span {
	display: block;
}

.list_course li .right_box {
	position: relative;
	overflow: hidden;
}

.list_course li .right_box img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin: auto;
}

.curriculum_ttl {
	text-align: center;
	font-family: serif;
	font-size: 3.6rem;
}

.curriculum_ttl span {
	display: block;
	font-size: 2.1rem;
	color: #f6ad49;
}

.curriculum_txt {
	margin-top: 3rem;
	text-align: center;
}

.curriculum_txt p {
	font-size: 1.8rem;
}

.curriculum_list {
	margin-top: 5rem;
}

.curriculum_list .curriculum_tbl {
	width: 50%;
}

/* .curriculum_tbl {
	margin: 3rem auto 0;
	width: 780px;
	border-collapse: collapse;
} */

/* .curriculum_tbl th,
.curriculum_tbl td {
	padding: .5rem;
	font-size: 1.6rem;
}
.curriculum_tbl th {
	padding: 0 2rem;
	width: 25%;
	color: #fff;
	background-color: #f6ad49;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.curriculum_tbl td {
	padding-left: 5rem;
	width: 75%;
	border-bottom: 1px solid #f6ad49;
} */
.curriculum_tbl {
	margin: 3rem auto 0;
	width: 780px;
	flex-wrap: wrap;
}

.curriculum_tbl dt {
	padding: .5rem 2rem;
	width: 25%;
	font-size: 1.6rem;
	color: #fff;
	background-color: #f6ad49;
	/* text-align: center; */
}

.curriculum_tbl dd {
	padding: .5rem 5rem;
	font-size: 1.6rem;
	width: 75%;
	border-bottom: 1px solid #f6ad49;
}
.curriculum_tbl dt:not(:first-child) {
	border-top: 1px solid #fff;
}
.course_etc {
	width: 100%;
	justify-content: space-evenly;
}

.course_other {
	width: 30%;
}

.course_other_ttl {
	margin-bottom: 2rem;
	font-family: serif;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
}

.course_other_ttl span {
	display: block;
	font-size: 1.8rem;
	color: #f6ad49;
	border-top: 1px solid #f6ad49;
}

.course_other_target {
	margin-top: 1.5rem;
	height: 75px;
	text-align: center;
}

.course_etc .course_features li {
	width: 85px;
	height: 85px;
}

.course_etc .course_features li p {
	font-size: 1.6rem;
}

/* hair_make - ヘアメイク
-------------------------------------------------- */
#hair_make {
	background-color: #fdeff2;
}

#hair_make .box {
	margin: 5rem auto;
	padding: 5rem 0;
	max-width: 1200px;
}

#hair_make .box .txt {
	margin-top: 3rem;
	font-size: 1.6rem;
}

#hair_make .sub_ttl {
	margin-top: 0;
}

#hair_make .course_etc {
	margin-top: 5rem;
}

#hair_make .course_other_ttl span {
	color: #f09199;
	border-top: 1px solid #f09199;
}

#hair_make .course_features li {
	background-color: #f09199;
}

.hair_make_photo {
	margin-top: 5rem;
	text-align: center;
}

/* business - 出張着付
-------------------------------------------------- */
#business .txt {
	margin-top: 2rem;
	font-size: 1.6rem;
}

#business .course_ttl span {
	color: #698aab;
	border-top: 1px solid #698aab;
}

#business .course_target p {
	background-color: #698aab;
}

.dressing_etc {
	justify-content: flex-start;
	flex-wrap: wrap;
}

.dressing_etc .course_other {
	width: 23%;
	margin-right: 2.66%;
	margin-bottom: 5rem;
}

.dressing_etc .course_other:nth-child(4), .dressing_etc .course_other:last-child {
	margin-right: 0;
}

.dressing_etc .course_other_ttl span {
	color: #698aab;
	border-color: #698aab;
}

.dressing_etc .course_price p {
	font-size: 2.8rem;
}

.dressing_etc .course_price p:first-child {
	font-size: 1.8rem;
}

.dressing_etc .course_other_ttl {
	font-size: 2.2rem;
}