@charset "utf-8";
/* --------------------------------------
Font base　14px
-----------------------------------------
10px 	72%			11px 	79%			12px 	86%			13px 	93%
14px 	100%		15px 	108%		16px 	115%		17px 	122%
18px 	129%		19px 	136%		20px 	143%		21px 	150%
22px 	158%		23px 	165%		24px 	172%		25px 	179%
26px 	186%
*/

/* -----------------------------------------------
	1. Body
-------------------------------------------------- */
html { box-sizing: border-box; font-size: 62.5%;} *, *:before, *:after { box-sizing: inherit;}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#111;
	font-size: 1.6rem;
	line-height: 1.6;
	letter-spacing:0.1px;
}
/* -----------------------------------------------
	2. Elements
-------------------------------------------------- */
div,article,section,article,li { vertical-align: top;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; margin:0; }
img, video{ border: 0; vertical-align: bottom; }
dl,dt,dd{ margin: 0; padding: 0; }
ol,ul {padding: 0; margin: 0;letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */}
li { margin: 0; padding: 0;letter-spacing: normal;/* 文字間を通常に戻す */}
p { margin: 0; }
a { color:#134a9d; text-decoration:underline; }
a:hover{ text-decoration:none;}
a { outline:none;}
img { -ms-interpolation-mode: bicubic; } /*for IE7-8*/
:focus { outline: 0; }
img{
-webkit-backface-visibility: hidden;
}
/* -----------------------------------------------
	3. Common Class
-------------------------------------------------- */
.center { text-align:center}

.float-l{ float:left; } 
.float-r{ float:right; }
.clear{ clear: both; }
.hidden{ display: none; }

* html .clearfix { zoom: 1; }
*+html .clearfix { zoom: 1; }
.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
/* none */
.pcnone{ display:none;}
.spnone{ }
@media screen and (max-width: 768px){
	.pcnone{ display:inherit;}
	.spnone{ display:none;}
}

img.wauto{ width:auto; max-width:100%; height:auto;}

a[href$=".pdf"][target="_blank"]:after {
	display: inline-block;
	content: "";
	background: url(../images/icn-pdf.svg) no-repeat;
	background-size: contain;
	width: 15px;
	height: 20px;
	margin-left: 5px;
	margin-bottom: -3px;
}
/* ------ margin-------*/
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }


@media screen and (max-width:767px){
	.mt10 { margin-top: 5px; }
	.mt20 { margin-top: 10px; }
	.mt30 { margin-top: 15px; }
	.mt50 { margin-top: 25px; }
	.mb10 { margin-bottom: 5px; }
	.mb20 { margin-bottom: 10px; }
	.mb30 { margin-bottom: 15px; }
	.mb50 { margin-bottom: 25px; }
	.mr10 { margin-right: 5px; }
	.mr20 { margin-right: 10px; }
	.mr30 { margin-right: 15px; }
	.ml10 { margin-left: 5px; }
	.ml20 { margin-left: 10px; }
	.ml30 { margin-left: 15px; }
}