/*------------------------------------------------------------
	header
------------------------------------------------------------*/
.header
{
    width: 100%;

    text-align: center;
}

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

.header__inner
{
    padding: 30px calc(50% - 440px);
}

@media screen and (max-width: 750px)
{
    .header__inner
    {
        padding: 5.33333vw 3.33333vw;
    }
}

.header__img
{
    margin-bottom: 15px;
    padding: 10px;

    border-top: 1px solid #3f639e;
    border-bottom: 1px solid #3f639e;
}

@media screen and (max-width: 750px)
{
    .header__img
    {
        margin-bottom: 3.33333vw;
        padding: 2vw 0;
    }
    .header__img img
    {
        width: 89.33333vw;
    }
}

/*------------------------------------------------------------
	mv
------------------------------------------------------------*/
.mv
{
    width: 100%;
}

.mv .mv__img
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 calc(50% - 440px);
}

@media screen and (max-width: 750px)
{
    .mv .mv__img
    {
        padding: 0;
    }
}

.mv .mv__img img
{
    width: 1391px;
    max-width: initial;
}

_:lang(x)::-ms-backdrop,
.mv .mv__img img
{
    max-width: 100%;
}

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

/*------------------------------------------------------------
	interview
------------------------------------------------------------*/
.interview
{
    padding: 100px 0 130px;
}

@media screen and (max-width: 750px)
{
    .interview
    {
        padding: 16vw 0 18.66667vw;
    }
}

.interview__inner
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 880px;
    margin: 0 auto;
}

@media screen and (max-width: 750px)
{
    .interview__inner
    {
        width: auto;
        padding: 0 3.33333vw;
    }
}

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

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

.interview__box + .interview__box
{
    margin-top: 140px;
}

@media screen and (max-width: 750px)
{
    .interview__box + .interview__box
    {
        margin-top: 17.33333vw;
    }
}

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

.interview__box-txt__header
{
    margin-bottom: 30px;
    padding-bottom: 20px;

    border-bottom: 1px solid #3f639e;
}

@media screen and (max-width: 750px)
{
    .interview__box-txt__header
    {
        margin-bottom: 5.33333vw;
        padding-bottom: 4vw;
    }
}

.interview__box-txt__body
{
    line-height: 2;
}

.interview__box--01 .interview__box-img
{
    width: 54.091%;
    margin-right: 40px;
}

@media screen and (max-width: 750px)
{
    .interview__box--01 .interview__box-img
    {
        width: auto;
        margin-right: 0;
    }
}

.interview__box--01 .interview__box-txt
{
    width: calc(100% - (54.091% + 40px));
}

@media screen and (max-width: 750px)
{
    .interview__box--01 .interview__box-txt
    {
        width: auto;
    }
}

@media screen and (max-width: 750px)
{
    .interview__box--01 .interview__box-txt__header img
    {
        width: 78.93333vw;
    }
}

.interview__box--02
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.interview__box--02 .interview__box-img
{
    width: 52.5%;
    margin-left: 40px;
}

@media screen and (max-width: 750px)
{
    .interview__box--02 .interview__box-img
    {
        width: auto;
        margin-left: 0;
    }
}

.interview__box--02 .interview__box-txt
{
    width: calc(100% - (52.5% + 40px));
}

@media screen and (max-width: 750px)
{
    .interview__box--02 .interview__box-txt
    {
        width: auto;
    }
}

@media screen and (max-width: 750px)
{
    .interview__box--02 .interview__box-txt__header img
    {
        width: 75.73333vw;
    }
}

.interview__box--03 .interview__box-img
{
    width: 51.364%;
    margin-right: 40px;
}

@media screen and (max-width: 750px)
{
    .interview__box--03 .interview__box-img
    {
        width: auto;
        margin-right: 0;
    }
}

.interview__box--03 .interview__box-txt
{
    width: calc(100% - (51.364% + 40px));
}

@media screen and (max-width: 750px)
{
    .interview__box--03 .interview__box-txt
    {
        width: auto;
    }
}

@media screen and (max-width: 750px)
{
    .interview__box--03 .interview__box-txt__header img
    {
        width: 81.06667vw;
    }
}

.interview__box--04
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.interview__box--04 .interview__box-img
{
    width: 50.341%;
    margin-left: 40px;
}

@media screen and (max-width: 750px)
{
    .interview__box--04 .interview__box-img
    {
        width: auto;
        margin-left: 0;
    }
}

.interview__box--04 .interview__box-txt
{
    width: calc(100% - (50.341% + 40px));
}

@media screen and (max-width: 750px)
{
    .interview__box--04 .interview__box-txt
    {
        width: auto;
    }
}

@media screen and (max-width: 750px)
{
    .interview__box--04 .interview__box-txt__header img
    {
        width: 83.2vw;
    }
}

/*------------------------------------------------------------
	conversion
------------------------------------------------------------*/
.conversion
{
    padding: 50px 0;

    background: url(../img/bg_conversion.png) no-repeat center bottom, -webkit-gradient(linear, left top, right top, color-stop(40%, #ebeff5), color-stop(90%, #fff));

    background: url(../img/bg_conversion.png) no-repeat center bottom, -webkit-linear-gradient(left, #ebeff5 40%, #fff 90%);

    background: url(../img/bg_conversion.png) no-repeat center bottom, linear-gradient(to right, #ebeff5 40%, #fff 90%);
}

@media screen and (max-width: 750px)
{
    .conversion
    {
        padding: 6.66667vw 0;

        background-size: 85.33333vw auto, auto;
    }
}

.conversion__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;
    width: 880px;
    margin: 0 auto;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

        width: auto;
        padding: 0 3.33333vw;

        text-align: center;
    }
}

.conversion__txt
{
    font-size: 1.8rem;

    margin-right: 35px;

    color: #3f639e;
}

@media screen and (max-width: 750px)
{
    .conversion__txt
    {
        font-size: 4.26667vw;

        margin-right: 0;
        margin-bottom: 2.66667vw;
    }
}

/*------------------------------------------------------------
	whats
------------------------------------------------------------*/
.whats
{
    padding: 100px 0;

    background: url(../img/bg_whats.png) repeat-x top left, #f1f4f8;
}

.whats__inner
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 880px;
    margin: 0 auto;
}

@media screen and (max-width: 750px)
{
    .whats__inner
    {
        width: auto;
        padding: 0 3.33333vw;
    }
}

.whats__box
{
    padding: 70px 0 100px;

    text-align: center;
}

@media screen and (max-width: 750px)
{
    .whats__box
    {
        padding: 10.66667vw 0 14.66667vw;
    }
}

.whats__box + .whats__box
{
    border-top: 1px solid #3f639e;
}

.whats__box-ttl
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 35px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 750px)
{
    .whats__box-ttl
    {
        display: block;
    }
    .whats__box-ttl__img
    {
        margin-bottom: 3.33333vw;
    }
}

.whats__box-ttl__txt
{
    font-size: 3.1rem;
    font-weight: 500;

    margin-left: 30px;
}

@media screen and (max-width: 750px)
{
    .whats__box-ttl__txt
    {
        font-size: 5.33333vw;

        margin-left: 0;
    }
}

.whats__box-txt
{
    font-size: 1.8rem;
    line-height: 2;

    letter-spacing: .04em;
}

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

.whats__box--01 .whats__box-subttl
{
    margin-bottom: 30px;
}

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

.whats__box--01 .whats__box-txt
{
    margin-bottom: 45px;
}

@media screen and (max-width: 750px)
{
    .whats__box--01 .whats__box-txt
    {
        margin-bottom: 7.33333vw;
    }
}

@media screen and (max-width: 750px)
{
    .whats__box--01 .whats__box-img img
    {
        width: 91.86667vw;
    }
}

.whats__box--02 .whats__box-subttl
{
    margin-bottom: 70px;
}

@media screen and (max-width: 750px)
{
    .whats__box--02 .whats__box-subttl
    {
        margin-bottom: 10.66667vw;
    }
}

.whats__box--02 .whats__box-img
{
    margin-bottom: 45px;
}

@media screen and (max-width: 750px)
{
    .whats__box--02 .whats__box-img
    {
        margin-bottom: 7.33333vw;
    }
    .whats__box--02 .whats__box-img img
    {
        width: 86.8vw;
    }
}

.whats__box--03 .whats__box-subttl
{
    margin-bottom: 25px;
}

@media screen and (max-width: 750px)
{
    .whats__box--03 .whats__box-subttl
    {
        margin-bottom: 4.66667vw;
    }
}

.whats__box--03 .whats__box-txt
{
    margin-bottom: 30px;
}

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

.whats__box--04 .whats__box-subttl
{
    margin-bottom: 75px;
}

@media screen and (max-width: 750px)
{
    .whats__box--04 .whats__box-subttl
    {
        margin-bottom: 11.33333vw;
    }
}

.whats__box--04 .whats__box-img
{
    margin-bottom: 50px;
}

@media screen and (max-width: 750px)
{
    .whats__box--04 .whats__box-img
    {
        margin-bottom: 8vw;
    }
    .whats__box--04 .whats__box-img img
    {
        width: 85.86667vw;
    }
}

.whats__box--04 .whats__box-txt
{
    font-size: 1rem;
}

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

.whats__end
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 18px 25px;

    border: 1px solid #3f639e;
    background: #fff;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
}

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

        padding: 3.06667vw 4vw 4vw;
    }
}

.whats__end-mov
{
    width: 46.506%;
    margin-right: 50px;

    -o-object-fit: cover;

    object-fit: cover;
}

.whats__end-mov video
{
    width: 100%;
}

@media screen and (max-width: 750px)
{
    .whats__end-mov
    {
        width: auto;
        margin-right: 0;
        margin-bottom: 4vw;
    }
}

.whats__end-img
{
    width: 46.506%;
    margin-right: 50px;
}

@media screen and (max-width: 750px)
{
    .whats__end-img
    {
        width: auto;
        margin-right: 0;
        margin-bottom: 4vw;
    }
}

.whats__end-txt
{
    width: calc(100% - (46.506% + 50px));
}

@media screen and (max-width: 750px)
{
    .whats__end-txt
    {
        width: auto;
    }
}

.whats__end-paragraph
{
    font-size: 2.2rem;

    display: inline-block;

    padding-bottom: 5px;

    color: #3f639e;
    border-bottom: 1px solid #3f639e;
}

@media screen and (max-width: 750px)
{
    .whats__end-paragraph
    {
        font-size: 4.8vw;

        padding-bottom: 1.33333vw;
    }
}

.whats__end-paragraph + .whats__end-paragraph
{
    margin-top: 20px;
}

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

/*------------------------------------------------------------
	benefit
------------------------------------------------------------*/
.benefit
{
    padding: 80px 0;
}

@media screen and (max-width: 750px)
{
    .benefit
    {
        padding: 12vw 0;
    }
}

.benefit__inner
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 880px;
    margin: 0 auto;
}

@media screen and (max-width: 750px)
{
    .benefit__inner
    {
        width: auto;
        padding: 0 3.33333vw;
    }
}

.benefit__box
{
    text-align: center;
}

.benefit__box + .benefit__box
{
    margin-top: 120px;
}

@media screen and (max-width: 750px)
{
    .benefit__box + .benefit__box
    {
        margin-top: 17.33333vw;
    }
}

.benefit__box--01 .benefit__box-ttl
{
    margin-bottom: 25px;
}

@media screen and (max-width: 750px)
{
    .benefit__box--01 .benefit__box-ttl
    {
        margin-bottom: 4vw;
    }
    .benefit__box--01 .benefit__box-ttl img
    {
        width: 87.46667vw;
    }
}

.benefit__box--01 .benefit__box-set
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px)
{
    .benefit__box--01 .benefit__box-set
    {
        display: block;
    }
}

.benefit__box--01 .benefit__box-img
{
    margin-right: 30px;
}

@media screen and (max-width: 750px)
{
    .benefit__box--01 .benefit__box-img
    {
        margin-right: 0;
        margin-bottom: 4vw;
    }
}

.benefit__box--01 .benefit__box-txt
{
    font-size: 1.8rem;
    line-height: 2.5;

    position: relative;

    padding: 27px 0;

    text-align: left;
    letter-spacing: .1em;

    border-top: 1px solid #3f639e;
    border-bottom: 1px solid #3f639e;
}

@media screen and (max-width: 750px)
{
    .benefit__box--01 .benefit__box-txt
    {
        font-size: 3.73333vw;

        padding: 5.33333vw 0;
    }
}

.benefit__box--01 .benefit__box-txt::before,
.benefit__box--01 .benefit__box-txt::after
{
    position: absolute;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    background: #3f639e;
}

.benefit__box--01 .benefit__box-txt::before
{
    top: 5px;
}

@media screen and (max-width: 750px)
{
    .benefit__box--01 .benefit__box-txt::before
    {
        top: .66667vw;
    }
}

.benefit__box--01 .benefit__box-txt::after
{
    bottom: 5px;
}

@media screen and (max-width: 750px)
{
    .benefit__box--01 .benefit__box-txt::after
    {
        bottom: .66667vw;
    }
}

.benefit__box--01 .benefit__box-txt--small
{
    font-size: 1.2rem;
}

@media screen and (max-width: 750px)
{
    .benefit__box--01 .benefit__box-txt--small
    {
        font-size: 2.66667vw;
    }
}

.benefit__box--01 .benefit__box-txt--big
{
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1;
}

@media screen and (max-width: 750px)
{
    .benefit__box--01 .benefit__box-txt--big
    {
        font-size: 7.46667vw;
    }
}

.benefit__box--01 .benefit__box-txt--may
{
    padding: 45px 0;
}

.benefit__box--02 .benefit__box-img
{
    margin-top: 25px;
}

@media screen and (max-width: 750px)
{
    .benefit__box--02 .benefit__box-img
    {
        margin-bottom: 4vw;
    }
    .benefit__box--02 .benefit__box-img img
    {
        width: 60.26667vw;
    }
}

.benefit__box--02 .benefit__box-txt
{
    font-size: 1.8rem;
    line-height: 2;

    margin-top: 45px;
}

@media screen and (max-width: 750px)
{
    .benefit__box--02 .benefit__box-txt
    {
        font-size: 4.26667vw;

        margin-top: 6.66667vw;
    }
}

.benefit__box--03 .benefit__box-ttl
{
    margin-bottom: 45px;
}

@media screen and (max-width: 750px)
{
    .benefit__box--03 .benefit__box-ttl
    {
        margin-bottom: 6.66667vw;
    }
    .benefit__box--03 .benefit__box-ttl img
    {
        width: 84.66667vw;
    }
}

.benefit__box--03 .benefit__box-txt
{
    font-size: 1.8rem;
    line-height: 2;

    margin-top: 45px;
}

@media screen and (max-width: 750px)
{
    .benefit__box--03 .benefit__box-txt
    {
        font-size: 4.26667vw;

        margin-top: 6.66667vw;
    }
}

/*------------------------------------------------------------
	footer
------------------------------------------------------------*/
.footer
{
    padding: 200px 0 110px;

    text-align: center;
}

@media screen and (max-width: 750px)
{
    .footer
    {
        padding: 20vw 0 8vw;
    }
    .footer__logo img
    {
        width: 42.13333vw;
    }
}
sup {
  vertical-align: super;
  font-size: small;
}
small {
  font-size: smaller;
}