@charset "UTF-8";
/*=============================================================
 04_modules
=============================================================*/
/*!  button
================================================ */
.mod_btn01 { position: relative; display: block; padding: 10px 0 13px; background: #1f86a1; color: #fff; text-decoration: none; font-size: 1.4rem; font-weight: bold; text-align: center; line-height: 1.85714; letter-spacing: .06em; }
.mod_btn01.ico_phone { padding: 4px 0 10px; }
.mod_btn01.ico_phone:before { content: ""; position: relative; top: 3px; left: -14px; display: inline-block; width: 17px; height: 27px; background: url(../img/ico_phone01.png) no-repeat center; background-size: contain; }
.mod_btn01.ico_arrow:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; content: ""; display: inline-block; width: 6px; height: 20px; background: url(../img/ico_arrowright01.png) no-repeat center; background-size: contain; }
.mod_btn02 { display: block; padding: 10px 0; background: #1f86a1; color: #fff; border: 1px solid; text-decoration: none; font-size: 1.4rem; font-weight: bold; text-align: center; line-height: 1.85714; letter-spacing: .06em; }
.mod_btn02.ico_phone:before { content: ""; position: relative; top: 3px; display: inline-block; margin-right: 22px; width: 17px; height: 23.5px; background: url(../img/ico_phone01.png) no-repeat center; background-size: contain; }
/*!  pager
================================================ */
.mod_pagination01 { display: block; padding: 20px 0; text-align: center; font-size: 0; margin: -10px; }
.mod_pagination01 li { display: inline-block; width: 30px; margin: 10px; }
.mod_pagination01 li a, .mod_pagination01 li span { display: block; line-height: 1; font-size: 12px; color: #d0d2d2; padding: 7px 0 5px; box-sizing: border-box; border: 2px solid #d0d2d2; background-color: #fff; text-decoration: none; }
.mod_pagination01 .prev { width: 50px; margin-right: 15px; }
.mod_pagination01 .next { width: 50px; margin-left: 15px; }
.mod_pagination01 .current { color: #fff; background-color: #d0d2d2; }
/*
#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
================================================ */
.mod_tit01 { text-align: center; color: #0091a2; font-size: 1.8rem; font-weight: 600; line-height: 1.66667; letter-spacing: .12em; }
.mod_tit01 span { font-size: 1.9rem; font-weight: 600; letter-spacing: .06rem; }
.mod_tit02 { text-align: center; }
.mod_tit02 .ja { color: #0091a2; font-size: 2.4rem; line-height: 0.77083; letter-spacing: 0.1em; font-weight: 600; }
.mod_tit02 .en { color: #0091a2; font-size: 1.6rem; font-weight: 600; line-height: 2.3125; letter-spacing: 0.1em; }
.mod_tit03 { padding: 7px 0 10px; margin-bottom: 20px; border-top: 1px solid; border-bottom: 1px solid; color: #0091a2; font-size: 1.5rem; font-weight: 600; text-align: center; line-height: 1.23333; letter-spacing: .08em; }
/*!  box
================================================ */
.mod_box01 { background: url(../img/bg_box01.png) no-repeat right top #c7e6e8; background-size: 330px 95px; }
.mod_box02 { background: url(../img/bg_box02.png) no-repeat right top #e1f4f5; background-size: 345px 95px; }
.mod_cv01 { position: relative; padding: 50px 0 34px; background: url(../img/bg_cv02.png) no-repeat bottom center #41aabb; background-size: cover; }
.mod_cv01:before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 7px; width: 179px; height: 172px; background: url(../img/bg_cv01.png) no-repeat center; background-size: contain; opacity: 0.1; }
.mod_cv01 .tit { margin-bottom: 5px; text-align: center; font-size: 2rem; line-height: 1.45; font-weight: 600; color: #fff; }
.mod_cv01 .tit span { letter-spacing: .06em; }
.mod_cv01 .txt { margin-bottom: 10px; text-align: center; font-size: 1.3rem; line-height: 1.76923; color: #fff; }
.mod_cv01 .img { margin-bottom: 6px; }
.mod_cv01 .hukidashi { position: relative; margin-bottom: 15px; text-align: center; font-size: 1.5rem; font-weight: bold; color: #fff; line-height: 1.66667; letter-spacing: 0.08em; }
.mod_cv01 .hukidashi:before, .mod_cv01 .hukidashi:after { content: ""; position: absolute; top: 15px; height: 45px; width: 1px; background: #fff; }
.mod_cv01 .hukidashi:before { left: 10px; -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); }
.mod_cv01 .hukidashi:after { right: 14px; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.mod_cv01 .box { padding: 20px 17.5px; background: #1f86a1; text-align: center; border-radius: 6px; }
.mod_cv01 .box .tel { position: relative; text-align: center; font-size: 3.7rem; color: #fff; letter-spacing: -0.02em; line-height: 1; }
.mod_cv01 .box .tel:before { position: relative; content: ""; display: inline-block; width: 21px; height: 27px; margin-right: 8px; background: url(../img/ico_tel.png) no-repeat center; background-size: contain; }
.mod_cv01 .box .tel a { color: #fff; text-decoration: none; }
.mod_cv01 .box .time { margin-bottom: 7px; font-size: 1.2rem; line-height: 2.08333; letter-spacing: 0.04em; color: #fff; }
/*!  mod_column01
================================================ */
.mod_column01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }
.mod_column01 > * { width: 31%; padding: 20px 10px 18px; background-color: #333; box-sizing: border-box; }
.mod_column01 > * + * { margin-left: 3%; }
/*
#styleguide
mod_column01

三カラム

```
<p class="mod_column01">mod_column01</p>
```
*/