@charset "UTF-8";
/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
    汎用モジュールは、アルファベット降順(A->Z)に記述する
    ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
    ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

Contents:
    module
    page
    utility
========================================================== */

/* ==========================================================
*
*   module
*
========================================================== */
/* ---------------------------------------------
*   about
--------------------------------------------- */
.about {
    margin-bottom: 45px;
}

@media screen and (max-width: 750px) {
    .about {
        margin-top: 2.66667vw;
        margin-bottom: 3.33333vw;
    }
}

/* ---------------------------------------------
*   access
--------------------------------------------- */
.access {
    padding-top: 60px;
    padding-bottom: 80px;
}

@media screen and (max-width: 750px) {
    .access {
        padding-top: 2.26667vw;
        padding-bottom: 6vw;
    }
}

.access__note {
    margin-top: 10px;
    color: #545454;
    text-align: right;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Regular';
}

@media screen and (max-width: 750px) {
    .access__note {
        margin: 0 auto;
        margin-top: -13.73333vw;
        width: 94%;
        text-align: left;
        font-size: 2.933vw;
    }
}

.access-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-top: 25px;
    width: 1140px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .access-list {
        display: block;
        margin-top: 3.33333vw;
        width: 100%;
    }
}

.access-list__txt-area {
    position: relative;
    height: 120px;
}

.access-list__txt-area:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 2px;
    height: 95px;
    border-left: 2px solid #20b2c5;
    content: "";
}

@media screen and (max-width: 750px) {
    .access-list__txt-area:before {
        top: 3.2vw;
        width: 0.26667vw;
        height: 9.33333vw;
        border-left: 0.4vw solid #20b2c5;
    }
}

@media screen and (max-width: 750px) {
    .access-list__txt-area {
        margin: 0 auto;
        width: 61.33333vw;
        height: auto;
    }
}

@media screen and (max-width: 750px) {
    .access-list__txt-area--3:before {
        top: 1.06667vw;
        height: 14.66667vw;
    }
}

.access-list__txt {
    margin-left: 20px;
    padding-top: 15px;
    font-size: 23px;
    font-family: 'NotoSansCJKjp-Bold';
    line-height: 1.3;
}

@media screen and (max-width: 750px) {
    .access-list__txt {
        margin-left: 2.66667vw;
        padding-top: 2vw;
        font-size: 4.266vw;
    }
}

.access-list__txt--3 {
    padding-top: 0;
}

.access-list__txt-b {
    margin-left: 20px;
    color: #20b2c5;
    font-size: 21px;
    font-family: 'NotoSansCJKjp-Light';
}

@media screen and (max-width: 750px) {
    .access-list__txt-b {
        margin-left: 2.66667vw;
        font-size: 3.6vw;
    }
}

.access-list__txt-bb {
    font-family: 'NotoSansCJKjp-Bold';
}

.access-list__note {
    color: #545454;
    text-align: right;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Regular';
}

.access-list__img {
    width: 352px;
    display: block;
}

@media screen and (max-width: 750px) {
    .access-list__img {
        margin: 0 auto;
        margin-top: 2.66667vw;
        margin-bottom: 6vw;
        width: 61.33333vw;
    }
}

.access-list__img img {
    width: 100%;
}

.access-list__item--3 {
    position: relative;
}

.access-list__item--3:after {
    position: absolute;
    top: 10px;
    right: 0;
    width: 80px;
    height: 80px;
    background: url("../img/icon_new.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .access-list__item--3:after {
        top: 1.33333vw;
        right: 13.33333vw;
        width: 14.66667vw;
        height: 14.66667vw;
    }
}

.access-list__modal-link {
    color: #000;
    /* font-weight: bold; */
    margin-left: 20px;
    /* text-decoration: underline; */
}

@media screen and (max-width: 750px) {
    .access-list__modal-link {
        margin-left: 2vw;
    }
}

.access-flex {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: 35px;
    width: 1140px;
    border-top: 2px solid #9ae1e8;
    border-bottom: 2px solid #9ae1e8;
}

@media screen and (max-width: 750px) {
    .access-flex {
        display: block;
        margin: 0;
        padding-bottom: 9.06667vw;
        width: 100%;
        border-top: 0.4vw solid #9ae1e8;
        border-bottom: 0.4vw solid #9ae1e8;
    }
}

.access-flex:before {
    position: absolute;
    top: -26px;
    right: 153px;
    width: 29px;
    height: 26px;
    background: url("../img/icon_arrow_02.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .access-flex:before {
        top: -4.13333vw;
        right: 41.06667vw;
        width: 5.33333vw;
        height: 4.26667vw;
        background-image: url("../img/icon_arrow_01.png");
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
}

.access-flex__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 45px;
    line-height: 1.4;
}

@media screen and (max-width: 750px) {
    .access-flex__right {
        margin-left: 6.66667vw;
    }
}

.access-flex__right-1 {
    display: inline-block;
    padding-top: 53px;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .access-flex__right-1 {
        padding-top: 3.6vw;
        font-size: 4.266vw;
    }
}

.access-flex__right-2 {
    padding-left: 30px;
    font-size: 57px;
    font-family: 'DIN-Condensed-Bold';
}

@media screen and (max-width: 750px) {
    .access-flex__right-2 {
        padding-left: 0;
        font-size: 9.333vw;
    }
}

.access-flex__right-2-s {
    font-size: 38px;
}

@media screen and (max-width: 750px) {
    .access-flex__right-2-s {
        font-size: 6.2vw;
    }
}

.access-flex__right-3 {
    padding-left: 65px;
    font-size: 53px;
    font-family: 'NotoSansCJKjp-Medium';
    line-height: 1.55;
}

@media screen and (max-width: 750px) {
    .access-flex__right-3 {
        margin-left: -1.33333vw;
        padding-top: 4vw;
        padding-left: 0;
        width: 40%;
        font-size: 14.8vw;
        line-height: 1;
    }
}

.access-flex__right-3-l {
    position: relative;
    top: 5px;
    color: #e5004d;
    font-size: 100px;
    font-family: 'DIN-Condensed-Bold';
}

@media screen and (max-width: 750px) {
    .access-flex__right-3-l {
        top: 1.33333vw;
        font-size: 27.866vw;
    }
}

.access-flex__right-block {
    position: relative;
}

@media screen and (max-width: 750px) {
    .access-flex__right-block {
        position: relative;
        width: 60%;
    }
}

.access-flex__right-block:after {
    position: absolute;
    top: 67px;
    left: 386px;
    width: 23px;
    height: 26px;
    background: url("../img/sp/icon_arrow_05.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

.ie .access-flex__right-block:after {
    top: 75px;
    left: 430px;
}

@media screen and (max-width: 750px) {
    .access-flex__right-block:after {
        top: 11.86667vw;
        left: 40.8vw;
        width: 4.93333vw;
        height: 5.6vw;
    }
}

.access-flex__left {
    margin-top: 30px;
    width: 519px;
}

@media screen and (max-width: 750px) {
    .access-flex__left {
        margin: 0 auto;
        margin-top: 4vw;
        width: 58.66667vw;
    }
}

.access-flex__left img {
    width: 100%;
}

#popup,#popup2,#popup3 {
    padding: 30px 20px;
    background-color: white;
    border-radius: 10px;
}

@media screen and (max-width: 750px) {
    #popup,#popup2,#popup3 {
        padding: 3vw;
        border-radius: 2vw;
    }
}

.ggmap {
    position: relative;
    padding-bottom: 35.25%;
    height: 0;
    overflow: hidden;
    margin: 10px auto;
    width: 70%;
}

@media screen and (max-width: 750px) {
    .ggmap {
        margin: 1vw auto;
        width: 100%;
        padding-bottom: 60.25%;
    }
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 100%;
}



/* ---------------------------------------------
*   anchor
--------------------------------------------- */
@media screen and (max-width: 750px) {
    .anchor-target {
        margin-top: -70px;
        padding-top: 70px;
    }
}

/* ---------------------------------------------
*   book
--------------------------------------------- */
.book-link {
    display: block;
    margin: 0 auto;
    padding: 17px 0;
    width: 830px;
    border-radius: 10px;
    background-color: #009be5;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-family: 'NotoSansCJKjp-Black';
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}
.book-link-online {
    display: block;
    margin: 0 auto;
    padding: 17px 0;
    width: 830px;
    border-radius: 10px;
    background-color: #e5004d;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-family: 'NotoSansCJKjp-Black';
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.book-link:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 750px) {
    .book-link {
        padding: 2.26667vw 0;
        width: 100%;
        border-radius: 1.33333vw;
        font-size: 4vw;
    }
    .book-link-online {
        padding: 2.26667vw 0;
        width: 100%;
        border-radius: 1.33333vw;
        font-size: 4vw;
    }
}

.book-link__small {
    font-size: 45px;
    font-family: 'NotoSansCJKjp-Light';
}

@media screen and (max-width: 750px) {
    .book-link__small {
        font-size: 6vw;
    }
}

/* ---------------------------------------------
*   circle
--------------------------------------------- */
.circle-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-top: 55px;
    width: 1040px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .circle-list {
        display: block;
        margin-top: 8vw;
        padding-bottom: 2.66667vw;
        width: 100%;
    }
}

.circle-list--merit-1 {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    .circle-list--merit-1 {
        margin-top: 8vw;
    }
}

.circle-list--merit-2 {
    margin-top: 35px;
}

@media screen and (max-width: 750px) {
    .circle-list--merit-2 {
        margin-top: 10vw;
    }
}

.circle-list__item {
    margin-bottom: 70px;
}

@media screen and (max-width: 750px) {
    .circle-list__item {
        margin-bottom: 6.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .circle-list__item--l {
        margin-bottom: 10.66667vw;
    }
}

.circle-list__item--2 {
    margin-left: -30px;
}

@media screen and (max-width: 750px) {
    .circle-list__item--2 {
        margin-left: -4vw;
    }
}

@media screen and (max-width: 750px) {
    .circle-list__item--m1 {
        margin-bottom: 8vw;
    }
}

.circle-list__item-txt {
    margin-top: 20px;
    text-align: center;
    font-size: 25px;
    font-family: 'NotoSansCJKjp-Light';
}

@media screen and (max-width: 750px) {
    .circle-list__item-txt {
        margin-top: 2vw;
        margin-bottom: 0.66667vw;
        font-size: 4.8vw;
    }
}

.circle-list__item-txt--merit-1 {
    margin-top: 10px;
}

.circle-list__item-txt-b {
    text-align: center;
    font-size: 25px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .circle-list__item-txt-b {
        font-size: 4.8vw;
    }
}

.circle-list__item-txt-b--m2 {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .circle-list__item-txt-b--m2 {
        margin-top: 2.66667vw;
    }
}

.circle-list__item-txt-s {
    margin-top: 15px;
    color: #545454;
    text-align: center;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Regular';
}

@media screen and (max-width: 750px) {
    .circle-list__item-txt-s {
        margin-top: 2vw;
        font-size: 4.2666vw;
    }
}

.circle-list__item-img {
    width: 308px;
}

@media screen and (max-width: 750px) {
    .circle-list__item-img {
        margin: 0 auto;
        width: 53.33333vw;
    }
}

.circle-list__item-img img {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .circle-list__item-img--e2 {
        margin-left: 23.06667vw;
    }
}

.circle-list__item-img--m5 {
    width: 318px;
}

@media screen and (max-width: 750px) {
    .circle-list__item-img--m5 {
        width: 53.33333vw;
    }
}

/* ---------------------------------------------
*   contents-inner
--------------------------------------------- */
.contents-inner {
    position: relative;
}

.contents-inner:before {
    position: absolute;
    top: 50px;
    left: 0;
    width: 81px;
    height: 82px;
    background: url("../img/img_deco_left.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .contents-inner:before {
        top: -1.33333vw;
        left: -1.33333vw;
        width: 8vw;
        height: 8vw;
    }
}

.contents-inner:after {
    position: absolute;
    top: 50px;
    right: 0;
    width: 81px;
    height: 82px;
    background: url("../img/img_deco_right.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .contents-inner:after {
        top: -1.33333vw;
        right: -1.33333vw;
        width: 8vw;
        height: 8vw;
    }
}

.contents-inner--space-e2:before {
    top: 0;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-e2:before {
        top: 0;
    }
}

.contents-inner--space-e2:after {
    top: 0;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-e2:after {
        top: 0;
    }
}

.contents-inner--m2:before {
    top: 25px;
}

@media screen and (max-width: 750px) {
    .contents-inner--m2:before {
        top: 1.33333vw;
    }
}

.contents-inner--m2:after {
    top: 25px;
}

@media screen and (max-width: 750px) {
    .contents-inner--m2:after {
        top: 1.33333vw;
    }
}

.contents-inner--space-m3:before {
    top: 35px;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-m3:before {
        top: 6.66667vw;
    }
}

.contents-inner--space-m3:after {
    top: 35px;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-m3:after {
        top: 6.66667vw;
    }
}

.contents-inner--space-d:before {
    top: 0;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-d:before {
        top: 9.33333vw;
    }
}

.contents-inner--space-d:after {
    top: 0;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-d:after {
        top: 9.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .contents-inner--ease-2:before {
        top: 4vw;
    }
}

@media screen and (max-width: 750px) {
    .contents-inner--ease-2:after {
        top: 4vw;
    }
}

.contents-inner--space-a:before {
    top: 45px;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-a:before {
        top: -1.33333vw;
    }
}

.contents-inner--space-a:after {
    top: 45px;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-a:after {
        top: -1.33333vw;
    }
}

.contents-inner--space-ac:before {
    top: 0;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-ac:before {
        top: -5.33333vw;
    }
}

.contents-inner--space-ac:after {
    top: 0;
}

@media screen and (max-width: 750px) {
    .contents-inner--space-ac:after {
        top: -5.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .contents-inner--space-s:beofore {
        top: -1.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .contents-inner--space-s:after {
        top: -1.33333vw;
    }
}

/* ---------------------------------------------
*   docter
--------------------------------------------- */
.doctor {
    padding-top: 50px;
}

@media screen and (max-width: 750px) {
    .doctor {
        padding-top: 16.66667vw;
    }
}

.doctor-left {
    margin-top: 15px;
    width: 230px;
}

@media screen and (max-width: 750px) {
    .doctor-left {
        margin-top: 3.6vw;
        width: 100%;
    }
}

.doctor-left__txt {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #545454;
    font-size: 18px;
    font-family: 'NotoSansCJKjp-Regular';
}

@media screen and (max-width: 750px) {
    .doctor-left__txt {
        margin-top: 1.33333vw;
        text-align: center;
        font-size: 4.266vw;
    }
}

.doctor-left__name {
    font-size: 28px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .doctor-left__name {
        text-align: center;
        font-size: 4.266vw;
        font-size: 5.6vw;
    }
}

.doctor-left__img {
    width: 205px;
}

@media screen and (max-width: 750px) {
    .doctor-left__img {
        margin: 0 auto;
        width: 41.06667vw;
    }
}

.doctor-left__img img {
    width: 100%;
}

.doctor-right {
    margin-bottom: 30px;
    width: 750px;
}

@media screen and (max-width: 750px) {
    .doctor-right {
        margin-bottom: 6vw;
        width: 100%;
    }
}

.doctor-right__txt {
    color: #545454;
    font-size: 24px;
    font-family: 'NotoSansCJKjp-Regular';
    line-height: 1.9;
}

@media screen and (max-width: 750px) {
    .doctor-right__txt {
        letter-spacing: -0.05em;
        font-size: 4.266vw;
        line-height: 1.7;
    }
}

.doctor-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-top: 55px;
    width: 1040px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .doctor-profile {
        display: block;
        margin-top: 6vw;
        width: 100%;
    }
}

.doctor-profile__txt-b {
    margin-top: 15px;
    color: #231815;
    font-size: 24px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .doctor-profile__txt-b {
        margin-top: 2vw;
        font-size: 4.26667vw;
    }
}

.doctor-profile__txt-b--2 {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .doctor-profile__txt-b--2 {
        margin-top: 4vw;
    }
}

.doctor-profile__txt {
    margin-top: 10px;
    color: #545454;
    font-size: 24px;
    font-family: 'NotoSansCJKjp-Regular';
}

@media screen and (max-width: 750px) {
    .doctor-profile__txt {
        margin-top: 1.33333vw;
        margin-left: 2vw;
        font-size: 4.26667vw;
    }
}

.doctor-profile__inner {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .doctor-profile__inner {
        margin-top: 2.66667vw;
    }
}

/* ---------------------------------------------
*   ease
--------------------------------------------- */
.ease {
    margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
    .ease {
        margin-bottom: 3.33333vw;
    }
}

.ease-1 {
    padding-top: 90px;
    padding-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .ease-1 {
        padding-top: 4.66667vw;
    }
}

.ease-1__img {
    margin: 0 auto;
    margin-top: 40px;
    width: 1063px;
}

@media screen and (max-width: 750px) {
    .ease-1__img {
        margin-top: 6vw;
        width: 89.46667vw;
    }
}

.ease-1__img img {
    width: 100%;
}

.ease-2 {
    padding-top: 95px;
}

@media screen and (max-width: 750px) {
    .ease-2 {
        padding-top: 11.33333vw;
    }
}

/* ---------------------------------------------
*   example
--------------------------------------------- */
.example-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-top: 70px;
    width: 890px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .example-list {
        margin-top: 8.66667vw;
        width: 82%;
    }
}

.example-list__item {
    width: 178px;
}

@media screen and (max-width: 750px) {
    .example-list__item {
        margin-bottom: 6.26667vw;
        width: 25.06667vw;
    }
}

@media screen and (max-width: 750px) {
    .example-list__item--3 {
        margin-left: 1.33333vw;
    }
}

.example-list__item img {
    width: 100%;
}

.example__img {
    margin: 0 auto;
    margin-left: -50px;
    width: 1138px;
}

@media screen and (max-width: 750px) {
    .example__img {
        margin-left: -2.66667vw;
        width: 89.33333vw;
    }
}

.example__img img {
    width: 100%;
}

.example-1 {
    padding-top: 88px;
    padding-bottom: 55px;
}

@media screen and (max-width: 750px) {
    .example-1 {
        padding-top: 6.66667vw;
        padding-bottom: 6vw;
    }
}

.example-2 {
    margin-bottom: 50px;
    padding-bottom: 45px;
}

@media screen and (max-width: 750px) {
    .example-2 {
        margin-bottom: 0;
        padding-top: 4vw;
        padding-bottom: 0;
    }
}

/* ---------------------------------------------
*   global-nav
--------------------------------------------- */
.g-navi {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    margin-top: 15px;
    margin-right: 40px;
    width: 100vw;
}

@media screen and (max-width: 750px) {
    .g-navi {
        position: fixed;
        top: 70px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        width: 100vw;
        height: 0;
        background-color: #fff;
    }
    .js-sp-menu-opened .g-navi {
        overflow: scroll;
        height: calc(100vh - 70px);
    }
}

.g-navi__inner {
    float: right;
}

@media screen and (max-width: 750px) {
    .g-navi__inner {
        float: none;
        padding-top: 5vw;
        width: 100vw;
        height: 100%;
    }
}

.none .g-navi {
    overflow: hidden;
}

.g-navi__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .g-navi__list {
        display: block;
        margin-top: 6.66667vw;
        padding-bottom: 10.66667vw;
    }
}

.g-navi__list-item {
    margin-right: 20px;
}

@media screen and (max-width: 750px) {
    .g-navi__list-item {
        position: relative;
        margin: 0 auto;
        margin-bottom: 5.33333vw;
        width: 80%;
    }
    .g-navi__list-item:after {
        position: absolute;
        bottom: -3vw;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0fb7c8;
        content: "";
    }
}

.g-navi__link {
    color: #545454;
    font-size: 16px;
    font-family: 'NotoSansCJKjp-Bold';
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.g-navi__link:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 750px) {
    .g-navi__link {
        display: block;
        text-align: center;
        font-size: 4.8vw;
    }
}

/* ---------------------------------------------
*   mod
--------------------------------------------- */
.container {
    padding: 0 50px;
    border-radius: 10px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .container {
        padding: 2.66667vw;
        border-radius: 1.33333vw;
    }
}

.container--example {
    padding-bottom: 0;
}

@media screen and (max-width: 750px) {
    .container--example {
        margin-bottom: 2.66667vw;
    }
}

.mod-txt {
    color: #545454;
    text-align: center;
    font-size: 28px;
    font-family: 'NotoSansCJKjp-Regular';
    line-height: 1.6;
}

@media screen and (max-width: 750px) {
    .mod-txt {
        font-size: 4.266vw;
    }
}

.mod-txt__red {
    margin-top: -10px;
    color: #e5004d;
    text-align: center;
    font-size: 28px;
    font-family: 'NotoSansCJKjp-Medium';
}

@media screen and (max-width: 750px) {
    .mod-txt__red {
        margin-top: -6.66667vw;
        font-size: 5.333vw;
    }
}

.mod__note {
    color: #545454;
    text-align: center;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Regular';
    line-height: 1.7;
}

@media screen and (max-width: 750px) {
    .mod__note {
        text-align: left;
        font-size: 2.933vw;
    }
}

.mod__note--1 {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .mod__note--1 {
        margin-top: 4vw;
    }
}

.mod__note--2 {
    margin-top: 70px;
    margin-bottom: 35px;
}

@media screen and (max-width: 750px) {
    .mod__note--2 {
        margin-top: 5.33333vw;
        margin-bottom: 4.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .mod__note--3 {
        margin-top: -0.66667vw;
        text-align: center;
    }
}

@media screen and (max-width: 750px) {
    .mod__note--4 {
        margin-top: -0.66667vw;
        text-align: center;
    }
}

.mod-ttl {
    position: relative;
    margin: 0 auto;
}

.mod-ttl img {
    width: 100%;
}

.mod-ttl--ease-1 {
    width: 661px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--ease-1 {
        width: 67.466vw;
    }
}

.mod-ttl--ease-2 {
    width: 829px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--ease-2 {
        width: 77vw;
    }
}

.mod-ttl--merit-1 {
    width: 844px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--merit-1 {
        width: 63.933vw;
    }
}

.mod-ttl--merit-2 {
    width: 581px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--merit-2 {
        width: 58.1vw;
    }
}

.mod-ttl--merit-3 {
    margin-bottom: 50px;
    padding-top: 85px;
    width: 656px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--merit-3 {
        margin-bottom: 4.66667vw;
        padding-top: 12vw;
        width: 68.26667vw;
    }
}

.mod-ttl--example-1 {
    margin-bottom: 20px;
    width: 476px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--example-1 {
        margin-bottom: 6vw;
        width: 59.6vw;
    }
}

.mod-ttl--example-2 {
    padding-top: 60px;
    width: 626px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--example-2 {
        padding-top: 0;
        width: 56.4vw;
    }
}

.mod-ttl--reason {
    width: 388px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--reason {
        width: 68.133vw;
    }
}

.mod-ttl--access {
    margin-bottom: 30px;
    width: 883px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--access {
        margin-bottom: 5.33333vw;
        width: 57.666vw;
    }
}

.mod-ttl--doctor {
    width: 868px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--doctor {
        width: 68.466vw;
    }
}

.mod-ttl--step {
    padding-top: 112px;
    width: 478px;
}

@media screen and (max-width: 750px) {
    .mod-ttl--step {
        padding-top: 4vw;
        width: 52.33vw;
    }
}

.mod-icon {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 92px;
}

@media screen and (max-width: 750px) {
    .mod-icon {
        width: 16vw;
    }
}

.mod-icon img {
    width: 100%;
}

.mod-icon-border {
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    width: 1040px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .mod-icon-border {
        width: 100%;
    }
}

.mod-icon-border--example-1 {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    .mod-icon-border--example-1 {
        margin-top: 4vw;
    }
}

.mod-icon-border--merit-1 {
    margin-top: 20px;
    margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
    .mod-icon-border--merit-1 {
        margin-top: 2.66667vw;
        margin-bottom: 3.33333vw;
    }
}

.mod-icon-border--merit-2 {
    margin-top: 25px;
    margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
    .mod-icon-border--merit-2 {
        margin-top: 3.33333vw;
        margin-bottom: 3.6vw;
    }
}

.mod-arrow {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #9ae1e8;
}

@media screen and (max-width: 750px) {
    .mod-arrow {
        height: 0.35vw;
    }
}

.mod-arrow:after {
    position: absolute;
    bottom: -24px;
    left: 49%;
    width: 30px;
    height: 26px;
    background: url("../img/icon_arrow_01.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .mod-arrow:after {
        bottom: -4.13333vw;
        left: 47%;
        width: 5.46667vw;
        height: 4.53333vw;
    }
}

.mod-arrow--1 {
    margin-top: -22px;
    margin-bottom: 20px;
}

.mod-arrow--2 {
    margin-top: 58px;
}

@media screen and (max-width: 750px) {
    .mod-arrow--2 {
        margin-top: 4.66667vw;
    }
}

/* ---------------------------------------------
*   merit
--------------------------------------------- */
.merit-1 {
    position: relative;
    padding-top: 100px;
}

@media screen and (max-width: 750px) {
    .merit-1 {
        padding-top: 5.33333vw;
    }
}

.merit-2 {
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 5px;
}

@media screen and (max-width: 750px) {
    .merit-2 {
        padding-top: 8vw;
    }
}

.merit-3 {
    padding-bottom: 85px;

    paddidng-top: 87px;
}

@media screen and (max-width: 750px) {
    .merit-3 {
        padding-bottom: 4vw;
    }
}

.merit {
    margin-bottom: 50px;
}

@media screen and (max-width: 750px) {
    .merit {
        margin-bottom: 2.66667vw;
    }
}

/* ---------------------------------------------
*   key-visual
--------------------------------------------- */
.key-visual {
    position: relative;
    margin: auto;
    max-width: 1500px;
}

@media screen and (max-width: 750px) {
    .key-visual {
        max-width: 100%;
        width: 100%;
    }
}

.key-visual__img {
    max-width: 1500px;
    width: 100%;
    height: auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media screen and (max-width: 750px) {
    .key-visual__img {
        width: 100%;
    }
}

/* ---------------------------------------------
*   price
--------------------------------------------- */
.price__txt {
    color: #231815;
    font-size: 25px;
    font-family: 'NotoSansCJKjp-Medium';
}

@media screen and (max-width: 750px) {
    .price__txt {
        font-size: 4.2666vw;
        line-height: 1.65;
    }
}

.price__txt-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-top: 10px;
    width: 1040px;
    line-height: 1;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .price__txt-wrapper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 8vw;
        margin-bottom: 6.66667vw;
        padding: 0 2.66667vw;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .price__txt-wrapper--2 {
        margin-top: 6.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .price__txt-wrapper--3 {
        margin-top: 12vw;
        margin-bottom: 11.33333vw;
        padding-right: 0;
    }
}

.price__num {
    position: relative;
    margin-top: -5px;
    color: #231815;
    font-size: 48px;
    font-family: 'DIN-Condensed-Bold';
}

.windows .price__num {
    margin-top: -10px;

    margin-bototm: 10px;
}

@media screen and (max-width: 750px) {
    .price__num {
        padding-top: 0.66667vw;
        font-size: 8.333vw;
        line-height: 2;
    }
}

.price__num:before {
    position: absolute;
    top: 15px;
    left: -240px;
    width: 235px;
    height: 3px;
    border-bottom: 3px dotted #231815;
    content: "";
}

.windows .price__num:before {
    top: 20px;
}

.ie .price__num:before {
    left: -215px;
    width: 215px;
}

@media screen and (max-width: 750px) {
    .price__num:before {
        width: 88vw;
        height: 2px;
        border-bottom: 2px dotted #231815;
    }
}

.price__num--1:before {
    left: -313px;
    width: 313px;
}

.ie .price__num--1:before {
    left: -273px;
    width: 273px;
}

@media screen and (max-width: 750px) {
    .price__num--1:before {
        top: -4vw;
        left: -57.33333vw;
        width: 88vw;
    }
}

.price__num--2:before {
    left: -405px;
    width: 405px;
}

.ie .price__num--2:before {
    left: -370px;
    width: 370px;
}

@media screen and (max-width: 750px) {
    .price__num--2:before {
        top: -4.66667vw;
        left: -57.33333vw;
        width: 88vw;
    }
}

@media screen and (max-width: 750px) {
    .price__num--2:after {
        position: absolute;
        bottom: -1.33333vw;
        left: -57.33333vw;
        width: 88vw;
        border-bottom: 2px dotted #231815;
        content: "";
    }
}

@media screen and (max-width: 750px) {
    .price__num--3 {
        padding-top: 3.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .price__num--3:before {
        top: -4vw;
        left: -60vw;
    }
}

@media screen and (max-width: 750px) {
    .price__num--3:after {
        position: absolute;
        bottom: -4.66667vw;
        left: -60vw;
        width: 88vw;
        border-bottom: 0.5vw dotted #231815;
        content: "";
    }
}

.price__large-txt {
    margin-top: 10px;
    text-align: center;
    font-size: 46px;
    font-family: 'NotoSansCJKjp-Medium';
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .price__large-txt {
        font-size: 8vw;
    }
}

.price__large-txt--2 {
    margin-top: 20px;
}

.price__large-txt-red {
    position: relative;
    top: 5px;
    color: #e5004d;
    font-size: 70px;
    font-family: 'DIN-Condensed-Bold';
}

@media screen and (max-width: 750px) {
    .price__large-txt-red {
        top: 0.66667vw;
        font-size: 12vw;
    }
}

.price__large-txt-red--2 {
    margin-top: 15px;
}

@media screen and (max-width: 750px) {
    .price__large-txt-red--2 {
        margin-top: 2vw;
    }
}

/* ---------------------------------------------
*   qa
--------------------------------------------- */
.qa-inner {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 1140px;
    border-radius: 10px;
    background-color: #f1fdfd;
}

@media screen and (max-width: 750px) {
    .qa-inner {
        padding-bottom: 4vw;
        width: 100%;
        border-radius: 1.33333vw;
    }
}

.qa {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 60px;
    padding-right: 40px;
    padding-left: 45px;
    width: 1140px;
}

@media screen and (max-width: 750px) {
    .qa {
        padding-top: 6vw;
        padding-right: 2.66667vw;
        padding-left: 3.33333vw;
        width: 100%;
    }
}

.qa__q {
    position: relative;
    padding-left: 65px;
    font-size: 25px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .qa__q {
        padding-left: 8.93333vw;
        font-size: 4.266vw;
        line-height: 1.6;
    }
}

.qa__q:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url("../img/img_qa_q.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .qa__q:before {
        top: -0.66667vw;
        left: -1.33333vw;
        width: 8.66667vw;
        height: 8.66667vw;
    }
}

.qa__a {
    position: relative;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-left: 65px;
    border-bottom: 3px dotted #545454;
    color: #545454;
    font-size: 24px;
    font-family: 'NotoSansCJKjp-Regular';
    line-height: 2;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .qa__a {
        margin-top: 4.66667vw;
        padding-bottom: 2.66667vw;
        padding-left: 8.93333vw;
        border-bottom: 0.5vw dotted #545454;
        font-size: 4.266vw;
    }
}

.qa__a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url("../img/img_qa_a.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .qa__a:before {
        top: -0.66667vw;
        left: -1.33333vw;
        width: 8.66667vw;
        height: 8.66667vw;
    }
}

.qa-img {
    margin: 0 auto;
    width: 1140px;
}

@media screen and (max-width: 750px) {
    .qa-img {
        width: 100%;
    }
}

.qa-img img {
    width: 100%;
}

button {
    outline: none;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.block-sub {
    display: none;
}

.block__trigger {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    color: #0fb7c8;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Bold';
    cursor: pointer;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.block__trigger:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 750px) {
    .block__trigger {
        margin-top: 2vw;
        font-size: 4.26667vw;
    }
}

.open .block__trigger {
    display: none;
}

.block__trigger--doctor {
    margin-left: 0;
}

.block__trigger:before {
    content: "＞";
}

.block-a__trigger {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    color: #0fb7c8;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Bold';
    cursor: pointer;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.block-a__trigger:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 750px) {
    .block-a__trigger {
        margin-top: 2vw;
        font-size: 4.26667vw;
    }
}

.open-a .block-a__trigger {
    display: none;
}

.block-a__trigger:before {
    content: "＞";
}

.block-a-sub {
    display: none;
}

.qa-contents {
    padding-bottom: 45px;
}

@media screen and (max-width: 750px) {
    .qa-contents {
        padding-bottom: 0;
    }
}

/* ---------------------------------------------
*   reason
--------------------------------------------- */
.reason {
    margin-bottom: 110px;
    padding-top: 120px;
}

@media screen and (max-width: 750px) {
    .reason {
        margin-bottom: 14.66667vw;
        padding-top: 6.66667vw;
    }
}

/* ---------------------------------------------
*   slider
--------------------------------------------- */
.slider {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    margin-top: 45px;
    width: 1040px;
    height: 430px;
}

@media screen and (max-width: 750px) {
    .slider {
        width: 100%;
        height: 90.666vw;
    }
}

.slider__note {
    margin-top: 10px;
    color: #7c7c7c;
    text-align: center;
    font-size: 14px;
    font-family: 'NotoSansCJKjp-Regular';
}

@media screen and (max-width: 750px) {
    .slider__note {
        margin-top: 1.33333vw;
        text-align: left;
        font-size: 2.9333vw;
    }
}

.swiper-container {
    width: 1040px;
    height: 430px;
}

@media screen and (max-width: 750px) {
    .swiper-container {
        width: 100%;
        height: 100%;
    }
}

.swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background: #fff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #0fb7c8;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
}

@media screen and (max-width: 750px) {
    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 4vw;
    }
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}

.swiper-button-prev {
    left: 20px;
    width: 30px;
    height: 30px;
    outline: none;
    border-top: 3px solid #0fb7c8;
    border-right: 3px solid #0fb7c8;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);

    tap-highlight-color: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 750px) {
    .swiper-button-prev {
        top: 57%;
        left: 2.66667vw;
        width: 5.33333vw;
        height: 5.33333vw;
        border-top: 0.5vw solid #0fb7c8;
        border-right: 0.5vw solid #0fb7c8;
    }
}

.swiper-button-next {
    right: 20px;
    width: 30px;
    height: 30px;
    outline: none;
    border-top: 3px solid #0fb7c8;
    border-right: 3px solid #0fb7c8;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);

    tap-highlight-color: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 750px) {
    .swiper-button-next {
        top: 57%;
        right: 2.66667vw;
        width: 5.33333vw;
        height: 5.33333vw;
        border-top: 0.5vw solid #0fb7c8;
        border-right: 0.5vw solid #0fb7c8;
    }
}

/* ---------------------------------------------
*   square
--------------------------------------------- */
.square-list__ttl {
    margin-top: 5px;
    margin-bottom: 20px;
    color: #000;
    text-align: center;
    font-size: 36px;
    font-family: 'NotoSansCJKjp-Light';
}

@media screen and (max-width: 750px) {
    .square-list__ttl {
        margin-top: 2.66667vw;
        margin-bottom: 2.66667vw;
        font-size: 5.333vw;
        line-height: 1.4;
    }
}

.square-list__ttl-b {
    font-family: 'NotoSansCJKjp-Bold';
}

.square-list__txt {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 35px;
    width: 920px;
    color: #545454;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Regular';
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .square-list__txt {
        margin-top: 4vw;
        margin-bottom: 4.66667vw;
        width: 100%;
        font-size: 4.266vw;
        line-height: 1.7;
    }
}

.square-list__txt_2 {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 920px;
    color: #545454;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Regular';
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .square-list__txt_2 {
        margin-top: 4vw;
        margin-bottom: 2.66667vw;
        width: 100%;
        font-size: 4.266vw;
        line-height: 1.7;
    }
}

.square-list__txt-b {
    color: #000;
    font-family: 'NotoSansCJKjp-Bold';
}

.square-list__icon {
    display: inline-block;
    margin: 0 auto;
    width: 93px;
}

@media screen and (max-width: 750px) {
    .square-list__icon {
        width: 16vw;
    }
}

.square-list__icon img {
    width: 100%;
}

.square-list__icon-border {
    position: relative;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 10px;
    width: 1040px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .square-list__icon-border {
        margin-top: 4vw;
        margin-bottom: 0;
        width: 100%;
    }
}

.square-list__icon-border:before, .square-list__icon-border:after {
    position: absolute;
    top: 50%;
    display: block;
    width: calc(50% - 63px);
    height: 2px;
    background-color: #0fb7c8;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .square-list__icon-border:before, .square-list__icon-border:after {
        width: calc(50% - 10vw);
        height: 0.3vw;
    }
}

.square-list__icon-border:before {
    left: 0;
}

.square-list__icon-border:after {
    right: 0;
}

.square-list__img {
    margin: 0 auto;
    width: 468px;
}

@media screen and (max-width: 750px) {
    .square-list__img {
        width: 74.66667vw;
    }
}

.square-list__img img {
    width: 100%;
}

.square-list__item {
    margin-bottom: 45px;
}

@media screen and (max-width: 750px) {
    .square-list__item {
        margin-bottom: 5.33333vw;
    }
}

/* ---------------------------------------------
*   step
--------------------------------------------- */
.step-list {
    position: relative;
    margin: 0 auto;
    padding-top: 40px;
    width: 1040px;
    border-bottom: 2px solid #9ae1e8;
}

@media screen and (max-width: 750px) {
    .step-list {
        padding-top: 6.66667vw;
        width: 100%;
        border-bottom: 0.35vw solid #9ae1e8;
    }
}

.step-list:after {
    position: absolute;
    bottom: -25px;
    left: 49%;
    width: 30px;
    height: 26px;
    background: url("../img/icon_arrow_01.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .step-list:after {
        bottom: -4.4vw;
        left: 47%;
        width: 5.46667vw;
        height: 4.53333vw;
    }
}

.step-list--1 {
    padding-top: 45px;
    padding-bottom: 50px;
}

@media screen and (max-width: 750px) {
    .step-list--1 {
        padding-top: 6vw;
        padding-bottom: 5.73333vw;
    }
}

.step-list--6:after {
    content: none;
}

.step-list__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .step-list__top {
        display: block;
    }
}

.step-list__top--1 {
    padding-top: 30px;
    border-top: 2px solid #9ae1e8;
}

@media screen and (max-width: 750px) {
    .step-list__top--1 {
        padding-top: 4.66667vw;
        border-top: 0.4vw solid #9ae1e8;
    }
}

.step-list__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    font-size: 40px;
    font-family: 'NotoSansCJKjp-Bold';

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .step-list__ttl {
        display: block;
        text-align: center;
        font-size: 6.8vw;
    }
}

.step-list__ttl-b {
    position: relative;
    top: 8px;
    margin-right: 15px;
    color: #0fb7c8;
    font-size: 53px;
    font-family: 'DIN-Condensed-Bold';
}

.windows .step-list__ttl-b {
    top: 3px;
}

@media screen and (max-width: 750px) {
    .step-list__ttl-b {
        top: 0.66667vw;
        margin-right: 0.66667vw;
        font-size: 9.33333vw;
    }
}

.step-list__txt {
    color: #545454;
    text-align: right;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Regular';
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .step-list__txt {
        margin-top: 1.33333vw;
        text-align: center;
        font-size: 4.266vw;
        line-height: 1.6;
    }
}

@media screen and (max-width: 750px) {
    .step-list__txt--2 {
        margin-top: -pxtovw(-5, "sp");
    }
}

.step-list__img--1 {
    width: 274px;
}

.step-list__img--2 {
    width: 93px;
}

.step-list__img--3 {
    width: 189px;
}

.step-apply-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 42px;
    margin-bottom: 40px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .step-apply-list {
        display: block;
        margin-top: 4vw;
        margin-bottom: 5.33333vw;
    }
}

.step-apply-list__item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 10px;
    width: 340px;
    border-left: 2px solid #d3d3d4;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .step-apply-list__item {
        margin: 0 auto;
        padding-bottom: 0;
        width: 70%;
        border-top: 0.53333vw solid #d3d3d4;
        border-left: none;
    }
}

.step-apply-list__item:after {
    position: absolute;
    top: 46%;
    right: -18px;
    z-index: 100;
    width: 19px;
    height: 23px;
    background: url(../img/icon_arrow_04.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .step-apply-list__item:after {
        top: -2.26667vw;
        right: 29.46667vw;
        z-index: 100;
        width: 5.33333vw;
        height: 8.26667vw;
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }
}

@media screen and (max-width: 750px) {
    .step-apply-list__item--1 {
        padding-top: 5.73333vw;
    }
    .step-apply-list__item--1:after {
        content: none;
    }
}

.step-apply-list__item--2 {
    width: 360px;
}

@media screen and (max-width: 750px) {
    .step-apply-list__item--2 {
        margin: 0 auto;
        margin-top: 5.73333vw;
        padding-top: 6.66667vw;
        width: 70%;
    }
}

.step-apply-list__item--3 {
    border-right: 2px solid #d3d3d4;
}

.step-apply-list__item--3:after {
    content: none;
}

@media screen and (max-width: 750px) {
    .step-apply-list__item--3 {
        margin-top: 7.33333vw;
        padding-top: 6vw;
        border-right: none;
        border-bottom: 0.35vw solid #d3d3d4;
    }
    .step-apply-list__item--3:after {
        content: "";
    }
}

.step-apply-list__img {
    margin: 0 auto;
}

.step-apply-list__img--1 {
    margin-top: 50px;
    width: 274px;
}

@media screen and (max-width: 750px) {
    .step-apply-list__img--1 {
        margin-top: 4vw;
        margin-bottom: 5.33333vw;
        width: 56.93333vw;
    }
}

.step-apply-list__img--2 {
    margin-top: 33px;
    width: 93px;
}

@media screen and (max-width: 750px) {
    .step-apply-list__img--2 {
        margin-top: 3.6vw;
        width: 17.33333vw;
    }
}

.step-apply-list__img--3 {
    margin-top: 25px;
    width: 189px;
}

@media screen and (max-width: 750px) {
    .step-apply-list__img--3 {
        margin-top: 5.33333vw;
        width: 39.33333vw;
    }
}

.step-apply-list__txt {
    text-align: center;
    font-size: 20px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .step-apply-list__txt {
        font-size: 4.133vw;
    }
}

.step__txt {
    margin-top: 33px;
    margin-bottom: 55px;
    color: #545454;
    text-align: center;
    font-size: 24px;
    font-family: 'NotoSansCJKjp-Regular';
    line-height: 1.7;
}

@media screen and (max-width: 750px) {
    .step__txt {
        margin-top: 4.4vw;
        margin-bottom: 4.66667vw;
        font-size: 4.266vw;
        line-height: 1.6;
    }
}

.step-inner {
    padding-bottom: 45px;
}

@media screen and (max-width: 750px) {
    .step-inner {
        padding-bottom: 6vw;
    }
}

.step-pic-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 30px;
    padding-bottom: 45px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .step-pic-list {
        margin: 0 auto;
        margin-top: 4.66667vw;
        padding-bottom: 8.66667vw;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .step-pic-list--3 {
        padding-bottom: 10.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .step-pic-list--4 {
        padding-bottom: 10.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .step-pic-list--5 {
        padding-bottom: 10.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .step-pic-list--6 {
        padding-bottom: 10.66667vw;
    }
}

.step-pic-list__item img {
    width: 100%;
}

.step-pic-list__item--1 {
    width: 380px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--1 {
        width: 43.6vw;
    }
}

.step-pic-list__item--2 {
    width: 364px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--2 {
        width: 43.6vw;
    }
}

.step-pic-list__item--3 {
    width: 260px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--3 {
        margin: 0 auto;
        margin-top: 2vw;
        width: 34.66667vw;
    }
}

.step-pic-list__item--4 {
    width: 508px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--4 {
        margin: 0 auto;
        margin-bottom: 1.33333vw;
        width: 67.73333vw;
    }
}

.step-pic-list__item--5 {
    width: 509px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--5 {
        margin: 0 auto;
        width: 67.86667vw;
    }
}

.step-pic-list__item--6 {
    width: 330px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--6 {
        width: 44vw;
    }
}

.step-pic-list__item--7 {
    width: 330px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--7 {
        width: 42.93333vw;
    }
}

.step-pic-list__item--8 {
    width: 331px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--8 {
        margin: 0 auto;
        margin-top: 20px;
        width: 44vw;
    }
}

.step-pic-list__item--9 {
    width: 508px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--9 {
        margin: 0 auto;
        width: 67.73333vw;
    }
}

.step-pic-list__item--10 {
    width: 508px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--10 {
        margin: 0 auto;
        margin-top: 2.66667vw;
        width: 67.73333vw;
    }
}

.step-pic-list__item--11 {
    width: 508px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--11 {
        margin: 0 auto;
        margin-top: 2vw;
        width: 67.73333vw;
    }
}

.step-pic-list__item--12 {
    width: 508px;
}

@media screen and (max-width: 750px) {
    .step-pic-list__item--12 {
        margin: 0 auto;
        margin-top: 2.66667vw;
        width: 67.73333vw;
    }
}

.step-txt-l {
    margin: 0 auto;
    margin-top: 60px;
    width: 845px;
}

@media screen and (max-width: 750px) {
    .step-txt-l {
        margin-top: 8vw;
        width: 79.2vw;
    }
}

.step-txt-l img {
    width: 100%;
}

/* ---------------------------------------------
*   top
--------------------------------------------- */
.top-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 15px;
    width: 900px;
}

@media screen and (max-width: 750px) {
    .top-txt {
        display: block;
        margin-top: 0.93333vw;
        margin-bottom: 0.66667vw;
        width: 100%;
    }
}

.top-txt__list {
    width: 465px;
}

@media screen and (max-width: 750px) {
    .top-txt__list {
        margin: 0 auto;
        width: 92.53333vw;
    }
}

.top-txt__list img {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .top-txt__list--2 {
        margin-top: -6vw;
    }
}

/* ---------------------------------------------
*   txt-contents
--------------------------------------------- */
.txt-contents {
    margin-top: 20px;
    margin-bottom: 10px;
}

.txt-contents--1 {
    margin-top: 5px;
}

.txt-contents__red-txt {
    margin-top: 25px;
    color: #e5004d;
    text-align: center;
    font-size: 28px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .txt-contents__red-txt {
        margin-top: 3.33333vw;
        font-size: 5.333vw;
    }
}

.txt-contents__txt {
    margin-top: 45px;
    color: #545454;
    text-align: center;
    font-size: 24px;
    font-family: 'NotoSansCJKjp-Regular';
    line-height: 1.9;
}

@media screen and (max-width: 750px) {
    .txt-contents__txt {
        margin-top: 6.66667vw;
        font-size: 4.8vw;
        line-height: 1.6;

        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
    }
}

.txt-contents__txt--1 {
    margin-top: 5px;
}

@media screen and (max-width: 750px) {
    .txt-contents__txt--1 {
        margin-top: 2vw;
    }
}

.txt-contents__txt-b {
    color: #000;
    font-size: 24px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .txt-contents__txt-b {
        font-size: 4.8vw;
    }
}

.txt-contents__txt-bold {
    color: #000;
    font-size: 24px;
    font-family: 'NotoSansCJKjp-Bold';
}

@media screen and (max-width: 750px) {
    .txt-contents__txt-bold {
        font-size: 4.8vw;
        line-height: 1.56;
    }
}

.txt-contents__txt-area {
    margin-top: 65px;
    margin-bottom: 45px;
    text-align: center;
    line-height: 1.9;
}

@media screen and (max-width: 750px) {
    .txt-contents__txt-area {
        margin-top: -1.33333vw;
        margin-bottom: 2.66667vw;
    }
}

/* ---------------------------------------------
*   table
--------------------------------------------- */

table.price_table {
	margin:0px auto 55px;
	background:#f5f5f5;
	background:rgba(0,0,0,0.04);
	border-collapse:collapse;
	border-spacing:0;
	line-height:1;
	width:930px;
	overflow:hidden;
	border-radius:4px;
	}

.price_table th,td {
	border-bottom:#bfbfbf 1px solid;
	border-right:#bfbfbf 1px dotted;
	border-left:none;
	margin:0;
	font-size:100%;
	padding:15px;
}

.price_table th {
    font-weight: bold;
    background: #f1f1f1;
    background: rgba(219, 203, 193, 0.3);
	max-width: 200px;
    padding: 12px 30px;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
table.price_table {
	margin:0 0 4.66667vw 0;
	background:#f5f5f5;
	background:rgba(0,0,0,0.04);
	border-collapse:collapse;
	border-spacing:0;
	line-height:1;
	width:100%;
	overflow:hidden;
	border-radius:4px;
	}
}


/* ==========================================================
*
*   page
*
========================================================== */
/* ---------------------------------------------
*   Index Page
--------------------------------------------- */
/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 0.66667vw !important;
    }
    .mgt-sp--10 {
        margin-top: 1.33333vw !important;
    }
    .mgt-sp--15 {
        margin-top: 2vw !important;
    }
    .mgt-sp--20 {
        margin-top: 2.66667vw !important;
    }
    .mgt-sp--25 {
        margin-top: 3.33333vw !important;
    }
    .mgt-sp--30 {
        margin-top: 4vw !important;
    }
    .mgt-sp--35 {
        margin-top: 4.66667vw !important;
    }
    .mgt-sp--40 {
        margin-top: 5.33333vw !important;
    }
    .mgt-sp--45 {
        margin-top: 6vw !important;
    }
    .mgt-sp--50 {
        margin-top: 6.66667vw !important;
    }
    .mgt-sp--55 {
        margin-top: 7.33333vw !important;
    }
    .mgt-sp--60 {
        margin-top: 8vw !important;
    }
    .mgt-sp--65 {
        margin-top: 8.66667vw !important;
    }
    .mgt-sp--70 {
        margin-top: 9.33333vw !important;
    }
    .mgt-sp--75 {
        margin-top: 10vw !important;
    }
    .mgt-sp--80 {
        margin-top: 10.66667vw !important;
    }
    .mgt-sp--85 {
        margin-top: 11.33333vw !important;
    }
    .mgt-sp--90 {
        margin-top: 12vw !important;
    }
    .mgt-sp--95 {
        margin-top: 12.66667vw !important;
    }
    .mgt-sp--100 {
        margin-top: 13.33333vw !important;
    }
    .mgt-sp--105 {
        margin-top: 14vw !important;
    }
    .mgt-sp--110 {
        margin-top: 14.66667vw !important;
    }
    .mgt-sp--115 {
        margin-top: 15.33333vw !important;
    }
    .mgt-sp--120 {
        margin-top: 16vw !important;
    }
    .mgt-sp--125 {
        margin-top: 16.66667vw !important;
    }
    .mgt-sp--130 {
        margin-top: 17.33333vw !important;
    }
    .mgt-sp--135 {
        margin-top: 18vw !important;
    }
    .mgt-sp--140 {
        margin-top: 18.66667vw !important;
    }
    .mgt-sp--145 {
        margin-top: 19.33333vw !important;
    }
    .mgt-sp--150 {
        margin-top: 20vw !important;
    }
    .mgt-sp--155 {
        margin-top: 20.66667vw !important;
    }
    .mgt-sp--160 {
        margin-top: 21.33333vw !important;
    }
    .mgt-sp--165 {
        margin-top: 22vw !important;
    }
    .mgt-sp--170 {
        margin-top: 22.66667vw !important;
    }
    .mgt-sp--175 {
        margin-top: 23.33333vw !important;
    }
    .mgt-sp--180 {
        margin-top: 24vw !important;
    }
    .mgt-sp--185 {
        margin-top: 24.66667vw !important;
    }
    .mgt-sp--190 {
        margin-top: 25.33333vw !important;
    }
    .mgt-sp--195 {
        margin-top: 26vw !important;
    }
    .mgt-sp--200 {
        margin-top: 26.66667vw !important;
    }
    .mgt-sp--205 {
        margin-top: 27.33333vw !important;
    }
    .mgt-sp--210 {
        margin-top: 28vw !important;
    }
    .mgt-sp--215 {
        margin-top: 28.66667vw !important;
    }
    .mgt-sp--220 {
        margin-top: 29.33333vw !important;
    }
    .mgt-sp--225 {
        margin-top: 30vw !important;
    }
    .mgt-sp--230 {
        margin-top: 30.66667vw !important;
    }
    .mgt-sp--235 {
        margin-top: 31.33333vw !important;
    }
    .mgt-sp--240 {
        margin-top: 32vw !important;
    }
    .mgt-sp--245 {
        margin-top: 32.66667vw !important;
    }
    .mgt-sp--250 {
        margin-top: 33.33333vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 0.66667vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 1.33333vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 2vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 2.66667vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 3.33333vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 4.66667vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 5.33333vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 6vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 6.66667vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 7.33333vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 8.66667vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 9.33333vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 10vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 10.66667vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 11.33333vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 12.66667vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 13.33333vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 14vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 14.66667vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 15.33333vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 16.66667vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 17.33333vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 18vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 18.66667vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 19.33333vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 20.66667vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 21.33333vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 22vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 22.66667vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 23.33333vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 24.66667vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 25.33333vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 26vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 26.66667vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 27.33333vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 28.66667vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 29.33333vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 30vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 30.66667vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 31.33333vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 32.66667vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 33.33333vw !important;
    }
}

/* ---------------------------------------------
*   margin-left
--------------------------------------------- */
.mgl-pc--0 {
    margin-left: 0 !important;
}

@media screen and (max-width: 750px) {
    .mgl-sp--0 {
        margin-left: 0 !important;
    }
}



@media screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    .sp-hide {
        display: none !important;
    }
}