/* ===============================================
  全ページ共通基本設定
=============================================== */

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	line-height: 1.7;
	color: #222;
	background-color: #fff;
}

caption, th { text-align:left;}
img, a img{ border:0; }
img { vertical-align: bottom; }
ol, ul { list-style-type: none; }

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.1;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ========= link ========= */

a {
	color: #27ae60;
	text-decoration: none;
	outline:none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

/* --------------------------------------------
   共通レイアウト
-------------------------------------------- */

body {
	border-top:3px solid #005226;
}

h1 {
	margin:0 auto;
	line-height:1;
	letter-spacing:0.2em;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E","HG明朝E","Meiryo","メイリオ","ＭＳ Ｐゴシック", Times, 'Times New Roman', serif;
    font-weight: bold;
}

/* ========= contents ========= */

.container {
	width:70%;
	max-width:1100px;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

/* -------- For Mobile -------- */

@media screen and (max-width: 768px) {
	.container {
		width: 96%;
		padding-right: 2%;
		padding-left: 2%;
		overflow: hidden;
	}
	.row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		position: relative;
		min-height: 1px;
		float: left;
		padding-left: 15px;
		padding-right: 15px;
	}
	.col-12 { width: 100%;}
	.col-11 { width: 91.66666667%; }
	.col-10 { width: 83.33333333%; }
	.col-9 { width: 75%; }
	.col-8 { width: 66.66666667%; }
	.col-7 { width: 58.33333333%; }
	.col-6 { width: 50%; }
	.col-5 { width: 41.66666667%; }
	.col-4 { width: 33.33333333%; }
	.col-3 { width: 25%; }
	.col-2 { width: 16.66666667%; }
	.col-1 { width: 8.33333333%; }

	.col-6:nth-child(2n+1) { 
		clear: both;
	}
}


/* --------------------------------------------
   汎用共通style
-------------------------------------------- */

a:hover img.opa {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.8;
}

.wrapbox { width:100%; }
.wrapbox:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}

.fl { float:left; }
.fr { float:right; }

.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }

.bd_gray { border:1px solid #ccc; }

.br_only-sp { display:none; }

/* -------- For Mobile -------- */

@media screen and (max-width: 768px) {
	.br_only-pc { display:none; }
	.br_only-sp { display:block; }
}


/* ========= font ========= */

.bold { font-weight:bold; }
.nowrap {white-space: nowrap;}

.color_red { color:#e60012;}
.color_red2 { color:#fd594e;}
.color_blue { color:#0860a8; }
.color_blue2 { color:#007bd0; }
.color_yellow { color:#dcaf00; }

.txt_12 {font-size:12px;}
.txt_13 {font-size:13px;}
.txt_14 {font-size:14px;}
.txt_15 {font-size:15px;}
.txt_16 {font-size:16px;}
.txt_17 {font-size:17px;}
.txt_18 {font-size:18px;}

.ls_1 {letter-spacing:0.1em;}
.ls_2 {letter-spacing:0.2em;}

/* ========= margin ========= */

.mt0 { margin-top:0; }
.mt5 {	margin-top:5px; }
.mt10 {	margin-top:10px; }
.mt15 {	margin-top:15px; }
.mt20 {	margin-top:20px; }
.mt25 {	margin-top:25px; }
.mt30 {	margin-top:30px; }
.mt35 {	margin-top:35px; }
.mt40 {	margin-top:40px; }
.mt45 {	margin-top:45px; }
.mt50 {	margin-top:50px; }
.mt1em { margin-top:1em; }

.mb0 { margin-bottom:0; }
.mb5 {	margin-bottom:5px; }
.mb10 {	margin-bottom:10px; }
.mb15 {	margin-bottom:15px; }
.mb20 {	margin-bottom:20px; }
.mb25 {	margin-bottom:25px; }
.mb30 {	margin-bottom:30px; }
.mb35 {	margin-bottom:35px; }
.mb40 {	margin-bottom:40px; }
.mb45 {	margin-bottom:45px; }
.mb50 {	margin-bottom:50px; }
.mb1em { margin-bottom:1em; }

.ml0 {	margin-left:0; }
.ml5 {	margin-left:5px; }
.ml10 {	margin-left:10px; }
.ml15 {	margin-left:15px; }
.ml20 {	margin-left:20px; }
.ml25 {	margin-left:25px; }
.ml30 {	margin-left:30px; }
.ml35 {	margin-left:35px; }
.ml40 {	margin-left:40px; }
.ml45 {	margin-left:45px; }
.ml50 {	margin-left:50px; }

.mr0 {	margin-right:0; }
.mr5 {	margin-right:5px; }
.mr10 {	margin-right:10px; }
.mr15 {	margin-right:15px; }
.mr20 {	margin-right:20px; }
.mr25 {	margin-right:25px; }
.mr30 {	margin-right:30px; }
.mr35 {	margin-right:35px; }
.mr40 {	margin-right:40px; }
.mr45 {	margin-right:45px; }
.mr50 {	margin-right:50px; }


/* ========= padding ========= */

.pt0 { padding-top:0; }
.pt5 {	padding-top:5px; }
.pt10 {	padding-top:10px; }
.pt15 {	padding-top:15px; }
.pt20 {	padding-top:20px; }
.pt25 {	padding-top:25px; }
.pt30 {	padding-top:30px; }
.pt35 {	padding-top:35px; }
.pt40 {	padding-top:40px; }
.pt45 {	padding-top:45px; }
.pt50 {	padding-top:50px; }

.pb0 { padding-bottom:0; }
.pb5 { padding-bottom:5px; }
.pb10 {	padding-bottom:10px; }
.pb15 {	padding-bottom:15px; }
.pb20 {	padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 {	padding-bottom:30px; }
.pb35 {	padding-bottom:35px; }
.pb40 {	padding-bottom:40px; }
.pb45 {	padding-bottom:45px; }
.pb50 {	padding-bottom:50px; }

.pl0 {	padding-left:0; }
.pl5 {	padding-left:5px; }
.pl10 {	padding-left:10px; }
.pl15 {	padding-left:15px; }
.pl20 {	padding-left:20px; }
.pl25 {	padding-left:25px; }
.pl30 {	padding-left:30px; }
.pl35 {	padding-left:35px; }
.pl40 {	padding-left:40px; }
.pl45 {	padding-left:45px; }
.pl50 {	padding-left:50px; }

.pr0 {	padding-right:0; }
.pr5 {	padding-right:5px; }
.pr10 {	padding-right:10px; }
.pr15 {	padding-right:15px; }
.pr20 {	padding-right:20px; }
.pr25 {	padding-right:25px; }
.pr30 {	padding-right:30px; }
.pr35 {	padding-right:35px; }
.pr40 {	padding-right:40px; }
.pr45 {	padding-right:45px; }
.pr50 {	padding-right:50px; }


/* ========= list ========= */

ul.arrow_01 li,
ul.arrow_01_float li,
ul.arrow_01_inline li {
	background: url(../img/arrow_01.png) no-repeat 0 0.4em;
	padding: 0 0 0 18px;
}

ul.arrow_01_float li{
	float:left;
	display:block;
	margin-right:8px;
}

ul.arrow_01_inline li {
	margin-right:20px;
	display: inline-block;
	*display: inline;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline li,
ol.inline li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

ul.normalstyle,
ol.normalstyle {
    margin-left:1.8em;
}

.disc {
	list-style-type:disc;
}

.decimal {
	list-style-type:decimal;
}

ul.kome li,
p.kome {
	padding-left: 1em;
	text-indent: -1em;
}

/*---- dlタグで疑似テーブル ----*/

dl.tablechic dt {
	padding: 0.5em 0.5em 0.5em 0;
	width: 9em;
	font-weight:bold;
}

dl.tablechic dd {
	padding: 0.5em 0.5em 0.5em 9em;
	margin: -2.48em 0px 0px;  /* line-heightが1.4の場合 */
}

/* ========= clear ========= */

.clear {
	clear: both !important;
}

.clearfix:after {
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}

/* clearfix for ie7 */
.clearfix{
	display: inline-block;
}

.clearfix {
	display: block;
}

/* ========= 404ページ ========= */

h1 {
	font-size:28px;
	letter-spacing:2px;
	margin:20px 0 40px;
	line-height:1.5;
	text-align:center;
}

h1 img {
	padding-right:20px;
	height: 50px;
	width: auto;
}


ul.arrow_01_inline {
	text-align:center;
}

.notfound {
	color:#ccc;
	text-align:center;
	margin-top:20px;
}

/* ---- For Mobile ---- */

@media screen and (max-width: 768px) {
	h1 {
		font-size:22px;
		margin:30px 0 20px;
	}
	h1 img {
		padding-right:0;
		display:block;
		margin:0 auto 20px;
	}
	ul.arrow_01_inline {
		text-align:left;
	}
}