@charset "UTF-8";

/*================================================
 *  お知らせ（info）
 ================================================*/

/*******受賞エリア*******/
section.award_area .title_box h3 .fz_small {
	font-size: 71.4%;
}


section.award_area .img_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 50px;
}
section.award_area .img_list li:nth-child(n+5) {
	margin-top: 20px;
}

section.award_area .link_back {
	border: 4px solid #00a0e6;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 100px auto 0;
	position: relative;
	padding: 21px 0 21px;
	width: 460px;
}
section.award_area .link_back span {
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	border-bottom: 3px solid #00a0e6;
	border-left: 3px solid #00a0e6;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 0.8em;
}
section.award_area .link_back:hover {
	background-color: #00a0e6;
	color: #fff;
	opacity: 1;
}
section.award_area .link_back:hover span {
	border-color: #fff;
}


/*================================================
 *  タブレット/スマートフォン向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:799px) {



/*******受賞エリア*******/
section.award_area .title_box h3 {
	font-size: 4.4vw;
}
section.award_area .title_box h3 .fz_small {
	font-size: 50%;
	margin: 0 -0.5em;
}

section.award_area .img_list {
	margin-top: 8vw;
}
section.award_area .img_list li {
	width: 24%;
}
section.award_area .img_list li:nth-child(n+5) {
	margin-top: 2vw;
}


section.award_area .link_back {
	border-width: 1vw;
	font-size: 4vw;
	padding: 1.2em 0;
	width: 80%;
	margin-top: 10vw;
}
section.award_area .link_back span {
	border-width: 0.8vw;
	margin-bottom: 0.1em;
}



	
}