@charset "utf-8";

/* mv */
.mv {
    position: relative;
    overflow: clip;
}
.mv_img {
    height: auto;
}
.mv_number {
    position: relative;
}
.mv_number_num {
    letter-spacing: 0;
    position: absolute;
}
.mv_ttl {
    color: var(--color-white);
    background-color: var(--color-black);
}
.mv_ttl_in {
    font-weight: 700;
    line-height: 1.5;
}
.mv_txt_in {
    font-weight: 500;
    line-height: 1.75;
}
@media (min-width: 521px) {
    .mv {
        height: calc((560 / 1440 * 100vw));
    }
    .mv_inner {
        height: calc((1200 / 1440 * 100vw));
        transform: translateY(-50em);
    }
    .mv_area {
        display: flex;
        position: sticky;
        left: 0;
        top: 80px;
        transform: translateY(50em);
    }
    .mv_img {
        width: calc(840 / 1440 * 100vw);
    }
    .mv_area_inner {
        width: calc(600 / 1440 * 100vw);
        padding-top: calc(80 / 1440 * 100vw);
    }
    .mv_number {
        display: inline-block;
    }
    .mv_number_in {
        padding-left: calc(24 / 1440 * 100vw);
        padding-right: calc(16 / 1440 * 100vw);
        font-size: calc(72 / 1440 * 100vw);
    }
    .mv_number_num {
        font-size: calc(280 / 1440 * 100vw);
        top: calc(-32 / 1440 * 100vw);
        left: 100%;
    }
    .mv_ttl {
        width: calc(438 / 1440 * 100vw);
        margin-top: calc(32 / 1440 * 100vw);
        padding: calc(8 / 1440 * 100vw) calc(24 / 1440 * 100vw);
    }
    .mv_ttl_in {
        font-size: calc(28 / 1440 * 100vw);
    }
    .mv_txt {
        margin-top: calc(32 / 1440 * 100vw);
        padding-inline: calc(24 / 1440 * 100vw);
    }
    .mv_txt_in {
        font-size: calc(20 / 1440 * 100vw);
    }
}
@media (min-width: 1441px) {
    .mv_inner {
        transform: translateY(0);
    }
}
@media (max-width: 520px) {
    .mv {
        height: 745em;
    }
    .mv_area {
        top: 80px;
        transform: translateY(0) !important;
    }
    .mv_img {
        width: 100%;
    }
    .mv_area {
        flex-direction: column;
    }
    .mv_area_inner {
        padding-block: 24em 48em;
    }
    .mv_number {
        padding-inline: 16em;
    }
    .mv_number_in {
        font-size: 48em;
    }
    .mv_number_num {
        font-size: 136em;
        top: calc(-58 / 390 * 100vw);
        right: 0;
    }
    .mv_ttl_in {
        font-size: 28em;
    }
    .mv_ttl {
        margin-top: 24em;
        padding: 8em 20em;
    }
    .mv_txt {
        padding: 24em 20em 0;
    }
    .mv_txt_in {
        font-size: 20em;
    }
}
@keyframes clipPath {
    0% {
        clip-path: inset(0 100% 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}
.mv_img,
.mv_number_in,
.mv_number_num {
    clip-path: inset(0 100% 0 0);
}
.tab_content_inner.show .mv_img {
    animation: clipPath 0.9s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.tab_content_inner.show .mv_number_in,
.tab_content_inner.show .mv_number_num {
    animation: clipPath 0.6s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.tab_content_inner.show .mv_number_num {
    animation-delay: 0.5s;
}

/* tab */
.tab_wrap {
    position: relative;
}
.tab_input {
    display: none;
}
.tab_area {
    color: var(--color-white);
    background-color: var(--color-black);
    display: flex;
    position: sticky;
    top: 41px;
    left: 0;
    z-index: 10;
}
.tab_label {
    height: 80px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.tab_label_img {
    height: auto;
    margin-inline: auto;
    display: block;
}
.content_area {
    transition: height 0.6s 0s;
}
.tab_content {
    width: 100%;
    box-sizing: border-box;
}
.tab1_label:hover,
#tab1:checked ~ .tab_area .tab1_label {
    color: var(--color-black);
    background-color: var(--color-customstyles-beige);
}
.tab2_label:hover,
#tab2:checked ~ .tab_area .tab2_label {
    color: var(--color-black);
    background-color: var(--color-customstyles-green);
}
.tab3_label:hover,
#tab3:checked ~ .tab_area .tab3_label {
    color: var(--color-black);
    background-color: var(--color-customstyles-yellow);
}
.tab4_label:hover,
#tab4:checked ~ .tab_area .tab4_label {
    background-color: var(--color-customstyles-navy);
}
.tab5_label:hover,
#tab5:checked ~ .tab_area .tab5_label {
    color: var(--color-black);
    background-color: var(--color-customstyles-brown);
}
#tab1:checked ~ .content_area .content1,
#tab2:checked ~ .content_area .content2,
#tab3:checked ~ .content_area .content3,
#tab4:checked ~ .content_area .content4,
#tab5:checked ~ .content_area .content5 {
    display: block !important;
}
@media (min-width: 521px) {
    .tab_area {
        justify-content: center;
        gap: 16em;
    }
    .tab_label {
        width: 160em;
    }
    .tab_label_img {
        width: 105em;
    }
}
@media (max-width: 520px) {
    .tab_label {
        width: 62em;
    }
    .tab_label_img {
        width: 52em;
    }
}
.tab_label {
    transition: color 0.3s, background-color 0.3s;
}


/* customize */
.customize_beige {
    background-color: var(--color-customstyles-beige);
}
.customize_green {
    background-color: var(--color-customstyles-green);
}
.customize_yellow {
    background-color: var(--color-customstyles-yellow);
}
.customize_navy {
    background-color: var(--color-customstyles-navy);
}
.customize_brown {
    background-color: var(--color-customstyles-brown);
}
.customize_navy .mv_number,
.customize_navy .mv_txt,
.customize_navy .customize_swiper_note,
.customize_navy .swiper-pagination,
.customize_navy .customize_area_ttl,
.customize_navy .customize_area_txt,
.customize_navy .customize_area_img_note,
.customize_navy .parts_ttl,
.customize_navy .parts_area_wrap,
.customize_navy .parts_area_note_catalog,
.customize_navy .parts_area_note_catalog a,
.customize_navy .parts_area_list_btn,
.customize_navy .parts_area_catalog {
    color: var(--color-white);
}
.customize_navy .part_btn {
    color: var(--color-black);
}
.customize_navy .mv_ttl,
.customize_navy .customize_ttl_sub,
.customize_navy .parts_ttl_sub {
    color: var(--color-black);
    background-color: var(--color-white);
}
.customize_navy .customize_swiper .swiper-button-prev,
.customize_navy .customize_swiper .swiper-button-next {
    background-image: url(../images/common/swiper_btn_arrow_white.svg);
}
.customize_navy .parts_area_list_note_icon {
    border-color: var(--color-white);
}
.customize_navy .part_btn,
.customize_navy .parts_area_list_note_icon::before,
.customize_navy .parts_area_list_note_icon::after {
    background-color: var(--color-white);
}
.customize_navy .icon_arrow_black {
    left: auto;
    right: 32em;
    rotate: 0deg;
}
.customize_area,
.customize_area_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.customize_area_ttl {
    display: inline-block;
    padding-right: 10px;
}
.customize_ttl_sub {
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-black);
}
.customize_ttl_sub_in {
    font-weight: 900;
    font-size: max(28em, 12px);
    line-height: 1.2;
    letter-spacing: 0;
}

.customize_swiper {
    width: 100%;
    overflow: visible;
}
.customize_swiper_note {
    margin-inline: auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
}
.customize_swiper_note_in {
    font-size: 12em;
    line-height: 1.2;
}
.customize_swiper .swiper-pagination {
    font-size: max(24em, 12px);
    top: auto;
    bottom: calc(8em / 24);
}
.customize_swiper .swiper-button-prev,
.customize_swiper .swiper-button-next {
    width: 40em;
    height: 40em;
    background: url(../images/common/swiper_btn_arrow.svg) no-repeat 50% / contain;
    top: auto;
    bottom: 0;
}
.customize_swiper .swiper-button-prev {
    left: auto;
    right: calc(50% + 135em);
    rotate: 180deg;
}
.customize_swiper .swiper-button-next {
    left: calc(50% + 135em);
    right: auto;
}
.customize_swiper .swiper-button-prev::after,
.customize_swiper .swiper-button-next::after {
    content: none;
}
.customstyles_slide_img {
    width: 100%;
    height: auto;
}

.customize_area_txt_in {
    font-size: max(16em, 12px);
    line-height: 1.75;
    letter-spacing: 0.04em;
}
.customize_area_img_wrap {
    width: 100%;
}
.customize_area_img_cover {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.customize_area_img_note {
    margin-top: 16em;
    text-align: center;
}
.customize_area_img_note_in {
    font-size: 12em;
    line-height: 1.6;
}
.customize_area_btn {
    padding: 0;
    font-size: 1em;
    border: max(2em, 2px) solid transparent;
    cursor: pointer;
}
.customize_area_img,
.modal_customize_img {
    width: 100%;
    height: auto;
}
@media (min-width: 521px) {
    .customize_area {
        margin-top: 40em;
        padding-block: 0 120em;
        gap: 40em;
    }
    .customize_area_inner {
        gap: 40em;
    }
    .customize_ttl_sub {
        padding-block: 5em 9em;
    }
    .customize_swiper {
        padding-bottom: 92em;
    }
    .customize_swiper_note {
        bottom: 48em;
    }
    .customize_swiper .swiper-slide {
        width: 660em;
        font-size: 1em;
    }
    .customize_area_ttl_in {
        font-size: 66em;
    }
    .customize_area_btn {
        width: 580em;
    }
    .modal_customize .modal_scroll_inner {
        width: auto;
        height: auto;
    }
    .modal_customize .modal_customize_img {
        max-width: 1040em;
        max-height: 100svh;
        width: auto;
        height: auto;
    }
}
@media (max-width: 520px) {
    .customize_area {
        margin-top: 48em;
        padding-block: 0 120em;
        gap: 48em;
    }
    .customize_area_inner {
        gap: 48em;
    }
    .customize_ttl_sub {
        padding-block: 14em 18em;
    }
    .customize_swiper {
        padding-bottom: 100em;
        overflow: hidden;
    }
    .customize_swiper_note {
        bottom: 56em;
    }
    .customize_area_ttl_in {
        font-size: 42em;
    }
    .customize_area_img_cover {
        flex-direction: column;
        gap: 40em;
    }
    .customize_area_btn {
        width: 100%;
    }
    .modal_customize .modal_scroll_inner {
        width: 90%;
    }
}
@media (min-width: 521px) {
    @media (hover:hover) {
        .customize_area_btn {
            transition: border-color 0.3s;
        }
        .special .customize_area_btn:hover {
            border-color: var(--color-red);
        }
    }
}

/* history */
.history {
    border-top: max(2em, 2px) solid var(--color-black);
    background-color: var(--color-history);
}
.history_inner {
    padding-block: 120em;
    display: flex;
    flex-direction: column;
    gap: 40em;
}
.history_area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.history_img {
    height: auto;
}
.history_area_inner {
    display: flex;
    flex-direction: column;
}
.history_area_ttl_in {
    font-weight: 900;
    font-size: max(24em, 12px);
    line-height: 1.5;
}
.history_area_txt_in {
    font-weight: 500;
    font-size: max(16em, 12px);
    line-height: 1.75;
    letter-spacing: 0.04em;
}
@media (min-width: 521px) {
    .history_ttl_in {
        font-size: 40em;
    }
    .history_img {
        width: 524em;
    }
    .history_area_inner {
        width: 636em;
        gap: 40em;
    }

    .history_btn {
        width: 450em;
        margin-inline: auto;
    }
}
@media (max-width: 520px) {
    .history_ttl {
        font-size: 30em;
    }
    .history_area {
        flex-direction: column;
        gap: 12em;
    }
    .history_img {
        width: 100%;
    }
    .history_area_inner {
        gap: 12em;
    }
}

/* parts */
.parts {
    padding-block: 120em;
    border-top: max(2em, 2px) solid var(--color-black);
}
.parts_ttl {
    display: inline-block;
    padding-right: 10px;
}
.parts_ttl_sub {
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-black);
}
.parts_ttl_sub_in {
    font-weight: 900;
    font-size: max(28em, 12px);
    line-height: 1.2;
    letter-spacing: 0;
}
.parts_area {
    margin-top: 80em;
    display: flex;
    flex-direction: column;
}
.parts_area_txt_in {
    font-weight: 500;
    font-size: max(16em, 12px);
    line-height: 1.75;
    letter-spacing: 0.04em;
}
.parts_area_list_wrap {
    display: flex;
    flex-direction: column;
}
.parts_area_list_note {
    display: flex;
    align-items: center;
    gap: 4em;
}
.parts_area_list_note_icon {
    width: 12em;
    height: 12em;
    border: max(1em, 1px) solid var(--color-black);
    border-radius: 50%;
    display: block;
    position: relative;
}
.parts_area_list_note_icon::before,
.parts_area_list_note_icon::after {
    content: '';
    margin: auto;
    width: 7em;
    height: max(1em, 1px);
    background-color: var(--color-black);
    display: block;
    position: absolute;
    inset: 0;
}
.parts_area_list_note_icon::after {
    rotate: 90deg;
}
.parts_area_list_note_in {
    font-weight: 500;
    font-size: 12em;
    line-height: 1.75;
    letter-spacing: 0.04em;
}
.parts_area_list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.parts_area_list_btn {
    padding: 0;
    font-size: 1em;
    text-align: left;
    font-family: inherit;
    font-feature-settings: 'palt';
    letter-spacing: 0;
    color: var(--color-black);
    border: none;
    display: block;
    cursor: pointer;
}
.parts_area_list_img {
    width: 100%;
    height: auto;
}
.parts_area_list_txt {
    margin-top: 8em;
    display: block;
}
.parts_area_list_txt_in {
    font-weight: 900;
    font-size: max(16em, 12px);
    line-height: 1.5;
    letter-spacing: 0.04em;
}
#contents-body .section .special .parts_area_note_catalog a,
#contents-body .section .special a.parts_area_catalog {
    margin-left: auto;
    text-decoration: underline;
}
#contents-body .section .special .parts_area_note_catalog a {
    color: var(--color-red);
}
.parts_area_note_catalog_in,
.parts_area_catalog_in {
    font-weight: 500;
    font-size: max(16em, 12px);
    line-height: 1.75;
    letter-spacing: 0.04em;
}
.parts_area_note_catalog {
    margin-top: 10em;
}
.part_btn {
    margin: 80em auto 0;
    cursor: pointer;
}
@media (min-width: 521px) {
    .parts_ttl_in {
        font-size: 66em;
    }
    .parts_ttl_sub {
        margin-top: 40em;
        padding-block: 5em 9em;
    }
    .parts_area_ttl_in {
        font-size: 40em;
    }
    .parts_area {
        gap: 40em;
    }
    .parts_area_list_wrap {
        gap: 10em;
    }
    .parts_area_list {
        gap: 40em;
    }
    .parts_area_list > li {
        width: 206em;
    }
    .part_btn {
        width: 450em;
    }
}
@media (max-width: 520px) {
    .parts_ttl_in {
        font-size: 42em;
    }
    .parts_ttl_sub {
        margin-top: 48em;
        padding-block: 14em 18em;
    }
    .parts_area_ttl_in {
        font-size: 30em;
    }
    .parts_area {
        gap: 48em;
    }
    .parts_area_list_wrap {
        gap: 18em;
    }
    .parts_area_list {
        gap: 20em 10em;
    }
    .parts_area_list > li {
        width: 168em;
    }
}
@media (min-width: 521px) {
    @media (hover:hover) {
        .parts_area_list_btn,
        .parts_area_catalog {
            transition: color 0.3s;
        }
        .special .parts_area_list_btn:hover,
        .special .parts_area_catalog:hover {
            color: var(--color-red);
        }
    }
}

/* note */
.note {
    padding-block: 120em;
    border-top: max(2em, 2px) solid;
    background-color: var(--color-customstyles);
}
.note_inner,
.note_area {
    display: flex;
    flex-direction: column;
}
.note_inner {
    gap: 40em;
}
.note_ttl_in {
    font-weight: 900;
    line-height: 1.5;
}
.note_txt_in {
    font-weight: 500;
    font-size: max(16em, 12px);
    line-height: 1.75;
    letter-spacing: 0.04em;
}
.note_img {
    width: 100%;
    height: auto;
}
@media (min-width: 521px) {
    .note_area {
        gap: 24em;
    }
    .note_ttl_in {
        font-size: 32em;
    }
}
@media (max-width: 520px) {
    .note_area {
        gap: 40em;
    }
    .note_ttl_in {
        font-size: 28em;
    }
}

/* service */
.service {
    padding-block: 120em;
    border-top: max(2em, 2px) solid;
}
.service_inner {
    display: flex;
    flex-direction: column;
    gap: 40em;
}
.service_area {
    display: flex;
    flex-direction: column;
}
.service_ttl_in {
    font-weight: 900;
    line-height: 1.5;
}
.service_txt_in {
    font-weight: 500;
    font-size: max(16em, 12px);
    line-height: 1.75;
    letter-spacing: 0.04em;
}
.service_tag_ttl_in {
    font-weight: 700;
    font-size: max(22em, 12px);
    line-height: 1.5;
}
.service_tag_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16em;
}
.service_tag_list > li {
    padding-block: 12em;
    border: max(2em, 2px) solid var(--color-black);
    background-color: var(--color-customstyles);
}
.service_tag_list_in {
    font-weight: 500;
    font-size: max(22em, 12px);
    line-height: 1.5;
}
.service_tag_list_icon {
    vertical-align: top;
    font-size: max(0.6em, 12px);
}
#contents-body .section ul.service_tag_list_note {
    padding-left: 0;
}
.service_tag_list_note {
    font-size: max(14em, 12px);
    line-height: 1.5;
    letter-spacing: 0;
    list-style: none;
}
.service_tag_list_note > li {
    padding-left: 2em;
    text-indent: -2em;
}
.service_list {
    display: flex;
    flex-wrap: wrap;
}
.service_list > li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.service_list_inner,
.service_list_ttl {
    display: flex;
    flex-direction: column;
}
.service_list_inner {
    gap: 24em;
}
.service_list_img {
    height: auto;
}
.service_list_ttl {
    gap: 4em;
}
.service_list_ttl_en,
.service_list_ttl_jp {
    display: block;
}
.service_list_ttl_en {
    font-size: max(14em, 12px);
    line-height: 1.5;
    letter-spacing: 0;
}
.service_list_ttl_jp {
    font-weight: 700;
    font-size: max(22em, 12px);
    line-height: 1.5;
    letter-spacing: 0;
}
.service_list_txt_in {
    font-weight: 500;
    font-size: max(14em, 12px);
    line-height: 1.5;
    letter-spacing: 0.04em;
}
.service_list_link_list {
    list-style: none;
}
.service_list_link {
    font-weight: 500;
    font-size: max(14em, 12px);
    line-height: 1.5;
    letter-spacing: 0.04em;
}
#contents-body .section .special a.service_list_link {
    text-decoration: underline;
}
@media (min-width: 521px) {
    .service_area {
        gap: 24em;
    }
    .service_ttl_in {
        font-size: 32em;
    }
    .service_tag_list > li {
        padding-inline: 12em;
    }
    .service_list {
        gap: 40em 78em;
    }
    .service_list > li {
        width: 560em;
        flex-direction: row-reverse;
        gap: 16em;
    }
    .service_list_img {
        width: 320em;
    }
    .service_btn {
        width: 350em;
        margin-inline: auto;
    }
}
@media (max-width: 520px) {
    .service_area {
        gap: 40em;
    }
    .service_ttl_in {
        font-size: 28em;
    }
    .service_tag_list > li {
        padding-inline: 8em;
    }
    .service_list {
        gap: 40em;
    }
    .service_list > li {
        flex-direction: column;
        gap: 24em;
    }
    .service_list_img {
        width: 100%;
    }
}
@media (min-width: 521px) {
    @media (hover:hover) {
        .service_list_link {
            transition: color 0.3s;
        }
        .special .service_list_link:hover {
            color: var(--color-red);
        }
    }
}


/* ------------
     modal
------------ */
body.is_modal_show {
    overflow: hidden;
}
.modal_content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    opacity: 0;
    transform: translateY(100%);
    background: rgba(51, 51, 51, 0.9);
    transition: opacity 0.3s 0s, transform 0s 0.3s;
}
.modal_content.is_modal_show {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s 0s, transform 0s 0s;
}
.modal_scroll {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    letter-spacing: -0.5em;
    text-align: center;
}
.modal_scroll_inner {
    margin: auto;
    text-align: left;
    width: 100%;
    letter-spacing: normal;
    line-height: 1.5;
}
.modal_inner {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
}
.is_modal_show .modal_inner {
    opacity: 1;
}

/* centering */
.modal_scroll_inner,
.modal_scroll:after {
    display: inline-block;
    vertical-align: middle;
}
.modal_scroll:after {
    content: '';
    height: 100%;
}
/* close */
.modal_close {
    font-size: 1em;
    border: none;
    position: absolute;
    cursor: pointer;
}
.modal_close::before,
.modal_close::after {
    content: '';
    width: 100%;
    height: max(2em, 2px);
    margin: auto;
    background-color: var(--color-white);
    display: block;
    position: absolute;
    inset: 0;
}
.modal_close::before {
    rotate: 45deg;
}
.modal_close::after {
    rotate: -45deg;
}
@media (min-width: 521px) {
    .modal_close {
        width: 35em;
        height: 35em;
    }
    .modal_customize .modal_close {
        top: -110em;
        right: -90em;
    }
    .modal_parts .modal_close {
        top: -110em;
        left: calc(50% + 540em);
    }
}
@media (max-width: 520px) {
    .modal_close {
        width: 25em;
        height: 25em;
    }
    .modal_customize .modal_close {
        top: -40em;
        right: 0;
    }
    .modal_parts .modal_close {
        top: calc(50% - 250em);
        right: 20em;
    }
}

.modal_parts .modal_scroll_inner {
    /* max-width: 1136em; */
    margin-inline: auto;
}
.modal_scroll {
    padding-block: 124em;
}
.modal_parts_swiper .swiper-wrapper {
    align-items: stretch;
}
.modal_parts_swiper .swiper-slide {
    width: 352em;
    height: auto;
    display: flex;
}
.modal_parts_item {
    padding: 16em;
    background-color: var(--color-white);
}
.modal_parts_swiper .swiper-button-prev,
.modal_parts_swiper .swiper-button-next {
    width: 40em;
    height: 40em;
    background: url(../images/common/swiper_btn_arrow_white.svg) no-repeat 50% / contain;
    top: auto;
    bottom: -64em;
}
.modal_parts_swiper .swiper-button-prev {
    left: auto;
    right: calc(50% + 135em);
    rotate: 180deg;
}
.modal_parts_swiper .swiper-button-next {
    left: calc(50% + 135em);
    right: auto;
}
.modal_parts_swiper .swiper-button-prev::after,
.modal_parts_swiper .swiper-button-next::after {
    content: none;
}
.modal_parts_item_inner {
    padding-top: 8em;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8em;
}
.modal_parts_item_img {
    width: 100%;
    height: auto;
}
.modal_parts_item_ttl_in {
    font-weight: 900;
    font-size: max(20em, 12px);
    line-height: 1.5;
    letter-spacing: 0.04em;
}
.modal_parts_item_ttl_sub {
    padding: 4em 8em;
    color: var(--color-white);
    background-color: var(--color-black);
    display: inline-block;
}
.modal_parts_item_ttl_sub_in {
    font-size: max(12em, 12px);
    line-height: 1.5;
    letter-spacing: 0.04em;
}
.modal_parts_item_txt_in {
    font-weight: 900;
    font-size: max(16em, 12px);
    line-height: 1.5;
    letter-spacing: 0.04em;
}
.modal_parts_item_txt_s,
.modal_parts_item_txt_note {
    font-weight: 500;
    font-size: max(12em, 12px);
    line-height: 1.5;
    letter-spacing: 0.04em;
}
.modal_parts_item_txt_note {
    color: var(--color-red);
    display: inline-block;
}