@charset "UTF-8";
.font-en { font-family: 'Josefin Sans', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.font-num { font-family: 'Roboto', sans-serif; }

.benefits-sec { padding: 80px 0; }
.benefits-sec .benefits-con { display: flex; line-height: 1.6; }
@media screen and (max-width: 750px) { .benefits-sec .benefits-con { display: block; } }
.benefits-sec .benefits-box { width: 50%; }
@media screen and (max-width: 750px) { .benefits-sec .benefits-box { width: 100%; } }
.benefits-sec .benefits-box .benefits-item { padding: 0 60px 0 40px; }
@media screen and (max-width: 750px) { .benefits-sec .benefits-box .benefits-item { padding: 0 4%; } }
.benefits-sec .benefits-box .benefits-heading { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #0d3078; font-size: 2.125rem; font-weight: bold; color: #0d3078; }
@media screen and (max-width: 750px) { .benefits-sec .benefits-box .benefits-heading { font-size: 1.5rem; } }
.benefits-sec .benefits-box dl { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e2e5ea; }
.benefits-sec .benefits-box dl:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.benefits-sec .benefits-box dl dt { font-size: 1.25rem; color: #0d3078; }
.benefits-sec .benefits-box dl dd { margin-top: 20px; }
.benefits-sec .benefits-box dl dd ul li { padding-left: 1em; text-indent: -1em; font-size: 1.125rem; }
.benefits-sec .benefits-box dl dd .benefits-box-txt { padding-left: 2em; }
.benefits-sec .benefits-fig { width: 50%; }
@media screen and (max-width: 750px) { .benefits-sec .benefits-fig { width: 100%; margin-top: 40px; } }

.benefits-02 { background-color: #f4f5ff; }
.benefits-02 .benefits-date { display: flex; justify-content: space-between; margin-top: 70px; }
@media screen and (max-width: 750px) { .benefits-02 .benefits-date { display: block; margin-top: 40px; } }
.benefits-02 .benefits-date li { width: 47.5%; }
@media screen and (max-width: 750px) { .benefits-02 .benefits-date li { width: 100%; margin-bottom: 40px; }
  .benefits-02 .benefits-date li:last-child { margin-bottom: 0; } }

.benefits-table { padding: 90px 0; }
@media screen and (max-width: 750px) { .benefits-table { padding: 80px 0; } }
.benefits-table table { width: 100%; max-width: 1000px; margin: 0 auto; }
.benefits-table table thead th { padding: 10px; background-color: #0d3078; text-align: center; color: #fff; font-size: 1.25rem; font-weight: 400; }
.benefits-table table tbody tr { border-bottom: 1px solid #e2e5ea; }
.benefits-table table tbody th { width: 12em; padding: 20px 45px; background-color: #f4f5ff; text-align: left; font-weight: 400; }
@media screen and (max-width: 750px) { .benefits-table table tbody th { display: block; width: 100%; } }
.benefits-table table tbody td { padding: 20px 30px; }
@media screen and (max-width: 750px) { .benefits-table table tbody td { display: block; width: 100%; } }

.benefits-summary { margin-bottom: 120px; padding: 80px 0 100px; background-color: #f0f1ff; }
@media screen and (max-width: 750px) { .benefits-summary { margin-bottom: 60px; padding-block: 60px; } }
.benefits-summary .summary-top .summary-heading { margin-bottom: 60px; font-size: 2.125rem; font-weight: 700; color: #0d3078; text-align: center; }
@media screen and (max-width: 750px) { .benefits-summary .summary-top .summary-heading { font-size: 1.5rem; } }
.benefits-summary .summary-top .summary-heading span { padding-bottom: 20px; border-bottom: 1px solid #0d3078; }
.benefits-summary .summary-main .summary-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .benefits-summary .summary-main .summary-box { display: block; } }
.benefits-summary .summary-main .summary-box:nth-child(even) { flex-direction: row-reverse; }
.benefits-summary .summary-main .summary-box figure { width: 50%; }
@media screen and (max-width: 750px) { .benefits-summary .summary-main .summary-box figure { width: 100%; } }
.benefits-summary .summary-main .summary-box figure img { width: 100%; height: 100%; object-fit: cover; }
.benefits-summary .summary-main .summary-box .summary-box-main { flex: 1; padding: 2.34375% 4.6875%; line-height: 1.6; }
@media screen and (max-width: 750px) { .benefits-summary .summary-main .summary-box .summary-box-main { padding: 30px 4%; } }
.benefits-summary .summary-main .summary-box .summary-box-main .summary-subheading { margin-bottom: 25px; font-size: 1.5625rem; font-weight: 700; }
@media screen and (max-width: 750px) { .benefits-summary .summary-main .summary-box .summary-box-main .summary-subheading { font-size: 1.375rem; } }
.benefits-summary .summary-main .summary-box .summary-box-main .summary-txtheading { margin-bottom: 25px; font-size: 1.25rem; font-weight: 700; color: #0d3078; }
.benefits-summary .summary-main .summary-box .summary-box-main .summary-list { margin-bottom: 30px; }
.benefits-summary .summary-main .summary-box .summary-box-main .summary-list li { margin-bottom: 10px; font-size: 1.125rem; }
.benefits-summary .summary-main .summary-box .summary-box-main .summary-list li::before { content: '●'; margin-right: 0.5em; color: #0094da; font-size: 80%; }
.benefits-summary .summary-main .summary-box .summary-box-main .summary-list li:last-child { margin-bottom: 0; }
.benefits-summary .summary-main .summary-box .summary-box-main dl { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e2e5ea; }
.benefits-summary .summary-main .summary-box .summary-box-main dl:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.benefits-summary .summary-main .summary-box .summary-box-main dl dt { font-size: 1.25rem; color: #0d3078; }
@media screen and (max-width: 750px) { .benefits-summary .summary-main .summary-box .summary-box-main dl dt { font-size: 1.25rem; } }
.benefits-summary .summary-main .summary-box .summary-box-main dl dd { margin-top: 20px; }
.benefits-summary .summary-main .summary-box .summary-box-main dl dd ul li { padding-left: 1em; text-indent: -1em; font-size: 1.125rem; }
.benefits-summary .summary-main .summary-box .summary-box-main dl dd .benefits-box-txt { padding-left: 2em; }

/*# sourceMappingURL=benefits.css.map */