@charset "UTF-8";
/* BLUE
-----------------------*/
/* GRAY
-----------------------*/
/* 明朝
-----------------------*/
html {
	overflow-y: scroll;
}

html.is-loaded {
	overflow: auto;
}

body {
	padding-top: 0;
}

.preload-img {
	display: none;
}

#tpl-wrap {
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
}

.is-loaded #tpl-wrap {
	opacity: 1;
}

/**
*  sec-notice / 重要なお知らせ
* ========================== */
.sec-notice {
	background-color: #ffd648;
	padding: 1.875rem;
	/* margin-top: 60px; */
	position: relative;
	z-index: 1;
}

.sec-notice p{
	line-height: 1.4;
}

.sec-notice__wrapper .label {
	white-space: nowrap;
	font-size: 0.9375rem;
	padding-bottom: 0.9375rem;
}

.sec-notice__wrapper .items {
	padding-top: 1.25rem;
	position: relative;
}

.sec-notice__wrapper .items:before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
}

.sec-notice__wrapper .items .item__wrap .date {
	font-size: 0.8125rem;
	margin-right: 1.25rem;
}

.sec-notice__wrapper .items .item__wrap .title {
	font-size: 0.875rem;
	line-height: 1.4;
	font-feature-settings: "palt";
	letter-spacing: 0.04em;
	margin-top: 0.5rem;
}

.sec-notice__wrapper .items .item__wrap .title .icon-blank {
	display: inline-block;
	top: -0.23rem;
}

.sec-notice__wrapper .items .item__wrap .txt {
	font-size: 0.8125rem;
	margin-top: 0.8em;
}

.sec-notice__wrapper .items .item__wrap:hover {
	text-decoration: none;
}

.sec-notice__wrapper .items .item + .item {
	margin-top: 1.5626rem;
}

.sec-notice__wrapper .items a.item__wrap {
	color: inherit;
}

@media screen and (min-width: 741px) {
	.sec-notice {
		padding: 30px 0;
		padding-left: 5rem;
		/* margin-top: 100px; */
	}
	.sec-notice__wrapper {
		display: flex;
		align-items: center;
	}
	.sec-notice__wrapper .label {
		font-size: 16px;
		padding-right: 30px;
		padding-bottom: 0;
	}
	.sec-notice__wrapper .items {
		padding-top: 0;
		padding-left: 40px;
		position: relative;
	}
	.sec-notice__wrapper .items:before {
		content: "";
		width: 1px;
		height: 100%;
		background-color: #000;
		position: absolute;
		top: 0;
		left: 0;
	}
	.sec-notice__wrapper .items .item__wrap {
		display: flex;
		align-items: flex-start;
	}
	.sec-notice__wrapper .items .item__wrap .date {
		font-size: 14px;
		margin-right: 25px;
	}
	.sec-notice__wrapper .items .item__wrap .title {
		width: 720px;
		font-size: 15px;
		margin-top: -1px;
	}
	.sec-notice__wrapper .items .item__wrap .title .icon-blank {
		top: -4px;
	}
	.sec-notice__wrapper .items .item__wrap .txt {
		font-size: 14px;
	}
	.sec-notice__wrapper .items .item + .item {
		margin-top: 18px;
	}
	.sec-notice__wrapper .items a.item__wrap .date, .sec-notice__wrapper .items a.item__wrap .title {
		-webkit-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}
	.sec-notice__wrapper .items a.item__wrap:hover {
		text-decoration: none;
	}
	.sec-notice__wrapper .items a.item__wrap:hover .date, .sec-notice__wrapper .items a.item__wrap:hover .title {
		color: #025eaf;
	}
}



#tpl-contents {
	/* top-mv
----------------------------------------------------------- */
	/* sec-anchor-link
----------------------------------------------------------- */
	/* sec
----------------------------------------------------------- */
	/* sec-01
----------------------------------------------------------- */
	/* sec-02
----------------------------------------------------------- */
	/* sec-03
----------------------------------------------------------- */
	/* sec-04
----------------------------------------------------------- */
	/* second-link
----------------------------------------------------------- */
	/* sec-news
----------------------------------------------------------- */
}


#tpl-contents .top-mv {
	position: relative;
	height: 900px;
	min-height: 850px;
}

#tpl-contents .top-mv .mv-visual {
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	background-image: url(/asset/gakuen/common/img/mv_bg.jpg);
}

@media screen and (min-width: 741px) {
	#tpl-contents .top-mv {
		height: 900px;
		min-height: 850px;
	}

	#tpl-contents .top-mv .mv-visual {
		min-height: 772px;
	}
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap {
	width: 1100px;
	height: 100%;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	position: relative;
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-slide-txt {
	display: block;
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-slide-txt span {
	display: inline-block;
	opacity: 0;
	transform-origin: left top;
	transform: translate(-30px, 0);
	transition-property: opacity, transform;
	transition-duration: 1.5s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.is-loaded #tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-slide-txt span {
	opacity: 1;
	transform: translate(0, 0);
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt {
	padding: 0 50px 50px;
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .copy {
	color: #004986;
	font-size: 26px;
	line-height: 1.92308;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .copy span {
	display: block;
	opacity: 0;
	transform-origin: left top;
	transform: translate(-30px, 0);
	transition-property: opacity, transform;
	transition-duration: 1.5s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .copy span:nth-child(1) {
	transition-delay: 0s;
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .copy span:nth-child(2) {
	transition-delay: 0.2s;
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .copy span:nth-child(3) {
	transition-delay: 0.4s;
}

.is-loaded #tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .copy span {
	opacity: 1;
	transform: translate(0, 0);
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .founding {
	color: #004986;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.05em;
	margin-bottom: 40px;
	opacity: 0;
	transform-origin: left top;
	transform: translate(-30px, 0);
	transition-property: opacity, transform;
	transition-duration: 1.5s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-delay: 0.7s;
}

.is-loaded #tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .founding {
	opacity: 1;
	transform: translate(0, 0);
}

#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .description {
	font-size: 16px;
	line-height: 2.375;
	letter-spacing: 0.05em;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-delay: 1.5s;
}

.is-loaded #tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .description {
	opacity: 1;
}

#tpl-contents .top-mv .mv-news {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: white;
}

#tpl-contents .top-mv .mv-news .tpl-inner-wrap {
	padding: 20px 80px;
}



#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item {
	display: flex;
	margin-top: 10px;
}

#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item:first-child{
	margin-top: 0;
}

#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item > * {
	padding-bottom: 10px;
	border-bottom: 1px solid #D7D7D7;
}

#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item dt {
	color: #03325E;
	margin-right: 45px;
	border-bottom-color: #03325E;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
}

#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item dd {
	flex: 1;
	line-height: 1.8;
}

#tpl-contents .top-mv .mv-scroll {
	position: absolute;
	z-index:1;
	/* bottom: 75px; */
	bottom: 0px;
	left: -75px;
	transform: rotate(-90deg);
	display: inline-block;
}

#tpl-contents .top-mv .mv-scroll p {
	padding-left: 230px;
	position: relative;
	color: #004986;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1;
}

#tpl-contents .top-mv .mv-scroll p::before {
	content: "";
	display: block;
	width: 200px;
	height: 1px;
	background-color: #03325E;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transform-origin: right center;
	animation-name: scroll-bar;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

@media screen and (max-width: 740px) {
	#tpl-contents .top-mv {
		height: auto !important;
		min-height: initial;
	}
	#tpl-contents .top-mv .mv-visual {
		height: 645px !important;
		background-image: url(/asset/gakuen/common/img/mv_bg_sp.jpg);
	}
	#tpl-contents .top-mv .mv-visual .tpl-inner-wrap {
		width: 100%;
		padding: 0;
	}
	#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt {
		padding: 0 45px 50px;
	}
	#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .copy {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .founding {
		font-size: 10px;
		margin-bottom: 20px;
	}
	#tpl-contents .top-mv .mv-visual .tpl-inner-wrap .mv-txt .description {
		font-size: 10px;
	}
	#tpl-contents .top-mv .mv-visual .mv-copyright {
		display: none;
	}
	#tpl-contents .top-mv .mv-news {
		position: static;
	}
	#tpl-contents .top-mv .mv-news .tpl-inner-wrap {
		padding: 25px 15px 0;
	}
	#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl {
		display: block;
	}
	#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item{
		display: block;
	}
	#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item > * {
		padding-bottom: 0;
		border-bottom: none;
	}
	#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item dt {
		font-size: 15px;
		margin-right: 0;
		margin-bottom: 12px;
	}
	/* #tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item:nth-child(n + 2) dt {
		display:none;
	} */
	#tpl-contents .top-mv .mv-news .tpl-inner-wrap dl .news-item dd {
		font-size: 12px;
		border-bottom: 1px solid #D7D7D7;
		padding-bottom: 15px;
	}
	#tpl-contents .top-mv .mv-scroll {
		/* bottom: 156px; */
		bottom: 60px;
		left: -20px;
	}
	#tpl-contents .top-mv .mv-scroll p {
		padding-left: 58px;
		font-size: 12px;
	}
	#tpl-contents .top-mv .mv-scroll p::before {
		width: 50px;
	}
}

#tpl-contents .sec-anchor-link {
	width: 980px;
	margin: 0 auto;
	padding: 90px 0 20px;
	background-color: white;
}

#tpl-contents .sec-anchor-link ul {
	display: -webkit-inline-flex;
	/* Safari */
	display: inline-flex;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
}

#tpl-contents .sec-anchor-link ul li {
	padding-right: 50px;
}

#tpl-contents .sec-anchor-link ul li a {
	display: block;
	color: inherit;
	position: relative;
	text-decoration: none;
	padding-right: 25px;
}

#tpl-contents .sec-anchor-link ul li a::before, #tpl-contents .sec-anchor-link ul li a::after {
	position: absolute;
	top: 5px;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#tpl-contents .sec-anchor-link ul li a::before {
	width: 7px;
	height: 7px;
	border-top: 1px solid #737373;
	border-right: 1px solid #737373;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

@media screen and (max-width: 740px) {
	#tpl-contents .sec-anchor-link {
		width: auto;
		padding: 70px 15px 20px;
	}
	#tpl-contents .sec-anchor-link ul {
		-webkit-justify-content: flex-start;
		/* Safari */
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
		padding-bottom: 0;
	}
	#tpl-contents .sec-anchor-link ul li {
		padding: 0 35px 0 0;
		margin-bottom: 30px;
	}
	#tpl-contents .sec-anchor-link ul li a {
		padding-right: 20px;
	}
	#tpl-contents .sec-anchor-link ul li a::before, #tpl-contents .sec-anchor-link ul li a::after {
		top: 2px;
	}
}

#tpl-contents .sec {
	background-color: white;
	position: relative;
}

#tpl-contents .sec * {
	box-sizing: border-box;
}

#tpl-contents .sec .sec-inner {
	position: relative;
}

#tpl-contents .sec .sec-inner > * {
	position: absolute;
}

#tpl-contents .sec .sec-inner .fade-el {
	opacity: 0;
	transition-property: opacity, transform;
	transition-duration: 3s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#tpl-contents .sec .sec-inner .fade-el.show {
	opacity: 1;
}

#tpl-contents .sec .sec-inner .sec-ttl {
	z-index: 2;
	top: -6.71429vw;
	left: 12.14286vw;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-ttl {
		top: -94px;
	}
}

#tpl-contents .sec .sec-inner .sec-ttl .ttl-jp {
	font-size: 1.78571vw;
	letter-spacing: 0.1em;
	margin-bottom: 1.42857vw;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-ttl .ttl-jp {
		font-size: 25px;
	}
}

#tpl-contents .sec .sec-inner .sec-ttl .ttl-en {
	font-size: 4.35714vw;
	letter-spacing: 0.05em;
	color: #004986;
	line-height: 1.22951;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-ttl .ttl-en {
		font-size: 61px;
	}
}

#tpl-contents .sec .sec-inner .sec-ttl .slide-txt span {
	display: inline-block;
	text-shadow: rgba(255, 255, 255, 0.5) 3px 3px 10px, rgba(255, 255, 255, 0.5) -3px 3px 10px, rgba(255, 255, 255, 0.5) 3px -3px 10px, rgba(255, 255, 255, 0.5) -3px -3px 10px;
	opacity: 0;
	transform-origin: left top;
	transform: translate(-2.14286vw, 0);
	transition-property: opacity, transform;
	transition-duration: 1.5s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#tpl-contents .sec .sec-inner .sec-ttl .slide-txt span.show {
	opacity: 1;
	transform: translate(0, 0);
}

#tpl-contents .sec .sec-inner .sec-mv {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

#tpl-contents .sec .sec-inner .sec-mv .inner {
	position: relative;
	padding-top: 53.57143vw;
	overflow: hidden;
}

#tpl-contents .sec .sec-inner .sec-mv .inner .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 67.85714vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#tpl-contents .sec .sec-inner .sec-bg {
	background-color: #EBF1F6;
}

#tpl-contents .sec .sec-inner .sec-img {
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	z-index: 2;
}

#tpl-contents .sec .sec-inner .sec-img img {
	width: 100%;
}

#tpl-contents .sec .sec-inner .sec-txt {
	perspective: 3000px;
	perspective-origin: left top;
	z-index: 1;
}

#tpl-contents .sec .sec-inner .sec-txt .copy {
	color: #004986;
	font-size: 2.28571vw;
	line-height: 1.875;
	letter-spacing: 0.075em;
	margin-bottom: 2.85714vw;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-txt .copy {
		font-size: 32px;
	}
}

#tpl-contents .sec .sec-inner .sec-txt .copy span {
	display: block;
	transform-origin: left top;
	transform: rotateX(-20deg) rotateY(-20deg);
}

#tpl-contents .sec .sec-inner .sec-txt .copy span.show {
	transform: rotateX(0) rotateY(0);
}

#tpl-contents .sec .sec-inner .sec-txt .description {
	font-size: 1.14286vw;
	line-height: 2.625;
	letter-spacing: 0.05em;
	margin-bottom: 6.42857vw;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-txt .description {
		font-size: 16px;
	}
}

#tpl-contents .sec .sec-inner .sec-txt .description span {
	display: block;
	transform-origin: left top;
	transform: rotateX(-20deg) rotateY(-20deg);
}

#tpl-contents .sec .sec-inner .sec-txt .description span.show {
	transform: rotateX(0) rotateY(0);
}

#tpl-contents .sec .sec-inner .sec-txt .tpl-btn {
	width: 43.57143vw;
	height: 8.57143vw;
	transition-duration: 1s;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-txt .tpl-btn {
		height: 120px;
	}
}

#tpl-contents .sec .sec-inner .sec-txt .tpl-btn.show {
	transform: translate(0, 0);
}

#tpl-contents .sec .sec-inner .sec-txt .tpl-btn a {
	height: 100%;
}

#tpl-contents .sec .sec-inner .sec-txt .tpl-btn a::before {
	width: 7.14286vw;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-txt .tpl-btn a::before {
		width: 100px;
	}
}

#tpl-contents .sec .sec-inner .sec-txt .tpl-btn a > span {
	font-size: 1.42857vw;
	background-repeat: no-repeat;
	background-position: right 1px center;
	background-image: url(/asset/gakuen/common/img/g__icon_blank_white.png);
	padding: 0 15px;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-txt .tpl-btn a > span {
		font-size: 20px;
	}
}

#tpl-contents .sec .sec-inner .sec-txt .tpl-btn a .only-pc {
	display: inline-block;
	padding: 0;
}

#tpl-contents .sec .sec-inner .sec-txt .tpl-btn .icon-blank {
	display: none;
}

@media screen and (max-width: 740px) {
	#tpl-contents .sec .sec-inner .sec-ttl {
		top: -14vw;
		left: 4vw;
	}
	#tpl-contents .sec .sec-inner .sec-ttl .ttl-jp {
		font-size: 5.06667vw;
		margin-bottom: 2.66667vw;
	}
	#tpl-contents .sec .sec-inner .sec-ttl .ttl-en {
		font-size: 8.53333vw;
	}
	#tpl-contents .sec .sec-inner .sec-mv .inner {
		padding-top: 80vw;
	}
	#tpl-contents .sec .sec-inner .sec-mv .inner .img {
		height: 100%;
	}
	#tpl-contents .sec .sec-inner .sec-txt .copy {
		font-size: 4.26667vw;
		margin-bottom: 5.33333vw;
	}
	#tpl-contents .sec .sec-inner .sec-txt .description {
		font-size: 3.2vw;
		margin-bottom: 12vw;
	}
	#tpl-contents .sec .sec-inner .sec-txt .tpl-btn {
		width: 88vw;
		height: 20vw;
	}
	#tpl-contents .sec .sec-inner .sec-txt .tpl-btn a::before {
		width: 14.66667vw;
	}
	#tpl-contents .sec .sec-inner .sec-txt .tpl-btn a span {
		font-size: 4vw;
	}
	#tpl-contents .sec .sec-inner .sec-txt .tpl-btn a .only-pc {
		display: none;
	}
}

#tpl-contents .sec-01 {
	padding: 12.14286vw 0 0;
}

#tpl-contents .sec-01 .sec-inner {
	height: 114.28571vw;
}

#tpl-contents .sec-01 .sec-inner .sec-mv .inner {
	padding-top: 100vw;
}

#tpl-contents .sec-01 .sec-inner .sec-mv .inner .img {
	background-image: url(/asset/gakuen/common/img/top_sec_01_mv.jpg);
}

#tpl-contents .sec-01 .sec-inner .sec-bg {
	width: 57.14286vw;
	height: 59.5vw;
	top: 53.57143vw;
	left: 22.85714vw;
}

#tpl-contents .sec-01 .sec-inner .sec-img {
	width: 33.57143vw;
	top: 47.85714vw;
	left: 11.42857vw;
}

#tpl-contents .sec-01 .sec-inner .sec-txt {
	top: 64.28571vw;
	padding-left: 56.42857vw;
}

#tpl-contents .sec-01 .sec-inner .sec-txt .tpl-btn {
	transform: translate(2.14286vw, 0);
}

@media screen and (max-width: 740px) {
	#tpl-contents .sec-01 {
		padding: 20vw 0 0;
	}
	#tpl-contents .sec-01 .sec-inner {
		height: 273.33333vw;
	}
	#tpl-contents .sec-01 .sec-inner .sec-mv .img {
		background-image: url(/asset/gakuen/common/img/top_sec_01_mv_sp.jpg);
	}
	#tpl-contents .sec-01 .sec-inner .sec-bg {
		width: 57.2vw;
		height: 110.26667vw;
		top: 74.66667vw;
		left: 25.06667vw;
	}
	#tpl-contents .sec-01 .sec-inner .sec-img {
		width: 53.33333vw;
		top: 82.66667vw;
		left: 8vw;
	}
	#tpl-contents .sec-01 .sec-inner .sec-txt {
		top: 165.33333vw;
		padding-left: 12vw;
	}
	#tpl-contents .sec-01 .sec-inner .sec-txt .tpl-btn {
		transform: translate(4vw, 0);
	}
}

#tpl-contents .sec-02 {
	padding: 16.42857vw 0 0;
}

#tpl-contents .sec-02 .sec-inner {
	height: 114.28571vw;
}

#tpl-contents .sec-02 .sec-inner .sec-mv .img {
	background-image: url(/asset/gakuen/common/img/top_sec_02_mv.jpg);
}

#tpl-contents .sec-02 .sec-inner .sec-bg {
	width: 128.57143vw;
	height: 58.85714vw;
	top: 47.85714vw;
	left: -90.71429vw;
}

#tpl-contents .sec-02 .sec-inner .sec-img {
	width: 47.14286vw;
	top: 63.57143vw;
	left: 52.85714vw;
}

#tpl-contents .sec-02 .sec-inner .sec-txt {
	top: 62.14286vw;
}

#tpl-contents .sec-02 .sec-inner .sec-txt .copy, #tpl-contents .sec-02 .sec-inner .sec-txt .description {
	padding-left: 12.14286vw;
}

#tpl-contents .sec-02 .sec-inner .sec-txt .tpl-btn {
	transform: translate(-2.14286vw, 0);
}

@media screen and (max-width: 740px) {
	#tpl-contents .sec-02 {
		padding: 30.66667vw 0 0;
	}
	#tpl-contents .sec-02 .sec-inner {
		height: 246.66667vw;
	}
	#tpl-contents .sec-02 .sec-inner .sec-mv .img {
		background-image: url(/asset/gakuen/common/img/top_sec_02_mv_sp.jpg);
	}
	#tpl-contents .sec-02 .sec-inner .sec-bg {
		width: 64.53333vw;
		height: 73.33333vw;
		top: 80vw;
		left: 0vw;
	}
	#tpl-contents .sec-02 .sec-inner .sec-img {
		width: 70.66667vw;
		top: 89.33333vw;
		left: 29.33333vw;
	}
	#tpl-contents .sec-02 .sec-inner .sec-txt {
		top: 145.33333vw;
	}
	#tpl-contents .sec-02 .sec-inner .sec-txt .copy, #tpl-contents .sec-02 .sec-inner .sec-txt .description {
		padding-left: 4vw;
	}
	#tpl-contents .sec-02 .sec-inner .sec-txt .tpl-btn {
		transform: translate(-4vw, 0);
	}
}

#tpl-contents .sec-03 {
	padding: 16.42857vw 0 0;
}

#tpl-contents .sec-03 .sec-inner {
	height: 107.14286vw;
}

#tpl-contents .sec-03 .sec-inner .sec-mv .img {
	background-image: url(/asset/gakuen/common/img/top_sec_03_mv.jpg);
}

#tpl-contents .sec-03 .sec-inner .sec-bg {
	width: 128.57143vw;
	height: 51.14286vw;
	top: 45.71429vw;
	left: 75vw;
}

#tpl-contents .sec-03 .sec-inner .sec-img {
	width: 45vw;
	top: 42.85714vw;
	left: 0vw;
}

#tpl-contents .sec-03 .sec-inner .sec-txt {
	top: 62.14286vw;
	padding-left: 56.42857vw;
}

#tpl-contents .sec-03 .sec-inner .sec-txt .tpl-btn {
	transform: translate(2.14286vw, 0);
}

@media screen and (max-width: 740px) {
	#tpl-contents .sec-03 {
		padding: 30.66667vw 0 0;
	}
	#tpl-contents .sec-03 .sec-inner {
		height: 213.33333vw;
	}
	#tpl-contents .sec-03 .sec-inner .sec-mv .img {
		background-image: url(/asset/gakuen/common/img/top_sec_03_mv_sp.jpg);
	}
	#tpl-contents .sec-03 .sec-inner .sec-bg {
		width: 64.4vw;
		height: 81.2vw;
		top: 57.33333vw;
		left: 35.46667vw;
	}
	#tpl-contents .sec-03 .sec-inner .sec-img {
		width: 61.33333vw;
		top: 66.66667vw;
		left: 0vw;
	}
	#tpl-contents .sec-03 .sec-inner .sec-txt {
		top: 130vw;
		padding-left: 12vw;
	}
	#tpl-contents .sec-03 .sec-inner .sec-txt .tpl-btn {
		transform: translate(4vw, 0);
	}
}

#tpl-contents .sec-04 {
	padding: 12.85714vw 0 0;
}

#tpl-contents .sec-04 .sec-inner {
	height: 112.85714vw;
}

#tpl-contents .sec-04 .sec-inner .sec-mv .img {
	background-image: url(/asset/gakuen/common/img/top_sec_04_mv.jpg);
}

#tpl-contents .sec-04 .sec-inner .sec-bg {
	width: 57.14286vw;
	height: 59.14286vw;
	top: 53.57143vw;
	left: 21.42857vw;
}

#tpl-contents .sec-04 .sec-inner .sec-img {
	width: 35vw;
	top: 62.14286vw;
	left: 57.14286vw;
}

#tpl-contents .sec-04 .sec-inner .sec-txt {
	top: 62.14286vw;
}

#tpl-contents .sec-04 .sec-inner .sec-txt .copy, #tpl-contents .sec-04 .sec-inner .sec-txt .description {
	padding-left: 12.14286vw;
}

#tpl-contents .sec-04 .sec-inner .sec-txt .tpl-btn {
	transform: translate(-2.14286vw, 0);
}

@media screen and (max-width: 740px) {
	#tpl-contents .sec-04 {
		padding: 30.66667vw 0 0;
	}
	#tpl-contents .sec-04 .sec-inner {
		height: 253.33333vw;
	}
	#tpl-contents .sec-04 .sec-inner .sec-mv .img {
		background-image: url(/asset/gakuen/common/img/top_sec_04_mv_sp.jpg);
	}
	#tpl-contents .sec-04 .sec-inner .sec-bg {
		width: 57.33333vw;
		height: 121.73333vw;
		top: 54vw;
		left: 14.66667vw;
	}
	#tpl-contents .sec-04 .sec-inner .sec-img {
		width: 50.66667vw;
		top: 89.33333vw;
		left: 37.33333vw;
	}
	#tpl-contents .sec-04 .sec-inner .sec-txt {
		top: 160vw;
	}
	#tpl-contents .sec-04 .sec-inner .sec-txt .copy, #tpl-contents .sec-04 .sec-inner .sec-txt .description {
		padding-left: 4vw;
	}
	#tpl-contents .sec-04 .sec-inner .sec-txt .tpl-btn {
		transform: translate(-4vw, 0);
	}
}

#tpl-contents .second-link {
	padding-top: 180px;
	height: 555px;
}

#tpl-contents .second-link .inner {
	position: relative;
}

#tpl-contents .second-link .inner .bg {
	width: 4000px;
	height: 434px;
	background-color: #EBF1F6;
	position: absolute;
	top: 120px;
	left: 5.71429vw;
}

#tpl-contents .second-link .inner .link {
	position: relative;
	width: 1100px;
	margin: auto;
	padding: 0 20px;
}

#tpl-contents .second-link .inner .link ul {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
}

#tpl-contents .second-link .inner .link ul li {
	margin-right: 80px;
	width: 300px;
	position: relative;
	opacity: 0;
	transform: translateX(-40px);
	transition-property: opacity, transform;
	transition-duration: 3s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#tpl-contents .second-link .inner .link ul li:nth-child(1) {
	transition-delay: 0s;
}

#tpl-contents .second-link .inner .link ul li:nth-child(2) {
	transition-delay: 0.2s;
}

#tpl-contents .second-link .inner .link ul li:nth-child(3) {
	transition-delay: 0.4s;
	margin-right: 0;
}

#tpl-contents .second-link .inner .link ul li .img {
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

#tpl-contents .second-link .inner .link ul li .tpl-btn {
	width: 260px;
	position: absolute;
	left: 0;
	bottom: -35px;
}

#tpl-contents .second-link .inner .link.show ul li {
	opacity: 1;
	transform: translateX(0);
}

@media screen and (max-width: 740px) {
	#tpl-contents .second-link {
		padding-top: 90px;
		height: auto;
	}
	#tpl-contents .second-link .inner {
		background-color: #EBF1F6;
		padding: 70px 0;
	}
	#tpl-contents .second-link .inner .bg {
		display: none;
	}
	#tpl-contents .second-link .inner .link {
		width: auto;
		padding: 0;
	}
	#tpl-contents .second-link .inner .link ul {
		display: block;
		margin-bottom: -45px;
	}
	#tpl-contents .second-link .inner .link ul li {
		margin-right: 0;
		margin: 0 auto 85px !important;
		width: 230px;
		transform: translateX(0);
	}
	#tpl-contents .second-link .inner .link ul li .img {
		box-shadow: none;
	}
	#tpl-contents .second-link .inner .link ul li .tpl-btn {
		width: 205px;
	}
}

#tpl-contents .sec-news {
	width: 1100px;
	min-height: 70px;
	margin: auto;
	padding: 120px 0 160px;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#tpl-contents .sec-news.show {
	opacity: 1;
}

#tpl-contents .sec-news .ttl {
	min-width: 60px;
	border-bottom: 1px solid #03325E;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	margin-right: 50px;
}

#tpl-contents .sec-news .ttl h2 {
	color: #004986;
}

#tpl-contents .sec-news .news {
	flex: 1;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	border-bottom: 1px solid #D7D7D7;
	padding: 20px 0;
}

#tpl-contents .sec-news .news .date {
	color: #787878;
	margin-right: 20px;
}

#tpl-contents .sec-news .news .category {
	color: #004986;
	font-size: 13px;
	background-color: #EBF1F6;
	padding: 0 10px;
	border-radius: 13px;
	margin-right: 20px;
	min-width: 75px;
	box-sizing: border-box;
	text-align: center;
}

#tpl-contents .sec-news .btn {
	width: 150px;
	margin-left: 50px;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
}

#tpl-contents .sec-news .btn .tpl-btn a::before {
	display: none;
}

@media screen and (max-width: 740px) {
	#tpl-contents .sec-news {
		width: auto;
		min-height: initial;
		padding: 70px 15px;
		display: block;
		text-align: center;
	}
	#tpl-contents .sec-news .ttl {
		min-width: initial;
		padding-bottom: 25px;
		display: inline-block;
		margin-right: 0;
		margin-bottom: 45px;
	}
	#tpl-contents .sec-news .ttl h2 {
		font-size: 17px;
	}
	#tpl-contents .sec-news .news {
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
		padding: 0 0 15px;
		margin-bottom: 50px;
	}
	#tpl-contents .sec-news .news .date {
		margin-right: 15px;
		font-size: 11px;
	}
	#tpl-contents .sec-news .news .category {
		font-size: 10px;
		padding: 0 5px;
		border-radius: 19px;
		margin-right: 0;
		min-width: initial;
	}
	#tpl-contents .sec-news .news .txt {
		padding-top: 10px;
		text-align: left;
		font-size: 12px;
	}
	#tpl-contents .sec-news .btn {
		width: 150px;
		margin-left: 0;
		margin: auto;
	}
	#tpl-contents .sec-news .btn .tpl-btn a {
		height: 55px;
	}
}