@charset "utf-8";

/*------------------------------------------------------------------
	media.css
------------------------------------------------------------------*/
@media screen and (min-width: 641px){


#media_blk{
	
	padding-top: 30px;
	padding-bottom: 30px;
	text-align:center;
}

#media_blk section.wrap{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 30px;
	background: #FFF;
}
	
#media_blk section.wrap .media_text{ text-align:left;}
#media_blk section.wrap .media_text span{ display:inline-block; padding:5px 8px; background-color:#1397ba; color:#FFF; font-size:18px; line-height:18px; margin-bottom:10px;}
#media_blk section.wrap .media_text h3{ color:#1397ba; font-size:24px; line-height:32px; font-weight:300; margin-bottom:10px;}
#media_blk section.wrap .media_text p{ font-size:18px; line-height:24px; font-weight:300;}




}

@media screen and (max-width: 640px){


#media_blk{
	
	padding-top: 30px;
	padding-bottom: 20px;
	text-align:center;
	width: 100%;
}


#media_blk section.wrap{width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 0px;
	background: #FFF;}
	
#media_blk section.wrap .media_text{ text-align:left;}
#media_blk section.wrap .media_text span{ display:inline-block; padding:4px 5px; background-color:#1397ba; color:#FFF; font-size:14px; line-height:14px; margin-bottom:5px;}
#media_blk section.wrap .media_text h3{ color:#1397ba; font-size:18px; line-height:22px; font-weight:300; margin-bottom:5px;}
#media_blk section.wrap .media_text p{ font-size:14px; line-height:18px; font-weight:300;}



}



/* IE10（\9なしでIE11にも適用） */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#media_blk section.wrap .media_text span{ display:inline-block; padding:10px 8px 5px 8px; background-color:#1397ba; color:#FFF; font-size:18px; line-height:18px; margin-bottom:10px;}
}