@charset "UTF-8";
/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p_top .mv {
    position: relative;
    color: #ffffff;
    z-index: 2;
}
.p_top .mv::after {
    content: "";
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
    opacity: 0.7;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 125px;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .p_top .mv::after {
        display: none;
    }
}
.p_top .mv_inner {
    max-width: 1440px;
    padding: 28px 0px 35px 0px;
    margin-inline: auto;
    position: relative;
    z-index: 3;
}
@media screen and (min-width: 768px) {
    .p_top .mv_inner {
        padding: 66px clamp(2.5rem, 7.4404761905vw + -1.0714285714rem, 5.625rem)
            66px;
    }
}
.p_top .mv_title {
    width: 100%;
    max-width: 375px;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .mv_title {
        width: clamp(31.25rem, 18.3544303797vw + 22.4398734177rem, 38.5rem);
        max-width: 100%;
        margin-inline: unset;
    }
}
.p_top .mv_desc {
    margin-top: 35px;
}
.p_top .mv_list {
    display: flex;
    margin-top: 282px;
    padding: 0 20px;
    max-width: 375px;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .mv_list {
        margin-top: 36px;
        padding: 0;
        margin-inline: unset;
    }
}
.p_top .mv_item_link {
    display: block;
    padding: 8px 24px 5px 10px;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item_link {
        padding: 15px 20px 11px 20px;
    }
}
.p_top .mv_item_index {
    width: 45.53px;
    height: 16.65px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item_index {
        margin-bottom: 10px;
        width: 95.14px;
        height: 35px;
    }
}
.p_top .mv_item_index img {
    width: 33.35px;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item_index img {
        width: 70px;
    }
}
.p_top .mv_item:nth-child(1) {
    width: 115px;
    background-color: rgba(177, 62, 41, 0.8);
    clip-path: polygon(0 0, 89% 0%, 100% 100%, 0% 100%);
}
@media screen and (min-width: 768px) {
    .p_top .mv_item:nth-child(1) {
        width: 240.34px;
    }
}
.p_top .mv_item:nth-child(1) .mv_item_ttl {
    width: 88.18px;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item:nth-child(1) .mv_item_ttl {
        width: 179.66px;
        margin-left: 2px;
    }
}
.p_top .mv_item:nth-child(2) {
    width: 118.86px;
    background-color: rgba(179, 197, 25, 0.7);
    clip-path: polygon(0 0, 89% 0, 100% 100%, 10.5% 100%);
    translate: -9px 0;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item:nth-child(2) {
        translate: -19px 0;
        width: 248.35px;
    }
}
.p_top .mv_item:nth-child(2) .mv_item_link {
    padding: 8px 17px 5px 17px;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item:nth-child(2) .mv_item_link {
        padding: 15px 20px 11px 35px;
    }
}
.p_top .mv_item:nth-child(2) .mv_item_ttl {
    width: 84.18px;
    margin-left: 1px;
    margin-right: 3px;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item:nth-child(2) .mv_item_ttl {
        width: 175.37px;
        margin: 0;
    }
}
.p_top .mv_item:nth-child(3) {
    width: 119.35px;
    background-color: rgba(0, 0, 0, 0.5);
    clip-path: polygon(0 0, 89% 0, 100% 100%, 10.5% 100%);
    translate: -18px 0;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item:nth-child(3) {
        translate: -37px 0;
        width: 248.35px;
    }
}
.p_top .mv_item:nth-child(3) .mv_item_link {
    padding: 8px 17px 8px 18px;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item:nth-child(3) .mv_item_link {
        padding: 15px 20px 11px 35px;
    }
}
.p_top .mv_item:nth-child(3) .mv_item_ttl {
    width: 83.93px;
    margin-top: 6px;
}
@media screen and (min-width: 768px) {
    .p_top .mv_item:nth-child(3) .mv_item_ttl {
        width: 174.39px;
        margin-top: 0;
    }
}
.p_top .descmv {
    background-color: #000000;
    position: relative;
    z-index: 4;
    padding-bottom: 8px;
}
.p_top .descmv .desc {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.6;
    letter-spacing: 0.1em;
    position: relative;
    top: -12px;
    margin-right: -2px;
    z-index: 4;
}

.p_top .intro {
    background: url(../../assets/images/top/intro/bg_intro01_sp.jpg)
        center/cover repeat-y;
    color: #ffffff;
    padding-bottom: 19px;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .p_top .intro {
        padding-bottom: 42px;
        background: url(../../assets/images/top/intro/bg_intro01.jpg)
            center/cover repeat-y;
    }
}
.p_top .intro_block01 {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
}
.p_top .intro_block01_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_inner {
        gap: 30px;
        flex-direction: row;
    }
}
.p_top .intro_block01_leftarea {
    max-width: 400px;
    margin-inline: auto;
    position: relative;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_leftarea {
        padding-left: clamp(
            2.5rem,
            7.4404761905vw + -1.0714285714rem,
            5.625rem
        );
        width: 59.4%;
        max-width: unset;
        margin-inline: unset;
    }
}
.p_top .intro_block01_leftarea .group_imgs {
    position: relative;
}
.p_top .intro_block01_leftarea .group_imgs .decord01 {
    position: absolute;
    top: 0.1%;
    left: -18.6%;
    width: 62.5%;
    animation: steam-sp 6s infinite linear;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_leftarea .group_imgs .decord01 {
        top: 0.2%;
        left: -34%;
        width: 101.4%;
        animation: steam-pc 6s infinite linear;
    }
}
.p_top .intro_block01_leftarea .group_imgs .decord02 {
    position: absolute;
    top: 11.1%;
    left: 57.8%;
    width: 62.5%;
    animation: steam-sp 6s infinite linear;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_leftarea .group_imgs .decord02 {
        top: 45.3%;
        left: 25.7%;
        width: 79.3%;
        animation: steam-pc 6s infinite linear;
    }
}
.p_top .intro_block01_leftarea .image {
    width: 100%;
}
.p_top .intro_block01_leftarea .title {
    position: absolute;
    bottom: 2px;
    left: 50%;
    translate: -50% 0;
    z-index: 4;
    width: 375px;
}
.p_top .intro_block01_rightarea {
    padding: 0 20px;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_rightarea {
        padding: 50px 40px 0 0;
        width: 48%;
    }
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_rightarea .title {
        width: clamp(18.125rem, 20.150297619vw + 8.4528571429rem, 26.588125rem);
    }
}
.p_top .intro_block01_rightarea .desc {
    text-align: center;
    margin: 3px 0 0 0;
    line-height: 1.8;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_rightarea .desc {
        margin: 45px 0 0 -6px;
        text-align: left;
        line-height: 1.7;
    }
}
.p_top .intro_block01_rightarea .item {
    max-width: max-content;
    margin: 25px 0 0 0;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_rightarea .item {
        margin: 49px 0 0 -36px;
    }
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_rightarea .item_img {
        width: clamp(
            23.75rem,
            24.6205357143vw + 11.9321428571rem,
            34.090625rem
        );
        aspect-ratio: 545.45/312;
    }
}
.p_top .intro_block01_rightarea .item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.p_top .intro_block01_rightarea .item_title {
    text-align: center;
    margin-top: 9px;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block01_rightarea .item_title {
        margin-top: 17px;
    }
}
.p_top .intro_block01_rightarea .item .c_price {
    text-align: center;
    justify-content: center;
}
.p_top .intro_block02 {
    color: #ffffff;
    padding-top: 41px;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02 {
        padding-top: 30px;
    }
}
.p_top .intro_block02_inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_inner {
        flex-direction: row;
    }
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_leftarea {
        width: 39.2%;
        margin-left: 11px;
    }
}
.p_top .intro_block02_leftarea .imagearea {
    position: relative;
    width: 77.3%;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_leftarea .imagearea {
        width: 100%;
        margin: 0;
    }
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_leftarea .imagearea .image {
        max-width: 384.62px;
        margin: 0 auto 0;
    }
}
.p_top .intro_block02_leftarea .imagearea .index {
    position: absolute;
    top: -10px;
    left: clamp(-2.375rem, 9.693877551vw + -4.647002551rem, 0rem);
    width: 60px;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_leftarea .imagearea .index {
        top: clamp(-1.5625rem, 2.2321428571vw + -2.6339285714rem, -0.625rem);
        left: clamp(-1.5625rem, 2.2321428571vw + -2.6339285714rem, -0.625rem);
        width: clamp(4.375rem, 4.4642857143vw + 2.2321428571rem, 6.25rem);
    }
}
.p_top .intro_block02_leftarea .contentarea {
    padding-top: 11px;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_leftarea .contentarea {
        padding-top: 16px;
    }
}
.p_top .intro_block02_leftarea .contentarea .title {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_leftarea .contentarea .title {
        margin-left: clamp(-3.1875rem, -7.5892857143vw + 3.6428571429rem, 0rem);
    }
}
.p_top .intro_block02_leftarea .contentarea .c_price {
    justify-content: center;
}
.p_top .intro_block02_rightarea {
    margin-top: 23px;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_rightarea {
        margin-top: 3px;
        width: 56.9%;
    }
}
.p_top .intro_block02_rightarea .box {
    width: 100%;
    border: 1px solid #ffffff;
    padding: 9px 24px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_rightarea .box {
        padding: 27px 30px 30px 30px;
    }
}
.p_top .intro_block02_rightarea .box::before {
    content: "";
    width: calc(100% - 6px);
    height: calc(100% + 10px);
    border: 1px solid #ffffff;
    position: absolute;
    top: -5px;
    left: 3px;
}
.p_top .intro_block02_rightarea .box_desc {
    text-align: justify;
}
.p_top .intro_block02_rightarea .listnotes {
    margin-top: 14px;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_rightarea .listnotes {
        margin-top: 15px;
    }
}
.p_top .intro_block02_rightarea .listnotes_item {
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    padding-left: 13px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_rightarea .listnotes_item {
        padding-left: 14px;
        font-size: 0.875rem;
    }
}
.p_top .intro_block02_rightarea .listnotes_item::before {
    content: "◎";
    font-family: "Noto Serif JP", serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width: 768px) {
    .p_top .intro_block02_rightarea .listnotes_item::before {
        font-size: 0.875rem;
    }
}

.p_top .about {
    position: relative;
}
.p_top .about_block01 {
    position: relative;
}
.p_top .about_block01_inner {
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_inner {
        flex-direction: row;
    }
}
.p_top .about_block01_item {
    position: relative;
    width: 100%;
}
.p_top .about_block01_item::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0) 50%,
        black 130%
    );
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_item::before {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_item .contentarea {
        position: absolute;
        left: 49%;
        bottom: -96px;
        translate: -50% 0;
        bottom: clamp(-6rem, -2.6785714286vw + -3.5892857143rem, -4.875rem);
    }
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_item:nth-child(1) .contentarea .sub {
        width: clamp(12.5rem, 16.75vw + 4.46rem, 19.535rem);
    }
}
.p_top .about_block01_item:nth-child(1) .contentarea .title {
    width: 77.54px;
    margin-inline: auto;
    position: absolute;
    top: 14px;
    right: 16px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_item:nth-child(1) .contentarea .title {
        margin-top: 17px;
        width: clamp(9.375rem, 8.3348214286vw + 5.3742857143rem, 12.875625rem);
        position: relative;
        top: 0;
        right: 0;
        translate: clamp(0rem, 1.1904761905vw + -0.5714285714rem, 0.5rem) 0;
    }
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_item:nth-child(2) .contentarea .sub {
        width: clamp(9.375rem, 15.4226190476vw + 1.9721428571rem, 15.8525rem);
    }
}
.p_top .about_block01_item:nth-child(2) .contentarea .title {
    width: 77.68px;
    position: absolute;
    top: 14px;
    right: 16px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_item:nth-child(2) .contentarea .title {
        position: relative;
        top: 0;
        left: 0;
        margin-inline: auto;
        margin-top: 17px;
        width: clamp(9.0625rem, 7.380952381vw + 5.5196428571rem, 12.1625rem);
    }
}
.p_top .about_block01_ps {
    position: absolute;
    left: 50%;
    bottom: -60px;
    translate: -50% 0;
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_ps {
        bottom: -72px;
    }
}
.p_top .about_block01_ps_index {
    width: 112px;
    margin-inline: auto;
    margin-bottom: 11px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_ps_index {
        width: clamp(6.25rem, 8.3333333333vw + 2.25rem, 9.75rem);
        margin-bottom: 21px;
    }
}
.p_top .about_block01_ps_time {
    width: 195px;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .about_block01_ps_time {
        width: clamp(12.5rem, 11.8601190476vw + 6.8071428571rem, 17.48125rem);
    }
}
.p_top .about_mainblock {
    padding-bottom: 20px;
    background: url(../../assets/images/top/about/bg_about01_sp.png)
        center/cover repeat-y;
}
@media screen and (min-width: 768px) {
    .p_top .about_mainblock {
        padding-bottom: 39px;
        background: url(../../assets/images/top/about/bg_about01.png)
            center/cover repeat-y;
    }
}
.p_top .about_mainblock_descmb {
    padding-top: 92px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 768px) {
    .p_top .about_mainblock_descmb {
        padding-left: 0;
        padding-right: 0;
    }
}
.p_top .about_mainblock_descmb .desc {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.8;
    color: #ffffff;
    text-align: center;
}
.p_top .about_block02 {
    padding-top: 41px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block02 {
        padding-top: 151px;
    }
}
.p_top .about_block02_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #ffffff;
    gap: 31px;
    margin: 0 -10px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block02_wrapper {
        margin: 0 0 0 10px;
        translate: 16px 0;
        gap: 15px;
        flex-direction: row;
    }
}
@media screen and (min-width: 768px) {
    .p_top .about_block02_item {
        width: 50%;
    }
}
.p_top .about_block02_item .imagearea {
    position: relative;
}
.p_top .about_block02_item .imagearea .index {
    position: absolute;
    width: 60px;
    top: clamp(-2rem, 15.8163265306vw + -5.7069515306rem, 1.875rem);
    left: clamp(0.625rem, 5.1020408163vw + -0.5707908163rem, 1.875rem);
}
@media screen and (min-width: 768px) {
    .p_top .about_block02_item .imagearea .index {
        width: 100px;
        top: -18px;
        left: -24px;
        width: clamp(4.375rem, 4.4642857143vw + 2.2321428571rem, 6.25rem);
    }
}
.p_top .about_block02_item .contentarea .title {
    text-align: center;
    margin-top: -1px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block02_item .contentarea .title {
        margin-top: -5px;
    }
}
.p_top .about_block02_item .contentarea .item_price {
    justify-content: center;
}
.p_top .about_block03 {
    color: #ffffff;
    padding-bottom: 28px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block03 {
        padding-bottom: 34px;
    }
}
.p_top .about_block03_wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block03_wrapper {
        flex-direction: row;
    }
}
.p_top .about_block03_wrapper .listcard {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    margin-top: 19px;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .about_block03_wrapper .listcard {
        flex-direction: row;
        width: 61%;
        padding-left: clamp(0rem, 4.0178571429vw + -1.9285714286rem, 1.6875rem);
        margin-top: 33px;
        margin-inline: unset;
        flex-shrink: 0;
    }
}
.p_top .about_block03_wrapper .listcard_item .imagearea {
    position: relative;
    width: 86.1%;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .about_block03_wrapper .listcard_item .imagearea {
        width: 100%;
        margin-inline: unset;
    }
}
@media screen and (min-width: 768px) {
    .p_top .about_block03_wrapper .listcard_item .imagearea .img {
        max-width: 332.7px;
    }
}
.p_top .about_block03_wrapper .listcard_item .imagearea .index {
    width: 60px;
    position: absolute;
    top: clamp(0.0625rem, 2.5510204082vw + -0.5353954082rem, 0.6875rem);
    left: clamp(-1.4375rem, 11.2244897959vw + -4.0682397959rem, 1.3125rem);
}
@media screen and (min-width: 768px) {
    .p_top .about_block03_wrapper .listcard_item .imagearea .index {
        width: clamp(3.125rem, 2.9761904762vw + 1.6964285714rem, 4.375rem);
        top: clamp(-0.625rem, 1.6369047619vw + -1.4107142857rem, 0.0625rem);
        left: clamp(-1.6875rem, -2.5297619048vw + 0.5892857143rem, -0.625rem);
    }
}
.p_top .about_block03_wrapper .listcard_item .contentarea {
    width: 100%;
    margin-top: -5px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block03_wrapper .listcard_item .contentarea {
        margin-top: 0;
    }
}
.p_top .about_block03_wrapper .listcard_item .contentarea .title {
    text-align: center;
}
.p_top .about_block03_wrapper .listcard_item .contentarea .item_price {
    justify-content: center;
}
.p_top .about_block03_wrapper .contentarea_in {
    margin-top: 47px;
    text-align: justify;
}
@media screen and (min-width: 768px) {
    .p_top .about_block03_wrapper .contentarea_in {
        width: 39%;
    }
}
.p_top .about_block04 {
    color: #ffffff;
}
.p_top .about_block04_title {
    width: 201px;
    margin: 33px auto 0;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_title {
        width: 225.52px;
        margin: 39px auto 0;
    }
}
.p_top .about_block04_inner {
    position: relative;
    border-top: 1px solid #ffffff;
}
.p_top .about_block04_inner::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    top: 3px;
    left: 0;
}
.p_top .about_block04_inner .listcard {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 16px 0 0 0;
    gap: 17px 0;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .listcard {
        margin: 10px 0 0 0;
        gap: 26px;
    }
}
.p_top .about_block04_inner .listcard_item {
    max-width: 167.5px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .listcard_item {
        max-width: 280px;
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .listcard .imagearea {
        translate: -1px 10px;
    }
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .listcard .imagearea img {
        scale: 1.1;
    }
}
.p_top .about_block04_inner .listcard .contentarea {
    padding-top: 3px;
}
.p_top .about_block04_inner .listcard .contentarea .title {
    text-align: center;
    font-size: 1rem;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .listcard .contentarea .title {
        font-size: 1.5rem;
    }
}
.p_top .about_block04_inner .listcard .contentarea .c_price {
    justify-content: center;
}
.p_top .about_block04_inner .listcard .contentarea .c_price_txt {
    font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .listcard .contentarea .c_price_txt {
        font-size: 1.25rem;
    }
}
.p_top .about_block04_inner .bottom02 {
    margin: 29px auto 0;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .bottom02 {
        max-width: 800px;
        margin: 39px auto 0;
    }
}
.p_top .about_block04_inner .box {
    border: 1px solid #ffffff;
    padding: 9px 25px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .box {
        padding: 23px 31px 22px 31px;
    }
}
.p_top .about_block04_inner .box::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% + 10px);
    border: 1px solid #ffffff;
}
.p_top .about_block04_inner .box_desc {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.7;
    text-align: justify;
}
.p_top .about_block04_inner .listnotes {
    margin-top: 15px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .listnotes {
        margin-top: 15px;
    }
}
.p_top .about_block04_inner .listnotes_item {
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    position: relative;
    padding-left: 14px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .listnotes_item {
        font-size: 0.875rem;
    }
}
.p_top .about_block04_inner .listnotes_item::before {
    content: "◎";
    font-family: "Noto Serif JP", serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width: 768px) {
    .p_top .about_block04_inner .listnotes_item::before {
        font-size: 0.875rem;
    }
}
.p_top .about_block05_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}
@media screen and (min-width: 768px) {
    .p_top .about_block05_wrapper {
        margin-top: 30px;
        gap: 40px;
    }
}
.p_top .about_block05_btn {
    width: 100%;
    max-width: 500px;
    border-radius: 14px;
}
.p_top .about_block05_btn .link .img {
    transition: 0.4s all ease-in-out;
}
@media screen and (min-width: 768px) {
    .p_top .about_block05_btn .link:hover .img {
        scale: 1.05;
    }
}

.p_top .commingsoon_block01 {
    padding: 150px 0 157px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block01 {
        padding: 218px 0 219px;
    }
}
.p_top .commingsoon_block01__title {
    width: 220px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block01__title {
        width: 539px;
    }
}
.p_top .commingsoon_block02 {
    color: #ffffff;
    background-color: red;
    padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 {
        padding-bottom: 0;
    }
}
.p_top .commingsoon_block02_inner {
    padding: 0 20px;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02_inner {
        padding: 40px 40px 35px;
        max-width: 1313px;
        margin: 0 auto;
    }
}
.p_top .commingsoon_block02_title {
    max-width: 323px;
    margin: 0 auto;
    translate: -7px 0;
    padding-top: 20px;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02_title {
        width: 400px;
        margin: 0 auto;
        translate: 0 0;
        padding-top: 0;
        max-width: 100%;
    }
}
.p_top .commingsoon_block02 .listcard {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 21px;
    gap: 16px;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        margin-top: 47px;
    }
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard_item_link:hover .imagearea img {
        scale: 1.05;
    }
}
.p_top .commingsoon_block02 .listcard_item .imagearea {
    aspect-ratio: 160/203;
    min-height: 203px;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard_item .imagearea {
        aspect-ratio: unset;
        width: 200px;
        max-height: 255px;
    }
}
.p_top .commingsoon_block02 .listcard_item .imagearea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s all ease-in-out;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard_item:nth-child(2) .imagearea {
        width: 180px;
    }
}
.p_top .commingsoon_block02 .listcard_item:nth-child(2) .imagearea_144 {
    aspect-ratio: 144/203;
    width: 90%;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard_item:nth-child(2) .imagearea_144 {
        aspect-ratio: unset;
        width: auto;
        margin-inline: unset;
    }
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard_item:nth-child(4) .imagearea {
        width: 180px;
    }
}
.p_top .commingsoon_block02 .listcard_item:nth-child(4) .imagearea_144 {
    aspect-ratio: 144/203;
    width: 90%;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard_item:nth-child(4) .imagearea_144 {
        aspect-ratio: unset;
        width: auto;
        margin-inline: unset;
    }
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard_item:nth-child(5) .imagearea {
        width: 100px;
    }
}
.p_top .commingsoon_block02 .listcard_item:nth-child(5) .imagearea_81 {
    aspect-ratio: 81/203;
    width: 50.625%;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard_item:nth-child(5) .imagearea_81 {
        aspect-ratio: unset;
        width: auto;
        margin-inline: unset;
    }
}
.p_top .commingsoon_block02 .listcard_item .ttl {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.1em;
    margin: 11px -4px 3px;
}
@media screen and (min-width: 768px) {
    .p_top .commingsoon_block02 .listcard_item .ttl {
        margin: 4px -4px 4px;
        font-size: 1.25rem;
    }
}

.p_top .contact {
    padding-top: 31px;
    background-color: #ffffff;
}
@media screen and (min-width: 768px) {
    .p_top .contact {
        padding-top: 25px;
    }
}
.p_top .contact_inner {
    width: 89.5%;
    max-width: 400px;
    border-radius: 10px;
    overflow: hidden;
    margin-inline: auto;
    background-color: #eeece1;
    padding: 20px 0 29px 0;
    position: relative;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .p_top .contact_inner {
        width: 100%;
        max-width: 1150px;
        padding: 30px 0 0 0;
    }
}
.p_top .contact_inner::after {
    content: "";
    width: 180px;
    height: 358.2px;
    display: block;
    background: url(../../assets/images/top/contact/bg_contact01_sp.png)
        center/cover no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.p_top .contact_title {
    width: 240px;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .contact_title {
        width: clamp(32.5rem, 47.619047619vw + 9.6428571429rem, 52.5rem);
    }
}
.p_top .contact_maincontent {
    margin-top: 12px;
}
.p_top .contact_maincontent .wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 95px;
    flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .wrapper {
        gap: clamp(2.5rem, 8.1845238095vw + -1.4285714286rem, 5.9375rem);
        flex-direction: row;
    }
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .leftarea {
        width: 27.7%;
    }
}
.p_top .contact_maincontent .rightarea {
    margin-top: 4px;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .rightarea {
        width: 32.6%;
        margin-top: 16px;
    }
}
.p_top .contact_maincontent .rightarea .image {
    width: 210px;
    margin: 21px auto 0;
    translate: 15px 0;
    position: relative;
}
.p_top .contact_maincontent .rightarea .image::after {
    content: "";
    display: block;
    height: 4px;
    width: 240px;
    background-color: #dd0012;
    position: absolute;
    bottom: -2px;
    right: 0;
}
.p_top .contact_maincontent .rightarea .desc {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .rightarea .desc {
        font-size: 0.9375rem;
        letter-spacing: 0.1em;
        text-align: left;
    }
}
.p_top .contact_maincontent .rightarea .sosical {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    margin-top: 15px;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .rightarea .sosical {
        margin-top: 26px;
        justify-content: flex-start;
    }
}
.p_top .contact_maincontent .rightarea .sosical_qr {
    width: 40.1%;
}
.p_top .contact_maincontent .rightarea .sosical_right {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .rightarea .sosical_right {
        width: 51.7%;
        align-items: flex-start;
        flex-direction: column;
    }
}
.p_top .contact_maincontent .rightarea .sosical_right .sosical_appstore {
    width: 100%;
    max-width: 110px;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .rightarea .sosical_right .sosical_appstore {
        max-width: 100%;
    }
}
.p_top .contact_maincontent .rightarea .sosical_right .sosical_gg {
    width: 100%;
    max-width: 110px;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .rightarea .sosical_right .sosical_gg {
        max-width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .p_top
        .contact_maincontent
        .rightarea
        .sosical_btnitem_link:hover
        .sosical_btnitem_img {
        scale: 1.05;
    }
}
.p_top .contact_maincontent .rightarea .sosical_btnitem_img {
    transition: all 0.4s ease-in-out;
}
.p_top .contact_maincontent .rightarea .listnotes {
    margin-top: 20px;
    width: 79%;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .rightarea .listnotes {
        margin-top: 25px;
        width: 100%;
        margin-inline: unset;
    }
}
.p_top .contact_maincontent .rightarea .listnotes_item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    padding: 0 0 5px 16px;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .rightarea .listnotes_item {
        font-size: 0.75rem;
    }
}
.p_top .contact_maincontent .rightarea .listnotes_item::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
}
.p_top .contact_maincontent .rightarea .btn {
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    .p_top .contact_maincontent .rightarea .btn {
        margin-right: 4px;
        margin-top: 15px;
    }
}
.p_top .contact_maincontent .rightarea .btn_link {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 4px;
    border-bottom: 2px solid #bcce19;
    transition: 0.4s all ease-in-out;
}
.p_top .contact_maincontent .rightarea .btn_link:hover {
    scale: 1.05;
}
.p_top .contact_maincontent .rightarea .btn_link::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    rotate: 45deg;
    position: relative;
    top: 3px;
    right: 2px;
}
.p_top .listbtn {
    background-color: #ffffff;
}
.p_top .listbtn_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 24px 0 45px;
    margin: 0 auto;
    max-width: 300px;
}
@media screen and (min-width: 768px) {
    .p_top .listbtn_wrapper {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 20px;
        padding: 24px 0 40px;
    }
}
@media screen and (min-width: 768px) {
    .p_top .listbtn_item {
        width: 240px;
    }
    .p_top .listbtn_item .listbtn_item_link:hover img {
        scale: 1.05;
    }
}
.p_top .listbtn_item_link img {
    transition: all 0.4s ease-in-out;
}

.p_top.en {
    @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");
    font-family: "Noto Serif", serif;
    font-weight: 600;
}
.p_top.en .c_ttl01,
.p_top.en .c_price_txt,
.p_top.en .c_price_unit {
    font-weight: 600;
}
.p_top.en .c_ttl02 {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 600;
}
@media screen and (min-width: 768px) {
    .p_top.en .c_ttl02 {
        font-size: 1.5rem;
    }
}
.p_top.en .c_ttl02_spec {
    font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
    .p_top.en .c_ttl02_spec {
        font-size: 1.1875rem;
    }
}
.p_top.en .mv_desc {
    max-width: 775px;
    font-weight: 700;
}
.p_top.en .mv_desc_custom {
    text-align: justify !important;
}
.p_top.en .mv_item:nth-child(1) .mv_item_index {
    margin-bottom: 7px;
}
@media screen and (min-width: 768px) {
    .p_top.en .mv_item:nth-child(1) .mv_item_index {
        margin-bottom: 21px;
    }
}
.p_top.en .mv_item:nth-child(1) .mv_item_link {
    padding: 8px 26px 5px 10px;
}
@media screen and (min-width: 768px) {
    .p_top.en .mv_item:nth-child(1) .mv_item_link {
        padding: 15px 43px 29px 20px;
    }
}
.p_top.en .mv_item:nth-child(1) .mv_item_ttl {
    width: 78.79px;
}
@media screen and (min-width: 768px) {
    .p_top.en .mv_item:nth-child(1) .mv_item_ttl {
        margin-left: 0;
        width: 179.66px;
    }
}
.p_top.en .mv_item:nth-child(2) .mv_item_index {
    margin-bottom: 6px;
}
@media screen and (min-width: 768px) {
    .p_top.en .mv_item:nth-child(2) .mv_item_index {
        margin-bottom: 9px;
    }
}
.p_top.en .mv_item:nth-child(2) .mv_item_ttl {
    width: 93.7px;
}
@media screen and (min-width: 768px) {
    .p_top.en .mv_item:nth-child(2) .mv_item_ttl {
        width: 167.23px;
        margin-left: 8px;
    }
}
.p_top.en .mv_item:nth-child(2) .mv_item_link {
    padding: 8px 16px 8px 16px;
}
@media screen and (min-width: 768px) {
    .p_top.en .mv_item:nth-child(2) .mv_item_link {
        padding: 15px 37px 19px 37px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .mv_item:nth-child(3) .mv_item_index {
        margin-bottom: 11px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .mv_item:nth-child(3) .mv_item_link {
        padding: 15px 41px 20px 35px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .mv_item_link {
        padding: 15px 43px 29px 20px;
    }
}
.p_top.en .descmv .desc {
    margin: -2px -2px 1px 0;
    font-weight: 600;
}
.p_top.en .intro {
    padding-bottom: 21px;
}
@media screen and (min-width: 768px) {
    .p_top.en .intro {
        padding-bottom: 43px;
    }
}
.p_top.en .intro_block01_leftarea .title {
    bottom: -70px;
}
.p_top.en .intro_block01_rightarea {
    padding: 70px 20px 0;
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block01_rightarea {
        padding: 50px 40px 0 0;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block01_rightarea .title {
        width: clamp(18.125rem, 31.7083333333vw + 2.905rem, 31.4425rem);
    }
}
.p_top.en .intro_block01_rightarea .desc {
    font-weight: 600;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block01_rightarea .desc {
        max-width: 458px;
        margin: 47px 0 0 -1px;
        text-align: justify;
    }
}
.p_top.en .intro_block01_rightarea .item_title {
    line-height: 1.4;
    margin-top: 11px;
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block01_rightarea .item_title {
        margin-top: 21px;
        margin-bottom: 3px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block02 {
        padding-top: 28px;
    }
}
.p_top.en .intro_block02_leftarea .contentarea {
    padding-top: 4px;
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block02_leftarea .contentarea {
        padding-top: 10px;
    }
}
.p_top.en .intro_block02_leftarea .contentarea .title {
    margin-top: 5px;
    margin-left: 0;
    line-height: 1.4;
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block02_leftarea .contentarea .title {
        line-height: 1.6;
    }
}
.p_top.en .intro_block02_rightarea {
    margin-top: 24px;
    max-width: 375px;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block02_rightarea {
        max-width: 100%;
        margin-inline: unset;
        margin-top: 21px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block02_rightarea .box {
        padding: 27px 30px 23px 30px;
    }
}
.p_top.en .intro_block02_rightarea .box_desc {
    font-size: 0.9375rem;
    line-height: 1.74;
    text-align: center;
    font-weight: 600;
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block02_rightarea .box_desc {
        font-size: 1rem;
        text-align: justify;
        line-height: 1.7;
    }
}
.p_top.en .intro_block02_rightarea .listnotes_item {
    font-size: 0.6875rem;
    padding-left: 0;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .p_top.en .intro_block02_rightarea .listnotes_item {
        font-size: 0.875rem;
        line-height: 1.4;
    }
}
.p_top.en .intro_block02_rightarea .listnotes_item::before {
    display: none;
}
.p_top.en .about_mainblock_descmb .desc {
    font-weight: 600;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_mainblock_descmb .desc {
        text-align: justify !important;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_item .contentarea {
        left: 50%;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_item:nth-child(1) .contentarea {
        bottom: -93px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_item:nth-child(1) .contentarea .sub {
        width: 393.01px;
    }
}
.p_top.en .about_block01_item:nth-child(1) .contentarea .title {
    width: 205.15px;
    top: 20px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_item:nth-child(1) .contentarea .title {
        width: 344.01px;
        top: -3px;
        translate: 0 0;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_item:nth-child(2) .contentarea {
        bottom: -20px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_item:nth-child(2) .contentarea .sub {
        width: 262.25px;
        margin-inline: auto;
    }
}
.p_top.en .about_block01_item:nth-child(2) .contentarea .title {
    width: 191.33px;
    top: 20px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_item:nth-child(2) .contentarea .title {
        width: 326.38px;
        margin-top: -6px;
    }
}
.p_top.en .about_block01_ps {
    bottom: -65px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_ps {
        bottom: -78px;
    }
}
.p_top.en .about_block01_ps_index {
    width: 114px;
    margin-bottom: 14px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_ps_index {
        width: clamp(6.25rem, 8.3333333333vw + 2.25rem, 9.75rem);
        margin-bottom: 25px;
    }
}
.p_top.en .about_block01_ps_time {
    width: 252.65px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block01_ps_time {
        width: clamp(15.625rem, 11.0773809524vw + 10.3078571429rem, 20.2775rem);
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block02_item .contentarea .title {
        font-size: 1.5625rem;
    }
}
.p_top.en .about_block02_item .contentarea .title_spec {
    font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block02_item .contentarea .title_spec {
        font-size: 1.25rem;
    }
}
.p_top.en .about_block03 {
    padding-bottom: 25px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block03 {
        padding-bottom: 33px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block03_wrapper .listcard {
        margin-top: 37px;
    }
}
.p_top.en .about_block03_wrapper .listcard_item .contentarea {
    margin-top: -7px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block03_wrapper .listcard_item .contentarea {
        margin-top: 0;
    }
}
.p_top.en .about_block03_wrapper .contentarea_in .c_txt02 {
    font-size: 1.21875rem;
    font-weight: 600;
    line-height: 1.7;
}
.p_top.en .about_block04_title {
    width: 122.84px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_title {
        width: 131.1px;
    }
}
.p_top.en .about_block04_inner .listcard {
    gap: 20px 0;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_inner .listcard {
        gap: 26px;
    }
}
.p_top.en .about_block04_inner .listcard_item .imagearea img {
    scale: 1.1;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_inner .listcard_item .contentarea {
        padding-top: 8px;
    }
}
.p_top.en .about_block04_inner .listcard_item .contentarea .title {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 600;
    margin-top: -4px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_inner .listcard_item .contentarea .title {
        font-size: 1.5rem;
    }
}
.p_top.en
    .about_block04_inner
    .listcard_item
    .contentarea
    .title
    .c_ttl02_spec {
    font-size: 0.8125rem;
    line-height: 1.4;
}
@media screen and (min-width: 768px) {
    .p_top.en
        .about_block04_inner
        .listcard_item
        .contentarea
        .title
        .c_ttl02_spec {
        font-size: 1.1875rem;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en
        .about_block04_inner
        .listcard_item
        .contentarea
        .title
        .c_ttl02_spec02 {
        display: block;
        margin-top: 0px;
    }
}
.p_top.en .about_block04_inner .listcard_item .contentarea .c_price_txt {
    font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_inner .listcard_item .contentarea .c_price_txt {
        font-size: 1.25rem;
    }
}
.p_top.en .about_block04_inner .listcard_item .contentarea .c_price_unit {
    font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_inner .listcard_item .contentarea .c_price_unit {
        font-size: 0.75rem;
    }
}
.p_top.en .about_block04_inner .bottom02 {
    margin: 35px auto 0;
    max-width: 375px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_inner .bottom02 {
        margin: 40px auto 0;
        max-width: 800px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_inner .bottom02 .box {
        padding: 23px 28px 19px 28px;
    }
}
.p_top.en .about_block04_inner .bottom02 .box_desc {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.74;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_inner .bottom02 .box_desc {
        font-size: 1rem;
        line-height: 1.7;
        text-align: justify;
        letter-spacing: 0;
    }
}
.p_top.en .about_block04_inner .bottom02 .listnotes_item {
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 0;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block04_inner .bottom02 .listnotes_item {
        font-size: 0.875rem;
        line-height: 1.4;
    }
}
.p_top.en .about_block04_inner .bottom02 .listnotes_item::before {
    display: none;
}
.p_top.en .about_block05_wrapper {
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .p_top.en .about_block05_wrapper {
        margin-top: 30px;
    }
}
.p_top.en .commingsoon_block02_title {
    max-width: 332.37px;
    translate: 0;
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02_title {
        width: 464.37px;
        max-width: 100%;
    }
}
.p_top.en .commingsoon_block02 .listcard {
    margin-top: 19px;
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard {
        margin-top: 46px;
    }
}
.p_top.en .commingsoon_block02 .listcard_item .ttl {
    font-weight: 600;
    margin: 9px 0px 5px;
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard_item .ttl {
        margin: 4px 0px 5px;
    }
}
.p_top.en .commingsoon_block02 .listcard_item .imagearea_81 {
    width: 50%;
    aspect-ratio: 80/203;
    margin-inline: auto;
}
.p_top.en .commingsoon_block02 .listcard_item .imagearea_144 {
    width: 90%;
    aspect-ratio: 144.05/203;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard_item:nth-child(2) .imagearea {
        aspect-ratio: 180.95/255;
        width: auto;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard_item:nth-child(2) .imagearea_144 {
        width: unset;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard_item:nth-child(3) .imagearea {
        aspect-ratio: 100/253;
        width: auto;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard_item:nth-child(3) .imagearea_81 {
        width: unset;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard_item:nth-child(4) .imagearea {
        aspect-ratio: 200/254;
        width: auto;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard_item:nth-child(5) .imagearea {
        aspect-ratio: 179/254;
        width: auto;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard_item:nth-child(5) .imagearea_144 {
        width: unset;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .commingsoon_block02 .listcard_item:nth-child(6) .imagearea {
        aspect-ratio: 200/254;
        width: auto;
    }
}
.p_top.en .contact_title {
    width: calc(100% - 40px);
    max-width: 268.97px;
    margin-inline: auto;
}
@media screen and (min-width: 768px) {
    .p_top.en .contact_title {
        width: calc(100% - 80px);
        max-width: 1008px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .contact_maincontent .leftarea {
        margin-left: 109px;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .contact_maincontent .rightarea {
        width: 42.174%;
    }
}
.p_top.en .contact_maincontent .rightarea .desc {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .p_top.en .contact_maincontent .rightarea .desc {
        font-size: 0.9375rem;
        letter-spacing: 0;
    }
}
@media screen and (min-width: 768px) {
    .p_top.en .contact_maincontent .rightarea .sosical {
        max-width: 375px;
    }
}
.p_top.en .contact_maincontent .rightarea .listnotes_item {
    margin-right: -9px;
}
@media screen and (min-width: 768px) {
    .p_top.en .contact_maincontent .rightarea .btn {
        margin-top: 16px;
    }
}
.p_top.en .contact_maincontent .rightarea .btn_link {
    font-size: 1rem;
    font-weight: 500;
}
@media screen and (min-width: 768px) {
    .p_top.en .contact_maincontent .rightarea .btn_link {
        font-size: 1.25rem;
    }
}
.p_top.en .contact_maincontent .rightarea .btn_link:after {
    top: 1px;
    right: 6px;
}
@media screen and (min-width: 768px) {
    .p_top.en .contact_maincontent .rightarea .btn_link:after {
        top: 3px;
        right: -2px;
    }
}

.p_top .wrapper_index {
    position: relative;
    z-index: 2;
}
.p_top .mv_video {
    position: fixed;
    inset: 0;
    z-index: 1;
}
.p_top .mv_video::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    inset: 0;
    z-index: 1;
}
@media screen and (min-width: 768px) {
    .p_top .mv_video::before {
        display: none;
    }
}
.p_top .mv_video img,
.p_top .mv_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}