@charset "UTF-8";
.pc {
    display: inline-block
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .pc {
        display: none
    }
}

.mv .mv__title {
    padding-top: 8.4rem;
    padding-bottom: 8.8rem;
    position: relative;
    z-index: 999
}

@media only screen and (max-width:972px) {
    .mv .mv__title {
        padding-top: 2.5rem;
        padding-bottom: 2.8rem
    }
}

@media only screen and (max-width:480px) {
    .mv .mv__title {
        padding-top: 1.8rem;
        padding-bottom: 2rem
    }
}

.mv .mv__title span {
    display: block;
    color: #153a9d
}

.mv .mv__title .small {
    font-size: 4.5rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 1rem
}

@media only screen and (max-width:972px) {
    .mv .mv__title .small {
        font-size: 3rem
    }
}

@media only screen and (max-width:480px) {
    .mv .mv__title .small {
        font-size: 1.8rem
    }
}

.mv .mv__title .large {
    font-size: 6.5rem;
    line-height: 1;
    font-weight: 800
}

@media only screen and (max-width:972px) {
    .mv .mv__title .large {
        font-size: 4.2rem
    }
}

@media only screen and (max-width:480px) {
    .mv .mv__title .large {
        font-size: 2.5rem
    }
}

.mv .mv__main {
    background-image: url("../../img/mv_bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.mv .mv__main .inner {
    max-width: calc(1350px + 9rem);
    padding-top: 6.9rem
}

@media only screen and (max-width:972px) {
    .mv .mv__main .inner {
        padding-top: 3.9rem
    }
}

.mv .mv__main .mv__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 2rem;
    justify-content: space-between
}

@media only screen and (max-width:972px) {
    .mv .mv__main .mv__flex {
        flex-direction: column;
        margin-left: 0
    }
}

.mv .mv__main .mv__flex .mv__list {
    width: 52%
}

@media only screen and (max-width:972px) {
    .mv .mv__main .mv__flex .mv__list {
        width: 100%;
        max-width: 650px;
        margin: 0 auto 3rem
    }
}

.mv .mv__main .mv__flex .mv__img {
    width: 42%;
    margin-top: -32rem;
    min-width: 544px
}

@media only screen and (max-width:1399px) {
    .mv .mv__main .mv__flex .mv__img {
        margin-top: -12rem;
        min-width: 435px
    }
}

@media only screen and (max-width:972px) {
    .mv .mv__main .mv__flex .mv__img {
        width: 60%;
        margin-top: 0
    }
}

@media only screen and (max-width:480px) {
    .mv .mv__main .mv__flex .mv__img {
        min-width: 0;
        width: 100%
    }
}

.mv .mv__main .list__white {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    padding: 4.8rem 3.2rem;
    margin-bottom: 1rem
}

@media only screen and (max-width:972px) {
    .mv .mv__main .list__white {
        padding: 4rem 3rem 4rem
    }
}

@media only screen and (max-width:480px) {
    .mv .mv__main .list__white {
        padding: 3rem 1.6rem;
        border-radius: 15px
    }
}

.mv .mv__main .list__item {
    font-size: 3rem;
    color: #153a9d;
    position: relative;
    font-weight: 700;
    padding-left: 5.2rem;
    line-height: 1.2
}

@media only screen and (max-width:972px) {
    .mv .mv__main .list__item {
        font-size: 2.3rem
    }
}

@media only screen and (max-width:480px) {
    .mv .mv__main .list__item {
        font-size: 1.8rem;
        padding-left: 3.8rem
    }
}

.mv .mv__main .list__item:not(:last-child) {
    margin-bottom: 3.2rem
}

@media only screen and (max-width:972px) {
    .mv .mv__main .list__item:not(:last-child) {
        margin-bottom: 1.8rem
    }
}

.mv .mv__main .list__item::before {
    content: '';
    position: absolute;
    background-image: url(../../img/checkmark.png);
    width: 38px;
    height: 28px;
    left: 0;
    top: 0
}

@media only screen and (max-width:480px) {
    .mv .mv__main .list__item::before {
        width: 28px;
        height: 18px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-size: contain
    }
}

.mv .mv__main .mv__button {
    max-width: 683px;
    display: block;
    margin: 0 auto;
    opacity: 1;
    transition: 0.3s
}

.mv .mv__main .mv__button:hover {
    opacity: 0.8;
    transition: 0.3s
}

@media only screen and (max-width:972px) {
    .mv .mv__main .mv__button {
        max-width: 400px
    }
}

.worry .worry__title {
    font-size: 6rem;
    line-height: 1;
    text-align: center;
    color: #464749
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .worry .worry__title {
        font-size: 4rem
    }
}

@media only screen and (max-width:480px) {
    .worry .worry__title {
        font-size: 2.8rem;
        line-height: 1.6
    }
}

.worry .worry__title .inner {
    padding-top: 9.8rem;
    padding-bottom: 5rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .worry .worry__title .inner {
        padding-top: 5rem;
        padding-bottom: 3.6rem
    }
}

@media only screen and (max-width:480px) {
    .worry .worry__title .inner {
        padding-top: 3rem;
        padding-bottom: 2.4rem
    }
}

.worry .worry__black__bg {
    position: relative;
    background-image: url("../../img/gray_bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.666667
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .worry .worry__black__bg {
        font-size: 2rem
    }
}

.worry .worry__black__bg::after {
    content: '';
    position: absolute;
    background-image: url(../../img/triangle_black.png);
    width: 122px;
    height: 46px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 90%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: contain
}

.worry .worry__black__bg .inner {
    padding-top: 7.6rem;
    padding-bottom: 8.7rem;
    position: relative;
    z-index: 10
}

.worry .worry__black__bg .inner::before {
    content: '';
    position: absolute;
    background-image: url(../../img/worry_person.png);
    width: 535px;
    height: 675px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .worry .worry__black__bg .inner::before {
        width: 400px;
        height: 504px
    }
}

.worry .worry__black__bg .worry__block {
    position: relative;
    z-index: 20
}

.worry .worry__black__bg .worry__block:not(:last-child) {
    margin-bottom: 6rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .worry .worry__black__bg .worry__block:not(:last-child) {
        margin-bottom: 4rem
    }
}

.worry .worry__black__bg .worry__yellow {
    font-weight: 600;
    color: #ff6
}

.worry .worry__black__bg .--has-line {
    text-decoration: underline wavy #ff6
}

.resolution .resolution__title .inner {
    padding-top: 9.8rem;
    padding-bottom: 5rem
}

@media only screen and (max-width:480px) {
    .resolution .resolution__title .inner {
        padding-top: 5rem;
        padding-bottom: 3rem
    }
}

.resolution .resolution__main {
    background-image: url("../../img/light_blue_bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.resolution .resolution__main .inner {
    padding-top: 5.7rem;
    padding-bottom: 6.7rem;
    position: relative;
    z-index: 10
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .resolution .resolution__main .inner {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.resolution .resolution__main .inner::after {
    content: '';
    position: absolute;
    background-image: url(../../img/resolution_img_1.png);
    width: 761px;
    height: 746px;
    left: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .resolution .resolution__main .inner::after {
        width: 500px;
        height: 490px;
        left: auto;
        right: 0
    }
}

@media only screen and (max-width:480px) {
    .resolution .resolution__main .inner::after {
        display: none
    }
}

.resolution .resolution__main .main__wrapper {
    max-width: 872px;
    width: 100%;
    margin-left: auto;
    position: relative;
    z-index: 20
}

.resolution .resolution__main .resolution__text {
    font-size: 3rem;
    color: #153a9d;
    font-weight: 600;
    margin-bottom: 4rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .resolution .resolution__main .resolution__text {
        font-size: 2rem;
        margin-bottom: 2rem
    }
}

.resolution .resolution__main .resolution__text .large {
    font-size: 4rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .resolution .resolution__main .resolution__text .large {
        font-size: 3rem
    }
}

.resolution .resolution__main .resolution__block {
    margin-left: 3.9rem;
    font-size: 3rem;
    line-height: 1.666667;
    color: #fff;
    font-weight: 300
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .resolution .resolution__main .resolution__block {
        margin-left: 0;
        font-size: 2rem
    }
}

.resolution .resolution__main .resolution__block:not(:last-child) {
    margin-bottom: 4.5rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .resolution .resolution__main .resolution__block:not(:last-child) {
        margin-bottom: 2.3rem
    }
}

.resolution .resolution__main .resolution__block .yellow_text {
    color: #ff0;
    font-weight: 600
}

.resolution .resolution__main .resolution__block .big {
    font-size: 5rem;
    line-height: 1
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .resolution .resolution__main .resolution__block .big {
        font-size: 3.8rem
    }
}

.feature .inner {
    padding-top: 9.7rem;
    padding-bottom: 18rem;
    max-width: calc(1200px + 9rem)
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .inner {
        padding-top: 5rem;
        padding-bottom: 8rem
    }
}

.feature .common__title {
    margin-bottom: 6.3rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .common__title {
        margin-bottom: 4.5rem
    }
}

.feature .feature__list {
    padding: 4.6rem 4.6rem 5.6rem;
    background-color: #d4ebfd;
    border-radius: 20px
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list {
        padding: 3rem 2rem
    }
}

.feature .feature__list:not(:last-child) {
    margin-bottom: 3.4rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list:not(:last-child) {
        margin-bottom: 2.8rem
    }
}

.feature .feature__list .featureList__title {
    font-size: 4rem;
    color: #153a9d;
    font-weight: 600;
    margin-bottom: 6rem;
    line-height: 1.2
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .featureList__title {
        font-size: 2.8rem;
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:480px) {
    .feature .feature__list .featureList__title {
        font-size: 2.2rem
    }
}

.feature .feature__list .featureList__desc {
    padding-left: 10rem;
    font-size: 2.5rem;
    line-height: 1.6;
    font-weight: 400
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .featureList__desc {
        font-size: 1.8rem;
        padding-left: 3.4rem;
        text-align: justify;
        text-justify: inter-ideograph
    }
}

@media only screen and (max-width:480px) {
    .feature .feature__list .featureList__desc {
        font-size: 1.6rem;
        padding-left: 0
    }
}

.feature .feature__list .featureList__desc .red_text {
    font-weight: 600;
    color: #f00
}

.feature .feature__list .featureList__desc .big {
    font-size: 3.5rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .featureList__desc .big {
        font-size: 2.4rem
    }
}

.feature .feature__list .profitModel {
    background-color: #fff;
    max-width: 900px;
    border-radius: 10px;
    padding: 6.3rem 2rem 6.5rem 4.8rem;
    color: #58583b;
    font-size: 2.5rem;
    line-height: 1.6;
    margin-top: 3.8rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel {
        padding: 4rem 1.8rem;
        font-size: 2rem;
        margin-top: 2.8rem
    }
}

.feature .feature__list .profitModel .profitModel__title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 5rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel .profitModel__title {
        margin-bottom: 2.3rem
    }
}

.feature .feature__list .profitModel .profitModel__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.feature .feature__list .profitModel .profitModel__flex:not(:last-child) {
    margin-bottom: 2rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel .profitModel__flex:not(:last-child) {
        margin-bottom: 1.3rem
    }
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel .profitModel__flex:last-child {
        flex-direction: column
    }
    .feature .feature__list .profitModel .profitModel__flex:last-child .flex__text {
        margin-top: 1rem;
        width: 100%
    }
}

.feature .feature__list .profitModel .profitModel__flex .flex__title {
    color: #153a9d;
    width: 137px;
    min-width: 137px;
    font-weight: 600
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel .profitModel__flex .flex__title {
        width: 101px;
        min-width: 101px
    }
}

.feature .feature__list .profitModel .profitModel__flex .flex__text {
    font-size: 2rem;
    font-weight: 400
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel .profitModel__flex .flex__text {
        font-size: 1.8rem;
        width: 70%
    }
}

@media only screen and (max-width:480px) {
    .feature .feature__list .profitModel .profitModel__flex .flex__text {
        font-size: 1.6rem
    }
}

.feature .feature__list .profitModel .profitModel__flex .flex__text .bold {
    font-size: 2.5rem;
    font-weight: 600
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel .profitModel__flex .flex__text .bold {
        font-size: 2rem
    }
}

@media only screen and (max-width:480px) {
    .feature .feature__list .profitModel .profitModel__flex .flex__text .bold {
        font-size: 1.8rem
    }
}

.feature .feature__list .profitModel .profitModel__flex .flex__text .parentheses {
    font-size: 2.3rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel .profitModel__flex .flex__text .parentheses {
        font-size: 1.8rem
    }
}

@media only screen and (max-width:480px) {
    .feature .feature__list .profitModel .profitModel__flex .flex__text .parentheses {
        font-size: 1.4rem
    }
}

.feature .feature__list .profitModel .profitModel__flex .flex__block {
    line-height: 2;
    margin-top: 2rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel .profitModel__flex .flex__block {
        font-size: 1.6rem
    }
}

.feature .feature__list .profitModel .profitModel__flex .flex__block:not(:last-of-type) {
    margin-bottom: 5.6rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .feature .feature__list .profitModel .profitModel__flex .flex__block:not(:last-of-type) {
        margin-bottom: 3.4rem
    }
}

.merit .merit__title {
    font-size: 3.9rem;
    line-height: 1.66666667;
    color: #153a9d;
    font-weight: 600;
    margin-bottom: 1.3rem;
    position: relative;
    z-index: 20
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__title {
        font-size: 2.2rem
    }
}

@media only screen and (max-width:480px) {
    .merit .merit__title {
        font-size: 1.8rem
    }
}

.merit .merit__title .inner {
    max-width: calc(1200px + 9rem)
}

.merit .merit__title .merit__large {
    font-size: 6rem;
    line-height: 1
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__title .merit__large {
        font-size: 3.8rem
    }
}

@media only screen and (max-width:480px) {
    .merit .merit__title .merit__large {
        font-size: 2.8rem
    }
}

.merit .merit__main {
    background-image: url(../../img/merit__bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 3rem;
    line-height: 1.66666667;
    color: #fff
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__main {
        font-size: 2.3rem
    }
}

@media only screen and (max-width:480px) {
    .merit .merit__main {
        font-size: 1.8rem
    }
}

.merit .merit__main .inner {
    padding-top: 7.4rem;
    padding-bottom: 7.7rem;
    max-width: calc(1420px + 9rem);
    position: relative;
    z-index: 10
}

@media only screen and (max-width:480px) {
    .merit .merit__main .inner {
        padding-top: 3.6rem;
        padding-bottom: 4rem
    }
}

.merit .merit__main .inner::after {
    content: '';
    position: absolute;
    background-image: url(../../img/merit__person.png);
    width: 484px;
    height: 813px;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__main .inner::after {
        width: 383px;
        height: 509px
    }
}

@media only screen and (max-width:480px) {
    .merit .merit__main .inner::after {
        display: none
    }
}

.merit .merit__main .merit__list {
    margin-left: 7rem;
    position: relative;
    z-index: 20
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__main .merit__list {
        margin-left: 0
    }
}

.merit .merit__main .merit__list .list__item {
    position: relative;
    padding-left: 8.4rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__main .merit__list .list__item {
        padding-left: 5rem
    }
}

@media only screen and (max-width:480px) {
    .merit .merit__main .merit__list .list__item {
        padding-left: 3.9rem
    }
}

.merit .merit__main .merit__list .list__item:not(:last-child) {
    margin-bottom: 4rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__main .merit__list .list__item:not(:last-child) {
        margin-bottom: 2.3rem
    }
}

.merit .merit__main .merit__list .list__item::before {
    content: '';
    position: absolute;
    background-image: url(../../img/checkmark.png);
    width: 64px;
    height: 46px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__main .merit__list .list__item::before {
        width: 45px;
        height: 29px;
        top: 1.2rem
    }
}

@media only screen and (max-width:480px) {
    .merit .merit__main .merit__list .list__item::before {
        width: 30px;
        height: 20px;
        top: 0.8rem
    }
}

.merit .merit__bottom {
    background-color: #001c67;
    color: #fff;
    font-size: 5rem;
    line-height: 1.6;
    text-align: center;
    font-weight: 600
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__bottom {
        font-size: 3.2rem
    }
}

@media only screen and (max-width:480px) {
    .merit .merit__bottom {
        font-size: 2.4rem
    }
}

.merit .merit__bottom .inner {
    padding-top: 10.8rem;
    padding-bottom: 9.6rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .merit .merit__bottom .inner {
        padding-top: 5.6rem;
        padding-bottom: 4.5rem
    }
}

.contact .inner {
    padding-top: 9.7rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .contact .inner {
        padding-top: 4.5rem
    }
}

.contact .contact__text {
    text-align: center;
    color: #153a9d;
    font-size: 4.5rem;
    line-height: 1.66667;
    margin-bottom: 9rem;
    font-weight: 600
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .contact .contact__text {
        font-size: 2.8rem;
        margin-bottom: 4rem
    }
}

@media only screen and (max-width:480px) {
    .contact .contact__text {
        font-size: 2rem;
        text-align: left;
        text-align: justify;
        text-justify: inter-ideograph
    }
}

.contact .contact__button {
    display: block;
    max-width: 877px;
    margin: 0 auto;
    opacity: 1;
    transition: 0.3s
}

.contact .contact__button:hover {
    opacity: 0.8;
    transition: 0.3s
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .contact .contact__button {
        max-width: 450px
    }
}

.contact .contact__button img {
    width: 100%
}

.voice .inner {
    padding-top: 18rem;
    padding-bottom: 20rem;
    max-width: calc(1200px + 9rem)
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .voice .inner {
        padding-top: 8rem;
        padding-bottom: 9rem
    }
}

.voice .common__title {
    margin-bottom: 6.3rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .voice .common__title {
        margin-bottom: 3rem
    }
}

.voice .voice__list {
    margin-bottom: 4.7rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .voice .voice__list {
        margin-bottom: 2.3rem
    }
}

.voice .voice__list .voice__item {
    background-color: #d4ebfd;
    border-radius: 20px;
    padding: 5.4rem 5.2rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .voice .voice__list .voice__item {
        padding: 4rem 2rem
    }
}

.voice .voice__list .voice__item:not(:last-child) {
    margin-bottom: 3rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .voice .voice__list .voice__item:not(:last-child) {
        margin-bottom: 2rem
    }
}

.voice .voice__list .voice__item .voice__item__title {
    font-size: 4rem;
    line-height: 1;
    color: #153a9d;
    font-weight: 600;
    margin-bottom: 3.1rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .voice .voice__list .voice__item .voice__item__title {
        font-size: 2.4rem;
        margin-bottom: 1.9rem
    }
}

.voice .voice__list .voice__item .voice__item__text {
    font-size: 2.5rem;
    line-height: 1.6;
    font-weight: 400
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .voice .voice__list .voice__item .voice__item__text {
        font-size: 1.8rem;
        line-height: 1.8
    }
}

.voice .voice__bottom__text {
    text-align: center;
    color: #153a9d;
    font-weight: 600;
    font-size: 4rem;
    line-height: 1
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .voice .voice__bottom__text {
        font-size: 2.8rem
    }
}

@media only screen and (max-width:480px) {
    .voice .voice__bottom__text {
        font-size: 2rem
    }
}

.reason {
    background-image: url(../../img/reason__bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.reason .inner {
    max-width: calc(1210px + 9rem);
    padding-top: 5.3rem;
    padding-bottom: 5.7rem;
    position: relative;
    z-index: 10
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .inner {
        padding-top: 4.5rem;
        padding-bottom: 4.8rem
    }
}

.reason .inner::after {
    content: '';
    position: absolute;
    background-image: url(../../img/reason__person.png);
    width: 651px;
    height: 1371px;
    right: 0;
    bottom: 0;
    transform: translateX(20%)
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .inner::after {
        width: 720px;
        height: 841px
    }
}

@media only screen and (max-width:480px) {
    .reason .inner::after {
        display: none
    }
}

.reason .reason__title {
    font-size: 5rem;
    color: #ff0;
    font-weight: 600;
    line-height: 1.33333;
    margin-bottom: 8.8rem;
    position: relative;
    z-index: 20
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .reason__title {
        font-size: 3.2rem;
        margin-bottom: 4.5rem
    }
}

@media only screen and (max-width:480px) {
    .reason .reason__title {
        font-size: 2.6rem;
        margin-bottom: 2.8rem
    }
}

.reason .reason__article {
    color: #fff;
    font-size: 3rem;
    line-height: 1.6666;
    font-weight: 400;
    position: relative;
    z-index: 20
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .reason__article {
        font-size: 2rem
    }
}

.reason .reason__article .reason__text {
    margin-bottom: 3.2rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .reason__article .reason__text {
        margin-bottom: 2rem
    }
}

.reason .reason__list {
    background-color: #fff;
    border-radius: 20px;
    padding: 5rem 4.1rem;
    max-width: 650px;
    color: #333;
    margin-bottom: 3rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .reason__list {
        padding: 3rem 2rem;
        max-width: 450px;
        margin-bottom: 1.8rem
    }
}

.reason .reason__list .reason__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 3rem;
    align-items: flex-end
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .reason__list .reason__list__item {
        font-size: 2rem
    }
}

@media only screen and (max-width:480px) {
    .reason .reason__list .reason__list__item {
        font-size: 1.8rem
    }
}

.reason .reason__list .reason__list__item:not(:last-child) {
    margin-bottom: 2.2rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .reason__list .reason__list__item:not(:last-child) {
        margin-bottom: 1.8rem
    }
}

.reason .reason__list .reason__list__item .reason__list__title {
    font-weight: 400
}

.reason .number {
    font-size: 4rem;
    line-height: 1.25
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .number {
        font-size: 2.8rem
    }
}

@media only screen and (max-width:480px) {
    .reason .number {
        font-size: 2.2rem
    }
}

.reason .reason__text__2 {
    margin-bottom: 5.5rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .reason__text__2 {
        margin-bottom: 2.5rem
    }
}

.reason .but {
    margin-bottom: 5.2rem;
    font-size: 5rem;
    line-height: 1;
    font-weight: 600
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .reason .but {
        font-size: 3.2rem;
        margin-bottom: 2.3rem
    }
}

@media only screen and (max-width:480px) {
    .reason .but {
        font-size: 2.8rem
    }
}

.reason .reason__text__3 {
    text-align: justify;
    text-justify: inter-ideograph
}

.faq .inner {
    padding-top: 14.6rem;
    max-width: calc(1200px + 9rem)
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .faq .inner {
        padding-top: 8rem
    }
}

.faq .inner .common__title {
    margin-bottom: 6.3rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .faq .inner .common__title {
        margin-bottom: 3rem
    }
}

.faq .inner .faq__list .faq__item .faq__title {
    background-color: #d4ebfd;
    color: #153a9d;
    font-size: 3rem;
    line-height: 1.33333;
    font-weight: 600;
    padding: 2.7rem 3.5rem;
    align-items: center;
    cursor: pointer
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .faq .inner .faq__list .faq__item .faq__title {
        font-size: 2.2rem;
        padding: 1.8rem
    }
}

@media only screen and (max-width:480px) {
    .faq .inner .faq__list .faq__item .faq__title {
        font-size: 2rem
    }
}

.faq .inner .faq__list .faq__item .logo {
    font-size: 3rem;
    line-height: 1.33333;
    font-weight: 600;
    margin-right: 2.6rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .faq .inner .faq__list .faq__item .logo {
        font-size: 2.2rem
    }
}

@media only screen and (max-width:480px) {
    .faq .inner .faq__list .faq__item .logo {
        margin-right: 1.1rem
    }
}

.faq .inner .faq__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faq .inner .faq__flex span {
    display: block
}

.faq .inner .faq__body {
    padding: 3.7rem 3.5rem;
    display: none
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .faq .inner .faq__body {
        padding: 2rem 1.8rem
    }
}

.faq .inner .faq__body .logo {
    color: #f00
}

.faq .inner .faq__body .body {
    font-size: 2.5rem;
    line-height: 1.6
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .faq .inner .faq__body .body {
        font-size: 1.8rem
    }
}

.faq .inner .arrow {
    min-width: 39px;
    width: 39px;
    margin-left: auto;
    transform: rotate(180deg) translateY(-1.2rem)
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .faq .inner .arrow {
        min-width: 23px;
        width: 23px
    }
}

.faq .inner .arrow img {
    width: 100%;
    height: auto
}

.faq .open .faq__body {
    display: block
}

.faq .open .arrow {
    margin-left: auto;
    transform: rotate(0) translateY(-0.8rem)
}

.flow .inner {
    padding-top: 20rem;
    padding-bottom: 19.6rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .flow .inner {
        padding-top: 10rem;
        padding-bottom: 8rem
    }
}

.flow .common__title {
    margin-bottom: 5.8rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .flow .common__title {
        margin-bottom: 3rem
    }
}

.flow .flow__main {
    background-color: #d4ebfd;
    border-radius: 20px;
    padding: 6.6rem 10rem 9.1rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .flow .flow__main {
        padding: 4rem 2rem 6rem
    }
}

.flow .flow__main__title,
.flow .flow__item {
    font-size: 4rem;
    color: #153a9d;
    font-weight: 600;
    line-height: 1
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .flow .flow__main__title,
    .flow .flow__item {
        font-size: 2.4rem
    }
}

.flow .flow__main__title {
    text-align: center;
    margin-bottom: 4.1rem
}

.flow .flow__list {
    margin-bottom: 4.8rem
}

.flow .flow__item {
    background-color: #fff;
    border-radius: 20px;
    padding: 3rem 7.5rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .flow .flow__item {
        padding: 1.8rem 3.4rem
    }
}

@media only screen and (max-width:480px) {
    .flow .flow__item {
        font-size: 1.8rem;
        padding: 1.8rem 2.1rem
    }
}

.flow .flow__item:not(:last-child) {
    margin-bottom: 7rem;
    position: relative
}

.flow .flow__item:not(:last-child)::after {
    content: '';
    position: absolute;
    background-image: url(../../img/gray_triangle.png);
    width: 87px;
    height: 27px;
    left: 50%;
    bottom: -5rem;
    transform: translateX(-50%)
}

.flow .flow__item .flow__number {
    margin-right: 7.3rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .flow .flow__item .flow__number {
        margin-right: 3rem
    }
}

@media only screen and (max-width:480px) {
    .flow .flow__item .flow__number {
        margin-right: 1.2rem
    }
}

.flow .flow__attention,
.flow .flow__desc {
    font-size: 2.5rem;
    line-height: 1.6667;
    text-align: center;
    font-weight: 400;
    margin-bottom: 9.7rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .flow .flow__attention,
    .flow .flow__desc {
        font-size: 1.8rem;
        margin-bottom: 5rem
    }
}

.flow .flow__desc {
    text-align: left;
    max-width: 918px;
    margin: 0 auto
}

.recruitingOverview .inner {
    max-width: calc(1028px + 9rem);
    padding-bottom: 15rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .recruitingOverview .inner {
        padding-bottom: 8rem
    }
}

.recruitingOverview .common__title {
    margin-bottom: 5.8rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .recruitingOverview .common__title {
        margin-bottom: 3rem
    }
}

.recruitingOverview .commonTable {
    margin-bottom: 2.9rem
}

.recruitingOverview .recruitingOverview__text,
.recruitingOverview .recruitingOverview__attention {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 400
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .recruitingOverview .recruitingOverview__text,
    .recruitingOverview .recruitingOverview__attention {
        font-size: 1.7rem
    }
}

.recruitingOverview .recruitingOverview__text {
    margin-bottom: 2rem
}

.recruitingOverview .recruitingOverview__attention {
    color: #f00;
    position: relative;
    padding-left: 2.2rem
}

.recruitingOverview .recruitingOverview__attention::before {
    content: '※';
    position: absolute;
    left: 0
}

.meeting .inner {
    padding-bottom: 25.3rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .meeting .inner {
        padding-bottom: 10rem
    }
}

.meeting .common__title {
    margin-bottom: 5.7rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .meeting .common__title {
        margin-bottom: 3rem
    }
}

.company .inner {
    padding-bottom: 14.1rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .company .inner {
        padding-bottom: 7rem
    }
}

.company .common__title {
    margin-bottom: 5.7rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .company .common__title {
        margin-bottom: 3rem
    }
}

.thanks .inner {
    max-width: calc(1266px + 9rem);
    padding-bottom: 7rem;
    position: relative;
    z-index: 10
}

@media only screen and (max-width:480px) {
    .thanks .inner {
        padding-bottomm: 5rem
    }
}

.thanks .inner::after {
    content: '';
    position: absolute;
    background-image: url(../../img/thanks__img.png);
    width: 519px;
    height: 504px;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .thanks .inner::after {
        width: 400px;
        height: 389px;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media only screen and (max-width:480px) {
    .thanks .inner::after {
        display: none
    }
}

.thanks .thanks__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 20
}

.thanks .thanks__flex .thanks__text {
    font-size: 4rem;
    line-height: 1.625;
    color: #153a9d;
    font-weight: 600
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .thanks .thanks__flex .thanks__text {
        font-size: 3rem
    }
}

@media only screen and (max-width:480px) {
    .thanks .thanks__flex .thanks__text {
        font-size: 2.2rem
    }
}

.thanks .thanks__flex .thanks__text .zoom {
    margin-top: 4.5rem;
    display: block
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .thanks .thanks__flex .thanks__text .zoom {
        margin-top: 2rem
    }
}

.contactForm {
    background-color: #001c67
}

.contactForm .contact_cta {
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    margin-bottom: 80px
}

.contactForm .inner {
    padding-top: 8.3rem;
    padding-bottom: 9.1rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .contactForm .inner {
        padding-top: 5rem;
        padding-bottom: 5.6rem
    }
}

.contactForm .contactForm__text {
    color: #fff;
    font-size: 4.5rem;
    line-height: 1.66666;
    text-align: center;
    font-weight: 600;
    margin-bottom: 8rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .contactForm .contactForm__text {
        font-size: 2.8rem;
        margin-bottom: 4rem
    }
}

@media only screen and (max-width:480px) {
    .contactForm .contactForm__text {
        font-size: 1.8rem;
        text-align: left
    }
}

.contactForm form {
    max-width: 1000px;
    margin: 0 auto 6.9rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .contactForm form {
        margin-bottom: 3.4rem
    }
}

.contactForm form .form__header {
    background-color: #ff0;
    padding: 2.5rem 1.6rem;
    text-align: center
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__header {
        padding: 2rem 1.4rem
    }
}

.contactForm form .form__header span {
    display: block;
    font-weight: 600
}

.contactForm form .form__header .form__title {
    color: #001c67;
    font-size: 4rem;
    line-height: 1.2;
    margin-bottom: 1.2rem
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__header .form__title {
        font-size: 3.8rem;
        margin-bottom: 0.8rem
    }
}

@media only screen and (max-width:480px) {
    .contactForm form .form__header .form__title {
        font-size: 2.8rem
    }
}

@media only screen and (max-width:374px) {
    .contactForm form .form__header .form__title {
        font-size: 2.5rem
    }
}

.contactForm form .form__header .form__text {
    color: #153a9d;
    font-size: 2rem;
    line-height: 1.2
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__header .form__text {
        font-size: 1.5rem
    }
}

.contactForm form .form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 2px solid #001c67
}

.contactForm form .form__item:last-of-type {
    margin-bottom: 5rem
}

.contactForm form .form__item .formPart__title {
    width: 219px;
    background-color: #d4ebfd;
    color: #153a9d;
    font-size: 2rem;
    font-weight: 600;
    padding: 3.5rem 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:1024px) {
    .contactForm form .form__item .formPart__title {
        width: 227px;
        font-size: 1.6rem;
        padding: 1.8rem 1.2rem
    }
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__item .formPart__title {
        width: 200px;
        font-size: 1.6rem;
        padding: 1.8rem 1.2rem
    }
}

@media only screen and (max-width:480px) {
    .contactForm form .form__item .formPart__title {
        width: 90px;
        padding: 0.8rem 0.4rem;
    }
}

.contactForm form .form__item .formPart__title .title__wrapper {
    display: block
}

.contactForm form .form__item .formPart__input {
    background-color: #fff;
    padding: 1.5rem 3rem;
    width: 77.2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__item .formPart__input {
        padding: 1.2rem 1rem
    }
}

.contactForm form .form__item .formPart__input textarea {
    width: 113%;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 2rem;
    font-weight: 400;
    background-color: #fff;
    display: block;
    padding: 1.6rem 1.8rem;
    line-height: 1.2;
    height: 200px;
    resize: none
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__item .formPart__input textarea {
        font-size: 1.4rem
    }
}

.contactForm form .form__item .input__wrapper {
    width: 33.33%;
    max-width: 650px
}

.contactForm form .form__item .input__wrapper input {
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 2rem;
    font-weight: 400;
    background-color: #fff;
    display: block;
    padding: 0.8rem 1.6rem;
    line-height: 1.2
}

@media only screen and (max-width:1024px) {
    .contactForm form .form__item .input__wrapper input {
        border: 1px solid #ccc;
        border-radius: 10px;
        font-size: 2rem;
        font-weight: 400;
        background-color: #fff;
        display: block;
        padding: 1.2rem 1.4rem !important;
        line-height: 1.2
    }
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__item .input__wrapper input {
        padding: 1rem 1.2rem;
        font-size: 1.4rem
    }
}

@media only screen and (max-width:768px) {
    .contactForm form .form__item .input__wrapper input {
        padding: 0.6rem 0.4rem !important;
        font-size: 1.4rem;
        width: 465px;
    }
}

.contactForm form .form__item .input__wrapper input::placeholder {
    color: #ccc;
    font-size: 2rem;
    font-weight: 400
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__item .input__wrapper input::placeholder {
        font-size: 1.4rem
    }
}

.contactForm form .form__item .input__wrapper select {
    border: 1px solid #ccc;
    font-size: 2rem;
    font-weight: 400;
    background-color: #fff;
    display: block;
    padding: 1.6rem 1.8rem;
    padding-right: 6rem;
    line-height: 1.2;
    border-radius: 10px;
    position: relative
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__item .input__wrapper select {
        font-size: 1.4rem
    }
}

.contactForm form .form__item .input__wrapper .form__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: #001c67;
    font-size: 2rem;
    line-height: 1.2;
    flex-wrap: wrap
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__item .input__wrapper .form__date {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:480px) {
    .contactForm form .form__item .input__wrapper .form__date span:first-of-type {
        width: 100%;
        margin-bottom: 0.8rem
    }
}

.contactForm form .form__item .input__wrapper .form__date:not(:last-child) {
    margin-bottom: 1rem
}

.contactForm form .form__item .input__wrapper .form__date input {
    max-width: 80px;
    width: 100%;
    height: 50px;
    margin-right: 2%
}

@media only screen and (max-width:1000px) {
    .contactForm form .form__item .input__wrapper .form__date input {
        max-width: 60px;
        height: 40px;
        font-size: 1.4rem;
        margin-bottom: 0.8rem
    }
}

@media only screen and (max-width:480px) {
    .contactForm form .form__item .input__wrapper .form__date input {
        height: 35px;
        max-width: 50px
    }
}

@media only screen and (max-width:374px) {
    .contactForm form .form__item .input__wrapper .form__date input {
        max-width: 40px
    }
}

.contactForm form .form__item .input__wrapper .form__date .date__text {
    margin-right: 3%;
    margin-left: 0.5%
}

.contactForm form .form__item .input__wrapper .form__date .date__time {
    margin-right: 3%;
    margin-left: 0.5%
}

.contactForm form .form__item .input__wrapper .form__date .wpcf7-not-valid-tip {
    font-size: 1.2rem
}

.contactForm form .form__item .input__wrapper .form__date .--month {
    margin-right: 5.5%;
    margin-left: 0.5%
}

.contactForm form .form__item .--name {
    max-width: 650px
}

.contactForm .privacyPolicy {
    background-color: #fff;
    width: 100%;
    height: 150px;
    overflow-y: scroll;
    padding: 3rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.2777777;
    margin-bottom: 7rem
}

@media only screen and (max-width:1000px) {
    .contactForm .privacyPolicy {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:480px) {
    .contactForm .privacyPolicy {
        padding: 3rem 1.8rem;
        font-size: 1.6rem
    }
}


.contactForm .checkbox label {
    margin-left: 1.2rem
}

@media only screen and (max-width:1000px) {
    .contactForm .checkbox {
        font-size: 1.8rem
    }
}

.contactForm .form__button {
    max-width: 384px;
    margin: 0 auto;
    display: block;
    background-image: url(../../img/form_send_button.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 101px;
    width: 100%
}

@media only screen and (max-width:1000px) {
    .contactForm .form__button {
        max-width: 300px
    }
}

.contactForm .disabled {
    opacity: 0.7
}

.contactForm .contactForm__faq {
    font-size: 3rem;
    color: #fff;
    line-height: 1.6666667;
    text-align: center;
    font-weight: 400
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .contactForm .contactForm__faq {
        font-size: 2rem
    }
}

@media only screen and (max-width:480px) {
    .contactForm .contactForm__faq {
        font-size: 1.8rem
    }
}

.contactForm .wpcf7-response-output {
    color: #fff;
    font-size: 2.2rem;
    text-align: center;
    margin-top: 20px;
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .contactForm .wpcf7-response-output {
        font-size: 1.8rem
    }
}

.select__wrapper {
    position: relative;
    max-width: 125px !important
}

.select__wrapper::after {
    content: '';
    position: absolute;
    background-image: url(../../img/select_arrow.png);
    width: 20px;
    height: 25px;
    right: 1.23rem;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width:1000px) {
    .select__wrapper::after {
        right: 3rem
    }
}

.comparison .comparisontable .comparisontable__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    margin-bottom: 4rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .comparison .comparisontable .comparisontable__item {
        flex-direction: column
    }
}

.comparison .comparisontable .comparisontable__item .comparison_title {
    background-color: #153a9d;
    color: #fff;
    font-size: 30px;
    padding: 3rem;
    margin-right: 3rem;
    min-width: 155px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .comparison .comparisontable .comparisontable__item .comparison_title {
        width: 100%;
        min-width: 0;
        margin-bottom: 2rem;
        padding: 0.6rem 2rem;
        text-align: center;
        justify-content: center;
        font-size: 2rem
    }
}

.comparison .comparisontable .comparisontable__item .comparison_title span {
    display: block
}

.comparison .comparisontable .comparisontable__item .contents {
    width: 100%;
    margin-top: -3rem
}

.comparison .comparisontable .comparisontable__item .contents span {
    display: block
}

.comparison .comparisontable .comparisontable__item .contents .title {
    background-color: #153a9d;
    color: #fff;
    font-size: 2rem;
    padding: 0.2rem 1.8rem;
    border-radius: 0.5rem;
    display: inline-block;
    transform: translateY(50%);
    margin-left: 2rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .comparison .comparisontable .comparisontable__item .contents .title {
        font-size: 1.6rem;
        padding: 0.5rem 1.5rem
    }
}

.comparison .comparisontable .comparisontable__item .contents .text {
    font-size: 3rem;
    padding: 2.5rem 2rem;
    background-color: #d4ebfd;
    color: #153a9d
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .comparison .comparisontable .comparisontable__item .contents .text {
        font-size: 1.8rem
    }
}

.comparison .comparisontable .comparisontable__item .contents .text .small {
    font-size: 2.4rem
}

@media only screen and (max-width:480px),
only screen and (max-width:972px) {
    .comparison .comparisontable .comparisontable__item .contents .text .small {
        font-size: 1.4rem
    }
}

.comparison .comparisontable .comparisontable__item .others .title {
    background-color: #000
}

.comparison .comparisontable .comparisontable__item .others .text {
    background-color: #e6e6e6;
    color: #333
}
.address-title {
    width: 100% !important;
    text-align: center;
    margin: auto;
    justify-content: center !important;
}