@charset "UTF-8"; /*============================================================= 04_modules =============================================================*/ /*! tit ================================================ */ /*! .mod_tit01 ------------------------------------------------ */ .mod_tit01 { position: relative; margin: 30px 0 26px; padding: 30px 0 0; font-weight: bold; font-size: 33.6px; font-size: 2.1rem; text-align: center; } .mod_tit01:before { display: block; position: absolute; top: 0; right: 0; left: 0; width: 25px; height: 25px; margin: auto; background-repeat: no-repeat; background-position: center top; background-size: cover; content: ""; } .mod_tit01.basic:before { background-image: url(../img/common/ico_basic01.png); } .mod_tit01.mail:before { background-image: url(../img/common/ico_mail01.png); } .mod_tit01.account:before { background-image: url(../img/common/ico_account01.png); } .mod_tit01.comment:before { background-image: url(../img/common/ico_comment01.png); } .mod_tit01.consent:before { background-image: url(../img/common/ico_consent01.png); } .mod_tit01.finish:before { background-image: url(../img/common/ico_finish01.png); } .mod_tit01.agreement:before { background-image: url(../img/common/ico_agreement01.png); } .mod_tit01.key01:before { background-image: url(../img/common/ico_key01.png); } .mod_tit01.key02:before { background-image: url(../img/common/ico_key02.png); } .mod_tit01.mail:before { background-image: url(../img/common/ico_mail01.png); } .mod_tit01.notice:before { background-image: url(../img/common/ico_notice01.png); } .mod_tit01.withdrawal:before { background-image: url(../img/common/ico_withdrawal01.png); } @media screen and (min-width: 768px) { .mod_tit01 { margin: 0 0 36px; padding: 40px 0 0; font-size: 2.2rem; } .mod_tit01:before { width: 32px; height: 32px; margin: auto; } } /* #styleguide mod_tit01 mod_tit01 ```

mod_tit01

``` */ /*! .mod_tit02 ------------------------------------------------ */ .mod_tit02 { margin: 0 0 5px; padding: 12px 0; border-bottom: 2px solid #e1e0d9; font-weight: bold; font-size: 32px; font-size: 2.0rem; } .mod_tit02 span { display: block; position: relative; padding: 0 0 0 10px; border-left: 6px solid #ed3939; } .mod_tit02[data-toggle="collapse"] { cursor: pointer; } .mod_tit02[data-toggle="collapse"] span { padding: 0 20px 0 10px; } .mod_tit02[data-toggle="collapse"] span:after { position: absolute; top: 50%; right: 3px; width: 12px; height: 12px; margin: -9px auto 0; border-right: 3px solid #ed3939; border-bottom: 3px solid #ed3939; content: ""; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mod_tit02[data-toggle="collapse"].collapsed span:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @media screen and (min-width: 768px) { .mod_tit02 { margin: 0 0 20px; padding: 15px 0; font-size: 2.2rem; } .mod_tit02 span { border-left: 7px solid #ed3939; } .mod_tit02[data-toggle="collapse"] span { padding: 0 25px 0 10px; } .mod_tit02[data-toggle="collapse"] span:after { right: 4px; width: 14px; height: 14px; margin: -7px auto 0; } } /* #styleguide mod_tit01 mod_tit01 ```

mod_tit01

``` */ /*! .mod_tit03 ------------------------------------------------ */ .mod_tit03 { position: relative; line-height: 1.4; margin: 0 0 20px; padding: 0 0 15px; font-weight: bold; font-size: 30.4px; font-size: 1.9rem; text-align: center; letter-spacing: .05em; } .mod_tit03:after { display: block; position: absolute; right: 0; bottom: 0; left: 0; width: 40px; height: 4px; margin: auto; background: #ed3939; content: ""; } .mod_tit03.success:after { background: #44b5ac; } @media screen and (min-width: 768px) { .mod_tit03 { margin: 0 0 26px; padding: 0 0 14px; font-size: 2.4rem; } } /* #styleguide mod_tit03 mod_tit03 ```

mod_tit01

``` */ /*! .mod_tit04 ------------------------------------------------ */ .mod_tit04 { line-height: 1.4; margin: 0 0 10px; color: #ed3939; font-size: 25.6px; font-size: 1.6rem; } .mod_tit04.success { color: #44b5ac; } @media screen and (min-width: 768px) { .mod_tit04 { font-size: 1.8rem; } } /* #styleguide mod_tit03 mod_tit03 ```

mod_tit01

``` */ /*! .mod_tit05 ------------------------------------------------ */ .mod_tit05 { line-height: 1.4; margin: 0 0 10px; padding: 8px 0 6px; border-top: 2px solid #ed3939; border-bottom: 2px solid #ed3939; color: #333; font-size: 25.6px; font-size: 1.6rem; } @media screen and (min-width: 768px) { .mod_tit05 { margin: 0 0 20px; font-size: 1.8rem; } } /* #styleguide mod_tit05 mod_tit05 ```

mod_tit05

``` */ /*! .mod_tit06 ------------------------------------------------ */ .mod_tit06 { line-height: 1.4; margin: 0 -15px 15px; padding: 8px 15px 7px; background: #ed3939; color: #fff; font-size: 28.8px; font-size: 28.8px; font-size: 1.8rem; } @media screen and (min-width: 768px) { .mod_tit06 { margin: 0 0 30px; padding: 12px 15px 11px; font-size: 2.4rem; } } /* #styleguide mod_tit06 mod_tit06 ```

mod_tit06

``` */ /*! box ================================================ */ .mod_formBox01 { margin: 0 0 25px; padding: 25px 0 10px; border: 5px solid #f4f3ed; border-radius: 20px; } @media screen and (min-width: 768px) { .mod_formBox01 { margin: 0 auto 40px; padding: 30px 35px 26px; border: 7px solid #f4f3ed; width: 65%; } } /* #styleguide .mod_formBox01 ```

mod_formBox01

``` */ /*! .mod_table01 ------------------------------------------------ */ .mod_table01 { border: 1px solid #e1e0d9; border-collapse: collapse; } .mod_table01 th , .mod_table01 td { line-height: 1.7; padding: 7px 10px 6px; border: 1px solid #e1e0d9; font-size: 22.4px; font-size: 1.4rem; text-align: left; vertical-align: middle; } .mod_table01 th { text-align: center; } .mod_table01 thead th { background: #767573; color: #fff; font-weight: bold; } .mod_table01 tbody th { background: #f4f3ed; } @media screen and (min-width: 768px) { .mod_table01 th , .mod_table01 td { padding: 8px 15px 7px; font-size: 1.5rem; } } /*! button ================================================ */ .mod_btnBox01 { text-align: center; } .mod_btnBox01 .btn { width: 100%; } @media screen and (min-width: 768px) { .mod_btnBox01 .btn { width: 340px; } } .submitArea .btn , .btnBox .btn , .mod_btnBox01 .btn { position: relative; box-sizing: border-box; width: 100%; max-width: 100%; padding: 10px 12px; border-radius: 0; font-weight: bold; font-size: 25.6px; font-size: 1.6rem; text-decoration: none; white-space: normal; } .submitArea .btn:active , .submitArea .btn:focus , .btnBox .btn:active , .btnBox .btn:focus , .mod_btnBox01 .btn:active , .mod_btnBox01 .btn:focus { box-shadow: none; } .submitArea .btn.btn-default , .submitArea .btn.btn-default:focus , .btnBox .btn.btn-default , .btnBox .btn.btn-default:focus , .mod_btnBox01 .btn.btn-default , .mod_btnBox01 .btn.btn-default:focus { border: 2px solid #ed3939; background-color: #fff; color: #ed3939; } .submitArea .btn.btn-primary , .submitArea .btn.btn-primary:focus , .btnBox .btn.btn-primary , .btnBox .btn.btn-primary:focus , .mod_btnBox01 .btn.btn-primary , .mod_btnBox01 .btn.btn-primary:focus { border: 2px solid #ed3939; background-color: #ed3939; color: #fff; box-shadow: none; } .submitArea .btn.btn-success , .submitArea .btn.btn-success:focus , .btnBox .btn.btn-success , .btnBox .btn.btn-success:focus , .mod_btnBox01 .btn.btn-success , .mod_btnBox01 .btn.btn-success:focus { border: 2px solid #44b5ac; background-color: #fff; color: #44b5ac; box-shadow: none; } .submitArea .btn.btn-info , .submitArea .btn.btn-info:focus , .btnBox .btn.btn-info , .btnBox .btn.btn-info:focus , .mod_btnBox01 .btn.btn-info , .mod_btnBox01 .btn.btn-info:focus { border: 2px solid #e1e0d9; background-color: #fff; color: #333; font-weight: normal; box-shadow: none; } .submitArea .btn.arrow:before , .btnBox .btn.arrow:before , .mod_btnBox01 .btn.arrow:before { position: absolute; top: 0; right: 10px; bottom: 0; width: 8px; height: 8px; margin: auto; border-top: 2px solid #fff; border-right: 2px solid #fff; vertical-align: middle; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .submitArea .btn.arrow.btn-default:before , .submitArea .btn.arrow.btn-default:focus:before , .btnBox .btn.arrow.btn-default:before , .btnBox .btn.arrow.btn-default:focus:before , .mod_btnBox01 .btn.arrow.btn-default:before , .mod_btnBox01 .btn.arrow.btn-default:focus:before { border-top: 2px solid #ed3939; border-right: 2px solid #ed3939; } .submitArea .btn.arrow.btn-success:before , .submitArea .btn.arrow.btn-success:focus:before , .btnBox .btn.arrow.btn-success:before , .btnBox .btn.arrow.btn-success:focus:before , .mod_btnBox01 .btn.arrow.btn-success:before , .mod_btnBox01 .btn.arrow.btn-success:focus:before { border-top: 2px solid #44b5ac; border-right: 2px solid #44b5ac; } .submitArea .btn.arrow.btn-primary:before , .submitArea .btn.arrow.btn-primary:focus:before , .btnBox .btn.arrow.btn-primary:before , .btnBox .btn.arrow.btn-primary:focus:before , .mod_btnBox01 .btn.arrow.btn-primary:before , .mod_btnBox01 .btn.arrow.btn-primary:focus:before { border-top: 2px solid #fff; border-right: 2px solid #fff; } .submitArea .btn.arrow.btn-info:before , .submitArea .btn.arrow.btn-info:focus:before , .btnBox .btn.arrow.btn-info:before , .btnBox .btn.arrow.btn-info:focus:before , .mod_btnBox01 .btn.arrow.btn-info:before , .mod_btnBox01 .btn.arrow.btn-info:focus:before { border-top: 2px solid #c9c8c3; border-right: 2px solid #c9c8c3; } .submitArea .btn.site:before , .btnBox .btn.site:before , .mod_btnBox01 .btn.site:before { position: absolute; top: 0; right: 15px; bottom: 0; width: 14px; height: 14px; margin: auto; vertical-align: middle; content: ""; } .submitArea .btn.site.btn-info:before , .submitArea .btn.site.btn-info:focus:before , .btnBox .btn.site.btn-info:before , .btnBox .btn.site.btn-info:focus:before , .mod_btnBox01 .btn.site.btn-info:before , .mod_btnBox01 .btn.site.btn-info:focus:before { background: url(../img/common/ico_site01.png) center center no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .submitArea .btn.txtLeft , .btnBox .btn.txtLeft , .mod_btnBox01 .btn.txtLeft { padding: 10px 40px 10px 20px; text-align: left; } .submitArea .btn.txtLeft:before , .btnBox .btn.txtLeft:before , .mod_btnBox01 .btn.txtLeft:before { right: 18px; } } @media screen and (min-width: 768px) { .submitArea .btn , .btnBox .btn , .mod_btnBox01 .btn { width: 340px; height: 60px; padding: 16px 20px 17px; transition: all .5s ease; } .submitArea .btn.btn-default:hover , .submitArea .btn.btn-default:active , .btnBox .btn.btn-default:hover , .btnBox .btn.btn-default:active , .mod_btnBox01 .btn.btn-default:hover , .mod_btnBox01 .btn.btn-default:active { background-color: #ed3939; color: #fff; } .submitArea .btn.btn-primary:hover , .submitArea .btn.btn-primary:active , .btnBox .btn.btn-primary:hover , .btnBox .btn.btn-primary:active , .mod_btnBox01 .btn.btn-primary:hover , .mod_btnBox01 .btn.btn-primary:active { border-color: #f16868; background-color: #f16868; } .submitArea .btn.btn-success:hover , .submitArea .btn.btn-success:active , .btnBox .btn.btn-success:hover , .btnBox .btn.btn-success:active , .mod_btnBox01 .btn.btn-success:hover , .mod_btnBox01 .btn.btn-success:active { border: 2px solid #44b5ac; background-color: #44b5ac; color: #fff; box-shadow: none; } .submitArea .btn.btn-info:hover , .submitArea .btn.btn-info:active , .btnBox .btn.btn-info:hover , .btnBox .btn.btn-info:active , .mod_btnBox01 .btn.btn-info:hover , .mod_btnBox01 .btn.btn-info:active { border: 2px solid #c9c8c3; background-color: #c9c8c3; color: #fff; box-shadow: none; } .submitArea .btn.arrow:before , .btnBox .btn.arrow:before , .mod_btnBox01 .btn.arrow:before { right: 20px; width: 7px; height: 7px; transition: all .5s ease; } .submitArea .btn.arrow.btn-default:hover:before , .submitArea .btn.arrow.btn-default:active:before , .submitArea .btn.arrow.btn-success:hover:before , .submitArea .btn.arrow.btn-success:active:before , .submitArea .btn.arrow.btn-info:hover:before , .submitArea .btn.arrow.btn-info:active:before , .btnBox .btn.arrow.btn-default:hover:before , .btnBox .btn.arrow.btn-default:active:before , .btnBox .btn.arrow.btn-success:hover:before , .btnBox .btn.arrow.btn-success:active:before , .btnBox .btn.arrow.btn-info:hover:before , .btnBox .btn.arrow.btn-info:active:before , .mod_btnBox01 .btn.arrow.btn-default:hover:before , .mod_btnBox01 .btn.arrow.btn-default:active:before , .mod_btnBox01 .btn.arrow.btn-success:hover:before , .mod_btnBox01 .btn.arrow.btn-success:active:before , .mod_btnBox01 .btn.arrow.btn-info:hover:before , .mod_btnBox01 .btn.arrow.btn-info:active:before { border-top: 2px solid #fff; border-right: 2px solid #fff; } .submitArea .btn.site.btn-info:before , .submitArea .btn.site.btn-info:focus:before , .btnBox .btn.site.btn-info:before , .btnBox .btn.site.btn-info:focus:before , .mod_btnBox01 .btn.site.btn-info:before , .mod_btnBox01 .btn.site.btn-info:focus:before { right: 20px; } .submitArea .btn.w380 , .btnBox .btn.w380 , .mod_btnBox01 .btn.w380 { width: 380px; } .submitArea .btn.w400 , .btnBox .btn.w400 , .mod_btnBox01 .btn.w400 { width: 400px; } .submitArea .btn.w440 , .btnBox .btn.w440 , .mod_btnBox01 .btn.w440 { width: 440px; } .submitArea .btn.w480 , .btnBox .btn.w480 , .mod_btnBox01 .btn.w480 { width: 480px; } .submitArea .btn.w520 , .btnBox .btn.w520 , .mod_btnBox01 .btn.w520 { width: 520px; } } /* #styleguide mod_btn01 mod_btn01 ```
``` */ /*! link ================================================ */ .mod_arrow02 { position: relative; padding-left: 14px; color: inherit; text-decoration: none; } .mod_arrow02:before { display: block; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; border-right: 2px solid #ed3939; border-bottom: 2px solid #ed3939; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media screen and (min-width: 768px) { .mod_arrow02:before { top: 5px; } } /*! list ================================================ */ /*! .mod_ulList01 ------------------------------------------------ */ .mod_ulList01 > li { position: relative; line-height: 1.5; margin-bottom: 5px; padding-left: 1em; font-size: 22.4px; font-size: 1.4rem; } .mod_ulList01 > li:before { display: block; position: absolute; top: 7px; left: 0; width: 6px; height: 6px; border-radius: 3px; background: #adada9; content: ""; } @media screen and (min-width: 768px) { .mod_ulList01 > li { line-height: 1.7; margin-bottom: 4px; font-size: 1.5rem; } .mod_ulList01 > li:before { top: 10px; width: 6px; height: 6px; border-radius: 3px; } } /* #styleguide mod_ulList01 mod_ulList ```
``` */ /*! .mod_olList01 ------------------------------------------------ */ .mod_olList01 { counter-reset: number; } .mod_olList01 > li { position: relative; line-height: 1.5; margin-bottom: 5px; padding-left: 20px; font-size: 22.4px; font-size: 1.4rem; counter-increment: number; } .mod_olList01 > li:before { display: block; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; line-height: 16px; overflow: hidden; border-radius: 8px; background: #ed3939; color: #fff; font-weight: normal; font-size: 19.2px; font-size: 1.2rem; text-align: center; vertical-align: middle; content: counter(number); } @media screen and (min-width: 768px) { .mod_olList01 > li { line-height: 1.7; margin-bottom: 4px; padding-left: 24px; font-size: 1.5rem; } .mod_olList01 > li:before { top: 4px; width: 18px; height: 18px; line-height: 18px; border-radius: 9px; font-size: 1.2rem; } } /* #styleguide mod_ulList01 mod_ulList ```
``` */ /*! pager ================================================ */ .mod_pagination01 { display: block; padding: 20px 0; font-size: 0; text-align: center; } .mod_pagination01 li { display: inline-block; width: 30px; margin: 0 5px; } .mod_pagination01 li a , .mod_pagination01 li span { display: block; box-sizing: border-box; line-height: 1; padding: 7px 0 5px; border: 2px solid #e1e0d9; background-color: #fff; color: #333; font-size: 12px; text-decoration: none; } .mod_pagination01 li a:hover , .mod_pagination01 li span:hover { background-color: #e1e0d9; color: #fff; } .mod_pagination01 .prev { width: 50px; margin: 0 15px 0 0; } .mod_pagination01 .next { width: 50px; margin: 0 0 0 15px; } .mod_pagination01 .current a { background-color: #e1e0d9; color: #fff; } @media screen and (max-width: 767px) { .mod_pagination01 li { width: 35px; } .mod_pagination01 li a , .mod_pagination01 li span { padding: 9px 0 7px; font-size: 13px; } } /* #styleguide mod_pagination01 pager ```
``` */ /*# sourceMappingURL=maps/modules.css.map */