@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

:root {
    --main-color: #4D3123;
    --sub-color: #BA9640;
}

html,
body,
button,
input,
select,
textarea {
    font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}

.f-en {
    font-family: "Cinzel", serif;
}

.f-sub {
    font-family: "Noto Serif JP", serif;
}

body {
    color: #333;
    font-size: 15px;
    line-height: 1.7;
    padding-top: 100px;
    min-width: 1440px;
    background-color: #F7F6F4;
}

.wrap {
    width: 1140px;
    margin: 0 auto;
}

.wrap.mid {
    width: 1240px;
}

.wrap.lr {
    width: 1340px;
}

/* PC固定ページ 共通設定 */
.common_page_main {
    background: #F5F5F5;
    padding-block: 140px;
    margin-block: 0 1em;
}

.common_page_main .title_box {
    text-align: center;
}

.common_page_main .title_box .title {
    font-size: 40px;
    letter-spacing: .08em;
    font-weight: 700;
    line-height: 1.5;
}

.common_page_wrap {
    padding: 100px 0;
}

.not_found .text {
    text-align: center;
}

.reserve_text {
    text-align: center;
    font-size: 30px;
}

/* パンくず */
.breadcrumb {
    font-size: 13px;
    color: #4B4B4B;
    letter-spacing: .01em;
    margin-block: 19px 37px;
    font-weight: 400;
}

.breadcrumb a {
    text-decoration: none;
    opacity: .5;
    color: #4B4B4B;
}

.bread-item {
    margin: 12px;
}

.bread-item:first-of-type {
    margin-left: 0;
}

.bread-item:last-of-type {
    margin-right: 0;
}

/* PC固定ページ お問い合わせ */
.contact_form_disc {
    color: #3E3E3E;
    letter-spacing: .08em;
    font-weight: 400;
    text-align: center;
    margin-block: 0 3.8em;
}

.contact_form_disc .text {
    font-size: 16px;
    margin-block: 0 1em;
}

.contact_form_disc .caution {
    font-size: 14px;
}

.common_contact_form .form_box {
    margin-block: 0 50px;
}

.common_contact_form .form_box dl {
    display: grid;
    grid-template-columns: 26.5% 1fr;
    align-items: center;
    gap: 80px;
}

.common_contact_form .form_box dl.start {
    align-items: flex-start;
}

.common_contact_form .form_box dl+dl {
    margin-block: 1.6em 0;
}

.common_contact_form .form_box dl dt {
    display: flex;
    align-items: center;
    gap: 1.3em;
    font-size: 16px;
    letter-spacing: .08em;
    font-weight: 700;
    padding-inline: 0 0.5em;
    position: relative;
}

.common_contact_form .form_box dl dt .label {
    flex-shrink: 0;
    color: #3E3E3E;
    font-size: 12px;
    letter-spacing: .2em;
    font-weight: 700;
    border-radius: 100vmax;
    padding: 0.2em 0.9em;
}

.common_contact_form .form_box dl dt .label.hissu {
    background: #C70000;
    color: #fff;
}

.common_contact_form .form_box dl dt .label.ninni {
    background: #E0E0E0;
}

.common_contact_form .form_box dl dt::after {
    content: "";
    content: "";
    width: 1px;
    height: 30px;
    background: #AAA;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.common_contact_form input[type="text"],
.common_contact_form input[type="email"],
.common_contact_form #zip {
    width: 100%;
    background: #F8F8F8;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .08em;
    font-weight: 400;
    padding: 0.8em 1em;
}

.common_contact_form textarea {
    width: 100%;
    height: 180px;
    background: #F8F8F8;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 1em;
    font-size: 14px;
    letter-spacing: .08em;
    font-weight: 400;
}

.common_contact_form input::placeholder,
.common_contact_form textarea::placeholder {
    color: #C7C4C4;
}

.common_contact_form select {
    width: 47.5%;
    background: #F8F8F8;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .08em;
    padding: 1.1em 1em;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.page_contact #btn_wrap {
    justify-content: center;
    text-align: right;
    width: 74%;
    margin: auto;
}

.page_contact #btn_wrap button {
    background-color: var(--main-color);
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    color: #fff;
    display: block;
    width: 310px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 900;
    transition: .3s;
    text-align: center;
    letter-spacing: .08em;
    margin: auto;
}

.page_contact #btn_wrap button[name="submitBack"] {
    background: #333;
    margin-top: 20px;
}

.privacy_term_outer .privacy_term_inner {
    height: 138px;
    margin: auto;
    overflow: auto;
}

.privacy_term_outer .privacy_term_inner .privacy_index {
    font-size: 14px;
}

.privacy_term_outer .privacy_term_inner .main_text {
    font-size: 13px;
    margin-bottom: 25px;
}

.privacy_term_outer .privacy_term_inner dl dt {
    font-size: 13px;
    border-left: solid 3px #ccc;
    padding-left: 1em;
    margin-bottom: 5px;
}

.privacy_term_outer .privacy_term_inner dl dd {
    font-size: 13px;
}

.privacy_term_outer .privacy_term_inner dl+dl {
    margin-top: 30px;
}

.privacy_term_outer .privacy_term_inner::-webkit-scrollbar {
    width: 8px;
}

.privacy_term_outer .privacy_term_inner::-webkit-scrollbar-track {
    background: transparent;
}

.privacy_term_outer .privacy_term_inner::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 10px;
}

.privacy_term_outer {
    border-top: solid 1px #e3e3e3;
    padding: 30px 0;
    border-bottom: solid 1px #e3e3e3;
    width: 60%;
    margin: 0 auto 50px;
}

.privacy_check_list .mwform-checkbox-field-text {
    padding-right: 0;
}

.privacy_check_list .error {
    font-size: 12px;
}

.privacy_term_detail {
    text-align: center;
    font-size: 13px;
    margin: 20px 0;
    position: relative;
    font-weight: 600;
}

.privacy_term_detail::after {
    content: "";
    margin: 5px auto 0;
    border: solid #333;
    border-width: 2px 2px 0 0;
    width: 10px;
    aspect-ratio: 1 / 1;
    min-width: 0;
    rotate: 135deg;
    display: block;
}

.mw_wp_form_confirm .privacy_check_list,
.mw_wp_form_confirm .privacy_term_detail {
    display: none;
}

/* ラジオボタン デザイン */
.radio_btns,
.checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em 1.5em;
    padding: .5em 0;
}

/* ラジオボタンを隠す */
.radio_btns input[type=radio].radio_btns__item {
    display: none;
}

.radio_btns label {
    display: inline-block;
    cursor: pointer;
}

/* spanの左側にボタンを配置するスペースを作る */
.radio_btns .radio_btns__item+span {
    color: #3E3E3E;
    font-size: 15px;
    letter-spacing: .08em;
    font-weight: 600;
    padding-left: 2em;
    display: inline-block;
    position: relative;
}

/* 各パーツを作成 */
.radio_btns .radio_btns__item+span::before,
.radio_btns .radio_btns__item+span::after {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #E6E6E6;
    background: #F8F8F8;
    border-radius: 50%;
    width: 20px;
    aspect-ratio: 1;
    min-width: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

/* after上書き */
.radio_btns .radio_btns__item+span::after {
    width: 10px;
    aspect-ratio: 1;
    min-width: 0;
    top: 0px;
    left: 5px;
    border: none;
    background: #5A5A5A;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .3s;
}

/*
  checked状態
  文字のcolorとボタンのopacityを変更
*/
.radio_btns .radio_btns__item:checked+span::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* チェックボックス デザイン */
.page_contact input[type="checkbox"] {
    /* デフォルトcheckボックス非表示*/
    display: none;
}

.mwform-checkbox-field label {
    cursor: pointer;
}

.mwform-checkbox-field-text {
    color: #3E3E3E;
    font-size: 15px;
    letter-spacing: .08em;
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding: 0 0 0 30px;
}

.mwform-checkbox-field-text::before,
.mwform-checkbox-field-text::after {
    content: "";
    position: absolute;
    display: block;
}

.mwform-checkbox-field-text::before {
    background: #F8F8F8;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    width: 20px;
    aspect-ratio: 1 / 1;
    min-width: 0;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.mwform-checkbox-field-text::after {
    border-width: 3px;
    border-color: transparent transparent #333 #333;
    border-style: solid;
    width: 20px;
    aspect-ratio: 2/1;
    min-width: 0;
    margin-top: -0.2em;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(-45deg);
    opacity: 0;
}

input[type="checkbox"]:checked+.mwform-checkbox-field-text::after {
    opacity: 1;
}

.mw_wp_form .horizontal-item {
    display: inline-block;
}

.mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0 !important;
}

/* サンクスページ */

.page_contact .thanks_textArea .name {
    font-size: 16px;
    line-height: 2;
    text-align: center;
    margin-bottom: 20px;
}

.page_contact .thanks_textArea .contact_text {
    margin: 0 auto 50px;
    width: 62%;
}

.page_contact .thanks_textArea .ichiran_link {
    background-color: var(--main-color);
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    color: #fff;
    display: block;
    width: 300px;
    line-height: 50px;
    border-radius: 4px;
    font-size: 16px;
    transition: .3s;
    margin: 0 auto;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: .08em;
    text-align: center;
}

.page_contact .thanks_textArea .contact_text .space {
    display: block;
}

.page_contact .thanks_textArea .contact_text .space {
    display: block;
    margin-top: 10px;
}

/* ステップバー デザイン */
.page_contact .progressbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5.6em;
    margin-block: 0 3em;
}

.page_contact .progressbar .item {
    color: #3E3E3E;
    font-size: 14px;
    letter-spacing: .08em;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
    position: relative;
}

.page_contact .progressbar .item+.item::before {
    content: "";
    width: 50px;
    height: 1px;
    background: #E6E6E6;
    position: absolute;
    top: 64%;
    left: -5em;
}

.page_contact .progressbar .item .mark {
    width: 36px;
    aspect-ratio: 1;
    background: #fff;
    border: 1px solid #AFAFAF;
    border-radius: 50%;
    display: block;
    margin: 0 auto 0.5em;
    position: relative;
}

.page_contact .progressbar .item .mark::before {
    content: "";
    width: 41%;
    aspect-ratio: 1;
    background: #5A5A5A;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    opacity: 0;
}

.page_contact .progressbar .item.active .mark::before {
    opacity: 1;
}

.page_contact .progressbar .item .en {
    display: block;
    color: #A7A7A7;
    letter-spacing: 0;
    font-family: 'Helvetica', 'Arial', sans-serif;
}

.privacy_check_list {
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.privacy_check_list .hissu {
    background: #c70200;
    color: #fff;
    padding: 2px 15px;
    font-size: 10px;
    letter-spacing: .08em;
    border-radius: 30px;
    font-weight: 600;
}

.mw_wp_form .privacy_check_list .horizontal-item {
    margin: 0;
}

/* PC固定ページ 404ページ */
#page_404 {
    text-align: center;
}

#page_404 .num {
    font-size: 100px;
    font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page_404 .text {
    margin-bottom: 1em;
    font-size: 16px;
}

.p-authorBox .avatar {
    display: inline;
}

/* TOP ヘッダー */
.site-header {
    width: 100%;
    height: 100px;
    padding-left: 50px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFF;
    min-width: 1440px;
    z-index: 99;
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-header__logo {
    width: 230px;
    flex-shrink: 0;
}

.site-header__logo a {
    display: block;
}

.site-header__logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.site-header__cont {
    width: 100%;
    padding-top: 15px;
}

.site-header__top {
    display: flex;
    align-items: center;
    gap: 0 19px;
    justify-content: flex-end;
    margin-bottom: 14px;
    padding-right: 50px;
}

.site-header__menu-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.site-header__btn-box {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.site-header__tel-box {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.site-header__tel-text {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1;
}

.site-header__tel-text .large {
    font-size: 28px;
}

.site-header__time-text {
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 1.3;
    font-weight: 400;
}

.site-header__btn a {
    display: grid;
    place-content: center;
    width: 140px;
    min-block-size: 34px;
    color: var(--main-color);
    font-size: 14px;
    letter-spacing: .025em;
    font-weight: 600;
    line-height: 1;
    border: solid 1px currentColor;
    transition: .3s;
}

.site-header__btn.-assess a {
    background-color: var(--sub-color);
    border-color: var(--sub-color);
    color: #FFF;
}

.site-header__menu-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px 14px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .03em;
    color: #333;
    line-height: 1.43;
    transition: .3s;
    position: relative;
    cursor: pointer;
}

.site-header__menu-item+.site-header__menu-item::before {
    content: "";
    position: absolute;
    background-color: #CCC;
    width: 1px;
    height: 18px;
    top: 3px;
    left: 0;
}

.site-header__menu-item {
    position: relative;
}

.site-header__menu-item-link:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 3px;
    background-color: var(--sub-color);
    bottom: 0;
    left: 50%;
    transition: .3s;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
}

.site-header__hover-arrow {
    width: 8px;
    aspect-ratio: 1/1;
    min-width: 0;
    border: solid #333;
    border-width: 1px 1px 0 0;
    rotate: 135deg;
    translate: 0 -3px;
    flex-shrink: 0;
    transition: .3s;
}

.site-header__menu-parent .site-header__menu-item-link {
    gap: 0 10px;
}

.site-header__menu-child {
    position: absolute;
    display: none;
    left: 50%;
    translate: -50% 0;
    top: 37px;
    width: max-content;
    background-color: #FFF;
}

.site-header__menu-child li+li {
    margin-top: 21px;
}

.site-header__menu-child ul {
    padding: 34px 25px 32px;
}

.site-header__menu-child li a {
    font-size: 14px;
    display: block;
    letter-spacing: .01em;
    font-weight: 400;
    color: #333;
    line-height: 1;
    transition: .3s;
    position: relative;
    width: fit-content;
}

.site-header__menu-child li a::before {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: var(--sub-color);
    width: 0;
    height: 1px;
    transition: .3s;
}

.site-header__menu-parent .site-header__menu-item-link.active {
    color: var(--sub-color);
}

.site-header__menu-parent .site-header__menu-item-link.active::after {
    transform: translateX(-50%) scaleX(1);
}

.site-header__menu-parent .site-header__menu-item-link.active .site-header__hover-arrow {
    rotate: 315deg;
    border-color: var(--sub-color);
    translate: 0;
}

.common-cta-btn a {
    display: grid;
    place-content: center;
    border: solid 1px #FFF;
    background-color: rgba(51, 51, 51, .25);
    min-block-size: 64px;
    text-align: center;
    width: 320px;
    transition: .3s;
}

.common-cta-btn__text {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .03em;
    color: #FFF;
}

.common-cta-btn__num {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.32;
}

.common-cta-btn__num .large {
    font-size: 28px;
}

.common-cta-btn__time {
    font-size: 10px;
    color: #FFF;
    letter-spacing: .01em;
    line-height: 1;
}

.common-cta-btn.-tel a {
    min-block-size: 77px;
}

.common-cta-btn.-assess a {
    background-color: var(--sub-color);
    border: none;
}

/* TOP メインビジュアル */
.top-mv__cont {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.top-mv__catch-text {
    width: 712px;
    margin-bottom: 55px;
}

.top-mv__catch-text img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.top-mv__award-box {
    display: flex;
    align-items: baseline;
    gap: 0 10px;
}

.top-mv {
    background-image: url(/wp-content/themes/swell_child/image/top_mv.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.top-mv__award.-award1 {
    width: 202px;
}

.top-mv__award img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.top-mv__award.-award2 {
    width: 212px;
}

.top-mv__award.-award3 {
    width: 214px;
}

.top-mv__inner {
    padding: 69px 0 40px 50px;
}

.top-mv__main-text-box {
    margin-bottom: 35px;
    position: relative;
    padding: 9px 30px;
    width: fit-content;
}

.top-mv__main-text {
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    letter-spacing: .12em;
    line-height: 1.45;
}

.top-mv::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #333;
    z-index: -1;
    opacity: .55;
    mix-blend-mode: multiply;
}

.top-mv__award {
    flex-shrink: 0;
    position: relative;
}

.top-mv__main-text-box::before,
.top-mv__main-text-box::after {
    content: "";
    width: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, .3)10%, #FFF, rgba(255, 255, 255, .3)90%);
    height: 1px;
    position: absolute;
    left: 0;
}

.top-mv__main-text-box::before {
    top: 0;
}

.top-mv__main-text-box::after {
    bottom: 0;
}

.top-mv__cta-area {
    background-color: rgba(255, 255, 255, .7);
    padding: 40px 30px 25px 40px;
    width: 576px;
}

.top-mv__cta-ttl {
    background-color: #4D3123;
    text-align: center;
    padding: 9px 41px 7px;
    width: fit-content;
    margin: -55px auto 22px;
}

.top-mv__cta-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 20px;
}

.top-mv__cta-ttl-text {
    font-size: 14px;
    color: #FFF;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .05em;
}

.top-mv__cta-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    min-block-size: 55px;
    background-color: var(--sub-color);
    color: #FFF;
    gap: 0 10px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .03em;
    transition: .3s;
}

.top-mv__cta-btn a::before {
    content: "";
    width: 16px;
    height: 22px;
    background-image: url(/wp-content/themes/swell_child/image/icon_calculator_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    display: block;
}

.top-mv__cta-tel-ttl {
    font-size: 14px;
    letter-spacing: .01em;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0 10px;
    line-height: 1.42;
    margin-bottom: 2px;
}

.top-mv__cta-tel-ttl::before,
.top-mv__cta-tel-ttl::after {
    content: "";
    width: 42px;
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex-shrink: 0;
}

.top-mv__cta-tel-ttl::before {
    background-image: url(/wp-content/themes/swell_child/image/treat_border_mini_l.svg);
}

.top-mv__cta-tel-ttl::after {
    background-image: url(/wp-content/themes/swell_child/image/treat_border_mini_r.svg);
}

.top-mv__cta-tel-num {
    font-size: 16px;
    letter-spacing: .01em;
    font-weight: 700;
    line-height: 1.32;
}

.top-mv__cta-tel-num .large {
    font-size: 28px;
}

.top-mv__award::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    background-color: #333;
    opacity: .3;
    z-index: -1;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    filter: blur(25px);
}

/* TOP 企業バナースライダー */
.company-banner-marquee {
    overflow: hidden;
    width: 100%;
    background-color: #2B2018;
    padding-block: 15px;
}

.company-banner-marquee__track {
    display: flex;
    width: max-content;
    animation: marquee 40s linear infinite;
}

.company-banner-marquee__item {
    width: 120px;
    margin-right: 15px;
    flex-shrink: 0;
}

.company-banner-marquee__item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* TOP お知らせ */
.top-news-sec {
    padding-block: 130px;
    background-color: #F7F6F4;
}

.top-news-sec__flex {
    display: flex;
    gap: 0 60px;
}

.top-news__ttl {
    width: 260px;
    flex-shrink: 0;
}

.top-news__list {
    width: 100%;
}

.common-left-ttl__en {
    font-size: 60px;
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--sub-color);
    line-height: 1.35;
}

.common-left-ttl__jp {
    font-size: 20px;
    letter-spacing: .1em;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    gap: 0 20px;
    line-height: 1.45;
}

.common-left-ttl__jp::after {
    content: "";
    width: 50px;
    aspect-ratio: 25/7;
    min-width: 0;
    flex-shrink: 0;
    background-image: url(/wp-content/themes/swell_child/image/treat_ttl_en.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-news__ttl .common-left-ttl {
    margin-bottom: 35px;
}

.common-more-btn a {
    display: flex;
    width: 230px;
    min-block-size: 54px;
    background-color: var(--main-color);
    color: #FFF;
    font-size: 16px;
    letter-spacing: .025em;
    font-weight: 600;
    align-items: center;
    padding: 5px 30px;
    position: relative;
    transition: .3s;
}

.common-more-btn a::after {
    content: "";
    position: absolute;
    background-image: url(/wp-content/themes/swell_child/image/icon_btn_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 61px;
    aspect-ratio: 61/8;
    min-width: 0;
    top: 50%;
    right: -31px;
    translate: 0 -50%;
    transition: .3s;
}

.common-more-btn a::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background-color: #FFF;
    right: 0;
    top: 55.5%;
    translate: 0 -50%;
    z-index: 1;
    transition: .3s;
}

.top-news__item a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 90px 28px 50px;
    position: relative;
}

.top-news__item:nth-child(odd) a {
    background-color: #F5F1E7;
}

.top-news__item-cont {
    width: 100%;
}

.top-news__item-top {
    display: flex;
    gap: 0 20px;
    align-items: center;
    margin-bottom: 5px;
}

.top-news__item-time {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .01em;
    color: var(--sub-color);
    line-height: 1.37;
}

.top-news__item-label {
    display: grid;
    place-content: center;
    width: 50px;
    aspect-ratio: 25/9;
    min-width: 0;
    padding-top: 1px;
    border: solid 1px var(--sub-color);
}

.top-news__label-text {
    line-height: 1;
    font-size: 12px;
    color: var(--sub-color);
    font-weight: 600;
    letter-spacing: .01em;
}

.top-news__item-ttl {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .025em;
    color: #4B4B4B;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: .3s;
}

.top-news__item a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50px;
    background-image: url(/wp-content/themes/swell_child/image/icon_arrow_gold.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 21px;
    aspect-ratio: 3/1;
    translate: 0 -50%;
    transition: .3s;
}

/* TOP 選ばれる4つの理由 */
.top-reason-sec {
    padding-block: 150px 200px;
    background-color: #2B2018;
    position: relative;
    z-index: 0;
}

.top-reason-sec .wrap {
    width: 100%;
}

.common-center-ttl {
    text-align: center;
    margin-bottom: 35px;
}

.common-center-ttl__en {
    font-size: 80px;
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--sub-color);
    line-height: 1.35;
}

.common-center-ttl__jp {
    font-size: 18px;
    letter-spacing: .1em;
    color: #FFF;
    font-weight: 700;
    line-height: 1.35;
    margin-top: -9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-center-ttl__jp .num {
    font-size: 40px;
    color: var(--sub-color);
}

.common-center-ttl__jp::before,
.common-center-ttl__jp::after {
    content: "";
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 108px;
    aspect-ratio: 27/2;
    flex-shrink: 0;
}

.common-center-ttl__jp::before {
    background-image: url(/wp-content/themes/swell_child/image/treat_border_l.svg);
    margin-right: 20px;
}

.common-center-ttl__jp::after {
    background-image: url(/wp-content/themes/swell_child/image/treat_border_r.svg);
    margin-left: 20px;
}

.top-reason__item a {
    display: flex;
    align-items: flex-end;
    position: relative;
}

.top-reason__item-img {
    width: 630px;
    height: 480px;
    flex-shrink: 0;
    position: relative;
    clip-path: polygon(calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%, 0 0);
}

.top-reason__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-reason__item-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #4D3123;
    opacity: .25;
    mix-blend-mode: multiply;
}

.top-reason__item:nth-child(even) a {
    flex-direction: row-reverse;
}

.top-reason__item:nth-child(even) .top-reason__item-img {
    clip-path: polygon(24px 0, 100% 0, 100% 100%, 24px 100%, 0 calc(100% - 24px), 0 24px);
}

.top-reason__item-img-border {
    width: 620px;
    height: 470px;
    position: absolute;
    top: 5px;
    left: 5px;
    clip-path: polygon(calc(100% - 27px) 0, 100% 27px, 100% calc(100% - 27px), calc(100% - 27px) 100%, 0 100%, 0 0);
    border: solid 1px #FFF;
}

.top-reason__item-img-border::before {
    content: "";
    position: absolute;
    top: 9px;
    right: -10px;
    width: 53px;
    height: 1px;
    background-color: #FFF;
    rotate: 45deg;
}

.top-reason__item-img-border::after {
    content: "";
    position: absolute;
    bottom: 9px;
    right: -10px;
    width: 53px;
    height: 1px;
    background-color: #FFF;
    rotate: -45deg;
}

.top-reason__item:nth-child(even) .top-reason__item-img-border {
    clip-path: polygon(27px 0, 100% 0, 100% 100%, 27px 100%, 0 calc(100% - 27px), 0 27px);
}

.top-reason__item:nth-child(even) .top-reason__item-img-border::before {
    right: auto;
    left: -10px;
    rotate: -45deg;
}

.top-reason__item:nth-child(even) .top-reason__item-img-border::after {
    right: auto;
    left: -10px;
    rotate: 45deg;
}

.top-reason__item-cont {
    width: 100%;
    padding: 0 100px 0 0;
}

.top-reason__item:nth-child(even) .top-reason__item-cont {
    padding: 0 0 0 100px;
}

.top-reason__item+.top-reason__item {
    margin-top: 120px;
}

.reason-item__ttl-text {
    font-size: 36px;
    color: #FFF;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.42;
}

.reason-item__ttl {
    position: relative;
    padding: 0 0 15px 60px;
    border-bottom: solid 1px var(--sub-color);
    width: 677px;
    margin-bottom: 24px;
}

.reason-item__bg {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 168px;
    font-weight: 600;
    color: #FFF;
    opacity: .05;
    line-height: 1;
}

.reason-item__main-text {
    color: #FFF;
    font-weight: 400;
    letter-spacing: .08em;
    line-height: 2;
    padding-bottom: 30px;
    border-bottom: dashed 1px rgba(255, 255, 255, .5);
    margin-bottom: 23px;
}

.reason-item-cont_info {
    padding: 0 0 0 60px;
    width: 660px;
}

.reason-item__catch-text {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .08em;
    background: linear-gradient(to bottom,
            #E4BA69 0%,
            #BA9640 20%,
            #F4EBAF 40%,
            #E8C57C 45%,
            #E4BA69 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.41;
}

.reason-item__catch::before {
    content: "";
    background-image: url(/wp-content/themes/swell_child/image/icon_double_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 16px;
    aspect-ratio: 4/5;
    flex-shrink: 0;
}

.reason-item__more-text {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #FFF;
    font-weight: 500;
    letter-spacing: .01em;
    gap: 0 10px;
}

.reason-item__more-text::after {
    content: "";
    background-image: url(/wp-content/themes/swell_child/image/icon_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 42px;
    height: 27px;
    display: block;
    flex-shrink: 0;
}

.reason-item__ttl::after {
    content: "";
    background-image: url(/wp-content/themes/swell_child/image/treat_ttl_border_head.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    aspect-ratio: 35/33;
    position: absolute;
    bottom: -17px;
    right: -33px;
}

.top-reason__item:nth-child(even) .reason-item-cont_info {
    padding: 0 60px 0 0;
    margin-left: auto;
}

.top-reason__item:nth-child(even) .reason-item__ttl::after {
    rotate: 180deg;
    right: auto;
    left: -33px;
}

.top-reason__item:nth-child(even) .reason-item__ttl {
    padding: 0 0 15px 17px;
    margin-left: auto;
}

.top-reason__item:nth-child(even) .reason-item__bg {
    right: 60px;
}

.reason-item__catch-text .small {
    font-size: 16px;
}

.reason-item__catch {
    display: flex;
    align-items: center;
    padding-left: 15px;
    gap: 0 10px;
    margin-bottom: 26px;
}

.top-reason__item a::before {
    content: "";
    width: 0;
    height: 500px;
    background-color: var(--sub-color);
    opacity: .15;
    position: absolute;
    top: 30px;
    transition: .3s;
}

.top-reason-sec::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/wp-content/themes/swell_child/image/top_reason_bg_pc.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: .35;
    mix-blend-mode: lighten;
}

/* TOP エクセレントについて */
.top-about-sec {
    padding-block: 180px 150px;
    background-color: #F7F6F4;
}

.top-about__store-item {
    width: 275px;
    background-color: rgba(255, 255, 255, .5);
    position: relative;
    padding: 34px 29px 39px;
}

.top-about__store {
    display: flex;
    gap: 0 10px;
    margin-bottom: 130px;
}

.about-store-item__treat {
    width: calc(100% - 10px);
    position: absolute;
    left: 5px;
}

.about-store-item__treat.-top {
    top: 5px;
}

.about-store-item__treat.-bottom {
    bottom: 5px;
    rotate: 180deg;
}

.about-store-item__treat::before,
.about-store-item__treat::after {
    content: "";
    width: 40px;
    aspect-ratio: 1/1;
    min-width: 0;
    background-image: url(/wp-content/themes/swell_child/image/treat_about_item.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
}

.about-store-item__treat::before {
    left: 0;
    rotate: -90deg;
}

.about-store-item__treat::after {
    right: 0;
}

.top-about__ttl {
    margin-bottom: 35px;
    position: relative;
    z-index: 0;
}

.top-about__ttl::before {
    content: "";
    width: 1391px;
    height: 697px;
    position: absolute;
    background-image: url(/wp-content/themes/swell_child/image/top_about_bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    top: -180px;
    left: -150px;
}

.top-about__ttl .common-more-btn a {
    width: 260px;
}

.top-about__ttl-catch {
    font-weight: 400;
    letter-spacing: .03em;
    margin-block: 20px;
}

.about-store-item__ttl-jp {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .01em;
}

.about-store-item__ttl {
    color: var(--sub-color);
    display: flex;
    align-items: baseline;
    line-height: 1;
    position: relative;
    margin-bottom: 16px;
    justify-content: space-between;
}

.about-store-item__ttl::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: var(--sub-color);
    bottom: 1px;
    left: 0;
}

.about-store-item__ttl-en {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    translate: 0 1.5px;
}


.about-store-item__address {
    font-size: 16px;
    letter-spacing: .025em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 11px;
}

.about-store-item__num {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1;
}

.about-store-item__num .large {
    font-size: 18px;
}

.about-store-item__num+.about-store-item__num {
    margin-top: 11px;
}

.top-about__pr {
    display: flex;
    gap: 0 100px;
    align-items: center;
}

.about-pr__video {
    width: 400px;
    aspect-ratio: 400/571;
    min-width: 0;
    flex-shrink: 0;
}

.about-pr__video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.about-pr__text-box {
    width: 100%;
}

.about-pr__ttl {
    display: flex;
    align-items: center;
    gap: 0 30px;
    margin-bottom: 43px;
}

.about-pr__ttl::after {
    content: "";
    width: 110px;
    aspect-ratio: 22/19;
    min-width: 0;
    display: block;
    background-image: url(/wp-content/themes/swell_child/image/treat_pr_ttl.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
}

.about-pr__ttl-text {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.3;
}

.about-pr__ttl-box {
    display: inline-block;
    width: fit-content;
    padding-inline: 19px;
    border: solid 1px currentColor;
    line-height: 1.38;
    margin: 16px 10px 0 0;
}

.about-pr__ttl-text .color {
    color: var(--sub-color);
    font-size: 40px;
}

.about-pr__main-text {
    font-size: 18px;
    letter-spacing: .04em;
    font-weight: 400;
    line-height: 2;
}

/* TOP スタッフ紹介 */
.top-staff-sec {
    padding-top: 250px;
    position: relative;
    clip-path: inset(0);
}

.top-staff__outer {
    background-color: #F7F6F5;
    width: 1340px;
    margin: 0 auto;
    padding-block: 120px 150px;
    position: relative;
}

.common-center-ttl__jp.-black {
    color: #333;
}

.top-staff__outer .common-center-ttl__en {
    font-size: 60px;
}

.top-staff__catch-text {
    font-size: 24px;
    letter-spacing: .08em;
    font-weight: 700;
    text-align: center;
    line-height: 1.46;
    margin-bottom: 19px;
}

.top-staff__catch-text::after {
    content: "";
    display: block;
    width: 60px;
    aspect-ratio: 10/1;
    min-width: 0;
    background-image: url(/wp-content/themes/swell_child/image/treat_staff_main.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 15px auto 0;
}

.top-staff__main-text {
    text-align: center;
    letter-spacing: .03em;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 55px;
}

.top-staff__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 45px;
}

.top-staff__item-img {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.top-staff__item-img img {
    width: 100%;
    aspect-ratio: 16/23;
    min-width: 0;
    object-fit: cover;
}

.top-staff__item {
    padding-inline: 15px;
}

.top-staff__item-num {
    font-size: 18px;
    letter-spacing: .01em;
    font-weight: 700;
    color: var(--main-color);
    position: relative;
    text-align: center;
    line-height: 1.39;
    margin-bottom: 6px;
}

.top-staff__item-num::before,
.top-staff__item-num::after {
    content: "";
    position: absolute;
    top: 5px;
    width: 123px;
    aspect-ratio: 41/19;
    min-width: 0;
    background-image: url(/wp-content/themes/swell_child/image/treat_staff_num.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.top-staff__item-num::before {
    left: -10px;
    scale: -1 1;
}

.top-staff__item-num::after {
    right: -10px;
}

.staff-item__post {
    position: absolute;
    background-color: var(--sub-color);
    padding: 3px 10px;
    top: 14px;
    left: 10px;
}

.staff-item__post-text {
    color: #FFF;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .08em;
}

.top-staff__item-name {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.staff-item__name-jp {
    font-size: 24px;
    letter-spacing: .08em;
    font-weight: 700;
    line-height: 1.46;
}

.staff-item__name-en {
    font-size: 18px;
    color: var(--sub-color);
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.39;
}

.staff-item__name-jp .color {
    color: var(--sub-color);
}

.top-staff__parallax-bg::before {
    content: "";
    background-color: var(--main-color);
    opacity: .3;
    mix-blend-mode: multiply;
    inset: 0;
    position: absolute;
}

.top-staff__parallax-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
}

.top-staff__parallax-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-staff__outer::before {
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #F7F6F5;
    position: absolute;
    top: 232px;
    left: 50%;
    translate: -50% 0;
    z-index: -1;
}

/* TOP 賃貸募集・賃貸管理実績一例 */
.top-achievement-sec {
    padding-block: 150px 130px;
    background-color: #F5F1E7;
}

.top-achievement-sec .common-center-ttl__en {
    font-size: 60px;
}

.top-achievement__item {
    width: 300px;
    margin: 0 10px;
}

.top-achievement__item-img img {
    width: 100%;
    aspect-ratio: 15/14;
    min-width: 0;
    object-fit: cover;
}

.top-achievement__item-img {
    margin-bottom: 15px;
}

.achievement-item__name-jp {
    font-size: 20px;
    letter-spacing: .01em;
    font-weight: 700;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.top-achievement__list .slick-dots {
    bottom: -42px;
}

.top-achievement__list .slick-dots li {
    width: 7px;
    height: 7px;
    rotate: 45deg;
}

.top-achievement__list .slick-dots li button {
    padding: 0;
    width: 7px;
    height: 7px;
}

.top-achievement__list .slick-dots li button::before {
    width: 7px;
    height: 7px;
    content: "";
    background-color: var(--sub-color);
    font-size: 0;
    line-height: 0;
    opacity: .3;
}

.top-achievement__list .slick-dots li.slick-active button::before {
    background-color: var(--main-color);
    opacity: 1;
}

/* TOP ご要望に合わせた管理プラン */
.top-plan-sec {
    padding-block: 150px;
    background-color: #F5F1E7;
    position: relative;
}

.top-plan-sec::before {
    content: "";
    width: 1140px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    background-image: url(/wp-content/themes/swell_child/image/treat_top_plan.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.top-plan-sec .common-center-ttl__en {
    font-size: 60px;
}

.top-plan__table table {
    width: 100%;
}

.plan-table__main-th {
    font-size: 24px;
    color: #FFF;
    letter-spacing: .01em;
    font-weight: 700;
    line-height: 1.46;
    padding: 20px 20px 24px;
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px #CBAA5B;
    width: 427px;
}

.top-plan__table tr:first-child {
    background-color: var(--sub-color);
}

.plan-table__main-th .small {
    font-size: 14px;
}

.plan-table__sub-th {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--sub-color);
    line-height: 1.46;
    text-align: center;
    padding: 28px 20px 29px;
    width: 285px;
    vertical-align: middle;
}

.top-plan__table table tr {
    background-color: #FFF;
}

.top-plan__table table tr:nth-child(2n + 3) {
    background-color: #F5F1E7;
}

.top-plan__table table td {
    border-left: solid 1px #CBAA5B;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0 18px;
    font-size: 20px;
    letter-spacing: .025em;
    font-weight: 400;
    line-height: 1.5;
}

.top-plan__table table td .small {
    font-size: 16px;
    display: block;
}

.top-plan__table {
    margin-bottom: 20px;
}

.top-plan__table-note {
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .025em;
    margin-bottom: 40px;
}

.top-plan__commission-ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: var(--sub-color);
    letter-spacing: .01em;
    line-height: 1;
    margin-bottom: 25px;
}

.top-plan__commission-ttl .small {
    font-size: 14px;
    translate: 0 0.2em;
}

.top-plan__commission-ttl::before,
.top-plan__commission-ttl::after {
    content: "";
    width: 310px;
    height: 1px;
    background-image: repeating-linear-gradient(to right,
            var(--sub-color) 0 3px,
            transparent 1px 6px);
    flex-shrink: 0;
}

.top-plan__commission-ttl::before {
    margin-right: auto;
}

.top-plan__commission-ttl::after {
    margin-left: auto;
}

.top-plan__commission-note {
    text-align: center;
    font-size: 16px;
    letter-spacing: .03em;
    font-weight: 400;
}

.top-plan__commission-note .small {
    font-size: 12px;
}

.top-plan__table td .small-note {
    font-size: 10px;
    display: inline-block;
    translate: 0 -0.6em;
}

/* TOP 申込からご契約までの流れ */
.top-flow__tab-list li+li {
    margin-top: 12px;
}

.top-flow__tab-list li {
    cursor: pointer;
}

.top-flow__img-item.is-active {
    opacity: 1;
    visibility: visible;
}

.top-flow-sec {
    padding-block: 60px;
    background-color: #2B2018;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.top-flow__flex {
    display: flex;
    padding-left: 50px;
    justify-content: space-between;
}

.top-flow__img-slider {
    width: 690px;
    height: 520px;
    flex-shrink: 0;
    position: relative;
}

.top-flow__img-item {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    padding: 0 50px 29px;
    display: grid;
    align-content: flex-end;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    position: absolute;
}

.top-flow-sec .common-left-ttl__en {
    font-size: 56px;
}

.top-flow-sec .common-left-ttl__jp {
    font-size: 16px;
    color: #FFF;
    gap: 0 15px;
}

.top-flow__ttl {
    margin-bottom: 45px;
}

.top-flow__tab-list {
    padding-left: 21px;
    border-left: solid 2px var(--sub-color);
}

.top-flow__tab-list li {
    display: flex;
    align-items: center;
    gap: 0 17px;
    width: fit-content;
}

.top-flow__tab-num {
    font-size: 12px;
    color: #FFF;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1;
    position: relative;
    z-index: 0;
}

.top-flow__tab-num::before {
    content: "";
    width: 19px;
    aspect-ratio: 1/1;
    min-width: 0;
    background-color: var(--sub-color);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    rotate: 45deg;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    transition: .3s;
    z-index: -1;
}

.top-flow__tab-list li.is-active .top-flow__tab-num::before {
    opacity: 1;
    visibility: visible;
}

.top-flow__tab-list li.is-active .top-flow__tab-name {
    color: var(--sub-color);
}

.top-flow__tab-name {
    color: #FFF;
    transition: .3s;
    font-size: 16px;
    letter-spacing: .03em;
    font-weight: 700;
    line-height: 1.44;
}

.top-flow__img-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(51, 51, 51, .7), transparent 50%);
    z-index: -1;
}

.flow-img-item__ttl {
    display: flex;
    align-items: baseline;
    color: #FFF;
    gap: 0 10px;
    padding-bottom: 15px;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    margin-bottom: 14px;
}

.flow-img-item__ttl-num {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.33;
}

.flow-img-item__ttl-num .large {
    font-size: 24px;
}

.flow-img-item__ttl-text {
    font-size: 24px;
    line-height: 1.46;
}

.flow-img-item__text {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 1.7;
}

.top-flow__img-item.-flow01 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item1.webp);
}

.top-flow__img-item.-flow02 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item2.webp);
}

.top-flow__img-item.-flow03 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item3.webp);
}

.top-flow__img-item.-flow04 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item4.webp);
}

.top-flow__img-item.-flow05 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item5.webp);
}

.top-flow__img-item.-flow06 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item6.webp);
}

.top-flow__img-item.-flow07 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item7.webp);
}

.top-flow__img-item.-flow08 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item8.webp);
}

.top-flow__img-item.-flow09 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item9.webp);
}

.top-flow__img-item.-flow10 {
    background-image: url(/wp-content/themes/swell_child/image/top_flow_img_item10.webp);
}

.top-flow-sec::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/wp-content/themes/swell_child/image/top_flow_bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: .35;
    mix-blend-mode: lighten;
}

.treat-top-flow {
    position: absolute;
    width: 100px;
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
}

.treat-top-flow::before,
.treat-top-flow::after {
    content: "";
    width: 100px;
    aspect-ratio: 1/1;
    min-width: 0;
    position: absolute;
    background-image: url(/wp-content/themes/swell_child/image/treat_top_flow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
}

.treat-top-flow::before {
    top: 0;
}

.treat-top-flow::after {
    bottom: 0;
    rotate: -90deg;
}

/* TOP 竣工予定のマンション情報 */
.top-upcoming-sec {
    padding-block: 150px 120px;
    background-color: #F7F6F4;
}

.top-upcoming-sec .common-center-ttl__en {
    font-size: 60px;
}

.top-achievement__item.-upcoming a {
    display: block;
}

.top-achievement__item-img.-upcoming img {
    aspect-ratio: 15/11;
}

.upcoming-item__name-jp {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--sub-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.51;
    margin-bottom: 6px;
    height: 54px;
}

.upcoming-item__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 400;
    letter-spacing: .025em;
    color: #4B4B4B;
    line-height: 1.5;
}

.upcoming-item__date {
    font-size: 14px;
    letter-spacing: .01em;
    font-weight: 500;
    color: var(--sub-color);
    text-align: right;
    margin-top: auto;
    padding-top: 11px;
    line-height: 1.36;
}

.top-achievement__list.-upcoming {
    margin-bottom: 75px;
    position: relative;
}

.top-upcoming-sec .common-more-btn a {
    margin: 0 auto;
    width: 250px;
}

.top-upcoming-arrow-prev,
.top-upcoming-arrow-next {
    width: 50px;
    aspect-ratio: 1/1;
    min-width: 0;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    background-color: var(--sub-color);
    z-index: 1;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    cursor: pointer;
}

.top-upcoming-arrow-prev {
    left: 55px;
}

.top-upcoming-arrow-next {
    right: 5px;
}

.upcoming-item__cont {
    min-height: 136px;
    display: flex;
    flex-direction: column;
}

.top-upcoming-arrow-prev::before,
.top-upcoming-arrow-next::before {
    content: "";
    width: 10px;
    aspect-ratio: 1/1;
    min-width: 0;
    border: solid #FFF;
    border-width: 2px 2px 0 0;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
}

.top-upcoming-arrow-prev::before {
    left: 43%;
    rotate: -135deg;
}

.top-upcoming-arrow-next::before {
    left: 37%;
    rotate: 45deg;
}

/* TOP 賃貸管理のお役立ちブログ */
.top-blog-sec {
    padding-block: 126px;
    position: relative;
    background-color: #F7F6F4;
}

.top-blog__ttl {
    margin-bottom: 35px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-right: 31px;
}

.top-blog__ttl .common-left-ttl__jp {
    font-size: 18px;
}

.top-blog__ttl .common-more-btn a {
    width: 250px;
}

.top-blog__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 0;
}

.top-blog__item a {
    display: flex;
    align-items: center;
    gap: 0 20px;
    transition: .3s;
}

.top-blog__item-img {
    width: 130px;
    flex-shrink: 0;
    overflow: hidden;
}

.top-blog__item-img img {
    width: 100%;
    aspect-ratio: 1/1;
    min-width: 0;
    object-fit: cover;
    transition: .3s;
}

.top-blog__item {
    padding: 0 30px 24px 0;
    border-bottom: solid 1px rgba(186, 150, 64, .3);
    position: relative;
}

.blog-item__name-jp {
    font-size: 18px;
    color: var(--sub-color);
    font-weight: 700;
    letter-spacing: .01em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 7px;
    line-height: 1.45;
}

.blog-item__text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .025em;
    color: #4B4B4B;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
}

.blog-item__date {
    font-size: 14px;
    letter-spacing: .01em;
    font-weight: 500;
    color: var(--sub-color);
    line-height: 1.36;
    text-align: right;
    margin-top: 37px;
}

.top-blog__item:nth-child(2n)::before {
    content: "";
    width: 1px;
    height: 120px;
    background-color: rgba(186, 150, 64, .3);
    position: absolute;
    top: 0;
    left: 0;
}

.top-blog__item:nth-last-child(-n+2) {
    border-bottom: none;
}

.top-blog__item:nth-child(2n) {
    padding: 0 0 24px 30px;
}

.top-blog-sec::before {
    content: "";
    width: 1140px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    background-image: url(/wp-content/themes/swell_child/image/treat_top_plan.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .5;
}

/* TOP 賃貸管理の対応エリア */
.top-area-sec {
    padding-top: 130px;
    background-color: #F5F1E7;
    position: relative;
    z-index: 0;
}

.top-area-sec .common-center-ttl__en {
    font-size: 60px;
}

.top-area__tab-list {
    display: grid;
    grid-template-columns: repeat(10, 100px);
    justify-content: center;
    gap: 10px 15px;
    margin-bottom: 25px;
}

.area-tab__item {
    display: grid;
    place-content: center;
    background-color: #FFF;
    border: solid 1px var(--sub-color);
    color: var(--sub-color);
    min-block-size: 34px;
    transition: .3s;
    cursor: pointer;
}

.area-tab__item.is-active {
    background-color: var(--sub-color);
    color: #FFF;
}

.area-tab__item-text {
    font-size: 14px;
    letter-spacing: .01em;
    font-weight: 400;
    line-height: 1;
}

.top-area__item {
    width: 840px;
    clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);
    margin: 0 10px;
    min-height: 300px;
    max-height: 300px;
}

.top-area__item a {
    display: flex;
    background-color: #FFF;
}

.top-area__item-img {
    width: 300px;
    min-height: 300px;
    flex-shrink: 0;
}

.top-area__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-area__item-cont {
    padding: 30px 50px 43px 35px;
    width: 100%;
}

.top-area__list .slick-list {
    margin: 0 -10px;
}

.area-item__ttl-text {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--sub-color);
    line-height: 1.46;
}

.area-item__main-text {
    font-size: 14px;
    color: #4B4B4B;
    letter-spacing: .025em;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}

.area-item__ttl {
    margin-bottom: 16px;
    padding-bottom: 9px;
    border-bottom: solid 1px var(--sub-color);
    position: relative;
}

.area-item__ttl::after {
    content: "";
    width: 46px;
    aspect-ratio: 23/4;
    min-width: 0;
    position: absolute;
    background-image: url(/wp-content/themes/swell_child/image/treat_top_area.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -4.5px;
    right: 0;
}

.top-area-sec::before {
    content: "";
    width: 500px;
    height: 352px;
    background-image: url(/wp-content/themes/swell_child/image/top_area_bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .1;
    z-index: -1;
}

.top-upcoming-arrow-next.-area {
    right: 241px;
}

.top-area__list {
    position: relative;
}

.top-upcoming-arrow-prev.-area {
    left: 289px;
}

/* TOP 東京で管理会社をお探しの方はご相談ください */
.top-contact-sec {
    padding-block: 120px 130px;
    background-color: #F5F1E7;
    position: relative;
    z-index: 0;
}

.top-contact-sec .common-center-ttl__en {
    font-size: 60px;
}

.top-contact__list {
    display: flex;
    gap: 0 82px;
}

.top-contact__item-icon {
    width: 100px;
    aspect-ratio: 1/1;
    min-width: 0;
    background-color: #F0EADC;
    border-radius: 50%;
    display: grid;
    place-content: center;
    margin: 0 auto 25px;
}

.top-contact__item-icon.-calculator img {
    width: 32px;
}

.top-contact__item-icon.-mail img {
    width: 40px;
}

.top-contact__item-icon.-tel img {
    width: 38px;
}

.top-contact__item-ttl {
    font-size: 20px;
    letter-spacing: .01em;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1.45;
}

.top-contact__calculator-btn a {
    display: grid;
    place-content: center;
    width: 320px;
    min-block-size: 64px;
    background-color: var(--sub-color);
    font-size: 18px;
    color: #FFF;
    font-weight: 700;
    letter-spacing: .025em;
    transition: .3s;
}

.top-contact__mail-btn a {
    display: grid;
    place-content: center;
    width: 320px;
    min-block-size: 64px;
    font-size: 18px;
    color: var(--main-color);
    font-weight: 700;
    letter-spacing: .025em;
    border: solid 2px var(--main-color);
    transition: .3s;
}

.top-contact__item-tel-text {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.34;
    margin-bottom: 3px;
}

.top-contact__item-tel-text .large {
    font-size: 32px;
}

.top-contact__item-tel-note {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1;
}

.top-contact__item {
    text-align: center;
    position: relative;
}

.top-contact__item+.top-contact__item::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: -41px;
    top: 0;
    opacity: .3;
    background: repeating-linear-gradient(to bottom, var(--sub-color) 0, var(--sub-color) 5px, transparent 0, transparent 10px);
}

.top-contact-sec::after {
    content: "";
    position: absolute;
    width: 550px;
    height: 387px;
    background-image: url(/wp-content/themes/swell_child/image/top_contact_bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: .1;
}

/* TOP フッター */
.site-footer {
    background-color: #2B2018;
    padding-block: 103px 60px;
    position: relative;
    z-index: 0;
}

.site-footer__top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 55px;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    margin-bottom: 55px;
    width: 100%;
}

.site-footer__bottom .site-footer__group {
    display: flex;
    width: 100%;
    gap: 0 132px;
}

.site-footer__end {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
}

.site-footer__group ul+.globalMenuPc-nav__child {
    margin-top: 28px;
}

.site-footer__group .globalMenuPc-nav__item+.globalMenuPc-nav__item {
    margin-top: 36px;
}

.site-footer__bottom {
    padding-bottom: 55px;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    margin-bottom: 58px;
}

.site-footer__end-info {
    color: #FFF;
}

.footer-info__logo-text {
    font-size: 12px;
    letter-spacing: .05em;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 12px;
}

.footer-info__logo-img {
    width: 280px;
}

.footer-info__logo-img a {
    display: block;
}

.footer-info__logo-img a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer-info__logo {
    margin-bottom: 17px;
}

.footer-info__address {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1;
    margin-bottom: 18px;
}

.footer-info__tel {
    font-size: 16px;
    letter-spacing: .025em;
    font-weight: 700;
    margin-bottom: 3px;
    line-height: 1.33;
}

.footer-info__tel .large {
    font-size: 24px;
}

.footer-info__note {
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .025em;
}

.footer-menu-list ul {
    display: flex;
    gap: 0 20px;
    justify-content: flex-end;
}

.footer-menu-list a {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1;
    display: block;
}

.footer-menu-list {
    margin-bottom: 22px;
}

.copyright small {
    font-size: 12px;
    color: #FFF;
    font-weight: 500;
    letter-spacing: .01em;
    display: block;
    line-height: 1.33;
}

.site-footer__bottom .globalMenuPc-nav__child-box {
    gap: 0 84px;
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/wp-content/themes/swell_child/image/footer_bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: .2;
    mix-blend-mode: multiply;
}

.globalMenuPc-nav__child,
.globalMenuPc-nav__child-box {
    display: block;
}

/* エリア・駅TOP */
.top-area-sec.-single {
    padding-top: 100px;
}

.top-area-sec.-single::before {
    content: none;
}

.top-area-sec.-single .top-area__tab-list {
    margin-bottom: 0;
}

.area-tab__item a {
    display: block;
    color: var(--sub-color);
    transition: .3s;
}

.top-admin-about-sec {
    padding-block: 150px;
    position: relative;
}

.top-admin-about__flex {
    display: flex;
    gap: 0 80px;
    position: relative;
    align-items: center;
}

.top-admin-about__img {
    flex-shrink: 0;
    width: 470px;
    height: 580px;
    clip-path: polygon(24px 0%, calc(100% - 24px) 0%, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0% calc(100% - 24px), 0% 24px);
    position: relative;
}

.top-admin-about__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-admin-about__img::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--main-color);
    opacity: .15;
    mix-blend-mode: multiply;
}

.top-admin-about__img-border {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    border: solid 1px #FFF;
    top: 5px;
    left: 5px;
    clip-path: polygon(24px 0%, calc(100% - 24px) 0%, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0% calc(100% - 24px), 0% 24px);
}

.top-admin-about-sec::before {
    content: "";
    width: 1140px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    background-image: url(/wp-content/themes/swell_child/image/treat_top_plan.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .5;
}


.top-admin-about__bg-font {
    position: absolute;
    bottom: -30px;
    right: 0;
    text-align: right;
}

.admin-about__bg-font-top {
    font-size: 56px;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--sub-color);
    line-height: 1.12;
    opacity: .15;
}

.admin-about__bg-font-bottom {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--sub-color);
    line-height: 1.34;
    opacity: .15;
}

.top-admin-about__main-text {
    font-size: 16px;
    line-height: 1.7;
}

.top-admin-about__ttl {
    font-size: 38px;
    letter-spacing: .08em;
    font-weight: 700;
    color: var(--sub-color);
    line-height: 1.45;
}

.top-admin-about__ttl-box {
    padding-bottom: 25px;
    margin-bottom: 35px;
    position: relative;
}

.top-admin-about__ttl-box::after {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(/wp-content/themes/swell_child/image/top_admin_about_border.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.admin-about__img-border-treat {
    position: absolute;
    width: 100%;
    left: 0;
}

.admin-about__img-border-treat::before,
.admin-about__img-border-treat::after {
    content: "";
    height: 1px;
    width: 110px;
    position: absolute;
    background-color: #FFF;
}

.admin-about__img-border-treat::before {
    left: -27px;
    top: -6px;
    rotate: -45deg;
}

.admin-about__img-border-treat.-top {
    top: 0;
}

.admin-about__img-border-treat.-bottom {
    bottom: 0;
}

.admin-about__img-border-treat::after {
    animation: 0;
    right: -27px;
    top: -6px;
    rotate: 45deg;
}

.admin-about__img-border-treat.-bottom::before {
    rotate: 45deg;
    left: -38px;
}

.admin-about__img-border-treat.-bottom::after {
    rotate: -45deg;
    right: -38px;
}

.top-worry-sec {
    padding-top: 130px;
    background-color: #EFEDEA;
    position: relative;
}

.top-worry__flex {
    display: flex;
    align-items: center;
    gap: 0 44px;
}

.top-worry__img {
    width: 350px;
    flex-shrink: 0;
    opacity: .1;
    mix-blend-mode: multiply;
}

.top-worry__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-worry__cont {
    width: 100%;
    padding-bottom: 71px;
}

.top-worry__ttl {
    padding: 5px 20px;
    background-color: var(--main-color);
    margin-bottom: 10px;
    width: fit-content;
}

.top-worry__ttl-text {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .07em;
    color: #FFF;
    line-height: 1.45;
}

.top-worry__catch {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.43;
    margin-bottom: 40px;
}

.top-worry__catch .large {
    font-size: 48px;
}

.top-worry__list li::before {
    content: "";
    background-image: url(/wp-content/themes/swell_child/image/icon_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 23px;
    aspect-ratio: 23/22;
    min-width: 0;
    flex-shrink: 0;
}

.top-worry__list li {
    display: flex;
    gap: 0 15px;
    align-items: center;
}

.top-worry__list li+li {
    margin-top: 36px;
}

.top-worry__list-text {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .005em;
    line-height: 1;
}

.top-worry__list-text .color {
    font-size: 24px;
    color: #BA4040;
    border-bottom: solid 3px;
}

.top-worry-sec::after {
    content: "";
    width: 280px;
    height: 55px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    position: absolute;
    bottom: -55px;
    left: 50%;
    background-color: #EFEDEA;
    rotate: 180deg;
    translate: -50% 0;
}

.top-cta-sec {
    padding-block: 139px 126px;
}

.top-cta__catch {
    margin-bottom: 60px;
    position: relative;
}

.top-cta__catch-text {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .08em;
    text-align: center;
    line-height: 1.65;
}

.top-cta__catch-text .color {
    font-size: 40px;
    color: var(--sub-color);
}

.top-cta__catch-text .box {
    border: solid 1px currentColor;
    display: inline-block;
    padding-inline: 20px;
    line-height: 1.4;
    margin-inline: 10px;
}

.top-cta__catch-text .box:first-of-type {
    margin-left: 0;
}

.top-cta__catch::before,
.top-cta__catch::after {
    content: "";
    width: 110px;
    aspect-ratio: 22 / 19;
    min-width: 0;
    background-image: url(/wp-content/themes/swell_child/image/treat_pr_ttl.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 30px;
}

.top-cta__catch::before {
    left: -80px;
    scale: -1 1;
}

.top-cta__catch::after {
    right: -80px;
}

.top-cta-sec .top-contact__calculator-btn a {
    background-color: var(--main-color);
}

.top-area-sec.-single .area-tab__item.is-active {
    background-color: #FFF;
}

/* 内部共通 */
.common-page-main__ttl-box {
    position: relative;
    padding-top: 205px;
}

.common-page-main__ttl-box::before {
    content: "";
    width: 100%;
    height: 280px;
    background-image: url(/wp-content/themes/swell_child/image/common_page_fv.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.common-page-main__ttl-inner {
    width: 1140px;
    background-color: #F7F6F4;
    margin: 0 auto;
    text-align: center;
    padding: 43px 0 0;
}

.common-page-main__ttl-en {
    font-size: 60px;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--sub-color);
    line-height: 1.35;
}

.common-page-main__ttl-jp-text {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.56;
}

.common-page-main__ttl-border {
    min-width: 85px;
    height: 1px;
    background-color: var(--sub-color);
    position: relative;
}

.common-page-main__ttl-jp {
    display: flex;
    align-items: center;
    gap: 0 43px;
    justify-content: center;
}

.common-page-main__ttl-border::before {
    content: "";
    width: 24px;
    aspect-ratio: 3/1;
    min-width: 0;
    background-image: url(/wp-content/themes/swell_child/image/treat-common-fv.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
}

.common-page-main__ttl-border.-left::before {
    right: -24px;
}

.common-page-main__ttl-border.-right::before {
    left: -24px;
    scale: -1;
}

/* サイトマップ */
#page_sitemap #sitemap_list {
    background: #F7F6F4;
}

/* エリアTOP一覧 */
.top-area-sec.no-bg {
    background-color: #F7F6F4;
}

.top-area-sec.no-bg {
    padding-block: 130px;
}

.top-area-sec.no-bg::before {
    content: none;
}

/* 固定ページ　選ばれる４つの理由 */
.page_reasons-sec .reasons-cont .block {
    display: flex;
    align-items: flex-start;
    gap: 0 80px;
}

.page_reasons-sec .reasons-cont .block:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.page_reasons-sec .reasons-cont .block+.block {
    margin-top: 80px;
}

.page_reasons-sec .reasons-cont .block .img {
    position: sticky;
    top: 110px;
    left: 0;
    width: 530px;
    height: auto;
    flex-shrink: 0;
    padding: 30px 20px;
    background-color: #fff;
}

.page_reasons-sec .reasons-cont .block .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_reasons-sec .reasons-cont .block .ttl_box {
    position: relative;
    border-bottom: solid 1px rgba(186, 150, 64, .3);
    padding-bottom: 2em;
}

.page_reasons-sec .reasons-cont .block .ttl_box .en {
    position: absolute;
    top: -35px;
    left: -30px;
    font-size: 110px;
    font-weight: 600;
    color: #F0EADC;
    opacity: .8;
    line-height: 1;
}

.page_reasons-sec .reasons-cont .block .ttl_box .jp {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.4;
    position: relative;
}

.page_reasons-sec .reasons-cont .block .ttl_box .description {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--sub-color);
    margin-top: 1em;
}

.page_reasons-sec .reasons-cont .block .item-box {
    margin-top: 50px;
}

.page_reasons-sec .reasons-cont .block .item-box .label {
    border-left: 4px solid var(--sub-color);
    padding-left: 20px;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 700;
}

.page_reasons-sec .reasons-cont .block .item-box .label .size {
    font-size: 1.2em;
    font-weight: 800;
}

.page_reasons-sec .reasons-cont .block .item-box .text {
    margin-top: 1em;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: .08em;
    font-weight: 400;
}

.reasons-contact_sec {
    position: relative;
    z-index: 1;
    clip-path: inset(0);
    padding-block: 120px;
    margin-top: 120px;
}

.reasons-contact_sec .bg-img {
    position: fixed;
    inset: 0;
    z-index: -1;
}

.reasons-contact_sec .bg-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(51, 51, 51, .55);
    mix-blend-mode: multiply;
}

.reasons-contact_sec .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reasons-contact_sec .title {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: .08em;
    background: linear-gradient(to bottom, #E4BA69 0%, #BA9640 20%, #F4EBAF 40%, #E8C57C 45%, #E4BA69 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.4;
    position: relative;
    padding-bottom: .6em;
}

.reasons-contact_sec .title::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--sub-color);
}

.reasons-contact_sec .text_box {
    margin-top: 50px;
}

.reasons-contact_sec .text_box .text {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.9;
    letter-spacing: .08em;
    font-weight: 400;
}

.reasons-contact_sec .text_box .text+.text {
    margin-top: 1em;
}


.reasons-contact_sec .contact-btn {
    width: fit-content;
    margin: 60px auto 0;
}

.reasons-contact_sec .contact-btn a {
    display: grid;
    place-content: center;
    width: 320px;
    min-block-size: 64px;
    background-color: var(--sub-color);
    font-size: 18px;
    color: #FFF;
    font-weight: 700;
    letter-spacing: .025em;
    transition: all .3s;
}

.reasons-contact_sec .contact-btn a:hover {
    opacity: .8;
}

.page_reasons .common_page_wrap {
    padding: 100px 0 0;
}

@media (max-width: 750px) {
    .wrap {
        max-width: 90%;
    }

    a[href $='.pdf']::before {
        width: 7vw;
        height: 8vw;
        margin-right: 2.5vw;
    }

    a[href $='.pdf']:hover {
        text-decoration: underline;
    }

    body {
        font-size: 3.58vw;
        padding-top: 60px;
        min-width: 100%;
    }

    /* SPヘッダー */
    #sp_header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
        height: 60px;
        padding: 12px 10px;
    }

    #sp_header .logo {
        position: absolute;
        left: 10px;
        top: 10px;
        line-height: 0;
    }

    #sp_header .logo img {
        height: 40px;
    }

    #sp_header .icon {
        color: #000;
        position: absolute;
    }

    #sp_header .mail {
        right: 70px;
        top: 13px;
        font-size: 25px;
    }

    #sp_header .tel {
        right: 110px;
        top: 15px;
        font-size: 20px;
    }

    /* SP固定ページ 共通設定 */
    .common_page_main {
        padding-block: 20vw;
    }

    .common_page_main .title_box .title {
        font-size: 5.6vw;
    }

    .common_page_wrap {
        padding: 20vw 0;
    }

    .reserve_text {
        font-size: 6vw;
    }

    /* パンくず */
    .breadcrumb {
        font-size: 3.07vw;
        margin-block: 4.61vw 6.92vw;
    }

    .common-page-main .wrap.lr {
        max-width: 95%;
    }

    .common-page-main__ttl-box::before {
        height: 46.15vw;
    }

    .common-page-main__ttl-box {
        padding-top: 31.79vw;
    }

    .common-page-main__ttl-inner {
        width: 84.61vw;
        padding: 8.97vw 0 0;
    }

    .common-page-main__ttl-en {
        font-size: 10.25vw;
    }

    .common-page-main__ttl-jp {
        gap: 0 9.74vw;
    }

    .common-page-main__ttl-border {
        max-width: 12.82vw;
        min-width: 3.82vw;
        width: 100%;
    }

    .common-page-main__ttl-border::before {
        width: 6.15vw;
    }

    .common-page-main__ttl-border.-left::before {
        right: -6.15vw;
    }

    .common-page-main__ttl-border.-right::before {
        left: -6.15vw;
    }

    .common-page-main__ttl-jp-text {
        font-size: 4.1vw;
    }

    .breadcrumb .wrap.lr {
        max-width: 95%;
    }

    .bread-item {
        margin: 0.56vw;
    }

    /* SP固定ページ お問い合わせ */
    .contact_form_disc {
        margin-block: 0 2em;
    }

    .contact_form_disc .text {
        font-size: 3.6vw;
        margin-block: 0 0.8em;
    }

    .contact_form_disc .caution {
        font-size: 3.1vw;
        letter-spacing: .06em;
    }

    .common_contact_form .form_box {
        margin-block: 0 10vw;
    }

    .common_contact_form .form_box dl {
        grid-template-columns: 1fr;
        gap: 0.6em;
    }

    .common_contact_form .form_box dl+dl {
        margin-block: 1.3em 0;
    }

    .common_contact_form .form_box dl dt {
        flex-direction: row-reverse;
        justify-content: space-between;
        font-size: 4.1vw;
        padding-inline: 0;
    }

    .common_contact_form .form_box dl dt .label {
        font-size: 3.1vw;
    }

    .common_contact_form .form_box dl dt::after {
        content: none;
    }

    .common_contact_form input[type="text"],
    .common_contact_form input[type="email"],
    .common_contact_form #zip {
        font-size: 3.6vw;
    }

    .common_contact_form select {
        width: 100%;
        font-size: 3.6vw;
    }

    .common_contact_form textarea {
        height: 33vw;
        font-size: 3.6vw;
    }

    .radio_btns,
    .checkboxes {
        gap: 0.5em 2.5em;
    }

    .page_contact #btn_wrap button {
        width: 83%;
        line-height: 15.5vw;
        font-size: 4.6vw;
    }

    .page_contact #btn_wrap button[name="submitBack"] {
        margin-top: 4vw;
    }

    .mwform-checkbox-field.horizontal-item {
        display: block;
    }

    .page_contact #btn_wrap {
        width: 100%;
        text-align: center;
    }

    .privacy_check_list .mwform-checkbox-field-text {
        font-size: 3.8vw;
        padding-left: 11vw;
    }

    .mw_wp_form .privacy_check_list .horizontal-item {
        margin-right: 4vw;
    }

    .privacy_check_list .hissu {
        padding: 0.3vw 4vw;
    }

    .privacy_check_list {
        margin-bottom: 6vw;
    }

    .privacy_term_detail {
        font-size: 3.4vw;
        margin: 5vw 0;
    }

    .privacy_term_outer {
        width: 96%;
        padding: 5vw 0;
    }

    .privacy_term_outer .privacy_term_inner .main_text {
        font-size: 3.4vw;
        line-height: 1.6;
        margin-bottom: 5vw;
    }

    .privacy_term_outer .privacy_term_inner dl dt {
        font-size: 3.5vw;
        margin-bottom: 1.5vw;
    }

    .privacy_term_outer .privacy_term_inner dl dd {
        font-size: 3.5vw;
        line-height: 1.6;
    }

    .privacy_term_outer .privacy_term_inner dl+dl {
        margin-top: 7vw;
    }

    .privacy_term_detail::after {
        width: 2.5vw;
        margin: 1.5vw auto 0;
    }

    /* サンクスページ */
    .page_contact .thanks_textArea .name {
        font-size: 4vw;
        margin-bottom: 3vw;
    }

    .page_contact .thanks_textArea .contact_text {
        font-size: 3.5vw;
        margin-bottom: 2em;
        width: 100%;
    }

    .page_contact .thanks_textArea .ichiran_link {
        width: 80%;
        line-height: 12vw;
        font-size: 4vw;
    }

    /* ステップバー デザイン */
    .page_contact .progressbar {
        gap: 4.5em;
        margin-block: 0 2.5em;
    }

    .page_contact .progressbar .item {
        font-size: 3.1vw;
    }

    .page_contact .progressbar .item+.item::before {
        width: 5.7vw;
        top: 63%;
        left: -3.3em;
    }

    .page_contact .progressbar .item .mark {
        width: 7.7vw;
        margin: 0 auto 0.4em;
    }

    /* SP固定ページ 404ページ */
    #page_404 .num {
        font-size: 20vw;
        line-height: 1.5;
    }

    #page_404 .text {
        font-size: 3.5vw;
    }

    /* SP固定ページ サイトマップ */
    ul#sitemap_list li {
        margin: 0;
    }

    body #sitemap_list li a {
        font-size: 4vw;
        padding: 1vw 2vw;
        line-height: 9vw;
        margin-bottom: 1vw;
    }

    body #sitemap_list li.home-item {
        margin-bottom: 4vw;
    }

    body #sitemap_list {
        padding: 0;
    }

    /* TOP メインビジュアル */
    .top-mv__inner {
        padding: 20.51vw 0 11.97vw;
    }

    .top-mv__catch-text {
        width: 86.15vw;
        margin: 0 auto 6.41vw;
    }

    .top-mv__award-box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2.66vw 3.58vw;
    }

    .top-mv__award.-award1 {
        width: 38.8vw;
    }

    .top-mv__award.-award2 {
        width: 42.5vw;
    }

    .top-mv__award.-award3 {
        width: 45.1vw;
    }

    .top-mv {
        background-image: url(/wp-content/themes/swell_child/image/top_mv_sp.webp);
    }

    .top-mv__main-text {
        font-size: 3.33vw;
    }

    .top-mv__main-text-box {
        margin-bottom: 3.07vw;
        text-align: center;
        padding: 1.53vw 14.1vw;
    }

    /* TOP 企業バナースライダー */
    .company-banner-marquee {
        padding-block: 4.28vw;
    }

    .company-banner-marquee__item {
        width: 25.6vw;
        margin-right: 2.56vw;
    }

    /* TOP お知らせ */
    .top-news-sec {
        padding-block: 17.94vw;
    }

    .top-news-sec__flex {
        flex-direction: column;
    }

    .top-news__ttl {
        width: 100%;
    }

    .top-news__ttl .common-left-ttl {
        margin-bottom: 5.12vw;
    }

    .common-left-ttl__en {
        font-size: 10.25vw;
    }

    .common-left-ttl__jp {
        font-size: 4.1vw;
        gap: 0 2.56vw;
        justify-content: center;
    }

    .common-left-ttl__jp::after {
        width: 7.69vw;
    }

    .common-left-ttl__jp::before {
        content: "";
        width: 7.6vw;
        aspect-ratio: 25 / 7;
        min-width: 0;
        flex-shrink: 0;
        background-image: url(/wp-content/themes/swell_child/image/treat_ttl_en.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        scale: -1 1;
    }

    .top-news__item a {
        padding: 5.12vw 3.84vw 6.66vw;
    }

    .top-news__item-ttl {
        font-size: 3.84vw;
        -webkit-line-clamp: 2;
        font-weight: 400;
        line-height: 1.5;
    }

    .top-news__item-top {
        gap: 0 2.56vw;
        margin-bottom: 2.56vw;
    }

    .top-news__item-time {
        font-size: 3.58vw;
    }

    .top-news__item-label {
        width: 12.8vw;
    }

    .top-news__label-text {
        font-size: 3.07vw;
    }

    .top-news__item a::after {
        right: 4.35vw;
        top: 6.79vw;
    }

    .top-news__list {
        margin-bottom: 6.41vw;
    }

    .common-more-btn a {
        width: 58.97vw;
        min-block-size: 13.84vw;
        font-size: 4.1vw;
        font-weight: 400;
        letter-spacing: .01em;
        margin: 0 auto;
    }

    /* TOP 選ばれる4つの理由 */
    .top-reason-sec {
        padding-block: 17.94vw;
    }

    .top-reason__item a {
        flex-direction: column;
    }

    .top-reason__item:nth-child(even) a {
        flex-direction: column;
        align-items: flex-start;
    }

    .common-center-ttl {
        margin-bottom: 5.12vw;
    }

    .common-center-ttl__en {
        font-size: 12.3vw;
    }

    .common-center-ttl__jp {
        font-size: 4.1vw;
        margin-top: 0;
        white-space: nowrap;
    }

    .common-center-ttl__jp::before,
    .common-center-ttl__jp::after {
        width: 21vw;
        flex-shrink: 1;
    }

    .common-center-ttl__jp::before {
        margin-right: 3.8vw;
    }

    .common-center-ttl__jp::after {
        margin-left: 3.8vw;
    }

    .common-center-ttl__jp .num {
        font-size: 6.15vw;
    }

    .top-reason__item-img {
        width: 94.87vw;
        height: 46.15vw;
        clip-path: polygon(calc(100% - 3.34vw) 0, 100% 3.34vw, 100% calc(100% - 3.34vw), calc(100% - 3.34vw) 100%, 0 100%, 0 0);
        margin-bottom: 3.84vw;
    }

    .top-reason__item-img-border {
        width: 92.3vw;
        height: 43.58vw;
        clip-path: polygon(calc(100% - 3.33vw) 0, 100% 3.33vw, 100% calc(100% - 3.33vw), calc(100% - 3.33vw) 100%, 0 100%, 0 0);
        top: 1.28vw;
        left: 1.28vw;
    }

    .top-reason__item-img-border::before {
        top: -1.5vw;
        right: -2.5vw;
        width: 13.6vw;
    }

    .top-reason__item-img-border::after {
        bottom: -1.5vw;
        right: -2.5vw;
        width: 13.6vw;
    }

    .top-reason__item+.top-reason__item {
        margin-top: 12.82vw;
    }

    .top-reason__item:nth-child(even) .top-reason__item-img {
        clip-path: polygon(3.34vw 0, 100% 0, 100% 100%, 3.34vw 100%, 0 calc(100% - 3.34vw), 0 3.34vw);
    }

    .top-reason__item:nth-child(even) .top-reason__item-img-border {
        clip-path: polygon(3.33vw 0, 100% 0, 100% 100%, 3.33vw 100%, 0 calc(100% - 3.33vw), 0 3.33vw);
    }

    .top-reason__item:nth-child(even) .top-reason__item-img-border::before {
        left: -2.5vw;
    }

    .top-reason__item:nth-child(even) .top-reason__item-img-border::after {
        left: -2.5vw;
    }

    .top-reason__item-cont {
        padding: 0;
    }

    .top-reason__item:nth-child(even) .top-reason__item-cont {
        padding: 0;
    }

    .top-reason__item:nth-child(even) .reason-item__ttl {
        padding: 0 0 3.07vw;
    }

    .top-reason__item:nth-child(even) .reason-item__bg {
        right: 5vw;
    }

    .top-reason__item:nth-child(even) .reason-item__ttl::after {
        left: -3.6vw;
    }

    .top-reason__item:nth-child(even) .reason-item-cont_info {
        padding: 0;
    }

    .reason-item__ttl {
        padding: 0 0 3.07vw 5vw;
        width: 105%;
        margin: 0 0 5.66vw -5vw;
    }

    .reason-item__ttl-text {
        font-size: 6.15vw;
    }

    .reason-item__bg {
        font-size: 22.56vw;
    }

    .reason-item-cont_info {
        padding: 0;
        width: 100%;
    }

    .reason-item__ttl::after {
        width: 3.84vw;
        bottom: -1.85vw;
        right: -3.6vw;
    }

    .reason-item__main-text {
        line-height: 1.7;
        letter-spacing: .035em;
        padding-bottom: 6.41vw;
        margin-bottom: 6.41vw;
    }

    .reason-item__catch {
        padding-left: 1.28vw;
        gap: 0 2.56vw;
        margin-bottom: 4.79vw;
    }

    .reason-item__catch::before {
        width: 4.1vw;
    }

    .reason-item__catch-text {
        font-size: 4.61vw;
    }

    .reason-item__more-text {
        font-size: 4.1vw;
        gap: 0 2.56vw;
    }

    /* TOP エクセレントについて */
    .top-about-sec {
        padding-block: 75.38vw 17.97vw;
    }

    .top-about__ttl::before {
        background-image: url(/wp-content/themes/swell_child/image/top_about_bg_sp.webp);
        width: 100vw;
        height: 99.48vw;
        top: -60vw;
        left: -5vw;
    }

    .common-left-ttl {
        text-align: center;
    }

    .top-about__ttl-catch {
        margin-block: 5.12vw 6.41vw;
        text-align: center;
    }

    .top-about__ttl .common-more-btn a {
        width: 66.66vw;
    }

    .top-about__ttl {
        margin-bottom: 6.41vw;
    }

    .top-about__store {
        flex-direction: column;
        gap: 2.56vw;
        margin-bottom: 18.02vw;
    }

    .top-about__store-item {
        width: 100%;
        padding: 7.69vw;
    }

    .about-store-item__treat {
        left: 1.28vw;
        width: calc(100% - 2.56vw);
    }

    .about-store-item__treat.-top {
        top: 1.28vw;
    }

    .about-store-item__treat::before,
    .about-store-item__treat::after {
        width: 10.25vw;
    }

    .about-store-item__ttl {
        margin-bottom: 5.12vw;
    }

    .about-store-item__ttl-jp {
        font-size: 5.12vw;
    }

    .about-store-item__ttl-en {
        font-size: 3.58vw;
    }

    .about-store-item__address {
        font-size: 4.1vw;
        margin-bottom: 3.33vw;
    }

    .about-store-item__num {
        font-size: 3.58vw;
    }

    .about-store-item__num .large {
        font-size: 4.61vw;
    }

    .about-store-item__num+.about-store-item__num {
        margin-top: 2.82vw;
    }

    .about-store-item__treat.-bottom {
        bottom: 1.28vw;
    }

    .top-about__pr {
        flex-direction: column-reverse;
        gap: 6.41vw;
    }

    .about-pr__video {
        width: 100%;
    }

    .about-pr__ttl {
        gap: 0 2.29vw;
        width: 95vw;
        margin: 0 0 6.41vw -2.5vw;
    }

    .about-pr__ttl-text {
        font-size: 5.12vw;
        text-align: center;
    }

    .about-pr__ttl::after {
        width: 10.25vw;
        rotate: -10deg;
        translate: 0 6vw;
    }

    .about-pr__ttl::before {
        content: "";
        width: 10.25vw;
        aspect-ratio: 22 / 19;
        min-width: 0;
        display: block;
        background-image: url(/wp-content/themes/swell_child/image/treat_pr_ttl.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        flex-shrink: 0;
        scale: -1 1;
        rotate: 10deg;
        translate: 0 6vw;
    }

    .about-pr__ttl-text .color {
        font-size: 5.64vw;
        line-height: 1.68;
    }

    .about-pr__ttl-box {
        padding-inline: 2.56vw;
        margin: 2.05vw 1.28vw 0 0;
    }

    .about-pr__main-text {
        font-size: 4.1vw;
        line-height: 1.7;
    }

    /* TOP スタッフ紹介 */
    .top-staff-sec {
        padding-top: 38.4vw;
    }

    .top-staff__outer {
        width: 95vw;
        padding-block: 17.94vw;
    }

    .top-staff__list {
        overflow-x: scroll;
        display: flex;
        gap: 0 3.84vw;
        padding: 0.5vw 0;
    }

    .top-staff__item {
        flex-shrink: 0;
        width: 76.92vw;
        padding-inline: 2.56vw;
    }

    .top-staff__outer .wrap {
        max-width: 90vw;
    }

    .top-staff__outer .common-center-ttl__en {
        font-size: 12.3vw;
    }

    .top-staff__catch-text {
        font-size: 4.61vw;
        margin-bottom: 4.8vw;
        line-height: 1.5;
    }

    .top-staff__catch-text::after {
        width: 15.31vw;
        margin: 3.07vw auto 0;
    }

    .top-staff__main-text {
        margin-bottom: 8.2vw;
    }

    .top-staff__item-num {
        font-size: 4.1vw;
        margin-bottom: .51vw;
    }

    .top-staff__item-num::before,
    .top-staff__item-num::after {
        width: 28.71vw;
    }

    .top-staff__item-num::after {
        right: -2.56vw;
    }

    .top-staff__item-num::before {
        left: -2.56vw;
    }

    .top-staff__item-img img {
        aspect-ratio: 14/19;
    }

    .staff-item__post {
        padding: .76vw 2.56vw;
        top: 2.56vw;
        left: 2.56vw;
    }

    .top-staff__item-img {
        margin-bottom: 2.56vw;
    }

    .staff-item__name-jp {
        font-size: 5.12vw;
        line-height: 1.36;
    }

    .staff-item__name-en {
        font-size: 3.58vw;
    }

    .top-staff__outer::before {
        top: 12.82vw;
    }

    /* TOP 賃貸募集・賃貸管理実績一例 */
    .top-achievement__item {
        width: 66.66vw;
        margin: 0 1.92vw;
    }

    .top-achievement-sec {
        padding-block: 17.94vw;
    }

    .top-achievement-sec .common-center-ttl__en {
        font-size: 10.25vw;
    }

    .top-achievement-sec .common-center-ttl__jp::before,
    .top-achievement-sec .common-center-ttl__jp::after {
        width: 11.92vw;
    }

    .top-achievement__item-img {
        margin-bottom: 2.56vw;
    }

    .top-achievement__item-img img {
        aspect-ratio: 13/12;
    }

    .achievement-item__name-jp {
        font-size: 4.61vw;
        letter-spacing: .03em;
        line-height: 1.51;
    }

    .top-achievement__list.slick-slider.slick-dotted {
        margin-bottom: 3.84vw;
    }

    .top-achievement__list .slick-dots li button::before {
        width: 1.79vw;
        height: 1.79vw;
    }

    .top-achievement__list .slick-dots li button {
        width: 1.79vw;
        height: 1.79vw;
    }

    .top-achievement__list .slick-dots li {
        width: 1.79vw;
        height: 1.79vw;
        margin: 0 1.28vw;
    }

    .top-achievement__list .slick-dots {
        bottom: -7vw;
    }

    /* TOP ご要望に合わせた管理プラン */
    .top-plan-sec {
        padding-block: 19.23vw 18.2vw;
    }

    .top-plan-sec::before {
        width: 89.87vw;
        height: 3.84vw;
    }

    .top-plan-sec .common-center-ttl__en {
        font-size: 10.25vw;
    }

    .top-plan-sec .common-center-ttl__jp::before,
    .top-plan-sec .common-center-ttl__jp::after {
        width: 11.82vw;
    }

    .top-plan__table {
        margin-bottom: 3.33vw;
        overflow-x: scroll;
    }

    .top-plan__table table {
        width: 140vw;
    }

    .plan-table__main-th {
        font-size: 4.1vw;
        padding: 4.74vw 6.4vw;
        width: auto;
        white-space: nowrap;
    }

    .plan-table__main-th .small {
        font-size: 3.07vw;
    }

    .plan-table__sub-th {
        font-size: 4.1vw;
        width: 33.33vw;
        padding: 4.35vw;
    }

    .top-plan__table table td {
        font-size: 3.58vw;
        letter-spacing: .01em;
    }

    .top-plan__table table td .small {
        font-size: 3.07vw;
    }

    .top-plan__table td .small-note {
        font-size: 2vw;
    }

    .top-plan__table-note {
        font-size: 3.07vw;
        margin-bottom: 8.2vw;
        line-height: 1.5;
    }

    .top-plan__commission-ttl {
        font-size: 4.1vw;
        margin-bottom: 3.84vw;
        display: block;
        position: relative;
        text-align: center;
        line-height: 1.31;
    }

    .top-plan__commission-ttl .small {
        font-size: 3.07vw;
    }

    .top-plan__commission-ttl::before,
    .top-plan__commission-ttl::after {
        width: 13vw;
        position: absolute;
        top: 50%;
        translate: 0 -50%;
    }

    .top-plan__commission-note {
        font-size: 3.58vw;
        letter-spacing: .025em;
        text-align: left;
        width: fit-content;
        margin: 0 auto;
    }

    .top-plan__commission-note .small {
        font-size: 3.07vw;
    }

    .top-plan__commission-ttl::before {
        left: 0;
    }

    .top-plan__commission-ttl::after {
        right: 0;
    }

    /* TOP 申込からご契約までの流れ */
    .top-flow-sec {
        padding-block: 17.94vw;
    }

    .top-flow-sec .wrap.mid {
        max-width: 95%;
    }

    .top-flow__flex {
        padding: 0;
        flex-direction: column;
    }

    .top-flow__ttl {
        margin-bottom: 5.12vw;
    }

    .top-flow-sec .common-left-ttl__en {
        font-size: 10.25vw;
    }

    .top-flow-sec .common-left-ttl__jp {
        font-size: 4.1vw;
        gap: 0 3.84vw;
    }

    .top-flow__img-slider {
        width: 100%;
        height: auto;
        display: flex;
        overflow-x: scroll;
    }

    .top-flow__img-item {
        padding: 0;
        background: none !important;
        position: relative;
        opacity: 1;
        visibility: visible;
        flex-shrink: 0;
        width: 100%;
    }

    .top-flow__img-item::before {
        content: none;
    }

    .flow-item-img.sp img {
        width: 100%;
        aspect-ratio: 37/25;
        min-width: 0;
        object-fit: cover;
    }

    .flow-item-img {
        margin-bottom: 2.56vw;
    }

    .flow-img-item__ttl {
        gap: 0 2.56vw;
        padding-bottom: 1.53vw;
        width: 90vw;
        margin: 0 auto 2.56vw;
    }

    .flow-img-item__ttl-num {
        font-size: 3.58vw;
    }

    .flow-img-item__ttl-num .large {
        font-size: 4.61vw;
    }

    .flow-img-item__ttl-text {
        font-size: 4.61vw;
    }

    .flow-img-item__text {
        font-size: 3.58vw;
        letter-spacing: .025em;
        width: 90vw;
        margin: 0 auto;
    }

    .flow-img-item__ttl-text .small {
        font-size: 2.56vw;
    }

    .treat-top-flow {
        height: 12.8vw;
        width: calc(100% - 5.12vw);
        top: auto;
        bottom: 2.56vw;
        left: 2.56vw;
    }

    .treat-top-flow::before,
    .treat-top-flow::after {
        width: 12.8vw;
    }

    .treat-top-flow::before {
        top: auto;
        bottom: 0;
        left: auto;
        right: 0;
        rotate: -180deg;
    }

    /* TOP 竣工予定のマンション情報 */
    .top-upcoming-sec {
        padding-block: 17.94vw 15.38vw;
    }

    .top-upcoming-sec .common-center-ttl__en {
        font-size: 10.25vw;
    }

    .top-upcoming-sec .common-center-ttl__jp::before,
    .top-upcoming-sec .common-center-ttl__jp::after {
        width: 14.48vw;
    }

    .top-upcoming-sec .common-center-ttl {
        margin-bottom: 6.41vw;
    }

    .top-achievement__list.-upcoming.slick-slider.slick-dotted {
        margin-bottom: 12.82vw;
    }

    .top-achievement__item-img.-upcoming img {
        aspect-ratio: 7/5;
    }

    .top-achievement__item.-upcoming {
        width: 71.79vw;
    }

    .upcoming-item__cont {
        min-height: 29.74vw;
    }

    .upcoming-item__name-jp {
        font-size: 4.1vw;
        letter-spacing: .08em;
        height: 11.28vw;
        line-height: 1.3;
        margin-bottom: 1.28vw;
    }

    .upcoming-item__text {
        line-height: 1.7;
    }

    .upcoming-item__date {
        font-size: 3.58vw;
    }

    .top-upcoming-arrow-prev,
    .top-upcoming-arrow-next {
        width: 12.82vw;
    }

    .top-upcoming-arrow-next {
        right: -0.7vw;
    }

    .top-upcoming-arrow-prev {
        left: 12.3vw;
    }

    .top-upcoming-arrow-prev::before,
    .top-upcoming-arrow-next::before {
        width: 2.56vw;
    }

    .top-upcoming-sec .common-more-btn a {
        width: 64.1vw;
    }

    /* TOP 賃貸管理のお役立ちブログ */
    .top-blog-sec {
        padding-block: 20.51vw 17.94vw;
    }

    .top-blog-sec::before {
        width: 89.74vw;
        height: 5.12vw;
    }

    .top-blog__ttl {
        display: block;
        padding: 0;
        margin-bottom: 6.41vw;
    }

    .top-blog__ttl .common-left-ttl__jp {
        font-size: 4.1vw;
    }

    .top-blog__list {
        grid-template-columns: 1fr;
        gap: 3.84vw 0;
        margin-bottom: 6.41vw;
    }

    .top-blog__item {
        padding: 0 0 3.84vw;
    }

    .top-blog__item a {
        gap: 0 2.56vw;
    }

    .top-blog__item-img {
        width: 25.6vw;
    }

    .blog-item__name-jp {
        font-size: 3.84vw;
        line-height: 1.3;
        -webkit-line-clamp: 2;
    }

    .blog-item__text {
        font-size: 3.33vw;
    }

    .blog-item__date {
        margin-top: 1.28vw;
        font-size: 3.07vw;
    }

    .top-blog__item:nth-child(2n) {
        padding: 0 0 3.84vw;
    }

    .top-blog__item:nth-child(2n)::before {
        content: none;
    }

    .top-blog-sec .common-more-btn a {
        width: 64.1vw;
    }

    /* TOP 賃貸管理の対応エリア */
    .top-area-sec {
        padding-top: 17.94vw;
    }

    .top-area-sec::before {
        width: 64.1vw;
        height: 45vw;
        background-size: contain;
    }

    .top-area-sec .common-center-ttl__en {
        font-size: 10.25vw;
    }

    .top-area-sec .common-center-ttl__jp::before,
    .top-area-sec .common-center-ttl__jp::after {
        width: 18.7vw;
    }

    .top-area__tab-list {
        grid-template-columns: repeat(8, 20.51vw);
        gap: 2.56vw;
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .area-tab__item {
        min-block-size: 11.28vw;
    }

    .area-tab__item-text {
        font-size: 3.58vw;
    }

    .top-area__item {
        width: 82.05vw;
        clip-path: polygon(3.84vw 0%, calc(100% - 3.84vw) 0%, 100% 3.84vw, 100% calc(100% - 3.84vw), calc(100% - 3.84vw) 100%, 3.84vw 100%, 0% calc(100% - 3.84vw), 0% 3.84vw);
        margin: 0 1.28vw;
        min-height: auto;
        max-height: max-content;
    }

    .top-area__list .slick-list {
        margin: 0 -1.28vw;
    }

    .top-area__item a {
        flex-direction: column;
    }

    .top-area__item-img {
        width: 100%;
        min-height: 46.15vw;
        height: 46.15vw;
    }

    .top-area__item-cont {
        padding: 3.84vw 5.12vw 6.3vw;
    }

    .area-item__ttl {
        padding-bottom: 1.58vw;
        margin-bottom: 2.35vw;
    }

    .area-item__ttl-text {
        font-size: 4.61vw;
    }

    .area-item__ttl::after {
        width: 11.79vw;
        bottom: -1.2vw;
    }

    .area-item__main-text {
        font-size: 3.33vw;
        line-height: 1.5;
        -webkit-line-clamp: none;
    }

    .top-upcoming-arrow-prev.-area {
        left: 0;
    }

    .top-upcoming-arrow-next.-area {
        right: -12.5vw;
    }

    .top-upcoming-arrow-prev.-area::before {
        rotate: -135deg;
        left: 60%;
    }

    .top-upcoming-arrow-next.-area::before {
        left: 20%;
    }

    .top-area__tab-list-outer {
        width: 90%;
        overflow-x: scroll;
        margin: 0 auto 5.12vw;
    }

    /* TOP 東京で管理会社をお探しの方はご相談ください */
    .top-contact-sec {
        padding-block: 18.46vw;
    }

    .top-contact-sec .common-center-ttl__en {
        font-size: 10.25vw;
    }

    .top-contact-sec .common-center-ttl__jp::before,
    .top-contact-sec .common-center-ttl__jp::after {
        width: 9.74vw;
    }

    .top-contact-sec .common-center-ttl__jp::before {
        margin-right: auto;
    }

    .top-contact-sec .common-center-ttl__jp::after {
        margin-left: auto;
    }

    .top-contact__list {
        flex-direction: column;
        gap: 7.6vw;
    }

    .top-contact__item-icon {
        width: 20.51vw;
        margin: 0 auto 2.56vw;
    }

    .top-contact__item-icon.-calculator img {
        width: 6.4vw;
    }

    .top-contact__item-ttl {
        font-size: 5.1vw;
        margin-bottom: 3.84vw;
    }

    .top-contact__calculator-btn a {
        width: 64.1vw;
        background-color: var(--main-color);
        font-size: 4.1vw;
        min-block-size: 12.82vw;
        margin: 0 auto;
    }

    .top-contact__item+.top-contact__item::before {
        height: 1px;
        width: 100%;
        left: 0;
        background: repeating-linear-gradient(to right, var(--sub-color) 0, var(--sub-color) 5px, transparent 0, transparent 10px);
    }

    .top-contact__item+.top-contact__item {
        padding-top: 7.69vw;
    }

    .top-contact__item-icon.-mail img {
        width: 8.2vw;
    }

    .top-contact__mail-btn a {
        width: 64.1vw;
        min-block-size: 12.82vw;
        font-size: 4.1vw;
        margin: 0 auto;
    }

    .top-contact__item-icon.-tel img {
        width: 7.79vw;
    }

    .top-contact__item-tel a {
        display: block;
        color: #333;
        margin-bottom: .76vw;
    }

    .top-contact__item-tel-text {
        font-size: 3.58vw;
    }

    .top-contact__item-tel-text .large {
        font-size: 7.69vw;
    }

    .top-contact__item-tel-note {
        font-size: 3.07vw;
    }

    .top-contact-sec::after {
        width: 76.92vw;
        height: 54.08vw;
    }

    /* TOP フッター */
    .site-footer__end {
        display: block;
    }

    .site-footer__top {
        flex-direction: column;
        padding-bottom: 13.33vw;
        margin-bottom: 12.3vw;
    }

    .site-footer__group+.site-footer__group {
        margin-top: 6.66vw;
    }

    .globalMenuPc-nav__item {
        padding-left: 5.12vw;
    }

    .globalMenuPc-nav__item-en {
        font-size: 4.6vw;
        margin-bottom: 2.05vw;
    }

    .globalMenuPc-nav__item-text {
        font-size: 3.07vw;
        letter-spacing: .01em;
    }

    .site-footer__bottom {
        padding-bottom: 12.82vw;
        margin-bottom: 13.58vw;
    }

    .site-footer__bottom .site-footer__group {
        flex-direction: column;
    }

    .site-footer__bottom .globalMenuPc-nav__child-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3.84vw;
        padding-left: 5.64vw;
        margin-top: 5.64vw;
    }

    .globalMenuPc-nav__child {
        padding-left: 5.12vw;
    }

    .globalMenuPc-nav__child-item a {
        font-size: 3.58vw;
        letter-spacing: .01em;
    }

    .site-footer__group ul+.globalMenuPc-nav__child {
        margin-top: 5.6vw;
        margin-left: 5.64vw;
    }

    .footer-info__logo {
        margin-bottom: 3.97vw;
    }

    .footer-info__logo-text {
        font-size: 2.56vw;
        letter-spacing: .01em;
        margin-bottom: 1.79vw;
    }

    .footer-info__logo-img {
        width: 46.15vw;
    }

    .footer-info__address {
        font-size: 3.58vw;
        margin-bottom: 4.35vw;
        line-height: 1.5;
        letter-spacing: .01em;
    }

    .footer-info__tel {
        font-size: 4.1vw;
        letter-spacing: .01em;
        margin-bottom: .76vw;
    }

    .footer-info__tel .large {
        font-size: 6.15vw;
    }

    .footer-info__note {
        font-size: 2.56vw;
        letter-spacing: .01em;
    }

    .footer-menu-list {
        margin-bottom: 5.64vw;
    }

    .footer-menu-list ul {
        justify-content: left;
        gap: 0 5.12vw;
    }

    .site-footer__end-info {
        margin-bottom: 10.25vw;
    }

    .footer-menu-list a {
        font-size: 3.07vw;
        letter-spacing: .01em;
    }

    .copyright small {
        font-size: 3.07vw;
    }

    .globalMenuPc-nav__child,
    .globalMenuPc-nav__child-box {
        display: none;
    }

    .globalMenuPc-nav__item.has-child {
        position: relative;
    }

    .globalMenuPc-nav__icon-open {
        position: absolute;
        right: 0;
        top: 50%;
        width: 5.38vw;
        aspect-ratio: 1/1;
        min-width: 0;
        border: solid 1px #FFF;
        rotate: -135deg;
        translate: 0 -50%;
        transition: .5s;
    }

    .globalMenuPc-nav__item.is-open .globalMenuPc-nav__icon-open {
        rotate: 45deg;
    }

    .globalMenuPc-nav__icon-open::before {
        content: "";
        position: absolute;
        width: 1.79vw;
        aspect-ratio: 1/1;
        min-width: 0;
        border: solid #FFF;
        border-width: 1px 0 0 1px;
        left: 35%;
        top: 38%;
    }

    .site-footer {
        padding-block: 15.38vw 37.69vw;
    }

    .globalMenuPc-nav__child-item+.globalMenuPc-nav__child-item {
        margin-top: 4.1vw;
    }

    .globalMenuPc-nav__child-item a {
        font-size: 3.58vw;
    }

    .site-footer__group .globalMenuPc-nav__item+.globalMenuPc-nav__item {
        margin-top: 6.66vw;
    }

    /* TOP ヘッダー */
    .sp-site-header__logo {
        width: 130px;
    }

    .hamburgerPc-box__text-box.-sp {
        position: absolute;
        top: 50%;
        right: 56px;
        translate: 0 -50%;
        bottom: auto;
        left: auto;
    }

    /* エリア・駅TOP */
    .top-worry-sec {
        padding-block: 17.94vw;
    }

    .top-worry__flex {
        flex-direction: column;
        position: relative;
        gap: 0;
        z-index: 0;
    }

    .top-worry__img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: -1;
        opacity: .05;
    }


    .top-worry__cont {
        padding-bottom: 0;
    }

    .top-worry__ttl {
        padding: 2vw 3vw;
        margin: 0 auto 6vw;
        width: 100%;
    }

    .top-worry__ttl-text {
        font-size: 4.1vw;
        text-align: center;
        line-height: 1.6;
    }

    .top-worry__catch {
        font-size: 6vw;
        text-align: center;
        margin-bottom: 8vw;
    }

    .top-worry__catch .large {
        font-size: 130%;
    }

    .top-worry__list li::before {
        width: 5vw;
        translate: 0 0.6vw;
    }

    .top-worry__list-text {
        font-size: 3.8vw;
        line-height: 1.5;
    }

    .top-worry__list-text .color {
        font-size: 115%;
    }

    .top-worry__list li {
        align-items: flex-start;
        gap: 0 2.5vw;
    }

    .top-worry-sec::after {
        width: 30vw;
        height: 9vw;
        bottom: -9vw;
    }

    .top-cta-sec {
        padding-block: 17.94vw;
    }

    .top-cta__catch {
        margin-bottom: 8vw;
    }

    .top-cta__catch::before,
    .top-cta__catch::after {
        width: 13vw;
        top: auto;
        bottom: 7vw;
    }

    .top-cta__catch-text {
        font-size: 5.12vw;
    }

    .top-cta__catch-text .box {
        padding-inline: 3vw;
        margin-inline: 1vw;
    }

    .top-cta__catch-text .color {
        font-size: 5.64vw;
    }

    .top-admin-about-sec {
        padding-block: 17.94vw;
    }

    .top-admin-about-sec::before {
        width: 89.74vw;
        height: 5.12vw;
    }

    .top-admin-about__flex {
        flex-direction: column;
        gap: 5vw 0;
    }

    .top-admin-about__img {
        width: 100%;
        height: 60vw;
        clip-path: polygon(3.84vw 0%, calc(100% - 3.84vw) 0%, 100% 3.84vw, 100% calc(100% - 3.84vw), calc(100% - 3.84vw) 100%, 3.84vw 100%, 0% calc(100% - 3.84vw), 0% 3.84vw);
    }

    .top-admin-about__img-border {
        clip-path: polygon(3.84vw 0%, calc(100% - 3.84vw) 0%, 100% 3.84vw, 100% calc(100% - 3.84vw), calc(100% - 3.84vw) 100%, 3.84vw 100%, 0% calc(100% - 3.84vw), 0% 3.84vw);
        width: calc(100% - 2.56vw);
        height: calc(100% - 2.56vw);
        top: 1.28vw;
        left: 1.28vw;
    }

    .admin-about__img-border-treat::before,
    .admin-about__img-border-treat::after {
        width: 19vw;
    }

    .admin-about__img-border-treat::before {
        left: -5.3vw;
        top: -0.8vw;
    }

    .admin-about__img-border-treat::after {
        right: -5.3vw;
        top: -.8vw;
    }

    .admin-about__img-border-treat.-bottom::after {
        right: -6.7vw;
    }

    .admin-about__img-border-treat.-bottom::before {
        left: -6.7vw;
    }

    .top-admin-about__ttl-box {
        padding-bottom: 3vw;
        margin-bottom: 3vw;
    }

    .top-admin-about__ttl {
        font-size: 5.1vw;
    }

    .top-admin-about__main-text {
        font-size: 3.58vw;
    }

    .top-admin-about__bg-font {
        bottom: -6vw;
    }

    .admin-about__bg-font-top {
        font-size: 10vw;
    }

    .admin-about__bg-font-bottom {
        font-size: 6.5vw;
    }

    .top-area-sec.-single {
        padding-top: 17.94vw;
    }

    .top-area-sec.-single .top-area__tab-list-outer {
        margin: 0 auto;
    }

    .top-worry__list li+li {
        margin-top: 6vw;
    }

    .top-cta__catch-text .box:first-of-type {
        margin-bottom: 1.5vw;
    }

    .top-cta__catch::before {
        left: -2vw;
    }

    .top-cta__catch::after {
        right: -2vw;
    }

    /* SP追従CTA */
    .sp-fixed-cta {
        position: fixed;
        z-index: 100;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 4.35vw 2.56vw 2.56vw;
        background-color: #F5F1E7;
    }

    .sp-fixed-cta__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0 1.28vw;
    }

    .sp-fixed-cta__btn a {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #FFF;
        border: solid 1px var(--main-color);
        padding: 2.38vw 0 1.53vw;
        gap: 0.5vw;
    }

    .sp-fixed-cta__btn-text {
        color: var(--main-color);
        font-size: 3.58vw;
        font-weight: 600;
        letter-spacing: .03em;
        line-height: 1.43;
    }

    .sp-fixed-cta__catch {
        font-size: 3.07vw;
        width: 82.05vw;
        background-color: var(--main-color);
        color: #FFF;
        text-align: center;
        line-height: 1;
        padding: 1.54vw;
        margin: -8.2vw auto 1.28vw;
    }

    .sp-fixed-cta__btn-icon {
        width: 5.12vw;
        line-height: 1;
        margin: 0 auto;
    }

    .sp-fixed-cta__btn-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .sp-fixed-cta__btn.-assess a {
        background-color: var(--sub-color);
        border-color: var(--sub-color);
    }

    .sp-fixed-cta__btn.-assess .sp-fixed-cta__btn-text {
        color: #FFF;
    }

    /* エリアTOP一覧 */
    .top-area-sec.no-bg {
        padding-block: 17.94vw;
    }

    /* 固定ページ　選ばれる４つの理由 */
    .page_reasons-sec .reasons-cont .block {
        flex-direction: column;
        gap: 9vw 0;
    }

    .page_reasons-sec .reasons-cont .block:nth-child(even) {
        flex-direction: column;
    }

    .page_reasons-sec .reasons-cont .block+.block {
        margin-top: 12vw;
    }

    .page_reasons-sec .reasons-cont .block .img {
        position: static;
        width: 100%;
        height: 70vw;
        padding: 3vw;
    }

    .page_reasons-sec .reasons-cont .block .img img {
        object-fit: contain;
    }

    .page_reasons-sec .reasons-cont .block .ttl_box .en {
        top: -7vw;
        left: -3vw;
        font-size: 18vw;
    }

    .page_reasons-sec .reasons-cont .block .ttl_box .jp {
        font-size: 5.3vw;
    }

    .page_reasons-sec .reasons-cont .block .ttl_box .description {
        font-size: 3.5vw;
    }

    .page_reasons-sec .reasons-cont .block .item-box {
        margin-top: 7vw;
    }

    .page_reasons-sec .reasons-cont .block .item-box .label {
        border-left: 3px solid var(--sub-color);
        padding-left: 3vw;
        font-size: 4.2vw;
    }

    .page_reasons-sec .reasons-cont .block .item-box .text {
        font-size: 3.6vw;
    }

    .reasons-contact_sec {
        padding-block: 18vw;
        margin-top: 20vw;
    }

    .reasons-contact_sec .title {
        font-size: 6.4vw;
    }

    .reasons-contact_sec .title::before {
        width: 10vw;
    }

    .reasons-contact_sec .text_box {
        margin-top: 8vw;
    }

    .reasons-contact_sec .text_box .text {
        font-size: 3.6vw;
    }

    .reasons-contact_sec .contact-btn {
        margin: 10vw auto 0;
    }

    .reasons-contact_sec .contact-btn a {
        width: 70vw;
        min-block-size: 15vw;
        font-size: 4.2vw;
    }

    .reasons-contact_sec .contact-btn a:hover {
        opacity: 1;
    }

    .page_reasons .common_page_wrap {
        padding: 20vw 0 0;
    }

}

@media (hover: hover) {
    .page_contact #btn_wrap button:hover {
        opacity: .8;
    }

    .page_contact .thanks_textArea .ichiran_link:hover {
        opacity: .8;
    }

    .site-header__menu-item-link:hover {
        color: var(--sub-color);
    }

    .site-header__menu-item-link:hover .site-header__hover-arrow {
        rotate: 315deg;
        border-color: var(--sub-color);
        translate: 0;
    }

    .site-header__menu-item-link:hover::after {
        transform: translateX(-50%) scaleX(1);
    }

    .site-header__menu-child li a:hover {
        color: var(--sub-color);
    }

    .site-header__menu-child li a:hover::before {
        width: 100%;
    }

    .common-more-btn a:hover::after {
        right: -41px;
    }

    .top-news__item a:hover::after {
        right: 40px;
    }

    .top-news__item a:hover .top-news__item-ttl {
        color: var(--sub-color);
    }

    .common-more-btn a:hover::before {
        width: 20px;
    }

    .top-reason__item a:hover::before {
        width: 100%;
    }

    .top-blog__item a:hover {
        opacity: .6;
    }

    .top-area-sec.-single .area-tab__item:hover a {
        color: #FFF;
    }

    .top-blog__item a:hover img {
        scale: 1.1;
    }

    .top-area-sec.-single .area-tab__item:hover {
        background-color: var(--sub-color);
    }

    .top-area-sec.-single .area-tab__item.is-active:hover {
        background-color: var(--sub-color);
    }

    .site-header__btn a:hover {
        opacity: .6;
    }

    .top-mv__cta-btn a:hover {
        opacity: .6;
    }

    .common-cta-btn a:hover {
        opacity: .6;
    }

    .common-cta-btn.-tel a:hover {
        opacity: 1;
    }

    .common-more-btn a:hover {
        opacity: .6;
    }

    .top-contact__calculator-btn a:hover {
        opacity: .6;
    }

    .top-contact__mail-btn a:hover {
        opacity: .6;
    }

    .globalMenuPc-nav__item a:hover {
        opacity: .6;
    }

    .globalMenuPc-nav__child-item a:hover {
        opacity: .6;
    }

    .globalMenuPc-nav__item.has-child a:hover {
        opacity: 1;
    }

    .globalMenuPc-nav__item.has-child a:hover {
        opacity: 1;
    }
}