@charset "UTF-8";

/*-------------------------------------------------
各学校バナー
-------------------------------------------------*/
.school-banner{
	background:url("../imgs/share/bg_content.jpg");
	padding-bottom:20px;
}

.school-banner-area{
	margin-left:-30px;
}

@media screen and (max-width: 768px) {
	.school-banner-area{
		margin-left:0px;
		padding:0 8%;
		text-align:center;
	}
}

.school-banner-area a{
	display:block;
	float:left;
	margin-left:30px;
	margin-bottom:20px;
}

@media screen and (max-width: 768px) {
	.school-banner-area a{
		margin:0 0 10px;
		/*max-width:50%;*/
		float:none;
	}
	/*.school-banner-area a:nth-child(odd){
		padding-right:5px;
	}
	.school-banner-area a:nth-child(even){
		float:right;
		padding-left:5px;
	}*/
}

.school-banner-area a img{
	width:300px;
}
@media screen and (max-width: 768px) {
	.school-banner-area a img{
		width:100%;
	}
}

/*-------------------------------------------------
関連団体
-------------------------------------------------*/
.relation{
	float:left;
	width:300px;
}

@media screen and (max-width: 768px) {
.relation{
	float:none;
	width:100%;
	margin-bottom:40px;
}
}

.relation h3{
	font-size:24px;
	padding:0.3em 0.8em;
	border-left:1px solid #333;
	border-bottom:none;
	margin-bottom:10px;
}

.size_S a{
	position:relative;
	display:block;
	margin-bottom:10px;
	border:1px solid #ddd;
	padding:1em 1em 1em 1.5em;
	content:"";
	color:#333;
	font-size:13px;
}

.size_S a::before{
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 8px;
	top:43%;
	content:"";
	margin-left:-1em;
	border-color: transparent transparent transparent #ddd;
}

.size_M a{
	display:block;
	margin-bottom:10px;
	border:1px solid #ddd;
	text-align:center;
	vertical-align:middle;
}



/*-------------------------------------------------
新着情報
-------------------------------------------------*/
.news{
	float:right;
	width:630px;
}

@media screen and (max-width: 768px) {
	.news{
		float:none;
		width:100%;
	}
}

h2{
	font-size:24px;
	color:#a4875d;
	padding:0.3em 20px;
	margin-bottom:0;
	border-top:1px solid #a4875d;
	border-bottom:1px solid #a4875d;
}

@media screen and (max-width: 768px) {
	h2{
		padding:0.3em 10px;
	}
}

.whats_new{
	margin-bottom:40px;
}

article{
	padding:10px 20px;
	border-bottom:1px dotted #a4875d;
	font-size:16px;
}

@media screen and (max-width: 768px) {
	article{
		font-size:14px;
		padding:10px;
	}
}

article a{
	color:#333;
}

article .date,
article a .date{
	color:#a4875d;
}

.title{
	font-size:18px;
	font-weight:bold;
}

@media screen and (max-width: 768px) {
	.title{
		font-size:16px;
	}
}

.text{
}

.whats_new_school h2{
	position:relative;
}

h2 span a {
	background:#a4875d;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	padding: 0.2em 0.5em;
	position: absolute;
	right: 20px;
	top: 9px;
	color:#fff;
}

.whats_new_school .date,
.whats_new_school .school{
	display:inline-block;
	margin-right:0.5em;
}

.whats_new_school .date{
	width:5.2em;
}

@media screen and (max-width: 768px) {
	.whats_new_school .date{
	}
}

.whats_new_school .school{
	width:12em;
}




.whats_new_school .school.yac{
	color:#FF508C;
}
.whats_new_school .school.ybc{
	color:#00078b;
}
.whats_new_school .school.ymc{
	color:#F08300;
}
.whats_new_school .school.yjs{
	color:#B0C90B;
}
.whats_new_school .school.yaa{
	color:#e40083;
}
.whats_new_school .school.gcc{
	color:#4C1077;
}



#news .news{
	float:none;
	width:100%;
}

#news .whats_new_school .title{
	display:inline-block;
}

@media screen and (max-width: 768px) {
	#news .whats_new_school .title{
		display:block;
	}
}