@charset "UTF-8";
/*=============================================================
 04_modules
=============================================================*/
/*!  button
================================================ */
.mod_btn01 .btn { display: block; position: relative; width: 255px; height: 45px; line-height: 43px; margin: 0 auto; border-radius: 45px; background-color: white; color: #333; font-weight: 500; font-size: 22.4px; font-size: 1.4rem; text-decoration: none; text-align: center; box-shadow: inset  0 -2px 2px 0 #dadada; }
.mod_btn01 .btn:before { position: absolute; top: 0; bottom: 0; left: 0; width: 4px; height: 4px; margin: auto; border-top: 2px solid #fff; border-right: 2px solid #fff; vertical-align: middle; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media (min-width: 600px) { .mod_btn01 .btn { position: relative; box-sizing: border-box; width: 220px; height: 40px; line-height: 38px; padding-right: 10px; font-size: 1.3rem; -webkit-transition: all .3s linear; transition: all .3s linear; }  .mod_btn01 .btn:before { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; height: 3px; margin: auto; border-top: 1px solid #fff; border-right: 1px solid #fff; vertical-align: middle; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }  .mod_btn01 .btn:hover { position: relative; background-color: #275ba8; color: #fff; }  .mod_btn01 .btn:hover:before { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; height: 3px; margin: auto; border-top: 1px solid #275ba8; border-right: 1px solid #275ba8; vertical-align: middle; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }  .mod_btn01 .btn:hover:before { right: 20px; left: auto; z-index: 1; }  .mod_btn01 .btn:hover:after { background: #fff; } }
.mod_btn01 .btn:before { right: 20px; left: auto; z-index: 1; }
.mod_btn01 .btn:after { display: block; position: absolute; top: 50%; right: 15px; width: 14px; height: 14px; border-radius: 100%; background: #bfbfbf; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 600px) { .mod_btn01 .btn:after { width: 13px; height: 13px; } }
/*
#styleguide
問い合わせのボタン

mod_btn01

```
<p class="mod_btn01">
	<a class="btn" href="#">ニュースリリース一覧へ</small></a>
</p>
```
*/
.mod_btn02 .btnlink { display: block; position: relative; width: 290px; margin: 0 auto; padding: 15px; border: 1px solid #275ba8; background: #fff; color: #275ba8; text-decoration: none; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; }
@media (min-width: 600px) { .mod_btn02 .btnlink { width: 220px; margin-right: 0; margin-left: 0; padding: 10px 15px; } }
.mod_btn02 .btnlink:after { display: block; position: absolute; right: 7px; bottom: 7px; width: 12px; height: 12px; background: url(../img/common/ico_blank03.png) no-repeat center center; background-size: 12px 12px; content: ""; }
@media (min-width: 600px) { .mod_btn02 .btnlink:after { width: 8px; height: 8px; background-size: 8px 8px; } }
.mod_btn02 .btnlink:hover { background: #275ba8; color: #fff; }
.mod_btn02 .btnlink:hover:after { background-image: url(../img/common/ico_blank03_o.png); }
/*
#styleguide
別サイトリンクボタン

mod_btn02

```
<p class="btn mod_btn02"><a href="#" class="btnlink">公式サイトへ</a></p>
```
*/
.mod_btn03 .btnlink { display: block; position: relative; width: 290px; margin: 0 auto; padding: 15px; border: 1px solid #275ba8; background: #fff; color: #275ba8; text-decoration: none; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; }
@media (min-width: 600px) { .mod_btn03 .btnlink { width: 260px; padding: 10px 15px; } }
.mod_btn03 .btnlink:before { display: block; position: absolute; top: 50%; right: 15px; width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #275ba8; content: ""; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
@media (min-width: 600px) { .mod_btn03 .btnlink:before { right: 20px; width: 10px; height: 10px; } }
.mod_btn03 .btnlink:after { display: block; position: absolute; top: 50%; right: 20px; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); }
@media (min-width: 600px) { .mod_btn03 .btnlink:after { right: 24px; width: 3px; height: 3px; border-top: 1px solid #fff; border-right: 1px solid #fff; } }
.mod_btn03 .btnlink:hover { background: #275ba8; color: #fff; }
/*
#styleguide
別サイトリンクボタン

mod_btn02

```
<p class="btn mod_btn02"><a href="#" class="btnlink">公式サイトへ</a></p>
```
*/
.mod_btn04 .btn { display: block; position: relative; width: auto; max-width: 100%; margin: 0 auto; padding: 15px 40px; border: 1px solid #275ba8; background: #fff; color: #275ba8; text-decoration: none; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; }
.mod_btn04 .btn .ico { display: inline-block; position: absolute; top: 0; right: 15px; bottom: 0; height: 17px; margin: auto; font-size: 17.6px; font-size: 1.1rem; vertical-align: middle; white-space: nowrap; }
.mod_btn04 .btn .ico i { display: inline-block; position: relative; vertical-align: top; }
.mod_btn04 .btn .ico i:before { display: block; width: 15.5px; height: 17px; margin-right: 3px; background: url(../img/common/ico_pdf01.png) left top no-repeat; background-size: contain; vertical-align: middle; content: ""; }
@media (min-width: 600px) { .mod_btn04 .btn { width: 360px; padding: 13px 80px; -webkit-transition: all .3s linear; transition: all .3s linear; }  .mod_btn04 .btn:hover { background: #275ba8; color: #fff; } }
/*
#styleguide
別サイトリンクボタン

mod_btn02

```
<p class="btn mod_btn02"><a href="#" class="btnlink">公式サイトへ</a></p>
```
*/
/*!  tit
================================================ */
.mod_tit01 { margin: 0 auto 30px; font-size: 38.4px; font-size: 2.4rem; text-align: center; letter-spacing: .05em; }
@media (min-width: 600px) { .mod_tit01 { margin: 0 auto 37px; font-weight: 500; font-size: 3rem; text-align: center; } }
.mod_tit01 .en { display: block; margin: 0 auto; color: #275ba8; font-weight: 400; font-size: 20.8px; font-size: 1.3rem; letter-spacing: .06em; }
@media (min-width: 600px) { .mod_tit01 .en { margin-top: 9px; } }
/*
#styleguide
mod_tit01

TOP-フラッグ装飾タイトル

```
<p class="mod_tit01">mod_tit01</p>
```
*/
.mod_tit02 { position: relative; line-height: 1.4; margin: 0 0 20px; padding: 0 0 0 17px; font-weight: 500; font-size: 32px; font-size: 2rem; }
@media (min-width: 600px) { .mod_tit02 { margin: 0 0 18px; padding: 0 0 0 18px; font-size: 2.4rem; } }
.mod_tit02:before { display: block; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: #275ba8; content: ""; }
.mod_tit02:after { display: block; position: absolute; bottom: 0; left: 0; width: 5px; height: 50%; background: #1b4075; content: ""; }
/*
#styleguide
mod_tit02

左にborderつきのタイトル

```
<p class="mod_tit02">mod_tit02</p>
```
*/
.mod_tit03 { position: relative; line-height: 1.4; margin-bottom: 12px; padding-bottom: 12px; font-weight: 500; font-size: 28.8px; font-size: 1.8rem; }
.mod_tit03:before { display: block; position: absolute; bottom: 0; left: 0; width: 30px; height: 1px; background: #333; content: ""; }
/*
#styleguide
mod_tit03

左下に短いborderつきのタイトル

```
<p class="mod_tit03">mod_tit03</p>
```
*/
.mod_tit04 { position: relative; line-height: 1.4; margin-bottom: 25px; padding: 0 0 0 25px; font-weight: 500; font-size: 38.4px; font-size: 2.4rem; letter-spacing: 3.2px; letter-spacing: .2rem; }
@media (min-width: 600px) { .mod_tit04 { margin-bottom: 40px; font-size: 3.0rem; } }
.mod_tit04:before { display: block; position: absolute; top: 0; left: 0; width: 12px; height: 100%; background: #275ba8; content: ""; }
.mod_tit04:after { display: block; position: absolute; bottom: 0; left: 0; width: 12px; height: 50%; background: #1b4075; content: ""; }
.mod_tit04 .en { display: block; margin-top: 3px; color: #275ba8; font-weight: normal; font-size: 20.8px; font-size: 1.3rem; letter-spacing: 1.6px; letter-spacing: .1rem; }
/*
#styleguide
mod_tit02

左にborderつきのタイトル（ページ名に使用）

```
<p class="mod_tit04">mod_tit04</p>
```
*/
.mod_tit05 { position: relative; line-height: 1.4; margin-bottom: 10px; padding: 10px 10px 10px 25px; background: #dedede; font-weight: 500; font-size: 32px; font-size: 2.0rem; }
@media (min-width: 600px) { .mod_tit05 { margin-bottom: 25px; font-size: 2.2rem; } }
.mod_tit05:before { display: block; position: absolute; top: 50%; left: 0; width: 9px; height: 9px; background: #a7a7a7; content: ""; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
/*
#styleguide
mod_tit05

グレー背景タイトル

```
<p class="mod_tit05">mod_tit05</p>
```
*/
.mod_tit06 { line-height: 1.4; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #333; font-weight: 500; font-size: 28.8px; font-size: 1.8rem; }
@media (min-width: 600px) { .mod_tit06 { margin-bottom: 20px; } }
/*
#styleguide
mod_tit06

下にborderつきのタイトル

```
<p class="mod_tit06">mod_tit06</p>
```
*/
.mod_tit07 { position: relative; line-height: 1.4; margin: 0 0 15px; padding: 0 0 10px 17px; border-bottom: 1px solid #333; font-weight: 500; font-size: 32px; font-size: 2rem; }
@media (min-width: 600px) { .mod_tit07 { margin: 0 0 25px; padding: 0 0 15px 18px; font-size: 2.4rem; } }
.mod_tit07:before { display: block; position: absolute; top: 2px; left: 0; width: 5px; height: 30px; background: #275ba8; content: ""; }
.mod_tit07:after { display: block; position: absolute; top: 17px; left: 0; width: 5px; height: 15px; background: #1b4075; content: ""; }
/*
#styleguide
mod_tit07

左と下にborderつきのタイトル

```
<p class="mod_tit07">mod_tit07</p>
```
*/
/*!  inner
================================================ */
.mod_inner01 { padding: 0 15px; }
@media (min-width: 600px) { .mod_inner01 { width: 1170px; margin: 0 auto; padding-right: 0; padding-left: 0; } }
.mod_inner02 { padding: 0 15px; }
@media (min-width: 600px) { .mod_inner02 { padding: 0; } }
/*!  column
================================================ */
.mod_clm3 .list .img { margin-bottom: 20px; }
.mod_clm3 .list .item { margin-bottom: 30px; }
@media (min-width: 600px) { .mod_clm3 .list .item { float: left; width: 376px; margin: 0 21px 45px 0; }  .mod_clm3 .list .item:nth-child(3n) { margin-right: 0; } }
/*!  box
================================================ */
.mod_box01 { margin-bottom: 15px; }
@media (min-width: 600px) { .mod_box01 { margin-bottom: 20px; } }
.mod_box01 .box { padding-bottom: 30px; }
@media (min-width: 600px) { .mod_box01 .box { padding-bottom: 40px; } }
.mod_box01 .box .img { position: relative; margin-bottom: 15px; }
@media (min-width: 600px) { .mod_box01 .box .img { float: left; width: 340px; margin-bottom: 0; } }
.mod_box01 .box .img .logo { position: absolute; bottom: 10px; left: 10px; max-width: 141px; }
@media (min-width: 600px) { .mod_box01 .box .txt { float: right; width: 520px; } }
.mod_box01 .box .btn { margin-top: 20px; }
@media (min-width: 600px) { .mod_box01 .box .btn { margin-top: 30px; } }
/*!  table
================================================ */
.mod_table01 th { width: 30%; padding: 10px; border-bottom: 1px dotted #d0d0d0; }
@media (min-width: 600px) { .mod_table01 th { width: 25%; padding: 15px; } }
.mod_table01 td { width: 70%; padding: 10px; border-bottom: 1px dotted #d0d0d0; }
@media (min-width: 600px) { .mod_table01 td { width: 75%; padding: 15px; } }
@media (min-width: 600px) { .mod_table01 tr:first-child th , .mod_table01 tr:first-child td { border-top: 1px dotted #d0d0d0; } }
/*!  news
================================================ */
.mod_news01 { padding-bottom: 45px; }
@media (min-width: 600px) { .mod_news01 { padding-bottom: 60px; } }
.mod_news01 .list { padding-bottom: 6px; background: #fff; }
@media (min-width: 600px) { .mod_news01 .list { padding-bottom: 0; } }
.mod_news01 .list .link { display: block; color: #333; text-decoration: none; }
@media (min-width: 600px) { .mod_news01 .list .link { padding: 18px 30px; background: #fff; -webkit-transition: all .3s linear; transition: all .3s linear; }  .mod_news01 .list .link:hover { background: #f2f5fa; color: #275ba8; }  .mod_news01 .list .link:hover .meta .cat { background: #275ba8; -webkit-transition: all .3s linear; transition: all .3s linear; } }
.mod_news01 .list .item { position: relative; padding: 15px; border-bottom: 1px dotted rgba(172, 172, 172, .5); }
@media (min-width: 600px) { .mod_news01 .list .item { padding: 0; } }
.mod_news01 .list .item:last-child { border: none; }
.mod_news01 .list .item .meta .cat { display: inline-block; padding: 0 10px; background: #a9bddc; color: #fff; font-size: 19.2px; font-size: 1.2rem; text-align: center; }
.mod_news01 .list .item .meta .cat + .time { margin-left: 5px; }
@media (min-width: 600px) { .mod_news01 .list .item .meta .cat { font-size: 1.3rem; } }
.mod_news01 .list .item .meta .time { display: inline-block; color: #acacac; font-weight: 500; font-size: 20.8px; font-size: 1.3rem; }
@media (min-width: 600px) { .mod_news01 .list .item .meta .time { color: #949494; font-weight: 400; } }
.mod_news01 .list .item .meta .pdf { position: relative; float: right; padding-top: 1px; color: #949494; font-weight: 500; font-size: 20.8px; font-size: 20.8px; font-size: 1.3rem; }
@media (min-width: 600px) { .mod_news01 .list .item .meta .pdf .pdf { height: 40px; line-height: 40px; color: #949494; font-weight: 400; } }
.mod_news01 .list .item .meta .pdf .ico { display: inline-block; vertical-align: middle; }
.mod_news01 .list .item .meta .pdf .ico:before { display: block; width: 15.5px; height: 17px; background: url(../img/common/ico_pdf01.png) left top no-repeat; background-size: contain; content: ""; }
@media (min-width: 600px) { .mod_news01 .list .item .meta .pdf .ico:before { width: 21px; height: 25px; } }
.mod_news01 .list .item .meta .pdf .ico + .viewPc { margin-left: 5px; }
@media (min-width: 600px) { .mod_news01 .list .item .meta .pdf .ico + .viewPc { display: inline-block; margin: 0 0 4px 5px; } }
.mod_news01 .list .item .tit { margin-top: 5px; font-weight: 500; font-size: 24px; font-size: 1.5rem; }
@media (min-width: 600px) { .mod_news01 .list .item .tit { line-height: 1.5; margin-top: 10px; } }
.mod_news01 .list .item .txt { margin-top: 5px; }
@media (min-width: 600px) { .mod_news01 .list .item .txt { margin-top: 8px; font-size: 1.4rem; } }
/*!  blog
================================================ */
.mod_blog01 { padding: 20px 20px 30px; background: #fff; }
@media (min-width: 600px) { .mod_blog01 { padding: 30px 40px 40px; } }
.mod_blog01 .meta { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #333; }
@media (min-width: 600px) { .mod_blog01 .meta { margin-bottom: 30px; } }
.mod_blog01 .meta .cat { display: inline-block; padding: 0 5px; background: #a9bddc; color: #fff; font-size: 19.2px; font-size: 1.2rem; text-align: center; }
.mod_blog01 .meta .cat + .time { margin-left: 5px; }
@media (min-width: 600px) { .mod_blog01 .meta .cat { margin-top: 13px; font-size: 1.3rem; } }
.mod_blog01 .meta .time { display: inline-block; color: #acacac; font-weight: 500; font-size: 20.8px; font-size: 1.3rem; }
@media (min-width: 600px) { .mod_blog01 .meta .time { color: #949494; font-weight: 400; } }
.mod_blog01 .meta .pdf { position: relative; float: right; padding-top: 1px; color: #949494; font-weight: 500; font-size: 20.8px; font-size: 1.3rem; }
@media (min-width: 600px) { .mod_blog01 .meta .pdf { height: 40px; line-height: 40px; color: #949494; font-weight: 400; } }
.mod_blog01 .meta .pdf .ico { display: inline-block; vertical-align: middle; }
.mod_blog01 .meta .pdf .ico:before { display: block; width: 15.5px; height: 17px; margin-right: 5px; background: url(../img/common/ico_pdf01.png) left top no-repeat; background-size: contain; content: ""; }
@media (min-width: 600px) { .mod_blog01 .meta .pdf .ico:before { width: 21px; height: 25px; } }
.mod_blog01 .tit { line-height: 1.4; margin-bottom: 20px; font-weight: 500; font-size: 35.2px; font-size: 2.2rem; }
@media (min-width: 600px) { .mod_blog01 .tit { margin-bottom: 30px; font-size: 2.6rem; } }
.mod_blog01 .txt p + p { margin-top: 20px; }
.mod_blog01 .txt h3 { position: relative; line-height: 1.4; margin: 20px 0 15px; padding: 10px 10px 10px 25px; background: #dedede; font-weight: 500; font-size: 25.6px; font-size: 1.6rem; }
@media (min-width: 600px) { .mod_blog01 .txt h3 { margin-bottom: 20px; font-size: 1.8rem; } }
.mod_blog01 .txt h3:before { display: block; position: absolute; top: 50%; left: 0; width: 9px; height: 9px; background: #a7a7a7; content: ""; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.mod_blog01 .txt h4 { line-height: 1.4; margin: 20px 0 15px; padding-bottom: 10px; border-bottom: 1px solid #333; font-weight: bold; font-size: 25.6px; font-size: 1.6rem; }
@media (min-width: 600px) { .mod_blog01 .txt h4 { margin-bottom: 20px; font-size: 1.8rem; } }
.mod_blog01 .txt h5 { line-height: 1.4; margin: 20px 0 10px; font-weight: bold; }
.mod_blog01 .txt ol { list-style-type: decimal; padding-left: 20px; }
.mod_blog01 .pdfBtn { margin-top: 20px; }
@media (min-width: 600px) { .mod_blog01 .pdfBtn { margin-top: 40px; } }
/*!  form
================================================ */
.mod_form01 { /*! フォーム初期値 */ /*! checkbox */ }
.mod_form01 input[type="text"] , .mod_form01 input[type="tel"] { box-sizing: border-box; width: 100%; padding: 7px 10px; border: 1px solid #d0d0d0; background: #f0f0f0; font-family: inherit; font-size: inherit; }
.mod_form01 input[type="submit"] , .mod_form01 input[type="button"] { display: block; position: relative; width: 240px; margin: 0 auto; padding: 15px; border: 1px solid #275ba8; background: #275ba8; color: #fff; text-decoration: none; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; }
@media (min-width: 600px) { .mod_form01 input[type="submit"] , .mod_form01 input[type="button"] { display: inline-block; width: 300px; } }
.mod_form01 input[type="submit"].back , .mod_form01 input[type="button"].back { width: 200px; margin-bottom: 10px; background: #fff; color: #275ba8; }
@media (min-width: 600px) { .mod_form01 input[type="submit"].back , .mod_form01 input[type="button"].back { width: 250px; margin-right: 10px; margin-bottom: 0; } }
.mod_form01 input[type="submit"]:hover , .mod_form01 input[type="button"]:hover { background: #fff; color: #275ba8; }
.mod_form01 input[type="radio"] , .mod_form01 input[type="submit"] , .mod_form01 input[type="button"] { cursor: pointer; }
.mod_form01 textarea { box-sizing: border-box; width: 100%; padding: 7px 10px; border: 1px solid #d0d0d0; background: #f0f0f0; font-family: inherit; font-size: inherit; }
.mod_form01 .labelCheck { display: inline-block; position: relative; margin-bottom: 7px; }
.mod_form01 .labelCheck input[type="checkbox"] { display: none; }
.mod_form01 .labelCheck .lever , .mod_form01 .labelCheck .mwform-checkbox-field-text { display: block; padding-left: 27px; cursor: pointer; }
@media (min-width: 600px) { .mod_form01 .labelCheck .lever , .mod_form01 .labelCheck .mwform-checkbox-field-text { padding-left: 30px; } }
.mod_form01 .labelCheck .lever:before , .mod_form01 .labelCheck .mwform-checkbox-field-text:before { display: block; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; margin: auto; border: 1px solid #adadad; content: ""; }
@media (min-width: 600px) { .mod_form01 .labelCheck .lever:before , .mod_form01 .labelCheck .mwform-checkbox-field-text:before { top: 2px; width: 18px; height: 18px; } }
.mod_form01 .labelCheck .lever:after , .mod_form01 .labelCheck .mwform-checkbox-field-text:after { display: block; display: none; position: absolute; top: 3px; left: 1px; width: 16px; height: 16px; margin: auto; background: url(../img/common/ico_checkbox01.png) center center no-repeat; background-size: 16px 16px; content: ""; }
@media (min-width: 600px) { .mod_form01 .labelCheck .lever:after , .mod_form01 .labelCheck .mwform-checkbox-field-text:after { top: 2px; width: 18px; height: 18px; background-size: 18px 18px; } }
.mod_form01 .labelCheck input[type="checkbox"]:checked + .lever:after , .mod_form01 .labelCheck input[type="checkbox"]:checked + .mwform-checkbox-field-text:after { display: block; }
.mod_form01 .table th , .mod_form01 .table td { display: block; width: 100%; }
@media (min-width: 600px) { .mod_form01 .table th , .mod_form01 .table td { display: table-cell; width: auto; border-bottom: 1px dotted #d0d0d0; } }
.mod_form01 .table tr:last-child th , .mod_form01 .table tr:last-child td { border-bottom: none; }
.mod_form01 .table th { position: relative; padding: 10px 0 7px; }
@media (min-width: 600px) { .mod_form01 .table th { width: 25%; padding: 25px 20px; } }
.mod_form01 .table td { padding-bottom: 10px; }
@media (min-width: 600px) { .mod_form01 .table td { padding: 20px; } }
.mod_form01 .table .required , .mod_form01 .table .any { display: inline-block; position: absolute; right: 0; bottom: 8px; width: 45px; height: 20px; line-height: 1; line-height: 20px; color: #fff; font-weight: bold; font-size: 17.6px; font-size: 1.1rem; text-align: center; }
@media (min-width: 600px) { .mod_form01 .table .required , .mod_form01 .table .any { top: 28px; right: 20px; bottom: auto; } }
.mod_form01 .table .required { background: #275ba8; }
.mod_form01 .table .any { background: #a9bddc; }
.mod_form01 .mw_wp_form_preview table td { box-sizing: border-box; padding: 10px; background: #fff; }
@media (min-width: 600px) { .mod_form01 .mw_wp_form_preview table td { background: transparent; } }
.mod_form01 .mw_wp_form_preview .txtArea { display: none; }
.mod_form01 .centertext { margin-bottom: 20px; text-align: center; }
/*!  pager
================================================ */
.mod_pagination01 { display: block; padding: 20px 0 0; font-size: 0; text-align: center; }
@media (min-width: 600px) { .mod_pagination01 { padding-top: 40px; } }
.mod_pagination01 li { display: inline-block; width: 36px; margin: 0 4px; }
@media (min-width: 600px) { .mod_pagination01 li { width: 40px; margin: 0 5px; } }
.mod_pagination01 li a , .mod_pagination01 li span { display: block; box-sizing: border-box; line-height: 1; padding: 10px 0; border: 1px solid #275ba8; background-color: #fff; color: #275ba8; font-size: 20.8px; font-size: 1.3rem; text-decoration: none; }
@media (min-width: 600px) { .mod_pagination01 li a , .mod_pagination01 li span { padding: 12px 0; } }
.mod_pagination01 .current span , .mod_pagination01 li a:hover { border-color: #1559a5; background-color: #1559a5; 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>
```
*/
/*!  mod_pagination02
================================================ */
.mod_pagination02 { position: relative; padding: 80px 0 45px; text-align: center; }
@media (min-width: 600px) { .mod_pagination02 { padding: 40px 0 60px; } }
.mod_pagination02 .btn a { display: block; position: relative; width: 170px; margin: 0 auto; padding: 10px 15px; border: 1px solid #275ba8; background: #fff; color: #275ba8; text-decoration: none; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; }
@media (min-width: 600px) { .mod_pagination02 .btn a { width: 260px; padding: 12px 15px; } }
.mod_pagination02 .btn a:hover { background: #275ba8; color: #fff; }
.mod_pagination02 .prev { position: absolute; top: 20px; left: 0; }
@media (min-width: 600px) { .mod_pagination02 .prev { top: 40px; } }
.mod_pagination02 .next { position: absolute; top: 20px; right: 0; }
@media (min-width: 600px) { .mod_pagination02 .next { top: 40px; } }
.mod_pagination02 .list a { margin: 0 auto; background: #275ba8; color: #fff; }
.mod_pagination02 .list a:hover { background: #fff; color: #275ba8; }
/*# sourceMappingURL=maps/modules.css.map */