#l-wrap {
	background-color : #f9f9f9;
}

#u-mainv {
	position : relative;
}
#u-mainv .mainv-bg {
	height : 55.6vh;
	background-color : #1a78b8;
	width : 34.4%;
	margin-left : auto;
}
@media screen and (min-width: 768px) {
	#u-mainv .mainv-bg {
		min-height : 620px;
		height : 55vh;
		width : 71.4%;
		transform : translateY(-20px);
	}
}
#u-mainv .mainv-inner {
	width : 87%;
	height : 66.3vh;
	background : url(../../images/p_mainv_sp.jpg) center no-repeat;
	background-size : cover;
	position : absolute;
	top : 0;
}
@media screen and (min-width: 768px) {
	#u-mainv .mainv-inner {
		min-height : 700px;
		height : 66vh;
		background : url(../../images/p_mainv.jpg) top no-repeat;
		background-size : cover;
		width : 92.9%;
	}
}
#u-mainv .mainv-inner .mainv-text {
	display : inline-block;
	position : absolute;
	right : -25px;
	top : 50px;
}
@media screen and (min-width: 768px) {
	#u-mainv .mainv-inner .mainv-text {
		right : 140px;
		top : 155px;
	}
}
#u-mainv .mainv-inner .mainv-text .text-ttl {
	width : 148px;
}
@media screen and (min-width: 768px) {
	#u-mainv .mainv-inner .mainv-text .text-ttl {
		width : 100%;
	}
}
#u-mainv .mainv-inner .mainv-text .text-desc {
	display : none;
}
@media screen and (min-width: 768px) {
	#u-mainv .mainv-inner .mainv-text .text-desc {
		display : block;
		margin-top : 50px;
		font-size : 1.8rem;
	}
}
#u-mainv .mainv-desc {
	padding : 13.3vh 15px 0;
}
@media screen and (min-width: 768px) {
	#u-mainv .mainv-desc {
		display : none;
	}
}

.u-concept {
	margin-top : 80px;
	padding : 40px 15px;
	background-color : #fff;
}
@media screen and (min-width: 768px) {
	.u-concept {
		width : 1000px;
		margin : 0 auto;
		margin-top : 160px;
		padding : 0 40px 40px;
		box-sizing : content-box;
		background-color : transparent;
	}
}
.u-concept .concept-inner {
	background-color : #fff;
	position : relative;
}
@media screen and (min-width: 768px) {
	.u-concept .concept-inner {
		width : 835px;
	}
}
.u-concept .concept-inner .concept-text {
	position : relative;
}
@media screen and (min-width: 768px) {
	.u-concept .concept-inner .concept-text {
		padding : 135px 180px 90px 80px;
	}
}
.u-concept .concept-inner .concept-text .text-en {
	color : #1a78b8;
}
.u-concept .concept-inner .concept-text .text-ttl {
	font-size : 28.8px;
	font-size : 1.8rem;
	font-family : 'Noto Serif JP', serif;
	line-height : 1.5;
}
@media screen and (min-width: 768px) {
	.u-concept .concept-inner .concept-text .text-ttl {
		font-size : 3.0rem;
	}
}
.u-concept .concept-inner .concept-text .text-name {
	text-align : right;
	font-size : 19.2px;
	font-size : 1.2rem;
}
@media screen and (min-width: 768px) {
	.u-concept .concept-inner .concept-text .text-name {
		font-size : 1.4rem;
		margin : 20px 80px 0 0;
	}
}
.u-concept .concept-inner .concept-text .text-name span {
	font-size : 27.2px;
	font-size : 1.7rem;
	margin-left : 8px;
	font-family : 'Noto Serif JP', serif;
}
@media screen and (min-width: 768px) {
	.u-concept .concept-inner .concept-text .text-name span {
		margin-left : 15px;
		font-size : 2.4rem;
	}
}
.u-concept .concept-inner .concept-image {
	width : 195px;
	margin : 20px auto 0;
}
@media screen and (min-width: 768px) {
	.u-concept .concept-inner .concept-image {
		position : absolute;
		width : 260px;
		top : 50%;
		right : -165px;
		margin-top : -156px;
	}
}
.u-concept .concept-inner .concept-btn {
	width : 200px;
	margin : 20px auto 0;
}
@media screen and (min-width: 768px) {
	.u-concept .concept-inner .concept-btn {
		position : absolute;
		left : 80px;
		width : 300px;
		margin : 0;
		bottom : -40px;
	}
}
.u-concept .concept-inner .concept-btn .m-btn-common a {
	width : 100%;
}

.u-point {
	background-color : #f1f1f3;
	padding : 40px 15px;
}
@media screen and (min-width: 768px) {
	.u-point {
		padding : 160px 40px 0;
		width : 1000px;
		margin : 0 auto;
		box-sizing : content-box;
		background-color : transparent;
	}
}
.u-point .point-inner {
	text-align : center;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner {
		background-color : #f1f1f3;
		margin : 0 90px;
		padding : 50px 50px 80px;
	}
}
.u-point .point-inner .point-box {
	margin-top : 30px;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner .point-box {
		margin : 0 -130px;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
		margin-top : 55px;
	}
}
.u-point .point-inner .point-box .box-item {
	position : relative;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner .point-box .box-item {
		width : calc(100% / 3);
		width : calc((100% / 3 ) - 0.1px) \0;
		padding : 0 18px;
	}
}
.u-point .point-inner .point-box .box-item:first-child .item-wrap:before {
	background : url(../../images/i_point01.png) center no-repeat;
	top : 29px;
	width : 40px;
	height : 40px;
	background-size : 100% auto;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner .point-box .box-item:first-child .item-wrap:before {
		width : 80px;
		height : 79px;
		top : 58px;
	}
}
.u-point .point-inner .point-box .box-item:nth-child(2) .item-wrap:before {
	background : url(../../images/i_point02.png) center no-repeat;
	top : 30px;
	width : 40px;
	height : 37px;
	background-size : 100% auto;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner .point-box .box-item:nth-child(2) .item-wrap:before {
		width : 80px;
		height : 74px;
		top : 60px;
	}
}
.u-point .point-inner .point-box .box-item:nth-child(3) .item-wrap:before {
	background : url(../../images/i_point03.png) center no-repeat;
	top : 29px;
	width : 34px;
	height : 40px;
	background-size : 100% auto;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner .point-box .box-item:nth-child(3) .item-wrap:before {
		width : 68px;
		height : 80px;
		top : 58px;
	}
}
.u-point .point-inner .point-box .box-item .item-wrap {
	background-color : #fff;
	padding : 85px 15px 30px;
	position : relative;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner .point-box .box-item .item-wrap {
		padding : 170px 15px 55px;
	}
}
.u-point .point-inner .point-box .box-item .item-wrap:before {
	position : absolute;
	content : '';
	left : 0;
	right : 0;
	margin : 0 auto;
}
.u-point .point-inner .point-box .box-item .item-wrap .item-num {
	position : absolute;
	font-style : italic;
	font-weight : 100;
	left : 0;
	right : 0;
	top : 0;
	margin : 0 auto;
	line-height : 1;
	color : #1a78b8;
	top : -10px;
	font-size : 32px;
	font-size : 2.0rem;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner .point-box .box-item .item-wrap .item-num {
		top : -20px;
		font-size : 4.8rem;
	}
}
.u-point .point-inner .point-box .box-item .item-wrap .item-text {
	font-size : 27.2px;
	font-size : 1.7rem;
	line-height : 1.5;
	font-family : 'Noto Serif JP', serif;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner .point-box .box-item .item-wrap .item-text {
		font-size : 2.4rem;
	}
}
.u-point .point-inner .point-box .box-item + .box-item {
	margin-top : 25px;
}
@media screen and (min-width: 768px) {
	.u-point .point-inner .point-box .box-item + .box-item {
		margin-top : 0;
	}
}

.u-scholarship {
	padding : 40px 0;
}
@media screen and (min-width: 768px) {
	.u-scholarship {
		padding-top : 235px;
	}
}
.u-scholarship .scholarship-inner {
	text-align : center;
}
.u-scholarship .scholarship-inner .u-txt-ttl {
	z-index : 1;
}
.u-scholarship .scholarship-inner .scholarship-wrap {
	margin-top : 30px;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap {
		display : -ms-flexbox;
		display : flex;
		margin : -180px auto 0;
		box-sizing : content-box;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box {
	position : relative;
	padding : 15px;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box {
		width : 50%;
		padding : 0;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:before {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 175px;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:before {
		height : 350px;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:first-child:before {
	background : url(../../images/p_scholarship01.jpg) center no-repeat;
	background-size : cover;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:first-child .box-item {
		margin : 220px 20px 0 auto;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:first-child .box-item .item-list {
	border-top : solid 1px #fcc146;
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:first-child .box-item .item-list li a:before {
	background : #fff9ec;
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:nth-child(2):before {
	background : url(../../images/p_scholarship02.jpg) center no-repeat;
	background-size : cover;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:nth-child(2) .box-item {
		margin : 220px auto 0 20px;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:nth-child(2) .box-item .item-list {
	border-top : solid 1px #1a78b8;
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box:nth-child(2) .box-item .item-list li a:before {
	background : #e8f1f8;
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item {
	background-color : #fff;
	margin-top : 85px;
	position : relative;
	z-index : 1;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item {
		width : 480px;
		margin-top : 0;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner {
	padding : 20px 20px 30px;
	text-align : left;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner {
		padding : 40px 40px 60px;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-ttl {
	font-size : 28.8px;
	font-size : 1.8rem;
	font-family : 'Noto Serif JP', serif;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-ttl {
		font-size : 3.6rem;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-ttl span {
	font-family : 'Noto Serif JP', serif;
	font-size : 22.4px;
	font-size : 1.4rem;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-ttl span {
		font-size : 1.8rem;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-text {
	font-size : 19.2px;
	font-size : 1.2rem;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-text {
		font-size : 1.4rem;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list {
	margin-top : 15px;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list {
		margin-top : 35px;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li {
	border-bottom : solid 1px #dededf;
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a {
	display : block;
	padding : 10px 40px 10px 5px;
	position : relative;
	color : #333;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a {
		padding : 15px 80px 15px 10px;
		overflow : hidden;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a .list-text {
	position : relative;
	z-index : 1;
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a .list-arrow {
	width : 20px;
	height : 4px;
	display : block;
	position : absolute;
	right : 10px;
	top : calc( 50% - 2px);
	overflow : hidden;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a .list-arrow {
		width : 40px;
		height : 7px;
		right : 20px;
		top : calc( 50% - 4px);
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a .list-arrow:after {
	position : absolute;
	content : '';
	background : url(../../images/i_scholarship_arrow_sp.png) center no-repeat;
	top : 0;
	right : 0;
	bottom : 0;
	margin : auto 0;
	width : 30px;
	height : 5px;
	background-size : 100% auto;
}
@media screen and (min-width: 768px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a .list-arrow:after {
		background : url(../../images/i_scholarship_arrow.png) center no-repeat;
		width : 40px;
		height : 7px;
	}
}
.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a:before {
	content : '';
	display : inline-block;
	position : absolute;
	top : 0;
	left : 0;
	bottom : 0;
	right : -1px;
	transform-origin : right top;
	transform : scale(0, 1);
	transition : transform 0.3s;
}
@media screen and (min-width: 961px) {
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a:hover, .u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a:focus {
		text-decoration : none;
	}
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a:hover:before, .u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a:focus:before {
		transform-origin : left top;
		transform : scale(1, 1.1);
	}
	.u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a:hover .list-arrow:after, .u-scholarship .scholarship-inner .scholarship-wrap .scholarship-box .box-item .item-inner .item-list li a:focus .list-arrow:after {
		animation : btnBar 1.2s ease 0s infinite normal;
	}
	@keyframes btnBar {
		0% {
			transform : translateX(0);
		}
		40% {
			transform : translateX(100%);
		}
		41% {
			transform : translateX(-100%);
		}
		60% {
			transform : translateX(0);
		}
		100% {
			transform : translateX(0);
		}
	}
}

.u-flow {
	padding : 40px 15px;
	background-color : #f1f1f3;
}
@media screen and (min-width: 768px) {
	.u-flow {
		padding : 160px 40px 40px;
		width : 1000px;
		background-color : transparent;
		margin : 0 auto;
		box-sizing : content-box;
	}
}
.u-flow .flow-inner {
	text-align : center;
	position : relative;
}
@media screen and (min-width: 768px) {
	.u-flow .flow-inner {
		background-color : #f1f1f3;
		margin : 0 90px;
		padding : 50px 50px 80px;
	}
}
.u-flow .flow-inner .flow-box {
	margin-top : 30px;
}
@media screen and (min-width: 768px) {
	.u-flow .flow-inner .flow-box {
		margin : 0 -130px;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
		margin-top : 55px;
	}
}
.u-flow .flow-inner .flow-box .box-item {
	position : relative;
}
@media screen and (min-width: 768px) {
	.u-flow .flow-inner .flow-box .box-item {
		width : calc(100% / 3);
		width : calc((100% / 3 ) - 0.1px) \0;
		padding : 0 18px;
	}
}
.u-flow .flow-inner .flow-box .box-item .item-wrap {
	background-color : #fff;
	padding : 20px;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-pack : center;
	justify-content : center;
	-ms-flex-align : center;
	align-items : center;
	min-height : 100px;
}
@media screen and (min-width: 768px) {
	.u-flow .flow-inner .flow-box .box-item .item-wrap {
		padding : 40px 30px;
		min-height : 198px;
		height : 100%;
	}
}
.u-flow .flow-inner .flow-box .box-item .item-wrap .item-text {
	font-size : 27.2px;
	font-size : 1.7rem;
	line-height : 1.5;
	font-family : 'Noto Serif JP', serif;
}
@media screen and (min-width: 768px) {
	.u-flow .flow-inner .flow-box .box-item .item-wrap .item-text {
		font-size : 2.4rem;
	}
}
.u-flow .flow-inner .flow-box .box-item + .box-item {
	margin-top : 25px;
}
@media screen and (min-width: 768px) {
	.u-flow .flow-inner .flow-box .box-item + .box-item {
		margin-top : 0;
	}
}
.u-flow .flow-inner .flow-box .box-item + .box-item:before {
	position : absolute;
	content : '';
	background : url(../../images/i_flow_arrow.png) center no-repeat;
	right : 0;
	left : 0;
	top : -13px;
	margin : 0 auto;
	background-size : 100% auto;
	width : 40px;
	height : 3px;
	transform : rotate(90deg);
}
@media screen and (min-width: 768px) {
	.u-flow .flow-inner .flow-box .box-item + .box-item:before {
		top : 0;
		bottom : 0;
		margin : auto 0;
		width : 80px;
		height : 6px;
		left : -38px;
		transform : none;
	}
}
.u-flow .flow-inner .flow-btn {
	width : 200px;
	margin : 20px auto 0;
}
@media screen and (min-width: 768px) {
	.u-flow .flow-inner .flow-btn {
		width : 300px;
		position : absolute;
		left : 0;
		right : 0;
		bottom : -40px;
		margin : 0 auto;
	}
}
.u-flow .flow-inner .flow-btn .m-btn-common a {
	width : 100%;
}

.u-news {
	margin-top : 25px;
	padding : 0 15px;
}
@media screen and (min-width: 768px) {
	.u-news {
		width : 1000px;
		margin : 0 auto;
		margin-top : 260px;
		padding : 0 40px 40px;
		box-sizing : content-box;
		background-color : transparent;
	}
}
.u-news .news-inner {
	background-color : #fff;
	padding : 50px 20px;
	text-align : center;
}
@media screen and (min-width: 768px) {
	.u-news .news-inner {
		padding : 65px 60px 100px;
		position : relative;
	}
}
.u-news .news-inner .m-list-news {
	text-align : left;
}
.u-news .news-inner .news-btn {
	width : 200px;
	margin : 30px auto 0;
}
@media screen and (min-width: 768px) {
	.u-news .news-inner .news-btn {
		position : absolute;
		right : 80px;
		width : 300px;
		margin : 0;
		bottom : -40px;
	}
}
.u-news .news-inner .news-btn .m-btn-common > a {
	width : 100%;
}

.u-txt-ttl {
	text-align : center;
	position : relative;
	display : inline-block;
	padding-bottom : 15px;
}
@media screen and (min-width: 768px) {
	.u-txt-ttl {
		padding-bottom : 30px;
	}
}
.u-txt-ttl .ttl-en {
	color : #1a78b8;
}
.u-txt-ttl .ttl-text {
	font-size : 28.8px;
	font-size : 1.8rem;
	line-height : 1.5;
	font-family : 'Noto Serif JP', serif;
}
@media screen and (min-width: 768px) {
	.u-txt-ttl .ttl-text {
		font-size : 3.0rem;
	}
}
.u-txt-ttl:after {
	content : '';
	position : absolute;
	height : 1px;
	width : 20px;
	left : 0;
	bottom : 0;
	right : 0;
	margin : 0 auto;
	background-color : #fcc146;
}
@media screen and (min-width: 768px) {
	.u-txt-ttl:after {
		width : 40px;
	}
}

#l-footer {
	background-color : #f1f1f3;
}
@media screen and (min-width: 768px) {
	#l-footer {
		background-color : #1a78b8;
	}
}