@charset "utf-8";

/*============

guide.css

=============*/

/*-------------

member-box

--------------*/

.member-box__txt {
	text-align: center;
	margin-top: 4rem;
}

/* member-table */

.member-table {
	width: 100%;
	margin-top: 4rem;
}

.member-table__col--type {
	width: 26%;
}

.member-table__col--regular {
	width: 26%;
	min-width: 9rem;
}

.member-table__thead th {
	border-bottom: solid 0.3rem #999;
	padding: 2rem 1rem;
	text-align: center;
	vertical-align: middle;
}

.member-table__tbody th, .member-table__tbody td {
	border-bottom: solid 0.1rem #ccc;
	padding: 2rem 1rem;
	text-align: center;
	vertical-align: middle;
}

.member-table__tbody td {
	position: relative;
}

.member-table__tbody td:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 0.3rem;
	height: 60%;
	background-color: #eee;
}

.member-table__tbody td.member-table__data--premium:before {
	width: 0.1rem;
	background-color: #ccc;
}


/* member-box-list */

.member-box-list {
	margin-top: 2rem;
}

.member-box-list li {
	padding-left: 2rem;
	text-indent: -2rem;
	font-size: 14px;
}

/*-------------

apply-box

--------------*/

.apply-box-list {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 2rem;
}

.apply-box-list > li {
	width: calc(100%/4 - 1rem);
	margin-top: 4rem;
	padding: 2rem 2rem 2rem;
	border-radius: 2rem;
	border: solid 0.6rem #efefef;
}

.apply-box-list__number {
	font-size: 3.6rem;
	font-weight: bold;
	color: #666;
	margin-top: -5.6rem;
	background: linear-gradient(transparent 10%, #fff 0%) center center;
	background-size: 5rem 3rem;
	background-repeat: no-repeat;
	text-align: center;
}

/*-------------

flow-box

--------------*/

.content-fourth-title {
	margin-top: 4rem;
}

.flow-box-list {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.flow-box-list>li {
	width: calc(100%/3 - 1rem);
	margin-top: 4rem;
	padding: 2rem 2rem 2rem;
	border-radius: 2rem;
	border: solid 0.6rem #efefef;
}

.flow-box-list__number {
	font-size: 3.6rem;
	font-weight: bold;
	color: #666;
	margin-top: -5.6rem;
	background: linear-gradient(transparent 10%, #fff 0%) center center;
	background-size: 5rem 3rem;
	background-repeat: no-repeat;
	text-align: center;
}

.flow-box-list__img {
		margin-top: 2rem;
		text-align: center;
}
.flow-box-list__img img {
	width: 100%;
	max-width: 40rem;
}

.flow-box__txt {
	margin-top: 2rem;
	padding-left: 2rem;
	text-indent: -2rem;
	font-size: 14px;
}

/*============

media queries

=============*/

/*-------------

タブレット・スマホ

--------------*/

@media (max-width: 959px) {
	.apply-box-list {
		flex-direction: column;
	}

	.apply-box-list > li {
	  width: 100%;
	}

	.flow-box-list {
		flex-direction: column;
	}

	.flow-box-list > li {
	  width: 100%;
	}
}

/*-------------

スマホ

--------------*/

@media (max-width: 519px) {
	.member-table__tbody .member-table__course {
		text-align: left;
	}
}