/* CSS Document */

/*
.course1:青系統
.course2:黄色系統
.course3:緑系統
.course4:赤系統
*/

.mainpic,
.mainpic h2{height:480px;}
.mainpic{
	background-attachment:fixed;
	background-position:left 100% top 100px;
	background-repeat:no-repeat;
	background-size:auto 480px;
}
.mainpic img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}
.course1 .mainpic{background-image:url(../images/photo/course1.jpg);}
.course2 .mainpic{background-image:url(../images/photo/course2.jpg);}
.course3 .mainpic{background-image:url(../images/photo/course3.jpg);}
.course4 .mainpic{background-image:url(../images/photo/course4.jpg);}
@media screen and (min-width: 1000px) {
	.mainpic .bg_title{
		height:480px;
		background-image:url(../images/course/bg-mainpic-title.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
}
@media screen and (max-width: 999px) {
	.mainpic{
		background-attachment:scroll;
		background-position:center top 340px;
		background-size:100% auto;
	}
	.mainpic{height:auto;}
	.mainpic h2{height:340px; background-color:#FFF;}
	.mainpic img{right:0;}
	.mainpic .color{height:250px;}
	.course1 .mainpic .color{background-color:rgba(0,148,217,0.15);}
	.course2 .mainpic .color{background-color:rgba(171,124,11,0.15);}
	.course3 .mainpic .color{background-color:rgba(57,157,38,0.15);}
	.course4 .mainpic .color{background-color:rgba(226,47,0,0.15);}
}

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

.course_bg{
	background-position:center top;
	background-repeat:repeat;
}
.course1 .course_bg{background-color:#2294d9;background-image:url(../images/course/01/bg-course.png);}
.course2 .course_bg{background-color:#ab7c09;background-image:url(../images/course/02/bg-course.png);}
.course3 .course_bg{background-color:#6dad19;background-image:url(../images/course/03/bg-course.png);}
.course4 .course_bg{background-color:#e22f00;background-image:url(../images/course/04/bg-course.png);}

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

.course_osusume{
	position:relative;
	height:388px;
	z-index:2;
}
.course_osusume .c_fuki{
	position:absolute;
	top:-75px;
	left:0;
	margin:auto;
	width:646px;
}
.course_osusume .text{
	position:absolute;
	top:175px;
	left:0;
	margin:auto;
}
.course_osusume .p_box{
	position:absolute;
	bottom:0;
	right:0;
	margin:auto;
	width:500px;
	height:358px;
	overflow:hidden;
}
.course_osusume .p_box img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
}
@media screen and (max-width: 999px) {
	.course_osusume{height:570px;}
	.course_osusume .c_fuki{
		top:-32px;
		right:0;
		width:650px;
	}
	.course_osusume .text{
		top:220px;
		right:0;
	}
	.course_osusume .p_box{
		left:0;
		width:auto;
		height:200px;
	}
}

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

.con_paper{
	background-image:url(../images/course/bg-manabi.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:91vw;
	max-width:1209px;
	min-height:838px;
	padding:60px 75px 0;
	margin:-5px -16px 0px -9px;
	position:relative;
	z-index:10;
}
.set .con_paper:nth-child(n+2){
	margin-top:1.5em;
}
.con_paper table{
	width:100%;
}
.con_paper table td{
	vertical-align:top;
	text-align:left;
}
.con_paper .title .t1{
	width:330px;
	font-size:150%;
	line-height:100%;
}
.con_paper > .title .t1 h2.title{font-size: 100%;}
.con_paper .title .t2{
	vertical-align:bottom;
	font-size:350%;
	line-height:100%;
	font-weight:bold;
}
.con_paper .title .fuki{width:285px;}
.con_paper .border{
	height:12px;
	margin-top:44px;
	margin-bottom:16px;
}
.course1 .con_paper .border{background-image:url(../images/course/01/border.png);}
.course2 .con_paper .border{background-image:url(../images/course/02/border.png);}
.course3 .con_paper .border{background-image:url(../images/course/03/border.png);}
.course4 .con_paper .border{background-image:url(../images/course/04/border.png);}

.con_paper .note{
	background-image:url(../images/top/bg-gakushuu.png);
	background-position:center top 35px;
	background-repeat:repeat;
	background-size:auto;
}
.con_paper .text1 .text{
	width:560px;
	font-size:135%;
	line-height:200%;
	font-weight:bold;
}
.con_paper .text1 .photo{
	width:500px;
	padding-top:8px;
}
.con_paper .text1 .photo img{width:100%;}
.con_paper .text2 .text h3{
	font-size:210%;
	line-height:100%;
}
.con_paper .text2 .text > div{
	font-size:155%;
	line-height:200%;
	font-weight:bold;
	margin-top:10px;
}
.con_paper .under_pad{height:60px;}
.con_paper .under_photo{
	position:absolute;
	bottom:8px;
	left:0;
	width:100%;
}
.con_paper .under_photo img{
	position:absolute;
	bottom:0;
	left:0;
	margin:auto;
}
@media screen and (min-width: 1000px) {
	.con_paper > .title .t1 h2.title .dot{display:none;}
	.con_paper .note{
		margin-left:-21px;
		padding-left:21px;
	}
	.con_paper .text1 .text{padding-right:1em;}
	.con_paper .text2{
		margin-top:65px;
		min-height:240px;
	}
	.con_paper .text2 .text{padding-left:280px;}
	.con_paper .under_photo{
		margin-left:40px;
		width:300px;
		height:300px;
		overflow:hidden;
	}
	.con_paper .under_photo img{
		width:auto !important;
		height:90%;
		max-width: none;
	}
	.con_paper .under_photo.Wover img{right:0; left:auto;}
}
@media screen and (max-width: 999px) {
	.con_paper{
		background-image:url(../images/course/bg-manabi-sp.png);
		padding:50px 55px;
	}
	.con_paper table td{width:100%!important;}
	.con_paper .title .t1,
	.con_paper .title .t2{text-align:center;}
	.con_paper .title .fuki{
		width:340px;
		margin:auto;
		margin-bottom:10px;
	}
	.con_paper > .title .t1 h2.title{font-size:133%;}
	.con_paper > .title .t1 h2.title .dot{font-size:150%;}
	.con_paper .title .t2 {
		font-size:300%;
    line-height: 125%;
		padding-top:10px;
	}
	.con_paper .border{
		margin-top:22px;
		margin-bottom:16px;
	}
	.con_paper .note{padding-bottom:260px;}
	.con_paper .text1 .photo{padding-top:25px;}
	.con_paper .text2{margin-top:65px;}
	.con_paper .text2 .text h3{text-align:center;}
	.con_paper .under_photo{bottom:6px;}
	.con_paper .under_photo img{right:0;}
}

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

h2.title.col_FFF{font-size:350%;}
@media screen and (max-width: 999px) {
	h2.title.col_FFF{font-size:320%;}
}
.con_photoset{margin-top:1em;}
.con_photoset td h3{margin-top: 2em;}

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

.con_message{
	position:relative;
	padding-bottom:100px;
	margin-top:1em;
}
.con_message .msgbox{
	position:relative;
	background-color:#FFF;
	padding:50px;
	border:solid 4px #333;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.con_message .msgbox > div:nth-child(1){
	font-size:160%;
	line-height:175%;
	font-weight:bold;
}
.con_message .msgbox > div:nth-child(2){
	font-size:150%;
	line-height:175%;
	font-weight:bold;
	margin-top: 1em;
}
.con_message .msgbox .arrow{
	position:absolute;
	bottom:240px;
	right:-90px;
	width:122px;
	margin:auto;
	z-index:9;
}
.con_message .photo_sp{margin-top:0.5em;}
.con_message .photo_sp,
.con_message .photo_sp img{
	width:100%;
}
.con_message .photo_sp tr td{
	vertical-align:middle;
	text-align:left;
}
.con_message .photo_sp tr td:nth-child(1) > *{font-weight:bold;line-height:150%;}
.con_message .photo_sp .t1{font-size:140%;}
.con_message .photo_sp .t2{font-size:120%;}
.con_message .photo_sp .t3{font-size:170%;}
.con_message .photo_sp tr td:nth-child(2){width:230px;}
.con_message .photo_sp img{
	border:solid 2px #333;
	background-position:center top 20px;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.course1 .con_message .photo_sp img{border-color:#0096D5;background-position:right 10px top 20px;}
.course2 .con_message .photo_sp img{border-color:#AD7B23;background-position:right 10px top 20px;}
.course3 .con_message .photo_sp img{border-color:#6DAB34;background-position:right -10px top 20px;}
.course4 .con_message .photo_sp img{border-color:#E52D0E;}
@media screen and (min-width: 1000px) {
	.con_message .msgbox{
		float:left;
		width:66%;
		min-height:610px;
	}
	.con_message .photo{
		position:absolute;
		bottom:-10px;
		right:0;
		width:33%;
		height:570px;
		overflow:hidden;
	}
	.con_message .photo img{
		position:absolute;
		top:0px;
		left:0;
		right:0;
		margin:auto;
	}
}
@media screen and (max-width: 999px) {
	.con_message{padding-bottom:25px;}
	.con_message .msgbox{padding:40px;}
}

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

.con_course{
	background-image:url(../images/course/bg-shinro.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:91vw;
	max-width:1209px;
	min-height:438px;
	padding:35px 40px;
	margin:-5px -16px 0px -9px;
	position:relative;
	z-index:10;
}
.con_course .note{
	background-image:url(../images/top/bg-gakushuu.png);
	background-position:center top;
	background-repeat:repeat;
	background-size:auto;
	padding:1em 0;
}
.con_course table{width:100%;}
.con_course table tr > *{
	vertical-align:top;
	text-align:left;
}
.con_course table tr:nth-child(n+2) > *{padding-top:28px;}
.con_course table th{width: 218px;}
.con_course table th img{width:100%;}
.con_course table td{
	padding-left:1.5em;
	font-size:170%;
	line-height:150%;
	font-weight:bold;
}
.con_course table td span{display:inline-block;}
@media screen and (max-width: 999px) {
	.con_course{
		background-image:url(../images/course/bg-shinro-sp.png);
		margin:-5px -16px 0px -9px;
	}
	.con_course table td{
		padding-left:0;
		padding-top:0.5em!important;
	}
	.con_course table tr:nth-child(n+2) > th{padding-top:2em!important;}
}