@charset "UTF-8";

/*** The new CSS reset - version 1.7.2 (last updated 23.6.2022) ***/
*:where(:not(html, iframe, canvas, img, svg, video):not(svg*, symbol*)) {
    all: unset;
    display: revert;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a,
button {
    cursor: revert;
}

ol,
ul,
menu {
    list-style: none;
}

img {
    max-width: 100%;
}

table {
    border-collapse: collapse;
}

input,
textarea {
    -webkit-user-select: auto;
}

textarea {
    white-space: revert;
}

meter {
    -webkit-appearance: revert;
    appearance: revert;
}

::placeholder {
    color: unset;
}

:where([hidden]) {
    display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

:where([draggable=true]) {
    -webkit-user-drag: element;
}

h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
div {
    line-height: 1;
    margin: 0;
}

ul,
dl,
ol,
dd,
li,
figure {
    padding: 0;
    margin: 0;
}

html {
    overscroll-behavior: none;
}

body {
    position: relative;
    font-family: "Noto Sans JP', sans-serif, Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 400;
    color: #333;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #FFFFFF;
    overscroll-behavior: none;
}

img,
svg {
    display: inline-block;
    width: 100%;
    height: auto;
}

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

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .u-hide-tab {
        display: none !important;
    }
}

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

.adlp-c-container {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    position: relative;
    color: #333333;
    font-feature-settings: "palt";
}

.adlp-c-logo {
    width: 100%;
}

.adlp-c-logo svg {
    fill: #013794;
}

.adlp-c-logo::before {
    padding-top: 15.377867789%;
}

.adlp-c-trial__cta>a:hover {
    filter: brightness(130%);
    transition: filter 0.3s;
}

.adlp-c-nav.--l {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

@media screen and (min-width: 768px) {
    .adlp-c-nav.--l {
        position: fixed;
        top: 0;
        width: calc((100vw - 450px) / 2);
        height: 100vh;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .adlp-c-nav.--l .adlp-c-nav__inner {
        width: min(100%, 43.6666666667vw);
        width: 100%;
    }

    .adlp-c-nav.--l .adlp-c-header {
        display: none;
    }

    .adlp-c-nav.--l .adlp-c-trial {
        background: #EEEEEE;
    }

    .adlp-c-nav.--l .adlp-c-trial .adlp-c-trial__inner {
        max-width: 320px;
        margin: auto;
        padding-top: 8.8888888889vw;
        padding-bottom: 23.9814814815vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .adlp-c-nav.--l .adlp-c-trial .adlp-c-trial__inner::after {
        content: "";
        display: block;
        width: 12.4255555556vw;
        height: 22.1296296296vw;
        flex-shrink: 0;
        background: url(../img/trial-illust.svg) center/contain no-repeat;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 20%);
    }

    .adlp-c-nav.--l .adlp-c-trial .adlp-c-trial__text.--text01 {
        width: 13.8888888889vw;
    }

    .adlp-c-nav.--l .adlp-c-trial .adlp-c-trial__text.--text02 {
        margin-top: 1.2037037037vw;
        width: 20.0925925926vw;
        text-align: center;
    }

    .adlp-c-nav.--l .adlp-c-trial .adlp-c-trial__text.--text02::after {
        content: "";
        display: inline-block;
        width: 3.1731481481vw;
        height: 2.5vw;
        background: url(../img/trial-arrow.svg) center/contain no-repeat;
        margin-top: 1.9444444444vw;
    }

    .adlp-c-nav.--l .adlp-c-trial .adlp-c-trial__text.--text03 {
        margin-top: 1.9444444444vw;
        width: 16.6666666667vw;
    }

    .adlp-c-nav.--l .adlp-c-trial .adlp-c-trial__cta {
        margin-top: 1.6666666667vw;
        width: 27.037037037vw;
        position: relative;
    }

    .adlp-c-nav.--l .adlp-c-trial .adlp-c-trial__cta::after {
        content: "";
        display: inline-block;
        width: 0.5185185185vw;
        height: 1.037037037vw;
        flex-shrink: 0;
        background: url(../img/trial-btn-icon.svg) center/contain no-repeat;
        position: absolute;
        top: 50%;
        right: 1.2962962963vw;
        transform: translate(0, -100%);
    }

    .adlp-c-nav.--l .adlp-c-nav__icon {
        display: none;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu {
        padding: 0;
        height: auto;
        align-items: flex-start;
        flex-direction: column;
        position: relative;
        left: 0;
        top: 0;
        z-index: 10;
        background-color: transparent;
        opacity: 1;
        transform: inherit;
        transition: inherit;
        width: 30.0194444444vw;
        padding: 0 3.7037037037vw;
        margin: 8.6111111111vw auto 0;
        position: relative;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu::before {
        display: none;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item:not(:first-child) {
        margin-top: 2.7777777778vw;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item.is-current a::before {
        width: 105%;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item>a {
        width: 100%;
        position: relative;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item>a::before {
        content: "";
        display: block;
        width: 0;
        height: 0.3703703704vw;
        background-color: #F3FB03;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: width ease-in-out 450ms;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item>a:hover::before {
        width: 105%;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item.--item01 {
        width: 22.612037037vw;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item.--item02 {
        width: 8.8796296296vw;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item.--item03 {
        width: 7.6037037037vw;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item.--item04 {
        width: 10.462962963vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .adlp-c-nav.--l {
        width: 50%;
    }
}

@media screen and (min-width: 1240px) {
    .adlp-c-nav.--l {
        justify-content: center;
    }

    .adlp-c-nav.--l .adlp-c-header {
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: #F3FB03;
        padding-top: min(4.3229166667vw, 83px);
        padding-left: min(3.28125vw, 63px);
    }

    .adlp-c-nav.--l .adlp-c-header__logo {
        width: 7.5vw;
        max-width: 144px;
    }

    .adlp-c-nav.--l .adlp-c-trial {
        display: none;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu {
        width: 264px;
        padding: 0;
        margin: 0 auto;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item:not(:first-child) {
        margin-top: 40px;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item>a>img {
        position: relative;
        z-index: 1;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item>a::before {
        height: 0.2083333333vw;
        height: 4px;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item.--item01 {
        width: 264px;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item.--item02 {
        width: 98px;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item.--item03 {
        width: 85px;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu-item.--item04 {
        width: 117px;
    }

    .adlp-c-nav.--l .adlp-c-nav__menu::before {
        content: "";
        display: block;
        /* width: min(calc(306.56/1920*100vw), 306.56px);
      height: min(calc(264/1920*100vw), 264px); */
        width: 306.56px;
        height: 264px;
        background: url(../img/menu-illust.svg) center/contain no-repeat;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 133%);
    }
}

.adlp-c-nav.--r {
    width: calc((100% - 450px) / 2);
    height: 100vh;
    z-index: 0;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #EEEEEE;
    display: none;
}

@media screen and (min-width: 1240px) {
    .adlp-c-nav.--r {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .adlp-c-nav.--r .adlp-c-nav__inner {
        width: 367px;
        background: #FFF;
        padding: 64px 48px 54px 39px;
        position: relative;
    }

    .adlp-c-nav.--r .adlp-c-nav__inner::after {
        content: "";
        display: inline-block;
        width: 115px;
        height: 204.81px;
        background: url(../img/trial-illust.svg) center/contain no-repeat;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 110%);
    }

    .adlp-c-nav.--r .adlp-c-trial {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .adlp-c-nav.--r .adlp-c-trial .adlp-c-trial__lead.--text01 {
        width: 147.97px;
    }

    .adlp-c-nav.--r .adlp-c-trial .adlp-c-trial__lead.--text02 {
        margin-top: 32px;
        width: 235.9px;
    }

    .adlp-c-nav.--r .adlp-c-trial .adlp-c-trial__lead.--text02::after {
        content: "";
        display: block;
        width: 34.27px;
        height: 27px;
        margin: 31px auto 0;
        background: url(../img/trial-arrow.svg) center/contain no-repeat;
    }

    .adlp-c-nav.--r .adlp-c-trial .adlp-c-trial__lead.--text03 {
        margin: 29.06px auto 0;
        width: 175px;
    }

    .adlp-c-nav.--r .adlp-c-trial .adlp-c-trial__cta {
        position: relative;
        margin-top: 22.5px;
        width: 292px;
    }

    .adlp-c-nav.--r .adlp-c-trial .adlp-c-trial__cta::after {
        content: "";
        display: inline-block;
        width: 8.6px;
        height: 14.2px;
        flex-shrink: 0;
        background: url(../img/trial-btn-icon.svg) center/contain no-repeat;
        position: absolute;
        top: 50%;
        right: 11.42px;
        transform: translate(0, -90%);
    }
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .adlp-c-nav.--r {
        display: none;
    }
}

.adlp-c-main {
    font-size: 0;
    position: relative;
    z-index: 10;
    /* box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25); */
}

@media screen and (min-width: 768px) {
    .adlp-c-main {
        margin: 0 auto;
        width: 450px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .adlp-c-main {
        margin: 0 0 0 50%;
        width: 50%;
    }
}

.adlp-c-main * {
    margin: 0;
}

.adlp-c-main .adlp-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

.adlp-c-main body {
    font-feature-settings: "palt";
}

.adlp-c-main .adlp-wrapper .adlp-relative {
    position: relative;
}

.adlp-c-main .adlp-wrapper {
    max-width: 450px;
    margin: 0 auto;
    overflow: hidden;
}

.adlp-c-main .adlp-wrapper .header_btn {
    position: absolute;
    width: 48.9333333333%;
    top: 0;
    right: 0;
}

.adlp-c-main .adlp-wrapper .cv01_btn {
    position: absolute;
    width: 59.4666666667%;
    top: 41.2%;
    left: 30.9333333333%;
}

.adlp-c-main .sec08 {
    background: #EEEEEE;
    padding-bottom: 13%;
}

.adlp-c-main .adlp-qanda {
    width: 84%;
    margin: 0 auto;
}

.adlp-c-main .adlp-toggle {
    margin-bottom: 8%;
}

.adlp-c-main .adlp-toggle:last-child {
    margin-bottom: 0;
}

.adlp-c-main .adlp-toggle dt .adlp-acc_inner {
    width: 100%;
    display: block;
    cursor: pointer;
}

.adlp-c-main .adlp-acc_inner>span:last-of-type,
.adlp-c-main .adlp-acc_inner.active>span:first-of-type {
    display: none;
}

.adlp-c-main .adlp-acc_inner.active>span:last-of-type {
    display: inline;
}

.adlp-c-main .adlp-qanda dd {
    display: none;
}

.adlp-c-main .adlp-wrapper .adlp-footer_inner {
    position: absolute;
    width: 30.4%;
    top: 13.3603238866%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

.adlp-c-main .adlp-wrapper .adlp-floating {
    max-width: 750px;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 10;
}

.adlp-c-main .adlp-wrapper .adlp-floating_inner {
    width: 87.4666666667%;
    margin: 0 auto;
}

.adlp-c-main .adlp-wrapper .adlp-btn:hover {
    filter: brightness(130%);
}

.adlp-c-main .adlp-wrapper .adlp-btn {
    transition: filter 0.3s;
}

.adlp-c-main .footer {
    font-size: 16px;
    background: #FFFFFF;
}

.adlp-c-main .footer .adlp-c-inner {
    padding: 8%;
}

.adlp-c-main .footer__copy {
    text-align: center;
}

.sec07 iframe {
    width: 100%;
    height: 156px;
}

.sec07 .video01 {
    position: absolute;
    width: calc((586 / 750) * 100%);
    top: calc((1383 / 2158) * 100%);
    left: 50%;
    transform: translateX(-50%);
}

.sec07 .video02 {
    position: absolute;
    width: calc((586 / 750) * 100%);
    top: calc((1755 / 2158) * 100%);
    left: 50%;
    transform: translateX(-50%);
}

.adlp-wrapper .adlp-header {
    max-width: 450px;
    position: fixed;
    top: 0;
    z-index: 10;
}

.adlp-wrapper .adlp-fv {
    margin-top: 60px;
}

@media screen and (max-width: 1240px) {
    .adlp-wrapper .adlp-fv {
        margin-top: calc((160 / 1200) * 100%);
    }

    .sec07 iframe {
        height: calc((305 / 750) * 100vw);
    }

}

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