@charset "UTF-8";

/*
Theme Name: child
Theme URI:
Description:
Template: twentytwentyone
Author: makesview
Author URI: https://makes-view.co.jp/
Version: 1.0.0
*/

html,
button,
input,
select,
textarea {
    /* 不要な指定は消す */
    font-family: "HeiseiKakuGothicStdW5", "sans-serif";
}

/* フォント */
@font-face {
    font-family: "CenturyGothic";
    src: url("/wp-content/themes/child/fonts/CenturyGothic.ttf")format("truetype");
    font-weight: 400;
}

.cen_r {
    font-family: "CenturyGothic", "sans-serif";
}

@font-face {
    font-family: "CenturyGothicBold";
    src: url("/wp-content/themes/child/fonts/CenturyGothicBold.ttf")format("truetype");
    font-weight: 700;
}

.cen_b {
    font-family: "CenturyGothicBold", "sans-serif";
}

@font-face {
    font-family: "HeiseiKakuGothicStdW5";
    src: url("/wp-content/themes/child/fonts/HeiseiKakuGothicStdW5.otf")format("opentype");
    font-weight: 500;
}

@font-face {
    font-family: "HeiseiKakuGothicStdW7";
    src: url("/wp-content/themes/child/fonts/HeiseiKakuGothicStdW7.otf")format("opentype");
}

.hei_w7 {
    font-family: "HeiseiKakuGothicStdW7", "sans-serif";
}

@font-face {
    font-family: "HeiseiKakuGothicStdW9";
    src: url("/wp-content/themes/child/fonts/HeiseiKakuGothicStdW9.otf")format("opentype");
}

.couple_banner {
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
}


body {
    color: #24344E;
    font-size: 16px;
    line-height: 1.7;
}

a[href $='.pdf'] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    text-decoration: underline;
    color: #000;
    line-height: 1.5;
}

a[href $='.pdf']::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 30px;
    height: 38px;
    background-image: url(/wp-content/themes/child/image/icon/icon_pdf.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 15px;
}

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

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

.wrap_mid {
    width: 1240px;
    margin: 0 auto;
}

.wrap_lr {
    width: 1340px;
    margin: 0 auto;
}

/* 共通タイトル */
.common_site_ttl .en {
    font-size: 60px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #0C4FBA;
}

.common_site_ttl .ttl {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: .06em;
}

/* 共通ボタン */
.cmn_site_btn .btn {
    display: block;
    font-size: 18px;
    line-height: 64px;
    letter-spacing: .08em;
    color: #fff;
    background-color: #0C4FBA;
    border: 3px solid transparent;
    width: fit-content;
    text-align: center;
    position: relative;
    padding: 0 47px;
    transition: all .3s;
}

.cmn_site_btn .btn .arrow {
    display: block;
    width: 50px;
    height: 50px;
    border: 3px solid #0C4FBA;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    translate: 50% -50%;
}

.cmn_site_btn .btn .arrow::before {
    content: "";
    width: 20px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    transform: rotate(180deg);
    background-image: url(/wp-content/themes/child/image/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* ここからカスタム投稿リノベーション事例 */
#page_renovation {
    padding: 100px 0 0;
}

.page_renovation_contents {
    display: flex;
    gap: 0 50px;
    position: relative;
}

.gallery_area .gallery_contents .gallery_img {
    cursor: pointer;
    width: 750px;
}

.gallery_area .gallery_contents .gallery_img+.gallery_img {
    margin-top: 10px;
}

.gallery_area .gallery_contents .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* モーダルの中身 */
#modal {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    inset: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    transition: .3s;
}

#modal.active {
    opacity: 1;
    visibility: visible;
}

.modal_content {
    position: absolute;
    width: 1340px;
    height: 95%;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background-color: #fff;
    padding: 80px 150px;
    z-index: 1;
}

.gallery_contents .slick-track {
    transform: unset !important;
    width: 750px !important;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}


.gallery_contents .slick-track:before,
.gallery_contents .slick-track:after {
    content: none;
}

.gallery_contents .slick-slide {
    width: 750px !important;
}

.modal_content .close {
    position: fixed;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: block;
    background-color: #0A2B60;
    z-index: 1000;
}

.modal_content .close::before,
.modal_content .close::after {
    content: '';
    width: 30px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
}

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

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

.slider_container .slider .slide img {
    width: 100%;
    aspect-ratio: 8 / 4;
    object-fit: contain;
}

/* スライダー */
#modal .slick-dots {
    bottom: -50px;
}

#modal .slick-prev,
.slick-next {
    width: 80px;
    height: 80px;
    background: #0A2B60;
    border-radius: 100%;
    z-index: 5;
}

#modal .slick-prev {
    left: -50px;
}

#modal .slick-next {
    right: -50px;
}

#modal .slick-prev:before,
.slick-next::before {
    font-family: none;
    font-size: 50px;
    line-height: 1;
    opacity: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}

#modal .slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: #0A2B60;
}

#modal .slick-dots li button {
    width: 10px;
    height: 10px;
}

#modal .slick-dots li button:before {
    font-family: none;
    font-size: 0;
    width: 10px;
    height: 10px;
    content: '';
    opacity: .25;
    background-color: #000;
    border-radius: 100%;
}

#modal .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #0A2B60;
}

/* ここまで */


.page_renovation_contents .detail_date .ttl {
    font-weight: 900;
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: #0C4FBA;
    display: flex;
    align-items: center;
    gap: 0 20px;
}

.page_renovation_contents .detail_area {
    position: sticky;
    top: 150px;
    height: 100%;
}

.detail_area .detail_date .ttl::before {
    content: "";
    width: 4px;
    height: 30px;
    background: #0A2B60;
}

.detail_area .detail_date .date_list .list_box {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #99A5BA;
}

.detail_area .detail_date .date_list .list_box dt {
    letter-spacing: .05em;
    font-weight: 900;
}

.detail_area .detail_comment .ttl {
    font-weight: 900;
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: #0C4FBA;
    display: flex;
    align-items: center;
    gap: 0 20px;
}

.detail_area .detail_comment {
    margin-top: 65px;
}

.detail_area .detail_comment .ttl::before {
    content: "";
    width: 4px;
    height: 30px;
    background: #0A2B60;
}

.detail_area .detail_comment .text_box {
    overflow: scroll;
    height: 370px;
    margin-top: 30px;
}

.detail_area .detail_comment .text_box .text {
    letter-spacing: .05em;
}

.detail_area .detail_comment .text_box .text+.text {
    margin-top: 30px;
}

/* PC固定ページ 共通設定 */
.common_page_main {
    position: relative;
    height: 275px;
    padding-top: 120px;
    margin-top: 120px;
}

.common_page_main .title_box {
    text-align: center;
    position: relative;
    width: fit-content;
    background: rgba(255, 255, 255, .6);
    letter-spacing: .08em;
    padding: 10px 70px;
    /* border-radius: 20px; */
}

.common_page_main .title_box .ttl {
    font-size: 30px;
}

.common_page_main .title_box .en_ttl {
    font-size: 45px;
    color: #0C4FBA;
    font-weight: 800;
    position: relative;
    line-height: 1;
    letter-spacing: .07em;
}

.common_page_main .title_box .title {
    font-size: 17px;
    letter-spacing: .08em;
    position: relative;
    margin-top: 5px;
}

.common_page_main::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(/wp-content/themes/child/image/page_mv_bg.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.common_page_main::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 45%;
    background: url(/wp-content/themes/child/image/page_mv_mask.png) center no-repeat;
    background-size: cover;
    opacity: 0.2;
}

.common_page_main .page_mv_deco {
    width: 340px;
    height: 300px;
    position: absolute;
    top: 75px;
    background: url(/wp-content/themes/child/image/page_mv_deco.png) center no-repeat;
    background-size: contain;
    left: 6vw;
    opacity: .6;
    display: none;
}

.common_page_main .title_box .en_ttl::before {
    content: "";
    position: absolute;
    top: -26px;
    right: -94px;
    width: 150px;
    height: 150px;
    background: url(/wp-content/themes/child/image/deco_blur.png) center no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0;
}

.common_page_main .page_mv_deco::before {
    content: "";
    position: absolute;
    left: -100px;
    top: 100px;
    background: url(/wp-content/themes/child/image/page_mv_deco.png) center no-repeat;
    background-size: contain;
    width: 260px;
    height: 300px;
}

.common_page_wrap {
    padding: 100px 0;
}

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

.common_page_title {
    text-align: center;
    margin-bottom: 2em;
}

.common_page_title h2 {
    font-size: 30px;
}

.common_page_title .sub_title {
    font-size: 14px;
    letter-spacing: .1em;
}

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

.common_btn {
    display: block;
    width: 300px;
    line-height: 50px;
    background-color: #333;
    color: #fff !important;
    margin: 0 auto;
    transition: .3s;
}

.common-btn:hover {
    opacity: .7;
}

/* パンくず */
.breadcrumb {
    font-size: 12px;
    text-align: right;
}

.breadcrumb a {
    text-decoration: none;
    color: initial;
    position: relative;
}

/* PC固定ページ 会社概要 */
.company_profile {
    margin-bottom: 100px;
}

.company_profile table {
    width: 100%;
    border-collapse: collapse;
}

.company_profile table th,
.company_profile table td {
    padding: 1em;
    border-bottom: 1px solid;
    font-size: 14px;
}

.company_profile table th {
    width: 20%;
}

.company_profile table td {
    width: 80%;
}

.company_access .map {
    height: 350px;
    margin-top: 20px;
}

.company_access .map iframe {
    width: 100%;
    height: 100%;
}

#page_company .slider_area {
    margin-bottom: 50px;
}

#page_company .slider_area .company_slider {
    width: 51%;
}

#page_company .slider_area .company_thumbnail {
    width: 45%;
}

#page_company .slider_area .company_thumbnail .slick-track {
    transform: unset !important;
    width: 100% !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#page_company .slider_area .company_thumbnail .slick-track:before,
#page_company .slider_area .company_thumbnail .slick-track:after {
    display: none;
}

#page_company .slider_area .company_thumbnail .slick-track li {
    width: 48% !important;
}

#page_company .slider_area .company_thumbnail .slick-track li {
    height: 200px;
}

#page_company .slider_area .company_thumbnail .slick-track li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* PC固定ページ お問い合わせ */
#page_contact table {
    width: 74%;
    border-collapse: collapse;
    margin: 0 auto 50px;
    border-right: solid 1px #dfdfdf;
}

#page_contact table th,
#page_contact table td {
    padding: 20px;
    font-size: 14px;
    border-top: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf;
    border-left: solid 1px #dfdfdf;
    vertical-align: middle;
}

#page_contact table th {
    width: 25%;
    background: #f7f7f7;
    white-space: nowrap;
    letter-spacing: .05em;
}

#page_contact table th .hissu,
#page_contact table th .ninni {
    background: #c70000;
    margin-right: 15px;
    color: #fff;
    padding: 5px 15px;
    font-size: 10px;
    letter-spacing: .08em;
    border-radius: 30px;
}

#page_contact table th .ninni {
    background: #333;
}

#page_contact table td {
    width: 75%;
}

#page_contact input[type="text"],
#page_contact input[type="email"],
#page_contact #zip {
    width: 85%;
    height: 44px;
    border: 1.2px solid #a4a4a4;
    border-radius: 4px;
    padding: 1em;
}

#page_contact input.tel {
    padding: 1em;
    width: 18.8%;
    border: 1.2px solid #a4a4a4;
}

#page_contact select {
    outline: none;
    background: transparent;
    padding: 1em;
    width: 50%;
    border: 1.2px solid #a4a4a4;
}

#page_contact textarea {
    width: 85%;
    padding: 1em;
    height: 200px;
    border: 1.2px solid #a4a4a4;
}

#page_contact .attention {
    font-size: 12px;
}

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

#page_contact #btn_wrap button {
    background-color: #0C4FBA;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    color: #fff;
    display: block;
    width: 300px;
    line-height: 50px;
    border-radius: 5px;
    font-weight: 600;
    transition: .3s;
    text-align: center;
    letter-spacing: .08em;
    margin: auto;
}

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

#page_contact #btn_wrap button:hover {
    opacity: .8;
}

#page_contact .sec_title {
    width: 74%;
    margin: 0 auto 15px;
    border-left: 3px solid #0C4FBA;
    padding-left: 0.7em;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .05em;
}

#page_contact table td .inbox {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

#page_contact table .rent td .inbox .item {
    flex-shrink: 0;
    width: 200px;
}

#page_contact table .rent td .inbox .item select {
    width: 100%;
}

#page_contact table td .note {
    letter-spacing: .05em;
    margin-bottom: 10px;
}

#page_contact .mw_wp_form_confirm table .rent td .inbox .item {
    width: auto;
}

#page_contact .mw_wp_form_confirm table td .note {
    display: none;
}

#page_contact table .date td .time {
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin-top: 15px;
}

#page_contact table .date td .time .label {
    letter-spacing: .05em;
    flex-shrink: 0;
}

#page_contact .link_btn .cmn_site_btn .btn {
    margin: 0 auto 70px;
}

.contact_form_disc {
    width: 74%;
    font-size: 15px;
    margin: 0 auto 50px;
    letter-spacing: .02em;
}

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

.contact_form_disc .text {
    margin-bottom: 10px;
}

.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: 12px;
    margin-bottom: 5px;
}

.privacy_term_outer .privacy_term_inner dl dd {
    font-size: 13px;
    margin-bottom: 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;
    padding-bottom: 15px;
    margin: 20px 0;
    position: relative;
    font-weight: 600;
}

.privacy_term_detail::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    bottom: 0;
}

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

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

.radio_btns label {
    display: inline-block;
}

/* spanの左側にボタンを配置するスペースを作る */
.radio_btns .radio_btns__item+span {
    padding-left: 2em;
    display: inline-block;
    position: relative;
}

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

/* after上書き */
.radio_btns .radio_btns__item+span::after {
    width: 12px;
    height: 12px;
    top: 0px;
    left: 4px;
    border: none;
    background: #0C4FBA;
    -webkit-transform: scale(0);
    /*--ここを0にすることで下線は非表示となる--*/
    -ms-transform: scale(0);
    /*--ここを0にすることで下線は非表示となる--*/
    transform: scale(0);
    transition: all .3s;
    /*--0.3秒かけて下線が表示される--*/
}

/*
  checked状態
  文字のcolorとボタンのopacityを変更
*/
.radio_btns .radio_btns__item:checked+span {
    color: #0C4FBA;
}

.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-text {
    display: inline-block;
    position: relative;
    padding-left: 36px;
}

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

.mwform-checkbox-field-text::before {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.mwform-checkbox-field-text::after {
    border-width: 3px;
    border-color: transparent transparent #0C4FBA #0C4FBA;
    border-style: solid;
    width: 20px;
    height: 10px;
    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 {
    margin-right: 15px;
    margin-bottom: 10px;
    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: #0C4FBA;
    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 .ichiran_link:hover {
    opacity: .8;
}

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

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

/* ステップバー デザイン */
#page_contact .progressbar {
    margin-bottom: 60px;
    justify-content: center;
}

#page_contact .progressbar .item {
    position: relative;
    width: 18%;
    text-align: center;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 43px 0 13px;
    line-height: 1.5;
    letter-spacing: .05em;
}

#page_contact .progressbar .item .en {
    display: block;
    color: #7b7b7b;
    font-size: 14px;
}

#page_contact .progressbar .item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: solid 1px #a5a5a5;
    border-radius: 50%;
    margin: auto;
}

#page_contact .progressbar .item.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0C4FBA;
    margin: auto;
}

#page_contact .progressbar #step_2 .en {
    position: relative;
}

#page_contact .progressbar #step_2 .en::before,
#page_contact .progressbar #step_2 .en::after {
    content: "";
    height: 1px;
    width: 100px;
    background: #a5a5a5;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -47px;
}

#page_contact .progressbar #step_2 .en::after {
    left: auto;
    right: -47px;
}

.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固定ページ 個人情報保護方針 */
#page_privacy .main_text {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 3em;
}

#page_privacy dl {
    margin-bottom: 50px;
}

#page_privacy dl:last-child {
    margin-bottom: 0;
}

#page_privacy dl dt {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: .5em;
    border-left: 3px solid #ccc;
    padding-left: 1em;
}

#page_privacy dl dd {
    font-size: 14px;
    line-height: 2;
}

/* 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;
}

/* PC固定ページ アーカイブページ */
/* 投稿リスト表示 */
.archive_page_list>article {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px dashed #eee;
    padding-right: 30px;
}

.archive_page_list>article:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
    border: solid #ccc;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
}

.archive_page_list>article .date {
    font-weight: bold;
    font-size: 80%;
    width: 100px;
}

.archive_page_list>article .content_area {
    width: calc(100% - 100px);
}

.archive_page_list>article .content_area .ttl {
    font-weight: bold;
}

.archive_page_list>article .content_area .content {
    font-size: 80%;
}

/* wp-pagenavi base */
.wp-pagenavi {
    clear: both;
    text-align: center;
    margin-top: 50px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    color: #999;
    background-color: #FFF;
    border: solid 1px #e0e0d2;
    padding: 8px 15px;
    margin: 0 2px;
    white-space: nowrap;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
}

.wp-pagenavi a:hover {
    color: #FFF;
    background-color: #0C4FBA;
    border-color: #0C4FBA;
}

.wp-pagenavi .current {
    color: #FFF;
    background-color: #0C4FBA;
    border-color: #0C4FBA;
    font-weight: bold;
}

/* PC投稿ページ シングルページ */
#single_page {
    padding: 100px 0 0;
}

#single_page .fl_wrap {
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.single_main_img {
    width: 300px;
    height: 300px;
    position: relative;
    margin: 0 auto 40px auto;
}

.singleContent .single_title::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    margin: auto;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #0C4FBA;
}

.singleContent .title_area {
    border-bottom: solid 1px #ccc;
    padding: 100px 0 30px;
    margin-bottom: 40px;
    position: relative;
}

.singleContent .single_title {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 600;
}

.single_main_img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

.singleContent .single_title time {
    font-size: 12px;
    font-weight: 600;
}

.singleContent .single_title time i {
    margin-right: .5em;
}

.singleContent .category_list ul {
    gap: 10px;
}

.singleContent .category_list ul li {
    background-color: #0C4FBA;
    color: #fff;
    font-size: 12px;
    padding: 2px 20px;
    letter-spacing: .08em;
}

.singleContent article h2 {
    font-size: 20px;
    border: solid 1px #333;
    padding: 15px;
    margin: 1.5em 0 1em;
    position: relative;
    line-height: 1.4;
}

.site_single_latest {
    border-left: solid 1px #333;
    border-bottom: solid 3px #333;
    padding: 0 0 35px 0;
    margin-bottom: 80px;
}

.site_single_latest .en {
    font-size: 13px;
    letter-spacing: .08em;
    text-align: center;
}

.singleContent article h2::before {
    top: 0px;
}

.singleContent article h2::after {
    bottom: 0;
}

.singleContent article h3 {
    position: relative;
    padding: 0.7rem 1rem;
    font-size: 18px;
    margin: 1.5em 0 1.5em;
    background-color: #ccc;
}

.singleContent article h4 {
    padding: 2px 10px;
    margin: 1.5em 0 1em;
    color: #333;
    border-left: 5px solid #5b5959;
    font-size: 17px;
    position: relative;
}

.singleContent article h5:before {
    content: '■';
    padding-right: 10px;
}

.singleContent article h5 {
    font-size: 18px;
    /* padding-left: 1em; */
    margin: 1.5em 0;
}

.singleContent h6 {
    font-size: 17px;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    margin: 1.5em 0 1em;
}

.singleContent p {
    font-size: 16px;
    line-height: 2;
}

#single_page .singleContent {
    width: 60%;
    flex-shrink: 0;
    margin-right: 50px;
}

#single_page .singleContent .ichiran_link {
    display: block;
    width: 300px;
    line-height: 50px;
    text-align: center;
    color: #333;
    border: solid 1px #333;
    margin: 50px auto 0 auto;
    font-size: 16px;
    transition: .3s;
    border-bottom: solid 3px #333;
    border-right: solid 3px #333;
}

#single_page .singleContent .ichiran_link:hover {
    opacity: .7;
}

#single_page .singleSidebar {
    width: 27%;
}

#single_page aside#info_side {
    background-color: #fff;
    padding: 20px;
}

#single_page aside#info_side p#news-not_found {
    text-align: center;
}

#single_page aside#info_side ul li+li {
    margin-top: 12px;
}

#single_page aside#info_side ul li a {
    color: initial;
    align-items: center;
    font-size: 14px;
    transition: .3s;
}

#single_page aside#info_side ul li a:hover {
    opacity: .7;
}

#single_page aside#info_side ul li a time {
    font-size: 12px;
    font-weight: 600;
}

#single_page aside#info_side ul li a time i {
    margin-right: .5em;
}

#single_page aside#info_side ul li a h3 {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.singleContent .title_area .en {
    font-size: 12px;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.singleContent .day_cat {
    align-items: center;
    margin-bottom: 40px;
}

#toc_container a {
    color: #333;
}

.singleContent .day_cat .day {
    color: #6c6c6c;
    font-size: 13px;
    padding-right: 20px;
    border-right: solid 1px #ccc;
    margin-right: 20px;
}

.site_single_latest .topic {
    text-align: center;
    font-size: 14px;
    letter-spacing: .08em;
    font-weight: 600;
}

.site_single_latest .img {
    width: 135px;
    margin: 20px auto;
}

.site_single_latest .disc {
    text-align: center;
    font-size: 14px;
}

.aside_article_type .ttl {
    font-size: 15px;
    margin-bottom: 20px;
    border-bottom: solid 2px;
    padding-bottom: 5px;
}

.aside_article_type li .img {
    height: 70px;
    width: 100px;
    position: relative;
}

.aside_article_type .inner_ttl {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aside_article_type li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aside_article_type .cat_wrap {
    gap: 5px;
}

.aside_article_type .cat_wrap .label {
    background: #0C4FBA;
    padding: 0px 10px;
    color: #fff;
    font-size: 10px;
}

.aside_article_type .cat_wrap ul {
    display: flex;
    column-gap: 5px;
    row-gap: 5px;
    padding-left: 0;
}

.aside_article_type ul {
    padding-left: 20px;
    position: relative;
}

.aside_article_type .cat_wrap ul::before {
    display: none;
}

.aside_article_type ul::before {
    content: "∟";
    position: absolute;
    left: 2px;
    font-size: 14px;
    color: #333;
}

.recommend_post_area {
    width: 92%;
    margin: 50px 0 0 auto;
}

.recommend_post_area ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
}

.recommend_post_area .ttl {
    font-size: 18px;
    letter-spacing: .08em;
    border-bottom: solid #ccc 1px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-weight: 600;
}

.recommend_post_area .ttl .en {
    font-weight: 400;
    letter-spacing: .08em;
    font-size: 14px;
    display: block;
}

.recommend_post_area a {
    color: #000;
}

.recommend_post_area .inner_ttl {
    font-size: 13px;
    line-height: 1.4;
    margin-top: .8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}

.recommend_post_area .day_cat .day {
    font-size: 12px;
    color: #6c6c6c;
    padding-right: 10px;
    border-right: solid 1px #ccc;
    margin-right: 10px;
}

.recommend_post_area .day_cat {
    margin: auto 0 0;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.recommend_post_area .category_list .cat_wrap {
    padding: 0;
    gap: 5px;
}


.recommend_post_area .category_list .cat {
    font-size: 12px;
    text-align: center;
    background: #0C4FBA;
    color: #fff;
    padding: 0 10px;
}

.recommend_post_area .category_list {
    width: 100%;
}

.recommend_post_area .img {
    position: relative;
    height: 145px;
    margin-bottom: 12px;
    overflow: hidden;
}

.recommend_post_area .img img {
    transition: .3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recommend_post_area a:hover .img img {
    transform: scale(1.1);
}

.aside_article_type+.aside_article_type {
    margin-top: 35px;
}

.a2a_kit.a2a_kit_size_32.a2a_floating_style.a2a_vertical_style {
    top: 280px !important;
}

.a2a_kit.a2a_kit_size_32.a2a_floating_style.a2a_vertical_style::before {
    content: "";
    width: 1px;
    height: 100px;
    background: #ccc;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -103px;
}

.a2a_kit.a2a_kit_size_32.a2a_floating_style.a2a_vertical_style::after {
    content: "SHARE ON";
    position: absolute;
    top: -169px;
    font-size: 11px;
    writing-mode: vertical-lr;
    text-align: center;
    left: 8px;
    right: 0;
    margin: auto;
}

.singleContent_links {
    margin-top: 150px;
    align-items: center;
    position: relative;
}

.singleContent_links ul {
    width: 40%;
}

.singleContent_links ul.prev li {
    padding-left: 30px;
}

.singleContent_links ul.next li {
    padding-right: 30px;
}

.singleContent_links .btn {
    margin-bottom: 23px;
    border-bottom: solid 1px #ccc;
    font-size: 15px;
    position: relative;
}

.singleContent_links::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 1px;
    background: #ccc;
    height: 100%;
    margin: auto;
}

.singleContent_links a {
    color: #333;
    font-size: 14px;
}

.singleContent_links a .ttl {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.singleContent_links .img {
    margin-bottom: 15px;
    position: relative;
    height: 150px;
}

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

.singleContent_links ul.next .btn {
    text-align: right;
}

.singleContent_links ul.next .img {
    margin-left: auto;
}

.breadcrumb.single {
    margin-top: 70px;
    text-align: right;
}

.aside_article_type .text_box {
    width: 100%;
    padding-left: 10px;
}

#toc_container li {
    position: relative;
    padding-left: 20px;
}

#toc_container li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: url(/wp-content/themes/child/image/article_arrow.png) center no-repeat;
    background-size: contain;
    width: 13px;
    height: 14px;
    bottom: auto;
}

.singleContent article h2::before,
.singleContent article h3::before {
    content: "";
    position: absolute;
    right: -35px;
    top: 0px;
    bottom: 0px;
    height: 1px;
    width: 50px;
    background: rgb(0, 0, 0);
    margin: auto;
}

.singleContent ol {
    border: solid 1px #333;
    padding: 20px 10px;
    counter-reset: count 0;
    position: relative;
    background-image: url(/wp-content/themes/child/image/grid.gif);
}

.singleContent ol li {
    position: relative;
}

.singleContent ol li::before {
    content: "";
    content: counter(count) ". ";
    counter-increment: count 1;
}

.singleContent ol li+li {
    margin-top: 7px;
}

.singleContent ol::before {
    content: "";
    position: absolute;
    right: -2px;
    top: -2px;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color: #333 #fff #333;
}

.singleContent ol::after {
    content: "";
}

.singleContent #toc_container {
    margin-bottom: 50px;
}

.singleContent_links ul li+li {
    margin-top: 10px;
}

.singleContent_links ul li.btn::before {
    content: "";
    position: absolute;
    background: url(/wp-content/themes/child/image/icon/arrow.svg) center no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    right: 0;
    top: 5px;
}

.singleContent_links ul.prev li.btn::before {
    transform: scale(-1, 1);
    right: auto;
    left: 0;
}

#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
    border: none;
}

.singleContent .category_list ul li::before {
    display: none;
}

.singleContent .category_list ul {
    border: none;
}

/* PCヘッダー */
/* 追従 */
#main_header.is_hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
}

#main_header {
    position: fixed;
    z-index: 999;
    inset: 0;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 120px;
    transition: all 0.5s ease 0s;
    min-width: 1340px;
}

#main_header .inbox {
    display: flex;
    align-items: center;
    gap: 0 40px;
}

#main_header .logo a {
    display: block;
    width: 159px;
    margin-left: 21px;
}

#main_header .logo a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main_header .hd_contents .hd_info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0 35px;
}

.info_box {
    display: flex;
    align-items: center;
    gap: 0 11px;
}

.info_box a.hd_tel {
    display: flex;
    align-items: center;
    gap: 0 10px;
    font-size: 32px;
    letter-spacing: .02em;
    color: #24344E;
}

.info_box a.hd_tel::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(/wp-content/themes/child/image/icon_tel.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.info_box .info {
    font-size: 12px;
    letter-spacing: 0;
    font-family: "HeiseiKakuGothicStdW7", "sans-serif";
}

.hd_contents .link_area ul {
    display: flex;
    gap: 0 15px;
}

.hd_contents .link_area ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
    font-size: 14px;
    line-height: 43px;
    letter-spacing: .06em;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    color: #134493;
    width: 130px;
    border: 1px solid #D9D9D9;
    transition: all .3s;
}

.hd_contents .link_area ul li a.hd_record {
    background-color: #134493;
    color: #fff;
    border-color: #134493;
}

.hd_contents .link_area ul li a.hd_record svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

.hd_contents .link_area ul li a.hd_favorite svg {
    width: 19px;
    height: 18px;
    fill: #134493;
}

.hd_contents .link_area ul li a.hd_contact {
    width: 150px;
}

.hd_contents .link_area ul li a.hd_contact svg {
    width: 21px;
    height: 16px;
    fill: #134493;
}

.hd_menu {
    margin-top: 17px;
}

.hd_menu ul {
    display: flex;
    gap: 0 60px;
}

.hd_menu ul li a {
    display: flex;
    flex-direction: column;
    gap: 5px 0;
    line-height: 1;
    letter-spacing: .06em;
    color: #2B2B2B;
    transition: all .3s;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
}

.hd_menu ul li a::after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #0C4FBA;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

#main_header .icon_btn_box {
    display: flex;
}

#main_header .icon_btn_box a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 21px 0;
    width: 120px;
    height: 120px;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .06em;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    transition: all .3s;
}

#main_header .icon_btn_box .line {
    background-color: #06C755;
}

#main_header .icon_btn_box .reserve {
    background-color: #134493;
}

#main_header .icon_btn_box .line::before {
    content: "";
    width: 43px;
    height: 40px;
    background-image: url(/wp-content/themes/child/image/icon_line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#main_header .icon_btn_box .reserve::before {
    content: "";
    width: 43px;
    height: 40px;
    background-image: url(/wp-content/themes/child/image/icon_calendar.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* PCトップ メインビジュアル */
.mv_image {
    position: relative;
}

.mv_image::before {
    content: "";
    inset: 0;
    position: absolute;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .15) 55%, rgba(10, 13, 13, .4) 100%);
}

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

.mv_image .catch_box {
    margin-bottom: 96px;
    position: absolute;
    bottom: 0;
    left: 100px;
    z-index: 1;
}

.mv_image .catch_box.store {
    margin-bottom: 126px;
}

.mv_image .catch_box::before {
    content: "";
    position: absolute;
    bottom: 120px;
    left: -50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: rotate(-5deg);
}

.mv_image .catch_box.renovation::before {
    width: 256px;
    height: 105px;
    background-image: url(/wp-content/themes/child/image/renovation_let.svg);
}

.mv_image .catch_box.store::before {
    bottom: 80px;
    width: 354px;
    height: 105px;
    background-image: url(/wp-content/themes/child/image/storeproperty_let.svg);
}

.mv_image .catch_box.newlife::before {
    width: 213px;
    height: 105px;
    background-image: url(/wp-content/themes/child/image/newlife_let.svg);
}

.mv_image .catch_box .catch {
    font-size: 50px;
    letter-spacing: .08em;
    color: #fff;
}

.mv_image .catch_box .text {
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: .08em;
    color: #fff;
}

.mv_image .catch_box .catch .point {
    color: rgba(0, 0, 0, .0);
    -webkit-text-stroke: 2px #fff;
    position: relative;
    display: inline-block;
}

.mv_image .catch_box .catch .point::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #98C1FF;
    border-radius: 20px;
    filter: blur(40px);
    z-index: -1;
}

.mv_image.campaign::before {
    display: none;
}

.mv_image.campaign a {
    display: block;
}

.mv_image.campaign a img.sp {
    display: none;
}

/* スリックスライダー */
#mainvisual .slick-dots {
    position: absolute;
    bottom: 40%;
    right: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    width: fit-content;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

#mainvisual .slick-dots li button:before {
    opacity: 1;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: "";
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
}

#mainvisual .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #0C4FBA;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    text-align: center;
    background: #0C4FBA;
    border-radius: 100%;
}

/* PCトップ　バナー */
#top_bnr {
    padding: 150px 0 172px;
}

.bnr_area ul li a {
    display: block;
}

.slider_bnr_area {
    margin-top: 50px;
}

.bnr_area ul li a .img {
    width: 660px;
}

.bnr_area ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* スリックスライダー */
#top_bnr .slider_bnr_area.slick-initialized .slick-slide {
    margin: 0 25px;
}

#top_bnr .slick-prev {
    left: 100px;
}

#top_bnr .slick-next {
    right: 100px;
}

#top_bnr .slick-prev {
    width: 110px;
    height: 110px;
    background: #fff;
    border: 3px solid #134493;
    border-radius: 100%;
    z-index: 1;
    transition: all .3s;
}

#top_bnr .slick-prev::before {
    content: "";
    width: 50px;
    height: 23px;
    background-image: url(/wp-content/themes/child/image/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    margin-left: 30px;
    opacity: 1;
    transition: all .3s;
}

#top_bnr .slick-next {
    width: 110px;
    height: 110px;
    background: #fff;
    border: 3px solid #134493;
    border-radius: 100%;
    transition: all .3s;
}

#top_bnr .slick-next::before {
    content: "";
    width: 50px;
    height: 23px;
    background-image: url(/wp-content/themes/child/image/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: rotate(180deg);
    display: block;
    margin-left: 30px;
    opacity: 1;
}

#top_bnr .slick-dots {
    bottom: -50px;
    width: 100%;
}

#top_bnr .slick-dots li {
    width: 121px;
    height: 10px;
    margin: 0 6px;
}

#top_bnr .slick-dots li button::before {
    width: 121px;
    height: 10px;
    content: '';
    text-align: center;
    background-color: #DEDDDD;
    opacity: 1;
}

#top_bnr .slick-dots li.slick-active button::before {
    opacity: 1;
    background-color: #0C4FBA;
}

/* PCトップ　リノベーション事例 */
#top_renovation {
    padding: 120px 0 84px;
    background-color: #F0F5F7;
}

#top_renovation .wrap_mid {
    position: relative;
}

#top_renovation .wrap_mid::before {
    content: "";
    width: 73px;
    height: 73px;
    position: absolute;
    top: 50px;
    right: 0;
    background-image: url(/wp-content/themes/child/image/deco_square_lightblue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#top_renovation .wrap_mid::after {
    content: "";
    width: 125px;
    height: 121px;
    position: absolute;
    bottom: -170px;
    right: 0;
    background-image: url(/wp-content/themes/child/image/deco_square_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#top_renovation .title_area>* {
    position: relative;
    z-index: 1;
}

#top_renovation .title_area {
    display: flex;
    align-items: flex-end;
    gap: 0 131px;
    position: relative;
}

#top_renovation .title_area::before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: -25px;
    background-image: url(/wp-content/themes/child/image/deco_lightblue_one.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#top_renovation .title_area .text {
    letter-spacing: .08em;
    color: #505050;
}

.renovation_list {
    display: grid;
    grid-template-columns: 580px 630px;
    gap: 0 30px;
    margin-top: 40px;
}

.renovation_list .first_post .first_post_link {
    display: block;
    transition: all .3s;
}

.renovation_list .first_post .first_post_link .img {
    transition: all .3s;
    position: relative;
}

.renovation_list .first_post .first_post_link .img .hover_text {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: .05em;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.renovation_list .first_post .first_post_link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.renovation_list .first_post .first_post_link .img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(36, 52, 78, .5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.renovation_list .first_post .first_post_link .ttl {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: .06em;
    color: #222222;
    margin-top: 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    width: fit-content;
    gap: 5px 0;
}

.renovation_list .first_post .first_post_link .ttl::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #0C4FBA;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.renovation_list .first_post .first_label_list {
    display: flex;
    gap: 0 40px;
    margin-top: 25px;
}

.first_post .first_label_list .list_box {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.first_post .first_label_list .list_box .index {
    line-height: 35px;
    letter-spacing: .06em;
    color: #0C4FBA;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    background-color: #fff;
    padding: 0 18px;
}

.first_post .first_label_list .list_box .type,
.size {
    font-family: "CenturyGothicBold", "sans-serif";
    font-weight: 600;
    color: #24344E;
}

.renovation_list .side_post {
    overflow-y: scroll;
    width: 580px;
    height: 430px;
    padding-right: 50px;
}

.renovation_list .side_post::-webkit-scrollbar {
    width: 5px;
}

.renovation_list .side_post::-webkit-scrollbar-track {
    background-color: #E5E5E5;
}

.renovation_list .side_post::-webkit-scrollbar-thumb {
    background-color: #134493;
}

.side_post ul .side_post_link {
    display: grid;
    grid-template-columns: 172px 1fr;
    gap: 0 30px;
    align-items: center;
    border-top: 1px solid #99A5BA;
    padding: 21px 0;
    transition: all .3s;
}

.side_post ul li:last-of-type .side_post_link {
    padding-bottom: 0;
}

.side_post ul .side_post_link .img {
    width: 172px;
    position: relative;
}

.side_post ul a.side_post_link .img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(36, 52, 78, .5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.side_post ul .side_post_link .img .hover_text {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: .05em;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.side_post ul .side_post_link .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.side_post ul .side_post_link .post_area .ttl {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: .06em;
    color: #222222;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 5px 0;
}

.side_post ul .side_post_link .post_area .ttl::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #0C4FBA;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.side_post ul .side_post_link .post_area .side_label_list {
    margin-top: 20px;
    display: flex;
    gap: 0 30px;
}

.side_post ul .side_post_link .post_area .side_label_list .list_box {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.side_post ul .side_post_link .post_area .side_label_list .list_box .index {
    line-height: 30px;
    letter-spacing: .06em;
    color: #0C4FBA;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    background-color: #fff;
    padding: 0 12px;
}

.side_post ul .side_post_link .post_area .side_label_list .type,
.size {
    font-family: "CenturyGothicBold", "sans-serif";
    font-weight: 600;
    color: #24344E;
}

/* PCトップ　仲介手数料無料 */
#top_feefree_reason {
    padding: 195px 0 200px;
}

#top_feefree_reason .wrap {
    position: relative;
}

#top_feefree_reason .wrap::before {
    content: '';
    width: 125px;
    height: 121px;
    position: absolute;
    top: 0;
    left: -100px;
    background-image: url(/wp-content/themes/child/image/deco_square_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translate(0%, -60%) rotate(180deg);
    z-index: 1;
}

#top_feefree_reason .wrap::after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: -45px;
    right: -50px;
    background-image: url(/wp-content/themes/child/image/deco_lightblue_one.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
}

.feefree_contents>* {
    position: relative;
    z-index: 1;
}

.feefree_contents {
    padding: 42px 0 33px 50px;
    position: relative;
    background-color: #ACD7EA;
}

.feefree_contents::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/wp-content/themes/child/image/feefree_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: color-burn;
}

.feefree_contents::after {
    content: '';
    width: 502px;
    height: 417px;
    position: absolute;
    bottom: -14px;
    right: 0;
    background-image: url(/wp-content/themes/child/image/ill_feefree_member.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
}

.feefree_contents .title_area .text {
    color: #24344E;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .06em;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
}

.feefree_contents .title_area .back {
    font-size: 30px;
    color: #fff;
    display: inline-block;
    padding: 0 8px;
}

.feefree_contents .title_area .back.student {
    background-color: #E37CDB;
    margin-right: 5px;
}

.feefree_contents .title_area .back.member {
    background-color: #4BAD3E;
}

.feefree_contents .title_area .ttl {
    font-size: 70px;
    line-height: 1.5;
    letter-spacing: .08em;
    margin-top: -100px;
}

.feefree_contents .title_area .ttl .num {
    font-size: 180px;
    line-height: 1.3;
    letter-spacing: .05em;
    position: relative;
}

.feefree_contents .title_area .ttl .num::before {
    content: "";
    width: 200px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: -10px;
    background-image: url(/wp-content/themes/child/image/deco_line_yellow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}

.feefree_contents .title_area .ttl .num::after {
    content: "ゼロ";
    position: absolute;
    top: 0;
    left: 20px;
    font-size: 24px;
    line-height: 0;
    letter-spacing: .4em;
}

.feefree_contents .text_box {
    width: 621px;
    letter-spacing: .06em;
    line-height: 1.5;
}

.feefree_contents .text_box .text {
    letter-spacing: .06em;
    line-height: 1.5;
    color: #24344E;
    padding-bottom: 30px;
}


.feefree_couple_banner .cmn_site_btn .btn .arrow::before {
    background-image: url(/wp-content/themes/child/image/icon_arrow_pink.svg);
}

#top_feefree_reason.feefree_couple_banner .wrap::after {
    background-image: url(/wp-content/themes/child/image/deco_pink_one.svg);
}

#top_feefree_reason.feefree_couple_banner .wrap::before {
    background-image: url(/wp-content/themes/child/image/deco_square_pink.svg);
}

.feefree_couple_banner .feefree_contents::after {
    background-image: url(/wp-content/themes/child/image/ill_feefree_couple.png);
    bottom: -25px;
    width: 600px;
    aspect-ratio: 4/3;
    height: auto;
    right: -50px;
}

.feefree_couple_banner .feefree_contents {
    background-color: #fee6fc;
    overflow: hidden;
}

.feefree_couple_banner .cmn_site_btn .btn {
    background-color: #E37CDB;
}

.feefree_couple_banner .cmn_site_btn .btn .arrow {
    border: 3px solid #E37CDB;
}

/* PCトップ　Google口コミ */
#top_reviews>* {
    position: relative;
    z-index: 1;
}

#top_reviews {
    padding: 50px 0;
    background-image: url(/wp-content/themes/child/image/top_review_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

#top_reviews::before {
    content: '';
    inset: 0;
    position: absolute;
    background-image: url(/wp-content/themes/child/image/top_review_bg02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: overlay;
}

#top_reviews::after {
    content: '';
    inset: 0;
    position: absolute;
    background-color: #F5F5F0;
    opacity: .6;
}

.review_contents {
    display: grid;
    grid-template-columns: 333px 805px;
    gap: 0 52px;
    align-items: center;
}

.review_contents .title_area {
    position: relative;
}

.review_contents .title_area::before {
    content: '';
    width: 144px;
    height: 70px;
    position: absolute;
    top: -10px;
    right: 0;
    background-image: url(/wp-content/themes/child/image/thankyou_let.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: rotate(10deg);
}

.review_contents .title_area .text_box {
    padding: 60px 0 58px;
}

.review_contents .title_area .text_box .text {
    letter-spacing: .05em;
    line-height: 1.5;
}

.review_contents .reviews_post_list {
    background-color: #fff;
    padding: 35px 20px 40px 35px;
}

.review_contents .reviews_post_list ul {
    overflow-y: scroll;
    height: 490px;
    padding-right: 30px;
}

.review_contents .reviews_post_list ul::-webkit-scrollbar {
    width: 10px;
}

.review_contents .reviews_post_list ul::-webkit-scrollbar-track {
    background-color: #E5E5E5;
}

.review_contents .reviews_post_list ul::-webkit-scrollbar-thumb {
    background-color: #134493;
}

.review_contents .reviews_post_list ul li {
    border: 1px solid #134493;
    outline: 2px solid #0028ac;
    outline-offset: 2px;
    margin: 4px;
    padding: 15px 25px;
}

.review_contents .reviews_post_list ul li+li {
    margin-top: 25px;
}

.review_contents .reviews_post_list ul li .star_num {
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: .02em;
    display: flex;
    align-items: center;
    gap: 0 20px;
}

.review_contents .reviews_post_list ul li:nth-child(odd) .star_num {
    color: #EDDB00;
}

.review_contents .reviews_post_list ul li:nth-child(odd) .star_num::before {
    content: "";
    width: 160px;
    height: 26px;
    background-image: url(/wp-content/themes/child/image/deco_fivestar_yellow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.review_contents .reviews_post_list ul li:nth-child(even) .star_num {
    color: #ED9B00;
}

.review_contents .reviews_post_list ul li:nth-child(even) .star_num::before {
    content: "";
    width: 160px;
    height: 26px;
    background-image: url(/wp-content/themes/child/image/deco_fivestar_orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.review_contents .reviews_post_list ul li .review_text {
    font-size: 14px;
    letter-spacing: .08em;
    line-height: 1.5;
    padding-top: .5em;
}

/* PCトップ　お知らせ */
#top_news {
    padding: 0 0 130px;
}

#top_news .wrap {
    position: relative;
}

#top_news .wrap::before {
    content: "";
    width: 154px;
    height: 149px;
    position: absolute;
    top: -100px;
    left: -100px;
    background-image: url(/wp-content/themes/child/image/deco_square_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: rotate(180deg);
    z-index: 1;
}

#top_news .wrap::after {
    content: "";
    width: 154px;
    height: 149px;
    position: absolute;
    bottom: -50px;
    right: -100px;
    background-image: url(/wp-content/themes/child/image/deco_lightblue_all.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
}

.news_contents>* {
    position: relative;
    z-index: 1;
}

.news_contents {
    /* display: grid;
    grid-template-columns: 285px 1fr;
    gap: 0 84px;
    align-items: center; */
    background-color: #F0F5F7;
    padding: 50px;
    position: relative;
}

.news_contents::before {
    content: '';
    inset: 0;
    position: absolute;
    background-image: url(/wp-content/themes/child/image/top_news_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: multiply;
    opacity: .6;
}

.news_contents .title_area .cmn_site_btn {
    margin-top: 60px;
}

.site_news_list ul {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.site_news_list ul li a {
    display: block;
    gap: 0 30px;
    color: #24344E;
    overflow: hidden;
}

.site_news_list ul li a .img {
    flex-shrink: 0;
    overflow: hidden;
    width: 200px;
}

.site_news_list ul li a .img img {
    width: 100%;
    aspect-ratio: 10/7;
    object-fit: cover;
    transition: .3s;
}

.site_news_list ul li a .news_info {
    display: grid;
    grid-template-columns: 100px 1fr;
    align-items: center;
    gap: 0 20px;
}

.site_news_list ul li a .news_info .date_box {
    border-right: 2px solid #D8E3E8;
    padding-right: 1.2em;
    width: 95px;
    flex-shrink: 0;
}

.site_news_list ul li a .news_info .date_box .year {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em;
}

.site_news_list ul li a .news_info .date_box .day {
    font-size: 32px;
    line-height: 1;
    letter-spacing: .02em;
}

.site_news_list ul li a .news_info .news_title_box .ttl {
    font-size: 18px;
    letter-spacing: .05em;
    padding-top: .8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-decoration: transparent;
    text-decoration-color: transparent;
    text-decoration-thickness: 3px;
    transition: all .3s;
}

.site_news_column .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site_news_column .image.none_logo_ac img {
    width: 90%;
    height: auto;
}

.site_news_column .image {
    aspect-ratio: 5 / 3;
    margin-bottom: 1em;
}

.site_news_column .image.none_logo_ac {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.site_news_column ul.slick-dots {
    display: block;
}

.site_news_column .site_news_link .site_news_time {
    font-size: 12px;
    margin: 0;
    color: #787878;
}

.site_news_column .site_news_link .site_news_title {
    color: #24344E;
    font-size: 17px;
    font-weight: 600;
    min-height: 57.78px;
    margin: 0;
    margin-bottom: 0.2em;
    overflow-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.site_news_column .site_news_link .site_news_text {
    color: #787878;
    font-size: 14px;
    line-height: 2;
    overflow-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#top_news .title_area {
    margin-bottom: 2em;
}

#top_news .cmn_site_btn .btn {
    margin: 3em auto 0;
}

.site_news_column .slick-slide {
    margin: 0 10px;
}

.site_news_column .js_customer_slide {
    margin: 0 -10px;
}

#top_news .js_custom_prev,
#top_news .js_custom_next {
    border-radius: 50%;
    background-color: #0C4FBA;
    width: 26px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#top_news .js_custom_prev {
    left: -3.5%;
}

#top_news .js_custom_next {
    right: -3.5%;
}

#top_news .js_custom_prev svg,
#top_news .js_custom_next svg {
    width: 80%;
    aspect-ratio: 1;
    stroke: #fff;
}

#top_news .slick-dots {
    bottom: -14%;
}

#top_news .slick-dots li button::before {
    display: none;
}

#top_news .slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    padding: 0;
    border: none;
}

#top_news .slick-dots li.slick-active button {
    background-color: #0C4FBA;
}

/* PCトップ　お問い合わせ */
#top_contact>* {
    position: relative;
    z-index: 1;
}

#top_contact {
    padding: 60px 0 50px;
    background-image: url(/wp-content/themes/child/image/top_contact_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}

#top_contact::before {
    content: "";
    inset: 0;
    position: absolute;
    background-color: #373C46;
    opacity: .5;
}

/* スライダー */
.slider_contact_area {
    margin-bottom: 53px;
}

.slider_contact_area .slider_img {
    width: 488px;
    margin-right: 50px;
}

.slider_contact_area .slider_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contact_contents {
    display: flex;
    align-items: center;
    gap: 0 33px;
}

.contact_contents .contact_info {
    color: #fff;
}

.contact_contents .contact_info .text {
    letter-spacing: .06em;
}

.contact_contents .contact_info .tel {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: .02em;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0 15px;
    pointer-events: none;
}

.contact_contents .contact_info .tel::before {
    content: "";
    width: 32px;
    height: 32px;
    background-image: url(/wp-content/themes/child/image/icon_tel_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.contact_contents .contact_info .time_holiday {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .015em;
}

.contact_contents .link_area ul {
    display: flex;
    gap: 0 20px;
}

.contact_contents .link_area ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px 0;
    width: 214px;
    height: 150px;
    background: rgba(255, 255, 255, .5);
    color: #222;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    border: 3px solid transparent;
    transition: all .3s;
}

.contact_contents .link_area ul li a.line::before {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url(/wp-content/themes/child/image/icon_line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .3s;
}

.contact_contents .link_area ul li a svg {
    fill: #134493;
}

/* PCトップ　フッター */
#main_footer {
    padding: 140px 0 43px;
}

.footer_contents {
    display: grid;
    grid-template-columns: 281px 1fr;
    gap: 0 109px;
}

.footer_contents .info_area .footer_logo a {
    display: block;
    width: 281px;
}

.footer_contents .info_area .footer_logo a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer_contents .info_area .address {
    line-height: 1.5;
    letter-spacing: 0em;
    margin-top: 1.2em;
    color: #333333;
}

.footer_contents .info_area .address .post {
    display: inline-block;
    letter-spacing: 0;
    line-height: 1;
}

.footer_contents .info_area .tel {
    display: flex;
    align-items: center;
    gap: 0 8px;
    font-size: 32px;
    line-height: 1.3;
    letter-spacing: .05em;
    color: #24344E;
    margin-top: .3em;
    pointer-events: none;
}

.footer_contents .info_area .tel::before {
    content: '';
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/themes/child/image/icon_tel.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.footer_contents .info_area .time_holiday {
    line-height: 1.5;
    letter-spacing: .06em;
    margin-top: .5em;
}

#main_footer .icon_btn_box {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    margin-top: 65px;
}

#main_footer .icon_btn_box a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0 30px;
    width: 280px;
    height: 80px;
    font-size: 20px;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    line-height: 1.3;
    letter-spacing: .06em;
    color: #fff;
    padding-left: 30px;
    transition: all .3s;
}

#main_footer .icon_btn_box .line {
    background-color: #06C755;
}

#main_footer .icon_btn_box .reserve {
    background-color: #134493;
}

#main_footer .icon_btn_box .line::before {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url(/wp-content/themes/child/image/icon_line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#main_footer .icon_btn_box .reserve::before {
    content: "";
    width: 43px;
    height: 40px;
    background-image: url(/wp-content/themes/child/image/icon_calendar.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer_contents .info_area .sns_box a {
    display: block;
    margin-top: 40px;
    width: 30px;
}

.footer_contents .info_area .sns_box a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer_contents .menu_area .company_box {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 0 29px;
}

.footer_contents .menu_area .company_box .img {
    width: 380px;
    position: relative;
}

.footer_contents .menu_area .company_box .img::before {
    content: "";
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #fff;
}

.footer_contents .menu_area .company_box .img::after {
    content: "";
    width: 100%;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
}

.footer_contents .menu_area .company_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer_contents .menu_area .company_box .text_area .title {
    letter-spacing: .12em;
}

.footer_contents .menu_area .company_box .text_area .text {
    font-size: 14px;
    letter-spacing: .06em;
    line-height: 1.5;
    padding: 20px 0 40px;
    color: #333333;
}

#main_footer .cmn_site_btn a.btn {
    width: 280px;
    line-height: 54px;
}

#main_footer .cmn_site_btn a.btn .arrow {
    width: 40px;
    height: 40px;
    translate: 55% -50%;
}

.menu_area .map {
    width: 100%;
    height: 300px;
}

.menu_area .map iframe {
    width: 100%;
    height: 100%;
}

.menu_area .site_contents {
    margin-top: 65px;
}

.menu_area .site_contents .en_ttl {
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: .02em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu_area .site_contents .en_ttl::after {
    content: "";
    width: 580px;
    height: 1px;
    background-color: #898C90;
}

.menu_area .site_contents .site_menu_box {
    margin-top: 30px;
    display: flex;
    gap: 0 150px;
}

.menu_area .site_contents .site_menu_box .menu_list ul li a {
    display: block;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    letter-spacing: .02em;
    line-height: 1;
    color: #24344E;
    transition: all .3s;
}

.menu_area .site_contents .site_menu_box .menu_list ul li+li {
    margin-top: 20px;
}

.menu_area .site_contents .site_menu_box .site_list .menu_list {
    letter-spacing: .06em;
    line-height: 1;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
}

#main_footer .copy_area {
    display: flex;
    justify-content: space-between;
    margin-top: 84px;
}

#main_footer .copy_area .copy {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: .06em;
}

#main_footer .copy_area .link_box ul {
    display: flex;
    gap: 0 50px;
}

#main_footer .copy_area .link_box ul li {
    display: flex;
    align-items: baseline;
    gap: 0 50px;
}

#main_footer .copy_area .link_box ul li::after {
    content: "";
    width: 1px;
    height: 10px;
    background-color: #24344E;
    transform: rotate(10deg);
}

#main_footer .copy_area .link_box ul li:nth-last-child(1)::after {
    display: none;
}

#main_footer .copy_area .link_box ul li a {
    display: block;
    color: #24344E;
    font-size: 12px;
    letter-spacing: .06em;
    transition: all .3s;
}

/* スタッフ紹介 */
.page_staff_contents ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
}

.page_staff_contents ul li .img {
    width: 100%;
    margin-bottom: 10px;
}

.page_staff_contents ul li .img img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 5px;
}

.page_staff_contents ul li .text_box .post {
    background: #134493;
    color: #fff;
    font-size: 16px;
    letter-spacing: .05em;
    font-weight: 600;
    padding: 2px 30px;
    border-radius: 100vmax;
    width: fit-content;
    margin: 0 auto 0.7em;
}

.page_staff_contents ul li .text_box .name {
    font-size: 30px;
    letter-spacing: .1em;
    line-height: 1;
    margin-bottom: 0.2em;
    font-weight: 900;
    text-align: center;
}

.page_staff_contents ul li .text_box .en_name {
    font-size: 14px;
    letter-spacing: .05em;
    font-weight: 900;
    text-align: center;
}

.common_page_main>* {
    position: relative;
    z-index: 1;
}

/* PC内部　仲介手数料無料 */

.common_page_main .wrap>* {
    position: relative;
    z-index: 1;
}

.common_page_main .wrap {
    background-color: #ACD7EA;
    position: relative;
}

.common_page_main.brokerage::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/wp-content/themes/child/image/feefree_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: color-burn;
}

.common_page_main.brokerage::after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: -45px;
    right: -50px;
    background-image: url(/wp-content/themes/child/image/icon_lightblue_one.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
}

.common_page_main.brokerage .feefree_contents {
    margin-left: 50px;
    padding: 42px 0 33px;
    position: relative;
}

.common_page_main.brokerage .feefree_contents::before {
    content: '';
    width: 125px;
    height: 121px;
    position: absolute;
    top: 0;
    left: -150px;
    background-image: url(/wp-content/themes/child/image/icon_square_blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translate(0%, -60%) rotate(180deg);
}

.common_page_main.brokerage .feefree_contents::after {
    content: '';
    width: 502px;
    height: 417px;
    position: absolute;
    bottom: -14px;
    right: 0;
    background-image: url(/wp-content/themes/child/image/icon_member.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
}

.common_page_main.brokerage .feefree_contents .title_area .text {
    color: #24344E;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .06em;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
}

.common_page_main.brokerage .feefree_contents .title_area .back {
    font-size: 30px;
    color: #fff;
    display: inline-block;
    padding: 0 8px;
}

.common_page_main.brokerage .feefree_contents .title_area .back.student {
    background-color: #E37CDB;
    margin-right: 5px;
}

.common_page_main.brokerage .feefree_contents .title_area .back.member {
    background-color: #4BAD3E;
}

.common_page_main.brokerage .feefree_contents .title_area .ttl {
    font-size: 70px;
    line-height: 1.5;
    letter-spacing: .08em;
    margin-top: -100px;
}

.common_page_main.brokerage .feefree_contents .title_area .ttl .num {
    font-size: 180px;
    line-height: 1.3;
    letter-spacing: .05em;
    position: relative;
}

.common_page_main.brokerage .feefree_contents .title_area .ttl .num::before {
    content: "";
    width: 200px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: -10px;
    background-image: url(/wp-content/themes/child/image/icon_yellow_line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}

.common_page_main.brokerage .feefree_contents .title_area .ttl .num rt {
    font-size: 24px;
    line-height: .5;
    letter-spacing: -2.5em;
    display: block;
}

.common_page_main.brokerage .feefree_contents .text_box {
    width: 621px;
    letter-spacing: .06em;
    line-height: 1.5;
}

.common_page_main.brokerage .feefree_contents .text_box .text {
    letter-spacing: .06em;
    line-height: 1.5;
    color: #24344E;
    padding-bottom: 30px;
}

.common_page_main.brokerage {
    padding: 50px 0 0;
    height: auto;
    background: #ACD7EA;
}

.common_page_main.brokerage .feefree_contents::before {
    display: none;
}

.common_page_main.brokerage .feefree_contents {
    margin: 0;
    background: transparent;
}

.common_page_main.brokerage .wrap {
    background: initial;
}

.common_page_main.brokerage .breadcrumb {
    margin-top: 30px;
}

#page_braokerage_fee .student_contents {
    padding: 100px 0 150px 0;
    position: relative;
}

#page_braokerage_fee .student_contents::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/child/image/page_bk_reason_bg.png) center repeat;
    background-size: cover;
    opacity: .3;
}

#page_braokerage_fee .student_contents .wrap {
    position: relative;
    z-index: 2;
}

#page_braokerage_fee .student_contents .fl_wrap {
    align-items: center;
}

#page_braokerage_fee .student_contents .image_area {
    width: 500px;
    position: relative;
}

#page_braokerage_fee .student_contents .image_area .image {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

#page_braokerage_fee .student_contents .image_area .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#page_braokerage_fee .student_contents .image_area .image:nth-child(2) {
    position: absolute;
    left: 260px;
    top: 220px;
    width: 300px;
    height: 200px;
}

#page_braokerage_fee .student_contents .text_area {
    width: calc(100% - 600px);
}

#page_braokerage_fee .student_contents .text_area .title {
    font-size: 25px;
    margin-bottom: 1.5em;
    position: relative;
    padding-left: 150px;
    font-weight: bold;
    color: #0C4FBA;

}

#page_braokerage_fee .student_contents .text_area .title .icon {
    width: 120px;
    position: absolute;
    left: 0;
    top: calc(50% - 60px);
}

#page_braokerage_fee .student_contents .text_area .text {
    line-height: 2.5;
    font-size: 17px;
}

.page_brokerage_free {
    background: #0C4FBA;
    color: #fff;
    padding: 100px 0;
}

.page_brokerage_free .intro,
.page_brokerage_free .catch {
    letter-spacing: .08em;
    text-align: center;
    font-size: 24px;
}

.page_brokerage_free .catch .emph {
    font-size: 73px;
    letter-spacing: .1em;
    color: #f0f030;
    line-height: 1.2;
}

section.page_brokerage_free .afford_contents .text {
    text-align: center;
    margin: 50px auto 0;
    width: fit-content;
    font-size: 24px;
    letter-spacing: .08em;
    background: #fff;
    border-radius: 50px;
    padding: 10px 30px;
    color: #0b4fba;
    border: solid 4px #000;
}

.common_page_wrap.brokerage {
    padding: 0;
}

.page_brokerage_free .flow_contents .inner_ttl {
    font-size: 24px;
    letter-spacing: .05em;
}

.page_brokerage_free .flow_contents .inner_text {
    font-size: 18px;
    letter-spacing: .08em;
}

.page_brokerage_free .flow_contents .num {
    font-size: 40px;
    margin-right: 30px;
    line-height: 1;
}

.page_brokerage_free .flow_contents li {
    align-items: flex-start;
    position: relative;
    padding-bottom: 30px;
}

.page_brokerage_free .flow_contents {
    width: fit-content;
    margin: 50px auto;
}

.page_brokerage_free .flow_contents li+li {
    /* margin-top: 30px; */
}

.page_cmn_line_contact {
    text-align: center;
    font-size: 20px;
    background: #fff;
    width: fit-content;
    margin: auto;
    border: solid 3px #000;
    color: #000;
    font-weight: 600;
    letter-spacing: .08em;
    padding: 15px 50px;
}

.page_cmn_line_contact .btn {
    display: block;
    background: #00cb42;
    color: #fff;
    padding: 5px;
    margin-top: 8px;
    transition: .3s;
}

.page_brokerage_free .flow_contents li::before {
    content: "";
    position: absolute;
    left: 20px;
    width: 10px;
    height: 58%;
    border-left: dashed 2px;
    top: 40px;
}

.page_brokerage_free .flow_contents li:last-child::before {
    display: none;
}

.page_brokerage_target {
    background: #b9d5f0;
    padding: 100px;
}

.page_brokerage_target .ttl {
    text-align: center;
    font-size: 28px;
    letter-spacing: .08em;
    width: fit-content;
    margin: auto;
    border-bottom: solid 7px #f0f030;
}

.page_brokerage_target .contents {
    width: fit-content;
    margin: 30px auto 0;
}

.page_brokerage_target .contents li {
    position: relative;
}

.page_brokerage_target .contents li {
    font-size: 17px;
    letter-spacing: .08em;
}

.page_brokerage_target .contents li {
    font-size: 21px;
    letter-spacing: .08em;
}

.page_brokerage_target .contents li+li {
    margin-top: 16px;
}

.page_brokerage_target .contents li::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/wp-content/themes/child/image/icon_check.svg) center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.page_brokerage_free .afford_contents .img {
    width: 250px;
    margin: 30px auto 0;
}

.page_brokerage_target .img {
    margin: 30px auto 0;
    width: 600px;
}

.page_brokerage_reason {
    padding: 50px 0 100px;
    position: relative;
}

.page_brokerage_reason .reason_contents {
    width: 80%;
    border: solid 3px;
    border-radius: 40px;
    padding: 50px;
    margin: 50px auto 0;
    background: #fff;
}

.page_brokerage_reason .reason_contents .inner_ttl {
    text-align: center;
    font-size: 23px;
    border: solid 2px #000;
    border-radius: 30px;
    width: fit-content;
    margin: auto;
    padding: 5px 48px;
    letter-spacing: .08em;
    background: #0b4fba;
    color: #fff;
}

.page_brokerage_reason::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/child/image/page_bk_reason_bg.png) center repeat;
    background-size: cover;
    opacity: .3;
}

.page_brokerage_reason>* {
    position: relative;
}



.page_brokerage_reason .reason_contents .disc .sub_ttl {
    border-bottom: dashed 3px #0b4fba;
    font-size: 20px;
    letter-spacing: .08em;
    margin: 40px 0 10px;
}

.page_brokerage_reason .reason_contents .disc .inner_text {
    letter-spacing: .08em;
}

.page_brokerage_faq {
    padding: 100px 0;
}

.page_brokerage_faq .ttl {
    text-align: center;
    font-size: 30px;
    letter-spacing: .08em;
    border-bottom: solid 1px;
    padding-bottom: 50px;
}

section.page_brokerage_free .afford_contents .text.add {
    margin-top: 70px;
}

.page_brokerage_faq dt {
    font-size: 19px;
    border-bottom: dashed 1px;
}

.page_brokerage_faq dt,
.page_brokerage_faq dd {
    letter-spacing: .08em;
    position: relative;
    padding: 30px 70px 30px 70px;
}

.page_brokerage_faq dt::before,
.page_brokerage_faq dd::before {
    content: "Q";
    position: absolute;
    left: 13px;
    top: 25px;
    font-size: 35px;
    line-height: 1;
    color: #0b4fba;
}

.page_brokerage_faq dd::before {
    color: #f0f030;
    content: "A";
}

.page_brokerage_faq dd {
    font-size: 18px;
    background: #b9d5f0;
}

.page_brokerage_faq dt::after {
    content: "";
    position: absolute;
    right: 30px;
    border-top: solid 3px;
    border-right: solid 3px;
    width: 15px;
    height: 15px;
    transform: rotate(135deg);
    transition: .3s;
    top: 29px;
}

.page_brokerage_faq dd .closeBtnHat {
    display: none;
}

.page_brokerage_faq dt.nowOpen::after {
    transform: rotate(-45deg);
}

.page_cmn_line_contact .btn:hover {
    opacity: .8;
}

div#page_preview .main_area {
    text-align: center;
}

#page_preview .main_area .ttl {
    font-size: 26px;
    color: #0b4fba;
    font-weight: 900;
}

#page_preview .main_area .catch {
    font-size: 38px;
    font-weight: 900;
    color: #0b4fba;
}

#page_preview .main_area .contents {
    display: grid;
    grid-template-columns: 70% 30%;
    background: #dfecff;
    padding: 70px 0 0;
    margin-top: 70px;
}

#page_preview .main_area .contents ul {
    justify-content: center;
    column-gap: 10px;
    align-items: center;
    margin-top: -100px;
}

#page_preview .main_area .contents ul li {
    background: #fff;
    display: grid;
    align-items: center;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    border: solid 3px #0b4fba;
}


#page_preview .main_area .contents ul .add {
    color: #fff;
    background: #0b4fba;
    width: 220px;
    height: 220px;
}

#page_preview .main_area .contents ul li {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .05em;
}

#page_preview .main_area .contents .text {
    font-size: 21px;
    margin-top: 25px;
}

#page_preview .main_area .contents .start {
    margin-top: 10px;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: .08em;
    color: #004598;
}

.page_preview_service {
    text-align: center;
    padding: 100px 0;
}

.page_preview_service .ttl {
    font-size: 30px;
}

.page_preview_service ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
    padding: 0 80px;
}


.page_preview_service ul .icon {
    width: 230px;
    margin: auto;
    height: 230px;
    background: #deecff;
    border-radius: 50%;
}

.page_preview_service ul .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_preview_service ul .text {
    font-size: 18px;
    font-weight: 900;
    margin-top: 20px;
}

.page_preview_occasion {
    padding: 100px 0;
    background: #c3d2e7;
    /* position: relative; */
}

.page_preview_cmn .ttl {
    text-align: center;
    font-size: 30px;
    letter-spacing: .05em;
    position: relative;
}

.page_preview_cmn .contents {
    margin-top: 70px;
}

.page_preview_cmn .contents .suffer {
    font-size: 18px;
    letter-spacing: .05em;
    border-bottom: dashed 2px;
    padding-bottom: 7px;
}

.page_preview_cmn .contents .solution {
    font-size: 22px;
    color: #0b4fba;
    font-weight: 900;
    margin-top: 15px;
    background: #fff;
    padding: 10px 20px;
}

.page_preview_cmn .contents .inner_wrap+.inner_wrap {
    margin-top: 35px;
}

.page_preview_cmn .contents .img {
    width: 20%;
    margin: auto;
    position: absolute;
    top: -57px;
    right: 0;
}

.page_preview_cmn .wrap {
    position: relative;
}

.page_preview_how {
    background: #F0F5F7;
    padding: 100px 0;
}

.page_preview_how.page_preview_cmn .contents .img {
    position: static;
    width: auto;
}

.page_preview_how.page_preview_cmn .contents {
    display: grid;
    grid-template-columns: 18% 60%;
    gap: 3%;
    place-content: center;
    align-items: center;
    margin-top: 0;
}

.page_cmn_contact_btn {
    width: fit-content;
    margin: 50px auto 0;
    text-align: center;
    font-size: 22px;
    letter-spacing: .08em;
}

.page_preview_how.page_preview_cmn .contents .inner_ttl {
    font-size: 23px;
    border-bottom: dashed 2px #0b4fba;
    margin-bottom: 15px;
}

.page_preview_cmn .ttl::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 6px;
    width: 70px;
    background: #0b4fba;
    bottom: -11px;
}

.cmn_site_btn .btn {
    display: block;
    font-size: 18px;
    line-height: 64px;
    letter-spacing: .08em;
    color: #fff;
    background-color: #0C4FBA;
    border: 3px solid transparent;
    width: fit-content;
    text-align: center;
    position: relative;
    padding: 0 50px;
    transition: all .3s;
}

.cmn_site_btn .btn .arrow {
    display: block;
    width: 50px;
    height: 50px;
    border: 3px solid #0C4FBA;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    translate: 50% -50%;
}

.page_cmn_contact_btn .text {
    margin-bottom: 20px;
}

.page_cmn_contact_btn .cmn_site_btn .btn {
    margin: auto;
}

.cmn_site_btn .btn .arrow::before {
    content: "";
    width: 20px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    transform: rotate(180deg);
    background-image: url(/wp-content/themes/child/image/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#page_consultant .main_area {
    text-align: center;
    letter-spacing: .1em;
}

#page_consultant .main_area .ttl {
    font-size: 30px;
    color: #0b4fba;
}

#page_consultant .main_area .catch {
    margin-top: 10px;
    font-size: 18px;
}

.page_consultant_cmn .ttl {
    text-align: center;
    font-size: 25px;
    position: relative;
}

.page_consultant_cmn {
    padding: 70px 0;
    /* margin-top: 70px; */
}

.page_consultant_cmn ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
    padding: 0 80px;
}

.page_consultant_cmn ul li {
    text-align: center;
    font-size: 18px;
}

.page_consultant_cmn ul li .icon {
    border-radius: 50%;
    width: 250px;
    height: 222px;
    margin: 30px auto 0;
    background: #bccfe9;
}

.page_consultant_cmn ul li .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.page_consultant_recommend {
    background: #ddeff5;
    margin-top: 70px;
}

.page_consultant_cmn .ttl::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -8px;
    background: #0b4fba;
    width: 60px;
    height: 4px;
}

.page_consultant_flow.page_consultant_cmn ul li .icon img {
    width: 90px;
    height: 70px;
    object-fit: contain;
}

.page_consultant_flow ul li .icon {
    display: grid;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.page_consultant_flow.page_consultant_cmn ul li .num {
    font-size: 40px;
    line-height: 1;
    color: #0b4fba;
}

.page_consultant_cmn ul li .inner_ttl {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .05em;
}

.page_consultant_cmn ul li .text_area {
    padding: 20px 0;
}

.page_consultant_cmn ul li .inner_text {
    font-size: 17px;
}

.page_consultant_flow ul {
    padding: 0;
}

.page_consultant_flow {
    background: #9abee8;
}

section.page_consultant_possible .contents {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* margin-top: 50px; */
    gap: 59px;
}

.page_consultant_possible {
    background: #0b4fba;
    /* color: #fff; */
}

.page_consultant_possible .ttl {
    color: #fff;
    letter-spacing: .08em;
}

.page_consultant_possible .ttl::before {
    background: #fff;
}

.page_consultant_possible .text {
    background: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 20px;
    font-size: 18px;
    line-height: 1.6;
    width: fit-content;
    position: relative;
}

.page_consultant_possible .text:nth-child(even) {
    margin-left: 80px;
}

.page_consultant_possible .text+.text {
    margin-top: 20px;
}

.page_consultant_possible .forward .text {
    margin-left: auto;
}

.page_consultant_possible .forward .text:nth-child(2) {
    margin-right: 80px;
}

.page_consultant_possible .img {
    position: relative;
    bottom: -70px;
}

.page_consultant_possible .text::before {
    content: "";
    position: absolute;
    left: -19px;
    bottom: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 30px 10px 0;
    border-color: transparent #fff transparent transparent;
}

.page_consultant_possible .forward .text::before {
    left: auto;
    right: -19px;
    transform: scale(-1, -1);
}

.page_consultant_flow ul li+li {
    position: relative;
}

.page_consultant_flow ul li+li::before {
    content: "";
    position: absolute;
    left: -19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 30px 15px 0;
    border-color: transparent #0b4fba transparent transparent;
    top: 150px;
    margin: auto;
    transform: scale(-1, -1);
}

.page_brokerage_reason .reason_contents .disc .img {
    width: 350px;
    margin: 20px auto 0;
}

.company_access .sub_title {
    font-size: 28px;
    color: #144493;
}

/* PC固定ページ サイトマップ  */

#page_sitemap .common_page_title h2 {
    background: #f1f1f1;
    padding: .5em;
}

#page_sitemap .inBox+.inBox {
    margin-top: 80px;
}

#page_sitemap .inBox ul li {
    width: 19%;
    margin-left: calc(5% / 4);
    margin-bottom: 20px;
}

#page_sitemap .inBox ul li:nth-child(5n + 1) {
    margin-left: 0;
}

#page_sitemap .inBox ul li a {
    color: initial;
    transition: .3s;
    display: block;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid;
    font-size: 14px;
    position: relative;
}

#page_sitemap .inBox ul li a:after {
    content: "";
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: calc(50% - 2.5px);
}

#page_sitemap .inBox ul li a:hover {
    opacity: .7;
}

.archive_page_list_renovation {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
}

.archive_page_list_renovation article a {
    display: block;
}

.archive_page_list_renovation article a .thumbnail_img {
    position: relative;
    background: #F1F1F1;
    margin-bottom: 10px;
}

.archive_page_list_renovation article a .thumbnail_img img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: contain;
}

.archive_page_list_renovation article a .thumbnail_img .hover_text {
    font-size: 24px;
    letter-spacing: .05em;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    white-space: nowrap;
    z-index: 1;
    transition: .3s;
    opacity: 0;
}

.archive_page_list_renovation article a .thumbnail_img:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(36, 52, 78, .5);
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
    opacity: 0;
}

.archive_page_list_renovation article a:hover .thumbnail_img .hover_text {
    opacity: 1;
}

.archive_page_list_renovation article a:hover .thumbnail_img:before {
    opacity: 1;
}

.archive_page_list_renovation article a .text_area .ttl {
    color: #222;
    letter-spacing: .05em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 5px;
}

.archive_page_list_renovation article a .text_area .flex_box {
    display: grid;
    gap: 8px 0;
}

.archive_page_list_renovation article a .text_area .flex_box .square {
    background: #0C4FBA;
    color: #fff;
    font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    letter-spacing: .06em;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    width: 65px;
    text-align: center;
    line-height: 26px;
}

.archive_page_list_renovation article a .text_area .flex_box .type {
    color: #24344E;
    font-size: 14px;
    letter-spacing: .06em;
}

#page_campaign .campaign_sec .text_box {
    background: #F0F5F7;
    padding: 60px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}

#page_campaign .campaign_sec .text_box .text {
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 2.2;
    text-align: center;
}

#page_campaign .campaign_sec .text_box .text .color {
    background: linear-gradient(transparent 60%, #F0F030 40%);
    font-size: 24px;
}

.js_customer_slide {
    display: none;
}

.js_customer_slide.slick-initialized {
    display: block;
}

/* FireFox用スクロールバーCSS */
@-moz-document url-prefix() {
    .renovation_list .side_post {
        scrollbar-width: 5px;
        scrollbar-color: #134493 #E5E5E5;
    }

    .review_contents .reviews_post_list ul {
        scrollbar-width: 10px;
        scrollbar-color: #134493 #E5E5E5;
    }
}

/* ここからメディアクエリー */
@media (hover:hover) {

    /* 共通ボタン */
    .cmn_site_btn a.btn:hover {
        color: #0C4FBA;
        background-color: #fff;
        border: 3px solid #0C4FBA;
    }

    .cmn_site_btn a.btn:hover .arrow {
        background-color: #0C4FBA;
    }

    .cmn_site_btn a.btn:hover .arrow::before {
        background-image: url(/wp-content/themes/child/image/icon_arrow_white.svg);
    }

    /* ヘッダー */
    .hd_contents .link_area ul li a:hover {
        color: #fff;
        background-color: #134493;
    }

    .hd_contents .link_area ul li a.hd_record:hover {
        color: #134493;
        background-color: #fff;
        border-color: #D9D9D9;
    }

    .hd_contents .link_area ul li a.hd_record:hover svg {
        fill: #134493;
    }

    .hd_contents .link_area ul li a:hover svg {
        fill: #fff;
    }

    .hd_menu ul li a:hover {
        color: #0C4FBA;
    }

    .hd_menu ul li a:hover::after {
        opacity: 1;
        visibility: visible;
    }

    .icon_btn_box a.line:hover {
        opacity: .6;
    }

    .icon_btn_box a.reserve:hover {
        opacity: .6;
    }

    /*スリックボタン */
    #top_bnr .slick-prev:hover {
        background-color: #134493;
    }

    #top_bnr .slick-prev:hover::before {
        background-image: url(/wp-content/themes/child/image/icon_arrow_white.svg);
    }

    #top_bnr .slick-next:hover {
        background-color: #134493;
    }

    #top_bnr .slick-next:hover::before {
        background-image: url(/wp-content/themes/child/image/icon_arrow_white.svg);
    }

    /* リノベーション事例 */
    .renovation_list .first_post a.first_post_link:hover .img .hover_text {
        opacity: 1;
        visibility: visible;
    }

    .renovation_list .first_post a.first_post_link:hover .img::before {
        opacity: 1;
        visibility: visible;
    }

    .renovation_list .first_post a.first_post_link:hover .ttl::after {
        opacity: 1;
        visibility: visible;
    }

    .side_post ul a.side_post_link:hover .post_area .ttl::after {
        opacity: 1;
        visibility: visible;
    }

    .side_post ul a.side_post_link:hover .img::before {
        opacity: 1;
        visibility: visible;
    }

    .side_post ul a.side_post_link:hover .img .hover_text {
        opacity: 1;
        visibility: visible;
    }

    /* ニュース */
    .site_news_list ul li a:hover .img img {
        transform: scale(1.1);
    }

    .site_news_list ul li a:hover .news_info .news_title_box .ttl {
        text-decoration: underline;
        text-decoration-color: #D9D9D9;
        text-decoration-thickness: 5px;
    }


    /* TOPコンタクト */
    .contact_contents .link_area ul li a:hover {
        color: #fff;
        border: 3px solid rgba(255, 255, 255, .5);
        background: rgba(19, 68, 147, .5);
    }

    .contact_contents .link_area ul li a.line:hover {
        background: rgba(6, 199, 85, .5);
    }

    .contact_contents .link_area ul li a:hover svg {
        fill: #fff;
    }

    /* フッター */
    .menu_area .site_contents .site_menu_box .menu_list ul li a:hover {
        color: #0C4FBA;
    }

    .site_contents .site_menu_box .site_list ul li a:hover {
        color: #0C4FBA;
    }

    #main_footer .copy_area .link_box ul li a:hover {
        color: #0C4FBA;
    }

    /* 仲介手数料無料(カップル、新婚の方向け) */
    .feefree_couple_banner .cmn_site_btn .btn:hover {
        color: #E37CDB;
        border: 3px solid #E37CDB;
    }

    .feefree_couple_banner .cmn_site_btn a.btn:hover .arrow {
        background-color: #E37CDB;
    }

}

/* お客様の声一覧 */
.site_voice_list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
}

.site_voice_list li a {
    display: block;
    padding: 30px 25px;
    box-shadow: 0 3px 5px #DDD;
    transition: .3s;
}

.site_voice_list li a .voice_info .news_icon {
    width: 150px;
    aspect-ratio: 1/1;
    min-width: 0;
    border-radius: 50%;
    overflow: hidden;
    background-color: #D9EFFF;
    margin: 0 auto 15px;
}

.site_voice_list li a .voice_info .voice_title_box .ttl {
    font-size: 22px;
    color: #24344E;
    text-align: center;
}

.site_voice_list li a .voice_info .voice_text .text {
    color: #505050;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 14px;
}

.site_voice_list li a .voice_info .voice_title_box {
    margin-bottom: 0.5em;
}

.site_voice_list li a:hover {
    opacity: 0.6;
}

/* 仲介手数料無料(カップル、新婚の方向け) */
.common_page_main.feefree_couple {
    background: #fee6fc;
}

.common_page_main.feefree_couple::after {
    background-image: url(/wp-content/themes/child/image/icon_pink_one.svg);
}

.common_page_main.feefree_couple .feefree_contents::after {
    background-image: url(/wp-content/themes/child/image/ill_feefree_couple.png);
    height: auto;
    aspect-ratio: 4/3;
    width: 600px;
    bottom: -30px;
    right: -60px;
}

.page_brokerage_reason.couple .feefree_contents {
    background-color: #fee6fc;
}

.page_brokerage_reason.couple .feefree_contents::after {
    background-image: url(/wp-content/themes/child/image/ill_feefree_couple.png);
    height: auto;
    aspect-ratio: 4/3;
    width: 500px;
    bottom: -21px;
}

/* top Renovation */
#top_renovation .renovation_list {
    display: block;
}

#top_renovation .renovation_list .side_post {
    overflow-y: unset;
    overflow-x: scroll;
    width: 100%;
    height: auto;
    padding-right: 0;
}

#top_renovation .side_post ul .side_post_link {
    display: block;
    border-top: none;
}

#top_renovation .renovation_list_column {
    display: flex;
    align-items: start;
    gap: 10px;
}

#top_renovation .renovation_list_column>* {
    flex: 0 0 300px;
    /* 幅を固定（縮まない） */
    box-sizing: border-box;
    /* パディングやボーダーを含めて300px */
}

#top_renovation .side_post ul .side_post_link .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#top_renovation .side_post ul .side_post_link .img {
    width: 100%;
    aspect-ratio: 300 / 225;
    margin-bottom: 1em;
}

#top_renovation .side_post ul .side_post_link .post_area .side_label_list {
    margin-top: 0.5em;
}

#top_renovation .renovation_list .side_post::-webkit-scrollbar {
    height: 8px;
}

#top_renovation .side_post ul .side_post_link .post_area .side_label_list {
    gap: 20px;
}

#top_renovation .side_post ul .side_post_link .post_area .side_label_list .type,
.size {
    display: inline-block;
    width: 7ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#top_renovation .cmn_site_btn .btn {
    margin: 2em auto 0;
}

.archive_page .site_news_column {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 750px) {

    .wrap,
    .wrap_mid,
    .wrap_lr {
        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.6vw;
        line-height: 1.6;
        padding-top: 70px;
    }

    /* SP固定ページ 共通設定 */
    .common_page_main {
        padding-top: 13vw;
        height: 43vw;
        margin-top: 0;
    }

    .common_page_main::after {
        width: 53vw;
    }

    .common_page_main .title_box .en_ttl {
        font-size: 7vw;
    }

    .common_page_main .title_box .title {
        font-size: 3.8vw;
        margin-top: 0.5vw;
    }

    .common_page_wrap {
        padding: 20vw 0;
    }

    .common_page_title h2 {
        font-size: 5vw;
    }

    .common_page_title .sub_title {
        font-size: 3vw;
    }

    .reserve_text {
        font-size: 6vw;
    }

    .common_btn {
        width: 80%;
        line-height: 12vw;
    }

    .common_btn:hover {
        opacity: 1;
    }

    /* パンくず */
    .breadcrumb {
        font-size: 2.5vw;
    }

    /* SP固定ページ 会社概要 */
    .company_profile {
        margin-bottom: 20vw;
    }

    .company_profile table th,
    .company_profile table td {
        font-size: 3.2vw;
        width: 100%;
        display: block;
    }

    .company_profile table {
        border-top: 1px solid;
    }

    .company_profile table th {
        width: 100%;
        background-color: #f2f2f2;
    }

    .company_profile table td {
        width: 100%;
    }

    .company_access .map {
        height: 50vw;
    }

    #page_company .slider_area .company_slider {
        width: 100%;
        margin-bottom: 5vw;
    }

    #page_company .slider_area .company_thumbnail {
        width: 100%;
    }

    #page_company .slider_area .company_thumbnail .slick-track {
        gap: 0;
    }

    #page_company .slider_area .company_thumbnail .slick-track li {
        width: 24% !important;
    }

    #page_company .slider_area .company_thumbnail .slick-track li {
        height: 20vw;
    }


    /* SP固定ページ お問い合わせ */
    #page_contact table {
        margin-bottom: 10vw;
        width: 100%;
    }

    #page_contact table th,
    #page_contact table td {
        font-size: 4vw;
        display: block;
        border-bottom: none;
        padding: 5vw 4vw;
    }

    #page_contact table th {
        width: 100%;
        text-align: left;
        padding: 3vw;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: center;
    }

    #page_contact table td {
        width: 100%;
    }

    #page_contact input[type="text"],
    #page_contact input[type="email"],
    #page_contact #zip {
        width: 100%;
        height: 12vw;
    }

    #page_contact input.tel {
        width: 29%;
    }

    #page_contact select {
        width: 100%;
    }

    #page_contact textarea {
        width: 100%;
        height: 60vw;
    }

    #page_contact #btn_wrap button {
        width: 80%;
        line-height: 12vw;
        border-radius: 4px;
        font-size: 4vw;
    }

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

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

    .mw_wp_form .horizontal-item+.horizontal-item {
        margin-left: 0;
        margin-top: 2vw;
    }

    #page_contact .attention {
        font-size: 3vw;
    }

    #page_contact .progressbar #step_2 .en::before,
    #page_contact .progressbar #step_2 .en::after {
        width: 8vw;
    }

    #page_contact .progressbar #step_2 .en::before {
        left: -4vw;
    }

    #page_contact .progressbar {
        margin-bottom: 7vw;
    }

    #page_contact .link_btn .cmn_site_btn .btn {
        margin: 0 auto 7vw;
    }

    .contact_form_disc {
        width: 100%;
        font-size: 3.5vw;
        letter-spacing: .02em;
    }

    .contact_form_disc .caution {
        font-size: 3.4vw;
    }

    .contact_form_disc .text {
        margin-bottom: 3vw;
    }

    #page_contact table th .hissu,
    #page_contact table th .ninni {
        display: block;
        width: 13vw;
        padding: 0.2vw 0;
        text-align: center;
        font-size: 3vw;
        margin-right: 0;
    }

    #page_contact table {
        border-bottom: solid 1px #dfdfdf;
    }

    #page_contact .sec_title {
        width: 100%;
        font-size: 4.2vw;
        margin: 0 0 3vw;
    }

    #page_contact table td .inbox {
        gap: 0 2vw;
    }

    #page_contact table .rent td .inbox .item {
        width: 45%;
    }

    #page_contact table .rent td .inbox .label {
        font-size: 3.5vw;
    }

    #page_contact table td .note {
        font-size: 3.5vw;
        margin-bottom: 3vw;
    }

    #page_contact table .date td .time {
        gap: 0 3vw;
        margin-top: 4vw;
    }

    #page_contact table .date td .time .label {
        font-size: 3.7vw;
    }

    #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;
        padding-bottom: 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;
    }

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

    .privacy_term_detail::before {
        width: 2.5vw;
        height: 2.5vw;
    }

    /* サンクスページ */
    #page_contact .thanks_textArea p {
        font-size: 4vw;
    }

    #page_contact .thanks_textArea .contact_text {
        margin-bottom: 2em;
        width: 100%;
    }

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

    /* ステップバー デザイン */
    #page_contact .progressbar .item {
        font-size: 4vw;
        line-height: 1.4;
        padding: 13vw 0px 2vw;
        width: 31%;
    }

    #page_contact .progressbar .item .en {
        display: block;
        color: #7b7b7b;
        font-size: 3.5vw;
        margin-bottom: 1vw;
    }

    #page_contact .progressbar .item::before {
        width: 8vw;
        height: 8vw;
    }

    #page_contact .progressbar .item.active::after {
        top: 2vw;
        width: 4vw;
        height: 4vw;
    }

    #page_contact .progressbar #step_2 .en {
        position: relative;
    }

    #page_contact .progressbar #step_2 .en::before,
    #page_contact .progressbar #step_2 .en::after {
        content: "";
        position: absolute;
        left: -47px;
        height: 1px;
        width: 100px;
        background: #a4a5a4;
    }

    #page_contact .progressbar #step_2 .en::after {
        left: auto;
        right: -4vw;
    }

    #page_contact .progressbar #step_2 .en::before,
    #page_contact .progressbar #step_2 .en::after {
        width: 8vw;
    }

    #page_contact .progressbar #step_2 .en::before {
        left: -4vw;
    }

    /* SP固定ページ 個人情報保護方針 */
    #page_privacy .main_text {
        font-size: 3.5vw;
    }

    #page_privacy dl {
        margin-bottom: 10vw;
    }

    #page_privacy dl dt {
        font-size: 4vw;
    }

    #page_privacy dl dd {
        font-size: 3.5vw;
        margin-left: 5vw;
    }

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

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

    /* SP投稿ページ アーカイブページ */
    .archive_page_list>article {
        padding-right: 20px;
    }

    .archive_page_list>article .date {
        width: 80px;
    }

    .archive_page_list>article .content_area {
        width: calc(100% - 80px);
    }

    .archive_page_list>article:after {
        width: 7px;
        height: 7px;
    }

    /* SP投稿ページ シングルページ */
    .singleContent .single_title::before {
        width: 3vw;
        height: 3vw;
        top: 7vw;
    }

    .singleContent .title_area .en {
        font-size: 3vw;
    }

    .single_main_img {
        width: 47vw;
        height: 47vw;
        margin: 0 auto 5vw auto;
    }

    .singleContent .day_cat {
        flex-wrap: nowrap;
        margin-bottom: 10vw;
    }

    .singleContent .day_cat .day {
        font-size: 3.2vw;
        margin-right: 3vw;
        padding-right: 3vw;
        flex-shrink: 0;
    }

    .singleContent .day_cat ul {
        gap: 2vw;
    }

    .singleContent .day_cat .category_list {
        width: 100%;
    }

    .singleContent h1 {
        font-size: 4.5vw;
        padding: 2vw;
    }

    .singleContent .title_area {
        margin-bottom: 10vw;
        padding: 20vw 0 5vw;
    }

    .singleContent .single_title {
        font-size: 4.5vw;
        letter-spacing: .05em;
    }

    .singleContent .single_title time {
        font-size: 3vw;
    }

    .singleContent .category_list ul li {
        font-size: 2.5vw;
        padding: 1vw 3vw;
    }

    .singleContent article h2 {
        font-size: 4.2vw;
        padding: 2vw;
    }

    .singleContent article h3 {
        font-size: 4vw;
        padding: 2vw;
        margin: 1.5em 0 1em;
    }

    .singleContent article h4 {
        font-size: 4vw;
        padding: 2vw;
        margin: 1.5em 0 1em;
    }

    .singleContent article h5 {
        font-size: 4vw;
    }

    .singleContent h6 {
        font-size: 3.8vw;
    }

    .singleContent p {
        font-size: 3.5vw;
    }

    #single_page {
        padding: 0;
    }

    #single_page .singleContent {
        width: 100%;
        margin: 0;
    }

    #single_page .singleContent .ichiran_link {
        width: 80%;
        line-height: 12vw;
        margin: 10vw auto 0 auto;
        font-size: 4vw;
    }

    #single_page .singleContent .ichiran_link:hover {
        opacity: 1;
    }

    #single_page .singleSidebar {
        display: none;
    }

    .singleContent_links {
        margin-top: 25vw;
    }

    .singleContent_links .btn {
        margin-bottom: 4vw;
        font-size: 3.4vw;
    }

    .singleContent_links a .ttl {
        font-size: 3.2vw;
    }

    .singleContent_links ul {
        width: 40%;
    }

    .recommend_post_area {
        width: 100%;
        margin: 14vw 0 0;
    }

    .recommend_post_area .ttl {
        font-size: 4.2vw;
        letter-spacing: .05em;
        padding-bottom: 2vw;
        margin-bottom: 5vw;
    }

    .recommend_post_area .ttl .en {
        font-size: 3vw;
    }

    .recommend_post_area .img {
        height: 25vw;
    }

    .recommend_post_area ul {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 3vw;
        row-gap: 5vw;
    }

    .recommend_post_area .day_cat {
        display: block;
    }

    .recommend_post_area .category_list .cat {
        font-size: 2vw;
        padding: 0 2vw;
    }

    .article_flame_wrap .text_box {
        height: auto;
        position: relative;
        padding-top: 4vw;
    }

    .recommend_post_area .day_cat .day {
        font-size: 3vw;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        position: absolute;
        left: 0;
        top: 0;
    }

    .recommend_post_area .inner_ttl {
        font-size: 3vw;
        margin-top: 1vw;
        -webkit-line-clamp: 1;
        height: 4.8vw;
    }

    .breadcrumb.single {
        text-align: left;
        margin-top: 25vw;
    }

    .singleContent_links .img {
        margin-bottom: 3vw;
        height: 25vw;
    }

    #toc_container li::before {
        width: 3vw;
        height: 3vw;
        top: 1vw;
    }

    #toc_container li {
        padding-left: 4vw;
    }

    .singleContent .singleContent_links ul li {
        padding: 0;
    }

    .singleContent_links ul li+li {
        margin-top: 3vw;
    }

    .singleContent_links ul li {
        padding-left: 6vw;
    }

    .singleContent article ul {
        padding: 4vw 3vw;
    }

    .singleContent_links ul::before {
        width: 4vw;
        height: 4vw;
    }

    .singleContent ol::before {
        border-width: 0 18px 18px 0;
    }

    .singleContent ol {
        padding: 6vw 3vw;
    }

    .singleContent #toc_container {
        margin-bottom: 8vw;
    }

    /* SP固定ページ サイトマップ  */

    #page_sitemap .inBox+.inBox {
        margin-top: 15vw;
    }

    #page_sitemap .inBox ul {
        display: block;
    }

    #page_sitemap .inBox ul li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }

    /* SP リノベーション事例 */
    #page_renovation {
        padding: 0;
    }

    .page_renovation_contents {
        flex-direction: column;
        gap: 5vw 0;
    }

    .gallery_area .gallery_contents {
        /* overflow-x: scroll; */
        /* display: flex; */
        /* align-items: center; */
        /* gap: 0 3vw; */
        /* padding: 5vw 0; */
    }

    /* .gallery_area .gallery_contents::-webkit-scrollbar {
        height: 2vw;
    }

    .gallery_area .gallery_contents::-webkit-scrollbar-track {
        background-color: #E5E5E5;
    }
    
    .gallery_area .gallery_contents::-webkit-scrollbar-thumb {
        background-color: #134493;
    } */


    .gallery_area .gallery_contents .gallery_img {
        width: 50vw;
        flex-shrink: 0;
    }

    .gallery_area .gallery_contents .gallery_img+.gallery_img {
        margin-top: 0;
    }

    .gallery_area .gallery_contents .img {
        object-fit: contain;
    }

    .modal_content {
        position: fixed;
        width: 90%;
        height: 80%;
        padding: 20vw 3vw;
        z-index: 1000;
    }

    .modal_content .close {
        top: 3vw;
        right: 3vw;
        width: 8vw;
        height: 8vw;
    }

    .modal_content .close::before,
    .modal_content .close::after {
        content: '';
        width: 5vw;
        height: 1vw;
    }

    /* スライダー */
    #modal .slick-dots {
        bottom: -20vw;
    }

    #modal .slick-prev,
    .slick-next {
        width: 10vw;
        height: 10vw;
    }

    #modal .slick-prev {
        left: 0;
    }

    #modal .slick-next {
        right: 0;
    }

    #modal .slick-prev:before,
    .slick-next::before {
        font-size: 6vw;
    }

    #modal .slick-dots li {
        margin: 0 2vw;
        width: 5vw;
        height: 5vw;
    }

    #modal .slick-dots li button {
        width: 2vw;
        height: 2vw;
        padding: 2vw;
    }

    #modal .slick-dots li button:before {
        width: 2vw;
        height: 2vw;
    }

    .page_renovation_contents .detail_date .ttl {
        font-size: 5vw;
        gap: 0 5vw;
    }

    .page_renovation_contents .detail_area {
        position: static;
    }

    .detail_area .detail_date .ttl::before {
        width: 1vw;
        height: 5vw;
    }

    .detail_area .detail_date .date_list .list_box {
        padding: 4vw 0;
    }

    .detail_area .detail_comment {
        margin-top: 8vw;
    }

    .detail_area .detail_comment .ttl {
        font-size: 5vw;
        gap: 0 5vw;
    }

    .detail_area .detail_comment .ttl::before {
        width: 1vw;
        height: 5vw;
    }

    .detail_area .detail_comment .text_box {
        overflow: visible;
        height: auto;
        margin-top: 4vw;
    }

    .detail_area .detail_comment .text_box .text+.text {
        margin-top: 3vw;
    }

    .gallery_contents .slick-track {
        overflow-x: scroll;
        display: flex;
        align-items: center;
        flex-flow: row;
        gap: 0 3vw;
        padding: 5vw 0;
        width: 100% !important;
    }

    .gallery_contents .slick-slide {
        width: 50vw !important;
    }

    .gallery_contents .slick-track::-webkit-scrollbar {
        height: 2vw;
    }

    .gallery_contents .slick-track::-webkit-scrollbar-track {
        background-color: #E5E5E5;
    }

    .gallery_contents .slick-track::-webkit-scrollbar-thumb {
        background-color: #134493;
    }

    header#sp_header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 1000;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 20px;
        padding-right: 70px;
        min-width: unset;
    }

    header#sp_header .logo a {
        width: 106px;
        display: block;
    }

    header#sp_header .logo a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    header#sp_header .link_area ul li a svg {
        width: 25px;
        height: 25px;
        fill: #134493;
    }

    header#sp_header .link_area ul {
        display: flex;
        gap: 0 10px;
    }

    header#sp_header .link_area ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px 0;
        color: #134493;
        font-size: 10px;
        line-height: 1.3;
        letter-spacing: .06em;
        font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    }

    /* 追従フッター */
    #sp_footer.sp_hidden {
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%);
    }

    #sp_footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 100;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
        transition: all 0.5s ease 0s;
    }

    #sp_footer .info_box {
        flex-direction: column;
    }

    #sp_footer .info_box .hd_tel {
        font-size: 5.5vw;
        pointer-events: painted;
    }

    #sp_footer .info_box .hd_tel::before {
        width: 5vw;
        height: 5vw;
    }

    #sp_footer .info_box .info .time,
    .holiday {
        font-size: 2.2vw;
        color: #505050;
        line-height: 1.3;
    }

    #sp_footer .icon_btn_box {
        gap: 0 1vw;
        display: flex;
    }

    #sp_footer .icon_btn_box a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 15vw;
        height: 17vw;
        font-size: 2.4vw;
        gap: 2vw 0;
        color: #fff;
        font-family: "HeiseiKakuGothicStdW9", "sans-serif";
    }

    #sp_footer .icon_btn_box .line {
        background-color: #06C755;
        justify-content: flex-start;
        padding-top: 1.5vw;
        gap: 1vw 0;
    }

    #sp_footer .icon_btn_box .reserve,
    .contact {
        background-color: #134493;
    }

    #sp_footer .icon_btn_box a::before {
        content: '';
        width: 5vw;
        height: 5vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    #sp_footer .icon_btn_box .line::before {
        width: 7vw;
        height: 7vw;
        background-image: url(/wp-content/themes/child/image/icon_line.svg);
    }

    #sp_footer .icon_btn_box .reserve::before {
        background-image: url(/wp-content/themes/child/image/icon_calendar.svg);
    }

    #sp_footer .icon_btn_box .contact::before {
        background-image: url(/wp-content/themes/child/image/icon_mail_white.svg);
    }

    /* ハンバーガーボタン */
    .hamburger {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 99999;
        line-height: 70px;
        width: 70px;
        height: 70px;
        background: #fff;
        opacity: .8;
        cursor: pointer;
    }

    .hamburger span {
        display: block;
        position: absolute;
        width: 35px;
        height: 2px;
        right: 0px;
        translate: -50% 0%;
        background: #134493;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .hamburger span:nth-child(1) {
        top: 23px;
    }

    .hamburger span:nth-child(2) {
        top: 35px;
    }

    .hamburger span:nth-child(3) {
        top: 47px;
    }

    /* ナビ開いてる時のボタン */
    .hamburger.active span:nth-child(1) {
        top: 35px;
        left: 50%;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) {
        top: 35px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

    .globalMenuSp_main_menu_box {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #F0F5F7;
        z-index: 500;
        opacity: .95;
        display: none;
    }

    .globalMenuSp_main_menu_box .inner {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 10px 0;
        padding: 0 20px;
        height: 100%;
    }

    .globalMenuSp_main_menu_box .inner .icon_btn_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px 10px;
    }

    .globalMenuSp_main_menu_box .inner .icon_btn_box a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 5px 0;
        width: 120px;
        text-align: center;
        font-size: 12px;
        letter-spacing: .05em;
        color: #fff;
        font-family: "HeiseiKakuGothicStdW9", "sans-serif";
        background-color: #134493;
        padding: 8px 0;
    }

    .globalMenuSp_main_menu_box .inner .icon_btn_box .line {
        background-color: #06C755;
    }

    .globalMenuSp_main_menu_box .inner .icon_btn_box a::before {
        content: '';
        width: 23px;
        height: 23px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .globalMenuSp_main_menu_box .inner .icon_btn_box .line::before {
        width: 30px;
        height: 30px;
        background-image: url(/wp-content/themes/child/image/icon_line.svg);
    }

    .globalMenuSp_main_menu_box .inner .icon_btn_box .reserve::before {
        width: 30px;
        height: 30px;
        background-image: url(/wp-content/themes/child/image/icon_calendar.svg);
    }

    .globalMenuSp_main_menu_box .inner .icon_btn_box .contact::before {
        background-image: url(/wp-content/themes/child/image/icon_mail_white.svg);
    }

    .globalMenuSp_main_menu_box .inner .icon_btn_box .request::before {
        background-image: url(/wp-content/themes/child/image/icon_clock.svg);
    }

    .globalMenuSp_main_menu_box .inner .sns_box {
        margin-top: 10px;
    }

    .globalMenuSp_main_menu_box ul {
        width: 100%;
    }

    .globalMenuSp_main_menu_box ul li {
        /* display: flex; */
        /* gap: 0 25px; */
        /* align-items: center; */
        /* justify-content: flex-start; */
    }

    .globalMenuSp_main_menu_box ul li a::before {
        content: '';
        width: 8px;
        height: 8px;
        background: #134493;
    }

    .globalMenuSp_main_menu_box ul li:nth-child(2) a::after,
    .globalMenuSp_main_menu_box ul li:nth-child(3) a::after,
    .globalMenuSp_main_menu_box ul li:nth-child(4) a::after,
    .globalMenuSp_main_menu_box ul li:nth-child(5) a::after {
        content: '';
        width: 6px;
        height: 6px;
        border-bottom: 2px solid #134493;
        border-right: 2px solid #134493;
        transform: rotate(-45deg);
        margin-left: auto;
        position: absolute;
        right: 0;
    }

    .globalMenuSp_main_menu_box ul li a {
        display: block;
        color: #24344E;
        letter-spacing: .05em;
        font-family: "HeiseiKakuGothicStdW9", "sans-serif";
        font-size: 15px;
        padding-top: 20px;
        display: flex;
        gap: 0 25px;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        cursor: pointer;
    }

    .globalMenuSp_main_menu_box ul li {
        /* padding-top: 20px; */
        border-bottom: 1px solid #134493;
    }

    /* サブメニュー */
    .sp_sub_menu .inner {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        padding: 0 20px;
    }

    .js-sp_sub_menu {
        position: fixed;
        z-index: 600;
        height: 100%;
        width: 100%;
        background-color: #F0F5F7;
        display: none;
        top: 0;
        left: 0;
    }

    .sp_sub_menu .inner p.ttl {
        font-size: 20px;
        font-family: "HeiseiKakuGothicStdW9", "sans-serif";
        letter-spacing: .05em;
        color: #0C4FBA;
    }

    .sp_sub_menu .inner p.ttl .small {
        font-size: 10px;
        letter-spacing: .05em;
        line-height: 1;
        display: block;
        color: #0A2B60;
    }

    .sp_sub_menu .inner ul {
        margin-top: 20px;
    }

    .sp_sub_menu .inner ul li {
        display: flex;
        align-items: center;
        gap: 0 10px
    }

    .sp_sub_menu .inner ul li::before {
        content: '';
        width: 12px;
        height: 2px;
        background: #134493;
    }

    .sp_sub_menu .inner ul li a {
        color: #24344E;
        letter-spacing: .05em;
        font-family: "HeiseiKakuGothicStdW7", "sans-serif";
    }

    .sp_sub_menu .inner ul li+li {
        margin-top: 15px;
    }

    /* サブメニュー２ */
    .sp_sub_menu.menu2 .inner ul {
        display: flex;
        gap: 12px 10px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .sp_sub_menu.menu2 .inner ul li {
        width: 48%;
    }

    .sp_sub_menu.menu2 .inner ul li::before {
        content: '';
        width: 12px;
        height: 2px;
        background-image: url(./img/icon_arrow.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }


    .sp_sub_menu.menu2 .inner ul li+li {
        margin-top: 0;
    }


    /* 戻るボタン */

    .sp_sub_menu .inner p.back_btn {
        width: 150px;
        text-align: center;
        margin: 50px auto 0;
        border: 2px solid #0C4FBA;
        padding: 4px 0;
        background-color: #fff;
        color: #24344E;
        font-family: "HeiseiKakuGothicStdW9", "sans-serif";
        line-height: 20px;
        letter-spacing: .06em;
    }

    /* 共通タイトル */
    .common_site_ttl {
        text-align: center;
    }

    .common_site_ttl .en {
        font-size: 8vw;
    }

    .common_site_ttl .ttl {
        font-size: 5vw;
    }

    /* 共通ボタン */
    .cmn_site_btn .btn {
        font-size: 4.2vw;
        line-height: 50px;
        letter-spacing: .06em;
        margin: 0 auto;
        padding: 0 6vw;
        width: 90%;
    }

    #top_reviews .cmn_site_btn {
        order: 2;
    }

    .cmn_site_btn .btn .arrow {
        width: 12vw;
        height: 12vw;
    }

    .cmn_site_btn .btn .arrow::before {
        width: 6vw;
        height: 4vw;
    }

    /* SPトップ　メインビジュアル */
    .mv_image::before {
        background: linear-gradient(to bottom, rgba(255, 255, 255, .15) 0%, rgba(10, 13, 13, .4) 100%);
    }

    .mv_image .catch_box {
        left: 0;
        padding: 3vw;
        margin: 0 auto 3vw;
    }

    .mv_image .catch_box.store {
        margin-bottom: 5vw;
    }

    .mv_image .catch_box::before {
        bottom: 23vw;
        left: 3vw;
    }

    .mv_image .catch_box.renovation::before {
        width: 29vw;
        height: 7vw;
    }

    .mv_image .catch_box.store::before {
        bottom: 18vw;
        width: 30vw;
        height: 7vw;
    }

    .mv_image .catch_box.newlife::before {
        width: 23vw;
        height: 7vw;
    }

    .mv_image .catch_box .catch {
        font-size: 4.5vw;
        line-height: 1.5;
    }

    .mv_image .catch_box .text {
        font-size: 3vw;
        letter-spacing: .06em;
        line-height: 1.7;
    }

    .mv_image .catch_box .catch .point {
        -webkit-text-stroke: .2vw #fff;
    }

    .mv_image .catch_box .catch .point::after {
        filter: blur(10px);
    }

    .mv_image.campaign a {
        width: 100%;
        aspect-ratio: 2/1;
    }

    .mv_image.campaign a img.sp {
        display: block;
    }

    .mv_image.campaign a img.pc {
        display: none;
    }

    #mainvisual .slick-dots {
        right: 5vw;
        bottom: -2.5vw;
        flex-direction: row;
        gap: 0 4vw;
    }

    #mainvisual .slick-dots li button:before {
        width: 10vw;
        height: 2vw;
        border-radius: 0%;
    }

    #mainvisual .slick-dots li.slick-active button:before {
        width: 10vw;
        height: 2vw;
        border-radius: 0%;
    }

    /* SPトップ　バナー */
    #top_bnr {
        padding: 15vw 0 20vw;
    }

    .slider_bnr_area {
        margin: auto 0;
    }

    /* スリックスライダー */
    #top_bnr .slick-slide {
        width: 70vw;
    }

    #top_bnr .slider_bnr_area.slick-initialized .slick-slide {
        margin: 0 3vw;
    }

    #top_bnr .slick-prev {
        left: 5vw;
    }

    #top_bnr .slick-next {
        right: 5vw;
    }

    #top_bnr .slick-prev {
        width: 12vw;
        height: 12vw;
    }

    #top_bnr .slick-prev::before {
        width: 5vw;
        height: 4vw;
        margin-left: 0;
        margin: 0 auto;
    }

    #top_bnr .slick-next {
        width: 12vw;
        height: 12vw;
    }

    #top_bnr .slick-next::before {
        width: 5vw;
        height: 4vw;
        margin-left: 0;
        margin: 0 auto;
    }

    #top_bnr .slick-dots {
        bottom: -10vw;
        width: 100%;
    }

    #top_bnr .slick-dots li {
        width: 10vw;
        height: 2vw;
        margin: 0 2vw;
    }

    #top_bnr .slick-dots li button::before {
        width: 10vw;
        height: 2vw;
    }

    /* SPトップ　リノベーション事例 */
    #top_renovation {
        padding: 15vw 0 10vw;
    }

    #top_renovation .wrap_mid::before,
    #top_renovation .wrap_mid::after {
        display: none;
    }

    #top_renovation .title_area {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5vw 0;
    }

    #top_renovation .title_area::before {
        width: 8vw;
        height: 8vw;
        left: 20vw;
    }

    #top_renovation .title_area .text_box {
        padding: 0 4vw;
        text-align: center;
    }

    .renovation_list img {
        aspect-ratio: 8 / 5;
    }

    .renovation_list {
        display: flex;
        gap: 0 5vw;
        margin-top: 0;
        overflow-x: scroll;
        padding: 7vw 0;
    }

    .renovation_list::-webkit-scrollbar {
        height: 5px;
    }

    .renovation_list::-webkit-scrollbar-track {
        background-color: #E5E5E5;
    }

    .renovation_list::-webkit-scrollbar-thumb {
        background-color: #134493;
    }

    .renovation_list .first_post .first_post_link .img .hover_text {
        font-size: 3.6vw;
        opacity: 1;
        visibility: visible;
    }

    .renovation_list .first_post .first_post_link {
        border-top: 1px solid #99A5BA;
        border-bottom: 1px solid #99A5BA;
        padding: 5vw 0;
    }

    .renovation_list .first_post .first_post_link .img {
        width: 75vw;
    }

    .renovation_list .first_post .first_post_link .img::before {
        opacity: 1;
        visibility: visible;
    }

    .renovation_list .first_post .first_post_link .ttl {
        font-size: 4vw;
        align-items: center;
        justify-content: center;
        width: auto;
        gap: 2vw 0;
    }

    .renovation_list .first_post .first_label_list {
        gap: 0 5vw;
        margin-top: 3vw;
        justify-content: center;
        align-items: center;
    }

    .first_post .first_label_list .list_box {
        gap: 0 3vw;
    }

    .first_post .first_label_list .list_box .index {
        line-height: 20px;
        padding: 0 3vw;
    }

    .renovation_list .side_post {
        overflow-y: unset;
        width: 100vw;
        height: 100%;
        padding-right: 0;
        flex-shrink: 1;
    }

    .renovation_list .side_post ul {
        display: flex;
        align-items: center;
        gap: 0 5vw;
    }

    .side_post ul a.side_post_link {
        display: flex;
        flex-direction: column;
        gap: 4vw 0;
        padding: 5vw 0;
        border-top: 1px solid #99A5BA;
        border-bottom: 1px solid #99A5BA;
    }

    .side_post ul li:last-of-type .side_post_link {
        padding: 5vw 0;
    }

    .side_post ul .side_post_link .img {
        width: 75vw;
    }

    .side_post ul .side_post_link .img::before {
        opacity: 1;
        visibility: visible;
    }

    .side_post ul .side_post_link .img .hover_text {
        font-size: 3.6vw;
        opacity: 1;
        visibility: visible;
    }

    .side_post ul .side_post_link .post_area .ttl {
        font-size: 4vw;
        gap: 2vw 0;
    }

    .side_post ul .side_post_link .post_area .side_label_list {
        margin-top: 3vw;
        gap: 0 4vw;
    }

    .side_post ul .side_post_link .post_area .side_label_list .list_box {
        gap: 0 4vw;
    }

    .side_post ul .side_post_link .post_area .side_label_list .list_box .index {
        line-height: 20px;
        padding: 0 3vw;
    }

    /* SPトップ　仲介手数料無料 */
    #top_feefree_reason {
        padding: 20vw 0;
    }

    #top_feefree_reason .wrap::before,
    #top_feefree_reason .wrap::after {
        display: none;
    }

    .feefree_contents {
        padding: 10vw 4vw 40vw;
    }

    .feefree_contents::after {
        width: 100%;
        height: 40vw;
        bottom: -2vw;
    }

    .feefree_contents .title_area .text {
        font-size: 4vw;
        text-align: center;
    }

    .feefree_contents .title_area .back {
        font-size: 5vw;
        padding: 0 2vw;
    }

    .feefree_contents .title_area .back.student {
        margin-right: 2vw;
    }

    .feefree_contents .title_area .ttl {
        font-size: 7vw;
        margin-top: 3vw;
        text-align: center;
    }

    .feefree_contents .title_area .ttl .num {
        font-size: 15vw;
    }

    .feefree_contents .title_area .ttl .num::before {
        content: "";
        width: 20vw;
        height: 4vw;
        bottom: 0;
        left: 0;
    }

    .feefree_contents .title_area .ttl .num::after {
        left: 1.5vw;
        font-size: 2.2svw;
        line-height: 0;
    }

    .feefree_contents .title_area .ttl .num rt {
        font-size: 3.6vw;
        padding: 0 3vw;
    }

    .feefree_contents .text_box {
        width: 100%;
        padding: 3vw 0;
    }

    .feefree_contents .text_box .text {
        padding-bottom: 7vw;
    }

    .feefree_couple_banner .feefree_contents::after {
        width: 65%;
        bottom: -3vw;
        left: 50%;
        translate: -50% 0;
    }

    .feefree_couple_banner .feefree_contents {
        overflow: unset;
    }

    /* SPトップ　Google口コミ */
    #top_reviews {
        padding: 15vw 0;
    }

    .review_contents {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        gap: 5vw 0;
    }

    .review_contents .title_area {
        display: contents;
    }

    .review_contents .title_area::before {
        width: 27vw;
        height: 10vw;
        right: unset;
        left: 10vw;
        transform: rotate(-10deg);
    }

    .review_contents .title_area .text_box {
        padding: 0 4vw;
    }

    .review_contents .title_area .text_box .text {
        text-align: center;
    }

    .review_contents .reviews_post_list {
        background-color: #fff;
        padding: 0;
        overflow: hidden;
    }

    .review_contents .reviews_post_list ul {
        display: flex;
        gap: 0 5vw;
        overflow-y: unset;
        overflow-x: scroll;
        height: 100%;
        padding: 8vw 3vw;
    }

    .review_contents .reviews_post_list ul::-webkit-scrollbar {
        height: 5px;
    }

    .review_contents .reviews_post_list ul::-webkit-scrollbar-track {
        background-color: #E5E5E5;
    }

    .review_contents .reviews_post_list ul::-webkit-scrollbar-thumb {
        background-color: #134493;
    }

    .review_contents .reviews_post_list ul li {
        padding: 5vw;
        margin: 0 2vw;
    }

    .review_contents .reviews_post_list ul li+li {
        margin-top: 0;
    }

    .review_contents .reviews_post_list ul li .star_num {
        font-size: 4.5vw;
        gap: 0 4vw;
    }

    .review_contents .reviews_post_list ul li:nth-child(odd) .star_num::before {
        width: 35vw;
        height: 10vw;
    }

    .review_contents .reviews_post_list ul li:nth-child(even) .star_num::before {
        width: 35vw;
        height: 10vw;
    }

    .review_contents .reviews_post_list ul li .review_text {
        font-size: 3.2vw;
    }

    /* SPトップ　お知らせ */
    #top_news {
        padding: 0 0 20vw;
    }

    #top_news .wrap::before,
    #top_news .wrap::after {
        display: none;
    }

    .news_contents {
        /* display: grid;
        grid-template-columns: repeat(1, 100%);
        gap: 8vw 0; */
        padding: 10vw 2vw;
    }

    .news_contents .title_area {
        display: contents;
    }

    .news_contents .title_area .cmn_site_btn {
        margin-top: 0;
        order: 2;
    }

    .site_news_list ul {
        gap: 5vw 0;
    }

    .site_news_list ul li a {
        gap: 0 3vw;
    }

    .site_news_list ul li a .img {
        width: 30vw;
    }

    .site_news_list ul li a .news_info {
        display: flex;
        align-items: center;
        gap: 0 2vw;
    }

    .site_news_list ul li a .news_info .date_box {
        padding-right: 2vw;
        width: 18vw;
    }

    .site_news_list ul li a .news_info .date_box .year {
        font-size: 3vw;
    }

    .site_news_list ul li a .news_info .date_box .day {
        font-size: 5.5vw;
        text-align: center;
    }

    .site_news_list ul li a .news_info .news_title_box .ttl {
        font-size: 4vw;
        padding-top: 0;
    }

    #top_news .common_site_ttl {
        margin-bottom: 1.5em;
    }

    #top_news .js_custom_prev {
        left: -6%;
    }

    #top_news .js_custom_next {
        right: -6%;
    }

    .site_news_column .site_news_link .site_news_time {
        font-size: 3.5vw;
    }

    .site_news_column .site_news_link .site_news_title {
        font-size: 4vw;
        min-height: 13vw;
    }

    .site_news_column .site_news_link .site_news_text {
        font-size: 3.5vw;
    }

    #top_news .cmn_site_btn .btn {
        margin-top: 4em;
    }

    /* SPトップ　お問い合わせ */
    #top_contact {
        padding: 14vw 0 10vw;
    }

    /* スライダー */
    .slider_contact_area {
        margin-bottom: 7vw;
    }

    .slider_contact_area .slider_img {
        width: 40vw;
        margin-right: 5vw;
    }

    .contact_contents {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8vw 0;
    }

    .contact_contents .contact_info .text {
        text-align: center;
    }

    .contact_contents .contact_info .tel {
        font-size: 7.5vw;
        gap: 0 2vw;
        justify-content: center;
        pointer-events: painted;
    }

    .contact_contents .contact_info .tel::before {
        width: 6vw;
        height: 6vw;
    }

    .contact_contents .contact_info .time_holiday {
        font-size: 2.5vw;
        line-height: 1.8;
        letter-spacing: .02em;
    }

    .contact_contents .link_area ul {
        display: flex;
        gap: 0 20px;
    }

    .contact_contents .link_area ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 3vw;
    }

    .contact_contents .link_area ul li a {
        gap: 3vw 0;
        width: 40vw;
        height: 30vw;
    }

    .contact_contents .link_area ul li .line::before {
        width: 10vw;
        height: 10vw;
    }

    .contact_contents .link_area ul li a svg {
        width: 10vw;
        height: 10vw;
    }

    /* SPトップ　フッター */
    #main_footer {
        padding: 20vw 0 10vw;
    }

    .footer_contents {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        gap: 0;
    }

    .footer_contents .info_area .footer_logo a {
        width: 45vw;
        margin: 0 auto;
    }

    .footer_contents .info_area .address {
        text-align: center;
    }

    .footer_contents .info_area .tel {
        justify-content: center;
        gap: 0 2vw;
        font-size: 7vw;
        line-height: 1.7;
        pointer-events: painted;
    }

    .footer_contents .info_area .tel::before {
        width: 5vw;
        height: 5vw;
    }

    .footer_contents .info_area .time_holiday {
        text-align: center;
    }

    #main_footer .icon_btn_box,
    .footer_contents .info_area .sns_box,
    .footer_contents .menu_area .company_box,
    .menu_area .site_contents {
        display: none;
    }

    #main_footer .copy_area {
        margin-top: 10vw;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 3vw 0;
    }

    #main_footer .copy_area .copy {
        font-size: 2.5vw;
        line-height: 1.5;
    }

    #main_footer .copy_area .link_box ul {
        gap: 0 2vw;
    }

    #main_footer .copy_area .link_box ul li {
        gap: 0 3vw;
    }

    #main_footer .copy_area .link_box ul li a {
        font-size: 2.5vw;
    }

    /* スタッフ紹介 */
    .page_staff_contents ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 5vw 3vw;
    }

    .page_staff_contents ul li .img {
        margin-bottom: 2vw;
    }

    .page_staff_contents ul li .text_box .post {
        font-size: 3vw;
        padding: 0.5vw 5vw;
    }

    .page_staff_contents ul li .text_box .name {
        font-size: 5vw;
    }

    .page_staff_contents ul li .text_box .en_name {
        font-size: 2.8vw;
    }

    .common_page_main .title_box {
        margin: auto;
        padding: 3vw 10vw;
    }

    .common_page_main.brokerage .feefree_contents .title_area .ttl {
        font-size: 7vw;
        margin: 4vw 0 0;
    }

    .common_page_main.brokerage .feefree_contents .title_area .ttl .num {
        font-size: 18vw;
        line-height: 1;
    }

    .common_page_main.brokerage .feefree_contents::after {
        width: 71vw;
        height: 67vw;
        margin: auto;
        left: 0;
        bottom: -58vw;
    }

    .common_page_main.brokerage {
        padding: 15vw 0 35vw;
        margin-top: 0;
    }

    .common_page_main.brokerage .feefree_contents {
        padding: 0;
        text-align: center;
    }

    .common_page_main.brokerage .feefree_contents .text_box {
        width: 100%;
        margin-top: 5vw;
    }

    .common_page_main.brokerage .feefree_contents .text_box .text {
        text-align: center;
        line-height: 1.6;
    }

    .common_page_main.brokerage .feefree_contents .title_area .ttl .num rt {
        display: none;

    }

    .common_page_main.brokerage .feefree_contents .title_area .back {
        font-size: 6vw;
        margin: 2vw 1vw 0;
    }

    .common_page_main.brokerage .feefree_contents .title_area .text {
        font-size: 6vw;
    }

    .common_page_main.brokerage .feefree_contents .title_area .ttl .num::before {
        width: 30vw;
        height: 6vw;
    }

    .common_page_main.brokerage .breadcrumb {
        top: 49vw;
    }

    /* 仲介手数料無料　 SP */

    #page_braokerage_fee .student_contents {
        padding: 30vw 0 20vw 0;
    }

    #page_braokerage_fee .student_contents .fl_wrap {
        display: block;
    }

    #page_braokerage_fee .student_contents .image_area {
        width: 100%;
        margin-bottom: 10vw;
    }

    #page_braokerage_fee .student_contents .text_area {
        width: 100%;
    }

    #page_braokerage_fee .student_contents .text_area .title {
        font-size: 4.5vw;
        margin-bottom: 2em;
        padding-left: 23.5vw;
    }

    #page_braokerage_fee .student_contents .text_area .title .icon {
        width: 20vw;
        top: calc(50% - 10vw);
    }

    #page_braokerage_fee .student_contents .text_area .text {
        line-height: 2;
        font-size: 4vw;
    }

    .page_brokerage_free {
        padding: 25vw 0 20vw;
    }

    .page_brokerage_free .intro,
    .page_brokerage_free .catch {
        font-size: 4.5vw;
        letter-spacing: .05em;
    }

    .page_brokerage_free .catch .emph {
        font-size: 11vw;
    }

    section.page_brokerage_free .afford_contents .text {
        font-size: 4vw;
        letter-spacing: .02em;
        padding: 2vw 4vw;
        border: solid 2px #000;
        margin-top: 8vw;
    }

    .page_brokerage_free .afford_contents .img {
        width: 45vw;
        margin: 5vw auto 0;
    }

    section.page_brokerage_free .afford_contents .text.add {
        margin-top: 10vw;
    }

    .page_brokerage_free .flow_contents .num {
        margin-right: 2vw;
        font-size: 5vw;
        position: relative;
        top: 1vw;
    }

    .page_brokerage_free .flow_contents .inner_ttl {
        font-size: 4.5vw;
    }

    .page_brokerage_free .flow_contents li {
        flex-wrap: nowrap;
    }

    .page_brokerage_free .flow_contents .inner_text {
        font-size: 3.8vw;
    }

    .page_brokerage_free .flow_contents li::before {
        height: 79%;
        width: 2vw;
        top: 6vw;
        border-left: dashed 1px;
        left: 2vw;
    }

    .page_brokerage_free .flow_contents {
        margin: 10vw auto 2vw;
    }

    .page_cmn_line_contact {
        font-size: 4vw;
        padding: 3vw 11vw;
        border: solid 2px #000;
    }

    .page_cmn_line_contact .btn {
        margin-top: 3vw;
        padding: 2vw;
        transition: .3s;
    }

    .page_brokerage_target {
        padding: 20vw 0 0;
    }

    .page_brokerage_target .ttl {
        font-size: 5vw;
        letter-spacing: .05em;
        padding-bottom: 2vw;
        border-bottom: solid 3px #f0f030;
    }

    .page_brokerage_target .contents li {
        font-size: 4vw;
        letter-spacing: .03em;
        padding-left: 7vw;
    }

    .page_brokerage_target .contents li::before {
        width: 5vw;
        height: 5vw;
        left: 0vw;
    }

    .page_brokerage_target .contents li+li {
        margin-top: 3vw;
    }

    .page_brokerage_target .contents {
        margin: 5vw 0;
    }

    .page_brokerage_target .img {
        width: 85%;
        margin: 9vw auto 0;
    }

    .page_brokerage_reason .reason_contents {
        width: 100%;
        padding: 6vw 2vw;
        border: solid 2px;
        border-radius: 4vw;
        margin-top: 19vw;
    }

    .page_brokerage_reason .reason_contents .inner_ttl {
        font-size: 4.5vw;
        padding: 2vw 10vw;
        border: solid 1px #000;
        border-radius: 7vw;
    }

    .page_brokerage_reason .reason_contents .disc .sub_ttl {
        font-size: 5vw;
        border-bottom: dashed 2px;
        letter-spacing: .02em;
        margin: 8vw auto 4vw;
    }

    .page_brokerage_reason .feefree_contents .title_area .ttl {
        font-size: 6vw;
        margin: 1vw 0 0;
    }

    .page_brokerage_reason .feefree_contents::after {
        width: 70vw;
        left: 0;
        margin: auto;
        right: 0;
        height: 69vw;
    }

    .page_brokerage_reason .feefree_contents {
        margin: 0;
        padding: 10vw 0 62vw;
        text-align: center;
    }

    .page_brokerage_reason .feefree_contents .title_area .text {
        font-size: 5vw;
    }

    .page_brokerage_reason .feefree_contents .title_area .back.student,
    .feefree_contents .title_area .back.member {
        font-size: 6vw;
        margin-top: 1vw;
    }

    .page_brokerage_reason .feefree_contents .title_area .ttl .num {
        font-size: 20vw;
    }

    .page_brokerage_reason .feefree_contents .title_area .ttl .num rt {
        letter-spacing: 0em;
        font-size: 5vw;
        transform: translateY(10px);
    }

    .page_brokerage_reason .feefree_contents .title_area .ttl .num::before {
        width: 24vw;
        height: 5vw;
        left: 0vw;
    }

    .page_brokerage_reason .reason_contents .disc .inner_text {
        font-size: 4vw;
        letter-spacing: .05em;
    }

    .page_brokerage_reason {
        padding: 10vw 0 20vw;
    }

    .page_brokerage_faq {
        padding: 20vw 0;
    }

    .page_brokerage_faq .ttl {
        font-size: 5vw;
        padding-bottom: 6vw;
    }

    .page_brokerage_faq dt,
    .page_brokerage_faq dd {
        padding: 3vw 7vw 3vw;
    }

    .page_brokerage_faq dt {
        font-size: 3.8vw;
    }

    .page_brokerage_faq dt::before,
    .page_brokerage_faq dd::before {
        font-size: 6vw;
        left: 0;
        top: 3vw;
    }

    .page_brokerage_faq dt::after {
        width: 3vw;
        height: 3vw;
        border-top: solid 2px;
        border-right: solid 2px;
        right: 2vw;
        top: 5vw;
    }

    .page_brokerage_faq dd {
        font-size: 3.8vw;
        padding: 3vw 8vw;
    }

    .page_brokerage_faq dd::before {
        left: 1vw;
    }

    #page_preview .main_area .ttl {
        font-size: 4vw;
    }

    #page_preview .main_area .catch {
        font-size: 5vw;
        margin-top: 2vw;
    }

    #page_preview .main_area .contents {
        grid-template-columns: repeat(1, 1fr);
    }

    #page_preview .main_area .contents .text_area {
        order: 2;
    }

    #page_preview .main_area .contents {
        margin-top: 8vw;
        padding: 10vw 4vw;
    }

    #page_preview .main_area .contents .img {
        width: 70%;
        margin: auto;
    }

    #page_preview .main_area .contents ul li {
        width: 31vw;
        height: 31vw;
        font-size: 4vw;
        border: solid 1px #0b4fba;
    }

    #page_preview .main_area .contents ul .add {
        width: 37vw;
        height: 37vw;
    }

    #page_preview .main_area .contents ul {
        margin: 2vw;
        gap: 2vw;
    }

    #page_preview .main_area .contents .text {
        font-size: 4vw;
    }

    #page_preview .main_area .contents .start {
        font-size: 5vw;
        letter-spacing: .03em;
        margin-top: 2vw;
    }

    .page_preview_service {
        padding: 15vw 0;
    }

    .page_preview_service .ttl {
        font-size: 6vw;
    }

    .page_preview_service ul {
        margin-top: 7vw;
        padding: 0;
        grid-template-columns: repeat(1, 1fr);
        gap: 6vw;
    }

    .page_preview_service ul .icon {
        width: 35vw;
        height: 35vw;
    }

    .page_preview_service ul .text {
        font-size: 4.5vw;
        margin-top: 2vw;
    }

    .page_preview_cmn .ttl {
        font-size: 5vw;
    }

    .page_preview_cmn .ttl::before {
        height: 3px;
        bottom: -3vw;
        width: 13vw;
    }

    .page_preview_cmn .contents .img {
        width: 35vw;
        position: static;
        margin-bottom: 8vw;
    }

    .page_preview_cmn .contents {
        margin-top: 8vw;
    }

    .page_preview_cmn .contents .suffer {
        font-size: 3.8vw;
        letter-spacing: .02em;
        border-bottom: dashed 1px;
    }

    .page_preview_cmn .contents .solution {
        margin-top: 4vw;
        padding: 3vw;
        font-size: 4vw;
    }

    .page_preview_cmn .contents .inner_wrap+.inner_wrap {
        margin-top: 8vw;
    }

    .page_preview_occasion {
        padding: 15vw 0;
    }

    .page_preview_cmn {
        padding: 15vw 0;
    }

    .page_preview_how.page_preview_cmn .contents {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 8vw;
        gap: 2vw;
    }

    .page_preview_how.page_preview_cmn .contents .img {
        width: 31vw;
        /* gap: 1vw; */
    }

    .page_preview_how.page_preview_cmn .contents .inner_ttl {
        text-align: center;
        font-size: 5vw;
        padding-bottom: 2vw;
        margin-bottom: 4vw;
    }

    .page_preview_how.page_preview_cmn .contents .inner_text {
        font-size: 3.8vw;
        line-height: 1.7;
    }

    .page_cmn_contact_btn {
        font-size: 4vw;
        letter-spacing: .02em;
        font-weight: 900;
        margin: 12vw auto 0;
    }

    #page_consultant .main_area .ttl {
        font-size: 5vw;
    }

    #page_consultant .main_area .catch {
        font-size: 4vw;
        text-align: left;
        margin-top: 3vw;
    }

    .page_consultant_recommend {
        margin-top: 12vw;
        padding: 13vw 0;
    }

    .page_consultant_cmn .ttl {
        font-size: 5.5vw;
    }

    .page_consultant_cmn .ttl::before {
        width: 12vw;
        height: 3px;
    }

    .page_consultant_cmn ul {
        margin-top: 10vw;
        padding: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .page_consultant_cmn ul li {
        font-size: 4.5vw;
    }

    .page_consultant_cmn ul li .icon {
        width: 40vw;
        height: 40vw;
        margin-top: 4vw;
    }

    .page_consultant_cmn ul li+li {
        margin-top: 12vw;
    }

    .page_consultant_cmn {
        padding: 15vw 0 15vw;
    }

    .page_consultant_flow.page_consultant_cmn ul li .num {
        font-size: 8vw;
    }

    .page_consultant_cmn ul li .inner_ttl {
        font-size: 5vw;
    }

    .page_consultant_cmn ul li .inner_text {
        font-size: 4vw;
        margin-top: 1vw;
    }

    .page_consultant_cmn ul li .text_area {
        padding: 3vw 0 0;
    }

    .page_consultant_flow ul li+li::before {
        display: none;
    }

    section.page_consultant_possible .contents {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 10vw;
        gap: 2vw;
    }

    .page_consultant_possible .text {
        font-size: 4vw;
        line-height: 1.4;
        padding: 3vw;
        width: 80%;
    }

    .page_consultant_possible .forward .text::before {
        display: none;
    }

    .page_consultant_possible .img {
        order: 3;
        width: 80%;
        position: static;
        margin: 3vw auto 0;
    }

    .page_consultant_possible .text+.text {
        margin-top: 2vw;
    }

    .page_consultant_possible .text::before {
        display: none;
    }

    .page_consultant_possible .text:nth-child(even) {
        margin-left: 20vw;
    }

    .page_consultant_possible .forward .text:nth-child(2) {
        margin-left: 0;
    }

    .page_consultant_possible {
        padding-bottom: 0;
    }

    .page_brokerage_reason .reason_contents .disc .img {
        width: 82%;
        margin: 6vw auto 0;
    }

    .company_access .sub_title {
        font-size: 5vw;
    }

    .company_access .ttl {
        font-size: 3.8vw;
    }

    .archive_page_list_renovation {
        grid-template-columns: 1fr;
        gap: 10vw 0;
    }

    .archive_page_list_renovation article a .thumbnail_img {
        margin-bottom: 3vw;
    }

    .archive_page_list_renovation article a .thumbnail_img:before {
        content: none;
    }

    .archive_page_list_renovation article a .thumbnail_img .hover_text {
        display: none;
    }

    .archive_page_list_renovation article a .text_area .ttl {
        font-size: 4.5vw;
        margin-bottom: 3vw;
    }

    .archive_page_list_renovation article a .text_area .flex_box {
        gap: 2vw 0;
    }

    .archive_page_list_renovation article a .text_area .flex_box .square {
        width: 18vw;
        font-size: 3.5vw;
        line-height: 7vw;
        margin-right: 2vw;
    }

    .archive_page_list_renovation article a .text_area .flex_box .type {
        font-size: 4vw;
    }

    #page_campaign .campaign_sec .text_box {
        padding: 5vw 3vw;
    }

    #page_campaign .campaign_sec .text_box .text {
        font-size: 3.8vw;
    }

    #page_campaign .campaign_sec .text_box .text .color {
        font-size: 5vw;
    }

    /* お客様の声一覧 */
    .site_voice_list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 5vw 3vw;
    }

    .site_voice_list li a {
        padding: 4vw 2.5vw;
    }

    .site_voice_list li a .voice_info .news_icon {
        width: 20vw;
        margin: 0 auto 2.5vw;
    }

    .site_voice_list li a .voice_info .voice_title_box .ttl {
        font-size: 4.2vw;
    }

    .site_voice_list li a .voice_info .voice_text .text {
        font-size: 3.2vw;
    }

    .site_voice_list li a:hover {
        opacity: 1;
    }

    /* 仲介手数料無料(カップル、新婚の方向け) */
    .common_page_main.feefree_couple .feefree_contents::after {
        height: auto;
        bottom: -50vw;
        right: auto;
        width: 80vw;
        left: 50%;
        translate: -50% 0;
    }

    .page_brokerage_reason.couple .feefree_contents::after {
        width: 90vw;
        bottom: -4vw;
    }

    #top_renovation .renovation_list .side_post {
        overflow-x: unset;
    }

    #top_renovation .side_post ul a.side_post_link {
        padding: 0;
    }

    .archive_page .site_news_column {
        grid-template-columns: 1fr;
        gap: 6vw;
    }

    .archive_page .site_news_column .site_news_link .site_news_title {
        min-height: unset;
    }
}

/* FireFox用スクロールバーCSS */
@-moz-document url-prefix() {
    .gallery_area .gallery_contents {
        scrollbar-width: 5px;
        scrollbar-color: #134493 #E5E5E5;
    }

}