@charset "UTF-8";
/*--------------------------------*/
/*------ Common Page Layout ------*/
/*--------------------------------*/
.page-wrap {
	background-color: #f6f6f6;
	width: 100%;
	overflow: hidden;
}
body{
	font-family: "Noto Sans", sans-serif;
}
.page-wrap .sec .sec-inner-max-width {
	max-width: 64rem;
	margin: 0 auto;
	padding: 6rem 1rem;
}
.page-wrap .sec.sec-navy .filter-navy {
	background-color: rgba(9,40,70,.7);
}
.page-wrap .sec .sec-header {
	padding-bottom: 2rem;
}
.page-wrap .sec .sec-header .sec-sub-title {
	font-size: .75rem;
	line-height: 1.4;
	text-align: center;
	color: #316294;
	margin-bottom: 1.65rem;
	font-weight: 600;
}
.page-wrap .sec.sec-navy .sec-header .sec-sub-title {
	color: #f1890e;
}
.page-wrap .sec .sec-header .sec-title {
	font-size: 1.9rem;
	line-height: 1.2;
	text-align: center;
	color: #404040;
	font-weight: 600;
	max-width: 37.5rem;
	margin-left: auto;
	margin-right: auto;
}
.page-wrap .sec .sec-header .sec-title.sec-title-left{
	text-align: left;
}
.page-wrap .sec.sec-navy .sec-header .sec-title {
	color: #fff;
}
.page-wrap .scroll-btn-wrap{
	position: absolute;
	z-index: 99;
	bottom: .75rem;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.page-wrap .scroll-btn-wrap .scroll-btn-down {
	display: inline-block;
	transition: 0.2s all linear;
}
.page-wrap .scroll-btn-wrap .scroll-btn-down:hover {
	cursor: pointer;
	opacity: 0.6;
}
.page-wrap .scroll-btn-wrap .scroll-btn-down > img {
	width: .95rem;
}
@media only screen and (max-width: 1023px) {
	.page-wrap .sec .sec-inner-max-width {
		padding: 5rem 1rem;
	}
}
@media only screen and (max-width: 499px) {
	.page-wrap .sec .sec-inner-max-width {
		padding: 4rem 1rem;
	}
	.page-wrap .sec .sec-header {
		padding-bottom: 1.5rem;
	}
	.page-wrap .sec .sec-header .sec-title {
		font-size: 1.3rem;
	}
}
/* sec-subpage-main-visual */
.page-wrap .sec.sec-subpage-main-visual {
	background-color: #fff;
	height: 30rem;
	position: relative;
	background-image: url(../image/index/main-visual.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.page-wrap .sec.sec-subpage-main-visual .filter-black {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.3;
}
.page-wrap .sec.sec-subpage-main-visual .text-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-wrap .sec.sec-subpage-main-visual .text-wrap .page-title {
	font-size: 3.5rem;
	font-weight: 600;
	color: #fff;
	text-shadow: 0 3px 6px rgba(0,0,0,.16);
}
@media only screen and (max-width: 1279px) {
	.page-wrap .sec.sec-subpage-main-visual {
		height: 18rem;
	}
	.page-wrap .sec.sec-subpage-main-visual .text-wrap .page-title {
		font-size: 1.75rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap .sec.sec-subpage-main-visual {
		height: 9.5rem;
	}
	.page-wrap .sec.sec-subpage-main-visual .text-wrap .page-title {
		font-size: 1rem;
	}
}
/* ------------------------------- */
/* ---------- Home Page ---------- */
/* ------------------------------- */
.page-wrap.page-home .main-visual-wrap {
	background-color: #fff;
	height: calc(100vh - 4rem);
	position: relative;
	background-image: url('../image/index/main-visual.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 25rem;
}
.page-wrap.page-home .main-visual-wrap .filter-black {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.3;
}
.page-wrap.page-home .main-visual-wrap .text-wrap {
	position: relative;
	text-align: center;
	width: 100%;
	max-width:821px;
	margin: 0 auto;
}
.page-wrap.page-home .main-visual-wrap .text-wrap .page-title {
	font-size: 3.2rem;
	font-weight: 600;
	color: #fff;
	text-shadow: 2px 2px 1px  rgba(0,0,0,0.25);
	line-height: 1.22;
	text-align: left;
}
.page-wrap.page-home .main-visual-wrap .text-wrap .sub-text {
	font-size: 0.9rem;
	line-height: 2;
	color: #fff;
	margin-top: 1rem;
	text-shadow: 1px 1px 1px  rgba(0,0,0,0.15);
	max-width: 595px;
	margin: 1rem auto 0;
	text-align: left;
}
.page-wrap.page-home .main-visual-wrap .text-wrap .btn-wrap {
	margin-top: 2.5rem;
}
@media only screen and (max-width: 1279px){
	.page-wrap.page-home .main-visual-wrap {
		height: calc(100vh - 2.5rem);
	}
}
@media only screen and (max-width: 1023px) {
	.page-wrap.page-home .main-visual-wrap .text-wrap .page-title {
		font-size: 2rem;
	}
	.page-wrap.page-home .main-visual-wrap .text-wrap .sub-text {
		font-size: .9rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-home .main-visual-wrap {
		min-height: 35.75rem;
	}
	.page-wrap.page-home .main-visual-wrap .img-wrap {
		background-position: center center;
	}
	.page-wrap.page-home .main-visual-wrap .text-wrap {
		padding: 0 .5rem;
	}
	.page-wrap.page-home .main-visual-wrap .text-wrap .page-title {
		font-size: 1.4rem;
		line-height: 1.22;
	}
	.page-wrap.page-home .main-visual-wrap .text-wrap .page-title br {
		display: none;
	}
	.page-wrap.page-home .main-visual-wrap .text-wrap .sub-text {
		font-size: .8rem;
	}
	.page-wrap.page-home .main-visual-wrap .text-wrap .sub-text br {
		display: none;
	}
	.page-wrap.page-home .main-visual-wrap .text-wrap .btn-wrap {
		margin-top: 1.75rem;
	}
}
@media only screen and (max-width: 499px) {
	.page-wrap.page-home .main-visual-wrap {
		min-height: 22.5rem;
	}
}
/* home : sec-intro */
.page-wrap.page-home .sec.sec-intro .sec-inner-max-width {
	max-width: 50rem;
}
.page-wrap.page-home .sec.sec-intro .sec-desc {
	padding-bottom: 3.75rem;
}
.page-wrap.page-home .sec.sec-intro .number-area {

}
.page-wrap.page-home .sec.sec-intro .number-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.page-wrap.page-home .sec.sec-intro .number-list .number-list-item {
	text-align: center;
	flex: 1;
}
.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(1) {
	min-width: 6.3rem;
}
.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(2) {
	min-width: 9.9rem;
}
.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(3) {
	min-width: 15rem;
}
.page-wrap.page-home .sec.sec-intro .number-list .number-list-item .number-main {
	color: #f1890e;
	font-weight: 600;
	font-size: 3rem;
}
.page-wrap.page-home .sec.sec-intro .number-list .number-list-item .number-desc {
	color: #949494;
	font-size: .8rem;
	margin-top: 1rem;
}
@media only screen and (max-width: 1023px) {
	.page-wrap.page-home .sec.sec-intro .number-list {
		max-width: 27.5rem;
		margin: 0 auto;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(1) {
		min-width: 5.25rem;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(2) {
		min-width: 8.25rem;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(3) {
		min-width: 12.5rem;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item .number-main {
		font-size: 2rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-home .sec.sec-intro .sec-flex-box-text-area {
		padding-bottom: 2rem;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(1) {
		min-width: 4.3rem;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(2) {
		min-width: 6.6rem;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(3) {
		min-width: 10rem;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item .number-main {
		font-size: 2rem;
	}
}
@media only screen and (max-width: 499px) {
	.page-wrap.page-home .sec.sec-intro .sec-desc {
		padding-bottom: 2.5rem;
	}
	.page-wrap.page-home .sec.sec-intro .number-list {
		display: block;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(1),
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(2),
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item:nth-child(3) {
		min-width: unset;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item + .number-list-item {
		margin-top: 1.5rem;
	}
	.page-wrap.page-home .sec.sec-intro .number-list .number-list-item .number-desc {
		margin-top: .5rem;
	}
}
/* home : sec-requirements */
.page-wrap.page-home .sec.sec-requirements {
	background-image: url('../image/index/bg-sec-requirements.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.page-wrap.page-home .sec.sec-requirements .sec-inner-max-width {
	max-width: 73.5rem;
	padding-bottom: 1rem;
}
.page-wrap.page-home .sec.sec-requirements .req-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.5rem;
}
.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item {
	width: 33.33%;
	padding: 0 .5rem 4rem;
}
.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .req-icon {
	width: 7.5em;
	margin: 0 auto;
}
.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .req-icon img {
	width: 100%;
}
.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .req-text {
	color: #fff;
	text-align: center;
	margin-top: 2rem;
	font-weight: 600;
	font-size: 1.1rem;
	line-height: 1.63;
}
.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .req-text.req-text-left {
	text-align: left;
}
.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .flex-center{ display: flex; justify-content: center; align-items: center; }

@media only screen and (max-width: 1023px){
	.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .req-icon {
		width: 5rem;
	}
	.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .req-text {
		font-size: .8rem;
		/*font-weight: normal;*/
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item {
		width: 50%;
	}
	.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .req-text {
		margin-top: 1.5rem;
	}
}
@media only screen and (max-width: 499px) {
	.page-wrap.page-home .sec.sec-requirements .sec-inner-max-width {
		padding-top: 4rem;
		padding-bottom: 0;
	}
	/*.page-wrap.page-home .sec.sec-requirements.sec-navy .filter-navy {
		background-color: rgba(9,40,70,.85);
	}*/
	.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item {
		width: 100%;
	}
	.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .req-icon {
		width: 40%;
	}
	.page-wrap.page-home .sec.sec-requirements .req-list .req-list-item .req-text {
		margin-top: 1rem;
	}
}
/* home : sec-benefits */
.page-wrap.page-home .sec.sec-benefits .sec-inner-max-width {
	max-width: 73.5rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}
.page-wrap.page-home .sec.sec-benefits .sec-flex-box {
	display: flex;
}
.page-wrap.page-home .sec.sec-benefits .sec-flex-box .sec-flex-box-text-area {
	padding-top: 4.5rem;
}
.page-wrap.page-home .sec.sec-benefits .sec-flex-box-text-area .sec-header .sec-sub-title,
.page-wrap.page-home .sec.sec-benefits .sec-flex-box-text-area .sec-header .sec-title {
	text-align: left;
}
.page-wrap.page-home .sec.sec-benefits .sec-flex-box-text-area .sec-desc {
	padding-bottom: 2rem;
}
.page-wrap.page-home .sec.sec-benefits .sec-flex-box-text-area .benefits-list-area {

}
.page-wrap.page-home .sec.sec-benefits .benefits-list {
	padding-left: 2.5rem;
}
.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-list-item + .benefits-list-item {
	margin-top: 2rem;
}
.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail {

}
.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-title {
	font-size: 1.1rem;
	font-weight: 600;
	position: relative;
}
.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-title:before {
	content: '';
	display: block;
	position: absolute;
	width: 1rem;
	height: 1rem;
	background-image: url('../image/common/icon-check.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	top: .3rem;
	left: -2.5rem;
}
.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-text {
	font-size: .9rem;
	color: #949494;
	margin-top: 1rem;
}
.page-wrap.page-home .sec.sec-benefits .sec-flex-box-text-area .btn-area {
	padding-top: 2.75rem;
}
.page-wrap.page-home .sec.sec-benefits .sec-flex-box .sec-flex-box-image-area {
	margin-left: 7.5rem;
}
.page-wrap.page-home .sec.sec-benefits .image-flex-box {
	display: flex;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list {

}
.page-wrap.page-home .sec.sec-benefits .image-col-list:nth-child(1) {
	padding-top: 1.5rem;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list:nth-child(2) {
	padding-left: 2.5rem;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item {
	position: relative;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item + .image-col-list-item {
	margin-top: 2.5rem;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item .image-wrap {
	border-radius: .5rem;
	overflow: hidden;
	width: 17.5rem;
	box-shadow: 0 0 8px rgba(0,0,0,.16);
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item .image-wrap img {
	display: block;
	width: 100%;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item .image-sub-wrap {
	position: absolute;
	width: 5rem;
	top: 0;
	left: 0;
	filter: drop-shadow(0 0 8px rgba(0,0,0,.16));
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item .image-sub-wrap img {
	display: block;
	width: 100%;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item.item-1 .image-sub-wrap {
	width: 13.5rem;
	left: -3rem;
	top: -4rem;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item.item-2 .image-sub-wrap {
	width: 5rem;
	left: auto;
	top: -2.5rem;
	right: -2rem;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item.item-3 .image-sub-wrap {
	width: 12.75rem;
	left: -3rem;
	top: 3rem;
}
.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item.item-4 .image-sub-wrap {
	width: 7.1rem;
	left: auto;
	top: -.9rem;
	right: -1.9rem;
}
@media only screen and (max-width: 1469px) {
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box .sec-flex-box-text-area {
		padding-top: 0;
	}
	.page-wrap.page-home .sec.sec-benefits .benefits-list {
		padding-left: 2rem;
	}
	.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-title:before {
		left: -2rem;
		top: .2rem;
	}
	.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-title {
		font-size: 1rem;
	}
	.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-text {
		font-size: .8rem;
		margin-top: .75rem;
	}
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box .sec-flex-box-image-area {
		padding-top: 2.5rem;
		margin-left: 3rem;
	}
	.page-wrap.page-home .sec.sec-benefits .image-col-list:nth-child(2) {
		padding-left: 2rem;
	}
	.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item .image-wrap {
		width: 13.5rem;
	}
	.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item.item-1 .image-sub-wrap {
		width: 10.5rem;
		left: -2.25rem;
		top: -3.25rem;
	}
	.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item.item-2 .image-sub-wrap {
		width: 4rem;
		left: auto;
		top: -2rem;
		right: -1.5rem;
	}
	.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item.item-3 .image-sub-wrap {
		width: 10rem;
		left: -2.5rem;
		top: 2.5rem;
	}
	.page-wrap.page-home .sec.sec-benefits .image-col-list .image-col-list-item.item-4 .image-sub-wrap {
		width: 5.5rem;
		left: auto;
		top: -.75rem;
		right: -1.5rem;
	}
}
@media only screen and (max-width: 1279px) {
	.page-wrap.page-home .sec.sec-benefits .sec-inner-max-width {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box {
		display: block;
	}
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box .sec-flex-box-text-area {
		max-width: 25rem;
		margin: 0 auto;
	}
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box .sec-flex-box-text-area * {
		text-align: center;
	}
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box-text-area .sec-header .sec-sub-title,
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box-text-area .sec-header .sec-title {
		text-align: center;
	}

	.page-wrap.page-home .sec.sec-benefits .benefits-list {
		padding-left: 0;
	}
	.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-title:before {
		display: inline-block;
		position: relative;
		margin-right: .75rem;
		top: .15rem;
		left: 0;
	}
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box-text-area .btn-area {
		text-align: center;
	}
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box .sec-flex-box-image-area {
		max-width: 25rem;
		margin: 2.5rem auto 0;
		padding: 2.5rem 1.5rem 0; 
	}
	.page-wrap.page-home .sec.sec-benefits .image-flex-box {
		justify-content: center;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-home .sec.sec-benefits .sec-flex-box .sec-flex-box-image-area {
		display: none;
	}
	.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-title {
		font-size: .9rem;
	}
	.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-title:before {
		margin-right: .5rem;
		width: .9rem;
	}
	.page-wrap.page-home .sec.sec-benefits .benefits-list .benefits-detail .benefits-text {
		font-size: .75rem;
	}
}
/* home : sec-app-download */
.page-wrap.page-home .sec.sec-app-download .sec-inner-max-width {
	max-width: 70.5rem;
}
.page-wrap.page-home .sec.sec-app-download .sec-flex-box {
	display: flex;
	align-items: center;
}
.page-wrap.page-home .sec.sec-app-download .sec-flex-box-image-area {
	width: 41rem;
}
.page-wrap.page-home .sec.sec-app-download .sec-flex-box-image-area img {
	display: block;
	width: 100%;
}
.page-wrap.page-home .sec.sec-app-download .sec-flex-box-text-area {
	flex: 1;
}
.page-wrap.page-home .sec.sec-app-download .sec-flex-box-text-area .sec-header .sec-sub-title,
.page-wrap.page-home .sec.sec-app-download .sec-flex-box-text-area .sec-header .sec-title {
	text-align: left;
}
.page-wrap.page-home .sec.sec-app-download .sec-flex-box-text-area .btn-wrap {
	padding-top: 2.5rem;
}
.page-wrap.page-home .sec.sec-app-download .list-btn-download-app {
	justify-content: flex-start;
}
@media only screen and (max-width: 1409px) {
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-image-area {
		width: 31rem;
	}
}
@media only screen and (max-width: 1023px) {
	.page-wrap.page-home .sec.sec-app-download .sec-inner-max-width {
		padding-bottom: 0;
	}
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box {
		flex-wrap: wrap;
	}
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-image-area {
		width: 80%;
		margin: 0 auto;
		position: relative;
		padding-top: 38%;
		overflow: hidden;
		margin-top: 2.5rem;
	}
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-image-area img {
		position: absolute;
		top: 0;
		left: 0;
	}
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-text-area {
		width: 100%;
		order: -1;
	}
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-text-area * {
		text-align: center;
	}
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-text-area .sec-header .sec-sub-title,
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-text-area .sec-header .sec-title {
		text-align: center;
	}
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-text-area .sec-desc {
		max-width: 25rem;
		margin: 0 auto;
	}
	.page-wrap.page-home .sec.sec-app-download .list-btn-download-app {
		justify-content: center;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-image-area {
		width: 90%;
		padding-top: 45%;
	}
}
@media only screen and (max-width: 499px) {
	.page-wrap.page-home .sec.sec-app-download .sec-flex-box-image-area {
		width: 100%;
	}
}
/* home : sec-testimonials */
.page-wrap.page-home .sec.sec-testimonials {
	background-image: url('../image/index/bg-sec-testimonials.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.page-wrap .sec.sec-testimonials.sec-navy .filter-navy {
	background-color: rgba(9,40,70,.83);
}
.page-wrap.page-home .sec.sec-testimonials .sec-inner-max-width {
	max-width: 64.75rem;
	position: relative;
	padding: 11rem 1rem 13rem;
}
.page-wrap.page-home .sec.sec-testimonials .sec-inner-max-width .bg-design-item {
	position: absolute;
	width: 5rem;
	top: 10.5rem;
	left: 0;
}
.page-wrap.page-home .sec.sec-testimonials .sec-inner-max-width .bg-design-item.item-left {
	left: -10rem;
}
.page-wrap.page-home .sec.sec-testimonials .sec-inner-max-width .bg-design-item.item-right {
	left: auto;
	right: -10rem;
	transform: rotateZ(180deg);
}
.page-wrap.page-home .sec.sec-testimonials .sec-inner-max-width .bg-design-item img {
	display: block;
	width: 100%;
}
.page-wrap .sec.sec-testimonials .sec-desc {
	max-width: 27.5rem;
	margin: 0 auto;
}
.page-wrap .sec.sec-testimonials .testimonials-list-wrap {
	margin-top: 4.5rem;
}
.page-wrap .sec.sec-testimonials .testimonials-list {
	display: flex;
	justify-content: space-between;
	align-content: stretch;
}
.page-wrap .sec.sec-testimonials .testimonial-card {
	width: 31%;
	display: flex;
	align-items: stretch;
}
.page-wrap .sec.sec-testimonials .testimonial-card:focus {
	outline: none;
}
.page-wrap .sec.sec-testimonials .testimonial-card .card-inner {
	background-color: #fff;
	border-radius: .5rem;
	padding: 3.25rem 2rem;
}
.page-wrap .sec.sec-testimonials .testimonial-card .card-icon-area {
	width: 2.25rem;
	margin: 0 auto;
}
.page-wrap .sec.sec-testimonials .testimonial-card .card-icon-area img {
	width: 100%;
	display: block;
}
.page-wrap .sec.sec-testimonials .testimonial-card .card-comment-area {
	padding-top: 2.5rem;
}
.page-wrap .sec.sec-testimonials .testimonial-card .card-comment-area .detail-text {
	color: #949494;
	font-size: .8rem;
	line-height: 1.875;
	text-align: left;
}
.page-wrap .sec.sec-testimonials .testimonial-card hr.break-line {
	border: none;
	border-top: 1px solid #eee;
	margin: 2rem auto;
}
.page-wrap .sec.sec-testimonials .testimonial-card .teacher-profile {

}
.page-wrap .sec.sec-testimonials .testimonial-card .teacher-profile .teacher-avatar {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto
}
.page-wrap .sec.sec-testimonials .testimonial-card .teacher-profile .teacher-avatar img {
	display: block;
	width: 100%;
}
.page-wrap .sec.sec-testimonials .testimonial-card .teacher-profile .teacher-name {
	text-align: center;
	font-weight: 600;
	font-size: .65rem;
	margin-top: .75rem;
}
.page-wrap .sec.sec-testimonials .testimonial-card .teacher-profile .teacher-bio {
	margin-top: .25rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-wrap .sec.sec-testimonials .testimonial-card .teacher-profile .teacher-bio .nation {
	color: #949494;
	font-size: .65rem;
}
.page-wrap .sec.sec-testimonials .testimonial-card .teacher-profile .teacher-bio .nation-flag {
	height: .7rem;
	margin-left: .5rem;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.page-wrap .sec.sec-testimonials .testimonial-card .teacher-profile .teacher-bio .nation-flag img {
	display: block;
	height: 100%;
}
@media only screen and (max-width: 1294px) {
	.page-wrap .sec.sec-testimonials .testimonial-card {
		width: 32%;
	}
	.page-wrap .sec.sec-testimonials .testimonial-card .card-inner {
		padding: 3rem 1.5rem;
	}
}
@media only screen and (max-width: 1023px) {
	.page-wrap.page-home .sec.sec-testimonials .sec-inner-max-width {
		padding: 6rem 1rem 8.25rem;
	}
	.page-wrap .sec.sec-testimonials .testimonials-list {
		display: block;
		margin: 0 auto 2.5rem;
		max-width: 25rem;
	}
	.page-wrap .sec.sec-testimonials .testimonial-card {
		width: 100%;
	}
	.page-wrap .sec.sec-testimonials .testimonial-card {
		padding: 0 .5rem;
	}
}
@media only screen and (max-width: 499px) {
	.page-wrap.page-home .sec.sec-testimonials .sec-inner-max-width {
		padding: 3.5rem 1rem;
	}
	.page-wrap .sec.sec-testimonials .testimonials-list-wrap {
		margin-top: 2.5rem;
	}
	.page-wrap .sec.sec-testimonials .testimonials-list {
		margin: 0 -.5rem 2.5rem;
		max-width: unset;
	}
}
/* home : sec-faq */
.page-wrap.page-home .sec.sec-faq .sec-inner-max-width {
	max-width: 40.75rem;
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item {
	border-top: 1px solid #d9d9d9;
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item:last-child {
	border-bottom: 1px solid #d9d9d9;
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item .question-area {
}
.page-wrap.page-home .sec.sec-faq .faq-list .btn-faq-toggle {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	min-height: 2rem;
	text-decoration: none;
	color: #404040;
	font-size: .9rem;
	line-height: 1.6;
	font-weight: 600;
	padding-right: 1rem;
	transition: color 0.2s ease-in-out;
	padding: 1.25rem 1rem 1.25rem 0;
}
.page-wrap.page-home .sec.sec-faq .faq-list .btn-faq-toggle:after {
	content: '';
	display: block;
	position: absolute;
	width: .8rem;
	height: .8rem;
	background-image: url('../image/common/icon-plus.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.2s all linear;
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item.on .btn-faq-toggle {
	color: #404040;
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item:not(.on) .btn-faq-toggle:hover {
	/* color: #ffaa42; */
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item.on .btn-faq-toggle:after {
	background-image: url('../image/common/icon-minus.svg');
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item .answer-area {
	padding-bottom: 2rem;
	display: none;
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item .answer-area .answer-text,
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item .answer-area .answer-list li {
	color: #949494;
	font-size: .8rem;
	line-height: 1.75;
	font-weight: normal;
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item .answer-area .answer-text:not(:last-child),
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item .answer-area .answer-list:not(:last-child) {
	margin-bottom: 1rem;
}
.page-wrap.page-home .sec.sec-faq .faq-list .faq-list-item .answer-area .answer-list {
	list-style: decimal;
	padding-left: .9rem;
}
/* ----------------------------------------- */
/* ---------- Application Process ---------- */
/* ----------------------------------------- */
/* main-visual */
.page-wrap.page-application-process .sec.sec-subpage-main-visual {
	background-image: url(../image/application-process/main-visual.jpg);
	background-position: center 35%;
}
/* sec-process */
.page-wrap.page-application-process .sec.sec-process .sec-inner-max-width {
	max-width: 67.5rem;
}
.page-wrap.page-application-process .sec.sec-process .sec-desc {
	max-width: 40rem;
	margin: 0 auto;
}
.page-wrap.page-application-process .sec.sec-process .process-chart-list-wrap {
	padding: 5rem 0 2.5rem;
}
.process-chart-list {
	position: relative;
}
.process-chart-list .process-chart-list-item {
	position: relative;
}
.process-chart-list .process-chart-list-item:before {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: calc(50% - 18.1rem);
	min-width: .5rem;
	background-image: linear-gradient(to right, #b9b9b9 50%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 8px 8px;
	background-repeat: repeat-x;
	top: 4rem;
	right: 50%;
	transform: translateX(-5rem);
}
.process-chart-list .process-chart-list-item:nth-child(even):before {
	left: 50%;
	right: auto;
	transform: translateX(5rem);
}
.process-chart-list .process-chart-list-item:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	width: 0;
	left: 50%;
	border-left: 1px solid #b9b9b9;
	z-index: 0;
}
.process-chart-list .process-chart-list-item:first-child:after {
	margin-top: 4rem;
}
.process-chart-list .process-chart-list-item:last-child:after {
	height: 4rem;
}
.process-chart-list .process-chart-list-item .chart-row-flex {
	display: flex;
	justify-content: flex-start;
	position: relative;
	z-index: 1;
}
.process-chart-list .process-chart-list-item:nth-child(even) .chart-row-flex {
	justify-content: flex-end;
}
.process-chart-list .step-number {
	position: absolute;
	left: calc(50% - 2rem);
	top: 2rem;
	/* transform: translate(-50%,-50%); */
}
.process-chart-list .step-number .step-number-inner {
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 3;
}
.process-chart-list .step-number .step-number-inner .step-number-text {
	color: #fff;
	text-align: center;
	font-size: .6rem;
	line-height: 1;
}
.process-chart-list .step-number .step-number-inner .step-number-text .text-number {
	display: block;
	margin-top: .2rem;
	font-size: 1.7rem;
	font-weight: 600;
}
.process-chart-list .step-number:before,
.process-chart-list .step-number:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 4rem;
	height: 4rem;
	border-radius: .5rem;
	background-color: #f1890e;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.process-chart-list .step-number:before {
	transform: rotateZ(15deg);
}
.process-chart-list .step-number:after {
	z-index: 1;
	background-color: #4e89c5;
	transform: rotateZ(-15deg);
}
.process-chart-list .step-detail {
	width: 18.75rem;
}
.process-chart-list .step-detail .detail-icon {
	width: 7.5rem;
	margin: 0 auto;
}
.process-chart-list .step-detail .detail-icon img {
	display: block;
	width: 100%;
}
.process-chart-list .step-detail .detail-list {
	text-align: center;
}
.process-chart-list .step-detail .detail-list .detail-title {
	font-size: .8rem;
	font-weight: 600;
}
.process-chart-list .step-detail .detail-list .detail-text {
	margin-top: 1rem;
	color: #949494;
	font-size: .8rem;
	line-height: 2;
	text-align: left;
}
@media only screen and (max-width: 1023px) {
	.page-wrap.page-application-process .sec.sec-process .process-chart-list-wrap {
		padding-bottom: 1rem;
	}
	.process-chart-list .process-chart-list-item:before {
		width: calc(50% - 12.75rem);
		transform: translateX(-3.75rem);
	}
	.process-chart-list .process-chart-list-item:nth-child(even):before {
		left: 50%;
		right: auto;
		transform: translateX(3.75rem);
	}
	.process-chart-list .step-detail {
		width: 10rem;
	}
	.process-chart-list .step-detail .detail-list .detail-title {
		font-size: .7rem;
	}
	.process-chart-list .step-detail .detail-list .detail-text {
		font-size: .7rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.page-wrap.page-application-process .sec.sec-process .sec-inner-max-width {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media only screen and (max-width: 767px) {
	.process-chart-list:before {
		display: none;
	}
	.process-chart-list .process-chart-list-item:before {
		display: none;
	}
	.process-chart-list .process-chart-list-item:not(:last-child):after,
	.process-chart-list .step-number .step-number-inner:after {
		content: '';
		display: block;
		width: 1px;
		height: 3rem;
		position: absolute;
		left: 50%;
		top: calc(100% + .75rem);
		background-image: linear-gradient(to bottom, #b9b9b9 50%, rgba(255,255,255,0) 0%);
		background-position: bottom;
		background-size: 8px 8px;
		background-repeat: repeat-y;
	}
	.process-chart-list .process-chart-list-item + .process-chart-list-item {
		margin-top: 5rem;
	}
	.process-chart-list .process-chart-list-item .chart-row-flex {
		display: block;
	}
	.process-chart-list .step-number {
		position: relative;
		left: unset;
		top: unset;
		transform: none;
		width: 4rem;
		margin: 0 auto;
	}
	.process-chart-list .step-detail {
		width: auto;
		max-width: 17.5rem;
		margin: 3rem auto 0;
	}
}
/* ---------------------------- */
/* ---------- Promos ---------- */
/* ---------------------------- */
/* main-visual */
.page-wrap.page-promos .sec.sec-subpage-main-visual {
	background-image: url(../image/promos/main-visual.jpg);
}
.page-wrap.page-promos .sec.sec-offer .sec-inner-max-width {
	max-width: 64rem;
}
.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-title {
	font-size: 1rem;
	text-align: center;
	font-weight: 600;
	color: #949494;
}
.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-paying {
	padding: 4.5rem 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-weight: 600;
	line-height: 1;
}
.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-paying .offer-detail-dollar-mark {
	font-size: 3.25rem;
	position: relative;
	top: 1.25rem;
}
.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-paying .offer-detail-number {
	font-size: 11.65rem;
}
.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-footer {
	font-size: 1rem;
	color: #949494;
	line-height: 1.75;
	text-align: left;
	max-width: 32.5rem;
	margin: 0 auto;
}
.page-wrap.page-promos .sec.sec-offer .apply-now-btn-wrap {
	text-align: center;
	padding: 3.25rem 0 7rem;
}
.page-wrap.page-promos .promo-offer-fig-list {
	display: flex;
	justify-content: space-between;
}
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .item-inner {
	padding: 0 2.5rem 8rem 5.75rem;
	position: relative;
}
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .image-wrap {
	width: 20rem;
	position: relative;
}
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .image-wrap img {
	display: block;
	width: 100%;
	border-radius: .5rem;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .text-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #f1890e;
	color: #fff;
	padding: 3rem 1.5rem;
	border-radius: 3.2rem .5rem 4rem .5rem;
	width: 18.75rem;
	height: 12rem;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item:nth-child(even) .text-wrap {
	background-color: #316294;
}
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .image-wrap:before,
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .image-wrap:after {
	content: '';
	display: block;
	position: absolute;
	width: 5.85rem;
	height: 1.35rem;
	background-color: #f1890e;
	opacity: .4;
	left: -2.5rem;
	top: 2rem;
}
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .image-wrap:after {
	background-color: #092846;
	left: auto;
	right: -2.5rem;
	top: auto;
	bottom: calc(4rem - 1.35rem);
}
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .text-wrap .fig-title {
	text-align: center;
	font-size: .9rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .text-wrap .fig-detail {
	text-align: left;
	font-size: .8rem;
}
.page-wrap.page-promos .sec.sec-offer .more-promo-offers {
	margin-top: 6.75rem;
}
.page-wrap.page-promos .sec.sec-offer .more-promo-offers .more-promo-main-text {
	max-width:672px;
	width:100%;
	text-align: left;
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0 auto 2.75rem;
}
.page-wrap.page-promos .sec.sec-offer .more-promo-offers .more-promo-sub-text {
	text-align: center;
	font-size: .7rem;
	margin-bottom: .75rem;
}
.page-wrap.page-promos .sec.sec-offer .promo-text-contents {
	display: flex;
	gap:30px;
	margin: 70px 0;
	font-size: 1rem;
}
.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-text p {
	color: #949494;
}
.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-text h2 {
	text-align: left;	
}
.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-text .sec-header{
	padding-bottom: 1rem;
}
.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image{
	margin-top:13px;
	position: relative;
}
.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image p{
	position: absolute;
    display: block;
    padding: 20px;
    top: 100px;
    width: 330px;
    font-size: 1.2rem;
    left: 19%;
    transform: translate(-50%, -50%);
}

.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image img {
	border-radius: 15px;
}
.page-wrap.page-promos .sec.sec-offer .speech-text {
	position: relative;
	background: #fff;
	border-radius: .4em;
	box-shadow: 2px 3px 19px #949494;
	color: #858585;
}
.page-wrap.page-promos .sec.sec-offer .speech-text img{
	width: 22px !important;
	height: 22px !important;
}

.page-wrap.page-promos .sec.sec-offer .speech-text:after {
	content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-top: 110px solid transparent;
    border-left: 23px solid transparent;
    border-left-color: #fff;
    border-right: 0;
    border-bottom: 0;
    margin-top: -51px;
    margin-right: -19px;
    transform: rotate(4deg);
}


.page-wrap.page-promos .sec.sec-offer  .refer-incentive h3{
	font-size: 1.9rem;
    text-align: center;
    color: #404040;
    font-weight: 600;
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive h3 small{
	font-size: .75rem;
    color: #316294;
	font-weight: 600;
	display: block
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure {
	margin-top: 45px;
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul li img{
	width: 100%;
    max-width: 80px;
    height: 123px;
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul{
	display: flex;
	gap: 20px;
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul li {
	width: 100%;
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul li p{
	color: #949494;
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul li h4{
	position: relative;
    top: -60px;
    left: 90px;
    font-weight: bold;
    font-size: 1.2rem;
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure  li h4::before {
    position: absolute;
    top: -41px;
    background: rgba(0, 172, 238, 0.2);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 46px;
    text-align: center;
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure  li:first-child h4::before {
	content: url(../image/promos/link.svg);
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure  li:nth-child(2) h4::before {
	content: url(../image/promos/msg.svg);
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure  li:nth-child(3) h4::before {
	content: url(../image/promos/book-open.svg);
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure  li:nth-child(4) h4::before {
	content: url(../image/promos/dollar-sign.svg);
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul li p {
	margin-top: -25px;
	line-height: 2;
}
.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul li a{
	display: block;
	color: #F1890E;
	text-decoration: none;
	font-size: 1rem;
}
@media only screen and (max-width: 1239px) {
	.page-wrap.page-promos .sec.sec-offer .apply-now-btn-wrap {
		padding: 3rem 0 5rem;
	}
	.page-wrap.page-promos .promo-offer-fig-list {
		display: block;
	}
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item {
		display: flex;
		justify-content: center;
	}
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item + .promo-offer-fig-list-item {
		margin-top: 4rem;
	}
	.page-wrap.page-promos .sec.sec-offer .more-promo-offers {
		margin-top: 3.5rem;
	}
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image p {
		left: 30%;
	}
	.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul{
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
	}
	.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul li {
		display: flex; 
		flex-basis: calc(40%);  
		flex-direction: column;
		margin-top: 40px;
	}
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents {
		display: block;
	}
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image {
		margin-top: 13px;
		position: relative;
		text-align: center;
		margin-top: 50px;
	}
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-text h2 {
		text-align: center;	
	}
}
@media only screen and (max-width: 1023px) {
	.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-title,
	.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-footer {
		font-size: 1rem;
	}
	.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-paying {
		padding: 3rem 0;
	}
	.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-paying .offer-detail-dollar-mark {
		font-size: 2.5rem;
	}
	.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-paying .offer-detail-number {
		font-size: 7.5rem;
	}
	.page-wrap.page-promos .sec.sec-offer .apply-now-btn-wrap {
		padding: 5rem 0 6.9rem;
	}
	.page-wrap.page-promos .sec.sec-offer .more-promo-offers .more-promo-sub-text {
		margin-bottom: 3.5rem;
	}
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image p {
		left: 24%;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-title,
	.page-wrap.page-promos .sec.sec-offer .offer-detail-wrap .offer-detail-footer {
		font-size: .8rem;
	}
	.page-wrap.page-promos .sec.sec-offer .apply-now-btn-wrap {
		padding: 2.35rem 0 4.25rem;
	}
	.page-wrap.page-promos .sec.sec-offer .more-promo-offers .more-promo-sub-text {
		margin-bottom: .75rem;
	}
	.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul li {
		display: flex; 
		flex-basis: calc(100%);  
		flex-direction: column;
		margin-top: 0px;
	}
	.page-wrap.page-promos .sec.sec-offer .refer-incentive .refer-procedure ul li img{
		margin: 0 auto;
	}
	.page-wrap.page-promos .sec.sec-offer .refer-incentive .refer-procedure ul li h4 {
		position: relative;
		top: 0;
		left:0;
		font-weight: bold;
		font-size: 1rem;
		text-align: center;
		margin: 10px 0px 60px 0px;
	}
	.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure ul li p {
		margin: 0px 0px 20px 0px;
	}
	.page-wrap.page-promos .sec.sec-offer  .refer-incentive .refer-procedure  li h4::before {
		top: 60px;
		left: 50%;
		transform: translate(-50%, -50%);
		
	}
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents {
		text-align: center;
	}
	.page-wrap.page-promos .sec.sec-offer .refer-incentive .refer-procedure{
		text-align: center;
	}
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image img {
		width: 100%;
	}
	.page-wrap.page-promos .sec.sec-offer .speech-text:after {
		border-bottom: 20px solid transparent;
		border-top: 42px solid transparent;
		border-left: 34px solid transparent;
		border-left-color: #fff;
		border-right: 0;
		border-bottom: 0;
		margin-top: 30px;
		margin-right: 145px;
		transform: rotate(39deg);
	}
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image p{
		top: 72px;
		left: 41%;
		text-align: left;
	}
}
@media only screen and (max-width: 604px) {
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item + .promo-offer-fig-list-item {
		margin-top: 2.5rem;
	}
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .item-inner {
		width: 100%;
		padding: 0 1.5rem 6.5rem 3rem;
	}
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .image-wrap {
		width: 100%;
	}
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .text-wrap {
		width: 11rem;
		height: auto;
		padding: 2rem 1rem;
		border-radius: 2.5rem .5rem;
	}
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .text-wrap .fig-title,
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .text-wrap .fig-detail {
		font-size: .7rem;
	}
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .image-wrap:before,
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .image-wrap:after {
		width: 3.5rem;
		height: 1rem;
		left: -1.5rem;
		top: 1.5rem;
	}
	.page-wrap.page-promos .promo-offer-fig-list .promo-offer-fig-list-item .image-wrap:after {
		left: auto;
		right: -1.5rem;
		top: auto;
		bottom: 2rem;
	}
	.page-wrap.page-promos .sec.sec-offer .more-promo-offers {
		margin-top: 2.5rem;
	}
	.page-wrap.page-promos .sec.sec-offer .more-promo-offers .more-promo-main-text {
		font-size: 1.1rem;
		margin-bottom: 1.5rem;
	}
	.page-wrap.page-promos .sec.sec-offer .more-promo-offers .more-promo-main-text br {
		display: none;
	}
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image p {
		top: 34px;
		left: 45%;
	}
	.page-wrap.page-promos .sec.sec-offer .speech-text:after{
		margin-top: 26px;
	}
}
@media only screen and (max-width: 400px) {
	.page-wrap.page-promos .sec.sec-offer .promo-text-contents .promo-image p {
		font-size: 1.1rem;
		left: 48%;
		top: 27px;
		padding: 10px;
		width: 280px;
	}
	.page-wrap.page-promos .sec.sec-offer .speech-text:after{
		border-bottom: 20px solid transparent;
		border-top: 21px solid transparent;
		border-left: 25px solid transparent;
		border-left-color: #fff;
		border-right: 0;
		border-bottom: 0;
	    margin-top: 27px;
    	margin-right: 145px;
   		transform: rotate(39deg);
	}

}
/* ------------------------------ */
/* ---------- About Us ---------- */
/* ------------------------------ */
/* main-visual */
.page-wrap.page-about-us .sec.sec-subpage-main-visual {
	background-image: url(../image/about-us/main-visual.jpg);
}
/* who we are */
.page-wrap.page-about-us .sec.sec-who-we-are .sec-desc {
	max-width: 36.5rem;
	margin: 0 auto;
}
.page-wrap.page-about-us .sec.sec-who-we-are .company-info-area {
	margin-top: 4rem;
}
.page-wrap.page-about-us .company-info-list {
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-wrap.page-about-us .company-info-list .company-info-list-item {
	display: flex;
	align-items: center;
	padding: .5rem 3.25rem;
}
.page-wrap.page-about-us .company-info-list .company-info-list-item:first-child {
	padding-left: 0;
}
.page-wrap.page-about-us .company-info-list .company-info-list-item:last-child {
	padding-right: 0;
}
.page-wrap.page-about-us .company-info-list .company-info-list-item + .company-info-list-item {
	border-left: 1px solid #e4e4e4;
}
.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-icon {
	width: 4.8rem;
}
.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-icon img {
	display: block;
}
.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail {
	padding-left: 1.75rem;
}
.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail .company-info-sub-text {
	color: #a5a5a5;
	font-size: .7rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: .5rem;
}
.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail .company-info-main-text {
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1;
}
@media only screen and (max-width: 1279px) {
	.page-wrap.page-about-us .company-info-list .company-info-list-item {
		padding: .5rem 1.35rem;
	}
	.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail {
		padding-left: 1.25rem;
	}
	.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail .company-info-sub-text {
		font-size: .6rem;
	}
	.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail .company-info-main-text {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-about-us .company-info-list .company-info-list-item {
		display: block;
		padding: .5rem 0;
		width: 100%;
	}
	.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-icon {
		width: 2.5rem;
		margin: 0 auto;
	}
	.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail {
		text-align: center;
		margin-top: 1rem;
		padding-left: 0;
	}
	.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail .company-info-main-text {
		font-size: 1.3rem;
	}
}
@media only screen and (max-width: 499px) {
	.page-wrap.page-about-us .sec.sec-who-we-are .company-info-area {
		margin-top: 3rem;
	}
	.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail .company-info-sub-text {
		font-size: .55rem;
	}
	.page-wrap.page-about-us .company-info-list .company-info-list-item .company-info-detail .company-info-main-text {
		font-size: 1.1rem;
	}
}
/* photo gallery */
.page-wrap.page-about-us .sec.sec-photo-gallery .sec-inner-max-width {
	padding: 0;
	max-width: unset;
	padding-right: 13.5rem;
}
.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list {
	margin-left: -13.5rem;
}
.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-prev,
.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-next {
	right: -4rem;
	width: 1.2rem;
	height: 1.2rem;
}
.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-prev {
	left: auto;
	transform: translate(0,-1.35rem);
}
.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-next {
	transform: translate(0,1.35rem);
}
.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-prev::before,
.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-next::before {
	content: '';
	display: block;	
	width: 1.2rem;
	height: 1.2rem;
	background-image: url(../image/common/icon-arrow-left.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-prev::before {
	background-image: url(../image/common/icon-arrow-left.svg);
}
.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-next::before {
	background-image: url(../image/common/icon-arrow-right.svg);
}
.page-wrap.page-about-us .company-photo-list .company-photo-list-item {
	padding: 0 .4rem;
}
.page-wrap.page-about-us .company-photo-list .company-photo-list-item .item-inner {
	border-radius: .5rem;
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0,0,0,.16);
}
.page-wrap.page-about-us .company-photo-list .company-photo-list-item .item-inner img {
	display: block;
	width: 100%;
}
@media only screen and (max-width: 1299px) {
	.page-wrap.page-about-us .sec.sec-photo-gallery .sec-inner-max-width {
		padding-right: 7.5rem;
	}
}
@media only screen and (max-width: 1023px) {
	.page-wrap.page-about-us .sec.sec-photo-gallery .sec-inner-max-width {
		padding-right: 1rem;
	}
	.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list {
		margin-left: -0rem;
	}
	.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-prev,
	.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-next {
		right: -2.5rem;
		width: 1.5rem;
		height: 1.5rem;
	}
	.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-prev::before,
	.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list .slick-next::before {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list {
		margin-left: auto;
		margin-right: auto;
		max-width: 25rem;
	}
	.page-wrap.page-about-us .sec.sec-photo-gallery .company-photo-list.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.page-wrap.page-about-us .sec.sec-photo-gallery .sec-inner-max-width {
		padding: 0 1rem;
	}
	.page-wrap.page-about-us .sec.sec-photo-gallery .slick-dots {
		bottom: -1.5rem;
	}
}
@media only screen and (max-width: 499px) {
	.page-wrap.page-about-us .sec.sec-photo-gallery .sec-inner-max-width {
		padding: 0 .5rem;
	}
}
/* sec-slogan-01 */
.page-wrap.page-about-us .sec.sec-slogan .sec-inner-max-width {
	max-width: unset;
	padding-left: 0;
	padding-right: 0;
	display: flex;
	justify-content: flex-end;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box {
	background-color: #f6f6f6;
	padding: 13.5rem 10rem 15rem 9.5rem;
	position: relative;
	width: 100%;
	max-width: 90%;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .bg-design-item {
	position: absolute;
	display: block;
	width: 19.5rem;
	top: 4rem;
	left: 4.5rem;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .bg-design-item.item-bottom {
	top: auto;
	left: auto;
	right: 3.75rem;
	bottom: 4.75rem;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .bg-design-item img {
	display: block;
	width: 100%;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list {
	display: table;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item {
	display: table-row;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-title,
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-detail {
	display: table-cell;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item:not(:first-child) .slogan-title,
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item:not(:first-child) .slogan-detail {
	padding-top: 4rem;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-title {
	color: #f1890e;
	font-size: 1rem;
	padding-left: 4.25rem;
	position: relative;
	white-space: nowrap;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-title:before {
	content: '';
	display: block;
	position: absolute;
	width: 3.75rem;
	height: 0;
	border-top: 1px solid #f1890e;
	left: 0;
	top: .65rem;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item:not(:first-child) .slogan-title:before {
	top: 4.65rem;
}
.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-detail {
	padding-left: 2.25rem;
	font-size: 1rem;
	line-height: 1.75;
}
/* sec-slogan-02 */
.page-wrap.page-about-us .sec.sec-slogan.sec-slogan-02 .sec-inner-max-width {
	justify-content: flex-start;
}
.page-wrap.page-about-us .sec.sec-slogan.sec-slogan-02 .slogan-box {
	background-color: #0d345b;
}
.page-wrap.page-about-us .sec.sec-slogan.sec-slogan-02 .slogan-box .slogan-list .slogan-list-item .slogan-detail {
	color: #fff;
}
@media only screen and (max-width: 1279px) {
	.page-wrap.page-about-us .sec.sec-slogan .sec-inner-max-width {
		display: block;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box {
		max-width: unset;
		padding: 10rem 2rem 13rem;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .bg-design-item {
		top: 2.4rem;
		left: 1.65rem;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .bg-design-item.item-bottom {
		right: 1.65rem;
		bottom: 2.5rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-about-us .sec.sec-slogan.sec-slogan-02 .sec-inner-max-width{
		padding: 5.5rem 0 4.5rem;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box {
		padding: 9rem 1rem 11rem;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .bg-design-item {
		width: 11.75rem;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list,
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item,
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-title,
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-detail {
		display: block;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-title,
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-detail {
		padding-left: 0;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item:not(:first-child) .slogan-detail {
		padding-top: 0;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item + .slogan-list-item {
		margin-top: 4rem;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-title:before {
		display: none;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-title,
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item:not(:first-child) .slogan-title {
		padding-top: .5rem;
		border-top: 1px solid #f1890e;
		display: inline-block;
	}
	.page-wrap.page-about-us .sec.sec-slogan .slogan-box .slogan-list .slogan-list-item .slogan-detail {
		font-size: .9rem;
		line-height: 2;
		margin-top: 1.25rem;
	}
}
/* Teachers Care */
.page-wrap.page-about-us .sec.sec-teacher-care .sec-inner-max-width {
	max-width: 70rem;
	padding-top: 0;
	padding-bottom: 0;
}
.page-wrap.page-about-us .sec.sec-teacher-care .sec-flex-box {
	display: flex;
	align-items: center;
}
.page-wrap.page-about-us .sec.sec-teacher-care .sec-flex-box .sec-flex-box-image-area {
	max-width: 35rem;
	width: 50%;
}
.page-wrap.page-about-us .sec.sec-teacher-care .sec-flex-box .sec-flex-box-image-area img {
	display: block;
	width: 100%;
}
.page-wrap.page-about-us .sec.sec-teacher-care .sec-flex-box .sec-flex-box-text-area {
	flex: 1;
	padding-left: 5rem;
}
.page-wrap.page-about-us .sec.sec-teacher-care .sec-header .sec-sub-title,
.page-wrap.page-about-us .sec.sec-teacher-care .sec-header .sec-title {
	text-align: left;
}
@media only screen and (max-width: 1279px) {
	.page-wrap.page-about-us .sec.sec-teacher-care .sec-flex-box .sec-flex-box-text-area {
		padding-left: 2.5rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-about-us .sec.sec-teacher-care .sec-inner-max-width{
		padding: 0 1rem;
	}
	.page-wrap.page-about-us .sec.sec-teacher-care .sec-flex-box{
		flex-direction: column-reverse;
	}
	.page-wrap.page-about-us .sec.sec-teacher-care .sec-flex-box .sec-flex-box-text-area{
		text-align: center;
		padding: 0;
		max-width: 27.5rem;
	}
	.page-wrap.page-about-us .sec.sec-teacher-care .sec-header{
		padding-bottom: 1.5rem;
	}
	.page-wrap.page-about-us .sec.sec-teacher-care .sec-header .sec-sub-title{
		margin-bottom: 1.2rem;
	}
	.page-wrap.page-about-us .sec.sec-teacher-care .sec-header .sec-sub-title,
	.page-wrap.page-about-us .sec.sec-teacher-care .sec-header .sec-title{
		text-align: center;
	}
	.page-wrap.page-about-us .sec.sec-teacher-care .sec-flex-box .sec-flex-box-image-area{
		width: 100%;
		margin-top: 1.75rem;
	}

}
/* Principle */
.page-wrap.page-about-us .sec.sec-principle .sec-inner-max-width {
	max-width: 70rem;
}
.page-wrap.page-about-us .sec.sec-principle .sec-flex-box {
	display: flex;
	align-items: center;
}
.page-wrap.page-about-us .sec.sec-principle .sec-flex-box .sec-flex-box-image-area {
	max-width: 35rem;
	width: 50%;
}
.page-wrap.page-about-us .sec.sec-principle .sec-flex-box .sec-flex-box-image-area img {
	display: block;
	width: 100%;
}
.page-wrap.page-about-us .sec.sec-principle .sec-flex-box .sec-flex-box-text-area {
	flex: 1;
	padding-right: 5rem;
}
.page-wrap.page-about-us .sec.sec-principle .sec-header .sec-sub-title,
.page-wrap.page-about-us .sec.sec-principle .sec-header .sec-title {
	text-align: left;
}
@media only screen and (max-width: 1279px) {
	.page-wrap.page-about-us .sec.sec-principle .sec-flex-box .sec-flex-box-text-area {
		padding-right: 2.5rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-about-us .sec.sec-principle .sec-inner-max-width{
		padding: 0 1rem 6rem;
	}
	.page-wrap.page-about-us .sec.sec-principle .sec-flex-box{
		flex-direction: column;
	}
	.page-wrap.page-about-us .sec.sec-principle .sec-flex-box .sec-flex-box-text-area{
		text-align: center;
		padding: 0;
		max-width: 27.5rem;
	}
	.page-wrap.page-about-us .sec.sec-principle .sec-header{
		padding-bottom: 1.5rem;
	}
	.page-wrap.page-about-us .sec.sec-principle .sec-header .sec-sub-title{
		margin-bottom: 1.2rem;
	}
	.page-wrap.page-about-us .sec.sec-principle .sec-header .sec-sub-title,
	.page-wrap.page-about-us .sec.sec-principle .sec-header .sec-title{
		text-align: center;
	}
	.page-wrap.page-about-us .sec.sec-principle .sec-flex-box .sec-flex-box-image-area{
		width: 100%;
		margin-top: 2.25rem;
	}

}
/* ------------------------------ */
/* --------- Contact Us --------- */
/* ------------------------------ */
.page-wrap.page-contact-us .sec.sec-contact-form .sec-inner-max-width {
	max-width: 75rem;
	padding-bottom: 0;
}
.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box-image-area {
	max-width: 33rem;
	width: 100%;
	display: flex;
	align-items: flex-end;
}
.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box-image-area .image-wrap {
	position: relative;
}
.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box-image-area .image-wrap img {
	display: block;
	width: 100%;
}
.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box-image-area .image-wrap .text-bubble-wrap {
	position: absolute;
	width: 43%;
	top: 2%;
	right: 13%;
	filter: drop-shadow(0 0 6px rgba(0,0,0,.16));
}
.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box-form-area {
	max-width: 35rem;
	width: 100%;
	padding-bottom: 4.75rem;
}
.page-wrap.page-contact-us .sec.sec-contact-form .contact-us-form-wrap {
	background-color: #f6f6f6;
	padding: 3rem 5rem;
}
.page-wrap.page-contact-us .sec.sec-contact-form .contact-us-form-wrap .contact-title {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 30px;
}
.page-wrap.page-contact-us .sec.sec-contact-form .contact-us-form textarea.nc-tutor-form-control {
	max-width: 100%;
	min-width: 100%;
	min-height: 5rem;
}
.page-wrap.page-contact-us .sec.sec-contact-form .contact-us-form .contact-us-textarea-counter {
	font-size: .7rem;
}
.page-wrap.page-contact-us .sec.sec-contact-form .contact-us-form .btn-wrap {
	margin-top: 1.5rem;
}
@media only screen and (max-width: 1359px) {
	.page-wrap.page-contact-us .sec.sec-contact-form .sec-inner-max-width {
		padding: 4.75rem 1rem;
	}
	.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box {
		justify-content: center;
		align-items: center;
	}
	.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box-image-area {
		display: none;
	}
	.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box-form-area {
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 1023px) {
	.page-wrap.page-contact-us .sec.sec-contact-form .sec-inner-max-width {
		padding: 3rem 1rem;
	}
	.page-wrap.page-contact-us .sec.sec-contact-form .sec-flex-box-form-area {
		max-width: unset;
	}
	.page-wrap.page-contact-us .sec.sec-contact-form .contact-us-form .btn-wrap {
		margin-top: 1rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-wrap.page-contact-us .sec.sec-contact-form .sec-inner-max-width {
		padding: 0;
	}
	.page-wrap.page-contact-us .sec.sec-contact-form .contact-us-form-wrap {
		padding: 2rem 1rem 2.5rem;
	}
}
@media only screen and (max-width: 499px) {
	.page-wrap.page-contact-us .sec.sec-contact-form .contact-us-form-wrap {
		padding: 2.5rem 1rem 2.5rem;
	}
	.page-wrap.page-contact-us .sec.sec-contact-form .contact-us-form .btn-wrap {
		margin-top: .5rem;
	}
}
/* ------------------------------ */
/* --------- Animation ---------- */
/* ------------------------------ */
@media only screen and (max-width: 1023px){
	.page-wrap.page-home .aos-turn-off {
		/*CSS transitions*/
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		animation: none !important;
	}
}
@media only screen and (max-width: 1279px){
	.page-wrap .sec.sec-subpage-main-visual [data-aos=fade-down].text-wrap {
		transform: translate3d(0,-50px,0);
	}
	.page-wrap .sec.sec-subpage-main-visual [data-aos^=fade][data-aos^=fade].aos-animate.text-wrap {
		transform: translateZ(0);
	}
}
/* ----------------------------------- */
/* --------- Privacy Policy ---------- */
/* ----------------------------------- */
.page-wrap.page-privacy-policy {
	background-color: #fff;
}
.article-privacy-policy {
	box-sizing: border-box;
	max-width: 63.5rem;
	margin: 0 auto;
	padding: 3rem 1rem 5rem;
	color: #949494;
	line-height: normal;
}
.article-privacy-policy > h1,
.article-privacy-policy > h2,
.article-privacy-policy > h3 {
	color: #404040;
	font-weight: 600;
}
.article-privacy-policy > h1 {
	font-size: 1.9rem;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 2rem;
}
.article-privacy-policy > h2 {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.2;
	padding-left: .5rem;
	margin-bottom: 1rem;
}
.article-privacy-policy > h2:before {
	content: '';
	display: block;
	position: absolute;
	top: .15em;
	left: 0;
	width: 3px;
	height: .9em;
	background-color: #4ca8fb;
}
.article-privacy-policy > h3 {
	font-size: 1.1rem;
	line-height: 1.3;
	margin: 1rem 0;
}
.article-privacy-policy > p,
.article-privacy-policy > ul > li {
	font-size: .8rem;
	margin-bottom: .5rem;
	line-height: 1.875;
}
.article-privacy-policy a {
	color: #00acee;
	text-decoration: none;
}
.article-privacy-policy a:hover {
	color: #3dc8ff;
}
.article-privacy-policy > ul {
	margin-bottom: 1rem;
	padding-left: 1.5rem;
}
.article-privacy-policy > ul > li {
	position: relative;
}
.article-privacy-policy > ul > li:before {
	content: '';
	position: absolute;
	display: block;
	width: .4em;
	height: .4em;
	border-radius: 50%;
	background-color: #949494;
	left: -1em;
	top: .6em;
}
.article-privacy-policy > ul > li + li {
	
}
.article-privacy-policy > hr {
	margin: 2rem 0;
	border: none;
	border-top: 1px solid #d8d8d8;
}