/* mv */
.top_mv {

    background-color: #F1F1F1;
    position: relative;
    height: calc(766 / var(--view-size) * 100vw);
}
.top_mv_wrap {
    position: relative;
}
.mv_text {
    position: absolute;
    width: calc(980 / var(--view-size) * 100vw);
    left: calc(193 / var(--view-size) * 100vw);
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;

}
#animation_container {
    width: calc(1360 / var(--view-size) * 100vw) !important;
    height: calc(768 / var(--view-size) * 100vw) !important;
}

#canvas {
    object-fit: cover;
}
#canvas,
#dom_overlay_container {
    width: 100% !important;
    height: 100% !important;
}
.top_mv_outlet {
    position: absolute;
    bottom: calc(-7.7 / var(--view-size) * 100vw);
    right: calc(160 / var(--view-size) * 100vw);
    max-width: calc(140 / var(--view-size) * 100vw);
    z-index: 100;
}


@media screen and (max-width: 768px) {
    .top_mv {
        height: auto;
    }
    .top_mv_outlet {
        right: calc(235 / var(--view-size) * 100vw);
    }
    .mv_text {
        width: calc(375 / var(--view-size) * 100vw);
        left: calc(0 / var(--view-size) * 100vw);
        top: calc(144 / var(--view-size) * 100vw);
        bottom: auto;
    }
    #animation_container_sp {
        width: calc(375 / var(--view-size) * 100vw) !important;
        height: calc(647 / var(--view-size) * 100vw) !important;
    }
    #canvas_sp,
    #dom_overlay_container_sp {
        width: 100% !important;
        height: 100% !important;
    }
    #canvas_sp {
        object-fit: cover;
    }
}


/* モビリティパーク とは? */
.top_about_section {
    padding: calc(120 / var(--view-size) * 100vw) 0 calc(90 / var(--view-size) * 100vw);
    background-color: #F1F1F1;
    position: relative;
}
/* .top_about_outlet_top {
    position: absolute;
    top: calc(-22.7 / var(--view-size) * 100vw);
    right: calc(160 / var(--view-size) * 100vw);
    max-width: calc(140 / var(--view-size) * 100vw);
    z-index: 100;
} */
.top_about_section .inner {
    position: relative;
    z-index: 100;
}
.top_about_textarea {
    max-width: calc(595 / var(--view-size) * 100vw);
    margin-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_about_box {
    background-color: #fff;
    padding: calc(20 / var(--view-size) * 100vw);
    border-radius: calc(30 / var(--view-size) * 100vw);
}
.top_about_box span {
    font-weight: 800;
}
.top_about_img {
    width: calc(600 / var(--view-size) * 100vw);
    position: absolute;
    top: calc(30 / var(--view-size) * 100vw);
    right: calc(40 / var(--view-size) * 100vw);
}
.top_about_features {
    border: calc(8 / var(--view-size) * 100vw) solid #333;
    padding: calc(50 / var(--view-size) * 100vw);
    padding-bottom: calc(30 / var(--view-size) * 100vw);
    background-color: #FCC800;
    border-radius: calc(30 / var(--view-size) * 100vw);
    margin-bottom: calc(40 / var(--view-size) * 100vw);
    position: relative;
}
.top_about_features_caption_wrap {
    width: 50%;
    margin-left: auto;
}
.top_about_features_caption_wrap.top_about_features_caption_wrap_left {
    width: 50%;
    margin-right: auto;
    margin: 0;
    margin-bottom: calc(20 / var(--view-size) * 100vw);
}
.top_about_features_caption {
    text-align: center;
    font-size: calc(18 / var(--view-size) * 100vw);
}
.top_about_features .common_ttl_01 h2 {
    font-size: calc(32 / var(--view-size) * 100vw);
}
.top_about_features .common_ttl_01 .top_about_ttl_edging {
    font-size: calc(32 / var(--view-size) * 100vw);
}
.top_about_outlet {
    position: absolute;
    bottom: calc(-23 / var(--view-size) * 100vw);
    right: calc(160 / var(--view-size) * 100vw);
    max-width: calc(140 / var(--view-size) * 100vw);
    z-index: 100;
}
.top_about_features li {
    width: calc(500 / var(--view-size) * 100vw);
    border-bottom: calc(3 / var(--view-size) * 100vw) solid #F39800;
    display: inline;
    padding: 0 calc(6 / var(--view-size) * 100vw) 0;
    text-align: center;
    font-size: calc(22 / var(--view-size) * 100vw);
    margin-bottom: calc(20 / var(--view-size) * 100vw);
    font-weight: 800;
    letter-spacing: calc(-1 / var(--view-size) * 100vw);;
}
.top_about_features li:nth-last-child(1),
.top_about_features li:nth-last-child(2) {
    margin-bottom: 0;
}

.top_about_car {
    width: calc(320 / var(--view-size) * 100vw);
    position: relative;
}
.top_about_car_textarea {
    transform: rotate(-20deg);
    width: calc(180 / var(--view-size) * 100vw);
    text-align: center;
    position: relative;
    position: absolute;
    bottom: 0;
    right: calc(-30 / var(--view-size) * 100vw);
}
.top_about_car_textarea::after {
    content: "";
    background: url(../../../uploads/img/top_about_car_shadow.png) center / contain no-repeat;
    inset: 0;
    width: calc(175 / var(--view-size) * 100vw);
    height: calc(85 / var(--view-size) * 100vw);
    position: absolute;
    z-index: 0;
}
.top_about_car .top_about_car_text {
    color: #fff;
    z-index: 100;
    font-weight: 800;
    position: relative;
    z-index: 10;
    line-height: calc(85 / var(--view-size) * 100vw);
}
.top_about_car .top_about_car_shadow {
    font-weight: 800;
    font-size: calc(18 / var(--view-size) * 100vw);
    color: #333;
    -webkit-text-stroke: calc(6 / var(--view-size) * 100vw) #333;
    position: absolute;
    inset: 0;
    line-height: calc(85 / var(--view-size) * 100vw);
}
.top_about_bottom {
    position: absolute;
    bottom: 0;
    width: calc(1360 / var(--view-size) * 100vw);
    background-color: #FCC800;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    height: calc(300 / var(--view-size) * 100vw);
}

.top_about_features li span.about_features_caption {
    text-align: center;
    font-size: calc(18 / var(--view-size)* 100vw);
    font-weight: 500;
    border-bottom: none;
}
.top_about_features li span.about_features_caption br {
    display: block;
}

@media screen and (max-width: 768px) {
    .top_about_section {
        padding: calc(50 / var(--view-size) * 100vw) 0 calc(30 / var(--view-size) * 100vw);
        overflow: hidden;
    }
    .top_about_img {
        width: calc(150 / var(--view-size) * 100vw);
        position: absolute;
        top: calc(50 / var(--view-size) * 100vw);
        right: calc(-15 / var(--view-size) * 100vw);
    }
    .top_about_textarea {
        margin: 0  calc(15 / var(--view-size) * 100vw) calc(40 / var(--view-size) * 100vw);
    }
    .top_about_box {
        padding: calc(20 / var(--view-size) * 100vw) calc(35 / var(--view-size) * 100vw);
    }
    .top_about_features {
        padding: calc(30 / var(--view-size) * 100vw) calc(35 / var(--view-size) * 100vw) calc(50 / var(--view-size) * 100vw);
        margin: 0  calc(15 / var(--view-size) * 100vw) calc(50 / var(--view-size) * 100vw);
    }
    .top_about_features .common_ttl_01 {
        margin-bottom: calc(30 / var(--view-size) * 100vw);
    }
    .top_about_features .common_ttl_01 h2 {
        font-size: calc(24 / var(--view-size) * 100vw);
    }
    .top_about_features .common_ttl_01 .top_about_ttl_edging {
        font-size: calc(24 / var(--view-size) * 100vw);
    }
    .top_about_outlet {
        right: calc(40 / var(--view-size) * 100vw);
    }
    .top_about_features li {
        width: calc(275 / var(--view-size) * 100vw);
        margin-bottom: calc(30 / var(--view-size) * 100vw);
        font-size: calc(24 / var(--view-size) * 100vw);
        border-bottom: none;
    }
    .top_about_features li:nth-last-child(1),
    .top_about_features li:nth-last-child(2) {
        margin-bottom: calc(30 / var(--view-size)* 100vw);
}
    .top_about_features li:last-child {
        margin-bottom: 0;
    }
    .top_about_features li span {
        border-bottom: calc(3 / var(--view-size) * 100vw) solid #F39800;
        display: block;
    }
    .top_about_features li br {
        display: contents;
    }

    .top_about_cars .row {
        /* flex-wrap: nowrap; */
    }

    .top_about_car {
        width: calc(150 / var(--view-size) * 100vw);
        margin: 0 calc(5 / var(--view-size) * 100vw);
        padding-bottom: calc(50 / var(--view-size) * 100vw);
    }
    .top_about_car_textarea {
        width:  calc(100 / var(--view-size) * 100vw);
        z-index: 1000;
        right: calc(25 / var(--view-size) * 100vw);
    }
    .top_about_car_textarea::after {
        width: calc(100 / var(--view-size) * 100vw);
        height: calc(100 / var(--view-size) * 100vw);
    }
    .top_about_car .top_about_car_text {
        font-size: calc(12 / var(--view-size) * 100vw);
        line-height: calc(100 / var(--view-size) * 100vw);
    }
    .top_about_car .top_about_car_shadow {
        font-size: calc(12 / var(--view-size) * 100vw);
        -webkit-text-stroke: calc(4 / var(--view-size) * 100vw) #333;
        inset: 0;
        line-height: calc(100 / var(--view-size) * 100vw);
    }
    .top_about_section .inner {
        width: calc(375 / var(--view-size) * 100vw);
    }

    .top_about_bottom {
        width: calc(375 / var(--view-size) * 100vw);
        height: calc(82 / var(--view-size) * 100vw);
    }

    .top_about_features_caption_wrap {
        width: 100%;
    }
    .top_about_features_caption {
        text-align: center;
        font-size: calc(18 / var(--view-size) * 100vw);
    }

    .top_about_features_caption_wrap.top_about_features_caption_wrap_left {
        width: 100%;
    }
}

/* ご利用方法・施設紹介 */
.top_howto_section {
    padding: calc(170 / var(--view-size) * 100vw) 0 calc(90 / var(--view-size) * 100vw);
    background-color: #F1F1F1;
    position: relative;
}
.top_howto_section .inner {
    position: relative;
    z-index: 100;
}
.top_howto_section .common_ttl_01 {
    margin-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_howto_section .common_ttl_01 .top_about_ttl_edging {
    transform: translateY(calc(2 / var(--view-size) * 100vw));
}
.top_howto_row {
    display: flex;
    justify-content: flex-end;
}
.top_howto_textarea {
    max-width: calc(580 / var(--view-size) * 100vw);
    margin-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_howto_box {
    background-color: #fff;
    border-radius: calc(40 / var(--view-size) * 100vw);
    padding: calc(20 / var(--view-size) * 100vw);
    padding-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_howto_box_text {
    margin-bottom: calc(45 / var(--view-size) * 100vw);
}
.top_howto_box_text span {
    font-weight: 800;
}
.top_howto_links {
    margin-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_howto_links .row {
    justify-content: center;
}
.top_howto_links li {
    display: block;
    margin-right: calc(6 / var(--view-size) * 100vw);
}
.top_howto_links li:last-child {
    margin-right: 0;
}
.top_howto_links a {
    padding: calc(20 / var(--view-size) * 100vw);
    border: calc(4 / var(--view-size) * 100vw) solid #0068B7;
    border-radius: calc(40 / var(--view-size) * 100vw);
    background-color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: calc(16 / var(--view-size) * 100vw);
    box-shadow: 0px calc(3 / var(--view-size) * 100vw) calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw) rgba(0, 0, 0, 0.16);
    display: block;
}
.top_howto_links a:hover {
    box-shadow: none;
    transform: translateY(calc(3 / var(--view-size) * 100vw));
    opacity: 1;
}
.top_howto_links a span {
    width: calc(18 / var(--view-size) * 100vw);
    display: inline-block;
    margin-left: calc(5 / var(--view-size) * 100vw);
    vertical-align: bottom;
}
.top_howto_btn {
    text-align: center;
}
.top_howto_btn a {
    background-color: #0068B7;
    color: #fff;
    font-weight: 800;
    padding: calc(25 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw);
    border-radius: calc(40 / var(--view-size) * 100vw);
    box-shadow: 0px calc(3 / var(--view-size) * 100vw) calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw) rgba(0, 0, 0, 0.16);
    display: inline-block;
}
.top_howto_btn a:hover {
    box-shadow: none;
    transform: translateY(calc(3 / var(--view-size) * 100vw));
    opacity: 1;
}
.top_howto_illust {
    position: absolute;
    left:  calc(-110 / var(--view-size) * 100vw);
    top:  calc(40 / var(--view-size) * 100vw);
    width:  calc(900 / var(--view-size) * 100vw);
    z-index: 10;
}
.top_howto_img {
    position: absolute;
    left:  0;
    top:  calc(290 / var(--view-size) * 100vw);
    width:  calc(600 / var(--view-size) * 100vw);
    z-index: 1;
}
.top_howto_img img {
    border-radius: 0 calc(30 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw) 0;
}
.top_howto_top {
    position: absolute;
    top: calc(-0.3 / var(--view-size) * 100vw);
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    height: calc(100 / var(--view-size) * 100vw);
    background-color: #FCC800;
}

.top_howto_bottom {
    position: absolute;
    bottom: 0;
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    height: calc(300 / var(--view-size) * 100vw);
    background-color: #0068B7;
}

html[lang="en"] .top_howto_links a {
    padding: calc(20 / var(--view-size)* 100vw) calc(10 / var(--view-size)* 100vw);
}

html[lang="en"] .top_howto_textarea {
    max-width: calc(620 / var(--view-size)* 100vw);
}
html[lang="en"] .common_howto_guide a {
    padding-left: calc(10 / var(--view-size)* 100vw);
}
html[lang="en"] .common_howto_guide .text_shadow:after {
    right: calc(-55 / var(--view-size)* 100vw);
}
html[lang="en"] .common_howto_guide .text_shadow {
    margin-left: calc(20 / var(--view-size)* 100vw);
}
html[lang="en"] .common_howto_guide .common_howto_guide_text,
html[lang="en"] .common_howto_guide .common_howto_guide_shadow {
    font-size: calc(46 / var(--view-size)* 100vw);
}


@media screen and (max-width: 768px) {
    .top_howto_section {
        padding: calc(50 / var(--view-size) * 100vw) 0 calc(90 / var(--view-size) * 100vw);
    }
    .top_howto_top {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(27 / var(--view-size)* 100vw);
    }
    .top_howto_illust {
        left: 0;
        top: 0;
        width: calc(220 / var(--view-size) * 100vw);
    }
    .top_howto_img {
        width: calc(275 / var(--view-size) * 100vw);
        position: initial;
        margin: 0 auto;
    }
    .top_howto_img img {
        border-radius: calc(10 / var(--view-size) * 100vw);
        margin-bottom: calc(20 / var(--view-size) * 100vw);
    }
    .top_howto_box {
        padding: calc(20 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw) calc(40 / var(--view-size) * 100vw);
        border-radius: calc(30 / var(--view-size)* 100vw);
    }
    .top_howto_box_text {
        width: calc(275 / var(--view-size) * 100vw);
        margin: 0 auto calc(30 / var(--view-size)* 100vw);
    }
    .top_howto_links {
        margin-bottom: calc(40 / var(--view-size)* 100vw);
    }
    .top_howto_links li {
        margin-right: 0;
        margin-bottom: calc(10 / var(--view-size)* 100vw);
    }
    .top_howto_links li:last-child {
        margin-bottom: 0;
    }
    .top_howto_links li:nth-child(1) a {
        letter-spacing: calc(7 / var(--view-size)* 100vw);
    }
    .top_howto_links li:nth-child(2) a {
        letter-spacing: calc(10 / var(--view-size)* 100vw);
    }
    .top_howto_links li:nth-child(3) a {
        letter-spacing: calc(0 / var(--view-size)* 100vw);
    }
    .top_howto_links a {
        width: calc(305 / var(--view-size)* 100vw);
        padding: calc(20 / var(--view-size)* 100vw);
        letter-spacing: calc(7 / var(--view-size)* 100vw);
        position: relative;
        font-size: calc(18 / var(--view-size)* 100vw);
    }
    .top_howto_links a span {
        position: absolute;
        top: calc(18 / var(--view-size)* 100vw);
        right: calc(15 / var(--view-size)* 100vw);
        width: calc(18 / var(--view-size)* 100vw);
    }
    .top_howto_btn a {
        font-size: calc(20 / var(--view-size)* 100vw);
        display: block;
        padding: calc(12 / var(--view-size) * 100vw) 0;
        border-radius: calc(60 / var(--view-size) * 100vw);
    }
    .top_howto_bottom {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(82 / var(--view-size) * 100vw);
    }

    html[lang="en"] .top_howto_links a {
        border-radius: calc(80 / var(--view-size)* 100vw);
    }
    html[lang="en"] .top_howto_links a span {
        top: 50%;
        transform: translateY(-50%);
    }
    
    html[lang="en"] .common_howto_guide a {
        padding-left: calc(0 / var(--view-size)* 100vw);
    }
    html[lang="en"] .common_howto_guide .text_shadow {
        margin-left: calc(0 / var(--view-size)* 100vw);
    }
    html[lang="en"] .common_howto_guide .common_howto_guide_text,
    html[lang="en"] .common_howto_guide .common_howto_guide_shadow {
        font-size: calc(24 / var(--view-size)* 100vw);
    }
    html[lang="en"] .common_howto_guide_ttl {
        font-size: calc(18 / var(--view-size)* 100vw);
    }
    html[lang="en"] .common_howto_guide .common_howto_guide_text .sp_db,
    html[lang="en"] .common_howto_guide .common_howto_guide_shadow .sp_db {
        display: none;
    }
    html[lang="en"] .common_howto_guide .text_shadow:after {
        width: calc(30 / var(--view-size)* 100vw);
        height: calc(40 / var(--view-size)* 100vw);
        right: calc(5 / var(--view-size)* 100vw);
        top: calc(0 / var(--view-size)* 100vw);
    }

    .top_howto_links .row {
        margin-left: 0;
    }
}

/* お知らせ */
.top_news_section {
    position: relative;
    padding: calc(170 / var(--view-size) * 100vw) 0;
}
.top_news_section .inner {
    position: relative;
    z-index: 100;
}
.top_news_top {
    position: absolute;
    top: calc(-0.3 / var(--view-size) * 100vw);
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    height: calc(100 / var(--view-size) * 100vw);
    background-color: #0068B7;
}
.top_news_ttl {
    position: absolute;
    top: 0;
    right: 0;
}
.top_news_ttl .common_ttl_01 {
    top: calc(220 / var(--view-size) * 100vw);
    right: calc(190 / var(--view-size) * 100vw);
}
.top_news_ttl .common_ttl_01 .top_about_ttl_edging {
    transform: translateY(calc(2.5 / var(--view-size) * 100vw));
}
.top_news_illust {
    width: calc(600 / var(--view-size) * 100vw);
    position: absolute;
    top: 0;
    right: 0;
}
.top_news_btn {
    margin-top: calc(35 / var(--view-size) * 100vw);
    position: relative;
    z-index: 200;
}
.top_news_btn a {
    background-color: #009944;
    box-shadow: 0px calc(3 / var(--view-size) * 100vw) calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw) rgba(0, 0, 0, 0.16);
    display: block;
    letter-spacing: 0;
}
.top_news_btn a:hover {
    box-shadow: none;
    transform: translateY(calc(3 / var(--view-size) * 100vw));
    opacity: 1;
}

.top_news_list li {
    border-top: calc(4 / var(--view-size) * 100vw) dotted #009944;
    padding: calc(30 / var(--view-size) * 100vw) 0;
    padding-left: calc(30 / var(--view-size) * 100vw);
    display: inline-block;
}
.top_news_list li:last-child {
    border-bottom: calc(4 / var(--view-size) * 100vw) dotted #009944;
}
.top_news_list .date {
    margin-right: calc(20 / var(--view-size) * 100vw) ;
    color: #009944;
}
.top_news_list li a {
    font-weight: 800;
    border: calc(4 / var(--view-size) * 100vw) solid #009944;
    border-radius: calc(60 / var(--view-size) * 100vw);
    padding: calc(20 / var(--view-size) * 100vw);
    background-color: #fff;
    letter-spacing: 0;
    box-shadow: 0px calc(3 / var(--view-size) * 100vw) calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw) rgba(0, 0, 0, 0.16);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(567 / var(--view-size) * 100vw);
}
.top_news_list li a:hover {
    box-shadow: none;
    transform: translateY(calc(3 / var(--view-size) * 100vw));
    opacity: 1;
}
.top_news_list li a img {
    width: calc(18 / var(--view-size) * 100vw);
}
wbr
.top_news_list li a:hover {
    box-shadow: none;
    transform: translateY(calc(3 / var(--view-size) * 100vw));
    opacity: 1;
}
.top_news_list li a span {
    color: #009944;
    display: inline-block;
    vertical-align: bottom;
    line-height: 0;
    padding-left: calc(10 / var(--view-size) * 100vw);
}

.top_news_bottom {
    position: absolute;
    bottom: 0;
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    height: calc(150 / var(--view-size) * 100vw);
    background-color: #009944;
}

@media screen and (max-width: 768px) {
    .top_news_section {
        padding: calc(50 / var(--view-size) * 100vw) 0  calc(100 / var(--view-size) * 100vw);
    }
    .top_news_top {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(27 / var(--view-size) * 100vw);
    }
    .top_news_illust {
        top: calc(40 / var(--view-size) * 100vw);
        right: calc(10 / var(--view-size) * 100vw);
        width: calc(150 / var(--view-size)* 100vw);
        position: absolute;
    }
    .top_news_ttl {
        position: initial;
    }
    .top_news_ttl .common_ttl_01 {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1000;
    }
    .top_news_section .inner {
        width: calc(315 / var(--view-size)* 100vw);
    }
    .top_news_list li {
        padding: 0;
        padding-bottom: calc(30 / var(--view-size)* 100vw);
    }
    .top_news_btn a {
        padding-left: 0;
        padding-right: 0;
    }
    .top_news_btn a span {
        display: inline;
    }
    .top_news_list .date {
        margin-bottom: calc(10 / var(--view-size) * 100vw);
    }
    .top_news_bottom {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(41 / var(--view-size) * 100vw);
    }
    .top_news_list li a {
        width: calc(310 / var(--view-size)* 100vw);
    }
}

/* FAQ */
.top_faq_section {
    position: relative;
    padding: calc(100 / var(--view-size) * 100vw) 0;
    background-color: #F1F1F1;
}
.top_faq_section .inner {
    position: relative;
    z-index: 100;
}
.top_faq_section .common_ttl_01 .top_about_ttl_edging {
    transform: translateY(calc(2 / var(--view-size) * 100vw));
    -webkit-text-stroke: calc(7 / var(--view-size)* 100vw) #333;
}
.top_faq_top {
    position: absolute;
    top: calc(-0.3 / var(--view-size) * 100vw);
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    height: calc(100 / var(--view-size) * 100vw);
    background-color: #009944;
}

.top_faq_bottom {
    position: absolute;
    bottom: 0;
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
    height: calc(200 / var(--view-size) * 100vw);
    background-color: #FCC800;
}

@media screen and (max-width: 768px) {
    .top_faq_section {
        padding: calc(50 / var(--view-size) * 100vw) 0;
    }
    .top_faq_top {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(27 / var(--view-size) * 100vw);
    }
    .top_faq_bottom {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(55 / var(--view-size) * 100vw);
    }
    html[lang="en"] .question_text {
        padding-right: calc(50 / var(--view-size) * 100vw);
    }
}

/* アクセス */
.top_access_section {
    position: relative;
    padding: calc(100 / var(--view-size) * 100vw) 0;
}
.top_access_top {
    position: absolute;
    top: 0;
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    height: calc(150 / var(--view-size) * 100vw);
    background-color: #FCC800;
}
.top_access_section .common_ttl_01 {
    margin-bottom: calc(40 / var(--view-size) * 100vw);
}

.top_access_address {
    margin-bottom: calc(30 / var(--view-size) * 100vw);
}

.top_acces_time span {
    font-weight: 800;
}
.top_acces_img {
    width: calc(380 / var(--view-size) * 100vw);
    margin-right: calc(20 / var(--view-size) * 100vw);
}
.top_acces_img img {
    border-radius: calc(30 / var(--view-size) * 100vw);
}
.top_musashi_traffic {
    width: calc(380 / var(--view-size) * 100vw);
}
.top_musashi_traffic h3  {
    text-align: center;
    font-size: calc(18 / var(--view-size) * 100vw);
    margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.top_musashi_caption {
    font-size: calc(16 / var(--view-size) * 100vw);
    margin-top: calc(20 / var(--view-size) * 100vw);
}
.top_musashi_btn {
    margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.top_musashi_btn a {
    border: calc(4 / var(--view-size) * 100vw) solid #F39800;
    padding: calc(15 / var(--view-size) * 100vw) 0;
    text-align: center;
    font-weight: 800;
    position: relative;
    border-radius: calc(60 / var(--view-size) * 100vw);
    /* width: calc(345 / var(--view-size) * 100vw); */
    box-shadow: 0px calc(3 / var(--view-size) * 100vw) calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw) rgba(0, 0, 0, 0.16);
    display: block;
}
.top_musashi_btn a:hover {
    box-shadow: none;
    transform: translateY(calc(3 / var(--view-size) * 100vw));
    opacity: 1;
}
.top_musashi_btn a::after {
    content: "";
    background: url(../../../uploads/img/arrow_orange.png) center / contain no-repeat;
    width: calc(18 / var(--view-size) * 100vw);
    height: calc(25 / var(--view-size) * 100vw);
    position: absolute;
    right: calc(15 / var(--view-size) * 100vw);
    top: calc(15 / var(--view-size) * 100vw);
}
.top_musashi_caption {
    text-align: center;
}

.top_access_info {
    
}
.access_info_img {
    width: calc(653 / var(--view-size) * 100vw);
}
.access_info_img img {
    border-radius: calc(30 / var(--view-size) * 100vw);
}
.access_info_textarea {
    width: calc(438 / var(--view-size) * 100vw);
}
.access_info_ttl {
    font-size: calc(22 / var(--view-size) * 100vw);
    margin-bottom: calc(20 / var(--view-size) * 100vw);
}
.access_info_address {
    margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.access_info_link {
    color: #F39800;
    position: relative;
    text-decoration: underline;
    margin-bottom: calc(20 / var(--view-size) * 100vw);
    display: inline-block;
}
.access_info_link::after {
    content: "";
    background: url(../../../uploads/img/icon_link.png) center / cover no-repeat;
    width: calc(16 / var(--view-size) * 100vw);
    height: calc(16 / var(--view-size) * 100vw);
    position: absolute;
    right: calc(0 / var(--view-size) * 100vw);
    bottom: calc(6 / var(--view-size) * 100vw);
}

.access_musashi_textarea {
    width: calc(653 / var(--view-size) * 100vw);
    padding-top: calc(20 / var(--view-size) * 100vw);
}
.access_musashi_guide {
    width: calc(438 / var(--view-size) * 100vw);
}
.access_musashi_text {
    margin-bottom: calc(70 / var(--view-size) * 100vw);
}
.top_musashi_traffic {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.top_musashi_traffic:first-child {
    border-right: calc(4 / var(--view-size) * 100vw) dotted #333;
    padding-right: calc(20 / var(--view-size) * 100vw);
}
.musashi_traffic_link {
    width: calc(120 / var(--view-size) * 100vw);
    box-shadow: 0px calc(3 / var(--view-size) * 100vw) calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw) rgba(0, 0, 0, 0.16);
    display: block;
    margin: calc(10 / var(--view-size) * 100vw) auto calc(20 / var(--view-size) * 100vw);
}
.musashi_traffic_link:hover {
    box-shadow: none;
    transform: translateY(calc(3 / var(--view-size) * 100vw));
    opacity: 1;
}
.musashi_guide_map {
    margin-bottom: calc(20 / var(--view-size) * 100vw);
}

@media screen and (max-width: 768px) {
    .top_access_section {
        padding: calc(50 / var(--view-size) * 100vw) 0;
    }
    .top_access_top {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(41 / var(--view-size)* 100vw);
    }

    .top_acces_img {
        width: calc(345 / var(--view-size)* 100vw);
        margin-bottom: calc(20 / var(--view-size)* 100vw);
        margin-right: 0;
    }

    .top_access_address {
        margin-bottom: calc(20 / var(--view-size)* 100vw);
    }

    .top_musashi_caption {
        font-size: calc(18 / var(--view-size)* 100vw);
    }
    .top_acces_text {
        padding: 0 calc(10 / var(--view-size)* 100vw);
        width: calc(315 / var(--view-size)* 100vw);
        margin: 0 auto;
        padding-bottom: calc(40 / var(--view-size) * 100vw);
        border-bottom: calc(4 / var(--view-size) * 100vw) dotted #333;
    }


    .top_musashi_traffic,
    .access_musashi_textarea {
        width: 100%;
    }
    .access_musashi_text,
    .access_info_textaream,
    .access_musashi_guide,
    .access_info_textarea {
        width: calc(315 / var(--view-size) * 100vw);
        margin: 0 auto;
    }
    .top_access_info {
        margin-bottom: calc(30 / var(--view-size) * 100vw);
        padding-bottom: 0;
    }
    .access_info_img {
        width: 100%;
        margin-bottom: calc(30 / var(--view-size) * 100vw);
    }
    .access_musashi_text {
        margin-top: calc(10 / var(--view-size) * 100vw);
        margin-bottom: 0;
        border-bottom: calc(4 / var(--view-size) * 100vw) dotted #333;
        padding-bottom: calc(30 / var(--view-size) * 100vw);
    }

    .top_access_musashi {
        flex-direction: column-reverse;
    }
    .access_musashi_guide {
        margin-bottom: calc(40 / var(--view-size) * 100vw);
    }


    .top_musashi_traffic:first-child {
        border-right: none;
        border-bottom: calc(4 / var(--view-size) * 100vw) dotted #333;
        padding-right: 0;
        padding-bottom: calc(30 / var(--view-size) * 100vw);
        margin-bottom: calc(30 / var(--view-size) * 100vw);
    }
    .access_musashi_textarea {
        padding-top: 0;
    }
}

#lottie {
    background-color:#ffffff;
    width:100%;
    height:100%;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
}
#lottie g {
    width: 100%;
}
#lottie svg,
#lottie_sp svg {
    width: 100%;
    height: auto !important;
    border-bottom: calc(8 / var(--view-size) * 100vw) solid #333;
}
.top_mv_scroll {
    position: absolute;
    bottom: calc(7.5 / var(--view-size) * 100vw);
    right: 0;
    width: calc(600 / var(--view-size) * 100vw);
}
@media screen and (max-width: 768px) {
    .top_mv_scroll {
        width: calc(247 / var(--view-size) * 100vw);
        right: auto;
        left: 0;
        bottom: calc(15.5 / var(--view-size) * 100vw);
    }
}