@charset "UTF-8";
/* ==================================================================================================== フォント
==================================================================================================== */
.font-nsj { font-family: 'Noto Sans JP', sans-serif; }

.font-m { font-family: 'Zen Kurenaido', sans-serif; }

/* ==================================================================================================== ログイン
==================================================================================================== */
.idx { padding-bottom: 130px; }
@media screen and (max-width: 750px) { .idx { padding-bottom: 17.3333333333%; } }
.idx .log-txt { margin-bottom: 50px; text-align: center; }
@media screen and (max-width: 750px) { .idx .log-txt { margin-bottom: 7.4626865672%; } }
.idx dl { margin-bottom: 60px; }
@media screen and (max-width: 750px) { .idx dl { margin-bottom: 8.9552238806%; } }
.idx dl dt { margin-bottom: 2.2388059701%; line-height: 1; }
.idx dl dd input { width: 100%; padding: 30px; border: 1px solid #b4b4b4; background-color: #fff; line-height: 1; border-radius: 10px; }
@media screen and (max-width: 750px) { .idx dl dd input { padding: 4.4776119403%; } }
.idx .log-pass { position: relative; margin-bottom: 220px; text-align: center; }
@media screen and (max-width: 750px) { .idx .log-pass { margin-bottom: 32.8358208955%; } }
.idx .log-pass::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: -120px; width: 435px; height: 10px; background: url("../img/common/heading_bg001.png") no-repeat center bottom; background-size: contain; }
@media screen and (max-width: 750px) { .idx .log-pass::before { bottom: -70px; width: 300px; } }
.idx .log-pass a { text-decoration: underline; font-size: 0.9333333333rem; font-weight: 700; color: #0050ff; }
.idx .form-btn { width: 79.1044776119%; margin: 0 auto 60px; }
@media screen and (max-width: 750px) { .idx .form-btn { margin-bottom: 8.9552238806%; } }
.idx .form-btn button { width: 100%; padding: 30px 20px; background: #00bd9d url("../img/common/arrow_i003.png") no-repeat right 5.5555555556% center; border: none; font-size: 1.6666666667rem; font-weight: 700; text-align: center; color: #fff; line-height: 1; border-radius: 1.5em; box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 750px) { .idx .form-btn button { padding: 4.7619047619% 3.1746031746%; background-size: 34px auto; } }
.idx .account-btn { width: 100%; margin: 0 auto; }
.idx .account-btn a { display: block; padding: 30px 20px; background: #00bd9d url("../img/common/arrow_i003.png") no-repeat right 5.5555555556% center; border: none; font-size: 1.6666666667rem; font-weight: 700; text-align: center; color: #fff; line-height: 1; border-radius: 1.5em; box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 750px) { .idx .account-btn a { padding: 4.7619047619% 3.1746031746%; background-size: 34px auto; } }

/*# sourceMappingURL=login.css.map */
