@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2016年1月14日 */
/* last updated:2016年1月14日 */
/* -------------------------------------------------- */

/* ----------------------------
	001-01.mainImage
----------------------------- */
#mainImage {
	width:100%;
	height:440px;
	margin:0 auto;
	position:relative;
	clear:both;
	z-index:1;
	overflow:hidden;
}
#mainImage .slide {
	width:100%;
	height:440px;
	background-size:cover;
}
@media only screen and (min-width: 641px){
	#mainImage .slide {
		width:980px;
	}
	.slide_all {
		width:980px;
		margin:0 auto;
		height:440px;
		position:relative;
	}
	.slide_wrap {
		width:2940px;
		position:absolute;
		left:50%;
		margin-left:-1470px;
	}
}
.slide_body {
	width: 100%;
}
#mainImage .box {
	background:hsla(0,0%,100%,0.85);
	position:absolute;
	bottom:0px;
	padding:10px;
}
#mainImage .box .ttl {
	font-size:143%;
	min-height:40px;
	text-align:left;
	letter-spacing:0;
	font-weight:700;
	margin-bottom:10px;
	padding-left:40px;
	padding-top:10px;
}
#mainImage .box p {
	line-height:1.6;
	text-align:left;
	padding:0 5px;
	clear:both;
}
#mainImage .box .btn a ,
#mainImage .box .ttl i {
	background:#00AF3A;
}
#mainImage .box.school .btn a ,
#mainImage .box.school .ttl i {
	background:#6AC1B8;
}
#mainImage .box.qualification .btn a ,
#mainImage .box.qualification .ttl i {
	background:#FFB902;
}
#mainImage .box.senior .btn a ,
#mainImage .box.senior .ttl i {
	background:#FC9C9F;
}
#mainImage .box.event .btn a ,
#mainImage .box.event .ttl i {
	background:#FF8303;
}
#mainImage .box .btn a {
	text-align:center;
	line-height:34px;
	margin:0 auto;
	display:block;
}
#mainImage .box .btn a i {
	color:#fff;
	font-size:79%;
}
#mainImage .box .btn a:hover {
	color:#fff;
}
@media only screen and (min-width: 641px){
	#mainImage .box {
		width:390px;
		text-align:center;
		right:50px;
		bottom:40px;
		z-index:99;
		padding:15px 20px;
		background:#FF7F00 /9;
		background:hsla(0,0%,100%,0.85);
	}
	#mainImage .box .ttl {
		font-size:186%;
		min-height:67px;
		letter-spacing:0;
		padding-left:75px;
		padding-top:15px;
	}
	#mainImage .box .ttl i {
		width:67px;
		height:67px;
		font-size:175%;
		color:#fff;
		line-height:67px;
		text-align:center;
		letter-spacing:0;
		border-radius:50%;
		display:block;
		position:absolute;
		left:15px;
		top:15px;	
	}
	#mainImage .box .btn {
		padding-top:20px;
	}
	#mainImage .box .btn a {
		width:300px;
	}
}
@media only screen and (max-width: 640px){
	#mainImage .glide__arrows .glide__arrow {
		display:none;
	}
	#mainImage .box .ttl i {
		width:40px;
		height:40px;
		font-size:130%;
		color:#fff;
		line-height:40px;
		text-align:center;
		letter-spacing:0;
		border-radius:50%;
		display:block;
		position:absolute;
		left:5px;
		top:15px;	
	}
	#mainImage .box p {
		font-size:86%;
	}
	#mainImage .box .btn {
		padding:5px 0 20px;
	}
	#mainImage .box .btn a {
		line-height:28px;
		border-radius:14px;
	}
}


/* ----------------------------
	001-02.conceptArea
----------------------------- */
#conceptArea {
	background:url(../../images/index/bg_school.png);
	background-size:cover;
	padding:45px 0;
}
#conceptArea .box {
	color:#fff;
	text-align:center;
	background:hsla(30,100%,51%,0.80);
	margin:0 15px;
	padding:15px;
}
#conceptArea .box > i {
	font-size:450%;
	line-height:1;
}
#conceptArea .box .catch p {
	font-size:129%;
	line-height:1.4;
	text-align:center;
	padding:10px 0 20px;
}
#conceptArea .box p {
	font-size:84%;
	text-align:left;
	line-height:1.8;
	padding-bottom:20px;
}
#conceptArea .box .btn a {
	width:100%;
	font-size:86%;
	font-weight:400;
	color:#fff;
	line-height:40px;
	text-align:center;
	border:1px solid #fff;
}
@media only screen and (min-width: 641px){
	#conceptArea .box {
		width:790px;
		left:50%;
		margin-left:-395px;
		margin:0px auto;
		padding:30px 30px 50px;
	}
	#conceptArea .box .catch {
		font-size:164%;
		padding:10px 0 0px;
	}
	#conceptArea .box .catch br {
		display:none;
	}
	#conceptArea .box p {
		font-size:107%;
		line-height:1.8;
		text-align:center;
		padding-bottom:30px;
	}
	#conceptArea .box .btn a {
		width:340px;
		line-height:50px;
	}
}
#conceptArea .box .btn a i {
	color:#F6D404;
}
#conceptArea .box .btn a:hover {
	border-color:#F6D404;
}


/* ----------------------------
	001-03.topBtnArea
----------------------------- */
@media only screen and (min-width: 641px){
	#topBtnArea {
		width:1000px;
		margin:0 auto;
		padding:20px 10px;
		overflow:hidden;
	}
	#topBtnArea article {
		width:220px;
		float:left;
		margin:0 10px;
		border-radius:10px;
		overflow:hidden;
		position:relative;
		background:#EEEEEE;
	}
	#topBtnArea article header {
		text-align:center;
		padding:20px 0 15px;
	}
	#topBtnArea article header figure i {
		font-size:380%;
	}
	#topBtnArea article header h2 {
		font-size:129%;
	}
	#topBtnArea article .inner {
		height:110px;
		padding:15px;
	}
	#topBtnArea article .inner p {
		font-size:93%;
		line-height:1.4;
	}
}
@media only screen and (max-width: 640px){
	#topBtnArea {
		width:100%;
		padding:10px;
		overflow:hidden;
	}
	#topBtnArea article {
		clear:both;
		overflow:hidden;
		background:#EEEEEE;
		margin-bottom:10px;
		position:relative;
	}
	#topBtnArea article header {
		text-align:center;
		padding:20px 15px;
	}
	#topBtnArea article header figure i {
		width:1.5em;
		text-align:center;
		font-size:250%;
		line-height:1;
		position:absolute;
		left:0px;
		top:50%;
		margin-top:-0.5em;
	}
	#topBtnArea article header h2 {
		font-size:100%;
	}
	#topBtnArea article .inner {
		display:none;
	}
	#topBtnArea article header h2 i {
		width:1.5em;
		text-align:center;
		line-height:2;
		position:absolute;
		right:10px;
		top:50%;
		margin-top:-1em;
	}
}

#topBtnArea article#qualification header {
	background:#FFB902;
}
#topBtnArea article#school header {
	background:#6AC1B8;
}
#topBtnArea article#senior header {
	background:#FC9C9F;
}
#topBtnArea article#event header {
	background:#F57F04;
}
#topBtnArea article header figure i {
	line-height:1;
	color:#fff;
	display:block;
	padding-bottom:20px;
}
#topBtnArea article header h2 {
	letter-spacing:0px;
	font-weight:400;
	line-height:1.2;
}
#topBtnArea article header h2 i {
	font-size:75%;
	color:#fff;
}
#topBtnArea article a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
}
#topBtnArea article:hover header {
	color:#fff;
}

/* ----------------------------
	001-04.informationArea
----------------------------- */

#informationArea {
	overflow:hidden;
}
#informationArea section {
	border:2px solid #EEEEEE;
	margin:0 10px;
	position:relative;
}
@media only screen and (min-width: 641px){
	#informationArea {
		width:1000px;
		margin:0 auto;
		padding:10px 10px 30px;
	}
	#informationArea section {
		width:460px;
		height:440px;
		float:left;
	}
	#informationArea section .in {
		height:366px;
		overflow:auto;
	}
}
@media only screen and (max-width: 640px){
	#informationArea section {
		padding-bottom:40px;
		margin-bottom:10px;
	}
}
#informationArea section header {
	border-bottom:2px solid #eee;
	padding:10px 0 10px 60px;
	margin:0 10px;
}
#informationArea section header i {
	font-size:200%;
	line-height:1;
	color:#FFB902;
	position:absolute;
	left:10px;
}
#informationArea section#topicsArea header i {
	color:#ffdb02;
}
@media only screen and (min-width: 641px){
	#informationArea section header {
		padding:20px 0 20px 60px;
		position:relative;
	}
	#informationArea section header i {
		font-size:250%;
		left:0;
	}
	#informationArea section header h3 {
		display:inline-block;
	}
}
#informationArea section header h3 {
	font-size:129%;
	font-weight:400;
}
#informationArea section header small {
	font-size:55%;
	color:#FFB902;
}
#informationArea section#topicsArea header small {
	color:#ffdb02;
}
#informationArea section header .btn a {
	width:80px;
	height:24px;
	font-size:86%;
	letter-spacing:0;
	font-weight:400;
	line-height:24px;
	text-align:center;
	background:#FFB902;
	border:1px solid #eee;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-12px;
	display:block;
}
@media only screen and (max-width: 640px){
	#informationArea section header small ,
	#informationArea section header h3 {
		line-height:1.2;
		display:block;
	}
	#informationArea section header .btn a {
		width:100%;
		line-height:36px;
		height:36px;
		bottom:0px;
		top:auto;
		right:0;
	}
}
#informationArea section#topicsArea header .btn a {
	background:#ffdb02;
}

#informationArea section#eventArea article {
	letter-spacing:0;
	border-bottom:1px dashed #eee;
	padding:15px 10px;
	position:relative;
	overflow:hidden;
}
#informationArea section#eventArea article:nth-last-of-type(1) {
	border:none;
}
#informationArea section#eventArea article .moreBtn {
	width:80px;
	font-size:71%;
	text-align:center;
	line-height:18px;
	border:1px solid #FFB902;
	position:absolute;
	left:12px;
	bottom:18px;
	border-radius:10px;
}
#informationArea section#eventArea article time {
	width:105px;
	letter-spacing:0;
	color:#FFB902;
	font-size:93%;
}
@media only screen and (max-width: 640px){
	#informationArea section article {
		padding:10px;
		position:relative;
	}
	#informationArea section#eventArea article .moreBtn {
		display:none;
	}
	#informationArea section article h4 {
		line-height:1.4;
		padding-bottom:5px;
	}
	#informationArea section#eventArea article time {
		font-size:86%;
	}
}
@media only screen and (min-width: 641px){
	#informationArea section#eventArea article time {
		float:left;
	}
	#informationArea section#eventArea article .box {
		width:315px;
		float:right;
	}
	#informationArea section#topicsArea article {
		letter-spacing:0;
		padding:15px 10px;
		position:relative;
		overflow:hidden;
	}
}
#informationArea section#eventArea article h4 {
}
#informationArea section#eventArea article p {
	font-size:86%;
}
#informationArea section#eventArea article p span {
	color:#666;
	margin-right:5px;
}
#informationArea section#topicsArea article:nth-of-type(2n) {
	background:#FFFBE5;
}
#informationArea section#topicsArea article figure {
	width:80px;
	height:60px;
	float:left;
	overflow:hidden;
	margin-right:15px;
}
@media only screen and (min-width: 641px){
	#informationArea section#topicsArea article figure {
		width:120px;
		height:90px;
	}
	#informationArea section#topicsArea article .box {
		width:280px;
		float:right;
	}
}
#informationArea section#topicsArea article figure img {
	width:100%;
	height:auto;
}
#informationArea section#topicsArea article .box {
}
#informationArea section#topicsArea article .box time {
	color:#666;
	font-size:93%;
}
#informationArea section#topicsArea article .box h4 {
	text-decoration:underline;
}
#informationArea section#topicsArea article .box p {
	font-size:86%;
}

#informationArea section article a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
}
#informationArea section article:hover .moreBtn {
	background:#FFB700;
}
#informationArea section#topicsArea article:hover .box h4 {
	text-decoration:none;
}