@charset "UTF-8";
/* CSS Document */

.wp-feat {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 40px;
}
.wp-feat__item {
	width:48%;
	text-align: center;
}
.wp-feat__item img {
	/*
	height: 160px;
	width:auto;
	*/
}
.wp-feat__item p {
	margin-top: 10px;
	font-size: 1.1rem;
	line-height: 1.5;
	text-align: left;
}

.wp-exp-1 {
	border-radius: 20px;
	padding: 40px 20px;
}
.wp-exp-1 .subtxt {
	margin-bottom: 30px;
	font-size: 1.5rem;
	line-height: 1.9;
}

.wp-exp-1__inner:not(:last-child) {
	margin-bottom: 60px;
}
.wp-exp-1__inner .spacer:not(:last-child) {
	margin-bottom: 30px;
}

.sepa-year {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px;
}
.course-wrap__item:first-child {
	margin-bottom: 40px;
}
.course-wrap__item:first-child .sepa-year:first-child {
	margin-bottom: 10px;
}
.sepa-year ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
	margin-bottom: 10px;
}
.sepa-year ul li {
	width:48%;
	border-radius: 15px;
	padding:30px 0;
	text-align: center;
	color: #fff;
}
.sepa-year ul li span,
.sepa-year ul li strong {
	display: block;
}
.sepa-year ul li span {
	margin-bottom:4px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height:1.25;
}
.sepa-year ul li strong {
	font-size: 3.0rem;
	line-height:1;
}
.sepa-year p {
	font-weight:700;
	text-align: center;
}

.wp-60 { background-color: #84a2d4; }
.wp-54 { background-color: #cca6bf; }
.wp-36 { background-color: #7bc496; }
.wp-30 { background-color: #aacf53; }
.wp-24f { background-color: #e6b422; }
.wp-24a { background-color: #d69090; }

.posi-wrap {
	position: relative;
}
.posi-wrap .graph {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	height: calc(100% - 54px);
	padding: 0 10px;
}
.posi-wrap .graph li {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 10px;
	color: #fff;
}
.posi-wrap.maint-table .graph {
	width: 170px;
}
.posi-wrap.maint-table .graph li {
	width: 35px;
}
.posi-wrap.shaken-table .graph {
	width: 104px;
}
.posi-wrap.shaken-table .graph li {
	justify-content: center;
	height: 204px;
	padding: 0;
}
.posi-wrap.shaken-table .graph li.wp-24a {
	margin-top: 45px;
}

.posi-wrap .graph li.wp-60 { height: 95%; }
.posi-wrap .graph li.wp-54 { height: 85%; }
.posi-wrap .graph li.wp-36 { height: 55%; }
.posi-wrap .graph li.wp-30 { height: 43%; }
.posi-wrap .graph li span {
	font-weight:700;
	writing-mode: vertical-rl;
}
.posi-wrap .graph li strong {
	line-height: 1;	
}
.maint-table table {
	min-width: 1015px;
}
.maint-table colgroup col:nth-child(1) { width: 16.5%; }
.maint-table colgroup col:nth-child(2) { width: 11%; }
.maint-table colgroup col:nth-child(3) { width: 17%; }
.maint-table colgroup col:nth-child(4) { width: 55.5%; }
.maint-table th {
	text-align:center;
}
.maint-table th,
.maint-table td {
	padding: 12px 10px;
	font-size: 1.3rem;
}
.maint-table tbody td:nth-child(2) {
	text-align: center;
}

.shaken-table table {
	min-width: 970px;
}

.shaken-table colgroup col:nth-child(1) { width: 9.5%; }
.shaken-table colgroup col:nth-child(2) { width: 10%; }


.fee-list {
	
}
.fee-list__item {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	font-weight:700;
}
.fee-list__item:not(:last-child) {
	margin-bottom: 10px;
}
.fee-list__item dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 190px;
	height: 36px;
	border-radius: 10px;
	font-weight: 700;
	color: #fff;
}
.fee-list__item dd {
	margin-left: 10px;
	font-size: 1.4rem;
}
.fee-list__item dd strong {
	font-size: 2.0rem;
	font-weight:700;
}


@media print, screen and (max-width: 374px) {
	
	
	.fee-list__item dt {
		width: 180px;
		font-size: 1.4rem;
	}
	.fee-list__item dd {
		margin-left: 10px;
		font-size: 1.3rem;
	}
	
}

.notice-wrap {
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
}
.notice-wrap h3 {
	margin-bottom: 20px;
	font-size: 1.8rem;
	line-height: 1;
}
.notice-wrap .list--circle__item {
	margin-bottom: 15px;
	font-size: 1.3rem;
	line-height: 1.5;
}
.notice-wrap .list--kome__item {
	margin-bottom: 10px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.whole-area .subtxt {
	margin-bottom: 20px;
	font-size: 1.5rem;
	line-height: 1.9;
}
.whole-area li {
	font-size: 1.2rem;
	line-height: 1.5;
}

.wanpasu section:not(:last-child) {
	margin-bottom: 60px;
}
.wanpasu section.qna-wrap {
	margin-bottom: 40px;
}


.qna__item:not(:last-child) {
	margin-bottom: 20px;
}
.qna__item > div {
	position: relative;
	display: flex;
	justify-content: flex-end;
}
.qna__item > div > div {
	width: calc(100% - 48px);
	padding: 15px;
	font-size: 1.3rem;
}
.qna__item > div:before {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 42px;
	border-radius: 21px;
	margin-right: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
}
.qna__item > div.question:before {
	background-color: #eae8d8;
	content: "Q";
}
.qna__item > div.answer:before {
	background-color: #fafaf4;
	content: "A";
}
.qna__item > div.question {
	margin-bottom: 10px;
}
.qna__item > div.answer {
	font-size: 1.3rem;
	line-height: 1.5;
}

.qna__item > div.question > div {
	background-color: #eae8d8;
	padding: 14px 15px 15px;
	border-radius: 21px;
	font-weight: 700;
	line-height: 1;
}
.qna__item > div.answer > div {
	background-color: #fafaf4;
	border-radius: 21px;
}


.qna__item .question span,
.qna__item .answer span {
	

}
.qna__item .question span {
	
}
.qna__item .answer span {
}

/*
.qna__item .question:before,
.qna__item .answer:before{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 42px;
	border-radius: 21px;
	margin-right: 6px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;

}
.qna__item .question:before {
	background-color: #eae8d8;
	content: "Q";
}
.qna__item .answer:before {
	background-color: #fafaf4;
	content: "A";
}
*/


@media print, screen and (min-width: 681px) {
	
	.wp-feat__item {
		width: 24%;
	}
	.wp-feat__item p {
		margin-top: 15px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	
	.course-wrap {
		display: flex;
		justify-content: space-between;
	}
	.course-wrap__item:first-child {
		width: 65%;
	}
	.course-wrap__item:last-child {
		width: 31%;
	}
	.course-wrap__item:first-child,
	.course-wrap__item:first-child .sepa-year:first-child {
		margin-bottom: 0;
	}
	
	
	.maint-table th,
	.maint-table td {
		padding: 12px 16px;
	}
	
	.sepa-wrap {
		display: flex;
		justify-content: space-between;
	}
	.sepa-wrap .sepa-year {
		width: 48%;
	}
	.sepa-year {
		padding: 0;
		background-color: transparent;
	}
	.sepa-year ul li {
		width: 95px;
		border-radius: 10px;
		padding: 18px 0;
	}
	.sepa-year ul li span {
		font-size: 1.6rem;
	}
	.sepa-year p {
		background-color: #fff;
		border-radius: 10px;
		padding: 12px 0 13px;
		line-height: 1;
	}
	
	
	.fee-list {
		display: flex;
		flex-wrap: wrap;
	}
	.fee-list__item {
		width: 324px;
		margin-bottom: 10px;
	}
	.fee-list__item dt {
		font-size: 1.6rem;
	}
	.fee-list__item dd {
		margin-left: 15px;
		font-size: 1.6rem;
	}
	.fee-list__item dd strong {
		font-size: 2.2rem;
	}
	.fee-list--maint .fee-list__item:nth-child(1) { order: 1; }
	.fee-list--maint .fee-list__item:nth-child(2) { order: 3; }
	.fee-list--maint .fee-list__item:nth-child(3) { order: 2; }
	.fee-list--maint .fee-list__item:nth-child(4) { order: 4; }
	
	
}
@media print, screen and (min-width: 1200px) {
	
	.wp-feat__item p {
		margin-top: 20px;
	}
	.wp-exp-1 {
		padding: 50px 60px;
	}
	.wp-exp-1 .subtxt {
		margin-bottom: 40px;
		font-size: 1.5rem;
		line-height: 1.75;
	}
	.wanpasu section:not(:last-child) {
		margin-bottom: 100px;
	}
	
	
	.sepa-year ul li {
		width: 130px;
		padding: 28px 0;
	}
	.sepa-year ul li span {
		font-size: 1.8rem;
	}
	
	.maint-table table {
		min-width: inherit;
	}
	.maint-table colgroup col:nth-child(1) { width: 23%; }
	.maint-table colgroup col:nth-child(2) { width: 11%; }
	.maint-table colgroup col:nth-child(3) { width: 17%; }
	.maint-table colgroup col:nth-child(4) { width: 49%; }
	.shaken-table colgroup col:nth-child(1) { width: 12%; }
	.shaken-table colgroup col:nth-child(2) { width: 11%; }
	.shaken-table colgroup col:nth-child(3) { width: 17%; }
	.shaken-table colgroup col:nth-child(4) { width: 60%; }
	.posi-wrap.maint-table .graph {
		width: auto;
	}
	.posi-wrap.maint-table .graph li {
		width: 40px;
	}
	.posi-wrap.maint-table .graph li:not(:last-child) {
		margin-right: 8px;
	}
	
	
	.fee-list__item {
		width: 42%;
	}
	
	.notice-wrap {
		padding: 40px;
	}
	.notice-wrap .list--circle__item {
		margin-bottom: 20px;
		font-size: 1.4rem;
	}
	.notice-wrap .list--kome__item {
		font-size: 1.3rem;
	}
	
	.qna__item > div:before {
		width: 60px;
		height: 60px;
		border-radius: 30px;
		font-size: 2.0rem;
	}
	.qna__item > div > div {
		width: calc(100% - 70px);
		font-size: 1.5rem;
	}
	.qna__item > div.question > div {
		border-radius: 30px;
		padding: 22px 30px 23px;
	}
	.qna__item > div.answer > div {
		padding: 30px;
		border-radius: 30px;
	}
	
	
}