@charset "utf-8";html {
    font-size: 62.5%!important;
    font-family: ヒラギノ丸ゴ pro,hiragino maru gothic pro,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,hg丸ｺﾞｼｯｸm-pro,hgmarugothicmpro!important;
    font-feature-settings: "palt"!important;
    scroll-behavior: smooth!important
}

html,body,h1,h2,h3 {
    margin: 0!important;
    padding: 0!important
}

img {
    display: block!important;
    width: 100%!important;
    height: auto!important
}

ul {
    margin: 0!important;
    padding: 0!important
}

li {
    margin: 0!important;
    padding: 0!important;
    display: block!important;
    list-style: none!important;
    text-align: center!important
}

.header_wrapper {
    width: 90%!important;
    margin: auto!important;
    padding: 1rem!important
}

.kv_wrapper {
    position: relative!important
}

.fv_right_text {
    position: absolute!important;
    width: 10%!important;
    top: 2%!important;
    right: 3%!important
}

.fv_left_text {
    position: absolute!important;
    width: 15%!important;
    top: 3%!important;
    left: 3%!important
}

.fv_end {
    width: 90%!important;
    margin: auto!important;
    padding: 1rem!important;
    opacity: 0;
    animation-name: fv_end_left;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-delay: .4s;
    animation-direction: normal
}

@keyframes fv_end_left {
    0% {
        transform: translateX(50%);
        opacity: 0
    }

    100% {
        transform: translateX(0)!important;
        opacity: 1
    }
}

.bk_line {
    padding: 1rem!important;
    background-color: #000!important;
    margin-bottom: 4rem!important;
    opacity: 0;
    animation-name: fv_end_right;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-delay: .4s;
    animation-direction: normal
}

@keyframes fv_end_right {
    0% {
        transform: translateX(-50%);
        opacity: 0
    }

    100% {
        transform: translateX(0)!important;
        opacity: 1
    }
}

.sec01 {
    position: relative!important;
    z-index: 1!important
}

.arrow {
    width: 10%!important;
    margin: auto!important;
    margin-bottom: 2rem!important
}

.lp_img_016 {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important
}

.sec02 {
    position: relative!important;
    margin-top: -4rem!important
}

.sec02_circle_wrapper {
    display: flex!important
}

.sec02_container {
    position: absolute!important;
    top: 2%!important;
    padding: 4rem!important
}

.lp_img_019,.lp_img_025 {
    width: 60%!important;
    margin: auto!important;
    margin-top: 2rem!important
}

.sec03 {
    position: relative!important
}

.sec03_container {
    position: absolute!important;
    padding: 3rem!important
}

.lp_img_028 {
    position: relative!important;
    margin-top: 1rem!important
}

.lp_img_029 {
    position: relative!important;
    z-index: 1!important;
    margin-top: 1rem!important
}

.lp_img_030 {
    position: relative!important;
    margin: -3rem!important;
    margin-top: -7rem!important
}

.lp_img_032 {
    width: 30%!important;
    margin: auto!important;
    margin-bottom: 2rem!important
}

.cta {
    position: relative!important
}

.cta_btn {
    position: absolute!important;
    width: 92%!important;
    left: 4%!important;
    bottom: 13.5%!important
}

.lp_img_039 {
    margin-top: 4rem!important
}

.lp_img_040 {
    margin-top: 4rem!important;
    margin-bottom: 6rem!important
}

.lp_img_042 {
    margin-top: 4rem!important;
    margin-bottom: 4rem!important
}

.lp_img_043 {
    width: 80%!important;
    margin: auto!important
}

.arrow_02 {
    width: 4%!important;
    margin: auto!important;
    margin-top: 2rem!important;
    margin-bottom: 2rem!important
}

.lp_img_045 {
    width: 80%!important;
    margin: auto!important;
    margin-bottom: 4rem!important
}

.sec05 {
    background-color: #b1cad4!important
}

.lp_img_046 {
    padding: 2rem!important;
    padding-bottom: 0!important
}

.lp_img_065 {
    padding: 2rem!important;
    padding-top: 0!important
}

.sec06 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
    margin-bottom: 2rem!important;
    background-image: url(https://cdn.urr.jp/Advanceds/2012/1st_lp_nyusankin_001_adri/img/231215/lp_img_026.png)!important
}

.lp_img_047 {
    margin-bottom: 2rem!important
}

.lp_img_049 {
    margin: 2rem!important
}

.lp_img_052 {
    margin-bottom: 4rem!important
}

.sec07 {
    background-color: #b1cad4!important;
    padding: 2rem!important;
    padding-top: 4rem!important;
    margin-bottom: 4rem!important
}

.lp_img_059 {
    position: relative!important;
    padding: 2rem!important;
    margin-bottom: 2rem!important
}

.sec08 {
    background-color: #b1cad4!important;
    padding: 2rem!important;
    margin-bottom: 4rem!important
}

.lp_img_067 {
    width: 90%!important;
    margin: auto!important;
    padding: 2rem!important
}

.lp_img_70 {
    position: relative!important;
    width: 80%!important;
    margin: auto!important;
    padding: 2rem!important;
    z-index: 1!important
}

.lp_img_71 {
    margin: auto!important;
    margin-top: -3rem!important
}

.comic_wrapper {
    position: relative!important
}

.lp_img_75 {
    position: absolute!important;
    width: 55%!important;
    top: 1%!important;
    left: 37%!important
}

.lp_img_76 {
    position: absolute!important;
    width: 65%!important;
    bottom: 19%!important;
    left: 1%!important
}

.check_wrapper {
    display: flex!important;
    align-items: center!important;
    justify-content: space-evenly;
    margin-top: 2rem!important;
    padding-right: 2rem!important;
    padding-left: 2rem!important
}

.lp_img_85 {
    padding-right: 2rem!important;
    padding-left: 2rem!important
}

.sec06_anime_wrapper {
    position: relative!important
}

.lp_img_86 {
    position: absolute!important;
    top: 6%!important;
    left: 10%!important;
    width: 80%!important
}

.check_icon {
    width: 12%!important;
    padding-right: 1rem!important
}

.check_text {
    width: 90%!important
}

.lp_img_112 {
    width: 55%!important;
    margin: auto!important
}

.lp_img_111_img,.lp_img_112_img {
    margin-bottom: .6rem!important
}

.line_yellow {
    background: linear-gradient(transparent 70%,rgb(255 228 0) 50%)!important;
    display: inline-block!important;
    transition: 1s!important;
    transform-origin: left!important;
    background-size: 0% 100%!important;
    width: 100%!important;
    background-repeat: no-repeat!important
}

.lp_img_111 {
    width: 70%!important;
    margin: auto!important;
    margin-top: 2rem!important;
    margin-bottom: 4rem!important
}

.probio_wrapper {
    position: relative!important
}

.probio_item {
    position: absolute!important
}

.lp_img_87 {
    width: 50%!important;
    top: 6%!important;
    left: 5%!important
}

.lp_img_88 {
    top: 11%!important;
    left: 5%!important
}

.lp_img_89 {
    width: 80%!important;
    top: 15%!important;
    left: 5%!important
}

.lp_img_90 {
    width: 65%!important;
    left: 18%!important;
    top: 24%!important
}

.lp_img_91 {
    width: 40%!important;
    bottom: 48%!important;
    left: 5%!important
}

.lp_img_92 {
    bottom: 44%!important;
    left: 5%!important
}

.lp_img_93 {
    width: 80%!important;
    bottom: 36%!important;
    left: 5%!important
}

.lp_img_94 {
    width: 65%!important;
    left: 18%!important;
    bottom: 13%!important
}

.lp_img_96 {
    width: 43%!important;
    margin: auto!important
}

.prebio_wrapper {
    position: relative!important;
    margin-bottom: 6rem!important
}

.lp_img_107 {
    position: absolute!important;
    top: 40%!important;
    left: 11%!important;
    width: 80%!important
}

#contents {
    overflow-x: hidden!important
}

@media screen and (min-width: 751px) {
    .sec02 {
        margin-top:-8rem!important
    }

    .lp_img_028,.lp_img_029 {
        width: 90%!important;
        margin-right: auto!important;
        margin-left: auto!important
    }

    .lp_img_030 {
        margin-top: -13rem!important
    }

    .lp_img_046 {
        padding: 4rem!important;
        padding-bottom: 0!important
    }

    .lp_img_065 {
        padding: 4rem!important;
        padding-top: 0!important
    }

    .sec06 {
        padding-top: 4rem!important;
        padding-bottom: 4rem!important;
        margin-bottom: 4rem!important
    }

    .sec08 {
        padding: 4rem!important
    }

    .check_wrapper {
        margin-top: 3rem!important;
        padding-right: 10rem!important;
        padding-left: 10rem!important
    }

    .check_text {
        width: 85%!important
    }
}

.fadeInBottom {
    opacity: 0!important;
    filter: blur(4px)!important;
    -webkit-filter: blur(4px)!important;
    transform: translateY(30px)!important;
    transition: .8s!important
}

.fadeInBottom_bit {
    opacity: 0!important;
    filter: blur(4px)!important;
    -webkit-filter: blur(4px)!important;
    transform: translateY(10px)!important;
    transition: .8s!important
}

.leftIn {
    opacity: 0!important;
    transform: translateX(-50%)!important;
    transition: .8s!important
}

.leftIn_bit {
    opacity: 0!important;
    transform: translateX(-5%)!important;
    transition: .8s!important
}

.rightIn {
    opacity: 0!important;
    transform: translateX(50%)!important;
    transition: .8s!important
}

.showup_scale_x {
    opacity: 0!important;
    filter: blur(4px)!important;
    -webkit-filter: blur(4px)!important;
    transform: scaleX(.5)!important;
    transition: .8s!important
}

.showup_scale {
    opacity: 0!important;
    filter: blur(4px)!important;
    -webkit-filter: blur(4px)!important;
    transform: scale(.5)!important;
    transition: .8s!important
}

.showup_blur {
    filter: blur(4px) brightness(150%)!important;
    -webkit-filter: blur(4px) brightness(150%)!important;
    transition: .5s!important
}

.showup_scroll_circle {
    opacity: 0!important;
    filter: blur(4px)!important;
    -webkit-filter: blur(4px)!important;
    transition: .4s!important
}

.active {
    opacity: 1!important;
    filter: blur(0) brightness(100%)!important;
    -webkit-filter: blur(0) brightness(100%)!important;
    transform: translate(0) rotate(0deg) scale(1)!important;
    will-change: transform!important;
    background-size: 100% 100%!important
}
