@charset "utf-8";

/* ========================================================
	course.css => コース・学習スタイル
======================================================== */

/* course_main
============================================================================================================ */
.course_main {
}
@media screen and (min-width: 1025px), print {
	.course_main .content {
		position: relative;
		padding-left: 43%;
		font-size: 2.4rem;
		line-height: 2;
	}
	.course_main .content .img {
		position: absolute;
		top: 50%;
		left: 0;
		width: 40%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.course_main .content li + li {
		margin-top: 20px;
	}
}
@media screen and (max-width: 1024px) {
	.course_main .content .img {
		margin-bottom: 15px;
	}
	.course_main .content {
		font-size: 1.5rem;
		line-height: 2;
	}
	.course_main .content li + li {
		margin-top: 10px;
	}
}

/*about*/
@media screen and (min-width: 1024px) {
main .about-point-wrapper{margin:3rem auto;}
main .about-point-wrapper > article{padding: 2rem;}
main .about-point-wrapper > article dl{width: 100%;display: table;margin-bottom: 1rem;}
main .about-point-wrapper > article dt,main .about-point-wrapper > article dd{display: table-cell;vertical-align: middle;}
main .about-point-wrapper > article dt{width: 60px;text-align: center;}
main .about-point-wrapper > article dd{font-size: 1.7rem;text-align: center;}
main .about-point-wrapper > article dd h2{font-size: 2.5rem;font-weight: 700;}
main .column-title_{
    font-size: 5rem;
    text-align: center;
    }
main .column-sub-title_{font-size: 1.8rem;}
main .column-block_ {margin-top: 3rem;display: table;}
main .column-block_ > div {display: table-cell;vertical-align: middle;}
main .column-block_ .tt-number_ {width: 180px;text-align: center; padding: 2rem;}
main .column-block_ .tt-number_ > h4 span {font-size: 6rem;line-height: 6rem; color:#fff; display: block;margin-bottom: 1rem;}
main .column-block_ .tt-text_ > p {font-size: 1.1rem;line-height: 1.7;}
main .quality-sub-title_{font-size: 1.8rem;}
main .quality-block_ {padding: 1rem; background:#00ada9;}
main .quality-block_ .w-bg_ {padding: 2.5rem;}
main .pp-title_ {text-align: center;}
main .icon_ {margin-bottom: .5rem;}
main .icon_ p {display: block;text-align: left;}
main .icon_ p::before {content:"";width: 55px;height: 63px;background-size: 55px 63px;position: absolute;top:0;left:-85px;margin-top: 0;}
main .pp-title_ > h4 {font-size: 1.5rem;}
main .quality-block_ .w-bg_ > p,main .quality-block_ .w-bg_ section > p {line-height: 1.7;margin: 0;}
main .quality-block_ section  {box-sizing: border-box;}
main .quality-block_ section + div {margin-top: 0; padding: 1.2rem;background: #eee;}
main .v-text_ dd {font-size: 0.85rem;}
main .column-block_ .tt-number_ > h4 {font-size: 1.5rem;color:#00ada9;margin: 0; line-height: 1.5; font-weight: normal;}
main .about-point-wrapper > article{width:50%;padding: 3rem;box-sizing: border-box;}
    main .about-point-wrapper > article.bg01{
        background-color: #00ada9;
		color: #FFF;
    }
    main .about-point-wrapper > article.bg02{
        background-color: #efefef;
    }
    main .about-point-wrapper > article.bg03{
        background-color: #efefef;
    }
    main .about-point-wrapper > article.bg04{
        background-color: #00ada9;
		color: #FFF;
    }
main .column-sub-title_{
    font-size: 3rem;
    text-align: center;
}
main #about-column{
    width: 90%;
}
main .column-block_ .tt-text_ {padding-left: 1.5rem;}
main .pp-title_ > h4 {font-size: 2rem;color:#00ada9;}
main div.flex-justify{display: flex;}
.mr20 {
    margin-right: 20px;
}
}
main .column-sub-title_ > span { background: linear-gradient(transparent 60%, #fff 60%);}
/*about*/
@media screen and (max-width: 1024px) {	
main .about-point-wrapper > article dl{text-align: center;margin-bottom: 1.5rem}
main .about-point-wrapper > article dt{margin-bottom: 1.5rem;}
main .about-point-wrapper > article dd > h2{font-size: 1.3rem;margin: 0;}
main .column-block_ .tt-text_ {margin-top: 1.5rem;}
main #about-column {padding-left: 1rem;padding-right: 1rem;}
/*main br, main .pc {display: none;}*/
main .column-title_{font-size: 1.8rem;text-align: center;margin-bottom: 2rem;}
main .column-block_ .tt-number_ > h4 { color:#00ada9;}
main .column-block_ .tt-number_ > h4 span {font-size: 1.8rem;line-height: 1.8rem; color:#fff;margin-right: .5rem;position: relative;top:1px;}
main .column-block_ .tt-number_ {padding: 1rem;background: #434343;}
main .about-point-wrapper > article{width:100%;padding: 3rem;box-sizing: border-box;}
    main .about-point-wrapper > article.bg01{
        background-color: #00ada9;
		color: #FFF;
    }
    main .about-point-wrapper > article.bg02{
        background-color: #efefef;
    }
    main .about-point-wrapper > article.bg03{
        background-color: #00ada9;
		color: #FFF;
    }
    main .about-point-wrapper > article.bg04{
        background-color: #efefef;
    }
main .pp-title_ > h4 {font-size: 1.5rem;color:#00ada9;}
}
main p.about-text_ {font-weight: 700;line-height: 1.9;margin: 0;}
main p.about-text_ + .about-text_{font-weight: 400;margin-top:1.5rem;}
main .about-image_{margin-top:2.5rem;text-align: center;}
main .about-point-wrapper{max-width: 920px; margin:2rem auto 0px auto;display: flex;display:-webkit-flexbox;display:-ms-flexbox;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
main .about-point-wrapper > article > p{font-size: 1.1rem;line-height: 1.7;margin: 0;}
main #about-column{
    background: #edede5;
    margin: auto;
}

main .column-block_ .tt-number_ {background: #434343;}
main .column-block_ {margin-top: 2rem;}
main .column-block_ .tt-text_ > p {font-size: 1.3rem;margin: 0;}
main .column-block_ .tt-text_ > ul {margin-top: 1.5rem;}
main .column-block_ .tt-text_ > ul li {font-size: 1.5rem;}
main .column-block_ .tt-text_ > ul li + li {margin-top: .5rem;}
main .quality-sub-title_{font-size: 3rem;text-align: center;}
@media screen and (max-width: 1024px) {
	main .quality-sub-title_{font-size: 2rem;}
}

main .quality-sub-title_ > span { background: linear-gradient(transparent 60%, #00ada9 60%);}
main .quality-block_ {margin-top: 2.5rem;padding: 1.6rem; background:#00ada9;}
main .quality-block_ .w-bg_ {padding: 2.5rem;background: #fff;}
main .pp-title_ {margin-bottom: 1.5rem;}
main .icon_ {font-size: 3rem;text-align: center;margin-bottom: 2.5rem;}
@media screen and (max-width: 1024px) {
	main .icon_ {font-size: 2rem;}
}

main .icon_ p {display: inline-block;position: relative;margin: 0;line-height: 1;}
main .icon_ p::before {content:"";width: 35px;height: 40px;background-size: 35px 40px;display: block;position: absolute;top:50%;left:-40px;margin-top: -20px;}
main #q01 p::before {background-image: url(https://coelaqanth.com/school/images/svg/about_icon05.svg);}
main #q02 p::before {background-image: url(https://coelaqanth.com/school/images/svg/about_icon06.svg);}
main #q03 p::before {background-image: url(https://coelaqanth.com/school/images/svg/about_icon07.svg);}
main .icon_ p span {font-size: 1.8rem;font-weight: 700;}
main .quality-block_ .w-bg_ > p,main .quality-block_ .w-bg_ section > p {font-size: 1.3rem;}
main .quality-block_ section + section {margin-top: 1.5rem; padding: 1rem;background: #eee;}
main .v-text_ dt {font-size: 2.2rem; margin: 1rem 0 0;}
main .v-text_ dd {font-size: 1.5rem;}
.course-btn_ {margin-top: 1.5rem;text-align: center;}
.course-btn_ a {font-size: 1.1rem;color:#ccc!important; padding: 1.2rem;border: 1px solid #bfbfbf;border-radius: 50px;display: block;}
.course-btn_ a::after {content:"\f101";font-family: FontAwesome;margin-left: 1rem;position: relative;top:-1px;}
    main .inner_ {
        max-width: 1020px;margin: 0 auto;
    }
main .column-block_ .tt-text_ > p {font-size: 1.3rem;margin: 0;}
main .column-block_ .tt-text_ > ul {margin-top: 1.5rem;}
main .column-block_ .tt-text_ > ul li {font-size: 1.5rem;line-height: 1.5;}
main .column-block_ .tt-text_ > ul li + li {margin-top: .5rem;}
main .column-block_ .tt-text_ {
    font-size: 1.5rem;
}
main .column-block_ .tt-text_ > p {font-size: 1.1rem;line-height: 1.7;}
main .page-wrapper {padding: 4rem 1rem; margin-bottom: 0px;}
@media screen and (max-width: 1024px) {
	main .page-wrapper {margin-bottom: 60px;}
}

.tt-text_ ul {
    list-style: circle outside none;
    margin-left: 1.3em;
}


.v-text_ .btn01 {
	
}

.v-text_ .btn01 a {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	width: 240px;
	height: 80px;
	margin: 20px auto;
	background: #00ada9;
	border-radius: 5px;
	font-size: 2.4rem;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}

.v-text_ .btn01 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

@media screen and (max-width: 1024px) {
	
	main .v-text_ dt {font-size: 1.5rem; margin: 1rem 0 0;}
	main .v-text_ dd {font-size: 1.0rem;}
	
	.v-text_ .btn01 a {
		width: 150px;
		height: 50px;
		margin: 20px auto;
		background: #00ada9;
		border-radius: 5px;
		font-size: 1.8rem;
		color: #FFF;
		text-decoration: none;
		cursor: pointer;
	}
	
	main .page-wrapper {margin-bottom: 60px;}
}