@charset "UTF-8";
/*=============================================================
04_modules
=============================================================*/
/*! button
================================================ */
.mod_btn01 > * { display: block; position: relative; width: 100%; padding: 7px 0; border-radius: 6px; background: #ef5c26; background: -webkit-gradient(left top, left bottom, color-stop(0%, #ef5c26), color-stop(50%, #ef5c26), color-stop(51%, #fa6f3d), color-stop(100%, #fa6f3d)); background: -webkit-linear-gradient(top, #ef5c26 0%, #ef5c26 50%, #fa6f3d 51%, #fa6f3d 100%); background: linear-gradient(to bottom, #ef5c26 0%, #ef5c26 50%, #fa6f3d 51%, #fa6f3d 100%); color: #fff; font-weight: 800; font-size: 1.8rem; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5c26', endColorstr='#fa6f3d', GradientType=0 ); }
@media screen and (min-width: 600px) { .mod_btn01 > * { cursor: pointer; } .mod_btn01 > *:hover { background: #d73d09; background: -webkit-gradient(left top, left bottom, color-stop(0%, #d73d09), color-stop(50%, #d73d09), color-stop(51%, #e5511f), color-stop(100%, #e5511f)); background: -webkit-linear-gradient(top, #d73d09 0%, #d73d09 50%, #e5511f 51%, #e5511f 100%); background: linear-gradient(to bottom, #d73d09 0%, #d73d09 50%, #e5511f 51%, #e5511f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d73d09', endColorstr='#e5511f', GradientType=0 ); } }
/*! 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 #888; background-color: #fff; color: #888; 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: #888; color: #fff; }
/*
#styleguide
mod_pagination01
pager
```
```
*/
/*! tit
================================================ */
.mod_tit01 { line-height: 1.5; margin: 0 0 20px; padding: 12px 0 7px 15px; border-left: 7px solid #164176; background: #345c8d; color: #fff; font-weight: 700; font-size: 2.4rem; }
@media screen and (min-width: 600px) { .mod_tit01 { margin: 0 0 30px; padding: 15px 0 13px 30px; border-left: 15px solid #164176; font-size: 2.8rem; } }
.mod_tit02 { margin: 0 0 15px; padding: 0 0 8px; border-bottom: 2px solid #345c8d; color: #345c8d; font-weight: 700; font-size: 1.9rem; }
@media screen and (min-width: 600px) { .mod_tit02 { margin: 0 0 30px; padding: 0 0 15px; font-size: 2.6rem; } }
.mod_tit03 { position: relative; line-height: 1.5; margin: 0 0 10px; padding: 0 0 0 14px; color: #345c8d; font-weight: 700; font-size: 1.6rem; }
.mod_tit03:before { display: block; position: absolute; top: 3px; left: 0; width: 4px; height: 16px; background: #345c8d; content: ""; }
@media screen and (min-width: 600px) { .mod_tit03 { margin: 0 0 20px; padding: 0 0 0 20px; font-size: 2.2rem; } .mod_tit03:before { top: 4px; width: 5px; height: 22px; } }
/*! box
================================================ */
.mod_inner01 { padding: 0 15px; }
@media screen and (min-width: 600px) { .mod_inner01 { width: 1100px; margin: 0 auto; padding: 0; } }
.mod_cv01 { padding: 27px 0 40px; background: url(../img/common/bg_01.png) center repeat; background-size: 75px; }
.mod_cv01 .tit { margin: 0 0 18px; }
.mod_cv01 .txt { margin: 0 0 15px; color: #fff; font-size: 1.1rem; }
@media screen and (max-width: 599px) { .mod_cv01 .txt { position: relative; padding-right: 103px; } .mod_cv01 .txt:after { display: block; position: absolute; right: -2px; bottom: -15px; width: 105px; height: 124px; background: url(../img/common/pic_cv01.png) left top no-repeat; background-size: contain; content: ""; } }
.mod_cv01 .cv { padding: 15px; background: #fff; }
.mod_cv01 .cv .tel { margin: 0 0 15px; }
.mod_cv01 .cv .btn { line-height: 1.7; }
.mod_cv01 .cv .btn .small { display: block; position: relative; font-weight: 800; font-size: 1.1rem; text-align: center; }
.mod_cv01 .cv .btn:before { display: block; position: absolute; top: 0; right: 10px; bottom: 0; width: 63px; height: 48px; margin: auto; background: url(../img/common/ico_mail01.png) left center no-repeat; background-size: contain; content: ""; }
@media screen and (min-width: 600px) { .mod_cv01 { padding: 70px 0 60px; background-size: auto; } .mod_cv01 .mod_inner01 { position: relative; padding-right: 333px; } .mod_cv01 .mod_inner01:before { position: absolute; right: -75px; bottom: -60px; width: 461px; height: 610px; background: url(../img/common/pic_cv01.png) left top no-repeat; background-size: contain; content: ""; } .mod_cv01 .tit { margin: 0 0 30px; } .mod_cv01 .txt { margin: 0 0 30px; color: #fff; font-size: 1.7rem; } .mod_cv01 .cv { width: 660px; padding: 0 40px 30px; } .mod_cv01 .cv .tel a { pointer-events: none; cursor: auto; } .mod_cv01 .cv .tel img { width: auto; margin: -33px 0 0; } .mod_cv01 .cv .btn { padding: 16px 0 15px; font-size: 2.6rem; } .mod_cv01 .cv .btn .small { font-size: 1.5rem; } .mod_cv01 .cv .btn:before { right: 12px; width: 94px; height: 71px; } .mod_cv01 .cv .btn:hover:before { background: url(../img/common/ico_mail01_on.png) left center no-repeat; background-size: contain; } }
/*! 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
三カラム
```
mod_column01
```
*/
/*# sourceMappingURL=maps/modules.css.map */