@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Gloock&family=Zen+Old+Mincho&display=swap");
/* ==========================================================================
  Base
  ========================================================================== */
/* ==========================================================================
  Grid
  ========================================================================== */
/* ==========================================================================
  Layout
  ========================================================================== */

main {
    color: white;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
}

:root {
    --theme-beige: #c0966d;
}


ul {
    list-style: none;
}

.ly_header {
    height: clamp(60px, 5.814vw, 100px);
    margin-right: auto;
    margin-left: auto;
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: white;
}

.ly_header_inner {
    max-width: 1720px;
    margin-right: auto;
    margin-left: auto;
    padding-right: clamp(60px, 5.814vw, 100px);
    padding-left: clamp(16px, 4.651vw, 80px);
}

.ly_cont {
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .ly_cont {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .ly_cont_inner {
        width: 100%;
        max-width: 880px;
        margin-right: auto;
        margin-left: auto;
    }
}

.ly_cont_inner__wide {
    width: 100%;
}

@media (min-width: 768px) {
    .ly_cont.ly_cont__col {
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 768px) {
    .ly_cont_main {
        flex: 1;
    }
}

.ly_cont_side {
    padding-top: 80px;
}

@media (min-width: 768px) {
    .ly_cont_side {
        flex: 0 0 26.667%;
        padding-top: 0;
        padding-left: clamp(48px, 4.651vw, 80px);
    }
}

.ly_footer {
    padding-top: clamp(48px, 4.651vw, 80px);
    padding-bottom: clamp(47px, 4.535vw, 78px);
    background-color: white;
}

.hp_btGray {
    border-top: 1px solid #777 !important;
}

.ly_footer_inner {
    text-align: center;
}

/* ==========================================================================
  Element Modules
  ========================================================================== */
.el_lv1Heading {
    color: white;
    font-size: clamp(70px, 10.417vw, 200px);
    text-align: center;
    line-height: 1.75;
    font-family: "Zen Old Mincho", serif;
    font-weight: 800;
}

.el_lv1Heading_sub {
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-size: clamp(19.2px, 1.86vw, 32px);
    margin-top: clamp(6px, 0.581vw, 10px);
    letter-spacing: normal;
}

.el_lv1Heading span {
    display: block;
}

.el_lv2Heading {
    font-family: "Cormorant Infant", serif;
    letter-spacing: 0.1em;
    font-size: clamp(28px, 5vw, 70px);
}

.el_lv2Heading .beige {
    color: var(--theme-beige);
}

.el_lv3Heading {
    font-family: "Cormorant Infant", serif;
    letter-spacing: 0.1em;
    font-size: clamp(40px, 3.125vw, 60px);
}

.el_lv4Heading {
    font-family: "Cormorant Infant", serif;
    letter-spacing: 0.1em;
    font-size: clamp(30px, 2.604vw, 50px);
}

.el_lv5Heading {
    color: #376ba1;
    font-size: clamp(19.2px, 1.86vw, 32px);
    font-weight: bold;
    line-height: 2;
    font-family: "Zen Old Mincho", serif;
}

.level6-heading {
    font-size: clamp(16px, 1.163vw, 20px);
    color: #376ba1;
}

.el_lv7Heading {
    font-size: clamp(12px, 1.163vw, 20px);
    font-weight: 700;
}

.el_lv7Heading::before {
    content: "■";
    color: #376ba1;
}

.el_lv8Heading {
    font-size: clamp(16.8px, 1.628vw, 28px);
    color: #376ba1;
    font-weight: 500;
    position: relative;
}

.el_lv8Heading::before {
    content: "";
    background-image: url("../img/common/arrow-blue.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: clamp(24px, 2.326vw, 40px);
    height: clamp(24px, 2.326vw, 40px);
    position: absolute;
    transform: translate(-120%);
}

.el_btn {
    display: inline-block;
    width: 100%;
    height: clamp(57px, 4.167vw, 80px);
    border: 1px solid transparent;
    color: #fff;
    font-size: clamp(18px, 1.25vw, 24px);
    text-align: center;
    text-decoration: none;
    transition: 0.25s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: white;
    position: relative;
}

.el_btn::after {
    content: "";
    display: block;
    width: 8px;
    height: 16px;
    background-image: url("../img/chelsea/arrow.svg");
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1em;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .el_btn::after {
        width: 12px;
        height: 24px;
    }
}

.el_btn:focus,
.el_btn:hover,
.el_btn:active {
    text-decoration: none;
    opacity: 0.7;
}

.el_btn.hoverPink:focus,
.el_btn.hoverPink:hover,
.el_btn.hoverPink:active {
    background-color: #e9528e;
    border-color: #e9528e;
}

.el_btn.el_btn__pink {
    background-color: #e9528e;
    border-color: #e9528e;
    color: white;
}

.el_btn.el_btn__pink:focus,
.el_btn.el_btn__pink:hover,
.el_btn.el_btn__pink:active {
    border: none;
}

.el_btn.el_btn__blue {
    background-color: #376ba1;
    color: white;
}

.el_btn.el_btn__pinkInvert {
    border: 1px solid #e9528e;
    color: #e9528e;
}

.el_btn.el_btn__pinkInvert:focus,
.el_btn.el_btn__pinkInvert:hover,
.el_btn.el_btn__pinkInvert:active {
    background-color: #e9528e;
    color: white;
    opacity: 1;
}

.el_btn.el_btn__blueInvert {
    border: 1px solid #376ba1;
    color: #376ba1;
}

.el_btn.el_btn__blueInvert:focus,
.el_btn.el_btn__blueInvert:hover,
.el_btn.el_btn__blueInvert:active {
    background-color: #376ba1;
    color: white;
    opacity: 1;
}

.el_btn.el_btn__whiteInvert {
    border: 1px solid white;
    color: white;
}

.el_btn.el_btn__whiteInvert:focus,
.el_btn.el_btn__whiteInvert:hover,
.el_btn.el_btn__whiteInvert:active {
    background-color: white;
    color: #376ba1;
    opacity: 1;
}

.el_btn.el_btn__whiteInvert:hover::after {
    content: "";
    background-image: url("../img/common/arrow-blue.svg");
}

.el_btn.el_btn__arrowRight {
    position: relative;
    padding-right: 1.2em;
    padding-left: 1.2em;
}

.el_btn.el_btn__arrowRight::after {
    content: "";
    width: clamp(24px, 2.326vw, 40px);
    height: clamp(24px, 2.326vw, 40px);
    background-image: url("../img/common/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0.83em;
    transform: translateY(-50%);
}

.el_btn__pinkInvert.el_btn__arrowRight::after {
    content: "";
    width: clamp(24px, 2.326vw, 40px);
    height: clamp(24px, 2.326vw, 40px);
    background-image: url("../img/common/arrow-pink.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0.83em;
    transform: translateY(-50%);
}

.el_btn__pinkInvert.el_btn__arrowRight:hover::after {
    background-image: url("../img/common/arrow.svg");
}

.el_btn__blueInvert.el_btn__arrowRight::after {
    content: "";
    width: clamp(24px, 2.326vw, 40px);
    height: clamp(24px, 2.326vw, 40px);
    background-image: url("../img/common/arrow-blue.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0.83em;
    transform: translateY(-50%);
}

.el_btn__blueInvert:hover::after {
    background-image: url("../img/common/arrow.svg");
}

.el_btn.el_btn__arrowDownload {
    position: relative;
    padding-right: 1.2em;
    padding-left: 1.2em;
}

.el_btn.el_btn__arrowDownload::after {
    content: "";
    width: clamp(24px, 2.326vw, 40px);
    height: clamp(24px, 2.326vw, 40px);
    background-image: url("../img/common/arrow-download.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0.83em;
    transform: translateY(-50%);
}

.el_label {
    display: inline-block;
    padding: 0.15em 0.5em;
    background-color: #aaa;
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
    transition: 0.3s;
    text-align: center;
}

.el_label.el_btn__lightBlue {
    background-color: #28afe1;
    color: white;
}

.el_footerCopyright {
    font-size: clamp(10px, 0.698vw, 12px);
    color: #404040;
}

.el_map {
    position: relative;
    padding-bottom: 56.25%;
    /* アスペクト比 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 683px;
    /* 親要素の幅に応じて縮小 */
}

@media (min-width: 768px) {
    .el_map {
        padding-bottom: 30%;
        /* ← 683x260 に合わせた比率 */
    }
}

.el_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ==========================================================================
  Block Modules
  ========================================================================== */
/* ジャンボトロン
  ========================================================================== */
.bl_jumbotron {
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.bl_jumbotron_inner {
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 100px;
    text-align: center;
}

.bl_jumbotron_ttl {
    font-size: clamp(70px, 10.417vw, 200px);
    line-height: 0.8;
    font-family: "Gloock", serif;
    font-weight: 400;
}

.bl_jumbotron_ttl__s2 .slash {
    display: inline-block !important;
    font-size: clamp(46px, 5.98vw, 115px);
    position: relative;
    bottom: 0.15em;
    padding: 0px 15px;
}

.bl_jumbotron_ttl__s {
    font-family: "Cormorant Infant", serif;
    font-weight: 500;
    line-height: 1.75;
    padding-bottom: 50px;
    letter-spacing: 0.5em;
    font-style: normal;
    font-size: clamp(16.7px, 2.17vw, 41.78px);
}

.bl_jumbotron_ttl__s2 {
    font-family: "Cormorant Infant", serif;
    font-weight: 500;
    font-size: clamp(62px, 8.1vw, 156px);
}

.bl_jumbotron_ttl .plus {
    font-family: "Cormorant Infant", serif;
    font-weight: 500;
    line-height: 1.75;
    width: clamp(20px, 2.6vw, 50px);
    height: auto;
    margin: clamp(32px, 4.16vw, 80px) auto;
}

/* Title
  ========================================================================== */
/* Text
  ========================================================================== */
/* Img
  ========================================================================== */
/* Other Block
  ========================================================================== */
/* カード
  ========================================================================== */
.bl_card_imgWrapper {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.bl_card_imgWrapper img {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.bl_card_body {
    padding: 15px;
}

.bl_card_body *:last-child {
    margin-bottom: 0;
}

.bl_card_ttl {
    margin-bottom: 5px;
    font-size: 1.125rem;
    font-weight: bold;
}

.bl_card_txt {
    color: #777;
}

.bl_card_badge {
    position: relative;
}

.bl_card_badge::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-width: 3.75rem 3.75rem 0 0;
    border-style: solid;
    border-color: #e25c00 transparent transparent transparent;
}

.bl_card_badge_txt {
    position: absolute;
    z-index: 2;
    top: 0.5rem;
    left: 0.3125rem;
    color: #fff;
    font-size: 0.875rem;
    font-weight: bold;
    transform: rotate(-45deg);
}

/* カード 拡張パターン：リンク
  ========================================================================== */
a.bl_card {
    display: block;
    color: currentColor;
    text-decoration: none;
    transition: 0.25s;
}

a.bl_card:focus,
a.bl_card:hover,
a.bl_card:active {
    opacity: 0.75;
}

a.bl_card .bl_card_ttl {
    transition: 0.25s;
}

a.bl_card .bl_card_ttl:focus,
a.bl_card .bl_card_ttl:hover,
a.bl_card .bl_card_ttl:active {
    color: #e25c00;
    text-decoration: underline;
}

a.bl_card .bl_card_txt {
    transition: 0.25s;
}

a.bl_card .bl_card_txt:focus,
a.bl_card .bl_card_txt:hover,
a.bl_card .bl_card_txt:active {
    color: #e25c00;
    text-decoration: underline;
}

/* カード 拡張パターン：3カラム
  ========================================================================== */
.bl_cardUnit {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2.43902%;
    margin-bottom: clamp(53px, 9.792vw, 188px);
}

.bl_cardUnit .bl_card {
    width: 100%;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .bl_cardUnit.bl_cardUnit__col3 .bl_card {
        width: 31.707%;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .bl_cardUnit.bl_cardUnit__col2 .bl_card {
        width: 42.552%;
    }
}

/* カード 拡張パターン：4カラム
  ========================================================================== */
@media (min-width: 768px) {
    .bl_cardUnit__col4 .bl_card {
        width: 23.78%;
        margin-right: 1.62602%;
        margin-bottom: 20px;
    }
}

/* メディア
  ========================================================================== */
@media (min-width: 768px) {
    .bl_media {
        display: flex;
        align-items: center;
    }
}

.bl_media_imgWrapper {
    margin-bottom: 20px;
}

.bl_media_imgWrapper img {
    width: 100%;
}

@media (min-width: 768px) {
    .bl_media_body {
        flex: 1;
    }

    .bl_media_body *:last-child {
        margin-bottom: 0;
    }
}

.bl_media_ttl {
    margin-bottom: 10px;
    font-size: 1.125rem;
    font-weight: bold;
}

.bl_media_txt {
    /* css-wipeではスタイリングなし */
}

/* メディア 拡張パターン：逆位置
  ========================================================================== */
.bl_media.bl_media__rev {
    flex-direction: row-reverse;
}

.bl_media.bl_media__rev .bl_media_imgWrapper {
    margin-right: 0;
}

@media (min-width: 768px) {
    .bl_media.bl_media__rev .bl_media_body {
        margin-right: 3.33333%;
        text-align: right;
    }
}

/* メディア バリエーション：画像半分サイズ
  ========================================================================== */
/* ページャー
  ========================================================================== */
.bl_pager {
    display: flex;
    overflow-x: auto;
}

.bl_pager_inner {
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.bl_pager_inner>*:last-child {
    margin-right: 0;
}

.bl_pager_inner>li {
    margin-right: 15px;
}

.bl_pager_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(24px, 2.326vw, 40px);
    height: clamp(24px, 2.326vw, 40px);
    border: 1px solid currentColor;
    color: #376ba1;
    text-decoration: none;
    transition: 0.25s;
}

.bl_pager_link:focus,
.bl_pager_link:hover {
    background-color: #376ba1;
    color: #fff;
    opacity: 0.75;
    border-color: #376ba1;
}

.bl_pager_link.is_active {
    background-color: #376ba1;
    color: #fff;
    pointer-events: none;
    border-color: #376ba1;
}

/* ポストリスト
  ========================================================================== */
.bl_vertPosts_item {
    border-bottom: 1px solid #ddd;
}

.bl_vertPosts_item:first-child {
    padding-top: 0.8em;
}

.bl_vertPosts_item_header {
    margin-bottom: 10px;
}

.bl_vertPosts_item_ttl {
    text-decoration: none;
}

.bl_vertPosts_item_ttl:focus,
.bl_vertPosts_item_ttl:hover,
.bl_vertPosts_item_ttl:active {
    text-decoration: underline;
}

/* ブログ記事ページ
  ========================================================================== */
.bl_article {
    position: relative;
}

.bl_article_date {
    color: #404040;
    font-size: clamp(16px, 1.395vw, 24px);
}

.bl_article .el_label {
    font-size: clamp(12px, 1.163vw, 20px);
    padding-right: 1.6em;
    padding-left: 1.6em;
    position: absolute;
    top: 0;
    right: 0;
}

.bl_article_imgWrapper {
    width: 100%;
}

.bl_article_ttl {
    margin-top: 1em;
    font-family: "Zen Old Mincho", serif;
    color: #376ba1;
    font-size: clamp(28.8px, 2.791vw, 48px);
    text-align: center;
    margin-top: 0.8em;
    margin-bottom: 0.9em;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.bl_article_txt {
    margin-top: 2.2em;
    font-size: clamp(12px, 0.96vw, 16px);
}

/* フォーム
  ========================================================================== */
.bl_form dt {
    font-size: clamp(14px, 0.96vw, 16px);
    margin-bottom: 0.8em;
}

.bl_form dd {
    margin-bottom: clamp(21.6px, 2.093vw, 36px);
}

.bl_form input[type="text"],
.bl_form input[type="tel"],
.bl_form input[type="email"],
.bl_form input[type="url"],
.bl_form textarea {
    border: 1px solid #cfcfcf;
    width: 100%;
    font-size: clamp(14px, 1.163vw, 20px);
    padding: 0.8em 1em;
}

.bl_form input[type="file"] {
    display: none;
}

.bl_form_file label {
    max-width: 496px;
    text-align: center;
    padding: 1.2em;
    display: block;
    font-size: clamp(12px, 0.96vw, 16px);
    color: #fff;
    background-color: #28afe1;
    cursor: pointer;
    transition: opacity 0.3s ease;
    background-image: url("/assets/img/common/file.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    font-weight: 500;
}

/* パネル
  ========================================================================== */
.bl_panel {
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: center center;
    background-size: cover;
    text-decoration: none;
    color: #376ba1;
    transition: 0.3s;
    width: 100%;
}

.bl_panel:hover {
    color: white;
}

.bl_panel_ttl {
    font-size: clamp(28.8px, 2.791vw, 48px);
    line-height: 1.2;
    font-family: "Zen Old Mincho", serif;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0.3em;
}

.bl_panel_txt {
    font-size: clamp(19.2px, 1.86vw, 32px);
    line-height: 1.2;
    font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: clamp(96px, 9.302vw, 160px);
}

.bl_panel_txt2 {
    font-size: clamp(12px, 0.93vw, 16px);
    height: clamp(144px, 12.267vw, 196px);
    width: 88%;
    line-height: 2;
    text-align: justify;
}

@media (min-width: 992px) {
    .bl_panel_txt2 {
        width: 64%;
    }
}

.bl_panel .el_btn {
    width: 61.176%;
    margin-right: auto;
    margin-left: auto;
}

.bl_panelUnit {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 12px;
}

@media (min-width: 992px) {
    .bl_panelUnit {
        row-gap: 20px;
    }
}

@media (min-width: 768px) {
    .bl_panelUnit__col2 .bl_panel {
        width: calc((100% - 20px) / 2);
    }
}

.bl_panel:hover .el_btn.el_btn__blueInvert {
    background-color: white;
    border: none;
}

.bl_panel:hover .el_btn.el_btn__blueInvert:hover {
    background-color: #376ba1;
}

.bl_panel:hover .el_btn.el_btn__blueInvert:hover::after {
    background-image: url("../img/common/arrow.svg");
}

.bl_panel:hover .el_btn.el_btn__whiteInvert {
    background-color: white;
    border: none;
    color: #376ba1;
}

.bl_panel:hover .el_btn.el_btn__arrowRight::after {
    background-image: url("../img/common/arrow-blue.svg");
}

.bl_panel:hover .el_btn.el_btn__whiteInvert:hover {
    background-color: #376ba1;
    color: white;
}

.bl_panel:hover .el_btn.el_btn__whiteInvert:hover::after {
    background-image: url("../img/common/arrow.svg");
}

/* bl_mv
  ========================================================================== */
.bl_mv {
    width: 100%;
    height: clamp(224px, 39.07vw, 672px);
    background-position: center center;
    background-size: cover;
    text-decoration: none;
    position: relative;
}

/* bl_mv バリエーション Serviceページ内の5つのページで利用
  ========================================================================== */
.bl_mv2 {
    width: 100%;
    height: auto;
    padding: 0 16px 24px 16px;
}

@media (min-width: 768px) {
    .bl_mv2 {
        height: min(47.093vw, 810px);
        display: block;
    }
}

.bl_mv2_inner {
    padding-top: 16px;
}

@media (min-width: 768px) {
    .bl_mv2_inner {
        padding-top: min(6.977vw, 120px);
        padding-left: min(27.907vw, 480px);
    }
}

.bl_mv2 .el_lv1Heading {
    color: white;
    text-align: left;
    font-size: clamp(44px, 8.14vw, 140px);
    line-height: 1;
    padding-left: calc(27.907vw - 12px);
}

@media (min-width: 768px) {
    .bl_mv2 .el_lv1Heading {
        padding-left: 0;
    }
}

.bl_mv2 .el_lv1Heading_sub {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

@media (min-width: 992px) {
    .bl_mv2 .el_lv1Heading_sub {
        margin-top: 1em;
        margin-bottom: 2em;
    }
}

.bl_mv2 .el_lv5Heading {
    color: white;
    line-height: 1.5;
    font-size: clamp(16px, 1.86vw, 32px);
    text-align: center;
}

@media (min-width: 768px) {
    .bl_mv2 .el_lv5Heading {
        line-height: 1;
        text-align: left;
    }
}

.bl_mv2 .el_lv5Heading::after {
    content: "";
    display: block;
    width: clamp(96px, 9.302vw, 160px);
    height: 1px;
    background-color: white;
    margin-top: clamp(28px, 3.256vw, 56px);
}

.bl_mv2 .level6-heading {
    margin-top: clamp(24px, 2.791vw, 48px);
    color: white;
    line-height: 2;
    text-align: justify;
    font-size: clamp(14px, 1.163vw, 20px);
}

.bl_orderList {
    counter-reset: bl_orderList;
}

.bl_orderList:last-child {
    margin-bottom: 0;
}

.bl_orderList li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 2em;
}

.bl_orderList li::before {
    content: counter(bl_orderList) ". ";
    position: absolute;
    top: 0;
    left: 0;
    color: #404040;
    counter-increment: bl_orderList;
}

.bl_horizList {
    border-top: 1px solid #cfcfcf;
}

.bl_horizList_item {
    text-decoration: none;
    display: block;
}

.bl_horizList_item:focus,
.bl_horizList_item:hover,
.bl_horizList_item:active {
    background-color: #ececec;
}

.bl_horizList_date {
    color: #9f9f9f;
}

.bl_horizList dl {
    display: flex;
    border-bottom: 1px solid #cfcfcf;
    align-items: center;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}

.bl_horizList dt {
    font-size: clamp(14px, 0.96vw, 16px);
    color: #404040;
}

@media (min-width: 576px) {
    .bl_horizList dt {
        flex-basis: 36.667%;
        padding-left: 13.333%;
    }
}

.bl_horizList dd {
    font-size: clamp(14px, 0.96vw, 16px);
    color: #404040;
    flex: 1;
}

@media (min-width: 576px) {
    .bl_horizList dd {
        padding-left: 0;
    }
}

.bl_bulletList li {
    position: relative;
    padding-left: 1em;
    margin-bottom: 1em;
}

.bl_bulletList li::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.4em;
    height: 0.4em;
    background-color: #376ba1;
    border-radius: 50%;
}

.bl_bulletList .bl_bulletList>.bl_bulletList>li::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.4em;
    height: 0.4em;
    background-color: #e25c00;
    border-radius: 50%;
}

.bl_horizTable table {
    width: clamp(720px, 69.767vw, 1200px);
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.bl_horizTable th {
    width: 36.667%;
    font-size: clamp(12px, 0.96vw, 16px);
    border-bottom: 1px solid #cfcfcf;
}

.bl_horizTable td {
    padding: 1.3em;
    border-bottom: 1px solid #cfcfcf;
    font-size: clamp(12px, 1.163vw, 20px);
    line-height: 1.2;
    color: #404040;
    text-align: center;
}

.bl_horizTable tr:last-child th,
.bl_horizTable tr:last-child td {
    border-bottom-width: 0;
}

.bl_horizTable tr:last-child th,
.bl_horizTable tr:last-child td {
    border-bottom-width: 0;
}

/* ==========================================================================
  Programs
  ========================================================================== */
.js_pageTop {
    display: none;
}

.js_pageTop.is_active {
    display: block;
}

/* アコーディオン部分 */
.js_accordion {
    display: none;
    transition: all 0.3s ease;
}

.js_accordion.is_open {
    display: block;
}

.js_accordion.is_open::after {
    content: "";
    display: block;
    height: 1px;
    background-color: white;
    max-width: 1096px;
    width: 86.667%;
    margin-top: clamp(40px, 3.958vw, 76px);
    margin-right: auto;
    margin-left: auto;
}

/* トリガーの変化（例として色を変える） */
#report2024.is-active {
    cursor: pointer;
    border-bottom: none;
}

#report2024.is-active::before {
    display: none;
}

/* モーダル画像ラッパー */
.modal-image-wrapper {
    position: relative;
    display: inline-block;
    z-index: 1;
}

/* モーダル画像 */
#modalImage {
    max-width: 86.8vw;
    max-height: 86.8vh;
    display: block;
}

/* 共通ボタンスタイル */
#imageModal button {
    background: none;
    border: none;
    padding: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 2;
}

/* 閉じるボタン：画像の右上 */
.modal-close {
    top: 0;
    right: 0;
    transform: translate(12%, -100%);
}

.modal-close::before,
.modal-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 1px;
    background: white;
    transform-origin: center;
}

.modal-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.modal-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* 前ボタン（左中央） */
.modal-prev {
    top: 50%;
    left: 0;
    transform: translate(-60%, -50%);
}

.modal-prev::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    transform: translate(-54%, -50%) rotate(45deg);
}

/* 次ボタン（右中央） */
.modal-next {
    top: 50%;
    right: 0;
    transform: translate(60%, -50%);
}

.modal-next::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    transform: translate(-46%, -50%) rotate(-45deg);
}

/* ==========================================================================
  Unique
  ========================================================================== */
/* TOP
   ========================================================================== */
.un_chelsea {
    line-height: 1.75;
    color: white;
    font-family: "Zen Old Mincho", serif;
}

.un_chelsea .bl_jumbotron {
    background-image: url("../img/chelsea/mv-sp.jpg");
}

@media (min-width: 768px) {
    .un_chelsea .bl_jumbotron {
        background-image: url("../img/chelsea/mv.svg");
    }
}

.un_chelsea .bl_jumbotron span {
    display: block;
}

.un_chelsea .bl_jumbotron .bl_jumbotron_txt {
    line-height: 3;
    font-size: clamp(13.5px, 0.938vw, 18px);
    text-align: center;
    margin-top: 50px;
}

@media (min-width: 768px) {
    .un_chelsea .bl_jumbotron .bl_jumbotron_txt {
        width: min(57.188vw, 1098px);
        margin-right: auto;
        margin-left: auto;
    }
}

.un_chelsea .un_yearnav {
    display: none;
    padding-top: clamp(50px, 5.417vw, 104px);
    padding-right: 11.467%;
    padding-left: 11.467%;
    font-family: "Cormorant Infant", serif;
    margin-bottom: clamp(80px, 9.375vw, 180px);
}

@media (min-width: 768px) {
    .un_chelsea .un_yearnav {
        padding-right: 0;
        padding-left: 0;
        width: min(39.688vw, 762px);
        margin-right: auto;
        margin-left: auto;
    }
}

.un_chelsea .un_yearnav_container {
    display: flex;
}

@media (min-width: 768px) {
    .un_chelsea .un_yearnav_container {
        border-right: 1px solid white;
        border-left: 1px solid white;
    }
}

.un_chelsea .un_yearnav_column {
    flex: 1;
    text-align: center;
    color: white;
    display: inline-block;
    position: relative;
}

@media (min-width: 768px) {
    .un_chelsea .un_yearnav_column {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 12%;
    }
}

.un_chelsea .un_yearnav_column::after {
    content: "";
    display: block;
    width: 8px;
    height: 16px;
    background-image: url("../img/chelsea/arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 16px;
    margin-right: auto;
    margin-left: auto;
    left: 50%;
    bottom: -24px;
    transform: translate(-50%, 0%) rotate(90deg);
}

@media (min-width: 768px) {
    .un_chelsea .un_yearnav_column::after {
        width: min(0.625vw, 12px);
        height: min(1.25vw, 24px);
        transform: translate(-50%, 0%) rotate(90deg);
        margin-right: initial;
        margin-left: initial;
    }
}

.un_chelsea .un_yearnav_column h2 {
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-size: clamp(33.5px, 2.604vw, 50px);
}

@media (min-width: 768px) {
    .un_chelsea .un_yearnav_column h2 {
        line-height: 1;
    }
}

.un_chelsea .un_yearnav_column p {
    line-height: 1.3889;
    letter-spacing: 0.1em;
    font-size: clamp(12px, 0.938vw, 18px);
}

.un_chelsea .un_yearnav_divider {
    width: 0.5px;
    display: flex;
    align-items: flex-end;
}

@media (min-width: 768px) {
    .un_chelsea .un_yearnav_divider {
        display: block;
    }
}

.un_chelsea .un_yearnav_divider::after {
    content: "";
    display: block;
    background-color: #fff;
    width: 100%;
    height: 84%;
}

@media (min-width: 768px) {
    .un_chelsea .un_yearnav_divider::after {
        height: 100%;
    }
}

.timeless-elegance {
    background-image: url("../img/chelsea/timeless-elegance.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.un_chelsea .bl_cardUnit {
    justify-content: center;
    max-width: 1656px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.un_chelsea .bl_card_imgWrapper {
    position: initial;
    padding-top: initial;
    overflow: initial;
}

.un_chelsea .bl_card_imgWrapper img {
    position: initial;
    transform: initial;
}

.un_chelsea .bl_card_body {
    padding: initial;
    text-align: center;
}

.un_chelsea .bl_card_body *:last-child {
    margin-bottom: 0;
}

.un_chelsea .bl_card_ttl {
    font-family: "Cormorant Infant", serif;
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: clamp(20px, 1.667vw, 32px);
    margin-top: 0.5em;
    margin-bottom: 0.2em;
    color: #8e7c5a;
}

.un_chelsea .bl_card_txt {
    color: white;
    line-height: 1.667;
    letter-spacing: 0.2em;
    font-size: clamp(11px, 0.938vw, 18px);
}

.un_chelsea .bl_card_txt2 {
    font-family: "Cormorant Infant", serif;
    line-height: 1.2;
    font-size: clamp(20px, 1.563vw, 30px);
    color: #8e7c5a;
    position: relative;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 600;
}

@media (min-width: 768px) {
    .un_chelsea .bl_card_txt2 {
        width: 72%;
    }
}

@media (min-width: 992px) {
    .un_chelsea .bl_card_txt2 {
        width: 56%;
    }
}

@media (min-width: 1200px) {
    .un_chelsea .bl_card_txt2 {
        width: 49%;
    }
}

.un_chelsea .bl_card_txt2 span {
    display: block;
    color: white;
    font-size: clamp(12px, 1.042vw, 20px);
    font-weight: 400;
    font-family: "Zen Old Mincho", serif;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.un_chelsea .bl_card_txt2 span::before {
    content: "";
    display: block;
    height: 1px;
    border-top: 1px solid #4d4d4d;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.un_chelsea .bl_card_txt2::before {
    content: "";
    display: block;
    width: clamp(24px, 4.427vw, 85px);
    height: clamp(56px, 4.583vw, 88px);
    background-image: url("../img/chelsea/decoration.svg");
    background-size: contain;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -16%;
    background-repeat: no-repeat;
}

.un_chelsea .bl_card_txt2::after {
    content: "";
    display: block;
    width: clamp(24px, 2.083vw, 40px);
    height: clamp(56px, 4.583vw, 88px);
    background-image: url("../img/chelsea/decoration_right.svg");
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -16%;
    background-repeat: no-repeat;
}

.un_chelsea .bl_card_txt3 {
    line-height: 1.5;
    font-size: clamp(12px, 1.042vw, 20px);
    margin-bottom: 1.5em;
}

.un_chelsea .bl_card_txt4 {
    line-height: 1.0713;
    font-size: clamp(15px, 1.458vw, 28px);
    letter-spacing: 0;
}

.un_chelsea .bl_card_txt5 {
    line-height: 1.875;
    font-size: clamp(12px, 0.833vw, 16px);
    color: white;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.2em;
    margin-top: 2em;
}

.un_chelsea .bl_card_txt5::after {
    content: "";
    display: block;
    width: 8px;
    height: 12px;
    background-image: url("../img/chelsea/arrow2.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.un_chelsea .bl_card__s {
    max-width: 1096px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.un_chelsea .bl_card__s .bl_card_txt2::before {
    top: 0;
    left: -18%;
    transform: initial;
    width: clamp(24px, 4.427vw, 85px);
    height: clamp(56px, 9.375vw, 180px);
}

.un_chelsea .bl_card__s .bl_card_txt2::after {
    top: 0;
    right: -18%;
    transform: initial;
    width: clamp(24px, 4.427vw, 85px);
    height: clamp(56px, 9.375vw, 180px);
}

.un_chelsea .bl_mediaUnit {
    margin-top: 16px;
    margin-bottom: clamp(60px, 9.271vw, 178px);
    padding-right: 24px;
    padding-left: 24px;
}

.un_chelsea .bl_media {
    display: block;
    margin-bottom: clamp(36px, 3.646vw, 70px);
    color: white;
    max-width: 1096px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
}

@media (min-width: 768px) {
    .un_chelsea .bl_media {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.un_chelsea .bl_media_imgWrapper {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .un_chelsea .bl_media_imgWrapper {
        width: 48.358%;
    }
}

@media (min-width: 768px) {
    .un_chelsea .bl_media_item {
        width: 48.358%;
    }
}

.un_chelsea .bl_media_header {
    display: flex;
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .un_chelsea .bl_media_body {
        flex: 1;
    }

    .un_chelsea .bl_media_body *:last-child {
        margin-bottom: 0;
    }
}

.un_chelsea .bl_media_num {
    font-family: "Cormorant Infant", serif;
    font-size: clamp(20px, 1.563vw, 30px);
    line-height: 1;
    color: #8e7c5a;
    border-right: 1px solid #8e7c5a;
    padding-right: 6%;
    margin-right: 6%;
    text-align: center;
}

.un_chelsea .bl_media_num span {
    letter-spacing: 0.1em;
    font-size: clamp(80px, 7.5vw, 144px);
}

.un_chelsea .bl_media_ttl {
    font-family: "Cormorant Infant", serif;
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: clamp(30px, 2.292vw, 44px);
    color: #8e7c5a;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.un_chelsea .bl_media_date {
    font-family: "Cormorant Infant", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    font-size: clamp(15px, 1.042vw, 20px);
}

.un_chelsea .bl_media_txt {
    line-height: 1.5;
    font-size: clamp(15px, 1.042vw, 20px);
    position: relative;
    padding-right: 1em;
}

.un_chelsea .bl_media_txt::after {
    content: "";
    display: block;
    width: 12px;
    height: 24px;
    background-image: url("../img/chelsea/arrow.svg");
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-repeat: no-repeat;
}

.un_chelsea .el_lv3Heading {
    text-align: center;
    margin-bottom: clamp(10px, 1.667vw, 32px);
}

.un_chelsea .un_sns {
    font-family: "Cormorant Infant", serif;
    line-height: 1.667;
    font-size: clamp(12px, 0.938vw, 18px);
    margin-bottom: 2em;
    color: white;
    display: block;
}

.un_chelsea .un_sns figure {
    width: clamp(36px, 2.813vw, 54px);
    margin-right: auto;
    margin-left: auto;
}

.un_chelsea .un_sns p {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    column-gap: 0.5em;
}

.un_chelsea .un_sns p::after {
    content: "";
    display: block;
    width: 8px;
    height: 12px;
    background-image: url("../img/chelsea/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.un_chelsea .el_btn {
    width: clamp(325px, 23.438vw, 450px);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: clamp(60px, 9.375vw, 180px);
}

.un_chelsea .un_past {
    padding-bottom: clamp(36px, 3.958vw, 76px);
    margin-bottom: clamp(50px, 6.25vw, 120px);
}

.un_chelsea .el_lv4Heading {
    max-width: 1096px;
    width: 86.667%;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding-top: clamp(20px, 2.344vw, 45px);
    padding-bottom: clamp(20px, 2.344vw, 45px);
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

@media (min-width: 768px) {
    .un_chelsea .el_lv4Heading {
        padding-left: 1em;
    }
}

.un_chelsea .el_lv4Heading::before {
    content: "";
    display: block;
    width: 1.5px;
    height: clamp(22.5px, 1.563vw, 30px);
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translateY(-50%);
    background-color: white;
}

.un_chelsea .el_lv4Heading::after {
    content: "";
    display: block;
    width: clamp(22.5px, 1.563vw, 30px);
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    right: 4%;
    background-color: white;
}

@media (min-width: 768px) {
    .un_chelsea .el_lv4Heading::after {
        right: 4%;
    }
}

.un_chelsea .un_report {
    margin-top: clamp(26px, 3.125vw, 60px);
    max-width: 1096px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: clamp(20px, 2.083vw, 40px);
}

.un_chelsea .un_report a {
    display: block;
    width: 86.667%;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
    border-bottom: 1px solid white;
}

@media (min-width: 768px) {
    .un_chelsea .un_report a {
        width: 100%;
    }
}

.un_chelsea .un_report a:first-child {
    border-top: 1px solid white;
}

.un_chelsea .un_report dl {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    position: relative;
    padding-top: clamp(20px, 2.813vw, 54px);
    padding-bottom: clamp(24px, 2.813vw, 54px);
}

@media (min-width: 768px) {
    .un_chelsea .un_report dl {
        width: 100%;
        display: flex;
        align-items: center;
    }
}

.un_chelsea .un_report dl::after {
    content: "";
    display: block;
    width: 12px;
    height: 24px;
    background-image: url("../img/chelsea/arrow.svg");
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.2em;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .un_chelsea .un_report dl::after {
        right: 1em;
    }
}

.un_chelsea .un_report dt {
    font-family: "Cormorant Infant", serif;
    letter-spacing: 0.1em;
    font-size: clamp(40px, 2.813vw, 54px);
    color: white;
}

@media (min-width: 768px) {
    .un_chelsea .un_report dt {
        flex: 0 0 41.606%;
    }
}

.un_chelsea .un_report dd {
    font-weight: 700;
    line-height: 1.4286;
    font-size: clamp(16px, 1.094vw, 21px);
    color: white;
}

/* ==========================================================================
  Helpers
  ========================================================================== */
/* display
========================================================================== */
.hp_dn {
    display: none !important;
}

.hp_db {
    display: block !important;
}

.hp_di {
    display: inline !important;
}

.hp_dib {
    display: inline-block !important;
}

.hp_dtb {
    display: table !important;
}

.hp_ditb {
    display: inline-table !important;
}

.hp_dtbc {
    display: table-cell !important;
}

.hp_dtbr {
    display: table-row !important;
}

/* width
========================================================================== */
.hp_wd0p {
    width: 0% !important;
}

.hp_wd5p {
    width: 5% !important;
}

.hp_wd10p {
    width: 10% !important;
}

.hp_wd15p {
    width: 15% !important;
}

.hp_wd20p {
    width: 20% !important;
}

.hp_wd25p {
    width: 25% !important;
}

.hp_wd30p {
    width: 30% !important;
}

.hp_wd35p {
    width: 35% !important;
}

.hp_wd40p {
    width: 40% !important;
}

.hp_wd45p {
    width: 45% !important;
}

.hp_wd50p {
    width: 50% !important;
}

.hp_wd55p {
    width: 55% !important;
}

.hp_wd60p {
    width: 60% !important;
}

.hp_wd65p {
    width: 65% !important;
}

.hp_wd70p {
    width: 70% !important;
}

.hp_wd75p {
    width: 75% !important;
}

.hp_wd80p {
    width: 80% !important;
}

.hp_wd85p {
    width: 85% !important;
}

.hp_wd90p {
    width: 90% !important;
}

.hp_wd95p {
    width: 95% !important;
}

.hp_wd100p {
    width: 100% !important;
}

/* padding
========================================================================== */
.hp_p0 {
    padding: 0px !important;
}

.hp_p5 {
    padding: 5px !important;
}

.hp_p10 {
    padding: 10px !important;
}

.hp_p15 {
    padding: 15px !important;
}

.hp_p20 {
    padding: 20px !important;
}

.hp_p25 {
    padding: 25px !important;
}

.hp_p30 {
    padding: 30px !important;
}

.hp_p35 {
    padding: 35px !important;
}

.hp_p40 {
    padding: 40px !important;
}

.hp_p45 {
    padding: 45px !important;
}

.hp_p50 {
    padding: 50px !important;
}

.hp_p55 {
    padding: 55px !important;
}

.hp_p60 {
    padding: 60px !important;
}

.hp_p65 {
    padding: 65px !important;
}

.hp_p70 {
    padding: 70px !important;
}

.hp_p75 {
    padding: 75px !important;
}

.hp_p80 {
    padding: 80px !important;
}

.hp_p85 {
    padding: 85px !important;
}

.hp_p90 {
    padding: 90px !important;
}

.hp_p95 {
    padding: 95px !important;
}

.hp_p100 {
    padding: 100px !important;
}

/*
padding-top
*/
.hp_pt0 {
    padding-top: 0px !important;
}

.hp_pt5 {
    padding-top: 5px !important;
}

.hp_pt10 {
    padding-top: 10px !important;
}

.hp_pt15 {
    padding-top: 15px !important;
}

.hp_pt20 {
    padding-top: 20px !important;
}

.hp_pt25 {
    padding-top: 25px !important;
}

.hp_pt30 {
    padding-top: 30px !important;
}

.hp_pt35 {
    padding-top: 35px !important;
}

.hp_pt40 {
    padding-top: 40px !important;
}

.hp_pt45 {
    padding-top: 45px !important;
}

.hp_pt50 {
    padding-top: 50px !important;
}

.hp_pt55 {
    padding-top: 55px !important;
}

.hp_pt60 {
    padding-top: 60px !important;
}

.hp_pt65 {
    padding-top: 65px !important;
}

.hp_pt70 {
    padding-top: 70px !important;
}

.hp_pt75 {
    padding-top: 75px !important;
}

.hp_pt80 {
    padding-top: 80px !important;
}

.hp_pt85 {
    padding-top: 85px !important;
}

.hp_pt90 {
    padding-top: 90px !important;
}

.hp_pt95 {
    padding-top: 95px !important;
}

.hp_pt100 {
    padding-top: 100px !important;
}

/*
padding-right
*/
.hp_pr0 {
    padding-right: 0px !important;
}

.hp_pr5 {
    padding-right: 5px !important;
}

.hp_pr10 {
    padding-right: 10px !important;
}

.hp_pr15 {
    padding-right: 15px !important;
}

.hp_pr20 {
    padding-right: 20px !important;
}

.hp_pr25 {
    padding-right: 25px !important;
}

.hp_pr30 {
    padding-right: 30px !important;
}

.hp_pr35 {
    padding-right: 35px !important;
}

.hp_pr40 {
    padding-right: 40px !important;
}

.hp_pr45 {
    padding-right: 45px !important;
}

.hp_pr50 {
    padding-right: 50px !important;
}

.hp_pr55 {
    padding-right: 55px !important;
}

.hp_pr60 {
    padding-right: 60px !important;
}

.hp_pr65 {
    padding-right: 65px !important;
}

.hp_pr70 {
    padding-right: 70px !important;
}

.hp_pr75 {
    padding-right: 75px !important;
}

.hp_pr80 {
    padding-right: 80px !important;
}

.hp_pr85 {
    padding-right: 85px !important;
}

.hp_pr90 {
    padding-right: 90px !important;
}

.hp_pr95 {
    padding-right: 95px !important;
}

.hp_pr100 {
    padding-right: 100px !important;
}

/*
padding-bottom
*/
.hp_pb0 {
    padding-bottom: 0px !important;
}

.hp_pb5 {
    padding-bottom: 5px !important;
}

.hp_pb10 {
    padding-bottom: 10px !important;
}

.hp_pb15 {
    padding-bottom: 15px !important;
}

.hp_pb20 {
    padding-bottom: 20px !important;
}

.hp_pb25 {
    padding-bottom: 25px !important;
}

.hp_pb30 {
    padding-bottom: 30px !important;
}

.hp_pb35 {
    padding-bottom: 35px !important;
}

.hp_pb40 {
    padding-bottom: 40px !important;
}

.hp_pb45 {
    padding-bottom: 45px !important;
}

.hp_pb50 {
    padding-bottom: 50px !important;
}

.hp_pb55 {
    padding-bottom: 55px !important;
}

.hp_pb60 {
    padding-bottom: 60px !important;
}

.hp_pb65 {
    padding-bottom: 65px !important;
}

.hp_pb70 {
    padding-bottom: 70px !important;
}

.hp_pb75 {
    padding-bottom: 75px !important;
}

.hp_pb80 {
    padding-bottom: 80px !important;
}

.hp_pb85 {
    padding-bottom: 85px !important;
}

.hp_pb90 {
    padding-bottom: 90px !important;
}

.hp_pb95 {
    padding-bottom: 95px !important;
}

.hp_pb100 {
    padding-bottom: 100px !important;
}

/*
padding-left
*/
.hp_pl0 {
    padding-left: 0px !important;
}

.hp_pl5 {
    padding-left: 5px !important;
}

.hp_pl10 {
    padding-left: 10px !important;
}

.hp_pl15 {
    padding-left: 15px !important;
}

.hp_pl20 {
    padding-left: 20px !important;
}

.hp_pl25 {
    padding-left: 25px !important;
}

.hp_pl30 {
    padding-left: 30px !important;
}

.hp_pl35 {
    padding-left: 35px !important;
}

.hp_pl40 {
    padding-left: 40px !important;
}

.hp_pl45 {
    padding-left: 45px !important;
}

.hp_pl50 {
    padding-left: 50px !important;
}

.hp_pl55 {
    padding-left: 55px !important;
}

.hp_pl60 {
    padding-left: 60px !important;
}

.hp_pl65 {
    padding-left: 65px !important;
}

.hp_pl70 {
    padding-left: 70px !important;
}

.hp_pl75 {
    padding-left: 75px !important;
}

.hp_pl80 {
    padding-left: 80px !important;
}

.hp_pl85 {
    padding-left: 85px !important;
}

.hp_pl90 {
    padding-left: 90px !important;
}

.hp_pl95 {
    padding-left: 95px !important;
}

.hp_pl100 {
    padding-left: 100px !important;
}

/* margin
========================================================================== */
.hp_m0 {
    margin: 0px !important;
}

.hp_m5 {
    margin: 5px !important;
}

.hp_m10 {
    margin: 10px !important;
}

.hp_m15 {
    margin: 15px !important;
}

.hp_m20 {
    margin: 20px !important;
}

.hp_m25 {
    margin: 25px !important;
}

.hp_m30 {
    margin: 30px !important;
}

.hp_m35 {
    margin: 35px !important;
}

.hp_m40 {
    margin: 40px !important;
}

.hp_m45 {
    margin: 45px !important;
}

.hp_m50 {
    margin: 50px !important;
}

.hp_m55 {
    margin: 55px !important;
}

.hp_m60 {
    margin: 60px !important;
}

.hp_m65 {
    margin: 65px !important;
}

.hp_m70 {
    margin: 70px !important;
}

.hp_m75 {
    margin: 75px !important;
}

.hp_m80 {
    margin: 80px !important;
}

.hp_m85 {
    margin: 85px !important;
}

.hp_m90 {
    margin: 90px !important;
}

.hp_m95 {
    margin: 95px !important;
}

.hp_m100 {
    margin: 100px !important;
}

/*
margin-top
*/
.hp_MT5 {
    margin-top: -5px !important;
}

.hp_MT10 {
    margin-top: -10px !important;
}

.hp_MT15 {
    margin-top: -15px !important;
}

.hp_MT20 {
    margin-top: -20px !important;
}

.hp_MT25 {
    margin-top: -25px !important;
}

.hp_MT30 {
    margin-top: -30px !important;
}

.hp_MT35 {
    margin-top: -35px !important;
}

.hp_MT40 {
    margin-top: -40px !important;
}

.hp_MT45 {
    margin-top: -45px !important;
}

.hp_MT50 {
    margin-top: -50px !important;
}

.hp_MT55 {
    margin-top: -55px !important;
}

.hp_MT60 {
    margin-top: -60px !important;
}

.hp_MT65 {
    margin-top: -65px !important;
}

.hp_MT70 {
    margin-top: -70px !important;
}

.hp_MT75 {
    margin-top: -75px !important;
}

.hp_MT80 {
    margin-top: -80px !important;
}

.hp_MT85 {
    margin-top: -85px !important;
}

.hp_MT90 {
    margin-top: -90px !important;
}

.hp_MT95 {
    margin-top: -95px !important;
}

.hp_MT100 {
    margin-top: -100px !important;
}

.hp_mt0 {
    margin-top: 0px !important;
}

.hp_mt5 {
    margin-top: 5px !important;
}

.hp_mt10 {
    margin-top: 10px !important;
}

.hp_mt15 {
    margin-top: 15px !important;
}

.hp_mt20 {
    margin-top: 20px !important;
}

.hp_mt25 {
    margin-top: 25px !important;
}

.hp_mt30 {
    margin-top: 30px !important;
}

.hp_mt35 {
    margin-top: 35px !important;
}

.hp_mt40 {
    margin-top: 40px !important;
}

.hp_mt45 {
    margin-top: 45px !important;
}

.hp_mt50 {
    margin-top: 50px !important;
}

.hp_mt55 {
    margin-top: 55px !important;
}

.hp_mt60 {
    margin-top: 60px !important;
}

.hp_mt65 {
    margin-top: 65px !important;
}

.hp_mt70 {
    margin-top: 70px !important;
}

.hp_mt75 {
    margin-top: 75px !important;
}

.hp_mt80 {
    margin-top: 80px !important;
}

.hp_mt85 {
    margin-top: 85px !important;
}

.hp_mt90 {
    margin-top: 90px !important;
}

.hp_mt95 {
    margin-top: 95px !important;
}

.hp_mt100 {
    margin-top: 100px !important;
}

/*
margin-right
*/
.hp_MR5 {
    margin-right: -5px !important;
}

.hp_MR10 {
    margin-right: -10px !important;
}

.hp_MR15 {
    margin-right: -15px !important;
}

.hp_MR20 {
    margin-right: -20px !important;
}

.hp_MR25 {
    margin-right: -25px !important;
}

.hp_MR30 {
    margin-right: -30px !important;
}

.hp_MR35 {
    margin-right: -35px !important;
}

.hp_MR40 {
    margin-right: -40px !important;
}

.hp_MR45 {
    margin-right: -45px !important;
}

.hp_MR50 {
    margin-right: -50px !important;
}

.hp_MR55 {
    margin-right: -55px !important;
}

.hp_MR60 {
    margin-right: -60px !important;
}

.hp_MR65 {
    margin-right: -65px !important;
}

.hp_MR70 {
    margin-right: -70px !important;
}

.hp_MR75 {
    margin-right: -75px !important;
}

.hp_MR80 {
    margin-right: -80px !important;
}

.hp_MR85 {
    margin-right: -85px !important;
}

.hp_MR90 {
    margin-right: -90px !important;
}

.hp_MR95 {
    margin-right: -95px !important;
}

.hp_MR100 {
    margin-right: -100px !important;
}

.hp_mr0 {
    margin-right: 0px !important;
}

.hp_mr5 {
    margin-right: 5px !important;
}

.hp_mr10 {
    margin-right: 10px !important;
}

.hp_mr15 {
    margin-right: 15px !important;
}

.hp_mr20 {
    margin-right: 20px !important;
}

.hp_mr25 {
    margin-right: 25px !important;
}

.hp_mr30 {
    margin-right: 30px !important;
}

.hp_mr35 {
    margin-right: 35px !important;
}

.hp_mr40 {
    margin-right: 40px !important;
}

.hp_mr45 {
    margin-right: 45px !important;
}

.hp_mr50 {
    margin-right: 50px !important;
}

.hp_mr55 {
    margin-right: 55px !important;
}

.hp_mr60 {
    margin-right: 60px !important;
}

.hp_mr65 {
    margin-right: 65px !important;
}

.hp_mr70 {
    margin-right: 70px !important;
}

.hp_mr75 {
    margin-right: 75px !important;
}

.hp_mr80 {
    margin-right: 80px !important;
}

.hp_mr85 {
    margin-right: 85px !important;
}

.hp_mr90 {
    margin-right: 90px !important;
}

.hp_mr95 {
    margin-right: 95px !important;
}

.hp_mr100 {
    margin-right: 100px !important;
}

/*
margin-bottom
*/
.hp_MB5 {
    margin-bottom: -5px !important;
}

.hp_MB10 {
    margin-bottom: -10px !important;
}

.hp_MB15 {
    margin-bottom: -15px !important;
}

.hp_MB20 {
    margin-bottom: -20px !important;
}

.hp_MB25 {
    margin-bottom: -25px !important;
}

.hp_MB30 {
    margin-bottom: -30px !important;
}

.hp_MB35 {
    margin-bottom: -35px !important;
}

.hp_MB40 {
    margin-bottom: -40px !important;
}

.hp_MB45 {
    margin-bottom: -45px !important;
}

.hp_MB50 {
    margin-bottom: -50px !important;
}

.hp_MB55 {
    margin-bottom: -55px !important;
}

.hp_MB60 {
    margin-bottom: -60px !important;
}

.hp_MB65 {
    margin-bottom: -65px !important;
}

.hp_MB70 {
    margin-bottom: -70px !important;
}

.hp_MB75 {
    margin-bottom: -75px !important;
}

.hp_MB80 {
    margin-bottom: -80px !important;
}

.hp_MB85 {
    margin-bottom: -85px !important;
}

.hp_MB90 {
    margin-bottom: -90px !important;
}

.hp_MB95 {
    margin-bottom: -95px !important;
}

.hp_MB100 {
    margin-bottom: -100px !important;
}

.hp_mb0 {
    margin-bottom: 0px !important;
}

.hp_mb5 {
    margin-bottom: 5px !important;
}

.hp_mb10 {
    margin-bottom: 10px !important;
}

.hp_mb15 {
    margin-bottom: 15px !important;
}

.hp_mb20 {
    margin-bottom: 20px !important;
}

.hp_mb25 {
    margin-bottom: 25px !important;
}

.hp_mb30 {
    margin-bottom: 30px !important;
}

.hp_mb35 {
    margin-bottom: 35px !important;
}

.hp_mb40 {
    margin-bottom: 40px !important;
}

.hp_mb45 {
    margin-bottom: 45px !important;
}

.hp_mb50 {
    margin-bottom: 50px !important;
}

.hp_mb55 {
    margin-bottom: 55px !important;
}

.hp_mb60 {
    margin-bottom: 60px !important;
}

.hp_mb65 {
    margin-bottom: 65px !important;
}

.hp_mb70 {
    margin-bottom: 70px !important;
}

.hp_mb75 {
    margin-bottom: 75px !important;
}

.hp_mb80 {
    margin-bottom: 80px !important;
}

.hp_mb85 {
    margin-bottom: 85px !important;
}

.hp_mb90 {
    margin-bottom: 90px !important;
}

.hp_mb95 {
    margin-bottom: 95px !important;
}

.hp_mb100 {
    margin-bottom: 100px !important;
}

/*
margin-left
*/
.hp_ML5 {
    margin-left: -5px !important;
}

.hp_ML10 {
    margin-left: -10px !important;
}

.hp_ML15 {
    margin-left: -15px !important;
}

.hp_ML20 {
    margin-left: -20px !important;
}

.hp_ML25 {
    margin-left: -25px !important;
}

.hp_ML30 {
    margin-left: -30px !important;
}

.hp_ML35 {
    margin-left: -35px !important;
}

.hp_ML40 {
    margin-left: -40px !important;
}

.hp_ML45 {
    margin-left: -45px !important;
}

.hp_ML50 {
    margin-left: -50px !important;
}

.hp_ML55 {
    margin-left: -55px !important;
}

.hp_ML60 {
    margin-left: -60px !important;
}

.hp_ML65 {
    margin-left: -65px !important;
}

.hp_ML70 {
    margin-left: -70px !important;
}

.hp_ML75 {
    margin-left: -75px !important;
}

.hp_ML80 {
    margin-left: -80px !important;
}

.hp_ML85 {
    margin-left: -85px !important;
}

.hp_ML90 {
    margin-left: -90px !important;
}

.hp_ML95 {
    margin-left: -95px !important;
}

.hp_ML100 {
    margin-left: -100px !important;
}

.hp_ml0 {
    margin-left: 0px !important;
}

.hp_ml5 {
    margin-left: 5px !important;
}

.hp_ml10 {
    margin-left: 10px !important;
}

.hp_ml15 {
    margin-left: 15px !important;
}

.hp_ml20 {
    margin-left: 20px !important;
}

.hp_ml25 {
    margin-left: 25px !important;
}

.hp_ml30 {
    margin-left: 30px !important;
}

.hp_ml35 {
    margin-left: 35px !important;
}

.hp_ml40 {
    margin-left: 40px !important;
}

.hp_ml45 {
    margin-left: 45px !important;
}

.hp_ml50 {
    margin-left: 50px !important;
}

.hp_ml55 {
    margin-left: 55px !important;
}

.hp_ml60 {
    margin-left: 60px !important;
}

.hp_ml65 {
    margin-left: 65px !important;
}

.hp_ml70 {
    margin-left: 70px !important;
}

.hp_ml75 {
    margin-left: 75px !important;
}

.hp_ml80 {
    margin-left: 80px !important;
}

.hp_ml85 {
    margin-left: 85px !important;
}

.hp_ml90 {
    margin-left: 90px !important;
}

.hp_ml95 {
    margin-left: 95px !important;
}

.hp_ml100 {
    margin-left: 100px !important;
}

.hp_centering {
    margin-right: auto;
    margin-left: auto;
}

/* Background
========================================================================== */
.hp_bgcBase {
    background-color: #f5f5f5 !important;
}

.hp_bgcGrey {
    background-color: #ececec !important;
}

/* font
========================================================================== */
.hp_fwb {
    font-weight: bold !important;
}

/* text-align
========================================================================== */
.hp_tal {
    text-align: left !important;
}

.hp_tac {
    text-align: center !important;
}

.hp_tar {
    text-align: right !important;
}

.hp_taj {
    text-align: justify !important;
}

/* vertical-align
========================================================================== */
.hp_vam {
    vertical-align: middle !important;
}

/* PC
========================================================================== */
.md_only {
    display: none !important;
}

@media (min-width: 768px) {
    .md_only {
        display: inline !important;
    }
}

/* SP
========================================================================== */
.sm_only {
    display: inline !important;
}

@media (min-width: 768px) {
    .sm_only {
        display: none !important;
    }
}

/* マージン　単位em
========================================================================== */
.hp_mt1em {
    margin-top: 1em !important;
}

.hp_mt2em {
    margin-top: 2em !important;
}

.hp_mt3em {
    margin-top: 3em !important;
}

.hp_mt4em {
    margin-top: 4em !important;
}

.hp_mt5em {
    margin-top: 5em !important;
}

.hp_mt6em {
    margin-top: 6em !important;
}

.hp_mt7em {
    margin-top: 7em !important;
}

.hp_mt8em {
    margin-top: 8em !important;
}

.hp_mt9em {
    margin-top: 9em !important;
}

.hp_mt10em {
    margin-top: 10em !important;
}

.hp_mb1em {
    margin-bottom: 1em !important;
}

.hp_mb2em {
    margin-bottom: 2em !important;
}

.hp_mb3em {
    margin-bottom: 3em !important;
}

.hp_mb4em {
    margin-bottom: 4em !important;
}

.hp_mb5em {
    margin-bottom: 5em !important;
}

.hp_mb6em {
    margin-bottom: 6em !important;
}

.hp_mb7em {
    margin-bottom: 7em !important;
}

.hp_mb8em {
    margin-bottom: 8em !important;
}

.hp_mb9em {
    margin-bottom: 9em !important;
}

.hp_mb10em {
    margin-bottom: 10em !important;
}

/* 装飾
========================================================================== */
.hp_red {
    color: #ff0000 !important;
}

.hp_blue {
    color: #376ba1 !important;
}

.hp_underline {
    text-decoration: underline !important;
}

.hp_gradient::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(to bottom, #28afe1, #376ba1);
    z-index: -1;
    pointer-events: none;
}

html,
body {
    overflow-x: hidden;
    width: auto;
    margin: 0;
    padding: 0;
}

.timeless-elegance,
.Furnished {
    padding: 0px !important;
    width: 100% !important;
}

.bl_jumbotron {
    padding: 0px !important;
    margin: 0px;
    position: relative;
}


@media (min-width: 751px) {
    main .bl_jumbotron_inner {
        background-image: url("../img/armani/top_bg.png");
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        position: relative;
        background-position: top center;
        height: fit-content;
    }

    main .bl_jumbotron_inner::after {
        content: "";
        display: block;
        position: absolute;
        background-image: url("../img/armani/top-deco.svg");
        width: 100vw;
        height: clamp(408px, 52.3vw, 1005px);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        top: 10px;
        z-index: 999;
    }

    main .bl_jumbotron_inner img {
        width: 100%;
        max-width: 1602px;
        display: block;
        margin: 0px auto;
    }

    main .bl_jumbotron_txt {
        font-size: clamp(18px, 1.4vw, 27px);
        line-height: 3.3;
        letter-spacing: 8px;
        position: relative;
        text-align: center;
        /* top: clamp(108px, 52.3vw, 305px); */
        top: clamp(50px, 9vw, 305px);
        /* padding-top: 50px; */
    }

    main .timeless-elegance {
        background-image: url("../img/armani/content1_bg.png");
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        position: relative;
        background-position: top center;
        height: clamp(1059px, 137.9vw, 2648px);
        z-index: 0;
    }

    main .timeless-elegance::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url("../img/armani/vision_deco.svg");
        width: 100%;
        height: clamp(340px, 44.38vw, 852.251px);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        opacity: 1;
    }

    main .timeless-elegance p {
        display: block;
        margin: 0px auto;
        width: clamp(680px, 55vw, 900px);
        font-size: clamp(18px, 1.14vw, 22px) !;
        letter-spacing: 0.15em;
        text-shadow:
            0 0 5px black,
            0 0 10px black;
    }

    main .bl_jumbotron_txt {
        font-size: clamp(13px, 2vw, 26px);
    }

    main .hw_jumbotron {
        display: block;
        max-width: 1920px;
        margin: 0 auto;
        position: relative;
    }

    /* higashi-ward-innovation */
    main .hw_jumbotron_ttl {
        margin-top: clamp(7px, 8vw, 31px);
    }

    main .timeless-elegance .el_lv2Heading:first-child {
        height: clamp(420px, 54.6vw, 1050px);
        align-content: center;
        position: relative;
        z-index: 1;
    }

    main .timeless-elegance .el_lv2Heading::before,
    .timeless-elegance .el_lv2Heading::after {
        content: "";
        position: absolute;
        z-index: 0;
        display: block;
        color: #e6cbac35;
        width: 100vw;
        text-align: center;
        font-size: clamp(96.5px, 12.5vw, 241.47px);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        height: clamp(83px, 10.8vw, 208px);
    }

    main .timeless-elegance .el_lv2Heading::before {
        content: "";
        top: clamp(64px, 8.3vw, 160px);
        background-image: url("../img/armani/ARMANI-CASA.svg");
    }

    main .timeless-elegance .el_lv2Heading::after {
        content: "";
        top: clamp(292px, 38vw, 730px);
        background-image: url("../img/armani/MOROTO.svg");
        height: clamp(62px, 8vw, 155px);
    }

    main .timeless-elegance img {
        width: 52%;
        max-width: 952.7956px;
        display: block;
        margin: 0px auto;
    }

    main .timeless-elegance .bl_jumbotron_ttl2 {
        font-size: clamp(18px, 2.4vw, 46px) !important;
        padding-bottom: clamp(12px, 1.6vw, 90px);
    }

    main .timeless-elegance .vision {
        font-size: clamp(18px, 1.6vw, 30.35px) !important;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 122.367px;
        z-index: 1;
    }

    main .hw_timeless-elegance01,
    main .hw_timeless-elegance02,
    main .hw_timeless-elegance03 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    main .hw_timeless-elegance01 {
        position: relative;
        margin: 6.55vw auto 6vw;

    }

    main .hw_timeless-elegance02 {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 14%;
    }

    main .hw_timeless-elegance03 {
        position: absolute;
        left: 0;
        right: 0;
        top: 15%;
    }


    main .hw_timeless-elegance01 .hw_timeless-elegance_left,
    main .hw_timeless-elegance02 .hw_timeless-elegance_left,
    main .hw_timeless-elegance03 .hw_timeless-elegance_left {
        font-size: clamp(20px, 3.35vw, 41px) !important;
        width: 50%;
        text-align: right;
    }

    main .hw_timeless-elegance01 .hw_timeless-elegance_center,
    main .hw_timeless-elegance02 .hw_timeless-elegance_center,
    main .hw_timeless-elegance03 .hw_timeless-elegance_center {
        position: relative;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    main .hw_timeless-elegance01 .hw_timeless-elegance_center img,
    main .hw_timeless-elegance02 .hw_timeless-elegance_center img,
    main .hw_timeless-elegance03 .hw_timeless-elegance_center img {
        display: block;
        max-width: 143px;
    }

    /* main .hw_timeless-elegance01 .hw_timeless-elegance_center::before, */
    main .hw_timeless-elegance02 .hw_timeless-elegance_center::before {
        content: "";
        position: absolute;
        left: 50%;
        top: -50%;
        bottom: calc(-22vw);
        width: 1px;
        background: #fff;
        transform: translateX(-50%) scaleY(0);
        transform-origin: top;
    }

    main .hw_timeless-elegance03 .hw_timeless-elegance_center::before {
        content: "";
        position: absolute;
        left: 50%;
        top: -50%;
        bottom: calc(-12vw);
        width: 1px;
        background: #fff;
        transform: translateX(-50%) scaleY(0);
        transform-origin: top;
    }


    /* main .hw_timeless-elegance03 .hw_timeless-elegance_center::before {
        top: -50%;
        height: clamp(163px, 19vw, 330px);
        height: clamp(140px, 17vw, 306px);
    } */


    main .hw_timeless-elegance01 .hw_timeless-elegance_center::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 50%;
        width: 1px;
        height: clamp(250px, 32vw, 550px);
        height: clamp(162px, 27vw, 600px);
        background: #fff;
        transform: translateX(-50%) scaleY(0);
        transform-origin: bottom;
    }


    /* main .hw_timeless-elegance01 .hw_timeless-elegance_center.is-show::before, */
    /* main .hw_timeless-elegance01 .hw_timeless-elegance_center.is-show::after, */
    main .hw_timeless-elegance02 .hw_timeless-elegance_center.is-show::before,
    main .hw_timeless-elegance03 .hw_timeless-elegance_center.is-show::before {
        transition: transform 0.55s ease .55s;
        transform: translateX(-50%) scaleY(1);
        z-index: 100;
    }


    main .hw_timeless-elegance01 .hw_timeless-elegance_right,
    main .hw_timeless-elegance02 .hw_timeless-elegance_right,
    main .hw_timeless-elegance03 .hw_timeless-elegance_right {
        /* font-size: clamp(20px, 2.4vw, 28px) !important; */
        font-size: clamp(12px, 1.58vw, 28px) !important;
        /* font-size: clamp(12px, 1.58vw, 22px); */
        line-height: 2;
        letter-spacing: 0.14em;
        width: 50%;
    }

    /* 000000000000 */

    /* 画像 TOP*/

    main .un_gallery01,
    main .un_gallery02 {
        position: relative;
        list-style: none;
        display: block;
        width: 92%;
        max-width: 1790px;
        padding: 0px;
        margin: 0px auto;
        z-index: 1;
        top: clamp(55px, 10vw, 80px);
    }



    main .un_gallery01 img,
    main .un_gallery02 img {
        width: 100%;
        display: block;
        position: relative;
    }


    .gallery_fadein {
        opacity: 0;
        transform: scale(1);
        transition:
            opacity 1s ease,
            transform 1s cubic-bezier(.22, .61, .36, 1);
    }


    .gallery_fadein.is-show {
        display: block;
        position: relative;
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }


    main .un_gallery01 p,
    main .un_gallery02 p {
        margin-block: 0;
        position: relative;
        padding: 0;
        display: inline-block;
    }


    /* ===== TẠO LINE ===== */
    .line-block__left::after,
    .line-block__top::after,
    .line-block__right::before,
    .line-block__bottom::after {
        content: "";
        position: absolute;
        background: #fff;
        z-index: 1000;
        transition: transform 1s cubic-bezier(.77, 0, .18, 1);
    }


    /* ===== HƯỚNG VẼ LINE ===== */
    .line-block__left::after {
        width: min(165%, 813px);
        left: -20%;
        bottom: 0;
        height: 1px;
        transform: scaleX(0);
        transform-origin: left;
    }


    .line-block__right::before {
        top: 0;
        width: min(165%, 813px);
        right: -20%;
        height: 1px;
        transform: scaleX(0);
        transform-origin: right;
    }


    .line-block__top::after {
        left: 0;
        top: -127%;
        width: 1px;
        height: 165%;
        transform: scaleY(0);
        transform-origin: top;
    }


    .line-block__bottom::after {
        left: 0;
        bottom: -75%;
        width: 1px;
        height: 110%;
        transform: scaleY(0);
        transform-origin: bottom;
    }


    main .un_gallery01 .line-block__bottom::after {
        left: 0;
        bottom: -75%;
        width: 1px;
        height: 110%;
        transform: scaleY(0);
        transform-origin: bottom;
    }

    main .un_gallery02 .line-block__bottom::after {
        left: 0;
        bottom: -30%;
        width: 1px;
        height: 66%;
        transform: scaleY(0);
        transform-origin: bottom;
    }


    /* ===== CHỈ frame-show MỚI KÍCH HOẠT LINE ===== */
    .line-block__left.frame-show::after {
        transform: scaleX(1);
    }


    .line-block__right.frame-show::before {
        transform: scaleX(1);
    }


    .line-block__top.frame-show::after {
        transform: scaleY(1);
    }


    main .un_gallery01 .line-block__bottom.frame-show::after,
    main .un_gallery02 .line-block__bottom.frame-show::after {
        transform: scaleY(1);
    }


    main .un_gallery01::before,
    main .un_gallery02::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -49%);
        width: clamp(220px, 30vw, 540px);
        height: clamp(220px, 30vw, 540px);
        opacity: 0;
        z-index: 5;
        pointer-events: none;
        transition: opacity 1.5s cubic-bezier(.77, 0, .18, 1);
    }


    main .un_gallery01::before {
        background: url("../img/img-top_logo.png") center center/ contain no-repeat;


    }


    main .un_gallery02::before {
        background: url("../img/img-supper_logo.png") center center / contain no-repeat;
    }



    main .un_gallery01.logo-show::before,
    main .un_gallery02.logo-show::before {
        transform: translate(-50%, -49%);
        opacity: 1;
    }


    /* .un_gallery01 img:nth-child(3)::after,
    .un_gallery01 img:un_nth-child(6)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: 70%;
        background: #fff;
        transform: translateY(-50%) scaleY(0);
        transform-origin: top;
    }

    .un_gallery01 img:nth-child(-n+4)::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 70%;
        height: 1px;
        background: #fff;
        transform: translateX(-50%) scaleX(0);
        transform-origin: left;
    }

    .un_gallery01.show-line img::before,
    .un_gallery01.show-line img::after {
        animation: growLine 1.2s cubic-bezier(.22, .61, .36, 1) forwards;
    }

    @keyframes growLine {
        from {
            transform: translateY(-50%) scaleY(0);
        }

        to {
            transform: translateY(-50%) scaleY(1);
        }
    }

    @keyframes growLineX {
        from {
            transform: translateX(-50%) scaleX(0);
        }

        to {
            transform: translateX(-50%) scaleX(1);
        }
    } */


    /* main .un_gallery::after {
        content: "";
        display: block;
        position: absolute;
        clear: both;
        background-image: url("../img/SVG/img-txt_pc.svg");
        width: 1920px;
        height: 92px;
        top: 95%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        left: 0;
        z-index: 3;
    } */

    main .hw-innovation_inner {
        position: relative;
    }


    /* main .un_gallery01::after {
        content: "";
        display: block;
        position: absolute;
        background-image: url("../img/SVG/img-txt_pc.svg");
        width: 100%;
        height: 30vw;
        height: clamp(150px, 30vw, 400px);
        top: 50%;
        transform: translate(5px, -49%);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        left: 0;
        z-index: 1;
    } */



    /* main .un_gallery02 .img-wrap::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: "Cormorant", serif;
        font-size: clamp(24px, 2.5vw, 41px);
        color: #fff;
        letter-spacing: 0.1em;
        content: "";
        display: block;
        z-index: 2;
        pointer-events: none;
    } */

    /* main .un_gallery02 li:nth-child(1) .img-wrap:nth-child(1)::before {
        content: "NOBLE";
    }

    main .un_gallery02 li:nth-child(1) .img-wrap:nth-child(2)::before {
        content: "AUTHENTIC";
    }

    main .un_gallery02 li:nth-child(2) .img-wrap:nth-child(1)::before {
        content: "MAJESTIC";
    }

    main .un_gallery02 li:nth-child(2) .img-wrap:nth-child(2)::before {
        content: "XXXFFF";
    } */

    /* main .un_gallery01 li,
    main .un_gallery02 li {
        display: grid;
        width: 100%;
        max-width: 1920px;
        margin: 0px auto;
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4), 1fr));
    } */

    main .un_gallery01 li,
    main .un_gallery02 li {
        display: grid;
        width: 100%;
        max-width: 1920px;
        margin: 0px auto;
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4), 1fr));
    }

    main .un_gallery01 .img-wrap img,
    main .un_gallery02 .img-wrap img {
        width: 100%;
        height: auto;
        border: 1px solid #e6cbac;
        display: block;
    }


    main .hw_concept {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-layout01_pc.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        padding: 0;
        z-index: 1;
        margin: 0;
        background-position: top center;
        /* height: clamp(759px, 88.9vw, 1560px); */
        height: clamp(617px, 81vw, 1560px);
        /* margin-top: clamp(-295px, -5vw, -38px); */
        margin-top: clamp(-52px, -10vw, 677px);
        /* border: 1px solid red; */
    }


    main .hw_concept .bl_jumbotron_ttl2 {
        font-size: clamp(24px, 3vw, 46px) !important;
        margin-top: clamp(172px, 25vw, 377px);
        text-align: center;
        line-height: 2;
        letter-spacing: 6.4px;
    }

    main .hw_concept .bl_jumbotron_txt {
        text-align: center;
    }


    main .hw_franckmuller {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-gaikan00.png);
        background-size: contain;
        background-repeat: no-repeat;
        /* background-color: #021649; */
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        background-position: top center;
        height: clamp(485px, 65.9vw, 1270px);
        height: clamp(485px, 82.9vw, 1920px);
        z-index: 0;
    }

    main .hw_franckmuller p {
        font-size: clamp(20px, 2.4vw, 29px);
        text-align: center;
        position: absolute;
        letter-spacing: 0.14rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0;
        color: #fff;
        z-index: 1;
        left: 0;
        right: 0;
        top: 12%;
    }



    main .hw-nobleluxury__wrap,
    main .hw-authenticluxury__wrap,
    main .hw-majesticluxury__wrap {
        max-width: 1078px;
        width: 100%;
        margin: 0 auto clamp(6%, 80px, 12%);
        padding: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 3vw 0;
    }

    main .hw-nobleluxury .hw-nobleluxury__item,
    main .hw-authenticluxury .hw-authenticluxury__item,
    main .hw-majesticluxury .hw-majesticluxury__item {
        /* display: flex; */
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 3vw 0;
        width: 48.7%;
    }

    /* main .hw-nobleluxury .hw-nobleluxury__image,
    main .hw-authenticluxury .hw-authenticluxury__image,
    main .hw-majesticluxury .hw-majesticluxury__image {
        width: 48.7%;
        margin-bottom: 3%;
    } */


    main .hw-nobleluxury .hw-nobleluxury__item .hw-nobleluxury__title,
    main .hw-authenticluxury .hw-authenticluxury__item .hw-authenticluxury__title,
    main .hw-majesticluxury .hw-majesticluxury__item .hw-majesticluxury__title {
        margin-block: 0;
        width: clamp(280px, 43vw, 512px);
    }

    main .hw-nobleluxury .hw-nobleluxury__item .hw-nobleluxury__text,
    main .hw-authenticluxury .hw-authenticluxury__item .hw-authenticluxury__text,
    main .hw-majesticluxury .hw-majesticluxury__item .hw-majesticluxury__text {
        margin-top: 1vw;
        font-family: "Zen Old Mincho", sans-serif;
        font-size: clamp(18px, 2vw, 28px);
        letter-spacing: 0.2em;
        line-height: 2;
        padding: 8% 0 2%;
    }


    main .hw-nobleluxury .hw-nobleluxury__content:not(:last-child),
    main .hw-majesticluxury .hw-majesticluxury__content:not(:last-child),
    main .hw-authenticluxury .hw-authenticluxury__content:not(:last-child),
    main .hw-authenticluxury .hw-authenticluxury__image:not(:last-child),
    main .hw-nobleluxury .hw-nobleluxury__image:not(:last-child),
    main .hw-majesticluxury .hw-majesticluxury__image:not(:last-child) {
        margin-bottom: 6%;
        /* width: 48.7%; */

    }

    main .hw-nobleluxury .hw-nobleluxury__description,
    main .hw-authenticluxury .hw-authenticluxury__description,
    main .hw-majesticluxury .hw-majesticluxury__description {
        font-size: clamp(14px, 1.68vw, 18px);


        font-family: "Zen Old Mincho", sans-serif;
        letter-spacing: 0.142em;
        line-height: 2.4;
        margin-block: 0;
    }

    main .hw-authenticluxury .hw-authenticluxury__bottom .hw-authenticluxury__text,
    main .hw-nobleluxury .hw-nobleluxury__bottom .hw-nobleluxury__text,
    main .hw-majesticluxury .hw-majesticluxury__bottom .hw-majesticluxury__text {
        font-size: clamp(20px, 2.4vw, 29px);
        text-align: center;
        letter-spacing: 0.2em;
        margin: 7% auto 5%;
    }


    main .hw-authenticluxury .hw-authenticluxury__bottom .more-block,
    main .hw-nobleluxury .hw-nobleluxury__bottom .more-block,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more-block {
        margin: 6vw auto;
        max-width: 285px;
        width: 100%;
    }

    main .hw-authenticluxury .hw-authenticluxury__bottom .more,
    main .hw-nobleluxury .hw-nobleluxury__bottom .more,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more {
        height: 65px;
        display: flex;
        align-items: center;
        padding-left: 10px;
        font-family: "Zen Old Mincho", sans-serif;
        font-weight: normal;
        font-size: 1.4286rem;
        color: rgb(255, 255, 255);
        max-width: 100%;
        box-sizing: border-box;
        position: relative;
        z-index: 2;
        /* background: rgba(255, 255, 255, 0.05); */
        border-bottom: none;
    }

    main .hw-authenticluxury .hw-authenticluxury__bottom .more-arrow,
    main .hw-nobleluxury .hw-nobleluxury__bottom .more-arrow,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more-arrow {
        justify-content: space-between;
        flex-direction: row-reverse;
        padding-left: 20px;
    }

    main .hw-authenticluxury .hw-authenticluxury__bottom .more.brown,
    main .hw-nobleluxury .hw-nobleluxury__bottom .more.brown,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more.brown {
        background: #866239;
    }

    main .hw-authenticluxury .hw-authenticluxury__bottom .more-arrow::before,
    main .hw-nobleluxury .hw-nobleluxury__bottom .more-arrow::before,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more-arrow::before {
        content: '';
        display: block;
        background-image: url(/higashi-ward-innovation/assets/img/SVG/arrow.svg);
        background-color: transparent;
        background-size: cover;
        width: 28px;
        height: 8px;
        position: static;
    }

    main .hw-authenticluxury .hw-authenticluxury__bottom .more-arrow::after,
    main .hw-nobleluxury .hw-nobleluxury__bottom .more-arrow::after,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more-arrow::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #000;
        z-index: -1;
        -webkit-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
        left: 100%;
    }


    main .hw_gaikan01 {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-gaikan01.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        padding: 0;
        color: #fff;
        margin: 0;
        background-position: top center;
        height: clamp(570px, 81.9vw, 1568px);
        z-index: 0;
    }


    main .hw_gaikan02 {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-gaikan02.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        padding: 0;
        color: #000;
        margin: 0;
        background-position: top center;
        height: clamp(570px, 85vw, 1618px);
        z-index: 0;
    }

    main .hw_gaikan03 {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-gaikan03.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        padding: 0;
        color: #fff;
        margin: 0;
        background-position: top center;
        height: clamp(852px, 109vw, 2088px);
        height: clamp(857px, 115vw, 2194px);
        z-index: 0;
    }


    main .hw_gaikan01 p,
    main .hw_gaikan02 p {
        font-size: clamp(20px, 2.4vw, 29px);
        text-align: center;
        position: absolute;
        letter-spacing: 0.14rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0;
        z-index: 1;
        left: 0;
        right: 0;
        top: 7%;
    }

    main .hw_gaikan03 p.title {
        font-size: clamp(20px, 2.4vw, 29px);
        text-align: center;
        position: absolute;
        letter-spacing: 0.14rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0;
        color: #fff;
        z-index: 1;
        left: 0;
        right: 0;
        top: 42%;
    }


    main .produced-by {
        width: 100%;
        max-width: 1445px;
        margin: 15% auto 9%;
        padding: 0;
    }


    main .produced-by__item {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
        gap: 1vw 3vw;
        align-items: stretch;
    }

    main .produced-by .name {
        /* width: clamp(305px, 39.7vw, 477.073px); */
        margin: 0px auto;
        display: block;
        padding-top: clamp(38.4px, 5vw, 60px);
        padding-bottom: clamp(38.4px, 5vw, 60px);
    }

    main .produced-by .picture {
        /* width: clamp(398.7px, 51.2vw, 623px); */
        display: block;
        margin: 0px auto;
    }

    main .produced-by .produced-by__title {
        text-align: center;
        display: block;
        margin: 2% auto 5%;
    }

    main .produced-by .produced-by__title h3 {
        font-size: min(5vw, 46px);
        margin: 0;
        letter-spacing: 0.14em;
    }

    main .produced-by .produced-by__title p {
        font-size: clamp(16px, 1.8vw, 25px);
        margin: 0;
        letter-spacing: 0.14em;
    }

    main .produced-by .text {
        /* width: clamp(630px, 75vw, 900px); */
        font-size: clamp(12.9px, 1.48vw, 18px);
        margin: 0px auto;
        padding: 0px;
        padding-top: clamp(28.8px, 3.75vw, 45px);
    }

    main .produced-by .producer {
        font-size: clamp(12.8px, 1.66vw, 20px);
        text-align: right;
        /* width: clamp(500px, 63vw, 800px); */
        padding: 0px;
        margin-block: 0;
    }

    main .produced-by .producer span {
        font-size: clamp(10px, 1.16vw, 14px);
        display: block;
    }

    main .furnished {
        background-image: url("../img/armani/content4.png");
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
        height: clamp(813px, 105.8vw, 2033px);
    }

    main .furnished img {
        width: clamp(640.8px, 83.4vw, 1602px);
        display: block;
        margin: 0px auto;
    }

    main .furnished h3 {
        line-height: 0px;
    }

    main .furnished .b {
        padding: 0px;
    }

    main .furnished .a {
        margin-top: 50px;
    }

    main .furnished p {
        font-size: clamp(15.5px, 2vw, 38.38px);
        text-align: center;
        padding-top: 1em;
    }

    main .bottom {
        padding-top: 80px;
    }

    main .bottom p {
        font-size: clamp(15.5px, 2vw, 38.82px);
        width: fit-content;
        text-align: center;
        line-height: clamp(31.2px, 4vw, 78px);
        margin: 0px auto 140px auto;
    }

    main .bottom p .name {
        font-size: clamp(14px, 1vw, 20px);
        line-height: clamp(26.4px, 3.4vw, 66px);
        display: block;
        text-align: right;
        padding-right: clamp(8px, 0.78vw, 15px);
        position: relative;
    }

    main .bottom p .name::before {
        content: "";
        width: clamp(18.8px, 2.4vw, 47px);
        height: 0.7px;
        background-color: white;
        display: block;
        position: absolute;
        right: clamp(180px, 12.76vw, 245px);
        bottom: clamp(12px, 1.66vw, 32px);
    }

    main .bottom a {
        width: 100%;
        max-width: 690px;
        margin: 0px auto 200px auto;
        display: block;
        background-color: transparent;
        transition: background-color 300ms ease;
    }

    .sp {
        display: none;
    }

    .pc {
        display: block;
    }
}



@media (max-width: 750px) {
    main .bl_jumbotron_inner {
        background-image: url("../img/armani/top_bg_sp.png");
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        position: relative;
        background-position: top center;
        height: fit-content;
        height: clamp(468.5px, 130vw, 976px);
    }

    main .bl_jumbotron_inner::after {
        content: "";
        display: block;
        position: absolute;
        background-image: url("../img/armani/top_deco_sp.svg");
        width: 100%;
        height: clamp(468.5px, 130vw, 976px);
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
        top: clamp(-10px, -1.3vw, -4.8px);
        z-index: 999;
    }

    main .bl_jumbotron_inner img {
        width: 100%;
        display: block;
    }

    main .bl_jumbotron_inner .a {
        margin: clamp(96px, 26.6vw, 200px) auto 0px auto;
    }


    main .hw_jumbotron {
        width: 90%;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    main .hw_jumbotron_ttl {
        display: block;
        width: 80vw;
        margin: clamp(55px, 6.6vw, 80px) auto 5vw;

        opacity: 0;
        animation: ttlFadeUp 1.2s cubic-bezier(.22, .61, .36, 1) forwards;
        animation-delay: 0.6s;

    }

    @keyframes ttlFadeUp {
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    main .hw_timeless-elegance01,
    main .hw_timeless-elegance02 {
        padding-block: 6vw;
    }

    main .timeless-elegance {
        background-image: url("../img/armani/content1_bg_sp.png");
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        position: relative;
        background-position: top center;
        height: clamp(1164.96px, 323.6vw, 2427px);
        z-index: 0;
    }

    main .timeless-elegance::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url("../img/armani/vision_deco_sp.svg");
        width: 100%;
        height: clamp(318.2px, 88.4vw, 663px);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
    }

    main .timeless-elegance p {
        display: block;
        margin: 0px auto;
        width: clamp(292px, 81.1vw, 608.65px);
        font-size: clamp(14.4px, 4vw, 30px);
        letter-spacing: 0px;
    }

    main .timeless-elegance .el_lv2Heading {
        align-content: center;
        position: relative;
        z-index: 1;
    }

    main .timeless-elegance .el_lv2Heading img {
        width: clamp(240px, 66.66vw, 500px);
    }

    main .timeless-elegance .el_lv2Heading::before,
    .timeless-elegance .el_lv2Heading::after {
        content: "";
        position: absolute;
        z-index: 0;
        display: block;
        color: #e6cbac35;
        width: 100%;
        text-align: center;
        font-size: clamp(96.5px, 12.5vw, 241.47px);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        height: clamp(83px, 10.8vw, 208px);
    }

    main .timeless-elegance .el_lv2Heading::before {
        content: "";
        top: clamp(-40px, -5.3vw, -80.2px);
        background-image: url("../img/armani/ARMANI-CASA.svg");
    }

    main .timeless-elegance .el_lv2Heading::after {
        content: "";
        top: clamp(278px, 77.3vw, 580px);
        background-image: url("../img/armani/MOROTO.svg");
        height: clamp(62px, 8vw, 155px);
    }

    main .timeless-elegance img {
        width: 64%;
        max-width: 480px;
        display: block;
        position: relative;
        margin: 0px auto;
    }

    main .timeless-elegance .bl_jumbotron_ttl2 {
        font-size: clamp(24px, 6.6vw, 50px);
        padding-bottom: clamp(12px, 1.6vw, 90px);
        width: clamp(239px, 66.4vw, 450px);
        padding-top: 200px;
    }

    main .timeless-elegance .vision {
        font-size: clamp(15.36px, 4.26vw, 32px);
        line-height: 4.3;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 0px;
        z-index: 1;
    }


    /* 0000000000 */

    /* 画像 TOP SP*/



    /* main .un_gallery02 .img-wrap {
        position: relative;
    }

    main .un_gallery02 .img-wrap::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: "Cormorant", serif;
        font-size: clamp(24px, 2.5vw, 41px);
        color: #fff;
        letter-spacing: 0.1em;
        content: "";
        display: block;
        z-index: 2;
        pointer-events: none;
    } */

    /* main .un_gallery02 li:nth-child(1) .img-wrap:nth-child(1)::before {
        content: "NOBLE";
    }

    main .un_gallery02 li:nth-child(1) .img-wrap:nth-child(2)::before {
        content: "MAJESTIC";

    }

    main .un_gallery02 li:nth-child(2) .img-wrap:nth-child(1)::before {
        content: "AUTHENTIC";
    }

    main .un_gallery02 li:nth-child(2) .img-wrap:nth-child(2)::before {
        content: "XXXFFF";
    } */

    /* main .un_gallery02::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url("../img/SVG/img-supper_logo.svg");
        width: 100%;
        height: 60vw;
        top: 50%;
        transform: translateY(-50%);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        left: 0;
        z-index: 1;
    } */


    /* 画像 TOP*/

    main .un_gallery01,
    main .un_gallery02 {
        list-style: none;
        padding: 0px;
        margin: 0 auto;
        width: 90%;
        position: relative;
        top: clamp(24px, 6.6vw, 50px);
        z-index: 2;
    }

    main .un_gallery01 li,
    main .un_gallery02 li {
        display: grid;
        width: 100%;
        max-width: 1920px;
        margin: 0px auto;
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2), 1fr));
    }

    main .un_gallery01 li,

    main .un_gallery02 li {
        display: grid;
        width: 100%;
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2), 1fr));
    }



    main .un_gallery01 img,
    main .un_gallery02 img {
        width: 100%;
        display: block;
        position: relative;
    }


    .gallery_fadein {
        opacity: 0;
        transform: scale(1);
        transition:
            opacity 1s ease,
            transform 1.1s cubic-bezier(.22, .61, .36, 1);
    }


    .gallery_fadein.is-show {
        display: block;
        position: relative;
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }


    main .un_gallery01 p,
    main .un_gallery02 p {
        margin: 0;
        position: relative;
        padding: 0;
        display: block;
    }

    /* ===== TẠO LINE ===== */
    .line-block__left::after,
    .line-block__top::after,
    .line-block__right::before,
    .line-block__bottom::after {
        content: "";
        position: absolute;
        background: #fff;
        z-index: 1000;
        transition: transform 1s cubic-bezier(.77, 0, .18, 1);
    }


    .line-block__left::after {
        width: 53%;
        left: -10%;
        bottom: 0;
        height: 1px;
        transform: scaleX(0);
        transform-origin: left;
    }

    .line-block__right::before {
        width: 53%;
        right: -10%;
        top: 0;
        height: 1px;
        transform: scaleX(0);
        transform-origin: right;
    }



    main .un_gallery01 .line-block__top::after,
    main .un_gallery02 .line-block__top::after {
        left: 0;
        top: -12%;
        width: 1px;
        height: min(490px, 148%);
        transform: scaleY(0);
        transform-origin: top;
    }



    main .un_gallery01 .line-block__bottom::after,
    main .un_gallery02 .line-block__bottom::after {
        left: 0;
        bottom: -26%;
        width: 1px;
        height: min(490px, 159%);
        transform: scaleY(0);
        transform-origin: bottom;
    }


    /* ===== CHỈ frame-show MỚI KÍCH HOẠT LINE ===== */
    .line-block__left.frame-show::after {
        transform: scaleX(1);
    }


    .line-block__right.frame-show::before {
        transform: scaleX(1);
    }


    main .un_gallery01 .line-block__top.frame-show::after,
    main .un_gallery02 .line-block__top.frame-show::after {
        transform: scaleY(1);
    }


    main .un_gallery01 .line-block__bottom.frame-show::after,
    main .un_gallery02 .line-block__bottom.frame-show::after {
        transform: scaleY(1);
    }


    main .un_gallery01::before,
    main .un_gallery02::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        height: clamp(230px, 58vw, 660px);
        width: clamp(230px, 58vw, 660px);
        transform: translate(-49.76666%, -49.1%);
        opacity: 0;
        z-index: 5;
        pointer-events: none;
        transition: transform 1s cubic-bezier(.22, .61, .36, 1),
            opacity 1.5s cubic-bezier(.77, 0, .18, 1);
    }


    main .un_gallery01::before {
        background: url("../img/img-top_logo.png") center / contain no-repeat;

    }

    main .un_gallery02::before {
        background: url("../img/img-supper_logo.png") center / contain no-repeat;
    }


    main .un_gallery01.logo-show::before,
    main .un_gallery02.logo-show::before {
        transform: translate(-49.76666%, -49.1%);
        opacity: 1;
    }


    /* gaikan00 */
    main .hw_franckmuller {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-gaikan00.png);
        background-size: contain;
        background-repeat: no-repeat;
        /* background-color: #021649; */
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        background-position: top center;
        height: clamp(334px, 88.9vw, 661px);
        z-index: 0;
    }

    /* main .hw_franckmuller::before {
        position: absolute;
        right: 0;
        top: -3em;
        left: 0;
        width: 1px;
        height: min(23vw, 95px);
        margin: 0 auto;
        background-color: #fff;
        text-align: center;
        content: "";
        z-index: 10;
    } */

    main .hw_franckmuller p {
        font-size: clamp(10px, 2.8vw, 39px);
        text-align: center;
        padding-top: 1em;
        position: relative;
        letter-spacing: 0.6rem;
        margin: 0;
        padding: 0;
        top: clamp(35px, 5vw, 60px);
    }


    main .hw_concept {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-layout01_sp.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        background-position: top center;
        height: clamp(584px, 178vw, 1044px);
        height: clamp(628px, 184vw, 1175px);
        z-index: 1;
        /* margin-top: clamp(-295px, -5vw, -38px); */
        /* border: 1px solid red; */
    }


    main .hw_timeless-elegance01 .bl_jumbotron_ttl2,
    main .hw_concept .bl_jumbotron_ttl2 {
        width: clamp(308px, 89vw, 642px);
        margin: 0 auto;
        font-size: clamp(24px, 7vw, 46px) !important;
        letter-spacing: 0.05em;
        /* margin-top: clamp(72px, 13vw, 177px); */
        padding-top: clamp(72px, 27vw, 147px);
        padding-top: clamp(20px, 25vw, 147px);
    }

    main .hw_concept .bl_jumbotron_txt {
        width: 90%;
        margin: 0 auto;
        font-size: clamp(12.96px, 4vw, 26px);
        width: clamp(308px, 89vw, 642px);
        line-height: clamp(28px, 7.8vw, 58.6px);
        margin: clamp(19.2px, 5.3vw, 40px) auto;
        letter-spacing: 0.14em;
        display: block;
    }

    main .hw_timeless-elegance03 {
        display: grid;
        grid-template-columns: 1fr;
        line-height: 2.15;
        letter-spacing: 0.14em;
        width: 90%;
        padding: 0;
        margin: 0;
        width: 100%;
        color: #fff;
        z-index: 1;
        padding-top: clamp(2px, 18vw, 8.6px);
    }

    main .hw_timeless-elegance03 .hw_timeless-elegance_left {
        position: relative;
        font-size: clamp(46px, 16vw, 111px) !important;
        font-family: "Hina Mincho", sans-serif;
        letter-spacing: 0.14em;
        text-align: center;
        margin: 0;
    }


    main .hw_timeless-elegance03 .hw_timeless-elegance_left::before {
        position: absolute;
        /* content: ""; */
        border: 1px solid #fff;
        transform: translate(-50%, -50%);
        right: 0;
        top: 0;
        z-index: 2;
        height: clamp(90px, 23vw, 450px);
        transform: translateY(clamp(0%, 9%, 42%));
    }

    /* main .hw_timeless-elegance03 .hw_timeless-elegance_left::after {
        content: "";
        display: block;
        position: absolute;
        background-image: url(../img/img-light.png);
        width: 100%;
        height: clamp(30px, 4vw, 60px);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        right: 0;
        top: 50%;
        transform: translate(50%, -50%);
    } */


    /* main .hw_timeless-elegance03 .hw_timeless-elegance_right {
        font-size: clamp(12px, 1.58vw, 22px);
        font-size: clamp(12.96px, 3vw, 27px);
        line-height: 2.15;
        letter-spacing: 0.14em;
        padding: 3rem 0 0;
        margin: 0;
        text-align: center;
    } */

    /* dfdf */


    main .hw_timeless-elegance02,
    main .hw_timeless-elegance03,
    main .hw_gaikan03 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        gap: 2vw;
        align-items: center;
    }

    main .hw_timeless-elegance01 {
        margin: 6vw auto;

    }

    main .hw_timeless-elegance02 {
        bottom: 4%;
        position: absolute;
        left: 0;
        right: 0;
    }


    main .hw_timeless-elegance03 {
        top: 8%;
        position: absolute;
        left: 0;
        right: 0;
    }



    main .hw_timeless-elegance01 .hw_timeless-elegance_left,
    main .hw_timeless-elegance02 .hw_timeless-elegance_left,
    main .hw_timeless-elegance03 .hw_timeless-elegance_left {
        font-size: clamp(15px, 5vw, 45px);
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: baseline;
        margin: 0;
        padding: 0;
    }

    main .hw_timeless-elegance02 .hw_timeless-elegance_left,
    main .hw_timeless-elegance03 .hw_timeless-elegance_left {
        width: 100%;
        max-width: 460px;
    }



    main .hw_timeless-elegance01 .hw_timeless-elegance_left {
        justify-content: flex-start;
    }



    main .hw_timeless-elegance01 .hw_timeless-elegance_right,
    main .hw_timeless-elegance02 .hw_timeless-elegance_right,
    main .hw_timeless-elegance01 .hw_timeless-elegance_center,
    main .hw_timeless-elegance03 .hw_timeless-elegance_center {
        position: relative;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    main .hw_timeless-elegance01 .hw_timeless-elegance_right {
        /* font-size: clamp(12px, 1.58vw, 28px); */
        font-size: clamp(12.96px, 4vw, 26px) !important;
        line-height: 2;
        letter-spacing: 0.14em;
        display: flex;
        position: relative;
        justify-content: flex-start;
        align-items: baseline;
        margin: 0;
        padding: 0;
    }

    main .hw_timeless-elegance02 .hw_timeless-elegance_right,
    main .hw_timeless-elegance03 .hw_timeless-elegance_right {
        /* font-size: clamp(12px, 1.58vw, 28px); */
        font-size: clamp(15px, 4.5vw, 28px) !important;
        line-height: 2;
        letter-spacing: 0.14em;
        width: 100%;
        max-width: 460px;
        display: flex;
        position: relative;
        justify-content: flex-start;
        align-items: baseline;
        margin: 0;
        padding: 0;
    }


    main .hw_timeless-elegance02 .hw_timeless-elegance_right,
    main .hw_timeless-elegance03 .hw_timeless-elegance_right {
        justify-content: center;
    }


    main .hw_timeless-elegance01 .hw_timeless-elegance_center,
    main .hw_timeless-elegance02 .hw_timeless-elegance_center,
    main .hw_timeless-elegance03 .hw_timeless-elegance_center {
        margin: 0;
        padding: 0;
    }

    main .hw_timeless-elegance01 .hw_timeless-elegance_center img,
    main .hw_timeless-elegance02 .hw_timeless-elegance_center img,
    main .hw_timeless-elegance03 .hw_timeless-elegance_center img {
        display: block;
        max-width: 143px;
        width: 60%;
        margin: 0 auto;
    }

    /* main .hw_timeless-elegance01 .hw_timeless-elegance_center::before, */
    /* main .hw_timeless-elegance02 .hw_timeless-elegance_center::before, */
    main .hw_timeless-elegance03 .hw_timeless-elegance_center::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 550%;
        width: 1px;
        background: #fff;
        transform: translateX(-50%) scaleY(0);
        transform-origin: top;
    }

    /* main .hw_timeless-elegance01 .hw_timeless-elegance_right::before,
    main .hw_timeless-elegance03 .hw_timeless-elegance_right::before,
    main .hw_timeless-elegance02 .hw_timeless-elegance_right::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 150%;
        width: 1px;
        height: clamp(250px, 32vw, 600px);
        background: #fff;
        transform: translateX(-50%) scaleY(0);
        transform-origin: top;
    } */

    main .hw_timeless-elegance03 .hw_timeless-elegance_right::before,
    main .hw_timeless-elegance02 .hw_timeless-elegance_right::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 116%;
        bottom: calc(-26vw);
        width: 1px;
        background: #fff;
        transform: translateX(-50%) scaleY(0);
        transform-origin: top;
    }

    /* main .hw_timeless-elegance01 .hw_timeless-elegance_center::before {
        height: clamp(250px, 32vw, 600px);

    } */

    /* main .hw_timeless-elegance02 .hw_timeless-elegance_center::before {
        top: -50%;
        height: clamp(310px, 37vw, 560px);
    }


    main .hw_timeless-elegance03 .hw_timeless-elegance_center::before {
        top: -50%;
        height: clamp(163px, 19vw, 330px);
    } */


    /* main .hw_timeless-elegance01 .hw_timeless-elegance_center::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 50%;
        width: 1px;
        height: clamp(250px, 32vw, 550px);
        height: clamp(162px, 27vw, 600px);
        background: #fff;
        transform: translateX(-50%) scaleY(0);
        transform-origin: bottom;
    } */


    /* main .hw_timeless-elegance01 .hw_timeless-elegance_center.is-show::before, */
    /* main .hw_timeless-elegance01 .hw_timeless-elegance_center.is-show::after , */
    main .hw_timeless-elegance02 .hw_timeless-elegance_center.is-show::before {
        transition: transform 0.8s ease 1s;
        transform: translateX(-50%) scaleY(1);
        z-index: 100;
    }

    /* main .hw_timeless-elegance01 .hw_timeless-elegance_right.is-show::before, */
    main .hw_timeless-elegance03 .hw_timeless-elegance_right.is-show::before,
    main .hw_timeless-elegance02 .hw_timeless-elegance_right.is-show::before {
        transition: transform 0.8s ease 1s;
        transform: translateX(-50%) scaleY(1);
        z-index: 100;
    }


    main .hw-nobleluxury {
        margin-bottom: clamp(28px, 10.8vw, 58.6px);
    }

    main .hw-nobleluxury .hw-nobleluxury__item .title,
    main .hw-majesticluxury .hw-majesticluxury__item .title,
    main .hw-authenticluxury .hw-authenticluxury__item .title {
        /* margin-top: 3vw; */
        margin: 0 auto clamp(19.2px, 5.3vw, 40px);

        font-family: "Zen Old Mincho", sans-serif;
        font-size: clamp(15px, 4vw, 35px);
        letter-spacing: 0.2em;
        line-height: 2;
    }

    main .hw-nobleluxury .hw-nobleluxury__item .hw-nobleluxury__image,
    main .hw-majesticluxury .hw-majesticluxury__item .hw-majesticluxury__image,
    main .hw-authenticluxury .hw-authenticluxury__item .hw-authenticluxury__image {
        margin-bottom: clamp(55px, 6vw, 90px);
        text-align: center;
    }

    main .hw-nobleluxury .hw-nobleluxury__item .hw-nobleluxury__title img,
    main .hw-majesticluxury .hw-majesticluxury__item .hw-majesticluxury__title img,
    main .hw-authenticluxury .hw-authenticluxury__item .hw-authenticluxury__title img {
        display: block;
        width: 60%;
        max-width: 415px;
    }


    main .hw-nobleluxury .hw-nobleluxury__item .hw-nobleluxury__text,
    main .hw-majesticluxury .hw-majesticluxury__item .hw-majesticluxury__text,
    main .hw-authenticluxury .hw-authenticluxury__item .hw-authenticluxury__text {
        margin: clamp(19.2px, 5.3vw, 40px) auto;
        font-family: "Zen Old Mincho", sans-serif;
        /* font-size: clamp(20px, 5vw, 35px); */
        font-size: clamp(15px, 4.25vw, 35px);
        letter-spacing: 0.2em;
        line-height: 2;
    }


    main .hw-nobleluxury .hw-nobleluxury__content:not(:last-child),
    main .hw-majesticluxury .hw-majesticluxury__content:not(:last-child),
    main .hw-authenticluxury .hw-authenticluxury__content:not(:last-child),
    main .hw-nobleluxury .hw-nobleluxury__image:not(:last-child),
    main .hw-majesticluxury .hw-majesticluxury__image:not(:last-child),
    main .hw-authenticluxury .hw-authenticluxury__image:not(:last-child) {
        margin-bottom: 6%;

    }


    main .hw-nobleluxury .hw-nobleluxury__description,
    main .hw-authenticluxury .hw-authenticluxury__description,
    main .hw-majesticluxury .hw-majesticluxury__description {
        font-size: clamp(12.96px, 3vw, 27px);
        font-size: clamp(14px, 3.6vw, 26px);
        width: clamp(308px, 89vw, 642px);
        line-height: clamp(28px, 7.8vw, 58.6px);
        margin: clamp(19.2px, 5.3vw, 40px) auto;
        margin: clamp(-21px, -3vw, -55px) auto clamp(19.2px, 5.3vw, 40px);
        letter-spacing: clamp(0px, 0.26vw, 5px);
        display: block;
    }

    main .hw-nobleluxury .hw-nobleluxury__bottom .more-arrow::after,
    main .hw-authenticluxury .hw-authenticluxury__bottom .more-arrow::after,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more-arrow::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #000;
        z-index: -1;
        -webkit-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
        left: 100%;
    }


    main .hw-nobleluxury .hw-nobleluxury__bottom .hw-nobleluxury__text,
    main .hw-authenticluxury .hw-authenticluxury__bottom .hw-authenticluxury__text,
    main .hw-majesticluxury .hw-majesticluxury__bottom .hw-majesticluxury__text {
        font-size: clamp(20px, 2.4vw, 29px);
        font-size: clamp(13px, 2vw, 29px);
        text-align: center;
        letter-spacing: 0.2em;
        margin: 7% auto 5%;
    }


    main .hw-nobleluxury .hw-nobleluxury__bottom .more-block,
    main .hw-authenticluxury .hw-authenticluxury__bottom .more-block,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more-block {
        margin: 0 auto;
        margin: 7vw auto 10vw;
        max-width: 228px;
        width: 70%;
    }

    main .hw-nobleluxury .hw-nobleluxury__bottom .more,
    main .hw-authenticluxury .hw-authenticluxury__bottom .more,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more {
        height: 53px;
        display: flex;
        align-items: center;
        padding-left: 10px;
        font-family: "Zen Old Mincho", sans-serif;
        font-weight: normal;
        font-size: 1.4286rem;
        color: rgb(255, 255, 255);
        max-width: 100%;
        box-sizing: border-box;
        position: relative;
        z-index: 2;
        /* background: rgba(255, 255, 255, 0.05); */
        border-bottom: none;
    }

    main .hw-nobleluxury .hw-nobleluxury__bottom .more-arrow,
    main .hw-authenticluxury .hw-authenticluxury__bottom .more-arrow,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more-arrow {
        justify-content: space-between;
        flex-direction: row-reverse;
        padding-left: 20px;
    }

    main .hw-authenticluxury .hw-authenticluxury__bottom .more.brown,
    main .hw-nobleluxury .hw-nobleluxury__bottom .more.brown,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more.brown {
        background: #866239;
    }

    main .hw-nobleluxury .hw-nobleluxury__bottom .more-arrow::before,
    main .hw-authenticluxury .hw-authenticluxury__bottom .more-arrow::before,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more-arrow::before {
        content: '';
        display: block;
        background-image: url(/higashi-ward-innovation/assets/img/SVG/arrow.svg);
        background-color: transparent;
        background-size: cover;
        width: 28px;
        height: 8px;
        position: static;
    }

    main .hw-nobleluxury .hw-nobleluxury__bottom .more-arrow::after,
    main .hw-authenticluxury .hw-authenticluxury__bottom .more-arrow::after,
    main .hw-majesticluxury .hw-majesticluxury__bottom .more-arrow::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #000;
        z-index: -1;
        -webkit-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
        left: 100%;
    }


    main .hw_gaikan01 {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-gaikan01.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        padding: 0;
        color: #000;
        margin: 0;
        background-position: top center;
        height: clamp(330px, 84.9vw, 661px);
        z-index: 0;
    }


    main .hw_gaikan02 {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-gaikan02.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        padding: 0;
        color: #000;
        margin: 0;
        background-position: top center;
        height: clamp(329px, 84.9vw, 661px);
        z-index: 0;
    }

    main .hw_gaikan03 {
        position: relative;
        background-image: url(/higashi-ward-innovation/assets/img/img-gaikan03_sp.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        padding: 0;
        color: #000;
        margin: 0;
        background-position: top center;
        height: clamp(634px, 153vw, 1143px);
        height: clamp(569px, 157vw, 1143px);
        z-index: 0;
    }


    main .hw_gaikan01 p,
    main .hw_gaikan02 p {
        font-size: clamp(20px, 2.4vw, 29px);
        font-size: clamp(12.96px, 3vw, 27px);
        font-size: clamp(14px, 4vw, 35px);
        text-align: center;
        padding-top: 1em;
        position: relative;
        color: #fff;
        letter-spacing: 0.6rem;
        top: clamp(16px, 5vw, 45px);
        top: clamp(6px, 2vw, 45px);

        font-size: clamp(10px, 2.8vw, 39px);
    }


    main .hw_gaikan03 .title {
        font-size: clamp(14px, 4vw, 35px);
        position: relative;
        text-align: center;
        color: #fff;
        padding: 0;
        margin: 0;
        letter-spacing: 0.6rem;
        padding-top: clamp(56px, 18vw, 145px);
        text-align: center;
    }


    main .produced-by {
        width: 100%;
        margin: 0px auto 4vw;
        padding: 0px;
    }

    main .produced-by .name {
        width: clamp(246.9px, 68.6vw, 514.43px);
        margin: 0px auto;
        display: block;
        padding-top: clamp(38.4px, 5vw, 60px);
        padding-bottom: clamp(38.4px, 5vw, 60px);
    }

    main .produced-by .picture {
        width: clamp(299px, 83vw, 623px);
        display: block;
        margin: 0px auto;
    }

    main .produced-by__title {
        font-size: clamp(14.4px, 4vw, 30px);
        text-align: center;
        width: fit-content;
        margin: clamp(43px, 12vw, 90px) auto;
    }

    main .produced-by__title h3 {
        font-size: clamp(20px, 5vw, 65px);
    }

    main .produced-by__title h3,
    main .produced-by__title p {
        margin: 0;
        padding: 0;
    }

    main .produced-by .text {
        width: clamp(308px, 85.6vw, 642px);
        font-size: clamp(12.96px, 3.6vw, 24px);
        letter-spacing: 0px;
        line-height: 2.17;
        margin: 0px auto;
        padding: 0px;
        padding-top: clamp(28.8px, 3.75vw, 45px);
    }

    main .produced-by .producer {
        font-size: clamp(15.5px, 4.32vw, 32.4px);
        text-align: right;
        width: clamp(308px, 85.6vw, 642px);
        padding: 0px;
        margin: 30px auto 0px auto;
        padding-bottom: 30px;
    }

    main .produced-by .producer span {
        font-size: clamp(10.8px, 3vw, 22.68px);
        display: block;
    }

    main .furnished {
        background-image: url("../img/armani/content4_sp.png");
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
        height: clamp(480.96px, 133.6vw, 1002px);
    }

    main .furnished img {
        width: clamp(310px, 86vw, 646.5186px);
        display: block;
        margin: 0px auto;
    }

    main .furnished .a {
        padding-top: clamp(50px, 6.5vw, 125px);
        margin: 50px auto 0px auto;
    }

    main .furnished p {
        font-size: clamp(14.4px, 4vw, 30px);
        text-align: center;
        padding-top: 0.3em;
    }

    main .bottom {
        padding-top: 0px;
    }

    main .bottom p {
        font-size: clamp(18.6px, 5.17vw, 38.82px);
        width: clamp(262.8px, 73vw, 470px);
        text-align: left;
        line-height: 2.36;
        letter-spacing: 0px;
        margin: 0px auto;
    }

    main .bottom p .name {
        font-size: clamp(11px, 3.06vw, 23px);
        line-height: 3.29;
        display: block;
        text-align: right;
        padding-right: clamp(16.8px, 4.6vw, 35px);
        position: relative;
    }

    main .bottom p .name::before {
        content: "";
        width: clamp(25.92px, 7.2vw, 54px);
        height: 0.7px;
        background-color: white;
        display: block;
        position: absolute;
        right: clamp(144px, 40vw, 300px);
        bottom: clamp(16.8px, 4.6vw, 35px);
    }

    main .bottom a {
        width: 100%;
        max-width: 591px;
        margin: 55px auto 200px auto;
        display: block;
        background-color: transparent;
        transition: background-color 300ms ease;
    }

    .sp {
        display: block !important;
    }

    .pc {
        display: none !important;
    }
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadein,
.zoomin,
.slidein-r,
.slidein-l {
    opacity: 0;
    transform: translateY(30px);
    transition: all .8s cubic-bezier(.22, .61, .36, 1);
    transition-delay: var(--delay, 0s);
}

.img-fadein {
    opacity: 0;
    transform: translateY(30px);
    transition: all .55s cubic-bezier(.22, .61, .36, 1);
    transition-delay: var(--delay, 0s);
}

.slidein-r,
.slidein-l {
    transform: translateX(0);
}

.fadein::after {
    animation: fade 1.5s ease-in forwards;
}

.img-fadein::after {
    animation: imgfade .5s ease-in forwards;
}

.is-shows {
    opacity: 1;
    transform: none;
}

@keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes imgfade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeText {
    opacity: 1;
    animation: fadeText 1.5s ease-in forwards;
}

@keyframes fadeText {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* 左→右 */
.lux-fade {
    opacity: 0;
    transform: translateY(30px);
    transition: 0.8s ease;
}

.lux-show {
    opacity: 1;
    transform: none;
}

/* 上→下 */
.prod-fade {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 1.4s cubic-bezier(.22, .61, .36, 1),
        transform 1.4s cubic-bezier(.22, .61, .36, 1);
}

.prod-show {
    opacity: 1;
    transform: translateY(0);
}