/* CSS Document */

.top_mainpic{
	background-image:url(../images/top/top-mainpic.jpg);
	padding-top:745px;
	background-position: center top 100px;
	background-color:#AEE3E7;
}
@media screen and (max-width: 999px) {
	.top_mainpic{
		background-image:url(../images/top/top-mainpic-sp.jpg);
		padding-top:980px;
		/* background-position: center bottom; */
		background-position: center top;
		background-attachment:scroll;
	}
}

/* -------------------------------------------------- */

.arrow_scroll{
	min-height:220px;
	padding:40px 0;
}
.arrow_scroll > div{line-height:100%;}
.arrow_scroll img{
	width:9px;
	margin-top:12px;
	margin-left:8px;
}
@media screen and (max-width: 999px) {
	.arrow_scroll > div{font-size: 145%;}
}

/* -------------------------------------------------- */

.top_catch_btn{
	margin:50px;
	margin-bottom:135px;
	height:325px;
	position:relative;
}
.top_catch_btn a{
	display:block;
	width:325px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
}
.top_catch_btn a:nth-child(1){left:-825px;}
.top_catch_btn a:nth-child(2){left:-275px;}
.top_catch_btn a:nth-child(3){left:275px;}
.top_catch_btn a:nth-child(4){left:825px;}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
	.top_catch_btn{height:25vw;}
	.top_catch_btn a{width:25vw;}
	.top_catch_btn a:nth-child(1){left:-63.46153846vw;}
	.top_catch_btn a:nth-child(2){left:-21.15384615vw;}
	.top_catch_btn a:nth-child(3){left:21.15384615vw;}
	.top_catch_btn a:nth-child(4){left:63.46153846vw;}
}
@media screen and (max-width: 999px) {
	.top_catch_btn{height:650px;}
	.top_catch_btn a:nth-child(1){left:-300px; top:0;}
	.top_catch_btn a:nth-child(2){left:300px; top:0;}
	.top_catch_btn a:nth-child(3){left:-300px; top:auto; bottom:0;}
	.top_catch_btn a:nth-child(4){left:300px; top:auto; bottom:0;}
}

/* -------------------------------------------------- */

.top_merit{}
.top_merit .m_box{}
.top_merit .m_box:nth-child(2n+1){
	background-color:#ACE2EE;
	background-image:url(../images/top/bg-merit.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: auto 100%;
}
.top_merit .m_box,
.top_merit .m_box .photo{height:500px;}
.top_merit .m_box .photo{
	float:right;
	width:50%;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:cover;
}
.top_merit .m_box:nth-of-type(1) .photo{background-image:url(../images/top/p-merit1.png);}
.top_merit .m_box:nth-of-type(2) .photo{background-image:url(../images/top/p-merit2.png);}
.top_merit .m_box:nth-of-type(3) .photo{background-image:url(../images/top/p-merit3.png);}
.top_merit .m_box:nth-of-type(2n+2) .photo{
	float:left;
	background-position:right center;
}
.top_merit .m_box .text{
	float:left;
	width:50%;
}
.top_merit .m_box:nth-of-type(2n+2) .text{float:right;}
.top_merit .m_box .text > div{max-width:620px;}
.top_merit .m_box:nth-of-type(2n+1) .text > div{margin-left:auto;	margin-right:0;}
.top_merit .m_box:nth-of-type(2n+2) .text > div{margin-left:0;	margin-right:auto;}
.top_merit .m_box .text .num{
	font-style:italic;
	color:#FFF;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	margin:auto;
	font-size:100%;
	line-height:100%;
	font-weight:bold;
}
.top_merit .m_box .text h3{
	padding-top:130px;
	position:relative;
	z-index:3;
	text-align:left;
	font-style:italic;
	font-size:350%;
	line-height:110%;
}
.top_merit .m_box .text .t2{
	position:relative;
	z-index:3;
	text-align:left;
	font-size:145%;
	line-height:200%;
	padding-top:0.5em;
}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
	.top_merit .m_box,
	.top_merit .m_box .photo{
		height:38.46153846vw;
	}
	.top_merit .m_box .text{
		font-size:1.230769231vw;
	}
	.top_merit .m_box .text > div{max-width:47.69230769vw;}
}
@media screen and (max-width: 999px) {
	.top_merit .m_box{height:auto;}
	.top_merit .m_box .photo{height:500px;}
	.top_merit .m_box:nth-child(2n+1){
		background-image:url(../images/top/bg-merit-sp.png);
	}
	.top_merit .m_box .photo,
	.top_merit .m_box .text{
		float:none;
		width:100%;
	}
	.top_merit .m_box:nth-of-type(1) .photo{background-image:url(../images/top/p-merit1-sp.jpg);}
	.top_merit .m_box:nth-of-type(2) .photo{background-image:url(../images/top/p-merit2-sp.jpg);}
	.top_merit .m_box:nth-of-type(3) .photo{background-image:url(../images/top/p-merit3-sp.jpg);}
	.top_merit .m_box .text > div{max-width:none; padding:0 50px;}
	.top_merit .m_box:nth-of-type(2n+1) .text > div,
	.top_merit .m_box:nth-of-type(2n+2) .text > div{margin-left:auto;	margin-right:auto;}
	.top_merit .m_box .text .num{
		top:auto;
		bottom:105%;
		left:auto;
		right:30px;
		font-size:75%;
	}
	.top_merit .m_box .text h3{
		padding-top:75px;
		font-style:normal;
	}
	.top_merit .m_box .text .t2{
		padding-bottom:80px;
	}
}


.top_title_nichijou{
	padding-top:135px;
	padding-bottom:105px;
}

.top_gakushuu{
	background-image:url(../images/top/bg-gakushuu2.png),url(../images/top/bg-gakushuu.png);
	background-position:right 10% bottom 90px,center top;
	background-repeat:no-repeat,repeat;
	padding-top:50px;
}
@media screen and (max-width: 999px) {
	.top_gakushuu{
		background-position:right 2% bottom 350px,center top;
	}
}

/* -------------------------------------------------- */

.top_course{}
.top_course h2.title{margin-bottom:0.5em;}
.top_course .c_box .photo,
.top_course .c_box .photo > div,
.top_course .c_box .text,
.top_course .c_box .text > div{height:300px;}
.top_course .c_box .photo{
	float:left;
	width:50%;
	background-position:right 0 top 10%;
	background-repeat:no-repeat;
	background-size:cover;
}
.top_course .c_box:nth-of-type(1) .photo{background-image:url(../images/photo/course1.jpg);}
.top_course .c_box:nth-of-type(2) .photo{background-image:url(../images/photo/course2.jpg);}
.top_course .c_box:nth-of-type(3) .photo{background-image:url(../images/photo/course3.jpg);}
.top_course .c_box:nth-of-type(4) .photo{background-image:url(../images/photo/course4.jpg);}
.top_course .c_box:nth-of-type(1) .photo > div{background-color:rgba(0,148,217,0.15);}
.top_course .c_box:nth-of-type(2) .photo > div{background-color:rgba(171,124,11,0.15);}
.top_course .c_box:nth-of-type(3) .photo > div{background-color:rgba(57,157,38,0.15);}
.top_course .c_box:nth-of-type(4) .photo > div{background-color:rgba(226,47,0,0.15);}
.top_course .c_box:nth-of-type(2n+2) .photo{
	float:right;
	background-position:left 0 top 10%;
}
.top_course .c_box .text{
	float:right;
	width:50%;
}
.top_course .c_box:nth-of-type(2n+2) .text{float:left;}
.top_course .c_box .text > div{max-width:600px;}
.top_course .c_box:nth-of-type(2n+1) .text > div{margin-left:0;	margin-right:auto;}
.top_course .c_box:nth-of-type(2n+2) .text > div{margin-left:auto;	margin-right:0;}
.top_course .c_box .text h3{
	padding-top:60px;
	font-size:180%;
	line-height:125%;
	padding-bottom:0.5em;
}
.top_course .c_box .text h3 span{
	font-size:240%;
	line-height:125%;
}
.top_course .c_box .text .btn_oval{
	background-color:#FFF;
	border:solid 2px #FFF;
	font-size:120%;
	font-weight:bold;
	padding: 0.75em 1.5em;
}
.top_course .c_box .text .btn_oval:hover{
	background-color:transparent;
	color:#FFF!important;
}
@media screen and (max-width: 999px) {
	.top_course .c_box .photo{background-position:center top 10% !important;}
	.top_course .c_box .photo,
	.top_course .c_box .photo > div {height:372px;}
	.top_course .c_box .photo,
	.top_course .c_box .text{
		float:none;
		width:100%;
	}
	.top_course .c_box .text,
	.top_course .c_box .text > div{height:auto; padding-bottom:1em;}
	.top_course .c_box .text{font-size:130%;}
	.top_course .c_box .text > div{max-width:none;}
	.top_course .c_box:nth-of-type(2n+1) .text > div,
	.top_course .c_box:nth-of-type(2n+2) .text > div{margin-left:auto;	margin-right:auto;}
	.top_course .c_box .text .btn_oval{font-size:200%;}
}