/* =================================
	introducton CSS
================================= */

/*	news_text
============================== */

article.loop{
	margin: 0 0 10px;
}
article.loop h2{
	background-image: url(../img/s_tit_bg.png); 
	/*background-color: #cfe7f4;*/
	box-shadow:0px 4px 0px 0px #a2c9e4;
	color: #083d60;
	text-shadow:1px 1px 0px #a1b6c2;
	position: relative;
}
article.loop h2:before{
	content:"";
	display:inline-block;
	position:absolute;
	background-image: url(../img/news/news_icon.png); 
}
article.loop p.date{
	text-align: right;
	color: #0e4870;
	font-size: 90%;
}
article.loop p{
	margin-bottom:1em; 
}

@media all and (min-width: 768px) {
div.contents{
	padding: 30px 60px 200px;
}
article.loop{
	padding: 0 0 15px;
}
article.loop h2{
	line-height: 1.7;
	font-size: 120%;
	margin-bottom: 20px;
}
article.loop h2:before{
	width:40px;
	height:30px;
	left:11px;
	top:50%;
	margin-top:-14px;
	background-size: 40px 30px;
}
article.loop h2 span{
	padding: 12px 20px 10px 56px;
	display: block;
}
article.loop p.date{
	padding: 10px 0 0;
}
}
@media all and (max-width: 767px) {
article.loop h2{
	font-size: 100%;
	margin-bottom: 10px;
}
article.loop h2:before{
	width:30px;
	height:23px;
	left:9px;
	top:50%;
	margin-top:-11px;
	background-size: 30px 23px;
}
article.loop h2 span{
	padding: 7px 10px 5px 44px;
	display: block;
}
article.loop p{
	font-size: 90%;
}
article.loop p.date{
	padding: 5px 0 0;
}
}
p.mini_tit{
	font-size: 131.3%;
	text-align: center;
	line-height: 1.7;
	font-weight: bold;
	color: #0e4870;
}

/*	pics
============================== */
div.pics span{
	display: block;
    background-repeat: no-repeat;
    border: 2px solid #003b63;
    background-color: #003b63;
    box-shadow: 4px 4px #003b63;
}
div.cap{
	text-align: center;
	color: #175d8d;
}
@media all and (min-width: 768px) {
div.pics span{
	width: 500px;
	height: 335px;
	background-size: 500px 335px;
	margin: 30px auto 40px;
}
div.cap{
	margin: -20px 0 30px;
}
}
@media all and (max-width: 767px) {
div.pics span{
	margin: 15px auto 20px;
	width: 250px;
	height: 168px;
	background-size: 250px 168px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
}
div.cap{
	margin: -10px 0 30px;
}
}

/*	btn-basic2
============================== */
p.btn-basic2 a{
    background-color: #f5cd5e;
    color: #503e0e;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
    cursor: pointer;
    box-shadow: 0 6px 0 #e9bc41, 0 12px 0 rgba(0,0,0,0.2);
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
    position: relative;
    border-top:1px solid #fae8b4;
    font-weight: bold;
    text-shadow:1px 1px 0px #f9e3a5;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*p.btn-basic2 a::before {
	position: absolute;
	top: 50%;
	left: 1em;
	content: '';
	margin-top: -10px;
	border: 15px solid transparent;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-color: #81630f;
}*/

p.btn-basic2 a:hover {
	background-color: #e9bc41;
	box-shadow: 0 3px 0 #e4b638, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
@media all and (min-width: 768px) {
p.btn-basic2 a{
	margin: 20px auto 40px;
	width: 420px;
    height: 68px;
    line-height:3.3;
    font-size: 150%;
}
}
@media all and (max-width: 767px) {
p.btn-basic2{
	margin: 0 15px;
}
p.btn-basic2 a{
	margin: 30px auto 30px;
	width: 270px;
    height: 50px;
    line-height:3.8;
    font-size: 100%;
}
}