.hero-top
{
    position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;
}.hero-top__video
{
    position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;
}@media all and (max-width: 767px)
{
    .hero-top__video
    {
        display: none;
    }
}.hero-top__image
{
    overflow: hidden;
}.hero-top__image img
{
    position: fixed;top: 0;left: 0;min-width: 100%;min-height: 100%;
}.hero-top__slider
{
    display: none;
}@media all and (max-width: 767px)
{
    .hero-top__slider
    {
        display: block;
    }
}@media all and (max-width: 767px)
{
    .hero-top__slider-image
    {width: auto;height: 100vh !important;

        background-repeat: no-repeat;background-position: bottom center;background-size: cover;
    }
}.hero-top::before
{
    position: absolute;z-index: 3;width: 100%;height: 100%;content: '';transition: opacity .4s ease;opacity: 1;background-color: #fff;
}@media all and (max-width: 767px)
{
    .hero-top::before
    {
        content: none;
    }
}.hero-top.is-loaded::before
{
    opacity: 0;
}@media (min-aspect-ratio: 16 / 9)
{
    .hero-top__video
    {
        height: auto;
    }
}@media (max-aspect-ratio: 16 / 9)
{
    .hero-top__video
    {
        width: auto;
    }
}.hero-top-contents
{
    position: relative;
}.hero-top-contents__in
{
    display: -ms-flexbox                                                                ;display: flex;width: 100%;max-width: 1360px;margin: 0 auto;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;
}@media all and (max-width: 767px)
{
    .hero-top-contents__in
    {
        min-height: calc(100vh - 56px);padding: 70px 0 80px;
    }
}@media screen and (max-width: 767px) and (orientation: landscape)
{
    .hero-top-contents__in
    {
        padding: 0 0 70px;
    }
}.hero-top-contents__in::before
{display: block;width: 0;height: calc(100vh - 86px);

    content: '';
}@media all and (max-width: 767px)
{
    .hero-top-contents__in::before
    {
        height: calc(100vh - 206px);
    }
}.hero-top-contents__detail
{
    display: block;width: 100%;padding: 0 40px 180px;
}@media screen and (min-width: 768px) and (max-height: 960px)
{
    .hero-top-contents__detail
    {
        padding: 0 40px calc( 100 / ( 960 - 640 ) * (100vh - 640px) + 80px);
    }
}@media screen and (min-width: 768px) and (max-height: 640px)
{
    .hero-top-contents__detail
    {
        padding: 0 40px 80px;
    }
}@media all and (max-width: 767px)
{
    .hero-top-contents__detail
    {
        padding: 0;
    }
}.hero-top-contents__chatch
{
    font-family: '游明朝体','Yu Mincho',YuMincho,'ヒラギノ明朝 Pro','Hiragino Mincho Pro','MS P明朝','MS PMincho',serif;font-size: 4.4rem;font-weight: bold;line-height: 1.5;text-align: center;color: #fff;text-shadow: 1px 1px 12px rgba(0,0,0,.8);
}@media all and (max-width: 767px)
{
    .hero-top-contents__chatch
    {
        font-size: 2.9rem;text-shadow: none;
    }
}.hero-top-contents__text
{
    font-size: 1.8rem;font-weight: bold;line-height: 1.5;text-align: center;color: #fff;text-shadow: 1px 1px 12px rgba(0,0,0,.8);
}@media all and (max-width: 767px)
{
    .hero-top-contents__text
    {
        font-size: 1.5rem;line-height: 2.0;margin-top: .7rem;text-shadow: none;
    }
}.hero-top-contents__button
{
    display: -ms-flexbox                                                ;display: flex;margin-top: 2rem;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;
}@media all and (max-width: 767px)
{
    .hero-top-contents__button
    {
        margin-top: 1.3rem;
    }
}.hero-top-contents__button-link
{font-size: 1.6rem;font-weight: bold;

    position: relative;display: -ms-flexbox;display: flex;min-width: 26.9rem;height: 6rem;color: #fff;border: 2px solid #eda721;border-radius: 100px;background: #eda721;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;
}@media all and (min-width: 768px)
{
    .hero-top-contents__button-link
    {transition: .2s opacity;

        opacity: 1;
    }.hero-top-contents__button-link:hover
    {
        opacity: .6;
    }
}@media all and (min-width: 768px)
{
    .hero-top-contents__button-link
    {
        box-shadow: 1px 1px 15px rgba(0,0,0,.5);
    }
}@media all and (max-width: 767px)
{
    .hero-top-contents__button-link
    {
        font-size: 1.3rem;min-width: 30rem;height: 4.5rem;box-shadow: none;
    }
}.hero-top-contents__button-link:after
{position: absolute;top: 50%;right: 18px;display: block;width: 14px;height: 14px;

    content: '';-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);background: url(/common/img/layout/ico_arrow_right_02.svg) right center no-repeat;background-size: 14px;
}.hero-top-contents__scroll
{position: absolute;bottom: 50px;left: 50%;

    display: block;overflow: hidden;width: 31.5px;height: 15px;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);white-space: nowrap;text-indent: -9999px;background: url(/img/ico_top_scroll_pc.svg) 0 0 no-repeat;background-size: 31.5px 15px;
}@media all and (min-width: 768px)
{
    .hero-top-contents__scroll
    {transition: .2s opacity;

        opacity: 1;
    }.hero-top-contents__scroll:hover
    {
        opacity: .6;
    }
}@media all and (max-width: 767px)
{
    .hero-top-contents__scroll
    {
        width: 40px;height: 40px;background: url(/img/ico_top_scroll_sp.svg) 0 0 no-repeat;background-size: 40px 40px;
    }
}@media screen and (max-width: 767px) and (orientation: portrait)
{
    .hero-top-contents__scroll
    {
        bottom: 100px;
    }
}@media screen and (max-width: 767px) and (orientation: landscape)
{
    .hero-top-contents__scroll
    {
        bottom: 30px;
    }
}@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait)
{
    .hero-top-contents__scroll
    {
        bottom: 140px;
    }
}@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape)
{
    .hero-top-contents__scroll
    {
        bottom: 60px;
    }
}@media only screen and (max-height: 374px)
{
    .hero-top-contents__scroll
    {
        bottom: 20px;
    }
}.box-top
{
    width: 100%;background-color: #fff;
}.box-top--bg-yellow
{
    background-color: #fff8eb;
}.box-top__inner
{
    max-width: 1170px;margin: 0 auto;padding: 7.4rem 0 8rem;
}@media all and (max-width: 767px)
{
    .box-top__inner
    {width: 100%;
        max-width: inherit;padding: 4rem 1.5rem;
    }
}.line-cmn + .box-top__inner
{
    margin-top: 0;
}.box-top-solution
{
    padding-top: 8rem;
}@media all and (max-width: 767px)
{
    .box-top-solution
    {
        padding: 4rem 1.5rem 0;
    }
}.box-top-solution__list
{display: -ms-flexbox;display: flex;
    overflow: hidden;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
}@media all and (max-width: 767px)
{
    .box-top-solution__list
    {
        display: block;
    }
}.box-top-solution__item
{
    position: relative;width: 25%;-ms-flex: 1 0 auto;flex: 1 0 auto;
}@media all and (max-width: 767px)
{
    .box-top-solution__item
    {
        width: 100%;margin-bottom: 15px;
    }.box-top-solution__item:last-child
    {
        margin-bottom: 0;
    }
}.box-top-solution__link
{
    position: relative;display: -ms-flexbox;display: flex;width: 100%;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;
}.box-top-solution__link:hover .box-top-solution__caption
{
    visibility: inherit;
}.box-top-solution__link:hover .box-top-solution__caption:after
{
    background-color: rgba(0,0,0,.5);
}.box-top-solution__link:hover .box-top-solution__title
{
    visibility: hidden;
}@media all and (max-width: 767px)
{
    .box-top-solution__link:hover .box-top-solution__title
    {
        visibility: inherit;
    }
}.box-top-solution__image
{
    display: block;width: 100%;height: auto;
}.box-top-solution__title
{font-size: 2.8rem;font-weight: bold;

    position: absolute;top: 50%;left: 50%;width: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #fff;
}@media all and (max-width: 767px)
{
    .box-top-solution__title
    {font-size: 1.9rem;

        top: calc(50% - 49px);right: 0;bottom: 0;left: 0;-webkit-transform: none;transform: none;
    }
}.box-top-solution__caption
{position: absolute;top: 0;left: 0;display: -ms-flexbox;display: flex;
    visibility: hidden;width: 100%;height: 100%;padding: 6.5rem;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;
}@media all and (max-width: 767px)
{
    .box-top-solution__caption
    {top: inherit;right: 0;bottom: 0;left: 0;display: block;
        visibility: inherit;width: auto;height: auto;min-height: 64px;padding: 1.2rem 1.5rem;-webkit-transform: none;transform: none;
    }
}.box-top-solution__caption:after
{position: absolute;z-index: 1;top: 0;right: 0;bottom: 0;left: 0;display: block;

    content: '';transition: .2s ease;background-color: rgba(0,0,0,0);
}@media all and (max-width: 767px)
{
    .box-top-solution__caption:after
    {
        background-color: rgba(0,0,0,.5);
    }
}.box-top-solution__text
{font-size: 1.4rem;

    position: relative;z-index: 3;-webkit-transform: translateZ(0);transform: translateZ(0);color: #fff;
}@media all and (max-width: 767px)
{
    .box-top-solution__text
    {
        font-size: 1.2rem;
    }
}.ttl-top-01
{
    position: relative;max-width: 1170px;margin: 0 auto 3rem;padding-bottom: 1.5rem;text-align: center;
}@media all and (max-width: 767px)
{
    .ttl-top-01
    {
        max-width: inherit;margin-bottom: 2rem;padding-bottom: 1.2rem;
    }
}.ttl-top-01:after
{position: absolute;bottom: 0;left: calc(50% - 20px);display: block;width: 40px;height: 1px;

    content: '';border-bottom: 1px #eda721 solid;
}@media all and (max-width: 767px)
{
    .ttl-top-01:after
    {left: calc(50% - 15px);

        width: 30px;
    }
}.ttl-top-01__main
{
    font-size: 3rem;font-weight: bold;
}@media all and (max-width: 767px)
{
    .ttl-top-01__main
    {
        font-size: 2rem;
    }
}.ttl-top-01 .list-cmn-link
{
    position: absolute;top: 50%;right: 0;margin-top: 0;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);
}.mod-tab--top-01 .js-tab-box
{
    margin-top: 0;
}@media all and (min-width: 768px)
{
    .mod-tab--top-01 .js-tab-box .box-cmn
    {
        padding: 4rem 3.9rem;
    }
}.mod-tab--top-01 .js-tab-box .box-cmn--border
{
    border-top: none;border-radius: 0 0 10px 10px;
}@media all and (max-width: 767px)
{
    .mod-tab--top-01 .js-tab-box .box-cmn--border
    {padding-right: 0;padding-bottom: 0;padding-left: 0;

        border: none;
    }
}.mod-tab--top-02 .mod-tab__list
{
    border-bottom: 1px #f1deb6 solid;
}.mod-tab--top-02 .mod-tab__list li span
{color: #fff;border: none;
    background-color: #f1deb6;
}.mod-tab--top-02 .mod-tab__list li.is-active span
{font-weight: bold;pointer-events: none;color: #fff;border-color: #eda721;
    background-color: #eda721;
}.mod-tab--top-02 .js-tab-box-pc .box-cmn--border
{
    border: none;
}@media all and (min-width: 768px)
{
    .mod-tab--top-02 .js-tab-box-pc .box-cmn--border
    {border-radius: 0 0 10px 10px;
        background-color: #fff;
    }
}@media all and (max-width: 767px)
{
    .mod-tab--top-02 .mod-card__box
    {
        overflow: hidden;margin-top: 1rem;margin-bottom: 0;padding: 2rem 2rem 3.5rem;border: none;border-radius: 10px 10px;background-color: #fff;
    }
}@media all and (max-width: 767px)
{
    .mod-tab--top-02 .mod-card__box .list-cmn-link:first-child
    {
        margin-top: 0;
    }
}.box-top-tab
{
    overflow: hidden;
}.box-top-tab__list
{display: -ms-flexbox;display: flex;
    overflow: hidden;height: 70px;margin: 0 -.5rem 0 -.4rem;-ms-flex-align: end;align-items: flex-end;-ms-flex-pack: justify;justify-content: space-between;
}@media all and (max-width: 767px)
{
    .box-top-tab__list
    {
        height: 45px;
    }
}.box-top-tab__list > li
{
    position: relative;width: 50%;padding: 0 .5rem 0 .4rem;text-align: center;background-color: #fff8eb;-ms-flex: 1 0 auto;flex: 1 0 auto;
}.box-top-tab__list > li:after
{position: absolute;z-index: 2;right: 0;bottom: 0;left: 0;display: block;width: 100%;height: 1px;

    content: '';background-color: #eda721;
}.box-top-tab__list > li > p
{font-size: 1.8rem;

    position: relative;display: -ms-flexbox;display: flex;height: 60px;cursor: pointer;color: #eda721;border: solid #eda721;border-width: 1px 1px 0;border-radius: 5px 5px 0 0;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;
}@media all and (min-width: 768px)
{
    .box-top-tab__list > li > p
    {transition: .2s opacity;

        opacity: 1;
    }.box-top-tab__list > li > p:hover
    {
        opacity: .6;
    }
}@media all and (max-width: 767px)
{
    .box-top-tab__list > li > p
    {font-size: 1.5rem;

        height: 37px;
    }
}.box-top-tab__list > li > p:after
{position: absolute;z-index: 5;right: 0;bottom: 0;left: 0;display: block;width: 100%;height: 1px;

    content: '';background-color: #eda721;
}.box-top-tab__list > li.is-active > p
{font-weight: bold;

    height: 70px;
}@media all and (min-width: 768px)
{
    .box-top-tab__list > li.is-active > p
    {
        pointer-events: none;
    }
}@media all and (max-width: 767px)
{
    .box-top-tab__list > li.is-active > p
    {
        height: 45px;
    }
}.box-top-tab__list > li.is-active > p:after
{
    background-color: #fff8eb;
}.box-top-tab__box
{
    margin-top: 3rem;
}@media all and (max-width: 767px)
{
    .box-top-tab__box
    {
        margin-top: 2rem;
    }
}