.keen-slider:not([data-keen-slider-disabled]) {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-content: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    width: 100%;
}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
    flex-direction: row-reverse;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
    flex-wrap: wrap;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes bar {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
@keyframes shot {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes grad_mask {
    0% {
        -webkit-mask-position: 0% 0;
        -webkit-mask-size: 0% 100%;
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes scroll_anim {
    0% {
        transform: translateY(-100%);
    }
    50% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(100%);
    }
}
@keyframes btn_bar {
    0% {
        transform: translate(-100%, 0);
    }
    50% {
        transform: translate(0%, 0);
    }
    95% {
        transform: translate(100%, 0);
    }
    100% {
        transform: translate(100%, 0);
    }
}
@keyframes sideobj {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes sideobj_h {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}
@keyframes obi_r {
    0% {
        transform: translate(0);
    }
    100% {
        transform: translate(50%);
    }
}
@keyframes n_side {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}
@keyframes img2_0 {
    0% {
        transform: translate(151.5%, 52.5%) scale(0.1);
    }
    100% {
        transform: translate(129.5%, 42.5%) scale(0.379);
    }
}
@keyframes img2_1 {
    0% {
        transform: translate(129.5%, 42.5%) scale(0.379);
    }
    100% {
        transform: translate(96.7%, 32%) scale(0.547);
    }
}
@keyframes img2_2 {
    0% {
        transform: translate(96.7%, 32%) scale(0.547);
    }
    100% {
        transform: translate(52.7%, 16%) scale(0.751);
    }
}
@keyframes img2_3 {
    0% {
        transform: translate(52.7%, 16%) scale(0.751);
    }
    100% {
        transform: translate(0%, 0%) scale(1);
    }
}
@keyframes img2_4 {
    0% {
        transform: translate(0%, 0%) scale(1);
    }
    100% {
        transform: translate(-76%, -19%) scale(1.25);
    }
}
@keyframes img3_0 {
    0% {
        transform: scale(0.3) translate(-386.5%, 175.5%);
    }
    100% {
        transform: scale(0.393) translate(-231.5%, 115.5%);
    }
}
@keyframes img3_1 {
    0% {
        transform: scale(0.393) translate(-231.5%, 115.5%);
    }
    100% {
        transform: scale(0.543) translate(-125%, 61%);
    }
}
@keyframes img3_2 {
    0% {
        transform: scale(0.543) translate(-125%, 61%);
    }
    100% {
        transform: scale(0.739) translate(-53%, 27%);
    }
}
@keyframes img3_3 {
    0% {
        transform: scale(0.739) translate(-53%, 27%);
    }
    100% {
        transform: scale(1) translate(0%, 0%);
    }
}
@keyframes img3_4 {
    0% {
        transform: scale(1) translate(0%, 0%);
    }
    100% {
        transform: scale(1.2) translate(57%, -26%);
    }
}
@keyframes img2_0_sp {
    0% {
        transform: scale(0.26) translate(398%, 216%);
    }
    100% {
        transform: scale(0.46) translate(180%, 106%);
    }
}
@keyframes img2_1_sp {
    0% {
        transform: scale(0.46) translate(180%, 106%);
    }
    100% {
        transform: scale(0.637) translate(80%, 42%);
    }
}
@keyframes img2_2_sp {
    0% {
        transform: scale(0.637) translate(80%, 42%);
    }
    100% {
        transform: scale(1) translate(0%, 0%);
    }
}
@keyframes img2_3_sp {
    0% {
        transform: scale(1) translate(0%, 0%);
    }
    100% {
        transform: scale(1.1) translate(-77%, -24%);
    }
}
@keyframes img3_0_sp {
    0% {
        transform: scale(0.345) translate(-266%, 143%);
    }
    100% {
        transform: scale(0.545) translate(-126%, 76%);
    }
}
@keyframes img3_1_sp {
    0% {
        transform: scale(0.545) translate(-126%, 76%);
    }
    100% {
        transform: scale(0.745) translate(-53%, 36%);
    }
}
@keyframes img3_2_sp {
    0% {
        transform: scale(0.745) translate(-53%, 36%);
    }
    100% {
        transform: scale(1) translate(0%, 0%);
    }
}
@keyframes img3_3_sp {
    0% {
        transform: scale(1) translate(0%, 0%);
    }
    100% {
        transform: scale(1.2) translate(50%, -39%);
    }
}
@keyframes cir_rotate_center {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes rotatein {
    0% {
        transform: translate(0px, 300%) scale(0.6, 1) rotateY(360deg)
            skew(30deg, 50deg);
    }
    100% {
        transform: translate(0px, 0%) scale(1.1) rotateY(0deg) skew(0deg, 0deg);
    }
}
@keyframes rotatein2 {
    0% {
        transform: scale(0.5, 3);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}
@keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.5, 0.8);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes fuwa1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes fuwa2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes fuwa1_sp {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes fuwa2_sp {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5%);
    }
    100% {
        transform: translateY(0);
    }
}
@media print, screen and (min-width: 1367px) {
    body {
        overflow: hidden;
    }
    body .platform {
        overflow: clip;
    }
    body .header {
        background: #fff;
    }
    body #oralitemnavi {
        position: relative;
        opacity: 0;
    }
    body #oralitemnavi #btn_start_area {
        position: fixed;
        bottom: 59px;
        left: 0;
        z-index: 100;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        bottom: 9.5vh;
        left: 261px;
        left: 50%;
        transform: translateX(-50%);
    }
    body #oralitemnavi #btn_start_area.under .btn_cir {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #btn_start_area .btn_cir {
        width: 569px;
        height: 90px;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
    }
    body #oralitemnavi #btn_start_area .btn_cir .inner {
        transform: scale(0);
    }
    body #oralitemnavi #btn_start_area .btn_cir.h {
        width: 69.7303921569vh;
        height: 11.0294117647vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .inner:before {
        border-radius: 5.5147058824vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .t {
        border-radius: 5.5147058824vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .t img {
        width: 31.862745098vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .icon {
        width: 9.068627451vh;
        right: 0.4901960784vh;
        top: -1.1029411765vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir .inner:before {
        border-radius: 45px;
    }
    body #oralitemnavi #btn_start_area .btn_cir .t {
        border-radius: 45px;
        text-align: center;
    }
    body #oralitemnavi #btn_start_area .btn_cir .t img {
        width: 260px;
    }
    body #oralitemnavi #btn_start_area .btn_cir .icon {
        width: 74px;
        right: 4px;
        top: -9px;
    }
    body #oralitemnavi #btn_fix {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        box-sizing: border-box;
        background: #defffe;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        pointer-events: none;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        padding-top: 19px;
        padding-bottom: 22px;
        transform: translateY(105%);
    }
    body #oralitemnavi #btn_fix.active {
        pointer-events: all;
        transform: translateY(0%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #btn_fix.first {
        padding-top: 15px;
        padding-bottom: 9px;
    }
    body #oralitemnavi #btn_fix.first .area .pc_view_f {
        display: flex !important;
    }
    body #oralitemnavi #btn_fix .area {
        position: relative;
    }
    body #oralitemnavi #btn_fix .area ul {
        width: 812px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    body #oralitemnavi #btn_fix .area ul li {
        width: 400px;
    }
    body #oralitemnavi #btn_fix .area .txt {
        display: none !important;
        justify-content: center;
        align-items: flex-end;
        align-content: flex-start;
        margin-top: 11px;
        letter-spacing: 0.09em;
    }
    body #oralitemnavi #btn_fix .area .txt p {
        font-size: 16px;
        font-weight: 900;
        position: relative;
        display: inline-block;
        line-height: 30px;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel {
        font-size: 20px;
        display: inline-block;
        position: relative;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel:before {
        background: #ffff1a;
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 9px;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel span {
        position: relative;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix .btn_cir {
        width: 400px;
        height: 60px;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
    }
    body #oralitemnavi #btn_fix .btn_cir .inner:before {
        border-radius: 30px;
    }
    body #oralitemnavi #btn_fix .btn_cir .t {
        border-radius: 30px;
        text-align: center;
    }
    body #oralitemnavi #btn_fix .btn_cir .t.login img {
        width: 277px;
    }
    body #oralitemnavi #btn_fix .btn_cir .t.nologin img {
        width: 226px;
    }
    body #oralitemnavi #btn_fix .btn_cir .icon {
        width: 36px;
        right: 13px;
        top: 13px;
    }
    body #oralitemnavi #btn_fix .btn_cir .icon.check {
        width: 43px;
        right: 4px;
        top: 0px;
    }
    body #oralitemnavi #op_scroll {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: scroll;
        z-index: 100;
    }
    body #oralitemnavi #op_scroll #op_scroll_inner {
        height: 200vh;
    }
    body #oralitemnavi #wrapper {
        overflow: clip;
    }
    body #oralitemnavi:before {
        content: "";
        position: absolute;
        top: -100px;
        left: 0;
        width: 100%;
        height: 100px;
        display: block;
        z-index: 1;
        background: #fff;
    }
    body #oralitemnavi .bg_all {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00d8f8;
    }
    body #oralitemnavi .bg_all.end {
        opacity: 0;
    }
    body #oralitemnavi .bg_all picture {
        width: 100%;
        display: block;
        position: relative;
        height: 100px;
    }
    body #oralitemnavi .bg_all picture img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 2880px;
        max-width: none;
    }
    body #oralitemnavi .prod_slide {
        overflow: hidden;
        width: 2248px;
        position: absolute;
        top: 140px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    body #oralitemnavi .prod_slide .prod_slide_target {
        overflow: hidden;
        width: 100%;
        padding: 60px 0 300px 0;
    }
    body #oralitemnavi .prod_slide .prod_slide_target .slide_item {
        overflow: visible;
    }
    body #oralitemnavi .prod_slide .prod_slide_target .slide_item .target {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.3s;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }
    body #oralitemnavi #wrapper {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }
    body #oralitemnavi #wrapper .container_area {
        width: 1088px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    body #oralitemnavi #wrapper .bg_line_all {
        position: absolute;
        width: 1466px;
        top: -575px;
        left: 50.5%;
        transform: translateX(-50%);
    }
    body #oralitemnavi #wrapper #top {
        position: fixed;
        top: 81px;
        left: 0;
        width: 100%;
        height: calc(100vh - 81px);
        z-index: 10;
        overflow: hidden;
    }
    body #oralitemnavi #wrapper #top.end {
        opacity: 0;
    }
    body #oralitemnavi #wrapper #top.under {
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top.under .txt {
        opacity: 0;
        transition-delay: 0s;
    }
    body #oralitemnavi #wrapper #top.under .img .inner {
        transform: translateY(100%);
    }
    body #oralitemnavi #wrapper #top.under #kv_slide_area {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top.under #kv_slide_area .obj {
        opacity: 0;
        transform: scale(1) translateY(100vh) !important;
    }
    body #oralitemnavi #wrapper #top.under h1 img {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top.under .btn_area a {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top .container_area {
        height: 100%;
        padding-top: 134px;
        box-sizing: border-box;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top .container_area #kv_slide_area {
        top: 150px;
        top: -41px;
        left: 50%;
        width: 100vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        overflow: visible;
        transform: translateX(0%);
    }
    body #oralitemnavi #wrapper #top .container_area #kv_slide_area .slide_sp {
        display: none !important;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .prod_slide_target {
        padding-top: 0;
        overflow: visible;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item {
        width: 13.4027777778vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .obj {
        animation: fuwa2 6s linear infinite;
        animation-fill-mode: both;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-child(even)
        .obj {
        animation: fuwa1 6s linear infinite;
        animation-fill-mode: both;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(1)
        .obj {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(2)
        .obj {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(3)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(4)
        .obj {
        animation-duration: 5.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(5)
        .obj {
        animation-duration: 5.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(6)
        .obj {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(7)
        .obj {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(8)
        .obj {
        animation-duration: 7s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(9)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(10)
        .obj {
        animation-duration: 7.2s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(11)
        .obj {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(12)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(13)
        .obj {
        animation-duration: 5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(14)
        .obj {
        animation-duration: 5.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(15)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(16)
        .obj {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner {
        transform: scale(0);
        transform-origin: center center;
        position: relative;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .obj {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        width: 13.4027777778vw;
        position: relative;
        transform: scale(1) translateY(0%);
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner1 {
        width: 12.2916666667vw;
        top: 16.3194444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner2 {
        width: 12.2916666667vw;
        top: 1.5972222222vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner3 {
        width: 12.2916666667vw;
        top: 18.4027777778vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner4 {
        width: 12.2916666667vw;
        top: 7.0138888889vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner5 {
        width: 12.2916666667vw;
        top: 20.4861111111vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner6 {
        width: 13.6805555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner7 {
        width: 12.5694444444vw;
        top: 18.125vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner8 {
        width: 12.2916666667vw;
        top: 7.7083333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner9 {
        width: 12.2916666667vw;
        top: 13.8194444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner10 {
        width: 12.2916666667vw;
        top: 2.2916666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner11 {
        width: 13.4027777778vw;
        top: 19.3055555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner12 {
        width: 12.2916666667vw;
        top: 8.75vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner13 {
        width: 12.2916666667vw;
        top: 17.5vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner14 {
        width: 12.2916666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner15 {
        width: 12.2916666667vw;
        top: 19.3055555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner16 {
        width: 12.9166666667vw;
        top: 6.1805555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .target {
        transform: scale(1) translate(0) !important;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .target
        img {
        transform: scale(1) translateY(0%) !important;
    }
    body #oralitemnavi #wrapper #top .txt {
        position: absolute;
        z-index: 3;
        width: 173px;
        top: 50%;
        left: 50%;
        z-index: 5;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transform: translate(25px, -130px);
        transition-delay: 0.8s;
        display: none;
    }
    body #oralitemnavi #wrapper #top .txt picture {
        transform: scale(0);
        display: block;
    }
    body #oralitemnavi #wrapper #top .img {
        position: absolute;
        z-index: 4;
        width: 1107px;
        top: 28px;
        left: 201px;
        width: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-48%);
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top .img picture {
        display: block;
        transform: translateY(100%);
        transform-origin: top center;
    }
    body #oralitemnavi #wrapper #top .img .inner {
        width: 100%;
        height: 100%;
        position: relative;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body #oralitemnavi #wrapper #top .img picture {
        width: 100%;
        height: 100%;
    }
    body #oralitemnavi #wrapper #top .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: bottom center;
        object-position: bottom center;
    }
    body #oralitemnavi #wrapper #top h1 {
        position: absolute;
        width: 35.7638888889vw;
        left: 20.5555555556vw;
        bottom: 14.7222222222vw;
        width: calc(100vh - 81px);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        z-index: 5;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top h1 picture {
        display: block;
        transform: scale(0);
        transform-origin: 50% 70%;
        height: 100%;
    }
    body #oralitemnavi #wrapper #top h1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top center;
        object-position: top center;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body #oralitemnavi #wrapper #intro_scroll_area {
        position: sticky;
        top: -200px;
    }
    body #oralitemnavi #wrapper #intro {
        min-height: 100vh;
        width: 100%;
    }
    body #oralitemnavi #wrapper #intro:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../images/top/shade.png) repeat-x center bottom;
        background-size: 67px 539px;
        z-index: 1;
        width: 100%;
        height: 539px;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #intro.end {
        opacity: 0;
    }
    body #oralitemnavi #wrapper #intro.open .container_area h2 {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body #oralitemnavi #wrapper #intro.open .container_area .copy {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro.open
        .container_area
        #intro_slide_area_wide
        .txt {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro.open
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        opacity: 1;
        transform: translate(-50%, 0%);
    }
    body #oralitemnavi #wrapper #intro.under {
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
    }
    body #oralitemnavi #wrapper #intro #intro_scroll_line {
        width: 100%;
        height: 1px;
        display: block;
    }
    body #oralitemnavi #wrapper #intro .container_area {
        padding-top: 57px;
        height: 1416px;
    }
    body #oralitemnavi #wrapper #intro .container_area h2 {
        width: 776px;
        margin: 0 auto;
        margin-bottom: 10px;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #intro .container_area .copy {
        text-align: center;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.9px;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #intro .container_area #intro_slide_area_wide {
        position: relative;
        margin-top: -60px;
        left: -17px;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        .txt {
        position: absolute;
        width: 269px;
        top: 33px;
        left: 548px;
        z-index: 10;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        .txt
        img {
        transform: rotate(44deg);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        transform: translate(-50%, -100%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        opacity: 0;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide {
        position: relative;
        width: 100%;
        height: 735px;
        padding: 60px 0 0 0px;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item {
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active {
        z-index: 11;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .inner:before {
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-delay: 0.2s;
        transform: translateX(0);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img3,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img6,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img9,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img11 {
        transform: translateX(0);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img
        img {
        transition-delay: 0.2s;
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        p {
        transition-delay: 0.2s;
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target {
        height: 100%;
        position: relative;
        transform-origin: top center;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .inner {
        width: 100%;
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .inner:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 272px;
        height: 481px;
        top: 0;
        left: 0;
        z-index: 12;
        background: url(../images/top/prod_kira.svg) no-repeat center center;
        background-size: contain;
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img {
        position: absolute;
        top: 132px;
        left: -148px;
        width: 960px;
        transform: translateX(20%);
        left: -369px;
        top: -105px;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-delay: 0s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img
        img {
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-duration: 0.3s;
        transition-delay: 0s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img3,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img6,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img9,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img11 {
        transform: translateX(-20%);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .photo {
        position: absolute;
        width: 327px;
        top: -17px;
        left: -60px;
        transform-origin: top center;
        z-index: 11;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        p {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        text-align: center;
        font-size: 14px;
        position: absolute;
        bottom: 35px;
        left: 0;
        width: 291px;
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #contents_area #type {
        padding-bottom: 107px;
        background: #fff;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .bg {
        position: absolute;
        width: 2233px;
        top: -168px;
        left: 50%;
        transform: translateX(-50%);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area {
        position: relative;
        width: 1158px;
        height: 520px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area:before {
        content: "";
        display: block;
        background: url(../images/top/type_list_m.svg) no-repeat center center;
        background-size: 1185px 503px;
        width: 1185px;
        height: 503px;
        position: absolute;
        top: 74px;
        left: -73px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set {
        height: 100%;
        display: flex;
        width: 246px;
        position: absolute;
        z-index: 3;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set:hover
        .txt {
        transform: scale(1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set.hv_pc
        .txt {
        transform: scale(1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set
        .cont {
        position: relative;
        width: 100%;
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set
        .txt {
        position: absolute;
        transform: scale(0);
        transform-origin: 50% 110%;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1 {
        top: 16px;
        left: 13px;
        width: 246px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1
        .img {
        width: 198px;
        position: relative;
        left: 22px;
        top: -3px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1
        .txt {
        width: 102px;
        top: -16px;
        left: 74px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2 {
        top: 214px;
        left: 251px;
        width: 210px;
        z-index: 2;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2
        .img {
        width: 201px;
        position: relative;
        top: 44px;
        left: 5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2
        .txt {
        width: 173px;
        top: -64px;
        left: 15px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3 {
        top: 134px;
        left: 431px;
        width: 235px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3
        .img {
        width: 207px;
        position: relative;
        top: 2px;
        left: 13px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3
        .txt {
        width: 129px;
        top: -61px;
        left: 55px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4 {
        top: 185px;
        left: 638px;
        width: 248px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4
        .img {
        width: 151px;
        position: relative;
        left: 47px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4
        .txt {
        width: 115px;
        top: 4px;
        left: 68px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5 {
        top: 82px;
        left: 847px;
        width: 258px;
        z-index: 3;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5
        .img {
        width: 186px;
        position: relative;
        top: 0px;
        left: 37px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5
        .txt {
        width: 182px;
        top: -80px;
        left: 32px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6 {
        top: 109px;
        left: 662px;
        width: 289px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6
        .img {
        width: 284px;
        position: relative;
        top: -8px;
        left: 2px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6
        .txt {
        width: 184px;
        top: -85px;
        left: 42px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7 {
        top: 185px;
        left: 905px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7
        .img {
        width: 227px;
        position: relative;
        top: 20px;
        left: 9px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7
        .txt {
        width: 184px;
        top: -114px;
        left: 30px;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area h2 {
        margin: 0 auto;
        width: 739px;
        position: relative;
        margin-top: -3px;
        left: 31px;
        margin-bottom: 25px;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .copy {
        text-align: center;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.17em;
        position: relative;
        z-index: 1;
        margin-bottom: 35px;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .btn_area {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        position: relative;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir {
        width: 306px;
        height: 62px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner:before {
        border-radius: 31px;
        background: #0099d7;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .t {
        background: #00b6ff;
        border-radius: 31px;
        text-align: center;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .t
        img {
        width: 125px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .icon {
        width: 42px;
        right: 15px;
        top: 11px;
    }
    body #oralitemnavi #wrapper #contents_area #kodomo_area {
        padding-top: 84px;
    }
    body #oralitemnavi #wrapper #contents_area #footer_line {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
    }
    .footerWrap {
        background: #fff;
    }
}
@media print, screen and (min-width: 767px) and (max-width: 1366px) {
    body {
        overflow: hidden;
    }
    body .platform {
        overflow: clip;
    }
    body .header {
        background: #fff;
    }
    body #oralitemnavi {
        position: relative;
        opacity: 0;
    }
    body #oralitemnavi #btn_start_area {
        position: fixed;
        bottom: 4.0972222222vw;
        left: 0;
        z-index: 100;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        bottom: 9.5vh;
        left: 18.125vw;
        left: 50%;
        transform: translateX(-50%);
    }
    body #oralitemnavi #btn_start_area.under .btn_cir {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #btn_start_area .btn_cir {
        width: 39.5138888889vw;
        height: 6.25vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
    }
    body #oralitemnavi #btn_start_area .btn_cir .inner {
        transform: scale(0);
    }
    body #oralitemnavi #btn_start_area .btn_cir.h {
        width: 69.7303921569vh;
        height: 11.0294117647vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .inner:before {
        border-radius: 5.5147058824vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .t {
        border-radius: 5.5147058824vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .t img {
        width: 31.862745098vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .icon {
        width: 9.068627451vh;
        right: 0.4901960784vh;
        top: -1.1029411765vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir .inner:before {
        border-radius: 3.125vw;
    }
    body #oralitemnavi #btn_start_area .btn_cir .t {
        border-radius: 3.125vw;
        text-align: center;
    }
    body #oralitemnavi #btn_start_area .btn_cir .t img {
        width: 18.0555555556vw;
    }
    body #oralitemnavi #btn_start_area .btn_cir .icon {
        width: 5.1388888889vw;
        right: 0.2777777778vw;
        top: -0.625vw;
    }
    body #oralitemnavi #btn_fix {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        box-sizing: border-box;
        background: #defffe;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        pointer-events: none;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        padding-top: 1.3194444444vw;
        padding-bottom: 1.5277777778vw;
        transform: translateY(105%);
    }
    body #oralitemnavi #btn_fix.active {
        pointer-events: all;
        transform: translateY(0%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #btn_fix.first {
        padding-top: 1.0416666667vw;
        padding-bottom: 0.625vw;
    }
    body #oralitemnavi #btn_fix.first .area .pc_view_f {
        display: flex !important;
    }
    body #oralitemnavi #btn_fix .area {
        position: relative;
    }
    body #oralitemnavi #btn_fix .area ul {
        width: 56.3888888889vw;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    body #oralitemnavi #btn_fix .area ul li {
        width: 27.7777777778vw;
    }
    body #oralitemnavi #btn_fix .area .txt {
        display: none !important;
        justify-content: center;
        align-items: flex-end;
        align-content: flex-start;
        margin-top: 0.7638888889vw;
        letter-spacing: 0.09em;
    }
    body #oralitemnavi #btn_fix .area .txt p {
        font-size: 1.1111111111vw;
        font-weight: 900;
        position: relative;
        display: inline-block;
        line-height: 2.0833333333vw;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel {
        font-size: 1.3888888889vw;
        display: inline-block;
        position: relative;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel:before {
        background: #ffff1a;
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.625vw;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel span {
        position: relative;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix .btn_cir {
        width: 27.7777777778vw;
        height: 4.1666666667vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
    }
    body #oralitemnavi #btn_fix .btn_cir .inner:before {
        border-radius: 2.0833333333vw;
    }
    body #oralitemnavi #btn_fix .btn_cir .t {
        border-radius: 2.0833333333vw;
        text-align: center;
    }
    body #oralitemnavi #btn_fix .btn_cir .t.login img {
        width: 19.2361111111vw;
    }
    body #oralitemnavi #btn_fix .btn_cir .t.nologin img {
        width: 15.6944444444vw;
    }
    body #oralitemnavi #btn_fix .btn_cir .icon {
        width: 2.5vw;
        right: 0.9027777778vw;
        top: 0.9027777778vw;
    }
    body #oralitemnavi #btn_fix .btn_cir .icon.check {
        width: 2.9861111111vw;
        right: 0.2777777778vw;
        top: 0px;
    }
    body #oralitemnavi #op_scroll {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: scroll;
        z-index: 100;
    }
    body #oralitemnavi #op_scroll #op_scroll_inner {
        height: 200vh;
    }
    body #oralitemnavi #wrapper {
        overflow: clip;
    }
    body #oralitemnavi:before {
        content: "";
        position: absolute;
        top: -100px;
        left: 0;
        width: 100%;
        height: 100px;
        display: block;
        z-index: 1;
        background: #fff;
    }
    body #oralitemnavi .bg_all {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00d8f8;
    }
    body #oralitemnavi .bg_all.end {
        opacity: 0;
    }
    body #oralitemnavi .bg_all picture {
        width: 100%;
        display: block;
        position: relative;
        height: 100px;
    }
    body #oralitemnavi .bg_all picture img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 2880px;
        max-width: none;
    }
    body #oralitemnavi .prod_slide {
        overflow: hidden;
        width: 156.1111111111vw;
        position: absolute;
        top: 9.7222222222vw;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    body #oralitemnavi .prod_slide .prod_slide_target {
        overflow: hidden;
        width: 100%;
        padding: 4.1666666667vw 0 20.8333333333vw 0;
    }
    body #oralitemnavi .prod_slide .prod_slide_target .slide_item {
        overflow: visible;
    }
    body #oralitemnavi .prod_slide .prod_slide_target .slide_item .target {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.3s;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }
    body #oralitemnavi #wrapper {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }
    body #oralitemnavi #wrapper .container_area {
        width: 75.5555555556vw;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    body #oralitemnavi #wrapper .bg_line_all {
        position: absolute;
        width: 101.8055555556vw;
        top: -39.9305555556vw;
        left: 50.5%;
        transform: translateX(-50%);
    }
    body #oralitemnavi #wrapper #top {
        position: fixed;
        top: 81px;
        left: 0;
        width: 100%;
        height: calc(100vh - 81px);
        z-index: 10;
        overflow: hidden;
    }
    body #oralitemnavi #wrapper #top.end {
        opacity: 0;
    }
    body #oralitemnavi #wrapper #top.under {
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top.under .txt {
        opacity: 0;
        transition-delay: 0s;
    }
    body #oralitemnavi #wrapper #top.under .img .inner {
        transform: translateY(100%);
    }
    body #oralitemnavi #wrapper #top.under #kv_slide_area {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top.under #kv_slide_area .obj {
        opacity: 0;
        transform: scale(1) translateY(100vh) !important;
    }
    body #oralitemnavi #wrapper #top.under h1 img {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top.under .btn_area a {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top .container_area {
        height: 100%;
        padding-top: 9.3055555556vw;
        box-sizing: border-box;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top .container_area #kv_slide_area {
        top: 10.4166666667vw;
        top: -2.8472222222vw;
        left: 50%;
        width: 100vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        overflow: visible;
        transform: translateX(0%);
    }
    body #oralitemnavi #wrapper #top .container_area #kv_slide_area .slide_sp {
        display: none !important;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .prod_slide_target {
        padding-top: 0;
        overflow: visible;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item {
        width: 13.4027777778vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .obj {
        animation: fuwa2 6s linear infinite;
        animation-fill-mode: both;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-child(even)
        .obj {
        animation: fuwa1 6s linear infinite;
        animation-fill-mode: both;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(1)
        .obj {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(2)
        .obj {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(3)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(4)
        .obj {
        animation-duration: 5.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(5)
        .obj {
        animation-duration: 5.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(6)
        .obj {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(7)
        .obj {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(8)
        .obj {
        animation-duration: 7s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(9)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(10)
        .obj {
        animation-duration: 7.2s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(11)
        .obj {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(12)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(13)
        .obj {
        animation-duration: 5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(14)
        .obj {
        animation-duration: 5.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(15)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(16)
        .obj {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner {
        transform: scale(0);
        transform-origin: center center;
        position: relative;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .obj {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        width: 13.4027777778vw;
        position: relative;
        transform: scale(1) translateY(0%);
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner1 {
        width: 12.2916666667vw;
        top: 16.3194444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner2 {
        width: 12.2916666667vw;
        top: 1.5972222222vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner3 {
        width: 12.2916666667vw;
        top: 18.4027777778vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner4 {
        width: 12.2916666667vw;
        top: 7.0138888889vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner5 {
        width: 12.2916666667vw;
        top: 20.4861111111vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner6 {
        width: 13.6805555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner7 {
        width: 12.5694444444vw;
        top: 18.125vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner8 {
        width: 12.2916666667vw;
        top: 7.7083333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner9 {
        width: 12.2916666667vw;
        top: 13.8194444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner10 {
        width: 12.2916666667vw;
        top: 2.2916666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner11 {
        width: 13.4027777778vw;
        top: 19.3055555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner12 {
        width: 12.2916666667vw;
        top: 8.75vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner13 {
        width: 12.2916666667vw;
        top: 17.5vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner14 {
        width: 12.2916666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner15 {
        width: 12.2916666667vw;
        top: 19.3055555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner16 {
        width: 12.9166666667vw;
        top: 6.1805555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .target {
        transform: scale(1) translate(0) !important;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .target
        img {
        transform: scale(1) translateY(0%) !important;
    }
    body #oralitemnavi #wrapper #top .txt {
        position: absolute;
        z-index: 3;
        width: 12.0138888889vw;
        top: 50%;
        left: 50%;
        z-index: 5;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transform: translate(1.7361111111vw, -9.0277777778vw);
        transition-delay: 0.8s;
        display: none;
    }
    body #oralitemnavi #wrapper #top .txt picture {
        transform: scale(0);
        display: block;
    }
    body #oralitemnavi #wrapper #top .img {
        position: absolute;
        z-index: 4;
        width: 76.875vw;
        top: 1.9444444444vw;
        left: 13.9583333333vw;
        width: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-48%);
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top .img picture {
        display: block;
        transform: translateY(100%);
        transform-origin: top center;
    }
    body #oralitemnavi #wrapper #top .img .inner {
        width: 100%;
        height: 100%;
        position: relative;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body #oralitemnavi #wrapper #top .img picture {
        width: 100%;
        height: 100%;
    }
    body #oralitemnavi #wrapper #top .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: bottom center;
        object-position: bottom center;
    }
    body #oralitemnavi #wrapper #top h1 {
        position: absolute;
        width: 35.7638888889vw;
        left: 20.5555555556vw;
        bottom: 14.7222222222vw;
        width: calc(100vh - 81px);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        z-index: 5;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top h1 picture {
        display: block;
        transform: scale(0);
        transform-origin: 50% 70%;
        height: 100%;
    }
    body #oralitemnavi #wrapper #top h1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top center;
        object-position: top center;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body #oralitemnavi #wrapper #intro_scroll_area {
        position: sticky;
        top: -200px;
    }
    body #oralitemnavi #wrapper #intro {
        min-height: 100vh;
        width: 100%;
    }
    body #oralitemnavi #wrapper #intro:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../images/top/shade.png) repeat-x center bottom;
        background-size: 4.6527777778vw 37.4305555556vw;
        z-index: 1;
        width: 100%;
        height: 37.4305555556vw;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #intro.end {
        opacity: 0;
    }
    body #oralitemnavi #wrapper #intro.open .container_area h2 {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body #oralitemnavi #wrapper #intro.open .container_area .copy {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro.open
        .container_area
        #intro_slide_area_wide
        .txt {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro.open
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        opacity: 1;
        transform: translate(-50%, 0%);
    }
    body #oralitemnavi #wrapper #intro.under {
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
    }
    body #oralitemnavi #wrapper #intro #intro_scroll_line {
        width: 100%;
        height: 1px;
        display: block;
    }
    body #oralitemnavi #wrapper #intro .container_area {
        padding-top: 3.9583333333vw;
        height: 98.3333333333vw;
    }
    body #oralitemnavi #wrapper #intro .container_area h2 {
        width: 53.8888888889vw;
        margin: 0 auto;
        margin-bottom: 0.6944444444vw;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #intro .container_area .copy {
        text-align: center;
        font-size: 1.25vw;
        line-height: 1.9444444444vw;
        letter-spacing: 0.065885798vw;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #intro .container_area #intro_slide_area_wide {
        position: relative;
        margin-top: -4.1666666667vw;
        left: -1.1805555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        .txt {
        position: absolute;
        width: 18.6805555556vw;
        top: 2.2916666667vw;
        left: 38.0555555556vw;
        z-index: 10;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        .txt
        img {
        transform: rotate(44deg);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        transform: translate(-50%, -100%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        opacity: 0;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide {
        position: relative;
        width: 100%;
        height: 51.0416666667vw;
        padding: 4.1666666667vw 0 0 0px;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item {
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active {
        z-index: 11;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .inner:before {
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-delay: 0.2s;
        transform: translateX(0);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img3,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img6,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img9,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img11 {
        transform: translateX(0);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img
        img {
        transition-delay: 0.2s;
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        p {
        transition-delay: 0.2s;
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target {
        height: 100%;
        position: relative;
        transform-origin: top center;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .inner {
        width: 100%;
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .inner:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 18.8888888889vw;
        height: 33.4027777778vw;
        top: 0;
        left: 0;
        z-index: 12;
        background: url(../images/top/prod_kira.svg) no-repeat center center;
        background-size: contain;
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img {
        position: absolute;
        top: 9.1666666667vw;
        left: -10.2777777778vw;
        width: 66.6666666667vw;
        transform: translateX(20%);
        left: -25.625vw;
        top: -7.2916666667vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-delay: 0s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img
        img {
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-duration: 0.3s;
        transition-delay: 0s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img3,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img6,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img9,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img11 {
        transform: translateX(-20%);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .photo {
        position: absolute;
        width: 22.7083333333vw;
        top: -1.1805555556vw;
        left: -4.1666666667vw;
        transform-origin: top center;
        z-index: 11;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        p {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        text-align: center;
        font-size: 0.9722222222vw;
        position: absolute;
        bottom: 3.2vw;
        left: 0;
        width: 20.2083333333vw;
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #contents_area #type {
        padding-bottom: 7.4305555556vw;
        background: #fff;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .bg {
        position: absolute;
        width: 155.0694444444vw;
        top: -11.6666666667vw;
        left: 50%;
        transform: translateX(-50%);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area {
        position: relative;
        width: 80.4166666667vw;
        height: 36.1111111111vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area:before {
        content: "";
        display: block;
        background: url(../images/top/type_list_m.svg) no-repeat center center;
        background-size: 82.2916666667vw 34.9305555556vw;
        width: 82.2916666667vw;
        height: 34.9305555556vw;
        position: absolute;
        top: 5.1388888889vw;
        left: -5.0694444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set {
        height: 100%;
        display: flex;
        width: 17.0833333333vw;
        position: absolute;
        z-index: 3;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set:hover
        .txt {
        transform: scale(1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set.hv_pc
        .txt {
        transform: scale(1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set
        .cont {
        position: relative;
        width: 100%;
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set
        .txt {
        position: absolute;
        transform: scale(0);
        transform-origin: 50% 110%;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1 {
        top: 1.1111111111vw;
        left: 0.9027777778vw;
        width: 17.0833333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1
        .img {
        width: 13.75vw;
        position: relative;
        left: 1.5277777778vw;
        top: -0.2083333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1
        .txt {
        width: 7.0833333333vw;
        top: -1.1111111111vw;
        left: 5.1388888889vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2 {
        top: 14.8611111111vw;
        left: 17.4305555556vw;
        width: 14.5833333333vw;
        z-index: 2;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2
        .img {
        width: 13.9583333333vw;
        position: relative;
        top: 3.0555555556vw;
        left: 0.3472222222vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2
        .txt {
        width: 12.0138888889vw;
        top: -4.4444444444vw;
        left: 1.0416666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3 {
        top: 9.3055555556vw;
        left: 29.9305555556vw;
        width: 16.3194444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3
        .img {
        width: 14.375vw;
        position: relative;
        top: 0.1388888889vw;
        left: 0.9027777778vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3
        .txt {
        width: 8.9583333333vw;
        top: -4.2361111111vw;
        left: 3.8194444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4 {
        top: 12.8472222222vw;
        left: 44.3055555556vw;
        width: 17.2222222222vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4
        .img {
        width: 10.4861111111vw;
        position: relative;
        left: 3.2638888889vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4
        .txt {
        width: 7.9861111111vw;
        top: 0.2777777778vw;
        left: 4.7222222222vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5 {
        top: 5.6944444444vw;
        left: 58.8194444444vw;
        width: 17.9166666667vw;
        z-index: 3;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5
        .img {
        width: 12.9166666667vw;
        position: relative;
        top: 0px;
        left: 2.5694444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5
        .txt {
        width: 12.6388888889vw;
        top: -5.5555555556vw;
        left: 2.2222222222vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6 {
        top: 7.5694444444vw;
        left: 45.9722222222vw;
        width: 20.0694444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6
        .img {
        width: 19.7222222222vw;
        position: relative;
        top: -0.5555555556vw;
        left: 0.1388888889vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6
        .txt {
        width: 12.7777777778vw;
        top: -5.9027777778vw;
        left: 2.9166666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7 {
        top: 12.8472222222vw;
        left: 62.8472222222vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7
        .img {
        width: 15.7638888889vw;
        position: relative;
        top: 1.3888888889vw;
        left: 0.625vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7
        .txt {
        width: 12.7777777778vw;
        top: -7.9166666667vw;
        left: 2.0833333333vw;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area h2 {
        margin: 0 auto;
        width: 51.3194444444vw;
        position: relative;
        margin-top: -0.2083333333vw;
        left: 2.1527777778vw;
        margin-bottom: 1.7361111111vw;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .copy {
        text-align: center;
        font-size: 1.25vw;
        line-height: 1.9444444444vw;
        letter-spacing: 0.17em;
        position: relative;
        z-index: 1;
        margin-bottom: 2.4305555556vw;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .btn_area {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        position: relative;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir {
        width: 21.25vw;
        height: 4.3055555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner:before {
        border-radius: 2.1527777778vw;
        background: #0099d7;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .t {
        background: #00b6ff;
        border-radius: 2.1527777778vw;
        text-align: center;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .t
        img {
        width: 8.6805555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .icon {
        width: 2.9166666667vw;
        right: 1.0416666667vw;
        top: 0.7638888889vw;
    }
    body #oralitemnavi #wrapper #contents_area #kodomo_area {
        padding-top: 5.8333333333vw;
    }
    body #oralitemnavi #wrapper #contents_area #footer_line {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
    }
    .footerWrap {
        background: #fff;
    }
}
@media screen and (max-width: 767px) {
    body {
        overflow: hidden;
    }
    body .platform {
        overflow: clip;
    }
    body .header {
        background: #fff;
    }
    body #oralitemnavi {
        background: #00addf;
        position: relative;
        opacity: 0;
    }
    body #oralitemnavi #btn_start_area {
        position: fixed;
        bottom: -0.2666666667vw;
        left: 0;
        z-index: 100;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        bottom: 7.2vw;
        left: 50%;
        transform: translateX(-50%);
    }
    body #oralitemnavi #btn_start_area.under .btn_cir {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #btn_start_area .btn_cir {
        width: 83.2vw;
        height: 16vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
    }
    body #oralitemnavi #btn_start_area .btn_cir .inner {
        transform: scale(0);
    }
    body #oralitemnavi #btn_start_area .btn_cir.h_sp {
        width: 46.7766116942vh;
        height: 8.9955022489vh;
        width: 46.7766116942vh;
        height: 8.9955022489vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h_sp .inner:before {
        border-radius: 4.4977511244vh;
        border-radius: 4.4977511244vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h_sp .t {
        border-radius: 4.4977511244vh;
        border-radius: 4.4977511244vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h_sp .t img {
        width: 25.9370314843vh;
        width: 25.9370314843vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h_sp .icon {
        width: 6.2968515742vh;
        right: 0.7496251874vh;
        top: -0.4497751124vh;
        width: 6.2968515742vh;
        right: 0.7496251874vh;
        top: -0.4497751124vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir .t {
        text-align: center;
    }
    body #oralitemnavi #btn_start_area .btn_cir .t img {
        width: 46.1333333333vw;
    }
    body #oralitemnavi #btn_start_area .btn_cir .icon {
        width: 11.2vw;
        right: 1.3333333333vw;
        transform: translateY(0);
        top: -0.8vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #btn_fix {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        pointer-events: none;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        padding-top: 5.0666666667vw;
        padding-bottom: 5.8666666667vw;
        transform: translateY(105%);
    }
    body #oralitemnavi #btn_fix.h {
        padding-top: 2.7737226277vw;
        padding-bottom: 3.2116788321vw;
    }
    body #oralitemnavi #btn_fix.h:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 16.6423357664vw;
        background: #defffe;
    }
    body #oralitemnavi #btn_fix.h.active {
        pointer-events: all;
        transform: translateY(0%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #btn_fix.h.first {
        padding-top: 2.1897810219vw;
        padding-bottom: 2.0437956204vw;
    }
    body #oralitemnavi #btn_fix.h.first:before {
        height: 22.9197080292vw;
    }
    body #oralitemnavi #btn_fix.h.first .area .txt {
        display: flex;
    }
    body #oralitemnavi #btn_fix.h.first .area .txt2 {
        display: flex;
    }
    body #oralitemnavi #btn_fix.h .area {
        position: relative;
    }
    body #oralitemnavi #btn_fix.h .area ul {
        width: 73.8686131387vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    body #oralitemnavi #btn_fix.h .area ul li {
        width: 36.204379562vw;
        margin-bottom: 1.4598540146vw;
    }
    body #oralitemnavi #btn_fix.h .area .txt,
    body #oralitemnavi #btn_fix.h .area .txt2 {
        display: none;
        justify-content: center;
        align-items: flex-end;
        align-content: flex-start;
        margin-top: 1.3138686131vw;
        letter-spacing: 0.09em;
    }
    body #oralitemnavi #btn_fix.h .area .txt p,
    body #oralitemnavi #btn_fix.h .area .txt2 p {
        font-size: 1.7518248175vw;
        font-weight: 900;
        position: relative;
        display: inline-block;
        line-height: 3.2116788321vw;
    }
    body #oralitemnavi #btn_fix.h .area .txt p.yel,
    body #oralitemnavi #btn_fix.h .area .txt2 p.yel {
        font-size: 2.3357664234vw;
        display: inline-block;
        position: relative;
    }
    body #oralitemnavi #btn_fix.h .area .txt p.yel:before,
    body #oralitemnavi #btn_fix.h .area .txt2 p.yel:before {
        background: #ffff1a;
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1.3138686131vw;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix.h .area .txt p.yel span,
    body #oralitemnavi #btn_fix.h .area .txt2 p.yel span {
        position: relative;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix.h .area .txt2 {
        margin-top: 0;
    }
    body #oralitemnavi #btn_fix.h .btn_cir {
        width: 36.204379562vw;
        height: 7.8832116788vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
        display: block;
    }
    body #oralitemnavi #btn_fix.h .btn_cir .inner:before {
        border-radius: 3.9416058394vw;
    }
    body #oralitemnavi #btn_fix.h .btn_cir .t {
        border-radius: 3.9416058394vw;
        text-align: center;
    }
    body #oralitemnavi #btn_fix.h .btn_cir .t.login img {
        width: 21.4598540146vw;
    }
    body #oralitemnavi #btn_fix.h .btn_cir .t.nologin img {
        width: 15.9124087591vw;
    }
    body #oralitemnavi #btn_fix.h .btn_cir .t img {
        position: relative;
        left: -0.7299270073vw;
    }
    body #oralitemnavi #btn_fix.h .btn_cir .icon {
        width: 5.2554744526vw;
        right: 1.4598540146vw;
        top: 2.4817518248vw;
    }
    body #oralitemnavi #btn_fix.h .btn_cir .icon.check {
        width: 6.2773722628vw;
        right: 0.4379562044vw;
        top: 0.5839416058vw;
    }
    body #oralitemnavi #btn_fix:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30.4vw;
        background: #defffe;
    }
    body #oralitemnavi #btn_fix.active {
        pointer-events: all;
        transform: translateY(0%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #btn_fix.first {
        padding-top: 4vw;
        padding-bottom: 3.7333333333vw;
    }
    body #oralitemnavi #btn_fix.first:before {
        height: 41.8666666667vw;
    }
    body #oralitemnavi #btn_fix.first .area .txt {
        display: flex;
    }
    body #oralitemnavi #btn_fix.first .area .txt2 {
        display: flex;
    }
    body #oralitemnavi #btn_fix .area {
        position: relative;
    }
    body #oralitemnavi #btn_fix .area ul {
        width: 66.1333333333vw;
        margin: 0 auto;
    }
    body #oralitemnavi #btn_fix .area ul li {
        width: 100%;
        margin-bottom: 2.6666666667vw;
    }
    body #oralitemnavi #btn_fix .area .txt,
    body #oralitemnavi #btn_fix .area .txt2 {
        display: none;
        justify-content: center;
        align-items: flex-end;
        align-content: flex-start;
        margin-top: 2.4vw;
        letter-spacing: 0.09em;
    }
    body #oralitemnavi #btn_fix .area .txt p,
    body #oralitemnavi #btn_fix .area .txt2 p {
        font-size: 3.2vw;
        font-weight: 900;
        position: relative;
        display: inline-block;
        line-height: 5.8666666667vw;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel,
    body #oralitemnavi #btn_fix .area .txt2 p.yel {
        font-size: 4.2666666667vw;
        display: inline-block;
        position: relative;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel:before,
    body #oralitemnavi #btn_fix .area .txt2 p.yel:before {
        background: #ffff1a;
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2.4vw;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel span,
    body #oralitemnavi #btn_fix .area .txt2 p.yel span {
        position: relative;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix .area .txt2 {
        margin-top: 0;
    }
    body #oralitemnavi #btn_fix .btn_cir {
        width: 66.1333333333vw;
        height: 14.4vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
        display: block;
    }
    body #oralitemnavi #btn_fix .btn_cir .inner:before {
        border-radius: 7.2vw;
    }
    body #oralitemnavi #btn_fix .btn_cir .t {
        border-radius: 7.2vw;
        text-align: center;
    }
    body #oralitemnavi #btn_fix .btn_cir .t.login img {
        width: 39.2vw;
    }
    body #oralitemnavi #btn_fix .btn_cir .t.nologin img {
        width: 29.0666666667vw;
    }
    body #oralitemnavi #btn_fix .btn_cir .t img {
        position: relative;
        left: -1.3333333333vw;
    }
    body #oralitemnavi #btn_fix .btn_cir .icon {
        width: 9.6vw;
        right: 2.6666666667vw;
        top: 4.5333333333vw;
    }
    body #oralitemnavi #btn_fix .btn_cir .icon.check {
        width: 11.4666666667vw;
        right: 0.8vw;
        top: 1.0666666667vw;
    }
    body #oralitemnavi #wrapper {
        overflow: clip;
    }
    body #oralitemnavi:before {
        content: "";
        position: absolute;
        top: -61px;
        left: 0;
        width: 100%;
        height: 61px;
        display: block;
        z-index: 1;
        background: #fff;
    }
    body #oralitemnavi .bg_all {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
    body #oralitemnavi .bg_all.end {
        opacity: 0;
    }
    body #oralitemnavi .bg_all img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top center;
        object-position: top center;
        transform: translate3d(0, 0, 1px);
    }
    body #oralitemnavi .prod_slide {
        overflow: hidden;
        width: 213.3333333333vw;
        position: absolute;
        top: 37.3333333333vw;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    body #oralitemnavi .prod_slide .prod_slide_target {
        overflow: hidden;
        width: 100%;
        padding: 16vw 0 80vw 0;
    }
    body #oralitemnavi .prod_slide .prod_slide_target .slide_item {
        overflow: visible;
        width: 13.3333333333vw;
    }
    body #oralitemnavi .prod_slide .prod_slide_target .slide_item .target {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper {
        position: relative;
        transform: translate3d(0, 0, 2px);
    }
    body #oralitemnavi #wrapper .container_area {
        width: 89.3333333333vw;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    body #oralitemnavi #wrapper .bg_line_all {
        position: absolute;
        width: 390.9333333333vw;
        top: -153.3333333333vw;
        left: 50.5%;
        transform: translateX(-50%);
    }
    body #oralitemnavi #wrapper #top {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100vh - 61px);
        height: calc(100svh - 61px);
        z-index: 10;
        overflow: hidden;
        min-height: 140vw;
    }
    body #oralitemnavi #wrapper #top #sp_img {
        position: absolute;
        transform: scale(0);
        top: 0;
        left: -12vw;
        width: 116vw;
        height: 100%;
        bottom: -19%;
    }
    body #oralitemnavi #wrapper #top #sp_img picture {
        display: block;
        width: 100%;
        height: 100%;
    }
    body #oralitemnavi #wrapper #top #sp_img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 70% 0%;
        object-position: 70% 0%;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body #oralitemnavi #wrapper #top.end {
        opacity: 0;
    }
    body #oralitemnavi #wrapper #top.under {
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top.under .txt {
        opacity: 0;
    }
    body #oralitemnavi #wrapper #top.under .img .inner {
        transform: translateY(100%);
    }
    body #oralitemnavi #wrapper #top.under #kv_slide_area {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top.under #sp_img img {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top.under h1 img {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top.under .btn_area a {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top #kv_slide_area {
        position: fixed;
        top: 0;
        left: 0;
    }
    body #oralitemnavi #wrapper #top #kv_slide {
        display: none;
    }
    body #oralitemnavi #wrapper #top .slide_sp {
        top: 0;
        left: -26.6666666667vw;
        width: 136vw;
        position: relative;
    }
    body #oralitemnavi #wrapper #top .slide_sp .slide_sp_item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transform: scale(0);
    }
    body #oralitemnavi #wrapper #top .slide_sp .slide_sp_item:nth-of-type(1) {
        transform-origin: 14% 32%;
    }
    body #oralitemnavi #wrapper #top .slide_sp .slide_sp_item:nth-of-type(2) {
        transform-origin: 58% 37%;
    }
    body #oralitemnavi #wrapper #top .slide_sp .slide_sp_item:nth-of-type(3) {
        transform-origin: 84% 40%;
    }
    body #oralitemnavi #wrapper #top .slide_sp .slide_sp_item:nth-of-type(4) {
        transform-origin: 84% 40%;
    }
    body #oralitemnavi #wrapper #top .slide_sp .slide_sp_item img {
        animation: fuwa2_sp 6s linear infinite;
        animation-fill-mode: both;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .slide_sp
        .slide_sp_item:nth-child(even)
        img {
        animation: fuwa1_sp 6s linear infinite;
        animation-fill-mode: both;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .slide_sp
        .slide_sp_item:nth-of-type(1)
        img {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .slide_sp
        .slide_sp_item:nth-of-type(2)
        img {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .slide_sp
        .slide_sp_item:nth-of-type(3)
        img {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .slide_sp
        .slide_sp_item:nth-of-type(4)
        img {
        animation-duration: 6.5s;
    }
    body #oralitemnavi #wrapper #top .container_area {
        height: 100%;
        padding-top: 35.7333333333vw;
        box-sizing: border-box;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top .container_area #kv_slide_area {
        position: fixed;
        height: 100%;
        top: 0;
        left: 0vw;
        width: 136vw;
        transform: translateX(0);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item.active
        .target {
        opacity: 0;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .target
        img {
        transform: translateY(0%);
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-child(odd)
        .target
        img {
        transform: translateY(30%);
    }
    body #oralitemnavi #wrapper #top .txt {
        position: absolute;
        z-index: 3;
        width: 45.3333333333vw;
        top: 57.3333333333vw;
        left: 57.6vw;
        transform: rotate(50deg);
        z-index: 5;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #top .txt picture {
        transform: scale(0);
        display: block;
    }
    body #oralitemnavi #wrapper #top .img {
        position: absolute;
        z-index: 4;
        height: 100%;
        width: 100%;
        bottom: -43%;
        left: 0;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top .img picture {
        display: block;
        width: 100%;
        height: 100%;
        transform: translateY(100%);
    }
    body #oralitemnavi #wrapper #top .img .inner {
        width: 100%;
        height: 100%;
        position: relative;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body #oralitemnavi #wrapper #top .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top center;
        object-position: top center;
    }
    body #oralitemnavi #wrapper #top h1 {
        position: absolute;
        width: 73.8666666667vw;
        height: 18.4%;
        left: 12.5333333333vw;
        top: 6.1333333333vw;
        z-index: 5;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top h1 picture {
        display: block;
        width: 100%;
        height: 100%;
        transform: scale(0);
    }
    body #oralitemnavi #wrapper #top h1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body #oralitemnavi #wrapper #top .btn_area {
        position: absolute;
        z-index: 100;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        bottom: 7.2vw;
        left: 50%;
        transform: translateX(-50%);
    }
    body #oralitemnavi #wrapper #top .btn_area .btn_cir {
        width: 83.2vw;
        height: 16vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
    }
    body #oralitemnavi #wrapper #top .btn_area .btn_cir .inner {
        transform: scale(0);
    }
    body #oralitemnavi #wrapper #top .btn_area .btn_cir .t {
        text-align: center;
    }
    body #oralitemnavi #wrapper #top .btn_area .btn_cir .t img {
        width: 46.1333333333vw;
    }
    body #oralitemnavi #wrapper #top .btn_area .btn_cir .icon {
        width: 11.2vw;
        right: 1.3333333333vw;
        transform: translateY(0);
        top: -0.8vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #intro_scroll_area {
        position: sticky;
        top: -200px;
        padding-top: 61px;
    }
    body #oralitemnavi #wrapper #intro {
        min-height: 100vh;
        width: 100%;
        box-sizing: border-box;
    }
    body #oralitemnavi #wrapper #intro:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../images/top/shade.png) repeat-x center bottom;
        background-size: 15.7333333333vw 127.7333333333vw;
        z-index: 1;
        width: 100%;
        height: 127.7333333333vw;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #intro.end {
        opacity: 0;
    }
    body #oralitemnavi #wrapper #intro.open .container_area h2 {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body #oralitemnavi #wrapper #intro.open .container_area .copy {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro.open
        .container_area
        #intro_slide_area_wide
        .txt {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro.open
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        opacity: 1;
        transform: translate(-50%, 0%);
    }
    body #oralitemnavi #wrapper #intro.under {
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
    }
    body #oralitemnavi #wrapper #intro #intro_scroll_line {
        width: 100%;
        height: 1px;
        display: block;
    }
    body #oralitemnavi #wrapper #intro .container_area {
        height: 349.8666666667vw;
    }
    body #oralitemnavi #wrapper #intro .container_area h2 {
        width: 67.4666666667vw;
        margin: 0 auto;
        margin-bottom: 3.2vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        position: relative;
        left: 0.5333333333vw;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #intro .container_area .copy {
        text-align: center;
        font-size: 3.7333333333vw;
        line-height: 6.4vw;
        letter-spacing: 0.1866666667vw;
        width: 73.3333333333vw;
        margin: 0 auto;
        position: relative;
        left: 1.6vw;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        top: -0.8vw;
    }
    body #oralitemnavi #wrapper #intro .container_area #intro_slide_area_wide {
        position: relative;
        margin-top: -16vw;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        .txt {
        position: absolute;
        width: 48vw;
        top: 14.1333333333vw;
        left: 36.2666666667vw;
        z-index: 10;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        .txt
        img {
        transform: rotate(44deg);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        transform: translate(-50%, -100%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        opacity: 0;
        left: 49.5%;
        top: 40.5333333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide {
        position: relative;
        width: 100%;
        height: 196vw;
        padding: 12vw 0 0 0px;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item {
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active {
        z-index: 11;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .inner:before {
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-delay: 0.2s;
        transform: translateX(0);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img3,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img6,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img9,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img11 {
        transform: translateX(0);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img
        img {
        transition-delay: 0.2s;
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        p {
        transition-delay: 0.2s;
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target {
        height: 100%;
        position: relative;
        transform-origin: top center;
        transition: all 0.3s;
        transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .inner {
        width: 100%;
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .inner:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 53.8666666667vw;
        height: 128.2666666667vw;
        top: -18.6666666667vw;
        left: 0;
        z-index: 12;
        background: url(../images/top/prod_kira.svg) no-repeat center center;
        background-size: contain;
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img {
        position: absolute;
        width: 128vw;
        left: -45.3333333333vw;
        top: 18.6666666667vw;
        transform: translateX(20%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-delay: 0s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img
        img {
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-duration: 0.3s;
        transition-delay: 0s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img1 {
        width: 104vw;
        top: 34.6666666667vw;
        left: -30.9333333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img5 {
        width: 85.3333333333vw;
        top: 40vw;
        left: -24vw;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img7 {
        width: 93.3333333333vw;
        left: -26.6666666667vw;
        top: 40vw;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img10 {
        width: 93.3333333333vw;
        left: -26.6666666667vw;
        top: 42.6666666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img3,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img6,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img9,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img11 {
        transform: translateX(-20%);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .photo {
        position: absolute;
        width: 64.5333333333vw;
        top: -6.4vw;
        left: -14.4vw;
        transform-origin: top center;
        z-index: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        p {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        text-align: center;
        font-size: 3.2vw;
        position: absolute;
        bottom: 64vw;
        left: 0;
        width: 52.8vw;
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #contents_area #type {
        padding-bottom: 22.6666666667vw;
        background: #fff;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .bg {
        position: absolute;
        width: 170.4vw;
        top: -12.5333333333vw;
        left: 50%;
        transform: translateX(-50%);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area {
        position: relative;
        width: 100%;
        height: 109.6vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area:before {
        content: "";
        display: block;
        background: url(../images/top/type_list_m_sp.svg) no-repeat center
            center;
        background-size: 100% auto;
        width: 112.5333333333vw;
        height: 104vw;
        position: absolute;
        top: 9.6vw;
        left: -14.6666666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set {
        width: 100%;
        display: flex;
        position: absolute;
        height: 45.3333333333vw;
        z-index: 3;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set.hv
        .txt {
        transform: scale(1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set
        .cont {
        position: relative;
        width: 100%;
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set
        .txt {
        position: absolute;
        transform: scale(0);
        transform-origin: 50% 110%;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        pointer-events: none;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1 {
        top: 2.6666666667vw;
        left: -5.3333333333vw;
        width: 36.2666666667vw;
        height: 45.3333333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1
        .img {
        width: 24.2666666667vw;
        position: relative;
        top: 1.6vw;
        left: 7.2vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1
        .txt {
        width: 16vw;
        top: -4.8vw;
        left: 12.2666666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2 {
        top: 64vw;
        left: -2.6666666667vw;
        width: 33.8666666667vw;
        z-index: 5;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2
        .img {
        width: 32.2666666667vw;
        position: relative;
        top: 9.0666666667vw;
        left: 0.5333333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2
        .txt {
        width: 25.8666666667vw;
        top: -13.3333333333vw;
        left: 4.8vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3 {
        top: 38.1333333333vw;
        left: 24.2666666667vw;
        width: 37.8666666667vw;
        height: 50.6666666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3
        .img {
        width: 33.3333333333vw;
        position: relative;
        top: 2.1333333333vw;
        left: 2.4vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3
        .txt {
        width: 18.6666666667vw;
        top: -9.6vw;
        left: 10.6666666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4 {
        top: 70.4vw;
        left: 60.5333333333vw;
        width: 39.4666666667vw;
        z-index: 4;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4
        .img {
        width: 24.2666666667vw;
        position: relative;
        top: 1.0666666667vw;
        left: 7.2vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4
        .txt {
        width: 17.6vw;
        top: -13.3333333333vw;
        left: 6.4vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5 {
        top: 10.9333333333vw;
        left: 62.1333333333vw;
        width: 41.3333333333vw;
        z-index: 3;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5
        .img {
        width: 29.8666666667vw;
        position: relative;
        top: 0.2666666667vw;
        left: 2.9333333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5
        .txt {
        width: 27.4666666667vw;
        top: -13.0666666667vw;
        left: 0px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6 {
        top: 18.9333333333vw;
        left: 52vw;
        width: 46.9333333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6
        .img {
        width: 45.6vw;
        position: relative;
        top: 0.5333333333vw;
        left: 0.8vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6
        .txt {
        width: 29.6vw;
        top: -13.3333333333vw;
        left: 7.7333333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7 {
        top: 49.3333333333vw;
        left: 241.3333333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7
        .txt {
        width: 49.0666666667vw;
        top: -30.4vw;
        left: 8vw;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area h2 {
        margin: 0 auto;
        width: 83.7333333333vw;
        position: relative;
        margin-top: 3.7333333333vw;
        left: 4.5333333333vw;
        margin-bottom: 3.2vw;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .copy {
        text-align: left;
        font-size: 3.7333333333vw;
        line-height: 6.4vw;
        letter-spacing: 0.17em;
        position: relative;
        z-index: 1;
        width: 77.6vw;
        margin: 0 auto;
        margin-bottom: 8.2666666667vw;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .btn_area {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        position: relative;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir {
        width: 73.3333333333vw;
        height: 14.4vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner:before {
        border-radius: 7.2vw;
        background: #0099d7;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .t {
        border-radius: 7.2vw;
        text-align: center;
        background: #00b6ff;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .t
        img {
        width: 33.3333333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .icon {
        width: 9.6vw;
        right: 2.4vw;
        top: 4.5333333333vw;
    }
    body #oralitemnavi #wrapper #cp_area {
        margin-top: -1px;
        padding-bottom: 5.0666666667vw;
    }
    body #oralitemnavi #wrapper #kodomo_area {
        padding-top: 17.0666666667vw;
        padding-bottom: 8.5333333333vw;
    }
    body #oralitemnavi #wrapper #footer_line {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
    }
}
@media print {
    body {
        overflow: hidden;
    }
    body .platform {
        overflow: clip;
    }
    body .header {
        background: #fff;
    }
    body #oralitemnavi {
        position: relative;
        opacity: 0;
    }
    body #oralitemnavi #btn_start_area {
        position: fixed;
        bottom: 29.5px;
        left: 0;
        z-index: 100;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        bottom: 9.5vh;
        left: 130.5px;
        left: 50%;
        transform: translateX(-50%);
    }
    body #oralitemnavi #btn_start_area.under .btn_cir {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #btn_start_area .btn_cir {
        width: 284.5px;
        height: 45px;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
    }
    body #oralitemnavi #btn_start_area .btn_cir .inner {
        transform: scale(0);
    }
    body #oralitemnavi #btn_start_area .btn_cir.h {
        width: 69.7303921569vh;
        height: 11.0294117647vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .inner:before {
        border-radius: 5.5147058824vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .t {
        border-radius: 5.5147058824vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .t img {
        width: 31.862745098vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir.h .icon {
        width: 9.068627451vh;
        right: 0.4901960784vh;
        top: -1.1029411765vh;
    }
    body #oralitemnavi #btn_start_area .btn_cir .inner:before {
        border-radius: 22.5px;
    }
    body #oralitemnavi #btn_start_area .btn_cir .t {
        border-radius: 22.5px;
        text-align: center;
    }
    body #oralitemnavi #btn_start_area .btn_cir .t img {
        width: 130px;
    }
    body #oralitemnavi #btn_start_area .btn_cir .icon {
        width: 37px;
        right: 2px;
        top: -4.5px;
    }
    body #oralitemnavi #btn_fix {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        box-sizing: border-box;
        background: #defffe;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        pointer-events: none;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        padding-top: 9.5px;
        padding-bottom: 11px;
        transform: translateY(105%);
    }
    body #oralitemnavi #btn_fix.active {
        pointer-events: all;
        transform: translateY(0%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #btn_fix.first {
        padding-top: 7.5px;
        padding-bottom: 4.5px;
    }
    body #oralitemnavi #btn_fix.first .area .pc_view_f {
        display: flex !important;
    }
    body #oralitemnavi #btn_fix .area {
        position: relative;
    }
    body #oralitemnavi #btn_fix .area ul {
        width: 406px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    body #oralitemnavi #btn_fix .area ul li {
        width: 200px;
    }
    body #oralitemnavi #btn_fix .area .txt {
        display: none !important;
        justify-content: center;
        align-items: flex-end;
        align-content: flex-start;
        margin-top: 5.5px;
        letter-spacing: 0.09em;
    }
    body #oralitemnavi #btn_fix .area .txt p {
        font-size: 8px;
        font-weight: 900;
        position: relative;
        display: inline-block;
        line-height: 15px;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel {
        font-size: 10px;
        display: inline-block;
        position: relative;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel:before {
        background: #ffff1a;
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4.5px;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix .area .txt p.yel span {
        position: relative;
        z-index: 1;
    }
    body #oralitemnavi #btn_fix .btn_cir {
        width: 200px;
        height: 30px;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        padding: 0;
    }
    body #oralitemnavi #btn_fix .btn_cir .inner:before {
        border-radius: 15px;
    }
    body #oralitemnavi #btn_fix .btn_cir .t {
        border-radius: 15px;
        text-align: center;
    }
    body #oralitemnavi #btn_fix .btn_cir .t.login img {
        width: 138.5px;
    }
    body #oralitemnavi #btn_fix .btn_cir .t.nologin img {
        width: 113px;
    }
    body #oralitemnavi #btn_fix .btn_cir .icon {
        width: 18px;
        right: 6.5px;
        top: 6.5px;
    }
    body #oralitemnavi #btn_fix .btn_cir .icon.check {
        width: 21.5px;
        right: 2px;
        top: 0px;
    }
    body #oralitemnavi #op_scroll {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: scroll;
        z-index: 100;
    }
    body #oralitemnavi #op_scroll #op_scroll_inner {
        height: 200vh;
    }
    body #oralitemnavi #wrapper {
        overflow: clip;
    }
    body #oralitemnavi:before {
        content: "";
        position: absolute;
        top: -100px;
        left: 0;
        width: 100%;
        height: 100px;
        display: block;
        z-index: 1;
        background: #fff;
    }
    body #oralitemnavi .bg_all {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00d8f8;
    }
    body #oralitemnavi .bg_all.end {
        opacity: 0;
    }
    body #oralitemnavi .bg_all picture {
        width: 100%;
        display: block;
        position: relative;
        height: 100px;
    }
    body #oralitemnavi .bg_all picture img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 2880px;
        max-width: none;
    }
    body #oralitemnavi .prod_slide {
        overflow: hidden;
        width: 1124px;
        position: absolute;
        top: 70px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    body #oralitemnavi .prod_slide .prod_slide_target {
        overflow: hidden;
        width: 100%;
        padding: 30px 0 150px 0;
    }
    body #oralitemnavi .prod_slide .prod_slide_target .slide_item {
        overflow: visible;
    }
    body #oralitemnavi .prod_slide .prod_slide_target .slide_item .target {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.3s;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }
    body #oralitemnavi #wrapper {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }
    body #oralitemnavi #wrapper .container_area {
        width: 544px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    body #oralitemnavi #wrapper .bg_line_all {
        position: absolute;
        width: 733px;
        top: -287.5px;
        left: 50.5%;
        transform: translateX(-50%);
    }
    body #oralitemnavi #wrapper #top {
        position: fixed;
        top: 81px;
        left: 0;
        width: 100%;
        height: calc(100vh - 81px);
        z-index: 10;
        overflow: hidden;
    }
    body #oralitemnavi #wrapper #top.end {
        opacity: 0;
    }
    body #oralitemnavi #wrapper #top.under {
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top.under .txt {
        opacity: 0;
        transition-delay: 0s;
    }
    body #oralitemnavi #wrapper #top.under .img .inner {
        transform: translateY(100%);
    }
    body #oralitemnavi #wrapper #top.under #kv_slide_area {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top.under #kv_slide_area .obj {
        opacity: 0;
        transform: scale(1) translateY(100vh) !important;
    }
    body #oralitemnavi #wrapper #top.under h1 img {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top.under .btn_area a {
        opacity: 0;
        transform: translateY(100vh);
    }
    body #oralitemnavi #wrapper #top .container_area {
        height: 100%;
        padding-top: 67px;
        box-sizing: border-box;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top .container_area #kv_slide_area {
        top: 75px;
        top: -20.5px;
        left: 50%;
        width: 100vw;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        overflow: visible;
        transform: translateX(0%);
    }
    body #oralitemnavi #wrapper #top .container_area #kv_slide_area .slide_sp {
        display: none !important;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .prod_slide_target {
        padding-top: 0;
        overflow: visible;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item {
        width: 13.4027777778vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .obj {
        animation: fuwa2 6s linear infinite;
        animation-fill-mode: both;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-child(even)
        .obj {
        animation: fuwa1 6s linear infinite;
        animation-fill-mode: both;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(1)
        .obj {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(2)
        .obj {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(3)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(4)
        .obj {
        animation-duration: 5.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(5)
        .obj {
        animation-duration: 5.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(6)
        .obj {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(7)
        .obj {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(8)
        .obj {
        animation-duration: 7s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(9)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(10)
        .obj {
        animation-duration: 7.2s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(11)
        .obj {
        animation-duration: 5.8s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(12)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(13)
        .obj {
        animation-duration: 5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(14)
        .obj {
        animation-duration: 5.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(15)
        .obj {
        animation-duration: 6.1s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item:nth-of-type(16)
        .obj {
        animation-duration: 6.5s;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner {
        transform: scale(0);
        transform-origin: center center;
        position: relative;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .obj {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        width: 13.4027777778vw;
        position: relative;
        transform: scale(1) translateY(0%);
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner1 {
        width: 12.2916666667vw;
        top: 16.3194444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner2 {
        width: 12.2916666667vw;
        top: 1.5972222222vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner3 {
        width: 12.2916666667vw;
        top: 18.4027777778vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner4 {
        width: 12.2916666667vw;
        top: 7.0138888889vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner5 {
        width: 12.2916666667vw;
        top: 20.4861111111vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner6 {
        width: 13.6805555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner7 {
        width: 12.5694444444vw;
        top: 18.125vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner8 {
        width: 12.2916666667vw;
        top: 7.7083333333vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner9 {
        width: 12.2916666667vw;
        top: 13.8194444444vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner10 {
        width: 12.2916666667vw;
        top: 2.2916666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner11 {
        width: 13.4027777778vw;
        top: 19.3055555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner12 {
        width: 12.2916666667vw;
        top: 8.75vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner13 {
        width: 12.2916666667vw;
        top: 17.5vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner14 {
        width: 12.2916666667vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner15 {
        width: 12.2916666667vw;
        top: 19.3055555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .inner16 {
        width: 12.9166666667vw;
        top: 6.1805555556vw;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .target {
        transform: scale(1) translate(0) !important;
    }
    body
        #oralitemnavi
        #wrapper
        #top
        .container_area
        #kv_slide_area
        .slide_item
        .target
        img {
        transform: scale(1) translateY(0%) !important;
    }
    body #oralitemnavi #wrapper #top .txt {
        position: absolute;
        z-index: 3;
        width: 86.5px;
        top: 50%;
        left: 50%;
        z-index: 5;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transform: translate(12.5px, -65px);
        transition-delay: 0.8s;
        display: none;
    }
    body #oralitemnavi #wrapper #top .txt picture {
        transform: scale(0);
        display: block;
    }
    body #oralitemnavi #wrapper #top .img {
        position: absolute;
        z-index: 4;
        width: 553.5px;
        top: 14px;
        left: 100.5px;
        width: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-48%);
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top .img picture {
        display: block;
        transform: translateY(100%);
        transform-origin: top center;
    }
    body #oralitemnavi #wrapper #top .img .inner {
        width: 100%;
        height: 100%;
        position: relative;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body #oralitemnavi #wrapper #top .img picture {
        width: 100%;
        height: 100%;
    }
    body #oralitemnavi #wrapper #top .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: bottom center;
        object-position: bottom center;
    }
    body #oralitemnavi #wrapper #top h1 {
        position: absolute;
        width: 35.7638888889vw;
        left: 20.5555555556vw;
        bottom: 14.7222222222vw;
        width: calc(100vh - 81px);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        z-index: 5;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #top h1 picture {
        display: block;
        transform: scale(0);
        transform-origin: 50% 70%;
        height: 100%;
    }
    body #oralitemnavi #wrapper #top h1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top center;
        object-position: top center;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    }
    body #oralitemnavi #wrapper #intro_scroll_area {
        position: sticky;
        top: -200px;
    }
    body #oralitemnavi #wrapper #intro {
        min-height: 100vh;
        width: 100%;
    }
    body #oralitemnavi #wrapper #intro:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../images/top/shade.png) repeat-x center bottom;
        background-size: 33.5px 269.5px;
        z-index: 1;
        width: 100%;
        height: 269.5px;
        pointer-events: none;
    }
    body #oralitemnavi #wrapper #intro.end {
        opacity: 0;
    }
    body #oralitemnavi #wrapper #intro.open .container_area h2 {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body #oralitemnavi #wrapper #intro.open .container_area .copy {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro.open
        .container_area
        #intro_slide_area_wide
        .txt {
        transform: scale(1);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-delay: 0.4s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro.open
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        opacity: 1;
        transform: translate(-50%, 0%);
    }
    body #oralitemnavi #wrapper #intro.under {
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
    }
    body #oralitemnavi #wrapper #intro #intro_scroll_line {
        width: 100%;
        height: 1px;
        display: block;
    }
    body #oralitemnavi #wrapper #intro .container_area {
        padding-top: 28.5px;
        height: 708px;
    }
    body #oralitemnavi #wrapper #intro .container_area h2 {
        width: 388px;
        margin: 0 auto;
        margin-bottom: 5px;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #intro .container_area .copy {
        text-align: center;
        font-size: 9px;
        line-height: 14px;
        letter-spacing: 0.24vw;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #intro .container_area #intro_slide_area_wide {
        position: relative;
        margin-top: -30px;
        left: -8.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        .txt {
        position: absolute;
        width: 134.5px;
        top: 16.5px;
        left: 274px;
        z-index: 10;
        transform: scale(0);
        transition-delay: 1s;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        .txt
        img {
        transform: rotate(44deg);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        transform: translate(-50%, -100%);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        opacity: 0;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide {
        position: relative;
        width: 100%;
        height: 367.5px;
        padding: 30px 0 0 0px;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item {
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active {
        z-index: 11;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .inner:before {
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img {
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-delay: 0.2s;
        transform: translateX(0);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img3,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img6,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img9,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img.img11 {
        transform: translateX(0);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        .img
        img {
        transition-delay: 0.2s;
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item.active
        .target
        p {
        transition-delay: 0.2s;
        opacity: 1;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target {
        height: 100%;
        position: relative;
        transform-origin: top center;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .inner {
        width: 100%;
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .inner:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 136px;
        height: 240.5px;
        top: 0;
        left: 0;
        z-index: 12;
        background: url(../images/top/prod_kira.svg) no-repeat center center;
        background-size: contain;
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img {
        position: absolute;
        top: 66px;
        left: -74px;
        width: 480px;
        transform: translateX(20%);
        left: -184.5px;
        top: -52.5px;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-delay: 0s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img
        img {
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        transition-duration: 0.3s;
        transition-delay: 0s;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img3,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img6,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img9,
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .img.img11 {
        transform: translateX(-20%);
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        .photo {
        position: absolute;
        width: 163.5px;
        top: -8.5px;
        left: -30px;
        transform-origin: top center;
        z-index: 11;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide
        .slide_item
        .target
        p {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        text-align: center;
        font-size: 7px;
        position: absolute;
        bottom: 65px;
        left: 0;
        width: 145.5px;
        opacity: 0;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    }
    body #oralitemnavi #wrapper #contents_area #type {
        padding-bottom: 53.5px;
        background: #fff;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .bg {
        position: absolute;
        width: 1116.5px;
        top: -84px;
        left: 50%;
        transform: translateX(-50%);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area {
        position: relative;
        width: 579px;
        height: 260px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area:before {
        content: "";
        display: block;
        background: url(../images/top/type_list_m.svg) no-repeat center center;
        background-size: 592.5px 251.5px;
        width: 592.5px;
        height: 251.5px;
        position: absolute;
        top: 37px;
        left: -36.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set {
        height: 100%;
        display: flex;
        width: 123px;
        position: absolute;
        z-index: 3;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set:hover
        .txt {
        transform: scale(1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set.hv_pc
        .txt {
        transform: scale(1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set
        .cont {
        position: relative;
        width: 100%;
        height: 100%;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        .set
        .txt {
        position: absolute;
        transform: scale(0);
        transform-origin: 50% 110%;
        transition: all 0.6s;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1 {
        top: 8px;
        left: 6.5px;
        width: 123px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1
        .img {
        width: 99px;
        position: relative;
        left: 11px;
        top: -1.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type1
        .txt {
        width: 51px;
        top: -8px;
        left: 37px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2 {
        top: 107px;
        left: 125.5px;
        width: 105px;
        z-index: 2;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2
        .img {
        width: 100.5px;
        position: relative;
        top: 22px;
        left: 2.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type2
        .txt {
        width: 86.5px;
        top: -32px;
        left: 7.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3 {
        top: 67px;
        left: 215.5px;
        width: 117.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3
        .img {
        width: 103.5px;
        position: relative;
        top: 1px;
        left: 6.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type3
        .txt {
        width: 64.5px;
        top: -30.5px;
        left: 27.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4 {
        top: 92.5px;
        left: 319px;
        width: 124px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4
        .img {
        width: 75.5px;
        position: relative;
        left: 23.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type4
        .txt {
        width: 57.5px;
        top: 2px;
        left: 34px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5 {
        top: 41px;
        left: 423.5px;
        width: 129px;
        z-index: 3;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5
        .img {
        width: 93px;
        position: relative;
        top: 0px;
        left: 18.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type5
        .txt {
        width: 91px;
        top: -40px;
        left: 16px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6 {
        top: 54.5px;
        left: 331px;
        width: 144.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6
        .img {
        width: 142px;
        position: relative;
        top: -4px;
        left: 1px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type6
        .txt {
        width: 92px;
        top: -42.5px;
        left: 21px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7 {
        top: 92.5px;
        left: 452.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7
        .img {
        width: 113.5px;
        position: relative;
        top: 10px;
        left: 4.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .chara_area
        #type7
        .txt {
        width: 92px;
        top: -57px;
        left: 15px;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area h2 {
        margin: 0 auto;
        width: 369.5px;
        position: relative;
        margin-top: -1.5px;
        left: 15.5px;
        margin-bottom: 12.5px;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .copy {
        text-align: center;
        font-size: 9px;
        line-height: 14px;
        letter-spacing: 0.17em;
        position: relative;
        z-index: 1;
        margin-bottom: 17.5px;
    }
    body #oralitemnavi #wrapper #contents_area #type .container_area .btn_area {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        position: relative;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir {
        width: 153px;
        height: 31px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner:before {
        border-radius: 15.5px;
        background: #0099d7;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .t {
        background: #00b6ff;
        border-radius: 15.5px;
        text-align: center;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .t
        img {
        width: 62.5px;
    }
    body
        #oralitemnavi
        #wrapper
        #contents_area
        #type
        .container_area
        .btn_area
        .btn_cir
        .inner
        .icon {
        width: 21px;
        right: 7.5px;
        top: 5.5px;
    }
    body #oralitemnavi #wrapper #contents_area #kodomo_area {
        padding-top: 42px;
    }
    body #oralitemnavi #wrapper #contents_area #footer_line {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
    }
    .footerWrap {
        background: #fff;
    }
    body #oralitemnavi {
        -webkit-print-color-adjust: exact;
    }
    body #oralitemnavi #wrapper #top {
        position: absolute !important;
        opacity: 1 !important;
        height: 350px !important;
    }
    body #oralitemnavi #wrapper #top.under .img .inner {
        transform: translateY(0%) !important;
    }
    body #oralitemnavi #wrapper #top.under #kv_slide_area .obj {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    #oralitemnavi .btn_cir .inner .t {
        color: #1a358c !important;
    }
    #oralitemnavi .btn_cir .inner .t img {
        filter: brightness(0) !important;
    }
    body #oralitemnavi .bg_all {
        position: absolute !important;
    }
    body #oralitemnavi #btn_fix {
        display: none !important;
    }
    body #oralitemnavi #btn_fix {
        display: none !important;
    }
    #oralitemnavi #cp_area .container_area .bnr {
        display: none !important;
    }
    body
        #oralitemnavi
        #wrapper
        #intro.open
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        opacity: 1 !important;
        transform: translate(-50%, 0%) !important;
    }
    body #oralitemnavi #wrapper #intro .container_area h2 {
        transform: scale(1) !important;
    }
    body #oralitemnavi #wrapper #intro .container_area .copy {
        transform: scale(1) !important;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        .txt {
        transform: scale(1) !important;
    }
    body
        #oralitemnavi
        #wrapper
        #intro
        .container_area
        #intro_slide_area_wide
        #intro_slide_area {
        opacity: 1 !important;
        transform: translate(-50%, 0%) !important;
    }
}