@charset "UTF-8";
/*=============================================================
 04_modules
=============================================================*/
.mod_anchor01 { padding: 22px 25px 25px; background: url(../img/common/bg_ptn01.gif); }
.mod_anchor01 .list { overflow: hidden; }
.mod_anchor01 .list .item { display: table; float: left; width: 238px; margin-left: 15px; border: #bbb 1px solid; border-radius: 2px; background: #000; }
.mod_anchor01 .list .item a { display: table-cell; height: 58px; line-height: 1.3; background: url(../img/common/bg_grad01.png); background-size: auto 100%; color: #333; font-weight: bold; font-size: 15px; text-align: center; vertical-align: middle; }
.mod_anchor01 .list .item a:hover { opacity: .7; text-decoration: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.mod_anchor01 .list .item:nth-child(3n+1) { clear: both; margin-left: 0; }
.mod_anchor01 .list .item:nth-child(n+4) { margin-top: 15px; }
/*!  button
================================================ */
.mod_btn01 { display: table; width: 100%; border: 1px solid #666; border-radius: 2px; background-color: #fff; table-layout: fixed; -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 0 0 rgba(0, 0, 0, .15); box-shadow: 0 4px 0 0 rgba(0, 0, 0, .15); }
.mod_btn01 > * { display: table-cell; line-height: 1; padding: 14px 0 12px; color: #333; font-weight: bold; font-size: 14px; text-decoration: none; text-align: center; vertical-align: middle; }
.mod_btn01:hover { -webkit-transform: translateY(4px); transform: translateY(4px); box-shadow: none; }
/*
#styleguide
mod_btn01

mod_btn01

```
<p class="mod_btn01"><a href="#">mod_btn01</a></p>
```
*/
/*!  pager
================================================ */
.mod_pagination01 { display: block; margin: -10px; padding: 20px 0; font-size: 0; text-align: center; }
.mod_pagination01 li { display: inline-block; width: 30px; margin: 10px; }
.mod_pagination01 li a , .mod_pagination01 li span { display: block; box-sizing: border-box; line-height: 1; padding: 7px 0 5px; border: 2px solid #666; background-color: #fff; color: #666; font-size: 12px; text-decoration: none; }
.mod_pagination01 .prev { width: 50px; margin-right: 15px; }
.mod_pagination01 .next { width: 50px; margin-left: 15px; }
.mod_pagination01 .current { background-color: #666; color: #fff; }
/*
#styleguide
mod_pagination01

pager

```
<div class="mod_pagination01">
	<ul class="links">
		<li class="prev"><a href="">前へ</a></li>
		<li><a href="">1</a></li>
		<li class="current"><span>2</span></li>
		<li><a href="">3</a></li>
		<li class="next"><a href="">次へ</a></li>
	</ul>
</div>
```
*/
/*!  tit
================================================ */
.cmnTit01 { line-height: 1.4; padding: 11px 20px 13px 37px; background: url(../img/common/ico_tit01.gif) no-repeat 20px 50% #152863; color: #fff; font-weight: bold; font-size: 24px; letter-spacing: .075em; }
/*
#styleguide
mod_tit01

mod_tit01

```
<p class="mod_tit01">mod_tit01</p>
```
*/
/*!  box
================================================ */
.cmnBox01 { width: 1110px; margin-right: auto; margin-left: auto; }
/*
#styleguide
mod_box01

影付きのbox

```
<p class="mod_box01">mod_box01</p>
```
*/
/*!  mod_column01
================================================ */
.mod_column01 { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.mod_column01 > * { box-sizing: border-box; width: 31%; padding: 20px 10px 18px; background-color: #333; }
.mod_column01 > * + * { margin-left: 3%; }
/*
#styleguide
mod_column01

三カラム

```
<p class="mod_column01">mod_column01</p>
```
*/
.mod_list01 .about { margin: 0 0 36px; padding: 30px 0 10px; background: #ebebeb; box-shadow: .5px .9px 1px 0 rgba(4, 0, 0, .2); }
.mod_list01 .about .tit { margin: 0 0 30px; text-align: center; }
.mod_list01 .about .list { padding: 0 25px; }
.mod_list01 .about .list .item { margin: 0 0 15px; padding: 15px 24px; border: solid 2px #dedede; background: #fff; }
.mod_list01 .about .list .item .tit { margin: 0 0 10px; text-align: left; }
.mod_list02 .detail { margin: 0 0 14px; padding: 20px 25px 16px; background: #fff; box-shadow: .5px .9px 1px 0 rgba(4, 0, 0, .2); }
.mod_list02 .detail .tit { margin: 0 0 10px; text-align: center; }
.mod_list02 .detail .list { overflow: hidden; }
.mod_list02 .detail .list .item { position: relative; float: left; width: 340px; margin: 0 40px 7px 0; padding: 0 0 0 31px; }
.mod_list02 .detail .list .item:nth-child(2n) { width: 200px; margin: 0 0 6px; }
.mod_list02 .detail .list .item:before { position: absolute; top: 8px; left: 0; width: 16px; height: 17px; background: url(../img/common/ico_check01.png) no-repeat; content: ""; }
.mod_list03 { padding: 20px 0 24px; background: #fff; box-shadow: .5px .9px 1px 0 rgba(4, 0, 0, .2); }
.mod_list03 .tit { margin: 0 0 10px; text-align: center; }
.mod_list03 .list { overflow: hidden; padding: 0 25px; }
.mod_list03 .list .item { position: relative; float: left; margin: 0 0 6px; padding: 0 0 0 30px; }
.mod_list03 .list .item:before { position: absolute; top: 2px; left: 1px; width: 16px; height: 17px; background: url(../img/common/ico_check01.png) no-repeat; content: ""; }
.mod_list04 { overflow: hidden; padding: 20px 20px 24px; background: #fff; box-shadow: .5px .9px 1px 0 rgba(4, 0, 0, .2); }
.mod_list04 .item { position: relative; float: left; margin: 0 0 6px; padding: 0 0 0 30px; }
.mod_list04 .item:before { position: absolute; top: 7px; left: 1px; width: 16px; height: 17px; background: url(../img/common/ico_check01.png) no-repeat; content: ""; }
.mod_list05 .detail { margin: 0 0 14px; padding: 20px 25px 16px; background: #fff; box-shadow: .5px .9px 1px 0 rgba(4, 0, 0, .2); }
.mod_list05 .detail .tit { margin: 0 0 10px; text-align: center; }
.mod_list05 .detail .list01 , .mod_list05 .detail .list02 { overflow: hidden; }
.mod_list05 .detail .list01 .item , .mod_list05 .detail .list02 .item { position: relative; float: left; width: 340px; margin: 0 40px 7px 0; padding: 0 0 0 31px; }
.mod_list05 .detail .list01 .item:nth-child(2n) , .mod_list05 .detail .list02 .item:nth-child(2n) { width: 200px; margin: 0 0 6px; }
.mod_list05 .detail .list01 .item:before , .mod_list05 .detail .list02 .item:before { position: absolute; top: 8px; left: 0; width: 16px; height: 17px; background: url(../img/common/ico_check01.png) no-repeat; content: ""; }