@charset "UTF-8";

/****************************************************************

	下層ページcommon

****************************************************************/

/* 0228追加 */
html {
    scroll-behavior: smooth;
}

/* 0228追加 ここまで */

body {
    font-size: 16px;
}

main {
    margin-top: 91px;
}

.flex {
    display: flex;
}

.inline_flex {
    display: inline-flex;
    justify-content: space-between;
}

small {
    /* 0216追加 */
    /* color: #3B4043; */
    color: #3B4043;
    /* 0216追加 ここまで */
    display: inline-block;
}

/* cssで上下中央にする */
.lightbox {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%);
    width: calc(100% + 14px);
}

body.lb-disable-scrolling {
    overflow-x: hidden;
    overflow-y: auto;
}

/* iPhone用 */
/* 0217追加 */
/* input[type="text"], textarea { */
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
    /* 0217追加 ここまで */
    border-radius: 0;
}


.banner_container .wrapper {
    max-width: 1400px;
    padding: 50px 0;
}

footer .wrapper {
    padding: 100px 0;
}

footer .footer_form .wrapper {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    padding: 22px 0;
}

footer .wrapper input[type="checkbox"]+label {
    display: flex;
    padding-left: 0;
}


.hum_content .simple_search_list {
    display: flex;
}

.hum_menu h2 {
    background-color: transparent;
    font-size: 5.4rem;
    padding-left: 0;
}

.hum_menu .accordion_menu label {
    display: flex;
    padding-left: 10px;
}

.header_contact_detail h1 {
    border: none;
    font-size: 0;
    margin: 0;
}

a {
    transition: .2s;
}

a:hover {
    opacity: .7;
}

@media screen and (max-width: 1300px) {
    .wrapper {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 851px) {

    main {
        margin-top: 80px;
    }
}

/*--------------------------------
	reCAPTCHA
--------------------------------*/

.grecaptcha-badge {
    z-index: 100 !important;
    bottom: 80px !important;
}

@media screen and (max-width: 640px) {
    .grecaptcha-badge {
        bottom: 110px !important;
    }
}

/*--------------------------------
	パンくずリスト
--------------------------------*/

.breadcrumb_trail {
    /* box-shadow: 0px 1px 3px #00000029; */
    border-bottom: 1px solid #EEEEEE;
}

.breadcrumb_trail .wrapper {
    /* padding: 10px 0; */
    padding: 10px 0 8px 0;
}

.breadcrumb {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.breadcrumb li {
    display: inline;
    /*横に並ぶように*/
    color: #9A9EA0;
}

.breadcrumb li:after {
    /* >を表示*/
    content: '>';
    padding: 0 0.2em;
    color: #9A9EA0;
}

.breadcrumb li:last-child:after {
    content: '';
}

.breadcrumb li a {
    color: #9A9EA0;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

/*--------------------------------
	パンくず おわり
--------------------------------*/

/****************************************************************

	ペットと同居可物件一覧 その他ページ

****************************************************************/

h1 {
    text-align: left;
    font-size: 40px;
    color: #5C4F3A;
    border-bottom: 2px solid #5C4F3A;
    font-feature-settings: "palt";
    letter-spacing: 2px;
    font-weight: normal;
    margin: 30px 0;
}

.overview .flex:first-of-type .img_box img {
    width: 100%;
}

.overview .flex:first-of-type div:first-of-type img,
.overview .flex:nth-of-type(2) div:nth-of-type(2) img {
    /* height: 210px; */
    object-fit: cover;
}

.overview .flex {
    justify-content: space-between;
}

.overview .flex:nth-of-type(2) {
    border-top: 1px solid #D6D3CD;
    padding-top: 30px;
    margin-top: 20px;
}

.overview a {
    color: #2A58A2;
}

.ul_red {
    text-decoration: underline;
    text-decoration-color: #D45142;
}

/* .overview .flex:first-of-type div:first-of-type { */
.overview .flex:first-of-type .img_box_wrapper {
    margin-right: 3%;
    width: 30%;
    flex-shrink: 0;

    /* position: relative; */
}

.overview .flex:first-of-type .img_box {
    /* margin-right: 0; */
    /* width: 100%; */
}

.overview .flex:first-of-type div:first-of-type::before {
    /* content: ""; */
    /* display: block; */
    /* padding-top: 56.25%; */
}

.overview .flex:first-of-type div:nth-of-type(2) {
    width: 100%;
}

.overview .flex:nth-of-type(2) div:nth-of-type(2) {
    margin-left: 3%;
    width: 30%;
    flex-shrink: 0;
}

.overview .flex div p:first-of-type {
    margin-top: 0;
}

h2 {
    background-color: #ECE6DB;
    color: #5C4F3A;
    font-size: 25px;
    line-height: 60px;
    padding-left: 1em;

    text-align: left;
}

.property_list .refined_search {
    justify-content: space-between;
    /* margin: 40px auto; */
    margin: 0 auto;
    align-items: center;
}

.property_list .refined_search .remove_flex {
    align-items: center;
}

.people_search {
    display: inline;
    margin-left: 20px;
    font-size: 0;
}

.people_search span {
    color: #FFF;
    background-color: #7D7562;
    border-radius: 3px 0px 0px 3px;
    padding: 15px 10px 10px;
    font-size: 16px;
    height: 60px;
}

.people_search form {
    display: inline;
    border: 1px solid #7D7562;
    padding: 9px;
    font-size: 16px;
    border-radius: 0px 3px 3px 0px;
}

.people_search form span {
    color: #3B4043;
    background-color: #FFF;
    padding: 9px;
}

/*--------------------------------
	チェックボックス
--------------------------------*/

/* 元々のチェックボックス（非表示） */
form input[type="checkbox"] {
    display: none;
}

/* チェックボックスの代わりを成すラベル */
/* form input[type="checkbox"]+label { */
input[type="checkbox"]+label {
    /* display: none; */
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
}

/* ラベルの左に表示させる正方形のボックス□ */
form input[type="checkbox"]+label::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    margin-top: -6px;
    left: 0;
    top: 50%;
    /* border: 1px solid; */
    /* border-color:  #7D7562; */
    background-color: #FFF;
    /* border: 2px solid #C9B797; */
    border: 1px solid #7D7562;
}

/* チェックが入った時のレ点 */
form input[type="checkbox"]:checked+label::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 8px;
    margin-top: -6px;
    top: 50%;
    left: 2px;
    transform: rotate(-45deg);
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #7D7562;
    /* border-color:  #fff; */
}

form input[type="checkbox"]:checked+label::before {
    /* background-color: #D89F2A; */
    /* border-color: #D89F2A; */
}

/*--------------------------------
	チェックボックス おわり
--------------------------------*/
/*--------------------------------
    検索条件表示
--------------------------------*/

.condition_list {
    text-align: justify;
    margin-top: -4px;
}

.condition_list li {
    border-radius: 16px;
    border: 1px solid #B7A075;
    display: inline;
    padding: 5px 10px;
    margin: 0 4px 14px 0;
    color: #5C4F3A;
    word-break: break-all;
    line-height: 2.6;
    font-size: 1.4rem;
}

/*--------------------------------
    検索条件表示　おわり
--------------------------------*/

/*--------------------------------
    絞り込み検索
--------------------------------*/

.people_search .form_refined {
    display: flex;
}

.form_refined_guests {
    word-break: keep-all;
}

.form_refined button {
    display: inline-block;
    background: linear-gradient(to left, #BCA97C, #A89052);
    border-radius: 0 3px 3px 0;
}

/*--------------------------------
    絞り込み検索　おわり
--------------------------------*/

/*--------------------------------
    並び替え
--------------------------------*/

.dropdown {
    width: 120px;
    transition: all .5s ease;
    position: relative;
    height: 100%;
    text-align: center;
    outline: 0;
}

.dropdown::before {
    position: absolute;
    top: 12px;
    right: 112px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #31220A;
    pointer-events: none;
}

.dropdown .select {
    cursor: pointer;
    display: block;
}

.refined_search .dropdown .dropdown-menu {
    /* .dropdown .dropdown-menu { */
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    overflow: hidden;
    display: none;
    overflow-y: auto;
    z-index: 9;
    border: 2px solid #B7A075;
}

.refined_search .dropdown .dropdown-menu form button {
    color: #3B4043;
    text-align: center;
    padding: 0;
    /* width: 115px; */
    height: 42px;
}

.dropdown .dropdown-menu li {
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.dropdown .dropdown-menu {
    padding: 0;
    list-style: none;
}

.dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2;
}

.dropdown .dropdown-menu li:active {
    background-color: #e2e2e2;
}

/*--------------------------------
    並び替え おわり
--------------------------------*/

/*--------------------------------
	物件詳細 一覧 .property_card
--------------------------------*/

.property_card {
    box-shadow: 0px 0px 10px #00000036;
    border: 1px solid #B7A075;
    margin-top: 50px;
    margin-bottom: 50px;
    transition: .3s;
}

.property_card:hover {
    box-shadow: 0px 0px 15px #00000057;
}

.p_c_wrapper {
    padding: 30px;
    position: relative;
}

.property_card .p_c_a {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -30px;
    margin-left: -30px;
    display: block;
    text-indent: -9999px;
}

.p_c_title {
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}

.p_c_title div {
    justify-content: center;
    align-items: center;
}

.p_c_title h3 {
    display: inline;
    color: #B7A075;
    font-size: 25px;
    margin: 0 10px 0 0;
    font-weight: normal;
    line-height: 1.3;
    border: none;
    word-break: keep-all;
    text-align: left;
}

/*--------------------------------
	お気に入り
--------------------------------*/

.p-fav_button {
    font-weight: bold;
    cursor: pointer;
}

.p-fav_button>.__icon {
    position: relative;
    width: 20px;
    height: 19px;
    display: inline-block;
    margin: 0;
    background-color: #FFF;
    transform: translateY(15%) translateX(-14%);
}

.p-fav_button>.__icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/img_sh/star.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.is-choosen .p-fav_button>.__icon:before {
    opacity: 0;
}

.p-fav_button>.__icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/img_sh/star_clicked.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}

.is-choosen .p-fav_button>.__icon:after {
    opacity: 1;
}

.p_c_title .p-main .p-fav_button .__text,
.p_c_title .p-main2 .p-fav_button .__text,
.p_c_title .p-main3 .p-fav_button .__text,
.p_c_title .p-main4 .p-fav_button .__text,
.p_c_title .p-main5 .p-fav_button .__text,
.p_c_title .p-main6 .p-fav_button .__text,
.p_c_title .p-main7 .p-fav_button .__text,
.p_c_title .p-main8 .p-fav_button .__text,
.p_c_title .p-main9 .p-fav_button .__text,
.p_c_title .p-main10 .p-fav_button .__text {
    background-color: #FFF;
    color: #3B4043;
    font-size: 16px;
}

.p-fav_button {
    position: relative;
}

.p-fav_button:before,
.p-fav_button:after {
    display: none;
    content: "";
    position: absolute;
    z-index: 1;
    line-height: 1.6 !important;
}

.p-fav_button:hover:before,
.p-fav_button:hover:after {
    display: block;
}

/*--------------------------------
	お気に入り ツールチップ
--------------------------------*/


/* .p-fav_button:before {
    position: absolute;
    z-index: 1;
    top: -2px;
    width: 8px;
    right: 9px;
    border-top: 8px solid #C4B185;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    transform: translateX(-50%);
    transform: translateY(-50%);
} */

.property_card .p-fav_button:after {
    position: absolute;
    z-index: 1;
    bottom: 6px;
    min-width: 270px;
    right: 0;
    background-color: #fff;
    border-radius: 5px;
    padding: 9px;
    font-size: 14px;
    content: "お気に入りに登録したお部屋は、お気に入り一覧からご確認いただけます。";
    font-weight: normal;
    transform: translateY(-50%);
    border: 2px solid #B7A075;
    color: #000;
}

@media only screen and (max-width: 800px) {
    .property_card .p-fav_button:after {
        left: 0;
        right: auto;
    }
}

/*--------------------------------
	お気に入り 終わり
--------------------------------*/

.p_c_title div span {
    padding: 0 3px;
    font-size: 12px;
    color: #fff;
    /* margin-left: 10px; */
}

/* .p_c_title .flex span:first-of-type {
    background-color: #C4B185;
}

.p_c_title .flex span:nth-of-type(2) {
    background-color: #8399B9;
} */



/* 0323追加 */
.p_c_content {
    justify-content: space-between;
}

.p_c_img {
    width: 490px;
    justify-content: space-between;
}

.p_c_img .big_img {
    width: 79%;
}

.p_c_img .flex {
    width: 20%;
}

.p_c_img a {
    position: relative;
    /* z-index: 100; */
    z-index: 1;
}

.p_c_img img {
    width: 360px;
    height: 200px;
    object-fit: cover;
}

.p_c_img div {
    /* margin-left: 10px; */
    flex-direction: column;
    justify-content: space-between;
}

.p_c_img div img {
    /* width: 110px; */
    /* height: 60px; */
    object-fit: cover;
}

.p_c_infomation,
.p_c_price {
    flex-direction: column;
    justify-content: space-between;
    /* height: 200px; */
    /* height: 220px; */
}

.p_c_infomation {
    width: 30%;
}

.p_c_infomation .inline_flex {
    justify-content: flex-start;
    align-items: flex-start;
}

.p_c_infomation .inline_flex div {
    width: 10%;
    text-align: center;
}

.p_c_infomation img {
    /* vertical-align: top; */
    /* margin-top: 5px; */
    object-fit: none;
    object-position: center top;
    width: 10%;
}

.p_c_infomation span {
    display: inline-block;
}

.p_c_price {
    width: 23%;
}

.p_c_price h4 {
    margin: 0;
    font-size: 14px;
}

/*--------------------------------
	表（上書き）
--------------------------------*/

.p_c_price .table dt,
.p_c_price .table dd {
    line-height: 1;
    text-align: center;
}

.p_c_price .table dt {
    width: 60%;
    background-color: #EDE8DB;
    padding: 10px 5px;
    font-size: 1.4rem;
}

.p_c_price .table dt small {
    font-weight: normal;
}

.p_c_price .table dd {
    width: 40%;
}

.p_c_price .p-main,
.p_c_price .p-main2,
.p_c_price .p-main3,
.p_c_price .p-main4,
.p_c_price .p-main5,
.p_c_price .p-main6,
.p_c_price .p-main7,
.p_c_price .p-main8,
.p_c_price .p-main9,
.p_c_price .p-main10 {
    display: none;
}

.p-main,
.p-main2,
.p-main3,
.p-main4,
.p-main5,
.p-main6,
.p-main7,
.p-main8,
.p-main9,
.p-main10 {
    position: relative;
    /* z-index: 100; */
    z-index: 1;
    width: 116px;
}

/*--------------------------------
	表（上書き） おわり
--------------------------------*/

.red_bold {
    color: #D45142;
    font-weight: bold;
}

.text_btn {
    color: #B7A075;
    border: 1px solid #B7A075;
    display: block;
    text-align: left;
    padding-left: 10px;
    /* line-height: 40px; */
    line-height: 35px;
    position: relative;
    z-index: 100;
    transition: .3s;
}

.text_btn:hover {
    background-color: #fffbf6;
}

/* .text_btn::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 5px;
    width: 1px;
    height: 7px;
    background-color: #B7A075;
    transform: skew(45deg)
} */

.p_c_price .btn_search {
    max-width: 100%;
    /* height: 40px; */
    height: 35px;
    margin: 0;
}

.p_c_price .btn::before {
    top: 20px;
}

.p_c_price div .btn::before {
    background-color: #B7A075;
}

.p_c_price div .btn::after {
    border-color: #B7A075;
}

.p_c_price .btn_search a {
    font-size: 16px;
    padding: 0 0 0 15px;
    /* line-height: 40px; */
    line-height: 35px;
}

.p_c_price .btn::after {
    top: 16px;
}

/*--------------------------------
	物件詳細 一覧 おわり
--------------------------------*/
/*--------------------------------
	ページャー
--------------------------------*/

.pager {
    margin: 50px 0;
}

.pager .pagination {
    text-align: center;
}

.pager .pagination li {
    display: inline;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
}

.pager .pagination li a {
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    color: #2A58A2;
    text-decoration: none;
}

.pager .pagination li span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.pager .pagination .pre,
.pager .pagination .next {
    width: 50px;
}

.pager .pagination .pre a,
.pager .pagination .next a {
    border: 2px solid #F0F3F5;
    border-radius: 10px;
    background-color: #FAFAFA;
}

.pager .pagination .pre,
.pager .pagination .next {
    position: relative;
}

.pager .pagination .pre a::before,
.pager .pagination .next a::before {
    content: '';
    position: absolute;
    background-color: #2285b1;
    left: 13px;
    top: 22px;
    width: 18px;
    height: 2px;
}

.pager .pagination .pre a::after,
.pager .pagination .next a::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid #2285b1;
    border-right: 2px solid #2285b1;
}

.pager .pagination .pre a::after {
    transform: rotate(220deg);
    left: 14px;
    top: 19px;
}

.pager .pagination .next a::after {
    transform: rotate(45deg);
    left: 23px;
    top: 19px;
}

.pager .pagination li a:hover,
.pager .pagination li a.active {
    color: #3B4043;
}

@media only screen and (max-width: 640px) {

    .pager .pagination li {
        display: none;
    }

    .pager .pagination li.pre,
    .pager .pagination li.next {
        display: inline-block;
        width: 49%;
        height: 50px;
        text-align: center;
    }

    .pager .pagination li.pre span {
        display: block;
        width: 100%;
        left: 60%;
    }

    .pager .pagination li.pre span::after {
        content: "前の10件へ";
    }

    .pager .pagination li.next span {
        display: block;
        width: 100%;
        left: 40%;
    }

    .pager .pagination li.next span::before {
        content: "次の10件へ";
    }

    .pager .pagination .next a::after {
        left: auto;
        right: 17px;
    }

    .pager .pagination .next a::before {
        right: 19px;
        left: auto;
    }
}

/*--------------------------------
	ページャー おわり
--------------------------------*/

@media screen and (max-width: 1300px) {

    .overview .flex:first-of-type div:first-of-type img,
    .overview .flex:nth-of-type(2) div:nth-of-type(2) img {
        /* width: 100%; */
        /* height: auto; */
        /* object-fit: cover; */
    }
}

@media screen and (max-width: 1024px) {

    .property_list .refined_search,
    .property_list .refined_search div:first-of-type span,
    .people_search,
    .dropdown {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .refined_search .flex {
        justify-content: space-around;
        margin-bottom: 20px;
        align-items: center;
    }

    .property_list .refined_search .flex:first-of-type span,
    .refined_search .flex .people_search {
        margin: 0;
    }

    .property_list .refined_search div:first-of-type span .red_bold {
        display: inline;
    }

    .people_search {
        margin: 20px 0;
    }

    .property_list .refined_search div .people_search span {
        display: inline;
    }

    .cp_ipselect {
        margin: 10px auto;
    }
}

/* 絞り込み検索 */
@media screen and (max-width: 640px) {

    .people_search {
        /* display: none; */
    }

    .people_search_sp,
    .dropdown {
        display: inline-block;
    }

    .property_list .refined_search div:first-child {
        display: inline;
    }

    .people_search_sp {
        margin-right: 20%;
        margin-top: 15px;
    }

    .refined_search .flex .people_search {
        justify-content: center;
        margin: 10px auto;
    }

    .people_search span {
        padding: 5px;
        font-size: 14px;
    }

    .people_search form {
        padding: 5px;
    }

    .people_search form button {
        font-size: 14px;
    }
}

/* @media screen and (min-width: 621px) {

    .people_search_sp {
        display: none;
    }
} */

/* 絞り込み検索　おわり */

@media screen and (min-width: 1025px) and (max-width: 1200px) {

    .p_c_img {
        display: block;

        width: 300px;
    }

    .p_c_img .big_img {
        width: 100%;
    }

    .p_c_img img {
        width: 260px;
        /* height: 130px; */
        height: 146px;
    }

    .p_c_img div {
        width: auto;
        margin-left: 0;
        /* margin-top: 10px; */
        flex-direction: row;
    }

    .p_c_img div img {
        /* width: 80px; */
        /* height: 55px; */
        /* height: 45px; */
        margin-bottom: 0;
    }

    .p_c_infomation {
        /* width: 35%; */
    }

    .p_c_price {
        width: 30%;
    }

    .p_c_img .flex {
        width: 100%;
        margin-top: 10px;
    }

    .p_c_img .flex a {
        width: 30%;
    }
}

@media screen and (max-width: 1024px) {

    .p_c_content {
        flex-wrap: wrap;
    }

    .p_c_img {
        width: 100%;
        justify-content: space-between;
    }

    .p_c_infomation,
    .p_c_price {
        width: 47%;
        margin-top: 10px;
        height: 220px;
    }

    .p_c_img img {
        width: 100%;
        height: 330px;
    }

    .p_c_img div {
        /* width: 25%; */
        /* width: 142px; */
    }

    .p_c_img div img {
        /* width: 100%; */
        /* height: 100px; */
        /* height: 80px; */
    }

    /* .p_c_img a {
        width: 75%;
    }

    .p_c_img .flex a {
        width: 100%;
    }

    .p_c_img .flex {
        width: 30%;
    } */

    .p_c_title .flex {
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 87%;
    }

    .p_c_title h3 {
        width: 100%;
    }

    .p_c_title .flex span {
        margin-top: 10px;
    }
}


@media screen and (max-width: 800px) {
    .p_c_title .flex span {
        display: inline-block;
    }

    .p_c_title .flex h3 {
        display: block;
        width: 100%;
        order: 10;
        margin-bottom: 5px;
    }

    .p_c_wrapper {
        padding: 3%;
    }

    .p_c_title .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
    }

    .p_c_title div span {
        margin: 0 10px 20px 0;
    }

    .p_c_title .p-main,
    .p_c_title .p-main2,
    .p_c_title .p-main3,
    .p_c_title .p-main4,
    .p_c_title .p-main5,
    .p_c_title .p-main6,
    .p_c_title .p-main7,
    .p_c_title .p-main8,
    .p_c_title .p-main9,
    .p_c_title .p-main10 {
        display: none;
    }

    .p_c_content,
    .p_c_img,
    .p_c_img div,
    .p_c_infomation,
    .p_c_price,
    .p_c_infomation div {
        display: flex;
    }

    .p_c_img {
        display: block;
    }

    .p_c_img .flex {
        width: 100%;
        flex-direction: row;
        margin-top: 10px;
    }

    .p_c_img .flex a {
        width: 30%;
    }

    .p_c_img img {
        /* width: 100%; */
        /* height: auto; */
    }

    .p_c_img div {
        /* width: auto; */
        /* margin-left: 0; */
        /* margin-top: 10px; */
        /* flex-direction: row; */
    }

    .p_c_img div img {
        /* width: 100%; */
        /* height: auto; */
    }

    .p_c_img a {
        /* width: 30%; */
    }

    .p_c_content {
        display: block;
    }

    .p_c_infomation,
    .p_c_price {
        width: 100%;
        height: auto;
    }

    .p_c_price div:nth-of-type(2) {
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 100;
        margin: 10px 0;
    }

    .p_c_price .p-main,
    .p_c_price .p-main2,
    .p_c_price .p-main3,
    .p_c_price .p-main4,
    .p_c_price .p-main5,
    .p_c_price .p-main6,
    .p_c_price .p-main7,
    .p_c_price .p-main8,
    .p_c_price .p-main9,
    .p_c_price .p-main10 {
        display: inline-block;
        line-height: 40px;
    }

    .property_card .text_btn {
        width: 50%;
    }

    .p_c_infomation {
        height: auto;
    }

    /* .p_c_infomation img {
        width: 5%;
    } */

    .p_c_infomation div {
        margin-bottom: 10px;
    }

}

/*--------------------------------
	SP
--------------------------------*/

@media screen and (max-width: 640px) {

    h1 {
        font-size: 25px;
        word-break: break-all;
    }

    body {
        font-size: 14px;
    }

    .flex {
        display: block;
    }

    .breadcrumb {
        /* はみ出し部分をスクロールする */
        overflow-x: scroll;
        /* テキストを改行しないようにする */
        word-break: keep-all;
        white-space: nowrap;
        /* スクロールの動きを滑らかにする */
        -webkit-overflow-scrolling: touch;
    }

    .overview .flex:nth-of-type(2) {
        display: inline-flex;
        flex-direction: column-reverse;
    }

    .overview .flex:first-of-type div:first-of-type,
    .overview .flex:nth-of-type(2) div:nth-of-type(2) {
        margin: 0;
        width: 100%;
    }

    .overview .flex:first-of-type div:nth-of-type(2),
    .overview .flex:nth-of-type(2) div:first-of-type {
        margin-top: 20px;
    }

    h2 {
        font-size: 20px;
        line-height: 45px;
        border: none;
    }

    footer .wrapper {
        padding: 22px 0;
    }

    .condition_list {
        overflow-x: scroll;
        word-break: keep-all;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}

/****************************************************************

	プレミアム物件一覧

****************************************************************/

.overview h3 {
    color: #5C4F3A;
    background-color: #fff;
    margin: 0 0 20px 0;
    font-size: 35px;
    padding-left: 0;
}

/****************************************************************

	お部屋詳細

****************************************************************/

.red_frame {
    /* border: #E86464 solid 10px; */
    border: #e3cc7e solid 10px;
    padding: 20px;
}

.property_overview .table dd:nth-of-type(3) a {
    color: #2A58A2;
    text-decoration: underline;
    text-decoration-color: #2A58A2;
}

.room_title_wrapper {
    position: relative;
}

.room_title_wrapper h1 span {
    display: inline-block;
}

/* .room_title_wrapper .p-main {
    position: absolute;
    right: 0;
    top: calc(50% - 14px);
} */

/*--------------------------------
	スライダー 0311追記
--------------------------------*/
/* 追加0311 */

.thumblist-item {
    /* overflow: hidden; */
    position: relative;
}

.thumblist-item::after {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.thumblist-item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    /* transition: .3s all;*/
}



/*--------------------------------
	SP
--------------------------------*/
@media screen and (max-width: 640px) {
    .p_o_slide.flex .swiper-container {
        width: 100%;
    }

    .p_o_slide.flex .thumb-list {
        width: 100%;
    }

    .thumblist .thumblist-item {
        width: 30%;
    }


}

.swiper_1 .img_box img {
    object-fit: contain;
}

.swiper_1 .img_box {
    background-color: #eeee;
}

.swiper_1 a:hover {
    opacity: 1;
}

/* 追加0311 ここまで */
.p_o_slide {
    margin: 20px 0;
    /* gap: 40px; */
    gap: 5%;
}

.p_o_slide .swiper-container {
    width: 100%;
    /* height: 100px; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    /* height: 500px; */
}

.p_o_slide .swiper-wrapper {
    /* height: 500px; */
}

.p_o_slide .swiper_1 .swiper-wrapper {
    /* height: 500px; */
    height: auto;
}

.p_o_slide .swiper_1 .swiper-button-next {
    right: 15px;
}

.p_o_slide .swiper_1 .swiper-button-prev {
    left: 15px;
}

.p_o_slide .thumb-list_wrapper {
    width: 30%;
    flex-shrink: 0;
}

.p_o_slide .thumb-list_wrapper .swiper-wrapper {
    /* height: 480px */
    /* margin-bottom: 20px; */
}

.p_o_slide .thumb-list {
    /* padding: 0; */
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    /* margin: 0; */
    /* align-content: space-between; */
}

.p_o_slide .swiper-pagination {
    position: relative;
    bottom: auto;
    background-color: #F2F3F5;
}

/* .p_o_slide .thumb-item {
    list-style: none;
    width: 48%;
} */

.p_o_slide .thumb-link {
    display: block;
    width: 100%;
    /* height: 50px; */
    height: 80px;
}

/* わかりやすく色分けしているだけ */
.one {
    background: yellow;
}

.two {
    background: pink;
}

.three {
    background: orange;
}

.four {
    background: yellowgreen;
}

.five {
    background: skyblue;
}

.six {
    background: #666666;
}

.one7 {
    background: #D6D3CD;
}

.two8 {
    background: #F8EDD1;
}

.three9 {
    background: #2285b1;
}

.four10 {
    background: #E86464;
}

.five11 {
    background: #E86464;
}

.six12 {
    background: #E86464;
}

.thumb-list_wrapper .swiper-slide {
    /* display: grid; */
    /* grid-template-rows: 20% 20% 20% 20% 20%; */
    /* grid-template-columns: 50% 50%; */


    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-content: space-between;
    justify-content: space-between;
}

.thumb-list_wrapper .swiper-slide .thumb-item {
    width: 45%;
}

.thumb-list_wrapper .swiper-pagination-bullet-active {
    --swiper-theme-color: #606060;
}

.p_o_slide .thumb-list_wrapper .swiper-button-prev,
.p_o_slide .thumb-list_wrapper .swiper-button-next {
    background-color: transparent;
    box-shadow: none;
    top: 500px;
}

.p_o_slide .thumb-list_wrapper .swiper-button-prev {
    left: 0;
}

.p_o_slide .thumb-list_wrapper .swiper-button-next {
    right: 0;
}

.p_o_slide .thumb-list_wrapper .swiper-button-prev::before,
.p_o_slide .thumb-list_wrapper .swiper-button-next::before {
    border-width: 2px;
    top: 33px;
}

.p_o_slide .thumb-list_wrapper .swiper-button-prev::after,
.p_o_slide .thumb-list_wrapper .swiper-button-next::after {
    border-width: 2px;
    /* transform: rotate( 135deg ); */
    width: 10px;
    top: 39px;
    /* right: 24px; */
}

.p_o_slide .thumb-list_wrapper .swiper-button-next::after {
    transform: rotate(135deg);
    right: 24px;
}

.p_o_slide .thumb-list_wrapper .swiper-button-prev::after {
    transform: rotate(45deg);
    left: 24px;
}

.p_o_slide .swiper-container {
    width: 66%;
}

.p_o_slide .thumb-list {
    /* width: 32%; */
    width: 30%;
    /* overflow-y: scroll; */
    overflow-x: hidden;
    flex-shrink: 0;
}

.thumb-list_wrapper .swiper-slide {
    width: 100%;
    bottom: 0;
    left: 0;
    align-content: flex-start;
    /* gap: 18px; */
    gap: 10px;
}

.p_o_slide .thumb-list_wrapper {
    width: 100%;
    padding: 2%;
}

.thumblist-item {
    width: 46%;
    /* height: 80px; */
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
}

.thumblist-item.current:before {
    content: "";
    display: block;
    border: 2px solid #D89F2A;
    width: 106%;
    height: 112%;
    position: absolute;
    left: -3%;
    top: -6%;
}

.thumblist-item {
    transition: .3s;
}

.thumblist-item:hover {
    opacity: .8;
}

/* サムネイルリンク削除 */
.thumblist-item a {
    pointer-events: none;
}


/*--------------------------------
	スライダー おわり
--------------------------------*/


.property_overview .red_frame div {
    /* padding: 20px; */
}

.property_overview .red_frame span {
    padding: 3px;
}

/* .property_overview .red_frame span:first-of-type {
    background-color: #D89F2A;
    color: #fff;
} */

.property_overview .red_frame span:nth-of-type(2) {
    color: #C73737;
    font-weight: bold;
}

.property_overview .red_frame p {
    margin: 0;
}

.property_overview .red_frame p:first-of-type {
    margin-top: 10px;
}

/*--------------------------------
	物件情報
--------------------------------*/

.property_information dl .red_bold {
    font-size: larger;
}

.yellow_line_btn {
    border: 1px solid #D89F2A;
    color: #D89F2A;
    padding: 3px;
    font-size: 14px;
}

/*--------------------------------
	表
--------------------------------*/

.table {
    width: 100%;
    border-top: 1px solid #A3AEC0;
    border-left: 1px solid #A3AEC0;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.table dt,
.table dd {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #A3AEC0;
    border-right: 1px solid #A3AEC0;
    /* box-sizing: border-box; */
    padding: 10px 10px;
}

.table dt {
    width: 20%;
    background-color: #EDE8DB;
    font-weight: bold;
}

.table dd {
    width: 80%;
}

/*--------------------------------
	表 おわり
--------------------------------*/

/*--------------------------------
	表（上書き）
--------------------------------*/

.property_information {
    max-width: 1100px;
    margin: 0 auto;
}

.property_information .table li {
    list-style: inside;
}

.property_information .table dd img {
    margin-left: 10px;
}

.half_table .table {
    border-top: none;
}

.half_table .table:first-of-type dd {
    border-right: none;
}

.half_table .table dt:last-of-type,
.half_table .table dd:last-of-type {
    border-bottom: none;
}

.half_table .table:first-of-type {
    width: 60%;
    flex-shrink: 0;
}

.property_information .table dt {
    width: 200px;
}

.property_information .table dd {
    width: calc(100% - 200px);
}

.property_information .inline_flex {
    flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
    .half_table {
        display: block;
    }

    .half_table .table:first-of-type {
        width: 100%;
    }

    .half_table .table:first-of-type dd {
        border-right: 1px solid #A3AEC0;
    }

    .half_table .table:first-of-type dt:last-of-type,
    .half_table .table:first-of-type dd:last-of-type {
        border-bottom: 1px solid #A3AEC0;
    }

    .property_information .table dt {
        width: 20%;
    }

    .property_information .table dd {
        width: 80%;
    }
}

/*--------------------------------
	表（上書き） おわり
--------------------------------*/

/*--------------------------------
	branch（申し込みボタン）
--------------------------------*/

.branch {
    margin: 25px 0;
}

.branch_btn {
    display: inline-block;
    height: 140px;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    font-size: 25px;
}

.branch_btn img {
    display: block;
    margin: 25px auto;
}

.procedure_btn {
    border: 1px solid #B59B5D;
    color: #FFF !important;
    background: #cdbb90;
}

.apply_btn {
    background-color: #B59B5D;
    color: #fff;
}

.apply_btn:visited {
    color: #fff !important;
}


/*--------------------------------
	branch（申し込みボタン） おわり
--------------------------------*/

/*--------------------------------
	設備・備品
--------------------------------*/

.facility {
    width: 70%;
    font-size: 14px;
}

.facility dl {
    display: flex;
    border-bottom: 1px solid #A3AEC0;
    padding-bottom: 14px;
}

.facility dl:last-of-type {
    border: none;
}

.facility dt {
    font-weight: bold;
    width: 20%;
}

.facility dd {
    width: 79%;
    margin: 0;
    text-align: left;
}

.facility dd span {
    position: relative;
    /* display: inline-block; */
    padding-right: 1em;
    white-space: nowrap;
}

.facility dl:last-of-type dd span {
    white-space: normal;
}

.facility dd span::after {
    content: '';
    position: absolute;
    /* bottom: 12px; */
    bottom: 8px;
    width: 17px;
    height: 1px;
    background-color: #3B4043;
    -webkit-transform: rotate(-60deg);
    transform: rotate(284deg);
    /* right: -6px; */
    right: -4px;
}

/* .facility dd span::after,  x:-moz-any-link x:default   {
	right: -20px;
} */

/* @-moz-document url-prefix() {
    .facility dd span::after {
        right: -4px !important;
    }
  } */

.facility dd span:last-of-type:after {
    content: none;
}

.slash {}

/*--------------------------------
	設備・備品 おわり
--------------------------------*/

/*--------------------------------
	お客様の声
--------------------------------*/

.customers_voice {
    width: 25%;
}

.customers_voice img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.customers_voice .inline_flex {
    font-size: 14px;
}

/* .customers_voice .inline_flex div:first-of-type { */
.customers_voice .customers_information {
    /* 0311追加 */
    /* width: 80px; */
    width: 70px;
    /* margin-right: 10px; */
    /* 0311追加 ここまで */
    flex-shrink: 0;
}

.customers_voice .inline_flex div:first-of-type span {
    display: block;
    font-size: 12px;
}

.customers_voice .inline_flex p:first-of-type {
    margin-top: 0;
}

.customers_voice .yellow_line_btn {
    /* 0311追加 */
    /* display: block; */
    /* margin: 0 0 0 auto; */
    white-space: nowrap;
    /* 0311追加 ここまで */
    text-align: center;
    width: 138px;
}

/* 0313追加 お客様の声 アラート文 */
.post form label span.comment_alert {
    color: #dc3232;
    background-color: #fff;
    font-size: 1em;
    font-weight: normal;
    display: block;
    font-feature-settings: "palt";
    line-height: 1.5;
    padding-top: 10px;
}

.post .comment_alert2 {
    order: 8;
    margin: 0em 0.5em 2em;
    padding: 0.2em 1em;
    border: 2px solid #ffb900;
}

@media screen and (max-width: 1024px) {

    .facility_voice {
        flex-direction: column;
    }

    .facility,
    .customers_voice {
        width: 100%;
    }

    .customers_voice .inline_flex {
        border-bottom: 1px solid #A3AEC0;
        padding: 20px 0;
    }

    .customers_voice .inline_flex:last-of-type {
        border-bottom: none;
    }

    /* 0311追加 */
    /* .customers_voice .customers_information {
        display: flex;
        width: 30%;
    } */

    .facility_voice .customers_voice .branch {
        justify-content: flex-end;
    }

    /* 0311追加 ここまで */

    .customers_voice .branch {
        margin: 0;
        padding: 10px 0;
    }
}


/* 0311追加 */

.facility_voice {
    width: 100%;
}

.customers_voice ol {
    margin: 0;
    padding: 0;
}

.customers_voice .inline_flex {
    width: 100%;
    justify-content: flex-start;
    gap: 15px;
}

.customers_voice .comment_contents p {
    margin: 0;
}

.customers_voice li {
    margin-bottom: 20px;
}

.customers_voice li:nth-child(n + 4) {
    display: none;
}

.customers_voice .branch {
    justify-content: space-between;
    gap: 10px;
}

/*--------------------------------
	SP
--------------------------------*/
/* @media screen and (max-width: 640px) {
    .customers_voice .branch {
        margin: 0;
        padding: 10px 0;
    }
} */

@media screen and (min-width: 640px) and (max-width: 1024px) {
    .customers_voice .customers_information {
        display: flex;
        width: 30%;
    }
}

/* 0311追加 ここまで */
/*--------------------------------
	お客様の声 おわり
--------------------------------*/

/*--------------------------------
	アクセス
--------------------------------*/

.access {
    margin-top: -100px;
    padding-top: 100px;
}

.access .flex {
    justify-content: space-between;
}

/*--------------------------------
	Gmap
--------------------------------*/

.gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 45%;
    position: relative;
    width: 70%;
}

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

/*--------------------------------
	Gmap おわり
--------------------------------*/

.access_detail {
    width: 27%;
}

.access_detail h3 {
    margin: 0;
    font-size: 18px;
    border-bottom: #ECE6DB solid 1px;
}

.access_detail ul li {
    list-style: inside;
}

.access_detail .the_content h3 {
    border-bottom: #ECE6DB solid 1px;
    font-size: 18px;
    font-family: unset;
    margin-bottom: 10px;
}

.access_detail .building_spots h3 {
    margin-top: 20px;
}

.access_detail .building_spots .the_content {
    margin: 16px 0;
}

@media screen and (max-width: 768px) {
    .access .flex {
        display: block;
    }

    .gmap {
        width: 100%;
        padding-bottom: 56.25%;
    }

    .access_detail {
        width: 100%;
        margin-top: 20px;
    }
}

/*--------------------------------
	アクセス おわり
--------------------------------*/

/*--------------------------------
	料金表
--------------------------------*/

/*ベース*/

.tab_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: -50px;
    margin-bottom: 100px;
    z-index: 1;
    padding-top: 160px;
}

/*タブ部分*/

.tab_area .tab_label {
    margin-right: 20px;
    flex: 1;
    order: -1;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    overflow: hidden;
    line-height: 25px;
    font-size: 1.8rem;
    font-weight: bold;
    max-width: 300px;
    height: 60px;
    text-align: center;
    border: 2px solid #5C4F3A;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.tab_area .tab_label span {
    font-size: 1.4rem;
}

.tab_label:first-of-type {
    margin-left: 50px;
}

.tab_area .tab_label:nth-last-of-type(1) {
    margin-right: 0;
}

.tab_area input {
    display: none;
}

.tab_area input:checked+.tab-content {
    border-top: 2px solid #5C4F3A;
}

.tab_area .tab_content:first-of-type {
    border-top: 2px solid #5C4F3A;
}

.tab_area input:checked+.tab_label {
    border-bottom: #FFFFFF 2px solid;
    z-index: 5;
}

/*コンテンツ部分*/

.tab_area .tab_content {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    top: -2px;
    z-index: 2;
    font-feature-settings: "palt";
}

.tab_area input:checked+.tab_label+.tab_content {
    height: auto;
    overflow: auto;
}

.tab_list {
    padding: 0;
    margin: 0;
    opacity: 0;
    display: block;
}

.tab_list p {
    text-align: right;
    margin: 0;
}

.tab_area input:checked+.tab_label+.tab_content .tab_list {
    transition: .5s;
    opacity: 1;
    margin: 40px auto;
}

.tab_info_weekly {
    width: 85%;
}

.tab_info_monthly {
    width: 85%;
}

.tab_list:target {
    display: flex;
}

.tab_list:target~.tab_list {
    display: none;
}

.property_details .tab_info_weekly .table dt,
.property_details .tab_info_weekly .table dd {
    width: 20%;
}

.property_details .tab_info_monthly .table dt,
.property_details .tab_info_monthly .table dd {
    width: 25%;
}

/*Table*/

.table_charge {
    font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
    color: #3B4043;
    line-height: 1.8;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: center;
}

.table_charge th {
    border: 1px solid #A3AEC0;
    background-color: #EDE8DB !important;
    padding: 10px 10px;
    width: 20%;
}

.tab_info_monthly .table_charge th,
.tab_info_monthly .table_charge td {
    width: 25%;
}


.table_charge td {
    border: 1px solid #A3AEC0;
    padding: 10px 10px;
}

.table_charge caption {
    display: none;
}


@media screen and (max-width: 900px) {

    .tab_info_weekly,
    .tab_info_monthly {
        width: 100%;
    }
}

/*料金表下のキャンペーンコメント*/

.tab_area .property_overview {
    width: 85%;
    margin: auto;
}

@media screen and (max-width: 900px) {
    .tab_area .property_overview {
        width: 100%;
    }
}

/*--------------------------------
	料金表 おわり
--------------------------------*/
/*--------------------------------
	見積り
--------------------------------*/

.property_details .radio-btns label {
    width: 49%;
}


/*--------------------------------
	見積り おわり
--------------------------------*/

/*--------------------------------
	予約受付開始
--------------------------------*/

.reservation_start {
    width: 740px;
    margin: 0 auto;
    border: 1px solid #B7A075;
}

.rs_wrapper {
    padding: 10px;
}

.rs_wrapper a {
    text-decoration: underline;
    color: #2A58A2;
}

/*
.reservation_start h5 {
    margin: 0;
    font-size: 18px;
}
*/

.reservation_start h2,
.reservation_start h3,
.reservation_start h5 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    background-color: #FFF !important;
    color: #3B4043;
    font-size: 18px;
    line-height: 1.8;
    padding-left: 0;
    letter-spacing: 0.5px;
    border-bottom: none;
}


.rs_icon {
    position: relative;
    margin-top: 15px;
}

.rs_icon .b1_wrapper,
.rs_icon .b2_wrapper,
.rs_icon .b3_wrapper,
.rs_icon .b4_wrapper {
    position: absolute;
    top: -115px;
}

.rs_icon .b1_wrapper {
    left: 25px;
}

.rs_icon .b2_wrapper {
    left: 180px;
}

.rs_icon .b3_wrapper {
    left: 330px;
}

.rs_icon .b4_wrapper {
    left: 480px;
}

.balloon1,
.balloon2,
.balloon3,
.balloon4 {
    width: 120px;
    height: 90px;
    border: 1px solid #B7A075;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.rs_icon img {
    display: block;
    margin: 5px auto 0;
}

.reservation_start span {
    font-size: 12px;
}

.rs_icon .red_bold {
    font-size: larger;
}

.balloon1:before,
.balloon2:before,
.balloon3:before,
.balloon4:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -16px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
}

.balloon1:after,
.balloon2:after,
.balloon3:after,
.balloon4:after {
    content: "";
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -17px;
    border: 13px solid transparent;
    border-top: 13px solid #B7A075;
    z-index: 1;
}

.rs_arrow {
    margin-top: 145px;
    padding-top: 30px;
    position: relative;
}

.rs_arrow span:first-of-type,
.rs_arrow span:nth-of-type(2),
.rs_arrow span:nth-of-type(3),
.rs_arrow span:nth-of-type(4),
.rs_arrow span:nth-of-type(5) {
    position: absolute;
    top: 0px;
    padding-left: 5px;
    border-left: 2px solid;
    height: 30px;
}

.rs_arrow span:first-of-type {
    left: 20px;
    border-color: #987A2C;
}

.rs_arrow span:nth-of-type(2) {
    left: 175px;
    border-color: #A58639;
}

.rs_arrow span:nth-of-type(3) {
    left: 330px;
    border-color: #B39448;
}

.rs_arrow span:nth-of-type(4) {
    left: 480px;
    border-color: #BE9F54;
}

.rs_arrow span:nth-of-type(5) {
    left: 610px;
    border: 2px solid #D4B56C;
    background-color: #EDE8DB;
    height: auto;
}

.date_arrow {
    background: linear-gradient(to right, #97792B, #DEBF76);
    height: 6px;
    position: absolute;
    width: 710px;
}

.date_arrow::before {
    content: "";
    position: absolute;
    top: -4px;
    right: -11px;
    border-style: solid;
    border-width: 10px 0 0 20px;
    border-color: transparent transparent transparent #DEBF76;
}

.reservation_start p {
    margin-bottom: 0;
}

@media screen and (max-width: 830px) {

    .reservation_start {
        width: 300px;
    }

    .pc_inline-flex {
        display: inline-flex;
    }

    .rs_icon .b1_wrapper,
    .rs_icon .b2_wrapper,
    .rs_icon .b3_wrapper,
    .rs_icon .b4_wrapper {
        position: relative;
        left: -88px;
    }

    .rs_icon {
        order: 2;
        margin-top: 0;
    }

    .rs_arrow {
        order: 1;
        margin-top: 0;
        padding-top: 0;
    }

    .date_arrow {
        background: linear-gradient(to bottom, #97792B, #DEBF76);
        height: 500px;
        width: 6px;
        top: 0;
        left: 40px;
    }

    .date_arrow::before {
        top: 500px;
        right: -4px;
        border-width: 20px 10px 0 0;
        border-color: #DEBF76 transparent transparent transparent;
    }

    .rs_arrow span:first-of-type,
    .rs_arrow span:nth-of-type(2),
    .rs_arrow span:nth-of-type(3),
    .rs_arrow span:nth-of-type(4),
    .rs_arrow span:nth-of-type(5) {
        left: 70px;
        display: inline-block;
        position: relative;
        width: 160px;
        text-align: center;
        height: auto;
        padding: 0;
    }

    .rs_arrow span:first-of-type,
    .rs_arrow span:nth-of-type(2),
    .rs_arrow span:nth-of-type(3),
    .rs_arrow span:nth-of-type(4) {
        border-left: none;
        border-bottom: 2px solid;
    }

    .rs_arrow span:first-of-type {
        top: 80px;
        border-color: #987A2C;
    }

    .rs_arrow span:nth-of-type(2) {
        top: 175px;
        border-color: #A58639;
    }

    .rs_arrow span:nth-of-type(3) {
        top: 270px;
        border-color: #B39448;
    }

    .rs_arrow span:nth-of-type(4) {
        top: 365px;
        border-color: #BE9F54;
    }

    .rs_arrow span:nth-of-type(5) {
        top: 390px;
    }

    .rs_icon .b1_wrapper {
        top: 15px;
    }

    .rs_icon .b2_wrapper {
        top: 65px;
    }

    .rs_icon .b3_wrapper {
        top: 115px;
    }

    .rs_icon .b4_wrapper {
        top: 165px;
    }

    .rs_icon img {
        margin: 10px 5px;
        display: inline-block;
    }

    .balloon1,
    .balloon2,
    .balloon3,
    .balloon4 {
        width: 160px;
        height: 70px;
    }

    .balloon1:after,
    .balloon2:after,
    .balloon3:after,
    .balloon4:after {
        bottom: 24px;
        left: 14px;
        transform: rotate(225deg);
        border-right: 0px solid #B7A075;
    }

    .balloon1:before,
    .balloon2:before,
    .balloon3:before,
    .balloon4:before {
        content: "";
        position: absolute;
        bottom: 25px;
        left: 15px;
        border-right: 0px solid #FFF;
        transform: rotate(225deg);
    }

    .reservation_start p:first-of-type {
        padding-top: 260px;
    }
}

/*--------------------------------
	予約受付開始 おわり
--------------------------------*/

.estimate .red_frame {
    max-width: 740px;
    margin: 40px auto 0;
}

.estimate .red_frame p {
    margin: 5px;
}

.estimate .red_frame a {
    color: #2A58A2;
    text-decoration: underline;
    text-decoration-color: #2A58A2;
}

/*--------------------------------
	Reccomend
--------------------------------*/

.reccomend h2 {
    display: inline;
    border: none;
    font-size: 54px;
    padding-left: 0;
    color: #B7A075;
}

.reccomend span.ja {
    padding-left: 10px;
    display: inline-block;
    font-size: 2rem;
}

.reccomend .pickup_content {
    margin-top: 20px;
}

.reccomend .wrapper {
    padding: 50px 0 0;
}

/*--------------------------------
	Reccomend おわり
--------------------------------*/


/*--------------------------------
	SP
--------------------------------*/
@media screen and (max-width: 640px) {

    .property_details .radio-btns label {
        width: 100%;
    }

    .property_information .table dt {
        width: 100%;
    }
    
    .property_information .table dd {
        width: 100%;
    }
    
    .half_table .table dt:last-of-type {
        border-bottom: 1px solid #A3AEC0;
    }

    .branch {
        margin: 50px auto;
        text-align: center;
    }

    .branch .branch_btn {
        height: 50px;
        font-size: 18px;
        width: 90%;
        line-height: 50px;
        display: inline-flex;
    }

    .branch .procedure_btn {
        margin-bottom: 10px;
    }

    .branch .branch_btn span {
        margin: auto auto auto 10px;
    }

    .branch_btn img {
        margin: auto 20px auto auto;
        display: inline-block;
    }

    .facility dl {
        flex-direction: column;
    }

    .facility dl dt,
    .facility dl dd {
        width: 100%;
    }

    .facility dl dd {
        margin: 10px 0 0 0;
    }

    .tab_area .tab_label {
        max-width: 50%;
        margin-left: 0;
        margin-right: 10px;
        font-size: 12px;
        line-height: 1.8;
        height: 70px;
    }

    .tab_area .tab_label span {
        font-size: 1.2rem;
    }

    .property_details .tab_info_weekly .table dt,
    .property_details .tab_info_monthly .table dt {
        width: 100%;
    }

    .property_details .tab_info_weekly .table dd,
    .property_details .tab_info_monthly .table dd {
        width: 50%;
    }

    .reccomend .pickup_content li {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 390px) {
    .tab_area .tab_label {
        height: 90px;
    }
}


/****************************************************************

	見積り確認ページ　(price)

****************************************************************/

.printarea h2 small {
    font-size: 16px;
    line-height: normal;
}

.price .flex {
    justify-content: space-between;
}

.price_detail .inline_flex,
.price_price .inline_flex {
    width: 100%;
    align-items: center;
}

.price_detail {
    width: 48%;
}

.price_detail .table dt {
    width: 25%;
}

.price_detail .table dd {
    width: 75%;
}

.price h4 {
    margin: 10px 0;
}

.price_price {
    width: 48%;
}

.price_price .table dt {
    width: 40%;
}

.price_price .table dd {
    width: 60%;
    text-align: right;
}

.price_contents {
    padding-bottom: 20px;
}

/*--------------------------------
	SP
--------------------------------*/

@media screen and (max-width: 768px) {

    .price .flex {
        display: block;
    }

    .price_detail,
    .price_price {
        width: 100%;
    }

    .price_detail .table dt,
    .price_price .table dt {
        width: 30%;
    }

    .price_detail .table dd,
    .price_price .table dd {
        width: 70%;
    }
}


/****************************************************************

	お客様の声投稿 (post)

****************************************************************/

.post .flex {
    justify-content: space-between;
}

.post .comment {
    width: 45%;
}

.post .comment img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.post form {
    /* width: 50%; */
    /* margin-bottom: 50px; */
}

.post form div:first-of-type {
    /* margin-bottom: 25px; */
}

.post form div:first-of-type span {
    display: block;
}

.post form div:first-of-type span:first-of-type {
    font-weight: bold;
}

.post form label,
.post form label span {
    width: 100%;
    display: block;
}

.post form label {
    margin-bottom: 25px;
}

.post form label span {
    font-weight: bold;
    font-size: 15px;
}

/* 0217追加 */
/* .post form label input, .post form label textarea, .application form input[type="text"], .application form textarea { */
.post form label input,
.post form label textarea,
.application form input[type="text"],
.application form input[type="tel"],
.application form input[type="email"],
.application form textarea {
    /* 0217追加 ここまで */
    width: 100%;
    border: none;
    background-color: #EDE8DB;
    outline: none;
    padding: 0 10px;
}

.post form label input::placeholder,
.post form label textarea::placeholder,
.application form input::placeholder,
.application form textarea::placeholder {

    /* 0217追加 */
    /* color: #C6C6C6; */
    color: #919191;
    /* 0217追加 ここまで */
}

/* 0217追加 */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important;
}

input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
    color: transparent !important;
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent !important;
}

/* 0217追加 ここまで */

/* 0217追加 */
/* .post form label input[type="text"], .application form input[type="text"] { */
.post form label input[type="text"],
.application form input[type="text"],
.application form input[type="tel"],
.application form input[type="email"] {
    /* 0217追加 ここまで */
    height: 40px;
    display: block;
}

.post form label textarea {
    display: block;
}

.post form label textarea,
.application form textarea {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 40px;
}

.mandatory {
    border: 1px solid #D45142;
    color: #D45142;
    padding: 0 3px;
    margin-left: 5px;
    display: inline-block;
    line-height: 1.2;
}

.post form .btn {
    margin: auto;
}

form button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: rgba(204, 204, 204, 0);
    display: block;
    width: 100%;
    height: 100%;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #fff;
    text-align: left;
    font-size: 20px;
    cursor: pointer;
    font-weight: normal;
}






/* 0216追加 */
form .submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: rgba(204, 204, 204, 0);
    display: block;
    width: 100%;
    height: 100%;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #fff;
    text-align: left;
    font-size: 20px;
    cursor: pointer;
    font-weight: normal;
}

/* 0216追加 ここまで */












.post form .btn_search,
.application form .btn_search {
    max-width: 300px;
}

@media screen and (max-width: 1024px) {
    .post form label input {
        display: block;
    }
}

/* 0302追加 */

.comment-respond {
    width: 50%;
}

.comment-respond h3 {
    display: none;
}

.comment-respond form {
    display: flex;
    flex-direction: column;
}

.comment-respond .form_select {
    width: 100%;
}

.post form .btn_search {
    margin-bottom: 50px;
}

.post1 {
    order: 1;
}

.post2 {
    order: 2;
}

.post3 {
    order: 3;
}

.post4 {
    order: 4;
}

.post5 {
    order: 5;
}

.post6 {
    order: 6;
}

.post7 {
    order: 7;
}

.post8 {
    order: 8;
}

section.post .comments-list {
    /* display: none; */
}

/* 0302追加 ここまで */

/*--------------------------------
	SP
--------------------------------*/

@media screen and (max-width: 768px) {

    .post .flex {
        display: block;
    }

    /* .post .comment,
    .post form { */
    .post .comment,
    .post .comment-respond {
        width: 100%;
    }

    .post form {
        margin-top: 50px;
        padding-top: 20px;
        border-top: 1px solid #D6D3CD;
    }

    .post form .btn_search,
    .application form .btn_search {
        max-width: 100%;
    }
}

/****************************************************************

	お申し込み (application)

****************************************************************/
.step {
    max-width: 1000px;
    width: 90%;
    margin: auto;
    font-size: 20px;
}

.step_number {
    display: flex;
    color: #BCA97C;
}

.step_content {
    display: flex;
    color: #675D46;
}

.step_number div,
.step_content div {
    width: 100%;
    text-align: center;
    margin: 10px 30px 10px 0;
    line-height: 1.2;
}

.progress_bar {
    position: relative;
    width: 100%;
    height: 20px;
    background-color: #D9D9D9;
    border-radius: 15px;
    margin: 10px 0;
}

.progress_bar li {
    position: absolute;
    height: 20px;
    border-radius: 15px;
}

.progress_bar li::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 4px;
    right: 5px;
    z-index: 1;
}

.progress_bar li:first-of-type {
    width: 33%;
}

.progress_bar li:nth-of-type(2) {
    width: 66%;
}

.progress_bar li:nth-of-type(3) {
    width: 100%;
}

/* step1(.step_progress_1) */

.step_progress_1 li:first-of-type {
    background-color: #675D46;
}

.step_progress_1 li:first-of-type::after {
    background-color: #fff;
}

.step_progress_1 li:nth-of-type(2)::after {
    background-color: #C5C5C5;
}

.step_progress_1 li:nth-of-type(3)::after {
    background-color: #675D46;
}

.step_progress_2 li:first-of-type {
    background-color: #675D46;
}

/* step2(.step_progress_2) */

.step_progress_2 li:nth-of-type(2) {
    background-color: #675D46;
}

.step_progress_2 li:first-of-type::after {
    background-color: #B3AEA3;
}

.step_progress_2 li:nth-of-type(2)::after {
    background-color: #fff;
}

.step_progress_2 li:nth-of-type(3)::after {
    background-color: #675D46;
}

/* step3(.step_progress_3) */

.step_progress_3 li:nth-of-type(3) {
    background-color: #675D46;
}

.step_progress_3 li:first-of-type::after {
    background-color: #B3AEA3;
}

.step_progress_3 li:nth-of-type(2)::after {
    background-color: #B3AEA3;
}

.step_progress_3 li:nth-of-type(3)::after {
    background-color: #fff;
}


@media screen and (max-width: 640px) {
    .step {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: -30px;
    }

    .step_number,
    .step_content {
        flex-direction: column;
        order: 2;
    }

    .step_number div,
    .step_content div {
        height: 60px;
        line-height: 1.6;
        margin: 0 30px 20px 0;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }

    .progress_bar {
        width: 20px;
        height: 240px;
        order: 1;
        margin: 0;
    }

    .progress_bar li:first-of-type {
        width: 100%;
        height: 33%;
    }

    .progress_bar li:nth-of-type(2) {
        width: 100%;
        height: 66%;
    }

    .progress_bar li:nth-of-type(3) {
        width: 100%;
        height: 100%;
    }

    .progress_bar li::after {
        top: auto;
        bottom: 5px;
        right: 4px;
    }
}


.application_property {
    max-width: 1100px;
    margin: 50px auto 0;
}

.application_property img {
    width: 150px;
    height: 85px;
    object-fit: cover;
    margin-right: 20px;
}

.application_property .inline_flex {
    flex-direction: column;
    font-size: 18px;
}

.application_property .inline_flex span {
    display: block;
}

.application_property .inline_flex span:first-of-type {
    border-left: 3px solid #5C4F3A;
    padding-left: 10px;
    margin-bottom: 10px;
}

.application_property .inline_flex span:nth-of-type(2) {
    font-weight: bold;
    font-size: 24px;
}

/*--------------------------------
	フォーム
--------------------------------*/

form a {
    text-decoration: underline;
    color: #2A58A2;
}

.application::placeholder {
    /* color: #C6C6C6; */
    color: #6f6f6f;
}

.application form {
    max-width: 1100px;
    margin: 0 auto;
    box-shadow: 0px 0px 10px #00000029;
}

.application form .flex {
    justify-content: space-between;
    border-bottom: 1px solid #B7A075;
    padding: 35px 0;
}

.form_wrapper {
    margin: 50px 5% 100px;
    padding-bottom: 60px;
}

.form_select {
    overflow: hidden;
    width: 60%;
    position: relative;

    /* 0227追加 */
    background-color: #EDE8DB;
    display: inline-table;
    /* 0227追加 ここまで */
}

.form_select select {
    line-height: 40px;
    padding-left: 10px;
    color: #3B4043;
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: "YakuHanJP", "Noto Sans JP";
}

.form_select select::-ms-expand {
    display: none;
}

.form_select::before {
    position: absolute;
    top: 1.1em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666666;
    pointer-events: none;
    /* 0227追加 */
    z-index: 2;
    /* 0227追加 ここまで */
}

/* 0227追加 */
.form_select .wpcf7-form-control-wrap {
    background-color: #EDE8DB;
    display: block;
}

.wpcf7-not-valid-tip {
    background-color: #fff;
    font-feature-settings: "palt";
    line-height: 1.5;
    padding-top: 10px;
}

/* 0227追加 ここまで */

/* 0215追加 */

/* .application form .flex span{ */
.application form .flex .left_30 {

    /* 0215追加 ここまで */

    display: block;
    width: 25%;
    font-weight: bold;
    text-align: left;
}

.application form .flex .right_70 {
    display: block;
    width: 70%;
}

.attention {
    background-color: #FCF6DF;
    border: 1px solid #EEE4C0;
    border-radius: 5px;
    margin-top: 20px;
}

.attention p {
    margin: 20px;
    font-size: 14px;
}

/* 数値の入力欄 */

input[type="number"] {
    height: 40px;
    border: none;
    background-color: #EDE8DB;
    display: inline-block;
}

/* エラー */

form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid#ffb900;
}

/* ラジオボタン */

input[type=radio] {
    margin-right: 8px;
    display: none !important;
}

.radio-btns label {
    position: relative;
    /* 0216追加 */
    /*padding-left: 35px;*/
    width: 100%;
    /* 0216追加 ここまで */
    display: inline-block;
    cursor: pointer;
    line-height: 2.2;
    margin: 2px 0;
}

/* .checkbox-btns label {
    display: inline-block;
    cursor: pointer;
    line-height: 2.2;
    margin: 2px 0;
} */

.radio-btns input[type=radio]+label::before {
    position: absolute;
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    /* border: 1px solid #ddd; */
    /* border: 1px solid #D89F2A; */
    border: 1px solid #CCCCCC;
    left: 8px;
    top: 8px;
}

.radio-btns input[type=radio]+label::after {
    position: absolute;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    /* background: #e9902a; */
    background-color: #D89F2A;
    left: 12px;
    top: 12px;
    opacity: 0;
    transition: .3s;
}

.radio-btns input[type=radio]:checked+label::after {
    opacity: 1;
}

.radio-btns input[type=radio]:checked+label,
.checkbox-btns input[type=checkbox]:checked+label {
    background-color: #F8F6F2;
}

/* ラジオボタン　おわり */

.application form .flex:nth-of-type(6) .right_70 div {
    margin: 15px 0;
}

/* 0225追加 */
/* .application form .flex:last-of-type { */
.application form .flex.last {
    border: none;
}

/* 0225追加 ここまで */

.application form .btn {
    margin: 60px auto 0;
}

/* .application form .flex:nth-of-type(6) .right_70 div label {
    width: auto;
} */

.application form .flex .radio-btns div label {
    width: auto;
}





/* 0216追加 */




/* ラジオボタン・チェックボックス共通 */

.wpcf7-list-item {
    margin: 0;
    /* width: 24%; */
}

.wpcf7-list-item-label,
.accordion_menu label .wpcf7-list-item-label {
    display: inline-block;
    width: 100%;
    /* padding-left: .5em; */
    /* padding: 0 .5em; */
    position: relative;
    padding-left: 30px;
    line-height: 2em;
}

.radio-btns input[type=radio]:checked+.wpcf7-list-item-label,
.checkbox-btns input[type=checkbox]:checked+.wpcf7-list-item-label {
    background-color: #F8F6F2;
    /* margin-right: 5px; */
}



/* ラジオボタンのみ */

.radio-btns .wpcf7-list-item {
    width: 24%;
}


.radio-btns .wpcf7-list-item-label::before {
    position: absolute;
    /* content: ''; */
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #CCCCCC;
    left: 5px;
    top: 9px;
}

.radio-btns .wpcf7-list-item-label::after {
    position: absolute;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    /* background: #e9902a; */
    background-color: #D89F2A;
    left: 9px;
    top: 13px;
    opacity: 0;
    transition: .3s;
}

.radio-btns input[type=radio]:checked+.wpcf7-list-item-label::after {
    opacity: 1;
}

.radio-btns input[type=checkbox]:checked+.wpcf7-list-item-label::after {
    opacity: 1;
}

/* 0227追加 */
/* .radio_block .wpcf7-list-item { */
.radio-btns.radio_block .wpcf7-list-item {
    /* 0227追加 ここまで */
    display: block;
    width: 100%;
}



/* チェックボックスのみ */

.checkbox-btns label {
    cursor: pointer;
}

.checkbox-btns .wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    background-color: #FFF;
    border: 1px solid #C3C3C3;
    width: 20px;
    height: 20px;
    top: 6px;
    left: 5px;
}

.checkbox-btns .wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    /* display: block; */
    /* box-sizing: border-box; */
    width: 12px;
    height: 8px;
    /* margin-top: -6px; */
    /* top: 50%; */
    /* left: 2px; */
    transform: rotate(-45deg);
    border-bottom: 2px solid;
    border-left: 2px solid;
    left: 9px;
    top: 11px;
    /* border-color: #fff; */
}

.application .accordion_menu .flex .checkbox-btns input[type="checkbox"]:checked+.wpcf7-list-item-label::before,
.flex .checkbox-btns input[type="checkbox"]:checked+.wpcf7-list-item-label::before {
    background-color: #D89F2A;
    border-color: #D89F2A;
}

form .checkbox-btns .check_text .wpcf7-list-item {
    width: auto;
}

/* 0216追加 ここまで */
/* 0227追加 */
.application form input[type="text"].hasDatepicker {
    width: 60%;
}

.wpcf7-spinner {
    background-image: url(../img/img_sh/Rolling-1s-200px.gif);
    background-size: contain;
    margin: 10px auto 0;
    text-align: center;
    display: block;
    width: 35px;
    height: 35px;
}

.wpcf7-spinner::before {
    content: none;
}

/* 0227追加 ここまで */

/*0323追加*/
.form_annotation {
    max-width: 100%;
    margin: 50px 0 -20px 0;
}


/* モーダル */

.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.modal__bg {
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.modal__content {
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    /* top: 50%; */
    top: 200px;
    transform: translate(-50%, 0);
    width: 65%;
    overflow: auto;
    /* max-height: 80%; */
    max-height: calc(100% - 270px);
}

/* モーダル おわり */


/* フォームのモーダル */
.form__modal {
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6000;
}

.form__modal.hidden {
    display: none !important;
}

.form__modal .modal__content {
    /* top: 59%; */
    /* overflow-y: hidden; */
    /* padding: 30px; */
}

.modal_title h3 {
    margin: 0;
    font-size: 2rem;
}

.modal_title h3::after {
    content: "";
    display: block;
    width: 3rem;
    height: 3px;
    background-color: #A89052;
    margin-top: 12px;
}

.modal__content ol {
    padding-inline-start: 20px;
}

.modal_text li {
    list-style-type: decimal;
}

.modal_text li p {
    font-size: 1.4rem;
}

.modal_text li span {
    font-weight: bolder;
}

.modal_btn {
    text-align: center;
}

.modal_btn .btn_search {
    display: block;
    margin: 2rem auto 1rem;
    font-size: 1.8rem;
    max-width: 320px;
    text-align: left;
    padding-left: 2rem;
    cursor: pointer;
    color: #fff;
}

.modal_btn .btn::before {
    top: 34px;
}

.modal_btn a {
    display: inline-block;
    border-bottom: solid 1px;
}

.mc_trouble .modal_title {
    margin-bottom: 2rem;
}

.mc_trouble p {
    margin: 0;
}

.modal__content ul {
    padding-inline-start: 20px;
    margin: 3rem 0 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e1da;
}

.mc_trouble li {
    list-style-type: unset;
    margin-bottom: 1rem;
}

.mc_trouble .bold {
    font-weight: bold;
    display: inline-block;
    margin-top: 1rem;
}

.mc_trouble a {
    text-decoration: underline;
    color: #2A58A2;
}

@media screen and (max-width: 640px) {
    .form__modal .modal__content {
        padding: 20px;
    }

    .modal_title h3 {
        border-bottom: none;
    }
}

/* フォームのモーダル おわり */

/* タブ複製時のモーダル */

.form__modal_tab {
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6000;
}

.form__modal_tab.hidden {
    display: none !important;
}

.form__modal_tab .modal__content ul {
    margin-top: 1rem;
}

.agree_btn_tab {
    line-height: 60px;
}

/* タブ複製時のモーダル おわり */

.last_step_message p {
    margin: 3rem 0;
    line-height: 2;
}

.last_step_message span {
    font-weight: bold;
    font-size: 2rem;
    color: #D45142;
    display: block;
}


/*--------------------------------
	フォーム おわり
--------------------------------*/
/*--------------------------------
	SP
--------------------------------*/

@media screen and (max-width: 640px) {

    /* .step1,
    .step2,
    .step3 {
        width: 100%;
        max-width: 100%;
    }

    .step_arrow {
        border-left-color: transparent;
        border-top-color: #F3F2F0;
        margin: 30px auto 0;
        width: 8px;
    } */

    .application_property {
        display: flex;
        flex-direction: column-reverse;
    }

    .application_property img {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin: 0;
    }

    /* 0227追加 */
    .application form .flex .left_30,
    .application form .flex .right_70,
    .form_select,
    .application form input[type="text"].hasDatepicker,
    .application_3 form .flex .right_70 {
        /* 0227追加 ここまで */
        width: 100%;
    }

    /* 0216追加 */
    /* .application form .flex span { */
    .application form .flex .left_30 {
        /* 0216追加 ここまで */
        margin-bottom: 10px;
    }

    .application {
        font-size: 16px;
    }

    .modal__content {
        width: 90%;
        padding: 10px;
        top: 130px;
        max-height: calc(100% - 180px);
    }

    .modal__content h2 {
        line-height: 2;
    }

}

@media screen and (max-width: 910px) {
    br {
        display: initial;
    }
}

/****************************************************************

	お申し込みStep2 (application_2)

****************************************************************/

.application_2 .step1 span:nth-of-type(2) {
    /* 0222追加 */
    /* background-color: #D9D7D1; */
    /* 0222追加 ここまで */
}

.application_2 .step2 span:nth-of-type(2) {
    /* 0222追加 */
    /* background-color: #FFFFFF; */
    /* 0222追加 ここまで */
}

/* 0217追加 */
.application_2 form .flex:last-of-type {
    border-bottom: 1px solid #B7A075;
}

/* 0217追加 ここまで */


/* 0217追加 */
/* .application_2 .flex:nth-of-type(4) .right_70 { */
.application_2 form .right_70.d_o_b {
    /* 0217追加 ここまで */
    display: flex;
    justify-content: left;
    line-height: 40px;
}

/* 0217追加 */
/* .application_2 .flex:nth-of-type(4) .right_70 .form_select { */
.application_2 .d_o_b .form_select {
    /* 0217追加 ここまで */
    width: 25%;
    margin: 0 5px;
}

.application form .post_code input {
    width: 100px;
    display: inline-block;
}

/* 0216追加 */
/* .application form .flex:nth-of-type(5) .form_select, .application form .flex:nth-of-type(11) .form_select { */
.application_2 form .apply_address .form_select {
    /* 0216追加 ここまで */
    margin: 20px auto 20px 0;
}

.application form .flex:nth-of-type(6) input:nth-of-type(2) {
    margin-top: 20px;
}

/* 0217追加 */
.checkbox-btns .wpcf7-list-item-label::after {
    color: #FFFFFF;
}

/* .checkbox-btns label {
    margin-bottom: 15px;
} */
/* 0217追加 ここまで */

/*--------------------------------
	アコーディオン
--------------------------------*/

.application .accordion_menu #menu_bar01:checked+label {
    background-color: #BCA97C;
}

.application #menu_bar01:checked~#links01 li {
    border: none;
}

.application form .accordion_menu {
    /* 0222追加 */
    /* margin: 35px 0; */
    margin-top: 35px;
    /* 0222追加 ここまで */
}

.application form .accordion_menu label[for="menu_bar01"] {
    background-color: #BCA97C;
    color: #FFFFFF;
    font-size: 16px;
    height: 65px;
    justify-content: space-around;
    display: flex;
    padding: 0;
}


form input[type="checkbox"]+label[for="menu_bar01"]::before,
form input[type="checkbox"]+label[for="menu_bar01"]::after {
    display: none;
}

.application form .accordion_menu label[for="menu_bar01"] span {
    width: 100%;
    justify-content: center;
    position: relative;
}

.application form .accordion_menu label span::after {
    color: #FFFFFF;
}

.accordion_menu #menu_bar01:checked~label[for="menu_bar01"] span::after {
    content: "ー";
}

/* 0217追加 */
.application .accordion_menu .flex label {
    /* .application .accordion_menu .flex .wpcf7-list-item { */
    /* padding-left: 35px; */
    padding: 0;
    /* 0217追加 ここまで */
    line-height: 2.2;
    font-size: 16px;
    font-weight: normal;
    border: none;
}

/*--------------------------------
	アコーディオン おわり
--------------------------------*/

.checkbox-btns {
    text-align: left;
}

/* 0217追加 */
/* form .checkbox-btns label { */
form .checkbox-btns .wpcf7-list-item {
    /* padding-left: 35px; */
    margin-bottom: 10px;
    margin-right: 5px;
    /* 0217追加 ここまで */

    width: 30%;
    /* display: inline-block; */
    cursor: pointer;
    /* line-height: 2.2; */
    /* margin: 2px 0; */
}

/* 0217追加 */
.checkbox-btns input[type="checkbox"]+.wpcf7-list-item::before {
    /* 0217追加 ここまで */

    border: 1px solid #C3C3C3;
    width: 20px;
    height: 20px;
    top: 14px;
    left: 10px;
}

.application .accordion_menu .flex .checkbox-btns label::after,
form .flex .checkbox-btns input[type="checkbox"]:checked+label::after {
    left: 14px;
    top: 17px;
    border-color: #fff;
}

.application .accordion_menu .flex .checkbox-btns input[type="checkbox"]:checked+label::before,
.flex .checkbox-btns input[type="checkbox"]:checked+label::before {
    background-color: #D89F2A;
    border-color: #D89F2A;
}

.checkbox-btns .check_text {
    display: flex;
}

.checkbox-btns .check_text label {
    width: auto;
}

.checkbox-btns .check_text input[type="text"] {

    /* 0217追加 */
    /* width: 50%; */
    margin-left: 10px;
    /* 0217追加 ここまで */
}

/* 0222追加 */
.application_2 form .flex.btns {
    border: none;
}

.application_2 .btns .btn {
    /* 0227追加 */
    margin: 0;
    /* 0227追加 ここまで */
}

@media screen and (max-width: 780px) {
    .application_2 .btns .btn {
        width: 45%;
    }
}

.application_2 .btn_back::before {
    left: 10px;
}

.application_2 .btn_back::after {
    left: 12px;
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.application_2 .btns .submit {
    text-align: center;
}

/* 0222追加 ここまで */

/*--------------------------------
	TB
--------------------------------*/

@media screen and (max-width: 1024px) {

    /* 0216追加 */
    /* .radio-btns label { */
    /* 0216追加 ここまで */
    .radio-btns .wpcf7-list-item {
        width: 49%;
    }

    /* 0217追加 */
    /* form .checkbox-btns label { */
    form .checkbox-btns .wpcf7-list-item {
        /* 0217追加 ここまで */
        width: 49%;
        margin-bottom: 10px;
    }

    .check_text .wpcf7-form-control-wrap:nth-of-type(2) {
        width: 49%;
    }
}

/*--------------------------------
	SP
--------------------------------*/

@media screen and (max-width: 640px) {

    .application_2 .flex:nth-of-type(4) .right_70 {
        flex-direction: column;
    }

    .application_2 .flex:nth-of-type(4) .right_70 .form_select {
        width: 100%;
    }

    /* 0222追加 */
    .application_2 .btns .btn {
        width: 100%;
    }

    .application_2 .btns .btn:first-of-type {
        margin-bottom: 20px;
    }

    /* 0222追加 ここまで */
}


/****************************************************************

	お申し込みStep3 (application_3)

****************************************************************/
/* 0217追加 */

/* .application_3 .step2 span:nth-of-type(2) {
    background-color: #D9D7D1;
}

.application_3 .step3 span:nth-of-type(2) {
    background-color: #FFFFFF;
} */

@media screen and (min-width: 641px) {
    .application_3 form .flex .right_70 {
        width: 60%;
    }
}

/* 0217追加 ここまで */



/* 0224追加 */
.none {
    display: none;
}

.hide {
    visibility: hidden;
}

/* 0224追加 ここまで */

/* 0227追加 */
.application_3 .btn_search a {
    font-size: 2rem;
    padding: 15px 0 15px 40px;
    text-decoration: none;
}

.application_3 form .btn {
    margin: auto;
}

/* 0227追加 ここまで */

/****************************************************************

	thanks

****************************************************************/
/* 0218追加 */
.thanks .wrapper {
    /* text-align: center; */
}

.thanks .btn_search {
    margin: 50px auto;
    max-width: 300px;
    text-align: left;
}

.thanks .btn_search a {
    font-size: 2rem;
    padding: 15px 0 15px 15px;
}

.thanks .nfd_detail {
    width: 100%;
}


/* 0218追加 ここまで */

/****************************************************************

	FAQ + 改善報告

****************************************************************/

.faq .in_page_transition {
    /* font-size: 20px; */
    font-size: 19px;
    text-align: center;
    justify-content: center;
    width: 100%;
    margin: 20px 0;

    flex-direction: row;
    flex-wrap: wrap;
}

.faq .in_page_transition a {
    /* width: 25%; */
    width: 30%;
    margin-bottom: 20px;
    /* min-width: 300px; */
    min-width: 375px;

    border-right: 1px solid #A3AEC0;
    position: relative;
}

.sp_menu {
    display: none;
}


@media screen and (min-width: 1271px) {

    /* .faq .in_page_transition a:first-of-type { */
    .faq .in_page_transition a:nth-of-type(3n) {
        border-right: none;
    }

    .faq .in_page_transition a:nth-of-type(n+4)::before {
        content: '';
        position: absolute;
        left: 50%;
        top: -10px;
        display: inline-block;
        width: 95%;
        height: 1px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #A3AEC0;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1270px) {

    .faq .in_page_transition a:nth-of-type(2n) {
        border-right: none;
    }

    .faq .in_page_transition a:nth-of-type(n+3)::before {
        content: '';
        position: absolute;
        left: 50%;
        top: -10px;
        display: inline-block;
        width: 95%;
        height: 1px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #A3AEC0;
    }
}

.faq1,
.faq2,
.faq3 {
    margin-top: -50px;
    padding-top: 50px;
}

.faq1 div,
.faq2 div,
.faq3 div,
.fix_content {
    max-width: 1100px;
    margin: 20px auto 40px auto;
}

.faq .in_page_transition a:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #BCA97C;
    border-right: solid 2px #BCA97C;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    /* right: 20px; */
    right: 15px;
    margin-top: -4px;
}

.faq_content dl,
.fix_content dl {
    border-bottom: 1px solid #A3AEC0;
    padding: 30px 0;
    margin: 0;
}

.faq_content dl:last-of-type,
.fix_content dl:last-of-type {
    border-bottom: none;
}

.faq_content dt,
.faq_content dd,
.fix_content dt,
.fix_content dd {
    padding-left: 50px;
    position: relative;
}

.faq_content dt,
.fix_content dt {
    font-weight: bold;
}

.faq_content dd,
.fix_content dd {
    margin: 30px 0 0;
}

.faq_content dt:before,
.faq_content dd:before,
.fix_content dt:before,
.fix_content dd:before {
    /* display: block; */
    position: absolute;
    top: -3px;
    left: 0;
    border-radius: 50%;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 31px;
}

.faq_content dt:before {
    /* .faq_content dt:before, .faq_content .accordion_menu label span::before { */
    content: "Q";
    color: #fff;
    background-color: #BCA97C;
}

.faq_content dd:before {
    content: "A";
    color: #BCA97C;
    background-color: #fff;
    border: 1px solid #BCA97C;
}

.faq_content dd ul {
    margin-top: 1em;
}

.faq_content dd a {
    color: #2A58A2;
}

.faq1 dl:nth-of-type(3) li {
    list-style: inside;
}

/*--------------------------------
	TB
--------------------------------*/

@media screen and (max-width: 1024px) {
    .faq .in_page_transition {
        flex-direction: column;
        align-items: center;
        /* margin: 20px 0; */
    }

    .faq .in_page_transition a {
        width: 70%;
        border-left: none;
        border-right: none;
        border-top: 1px solid #A3AEC0;
        padding: 15px 0;
        margin: 0;
    }

    .faq .in_page_transition a:first-of-type {
        border-left: none;
        border-top: none;
    }
}

/*--------------------------------
	SP
--------------------------------*/

/* アコーディオン */

/* #menu_bar01_faq:checked~#links01_faq li,
#menu_bar02_faq:checked~#links02_faq li,
#menu_bar03_faq:checked~#links03_faq li,
#menu_bar04_faq:checked~#links04_faq li,
#menu_bar05_faq:checked~#links05_faq li,
#menu_bar06_faq:checked~#links06_faq li,
#menu_bar07_faq:checked~#links07_faq li,
#menu_bar08_faq:checked~#links08_faq li,
#menu_bar09_faq:checked~#links09_faq li,
#menu_bar10_faq:checked~#links10_faq li,
#menu_bar11_faq:checked~#links11_faq li,
#menu_bar12_faq:checked~#links12_faq li,
#menu_bar13_faq:checked~#links13_faq li,
#menu_bar14_faq:checked~#links14_faq li,
#menu_bar15_faq:checked~#links15_faq li,
#menu_bar16_faq:checked~#links16_faq li,
#menu_bar17_faq:checked~#links17_faq li,
#menu_bar18_faq:checked~#links18_faq li,
#menu_bar19_faq:checked~#links19_faq li,
#menu_bar20_faq:checked~#links20_faq li,
#menu_bar21_faq:checked~#links21_faq li,
#menu_bar22_faq:checked~#links22_faq li,
#menu_bar23_faq:checked~#links23_faq li,
#menu_bar24_faq:checked~#links24_faq li,
#menu_bar25_faq:checked~#links25_faq li,
#menu_bar26_faq:checked~#links26_faq li,
#menu_bar27_faq:checked~#links27_faq li,
#menu_bar28_faq:checked~#links28_faq li,
#menu_bar29_faq:checked~#links29_faq li,
#menu_bar30_faq:checked~#links30_faq li {
    height: auto;
    opacity: 1;
    border: #B7A075 3px solid;
} */


/* #menu_bar01_faq:checked+label,
#menu_bar02_faq:checked+label,
#menu_bar03_faq:checked+label,
#menu_bar04_faq:checked+label,
#menu_bar05_faq:checked+label,
#menu_bar06_faq:checked+label,
#menu_bar07_faq:checked+label,
#menu_bar08_faq:checked+label,
#menu_bar09_faq:checked+label,
#menu_bar10_faq:checked+label,
#menu_bar11_faq:checked+label,
#menu_bar12_faq:checked+label,
#menu_bar13_faq:checked+label,
#menu_bar14_faq:checked+label,
#menu_bar15_faq:checked+label,
#menu_bar16_faq:checked+label,
#menu_bar17_faq:checked+label,
#menu_bar18_faq:checked+label,
#menu_bar19_faq:checked+label,
#menu_bar20_faq:checked+label,
#menu_bar21_faq:checked+label,
#menu_bar22_faq:checked+label,
#menu_bar23_faq:checked+label,
#menu_bar24_faq:checked+label,
#menu_bar25_faq:checked+label,
#menu_bar26_faq:checked+label,
#menu_bar27_faq:checked+label,
#menu_bar28_faq:checked+label,
#menu_bar29_faq:checked+label,
#menu_bar30_faq:checked+label {
    background-color: #F8EDD1;
} */












/* 0311追加 */

/* #menu_bar01_faq_1050:checked~#links01_faq_1050 li,
#menu_bar02_faq_1051:checked~#links02_faq_1051 li,
#menu_bar03_faq_1052:checked~#links03_faq_1052 li,
#menu_bar04_faq_1105:checked~#links04_faq_1105 li,
#menu_bar05_faq_1104:checked~#links05_faq_1104 li,
#menu_bar06_faq_1103:checked~#links06_faq_1103 li,
#menu_bar07_faq_1102:checked~#links07_faq_1102 li,

#menu_bar01_faq_1101:checked~#links01_faq_1101 li,
#menu_bar02_faq_1100:checked~#links02_faq_1100 li,
#menu_bar03_faq_1099:checked~#links03_faq_1099 li,
#menu_bar04_faq_1098:checked~#links04_faq_1098 li,
#menu_bar05_faq_1097:checked~#links05_faq_1097 li,
#menu_bar06_faq_1096:checked~#links06_faq_1096 li,
#menu_bar07_faq_1095:checked~#links07_faq_1095 li,
#menu_bar08_faq_1094:checked~#links08_faq_1094 li,
#menu_bar09_faq_1093:checked~#links09_faq_1093 li,

#menu_bar01_faq_1090:checked~#links01_faq_1090 li,
#menu_bar02_faq_1089:checked~#links02_faq_1089 li,
#menu_bar03_faq_1088:checked~#links03_faq_1088 li,
#menu_bar04_faq_1087:checked~#links04_faq_1087 li,
#menu_bar05_faq_1086:checked~#links05_faq_1086 li,
#menu_bar06_faq_1085:checked~#links06_faq_1085 li,
#menu_bar07_faq_1084:checked~#links07_faq_1084 li,
#menu_bar08_faq_1083:checked~#links08_faq_1083 li,
#menu_bar09_faq_1082:checked~#links09_faq_1082 li,
#menu_bar010_faq_1080:checked~#links010_faq_1080 li,

#menu_bar01_faq_1079:checked~#links01_faq_1079 li,
#menu_bar02_faq_1078:checked~#links02_faq_1078 li,
#menu_bar03_faq_1077:checked~#links03_faq_1077 li,
#menu_bar04_faq_1076:checked~#links04_faq_1076 li,
#menu_bar05_faq_1075:checked~#links05_faq_1075 li,
#menu_bar06_faq_1074:checked~#links06_faq_1074 li,
#menu_bar07_faq_1073:checked~#links07_faq_1073 li,
#menu_bar08_faq_1072:checked~#links08_faq_1072 li,

#menu_bar01_faq_1070:checked~#links01_faq_1070 li,
#menu_bar02_faq_1069:checked~#links02_faq_1069 li,
#menu_bar03_faq_1068:checked~#links03_faq_1068 li,
#menu_bar04_faq_1067:checked~#links04_faq_1067 li,
#menu_bar05_faq_1066:checked~#links05_faq_1066 li,
#menu_bar06_faq_1065:checked~#links06_faq_1065 li,
#menu_bar07_faq_1064:checked~#links07_faq_1064 li,
#menu_bar08_faq_1063:checked~#links08_faq_1063 li,
#menu_bar09_faq_1062:checked~#links09_faq_1062 li,

#menu_bar01_faq_1061:checked~#links01_faq_1061 li,
#menu_bar02_faq_1060:checked~#links02_faq_1060 li,
#menu_bar03_faq_1059:checked~#links03_faq_1059 li,
#menu_bar04_faq_1058:checked~#links04_faq_1058 li,
#menu_bar05_faq_1056:checked~#links05_faq_1056 li,
#menu_bar06_faq_1055:checked~#links06_faq_1055 li,
#menu_bar07_faq_1054:checked~#links07_faq_1054 li,
#menu_bar08_faq_1053:checked~#links08_faq_1053 li {
    height: auto;
    opacity: 1;
    border: #B7A075 3px solid;
}

#menu_bar01_faq_1050:checked+label,
#menu_bar02_faq_1051:checked+label,
#menu_bar03_faq_1052:checked+label,
#menu_bar04_faq_1105:checked+label,
#menu_bar05_faq_1104:checked+label,
#menu_bar06_faq_1103:checked+label,
#menu_bar07_faq_1102:checked+label,

#menu_bar01_faq_1101:checked+label,
#menu_bar02_faq_1100:checked+label,
#menu_bar03_faq_1099:checked+label,
#menu_bar04_faq_1098:checked+label,
#menu_bar05_faq_1097:checked+label,
#menu_bar06_faq_1096:checked+label,
#menu_bar07_faq_1095:checked+label,
#menu_bar08_faq_1094:checked+label,
#menu_bar09_faq_1093:checked+label,

#menu_bar01_faq_1090:checked+label,
#menu_bar02_faq_1089:checked+label,
#menu_bar03_faq_1088:checked+label,
#menu_bar04_faq_1087:checked+label,
#menu_bar05_faq_1086:checked+label,
#menu_bar06_faq_1085:checked+label,
#menu_bar07_faq_1084:checked+label,
#menu_bar08_faq_1083:checked+label,
#menu_bar09_faq_1082:checked+label,
#menu_bar010_faq_1080:checked+label,

#menu_bar01_faq_1079:checked+label,
#menu_bar02_faq_1078:checked+label,
#menu_bar03_faq_1077:checked+label,
#menu_bar04_faq_1076:checked+label,
#menu_bar05_faq_1075:checked+label,
#menu_bar06_faq_1074:checked+label,
#menu_bar07_faq_1073:checked+label,
#menu_bar08_faq:checked_1072+label,

#menu_bar01_faq_1070:checked+label,
#menu_bar02_faq_1069:checked+label,
#menu_bar03_faq_1068:checked+label,
#menu_bar04_faq_1067:checked+label,
#menu_bar05_faq_1066:checked+label,
#menu_bar06_faq_1065:checked+label,
#menu_bar07_faq_1064:checked+label,
#menu_bar08_faq_1063:checked+label,
#menu_bar09_faq_1062:checked+label,

#menu_bar01_faq_1061:checked+label,
#menu_bar02_faq_1060:checked+label,
#menu_bar03_faq_1059:checked+label,
#menu_bar04_faq_1058:checked+label,
#menu_bar05_faq_1056:checked+label,
#menu_bar06_faq_1055:checked+label,
#menu_bar07_faq_1054:checked+label,
#menu_bar08_faq_1053:checked+label {
    background-color: #F8EDD1;
}  */


/* 0311追加 ここまで


/* 0324改善 */
.checked_faq li {
    height: auto;
    opacity: 1;
    border: #B7A075 3px solid;
}

.new_menu:checked+label {
    background-color: #F8EDD1;
}

/* 0324 ここまで */



.faq_content .accordion_menu label {
    font-size: 16px;
    font-weight: normal;
    /* height: 50px; */


    display: flex;
    padding: 0 35px 0 0;
    position: unset;
    transition: .3s;
}

.faq_content .accordion_menu label:hover {
    background-color: #f8edd16e;
}

.faq_content .accordion_menu label .qu {
    padding: 0;
    width: 50px;
    line-height: 50px;
    /* border-radius: 50%; */
}

.faq_content .accordion_menu label span:nth-of-type(2) {
    width: 100%;
}

.faq_content .accordion_menu_content {
    margin: 15px auto;
    font-size: 1.6rem;
}

.faq_content .accordion_menu_content li {
    border: none !important;
}

.faq_content .accordion_menu_content a {
    padding: 0;
    display: inline-block;
}

.faq_content .accordion_menu_content ul {
    margin: 1em 0 0;
}

@media screen and (max-width: 640px) {
    .faq .in_page_transition {
        margin: 0;
    }

    .sp_menu {
        display: flex;
    }

    .pc_menu {
        display: none;
    }


    .faq .sp_menu a {
        width: 100%;
        min-width: 0;
    }

    .faq1 div,
    .faq2 div,
    .faq3 div,
    .fix_content {
        margin: 0;
    }

    .faq_content .accordion_menu label {
        margin: 10px 0;
    }

    .faq_content .accordion_menu ul {
        margin: 0;
    }
}

/****************************************************************

	改善報告

****************************************************************/

.fix_content dt:before {
    /* content: url(../img/img_sh/thumbs_down.svg); */
    content: url(../img/img_sh/icon_bad.svg);
    background-color: #BCA97C;
    /* line-height: 40px; */
    line-height: 43px;
}

.fix_content dd:before {
    /* content: url(../img/img_sh/thumbs_up.svg); */
    content: url(../img/img_sh/icon_good.svg);
    background-color: #fff;
    border: 1px solid #BCA97C;
    /* line-height: 35px; */
    line-height: 38px;
}

/****************************************************************

	blog

****************************************************************/

.campaign_detail .post_page,
.campaign .post_page {
    flex-direction: column;
}

.post_page {
    justify-content: space-between;
    flex-direction: row;
    gap: 40px;
}

/*--------------------------------
	左カラム
--------------------------------*/

.campaign .post_list,
.campaign_detail .post_list {
    max-width: none;
    width: 100%;
}

.post_list {
    max-width: 900px;
    width: 100%;

    margin-bottom: 50px;
}

.post_article a {
    /* padding: 20px; */
    padding: 35px 10px;
    display: block;
}

.post_article article {
    border-radius: 3px;

    /* box-shadow */
    /* box-shadow: 0px 0px 10px 0px #00000017; */
    /* margin-bottom: 25px; */

    /* border */
    border-top: 1px solid #ece9e9;
}

.post_article article:first-of-type {
    border-top: none;
}

.post_article article:last-of-type {
    border-bottom: 1px solid #ece9e9;
}

.post_article article .flex {
    /* justify-content: space-between; */
    gap: 20px;
}

.post_article .post_thumbnail {
    width: 25%;
    min-width: 150px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

/* img_box */

/* .post_article .img_box { */
.img_box {
    overflow: hidden;
    position: relative;
}

/* .post_article .img_box::before { */
.img_box::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

/* .post_article .img_box img { */
.img_box img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    /* transition: .3s all; */
}

/* img_box おわり */


/* img_box追加 */

.post_article .img_box img {
    transition: .3s all;
}

.post_article article:hover .img_box img {
    transform: scale(1.1);
}

/* img_box追加  おわり */

.post_contents h2 {
    background-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size: 20px;
    font-weight: bold;
}

.post_contents .inline_flex {
    margin: 15px 0;
    align-items: center;
}

.post_contents time {
    color: #BCA97C;
}

.post_contents .inline_flex span {
    /* background-color: #8399B9; */
    padding: 0 3px;
    font-size: 12px;
    /* color: #fff; */
    margin-left: 10px;

    color: #8399B9;
    border: 1px solid #8399B9;
}

.post_contents p {
    margin: 0;
}

/*--------------------------------
	左カラム おわり
--------------------------------*/

/*--------------------------------
	右カラム
--------------------------------*/

.campaign .menu_box,
.campaign_detail .menu_box {
    margin-right: 20px;
    width: 50%;
}

.campaign .menu_box:last-of-type,
.campaign_detail .menu_box:last-of-type {
    margin-right: 0px;
}

.campaign .post_menu,
.campaign_detail .post_menu {
    width: 100%;
    display: flex;
}

.post_menu {
    width: 300px;
}

.menu_box {
    margin-bottom: 30px;
}

.menu_box h3 {
    /* background-color: #deb256; */
    /* color: #fff; */
    /* padding: 8px 20px; */
    margin: 0;
    font-size: 20px;
    /* border-radius: 3px 3px 0 0; */
    font-weight: bold;

    border-bottom: 1px solid #5C4F3A;
    padding-bottom: 2px;
}

.menu_box h3::before {
    content: "";
    background-color: #5C4F3A;
    padding: 2px 2px;
    margin-right: 10px;
}

.menu_box ul {
    /* margin: 0; */
    /* border: 2px solid #F6F4F0; */
    /* border-radius: 0 0 3px 3px; */
    padding: 0 17px;
    margin: 5px 0 0;
}

.menu_box li {
    /* border-bottom: 1px solid #e7e7e7; */
}

.menu_box li:last-of-type {
    border: none;
}

.menu_box li a {
    width: 100%;
    line-height: 40px;
    display: block;
    position: relative;
}

.menu_box li a::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #5C4F3A;
    border-right: solid 2px #5C4F3A;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -4px;
}

.menu_box li a:hover {
    text-decoration: underline;
}

/*--------------------------------
	右 カラム おわり
--------------------------------*/

/*--------------------------------
	TB
--------------------------------*/

@media screen and (max-width: 1024px) {
    .post_article article .flex {
        display: block;
    }

    .post_article .post_thumbnail {
        width: 100%;
        margin-bottom: 20px;
    }
}

/*--------------------------------
	SP
--------------------------------*/

@media screen and (max-width: 640px) {
    .post_menu {
        width: 100%;
        margin-bottom: 50px;
    }

    .campaign .menu_box,
    .campaign_detail .menu_box {
        margin-right: 0px;
        width: 100%;
    }

    .campaign .post_menu,
    .campaign_detail .post_menu {
        width: 100%;
        flex-direction: column;
    }
}


/****************************************************************

	blog詳細

****************************************************************/

/* .blog_detail .post_list {
    margin-bottom: 50px;
} */

.blog_detail .post_thumbnail {
    width: 60%;
    margin: 20px auto;
}

.blog_detail .post_contents {
    /* margin: 50px 0 70px; */
}

.blog_detail .post_contents div:nth-of-type(2) {
    padding-top: 35px;
    margin-top: 30px;
    border-top: 1px solid #e7e7e7;
}

/*--------------------------------
	TB
--------------------------------*/

@media screen and (max-width: 1024px) {
    .blog_detail .post_thumbnail {
        width: 100%;
        margin: 0;
    }

    .blog_detail .post_contents div:nth-of-type(2) {
        padding-top: 25px;
        margin-top: 15px;
    }

    .blog_detail .post_contents {
        margin: 30px 0 50px;
    }
}

/****************************************************************

	ニュース

****************************************************************/

.news .post_article article a:hover .post_contents h2,
.news .post_article article a:hover .post_contents p {
    text-decoration: underline;
    text-decoration-color: #e5d9c4;
    text-underline-offset: 5px;
    text-decoration-thickness: from-font;
    opacity: 0.8;
}

.post_article .no_link {
    padding: 35px 10px;
}


/****************************************************************

	お客様の声一覧 (voice)

****************************************************************/
/* 0308追加 */

.voice {
    margin-bottom: 50px;
}

.voice .red_frame a {
    color: #2A58A2;
    text-decoration: underline;
    text-decoration-color: #2A58A2;
}

.voice_link {
    display: flex;
    flex-wrap: wrap;
}

.voice_link .yellow_line_btn {
    display: block;
    width: fit-content;
    margin: 0 5px 10px 0;
    padding: 0 5px;
}

.voice .comments-list {
    padding: 0;
    margin-top: 50px;
}

.voice .comment {
    border-bottom: 1px solid #ececec;
    /* display: inline-flex; */
    /* width: 100%; */
    /* flex-direction: column; */
}

.voice .no_list {
    display: none;
}

.room_name {
    margin: 10px 0;
}

.room_name {
    border-left: 4px solid #5C4F3A;
    padding-left: 7px;
    font-size: 1.3em;
}

.children_comment {
    background-color: #f3f3f3;
    padding: 10px 10px 0;
}

.children_comment p {
    line-height: 1.8;
    padding: 10px 0;
    margin: 0 10px 10px;
}

/* ページャー */
.voice .page-numbers {
    text-align: center;
}

.voice .pager li {
    display: inline-block;
}

.voice .next,
.voice .prev {
    border: 2px solid #F0F3F5;
    border-radius: 10px;
    background-color: #FAFAFA;
    color: #2285b1;
}

.voice .pager li a,
.voice .pager li .current {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
}

.voice .pager li .next,
.voice .pager li .prev {
    font-size: 28px;
}

.voice .pager li a {
    color: #2A58A2;
}

.voice .current {
    color: #3B4043;
}

/* 0308追加 ここまで */




/****************************************************************

	the_contentとWYSIWYGの装飾

****************************************************************/

.the_content img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 640px) {
    .the_content iframe {
        aspect-ratio: 16 / 9;
        height: fit-content;
        max-width: 100%;
    }
}


.the_content h2 {
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
}

.the_content h3 {
    border-bottom: 2px solid #D0C09A;
    font-size: 20px;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
}

.the_content .h4 {
    display: inline-block;
    color: #B7A075;
    font-size: 25px;
    margin: 0 10px 10px 0;
}

.the_content a {
    color: #2A58A2;
    text-decoration: underline;
    text-decoration-color: #2A58A2;
}

.post_service_detail .the_content .btn_search {
    min-width: fit-content;
}

.news_detail .the_content .btn_search,
.blog_detail .the_content .btn_search,
.campaign_detail .the_content .btn_search {
    min-width: fit-content;
}

.news_detail .the_content .btn a,
.blog_detail .the_content .btn a,
.campaign_detail .the_content .btn a {
    display: flex;
    align-items: center;
}

.news_detail .the_content .btn_search a,
.blog_detail .the_content .btn_search a,
.campaign_detail .the_content .btn_search a {
    line-height: initial;
}

.the_content .btn {
    display: inline-block;
    width: 24%;
    max-width: 320px;
    padding: 0 50px 0 0;
    margin: 10px 10px 0 0;
    min-width: 280px;
}

.the_content .btn a {
    text-align: left;
    font-size: 20px;
    height: 100%;
    padding: 0 40px 0 15px;
    width: calc(100% + 50px);
    display: inline-block;
    margin: 0;
    color: #fff;
    text-decoration: none;
}

.the_content .btn_search a {
    line-height: 60px;
}

.the_content .text_btn a {
    line-height: 44px;
    color: #B7A075;
}

.the_content .text_btn.btn::after {
    border-color: #B7A075;
    top: 19px;
}

.the_content .text_btn.btn::before {
    background-color: #B7A075;
    top: 23px;
}

.the_content .property_card {
    padding: 10px;
    margin: 10px 0;
}

.the_content .icon_brown,
.the_content .icon_yellow,
.the_content .icon_blue,
.the_content .icon_red {
    display: inline-block;
    color: #fff;
    padding: 0 5px;
    text-align: center;
    line-height: 25px;
    margin-right: 10px;
}

.the_content .icon_brown {
    background-color: #7D7562;
}

.the_content .icon_yellow {
    background-color: #B7A075;
}

.the_content .icon_blue {
    background-color: #6E7986;
}

.the_content .icon_red {
    background-color: #8D6D6D;
}

.the_content tbody {
    border: 1px solid #A3AEC0;
}

.the_content tbody td {
    padding: 10px;
}

.the_content .table_title {
    /* display: inline-block; */
    /* background-color: #EDE8DB; */
    font-weight: bold;
    width: 100%;
    height: 100%;
    /* padding: 1px; */
    /* width: calc(20px + 100%); */
    /* height: calc(20px + 100%); */
    /* transform: translateX(-10px); */
    /* padding: 10px; */
    /* margin: -10px; */
}

.the_content .td_table_title {
    background-color: #EDE8DB;
}

.the_content ul {
    padding: 0 0 0 20px;
}

.the_content li {
    list-style: inherit;
}

.the_content p {
    margin: 0;
}

.the_content .aligncenter {
    display: block;
    margin: 0 auto;
}

.the_content .alignleft {
    float: left;
    margin-right: 1.5em;
}

.the_content .alignright {
    float: right;
    margin-left: 1.5em;
}

.the_content .red_frame {
    /* display: inline-block; */
    padding: 20px;
}

.the_content .flex_content {
    display: inline-block;
}

.the_content .text_original {
    width: 100%;
}

.the_content .flex .flex_content img {
    height: auto;
}

.the_content .flex {
    justify-content: space-around;
    gap: 5%;
}

.the_content .flex img {
    align-items: flex-start;
    height: 100%;
}

.the_content hr {
    background-color: #D3D6DB;
    border: none;
    height: 1px;
}

.the_content .table-wrapper table {
    width: 100%;
}

.the_content .table-wrapper {
    overflow: auto;
    /*tableをスクロールさせる*/
    white-space: nowrap;
    /*tableのセル内にある文字の折り返しを禁止*/
}

.the_content .table-wrapper ::-webkit-scrollbar {
    /*tableにスクロールバーを追加*/
    height: 5px;
}

.the_content .table-wrapper ::-webkit-scrollbar-track {
    /*tableにスクロールバーを追加*/
    background: #F1F1F1;
}

.the_content .table-wrapper ::-webkit-scrollbar-thumb {
    /*tableにスクロールバーを追加*/
    background: #BCBCBC;
}

.link,
.sogolink,
.credittokutei,
.privacy,
.howtoprovision,
.post_guide_detail,
.post_service_detail,
.agreement,
.page_default,
.faq {
    margin: 30px 0 70px;
}

@media screen and (max-width: 850px) {

    .text_original .flex {
        display: block;
    }

}

/****************************************************************

	各種サービス 詳細ページ

****************************************************************/

.post_service_detail .post_page,
.post_guide_detail .post_page {
    justify-content: center;
}

/****************************************************************

	会社概要

****************************************************************/

.company .the_content p {
    margin: 1em 0;
}

.company .table {
    margin-bottom: 50px;
}

@media screen and (min-width: 1025px) {

    .company_profile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .company_profile .table {
        width: 47%;
    }

    .company_profile .table dt {
        width: 135px;
    }

    .company_profile .table dd {
        width: calc(100% - 135px);
    }
}

/****************************************************************

	デジタルカタログ

****************************************************************/

.actibook_area {
    justify-content: space-between;
}

.actibook_box {
    width: 47%;
    border-top: 1px solid #e2e2e2;
    margin-bottom: 30px;
    padding-top: 30px;
}

.actibook_box:nth-of-type(-n+2) {
    border: none;
}

.actibook_box a {
    margin-right: 5%;
}

.actibook_title {
    width: 100%;
    justify-content: center;
    flex-direction: column;
}

.actibook_title h2 {
    background-color: transparent;
    color: #3B4043;
    padding-left: 0;
    font-size: 20px;
}

.actibook_title a {
    color: #2A58A2;
    text-decoration: underline;
    text-decoration-color: #2A58A2;
}

/*--------------------------------
	SP
--------------------------------*/

@media screen and (max-width: 640px) {

    .actibook_box {
        width: 100%;
    }

    .actibook_box:nth-of-type(2) {
        border-top: 1px solid #e2e2e2;
    }

    .actibook_box a {
        margin: 0;
    }

    .actibook_box a img {
        width: 100%;
    }

}


/****************************************************************

	採用情報

****************************************************************/

.recruit img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: fit-content;
}

.recruit .the_content,
.recruitment_type {
    margin-bottom: 50px;
}

.recruit h3 {
    border-bottom: 2px solid #D0C09A;
    font-size: 20px;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
}


/****************************************************************

	地図から探す・物件一覧 (building)

****************************************************************/

.i4ewOd-pzNkMb-haAclf {
    display: none !important;
    margin-top: -50px;
}

.QUIbkc {
    display: none !important;
}

.i4ewOd-pzNkMb-tJHJj {
    display: none !important;
    margin-top: -50px;
}



/****************************************************************

	相互リンク (sogolink)

****************************************************************/
.sogolink img {
    min-width: 100px;
}

/****************************************************************

	お客様BOXご利用方法 (howtobox)

****************************************************************/
@media screen and (max-width: 640px) {
    .h_t_b_img {
        width: 30%;
    }

    .clearfix div {
        margin-left: 24% !important;
    }
}



/****************************************************************

	オンラインカード決済

****************************************************************/
/* .paymentcredit .step3 span:nth-of-type(2) {
    line-height: 23px;
    padding-top: 6px;
} */


@media screen and (max-width: 380px) {
    .post_service_detail .the_content .btn_search a {
        font-size: 14px;
    }

    .news_detail .the_content .btn_search a,
    .blog_detail .the_content .btn_search a,
    .campaign_detail .the_content .btn_search a {
        font-size: 14px;
    }
}


/****************************************************************

	下層ページcommon

****************************************************************/

/* コンテナ要素 */
.area_img {
    position: relative;
    width: 100%;
    /* 任意の横幅を指定 */
}

/* コンテナ要素の擬似要素(ここで比率を調整) */
.area_img::before {
    content: "";
    display: block;
    padding-top: 56.25%;
    /* 比率を指定 */
}

.box {
    position: relative;
    width: 100%;
    /* 任意の横幅を指定 */
}

/* コンテナ要素の擬似要素(ここで比率を調整) */
.box::before {
    content: "";
    display: block;
    padding-top: 56.25%;
    /* 比率を指定 */
}

/* 中の要素 */
.box_content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

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


.picky_content {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.picky_content li {
    width: 47%;
    margin-bottom: 50px;
}

.picky_content li p {
    font-size: 1.4rem;
    margin-bottom: 0;
}

.picky_detail {
    position: relative;
    border: 1px solid #B7A075;
    box-shadow: 0px 0px 10px #00000036;
}

.picky_detail a {
    position: relative;
    display: block;
}

.picky_detail img {
    width: 100%;
    padding: 15px;
    height: 100%;
}

.picky .picky_detail img {
    aspect-ratio: 585.5/274.02;
    object-fit: cover;
}

.picky_detail a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #333333 0% 0% no-repeat padding-box;
    opacity: 0.5;
    margin: 15px;
    z-index: 2;
}

.picky_content .picky_detail h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 3rem;
    color: #fff;
    text-shadow: 0px 3px 6px #00000029;
    margin: 0;
    text-align: center;
    width: 100%;
    z-index: 3;
    padding: 0 20px;
    background-color: transparent;
    line-height: 1.8;
}


ul#demo2_story {
    float: initial;
    width: 100%;
    border: none;
}

ul#demo2_story li {
    height: initial;
    overflow-y: initial;
    padding: 0;
}

ul#demo2_headline {
    float: initial;
    display: flex;
    width: 100%;
}

ul#demo2_headline li {
    justify-content: center;
    border-top: 3px solid #C9C9C9;
    border-right: 3px solid #C9C9C9;
    border-bottom: 3px solid #C9C9C9;
}

ul#demo2_headline li:first-of-type {
    border-left: 3px solid #C9C9C9;
}

ul#demo2_headline li.current {
    background-color: #B7A075;
    border: none;
}

ul#demo2_headline li.current .question_text {
    color: #fff;
}

ul#demo2_headline li.current .question_text::before {
    content: "";
    top: -20px;
    right: 50%;
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 12px solid #B7A075;
}

ul#demo2_story li iframe {
    width: 100%;
    height: 450px;
}


.question_text {
    text-align: center;
}

.address {
    display: flex;
}

.address img {
    margin-right: 5px;
}

.access_content {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.access_content:nth-of-type(n+2) {
    border-top: 1px dotted #BEA982;
    padding-top: 30px;
}

.access_content li {
    width: 30%;
    margin-right: 5%;
}

.access_content li:nth-of-type(3n) {
    margin: 0;
}

.access_content li:nth-of-type(n+4) {
    border-top: 1px dotted #BEA982;
    padding-top: 30px;
    margin-top: 20px;
}

.access_content li {
    position: relative;
}

.access_img img {
    height: 100%;
}

.access_content li::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #B7A075;
    border-right: solid 2px #B7A075;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 30%;
    right: -28px;
    margin-top: -4px;
}

.access_content li:nth-of-type(n+4)::after {
    top: 35%;
}

.access_content li:nth-of-type(3n)::after,
.access_content li:last-of-type::after {
    content: none;
}

.access_content li:nth-of-type(3n) .access_img::after {
    display: none;
}

.access_img img {
    width: 100%;
}

.access_inner {
    display: flex;
    margin-top: 20px;
}

.access_inner span {
    background-color: #B7A075;
    color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 10px;
}

.access_inner p {
    margin: 0;
    width: 90%;
}



.article {
    display: flex;
    margin-bottom: 30px;
}

.article_detail {
    display: flex;
    align-items: center;
    margin: 0;
    color: #5C4F3A;
    font-size: 2.5rem;
    border-right: 1px dotted #BEA982;
    padding-right: 20px;
}

.article p {
    margin: 0;
    font-size: 1.4rem;
    color: #000;
    padding-left: 20px;
}

.area_menu {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.area_group {
    margin-top: -100px;
    padding-top: 100px;
}

.area_menu span {
    width: 10%;
    text-align: center;
    background-color: #7D7562;
    padding: 10px 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border: 1px solid #7D7562;
    border-radius: 0px 2px 2px 0px;
    width: 90%;
    margin: 0;
}

.area li {
    position: relative;
    text-align: center;
    padding: 10px 20px 10px 0;
}

.area li a::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #B7A075;
    border-right: solid 2px #B7A075;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 56%;
    right: -12px;
    margin-top: -4px;
}

.area li a {
    color: #5C4F3A;
    position: relative;
}

.type {
    display: flex;
    flex-wrap: wrap;
}

.type li {
    margin-right: 20px;
    margin-bottom: 5px;
}

.type li span {
    padding: 2px 5px;
    margin-right: 10px;
}

.s_class {
    background-color: #B7A075;
    color: #fff;
}

.t_class {
    background-color: #6E7986;
    color: #fff;
}

.f_class {
    background-color: #8D6D6D;
    color: #fff;
}

.a_class {
    background-color: #72738B;
    color: #fff;
}


.area_container {
    box-shadow: 0px 0px 10px #00000036;
    border: 1px solid #B7A075;
    margin-bottom: 50px;
    min-height: 360px;
    max-height: 600px;
    transition: .3s;
    position: relative;
}

.area_container .area_content_a {
    position: absolute;
    width: 100%;
    height: 100%;
    /* margin-top: -30px; */
    /* margin-left: -30px; */
    display: block;
    text-indent: -9999px;
}

.area_container:hover {
    box-shadow: 0px 0px 15px #00000057;
}

.area_content {
    display: flex;
    padding: 3%;
    min-height: 360px;
    max-height: 600px;
}


.area_img {
    display: flex;
    flex-direction: column;
    width: 24%;
    margin-right: 40px;
    position: relative;
}

.area_img img {
    border: 1px solid #BFBFBF;
    height: 100%;
}

.area_img a {
    border: 1px solid #C4B185;
    color: #A89052;
    font-size: 1.3rem;
    text-align: center;
    border-top: none;
    position: absolute;
    background: #fff;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.area_img a img {
    border: none;
    margin: 7px 5px 7px 0;
}

.area_inner {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.area_detail {
    display: flex;
    justify-content: space-between;
}

.area_group .building_info {
    margin-top: 10px;
}


.area_group .building_info span {
    color: #d89f2a;
    line-height: normal;
}

.area_group .building_info p {
    text-align: center;
    color: rgb(49, 34, 10);
    font-size: 14px;
}

/* .area_detail h1 { */
.area_detail h4 {
    color: #5C4F3A;
    font-size: 3rem;
    margin: 0;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 20px;
    text-align: left;
    word-break: keep-all;
}

/* .area_detail h1 span { */
.area_detail h4 span,
.area_detail div.ja span {
    color: #6A5D49;
    font-size: 1.2rem;
    border: 1px solid #707070;
    margin-left: 20px;
    font-family: initial;
    padding: 2px 5px;
    display: inline-block;
}

.area_detail p {
    color: #5C4F3A;
    font-size: 1.4rem;
}

.option li {
    color: #A89052;
    border: 1px solid #CDC1A1;
    display: flex;
    padding: 5px;
    line-height: 1;
    min-width: 98px;
    margin-right: 5px;
    word-break: keep-all;
    margin-bottom: 5px;
    align-items: center;
    font-size: 1.1rem;
}

.option li img {
    margin-right: 5px;
}

.area_detail_menu {
    width: 70%;
}

.route {
    border: 1px solid #A3AEC0;
    margin: 0;
}

.route li {
    padding-bottom: 5px;
}

.post_service_detail .route li {
    font-size: 1.4rem;
}

.route li strong {
    color: #D45142;
}

.route li span {
    background-color: #EDE8DB;
    height: 26px;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 2px;
}

.route_menu {
    width: 30%;
    text-align: center;
    margin-left: 20px;
}

.route_menu a {
    color: #A89052;
    border-bottom: 1px solid #A89052;
    position: relative;
}

.option {
    display: flex;
    flex-wrap: wrap;
}


html.nav-fixed,
html.nav-fixed body {
    top: initial !important;
    /* margin-top: -65px; */
    /* padding-top: 130px; */
    height: 100vh;
}


.access_detail .btn::before {
    top: 20px;
}

.access_detail .btn::after {
    top: 16px;
}

/* form a, form a:visited {
	color: #2A58A2;
} */

.accordion_menu label .faq_title_q {
    padding: 15px 15px 15px 50px;
}

.faq_content input {
    display: none;
}

.faq_title_q {
    font-size: 2rem;
    color: #000;
    /* background-color: #fff; */
    display: flex;
    /* justify-content: center; */
    align-items: center;
    position: relative;
    width: 100%;
}

.faq_title_q::before {
    position: absolute;
    top: 18px;
    left: 5px;
    border-radius: 50%;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 31px;
    content: "Q";
    color: #fff;
    background-color: #BCA97C;
    border: 1px solid #BCA97C;
}

.faq_title_a {
    position: relative;
}

.faq_title_a::before {
    position: absolute;
    top: 14px;
    left: 5px;
    border-radius: 50%;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 31px;
    content: "A";
    color: #BCA97C;
    background-color: #fff;
    border: 1px solid #BCA97C;
}

.faq_content .accordion_menu label span::after {
    right: 0;
}

.faq_content .accordion_menu_content {
    width: 85%;
}

.service_original .the_content .flex {
    justify-content: space-between;
    gap: 5%;
}


.map_detail .area_content {
    max-height: initial;
}

.map_detail .area_container {
    max-height: initial;
}

.map_detail h1 {
    word-break: keep-all;
}

.news_detail .post_contents div:nth-of-type(2) {
    padding-top: 35px;
    margin-top: 30px;
    border-top: 1px solid #e7e7e7;
}


.campaign_detail .post_contents div:nth-of-type(2) {
    padding-top: 35px;
    margin-top: 30px;
    border-top: 1px solid #e7e7e7;
}

.blog_detail .the_content li {
    list-style: none;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .option {
        margin: 11px 0;
    }
}

.post_service_detail .rank {
    flex-direction: column;
    align-items: initial;
    margin-top: 10px;
    padding-top: 10px;
}

.post_service_detail .rank .btn_search {
    width: 100%;
    margin-bottom: 5px;
}

.rank {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 15px;
    flex-direction: row-reverse;
}

.rank ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    max-width: 500px;
    width: 70%;
}

.rank ul li {
    line-height: 1.5;
    min-width: 90px;
    max-width: 200px;
    width: 24%;
    margin-right: 2px;
    margin-bottom: 2px;
    position: relative;
    display: flex;
}

.rank ul li::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}

.rank ul li a {
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 6px 20px 6px 10px;
    height: 60px;
    word-break: break-word;
}

.rank ul .rank_long {
    max-width: 180px;
}

.option .black {
    color: #3B4043;
}

.rank .btn_search {
    margin: 0;
    height: 40px;
    max-width: 250px;
    width: 30%;
}

.btn_search a {
    font-size: 1.6rem;
    padding: 10px 0 7px 15px;
}

.rank .btn::before {
    top: 22px;
}

.rank .btn::after {
    top: 18px;
}

#map {
    text-align: center;
}

.newline {
    display: block;
}

.accessline {
    display: none;
}



.map_detail .area_container {
    border: none;
    box-shadow: none;
}

.map_detail .area_content {
    padding: 0;
}

.map_detail h3 {
    font-size: 2rem;
    margin: 10px 0 15px 0;
}

.building_comment_text li {
    list-style: inside;
    font-size: 1.3rem;
}

.map_address, .building_info {
    display: flex;
    align-items: center;
}

.building_info {
    border-top: 1px solid #a58b5a;
    border-bottom: 1px solid #a58b5a;
    margin-top: 20px;
    color: #5C4F3A;
}

.building_info > div {
    flex: 1;
    display: flex;
    padding: 10px 5px 10px 0px;
    margin: 5px 0px;
}

.building_info > div + div {
    border-left: 1px solid #a58b5a;
}

.building_info > div .building_info_title {
    flex: 1;
    position: relative;
    min-width: 60px;
    font-size: 14px;
    border-right: 1px dotted #BEA982;
    text-align: center;
    line-height: 30px;
}

.building_info .building_info_title span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    transform: translate(-50%, -50%);
    width: 100%;
}

.building_info > div p {
    flex: 2;
    font-size: 14px;
    margin: 0;
    padding: 0px 10px;
    text-align: center;
}

.building_info p br {
    display: none;
}

.map_address span {
    display: flex;
    padding-right: 15px;
    border-right: 1px dotted #BEA982;
    margin: 15px 15px 0 0;
}

.map_address span img {
    margin-right: 10px;
}

.map_address a {
    color: #A89052;
    border-bottom: 1px solid #A89052;
    margin-left: 15px;
    text-align: center;
}

.map_address p {
    margin: 15px 0 0 0;
}

/* .map_detail .area_detail h1 span { */
.map_detail .area_detail div.ja span {
    margin-left: 0;
}



.movie h2 {
    color: #5C4F3A;
    background-color: #fff;
    margin: 0 0 20px 0;
    font-size: 35px;
    padding-left: 0;
    line-height: 1.5;
}

.movie_detail {
    margin-left: 3%;
    width: 60%;
}

.img_size {
    width: 40%;
}

.movie_img {
    position: relative;
    width: 100%;
    /* 横幅は100%で固定 */
    height: 0;
    /* 高さは0にしておく(padding-topで高さを指定するため) */
    padding-top: 56.25%;
    /* 高さを指定(16:9) */

}

.movie_img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* width: 100%;
	height: 100%; */
}

.movie .flex:first-of-type {
    padding: 30px 0;
}

.movie .flex:nth-of-type(n+2) {
    border-top: 1px solid #D6D3CD;
    padding: 30px 0;
}

.nfd_content {
    position: relative;
    height: 54vh;
}

.nfd_detail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.nfd_detail h1 {
    font-size: 2.5rem;

    text-align: center;
    border-bottom: none;
    color: #3B4043;
    font-weight: bold;
}

.nfd_detail h1 span {
    display: block;
}

.nfd_detail .nfd_btn {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
}

.nfd_detail a {
    background-color: #BCA97C;
    color: #fff;
    display: block;
    padding: 10px 0;
}


.contract {
    padding-left: 20px;
}

.contract li {
    padding-left: 10px;
    margin-bottom: 25px;
    list-style: decimal;
}

.align-right {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.privacy_content dl dt {
    margin-bottom: 5px;
    font-weight: bold;
}

.privacy_content dl dd {
    margin-bottom: 10px;
    margin-left: 0;
}

.link_content a {
    color: #003b99;
}

.link_content dt {
    font-weight: bold;
    margin-left: 40px;
}

.sogolink_content dt {
    float: left;
    margin-right: 15px;
}

.sogolink_content dl:last-of-type dt {
    float: none;
}

.credittokutei_content {
    margin-bottom: 50px;
}

.reccomend .pickup_content img {
    height: 100%;
}

.copyright small {
    color: #fff;
}


/*キャンペーンページ*/

.cam-table {
    width: 100%;
}

.cam-table a {
    color: #003b99;
}

.cam-table td,
.cam-table th {
    padding: 5px 10px;
    text-align: center;
    font-size: 13px;
    border: 1px #93c9e5 solid;
}

.cam-table thead td {
    background-color: #b6ddf2;
}

.cam-table caption {
    padding: 5px 0 5px 0px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #2a508c;
    text-align: left;
}

.cam-table td strong {
    font-size: 18px;
    color: #C00;
}

.cam_img img {
    /* width: 100%; */
}

.red {
    color: #C00;
}

#cam_map {
    padding: 4px;
    border: 1px #ccc solid;
    margin-bottom: 30px;
}

#cam_map iframe {
    width: 100%;
}

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

.cam-table td em {
    font-size: 14px;
    font-weight: bold;
    color: #C00;
}

.cam-table tbody th {
    font-weight: bold;
    background-color: #f7f6ef;
}

#content {
    font-size: 1.2rem;
}

#content a {
    color: #003b99;
    text-decoration: underline;
}

#content h3.head-h3 {
    padding: 3px 3px;
    color: #0f274d;
    letter-spacing: 0.1em;
    background-color: #f7f5eb;
    border-left: 5px #0f274d solid;
    font-weight: bold;
}

#content h3 {
    margin-bottom: 0.5em;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}


#icon-info {
    margin-bottom: 1em;
    padding: 4px;
    background-color: #fcfbf5;
    border: 1px #dbd3c6 solid;
}

.clearfix {
    display: block;
}

#icon-info ul li {
    display: inline;
    padding-right: 10px;
}

.cam-table {
    margin-bottom: 2em;
    width: 100%;
}


#coupon {
    margin-bottom: 10px;
    padding: 4px 9px;
    background: url(https://www.yokohama-weekly.jp/wp-content/uploads/2022/03/bg_coupon.jpg) right top no-repeat;
    border: 1px #ccc solid;
    background-size: cover;
}

#coupon-shop dl {
    margin: 0;
}

#coupon-shop dl dt {
    float: left;
}

#coupon-shop dl dd {
    margin: 0 0 5px 5em;
}

#coupon-shop img {
    float: left;
    padding: 1px;
    border: 1px #ccc solid;
}

#coupon-shop {
    margin: 2em 0 1em;
    padding-top: 2em;
    border-top: 1px #ccc dotted;
}

#coupon-shop div {
    margin: 0 0 0 110px;
}

#coupon strong {
    color: #b30000;
}

#coupon em {
    color: #003b99;
}

#content h4 {
    color: #0f274d;
    font-size: 13px;
    letter-spacing: 0.1em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

#content p {
    margin-bottom: 1em;
}





#corporate-info {
    margin-bottom: 2em;
    padding: 4px;
    border: 1px solid #CC0033;
}

ol.basic-list {
    margin-left: 20px;
    padding: 0;
}

ol.basic-list li {
    margin: 0 0 5px 0;
    list-style-type: decimal;
}

.float-right {
    float: right;
    margin: 0 0 1em 1em;
}

#content hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}





.room-contact {
    margin-bottom: 1em;
    height: 100px;
    background: url(https://www.yokohama-weekly.jp/wp-content/uploads/2022/03/bg_room-contact.jpg) no-repeat;
}

.room-contact img {
    margin: 20px 0 0 50px;
}

.anime_right {
    float: right;
    width: 50%;
}

.anime_left {
    float: left;
    width: 50%;
}



#feature-navi ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#feature-navi ul li {
    margin-right: 10px;
    width: 47%;
}

#feature-navi ul li.right {
    margin-right: 0;
}

#feature-navi img {
    width: 100%;
    background: #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
}

#feature-navi {
    margin-bottom: 50px;
}

@media screen and (min-width: 1025px) {
    .campaign .img_box {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .blog .img_box {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/*キャンペーンページ*/

/*ご利用ガイド*/
#attention {
    margin-bottom: 3em;
    padding: 4px;
    /* font-size: 11px; */
    border: 1px #C03 solid;
}

.step-ctt2 {
    padding-top: 5px;
    margin: 0 0 0 0px;
}

.step-ctt2 ul.buttons {
    margin-bottom: 1em;
}

.step-ctt2 ul.buttons li {
    padding: 0 10px 0 0;
    display: inline;
    background: none;
}

.step-ctt3 {
    padding-top: 5px;
    margin: 0 0 0 0px;
}

.step-ctt3 ul.buttons {
    margin-bottom: 1em;
}

.step-ctt3 ul.buttons li {
    padding: 0 10px 0 0;
    display: inline;
    background: none;
}

.step-ctt3 ul.buttons li a {
    font-size: 13px !important;
}

.the_content .step-ctt3 .btn {
    min-width: 300px;
}

.txt-11px {
    font-size: 11px;
}

.step-ctt {
    padding-top: 5px;
    margin: 0 0 0 160px;
}

.flow-step {
    margin: 0 0 5em 0;
    background: url(https://www.yokohama-weekly.jp/wp-content/uploads/2022/04/bg_step.jpg) left bottom no-repeat;
}

.step-ctt ul.buttons li {
    padding: 0 10px 0 0;
    display: inline;
    background: none;
}

.float-left {
    float: left;
    margin: 0 1em 1em 0;
}

.step-ctt h3 {
    /* padding: 0 0 0 5px; */
    /* border-left: 3px #0f274d solid; */
}

.flow-step ul#attention-list {
    padding: 4px 4px 4px 30px;
    border: 1px #C03 solid;
}

.flow-step ul li {
    /* list-style: none; */
    /* padding-left: 6px; */
    /* margin: 0 0 5px 0; */
    /* background: url(https://www.yokohama-weekly.jp/wp-content/uploads/2022/04/icon_dot-arrow.gif) left 5px no-repeat; */
}

ul.basic-list li {
    /* padding-left: 6px; */
    /* margin: 0 0 5px 0; */
    /* background: url(https://www.yokohama-weekly.jp/wp-content/uploads/2022/04/icon_dot-arrow.gif) left 6px no-repeat; */
}

#content #send h4 {
    padding: 3px;
    text-align: center;
    color: #fff;
    background-color: #0F274D;
    margin-top: 0px;
}

.red {
    color: #C00;
}

#send {
    padding: 4px;
    background: url(https://www.yokohama-weekly.jp/wp-content/uploads/2022/04/bg_send.jpg) right bottom no-repeat;
    border: 1px #ccc solid;
    background-size: cover;
}




dl#payment {
    margin-bottom: 2em;
    padding: 3px;
    background: #E6E6E6;
}

dl#payment dd {
    padding: 5px 0 5px 29px;
    background: #fff url(https://www.yokohama-weekly.jp/wp-content/uploads/2022/04/bg_payment-list.gif) 10px 8px no-repeat;
    margin-left: 0;
}

dl#payment dt {
    padding: 4px;
    margin-bottom: 3px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: url(https://www.yokohama-weekly.jp/wp-content/uploads/2022/04/bg_payment-head.jpg) left center repeat-x;
}

dl.shop-info dt {
    float: left;
}

dl.shop-info dd {
    margin: 0 0 0 5em;
}



ol#box-step {
    margin-left: 25px;
}

ol#box-step li {
    margin: 0 0 0.5em 0;
    color: #0F274D;
    font-size: 16px;
    font-weight: bold;
    list-style-type: decimal;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}


#block_credit {
    background-color: #F9F8F1;
    border: 2px solid #670000;
    margin: 1em auto;
    padding: 1em;
    text-align: center;
    width: 500px;
    overflow: hidden;
    zoom: 1;
}

.c_btn {
    background: url(https://www.yokohama-weekly.jp/wp-content/uploads/2022/04/bg_form-btn.jpg) repeat-x scroll left center transparent;
    border: 1px solid #0F274D;
    color: #FFFFFF;
    width: 240px;
    font-weight: bold;
    letter-spacing: 0.3em;
    padding: 3px 10px;
}

/*ご利用ガイド*/

.table li {
    margin-left: 1.4em;
    text-indent: -1.4em;
}

.banner_container .wrapper {
    width: 100%;
}

.dropdown .dropdown-menu {
    background-color: #7D7562;
}

.dropdown .dropdown-menu form button {
    font-size: 14px;
}

.dropdown .dropdown-menu li:hover form button {
    color: #000;
}

.accordion_menu #menu_bar:checked+label span::after,
.accordion_menu #menu_bar1:checked+label span::after,
.accordion_menu #menu_bar2:checked+label span::after,
.accordion_menu #menu_bar3:checked+label span::after,
.accordion_menu #menu_bar4:checked+label span::after,
.accordion_menu #menu_bar5:checked+label span::after,
.accordion_menu #menu_bar6:checked+label span::after,
.accordion_menu #menu_bar7:checked+label span::after,
.accordion_menu #menu_bar8:checked+label span::after,
.accordion_menu #menu_bar9:checked+label span::after,
.accordion_menu #menu_bar10:checked+label span::after,
.accordion_menu #menu_bar11:checked+label span::after,
.accordion_menu #menu_bar12:checked+label span::after,
.accordion_menu #menu_bar13:checked+label span::after,
.accordion_menu #menu_bar14:checked+label span::after,
.accordion_menu #menu_bar15:checked+label span::after,
.accordion_menu #menu_bar16:checked+label span::after,
.accordion_menu #menu_bar17:checked+label span::after,
.accordion_menu #menu_bar18:checked+label span::after,
.accordion_menu #menu_bar19:checked+label span::after,
.accordion_menu #menu_bar20:checked+label span::after,
.accordion_menu #menu_bar21:checked+label span::after,
.accordion_menu #menu_bar22:checked+label span::after,
.accordion_menu #menu_bar23:checked+label span::after,
.accordion_menu #menu_bar24:checked+label span::after,
.accordion_menu #menu_bar25:checked+label span::after,
.accordion_menu #menu_bar26:checked+label span::after,
.accordion_menu #menu_bar27:checked+label span::after,
.accordion_menu #menu_bar28:checked+label span::after,
.accordion_menu #menu_bar29:checked+label span::after,
.accordion_menu #menu_bar30:checked+label span::after,
.accordion_menu #menu_bar31:checked+label span::after,
.accordion_menu #menu_bar32:checked+label span::after,
.accordion_menu #menu_bar33:checked+label span::after,
.accordion_menu #menu_bar34:checked+label span::after,
.accordion_menu #menu_bar35:checked+label span::after,
.accordion_menu #menu_bar36:checked+label span::after,
.accordion_menu #menu_bar37:checked+label span::after,
.accordion_menu #menu_bar38:checked+label span::after,
.accordion_menu #menu_bar39:checked+label span::after,
.accordion_menu #menu_bar40:checked+label span::after,
.accordion_menu #menu_bar41:checked+label span::after,
.accordion_menu #menu_bar42:checked+label span::after,
.accordion_menu #menu_bar43:checked+label span::after,
.accordion_menu #menu_bar44:checked+label span::after,
.accordion_menu #menu_bar45:checked+label span::after,
.accordion_menu #menu_bar46:checked+label span::after,
.accordion_menu #menu_bar47:checked+label span::after,
.accordion_menu #menu_bar48:checked+label span::after,
.accordion_menu #menu_bar49:checked+label span::after,
.accordion_menu #menu_bar50:checked+label span::after,
.accordion_menu #menu_bar51:checked+label span::after,
.accordion_menu #menu_bar52:checked+label span::after,
.accordion_menu #menu_bar53:checked+label span::after,
.accordion_menu #menu_bar54:checked+label span::after,
.accordion_menu #menu_bar55:checked+label span::after,
.accordion_menu #menu_bar56:checked+label span::after,
.accordion_menu #menu_bar57:checked+label span::after,
.accordion_menu #menu_bar58:checked+label span::after,
.accordion_menu #menu_bar59:checked+label span::after,
.accordion_menu #menu_bar60:checked+label span::after,
.accordion_menu #menu_bar61:checked+label span::after,
.accordion_menu #menu_bar62:checked+label span::after,
.accordion_menu #menu_bar63:checked+label span::after,
.accordion_menu #menu_bar64:checked+label span::after,
.accordion_menu #menu_bar65:checked+label span::after,
.accordion_menu #menu_bar66:checked+label span::after,
.accordion_menu #menu_bar67:checked+label span::after,
.accordion_menu #menu_bar68:checked+label span::after,
.accordion_menu #menu_bar69:checked+label span::after,
.accordion_menu #menu_bar70:checked+label span::after,
.accordion_menu #menu_bar71:checked+label span::after,
.accordion_menu #menu_bar72:checked+label span::after,
.accordion_menu #menu_bar73:checked+label span::after,
.accordion_menu #menu_bar74:checked+label span::after,
.accordion_menu #menu_bar75:checked+label span::after,
.accordion_menu #menu_bar76:checked+label span::after,
.accordion_menu #menu_bar77:checked+label span::after,
.accordion_menu #menu_bar78:checked+label span::after,
.accordion_menu #menu_bar79:checked+label span::after,
.accordion_menu #menu_bar80:checked+label span::after,
.accordion_menu #menu_bar81:checked+label span::after,
.accordion_menu #menu_bar82:checked+label span::after,
.accordion_menu #menu_bar83:checked+label span::after,
.accordion_menu #menu_bar84:checked+label span::after,
.accordion_menu #menu_bar85:checked+label span::after,
.accordion_menu #menu_bar86:checked+label span::after,
.accordion_menu #menu_bar87:checked+label span::after,
.accordion_menu #menu_bar88:checked+label span::after,
.accordion_menu #menu_bar89:checked+label span::after,
.accordion_menu #menu_bar90:checked+label span::after,
.accordion_menu #menu_bar91:checked+label span::after,
.accordion_menu #menu_bar92:checked+label span::after,
.accordion_menu #menu_bar93:checked+label span::after,
.accordion_menu #menu_bar94:checked+label span::after,
.accordion_menu #menu_bar95:checked+label span::after,
.accordion_menu #menu_bar96:checked+label span::after,
.accordion_menu #menu_bar97:checked+label span::after,
.accordion_menu #menu_bar98:checked+label span::after,
.accordion_menu #menu_bar99:checked+label span::after,
.accordion_menu #menu_bar100:checked+label span::after,
.accordion_menu #menu_bar101:checked+label span::after,
.accordion_menu #menu_bar102:checked+label span::after,
.accordion_menu #menu_bar103:checked+label span::after,
.accordion_menu #menu_bar104:checked+label span::after,
.accordion_menu #menu_bar105:checked+label span::after {
    content: "ー";
}


@media screen and (max-width: 1100px) {
    .rank ul li {
        min-width: 85px;
    }
}

@media screen and (max-width: 1024px) {

    .picky_detail img {
        padding: 5px;
    }

    .picky_detail a::before {
        margin: 5px;
    }


    .area_detail {
        flex-direction: column;
    }

    .area_detail_menu {
        width: 100%;
    }

    /* .area_detail h1 { */
    .area_detail h4 {
        /* line-height: 1; */
        font-size: 2.5rem;
        margin-bottom: 10px;
    }

    .area_detail p {
        font-size: 1.1rem;
    }

    /* .area_detail h1 span { */
    .area_detail h4 span,
    .area_detail div.ja span {
        display: inline-block;
    }

    .route_menu {
        width: 100%;
        margin: 0;
    }

    .route {
        display: flex;
    }

    .route li {
        flex-grow: 1;
        font-size: 1.5rem;
    }

    .rank {
        flex-direction: column;
        align-items: initial;
        margin-top: 10px;
        padding-top: 10px;
    }

    .rank ul {
        margin-bottom: 10px;
        width: 100%;
        max-width: none;
    }

    .rank .btn_search {
        width: 100%;
        margin-bottom: 5px;
    }

    .btn_search {
        max-width: none;
        width: 100%;
    }

    .btn_search a {
        max-width: none;
    }


    .movie_detail p {
        font-size: 1.4rem;
    }


    .access_content {
        justify-content: space-between;
    }

    .access_content li {
        width: 45%;
    }

    .access_content li:nth-of-type(2n) {
        margin: 0;
    }

    /* 
	.access_content li:nth-of-type(3n) {
		margin-right: 5%;
	} */

    .access_content li:nth-of-type(n+3) {
        border-top: 1px dotted #BEA982;
        padding-top: 30px;
        margin-top: 20px;
    }

    .access_content li {
        position: relative;
    }

    .access_img img {
        height: 100%;
    }

    .access_content li::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        border: 0px;
        border-top: solid 2px #B7A075;
        border-right: solid 2px #B7A075;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 30%;
        right: -36px;
        margin-top: -4px;
    }

    .access_content li:nth-of-type(2n)::after,
    .access_content li:last-of-type::after {
        content: none !important;
    }

    .access_content li:nth-of-type(3n)::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        border: 0px;
        border-top: solid 2px #B7A075;
        border-right: solid 2px #B7A075;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 35%;
        right: -36px;
        margin-top: -4px;
    }

    .access_content li:last-of-type::after {
        content: none;
    }


    .post_page {
        flex-direction: column;
    }

    .post_menu {
        width: 100%;
    }

    .building_info {
        flex-wrap: wrap;
    }

    .building_info > div {
        flex: none;
        width: 50%;
        margin: 3px 0px;
    }

    .building_info > div:nth-child(3) {
        border: none;
    }
}


@media screen and (max-width: 950px) {
    .picky_content .picky_detail h2 {
        font-size: 2rem;
    }

    .building_info > div span {
        line-height: normal;
        padding: 0px 5px;
    }

    .building_info > div p {
        font-size: 13px;
        padding: 0px 5px;
    }

}

@media screen and (min-width:640px) and (max-width: 850px) {
    .reccomend .pickup_content li {
        width: 48%;
    }
}

/* @media screen and (min-width: 640px) {
	.footer_contact:hover {
		bottom: 0 !important;
	}
} */

@media screen and (max-width: 768px) {

    .newline {
        display: none;
    }

    .accessline {
        display: block;
    }


    .access_content li {
        margin-bottom: 50px;
    }




    .article {
        flex-direction: column;
    }

    .article_detail {
        border-bottom: 1px dotted #BEA982;
        border-right: 0;
        padding: 0 0 10px 0;
    }

    .article p {
        padding: 10px 0 0 0;
    }

    .area_container {
        max-height: none;
    }

    .area_content {
        max-height: none;
        flex-direction: column;
    }

    .area_img {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .area_inner {
        width: 100%;
    }

    .area_detail p {
        font-size: 1.4rem;
    }

    .rank ul {
        margin-top: 5px;
        margin-bottom: 10px;
        flex-wrap: wrap;
        width: 100%;
        max-width: none;
    }

    .rank ul li {
        width: initial;
        min-width: 100px;
    }


    .movie h2 {
        font-size: 3rem;
    }
}


@media screen and (max-width: 640px) {
    /* h2 {
		font-size: 1.7rem;
	} */

    .picky_content {
        flex-direction: column;
    }

    .picky_content li {
        width: 100%;
    }


    .access_content {
        flex-direction: column;
        margin-bottom: 0;
    }

    .access_content li {
        width: 100%;
        border-top: 0 !important;
        margin-bottom: 0;
    }

    .access_content li:first-of-type {
        margin-bottom: 50px;
    }

    .access_inner {
        position: relative;
    }

    .access_inner::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        border: 0px;
        border-bottom: solid 2px #B7A075;
        border-right: solid 2px #B7A075;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        bottom: -15px;
        right: 50%;
    }

    .access_content li:last-of-type .access_inner::after {
        content: none !important;
    }

    .access_img::after {
        content: none;
    }


    /* .area_detail h1 { */
    .area_detail h4 {
        font-size: 2rem;
    }

    .area_detail p {
        font-size: 1.2rem;
    }

    .area_detail h4 span,
    .area_detail div.ja span {
        display: table;
        margin-top: 5px;
    }

    .route {
        flex-wrap: wrap;
    }


    .map_detail h1 {
        /* font-size: 2rem; */
    }

    .map_address {
        flex-direction: column;
        border: none;
        margin-top: 15px;
    }

    .map_address span {
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
        border-right: none;
        width: 100%;
        justify-content: center;
    }

    .map_address p {
        border-top: 1px dotted #BEA982;
        display: flex;
        flex-direction: column;
        margin: 0;
    }



    .property_list h2 {
        font-size: 1.6rem;
    }


    .width .checkbox-btns label {
        width: 100%;
    }


    .movie h2 {
        font-size: 2rem;
    }

    .movie_detail {
        margin: 3% 0 0 0;
        width: 100%;
    }

    .img_size {
        width: 100%;
    }

    .movie_img {
        width: 100%;
    }


    .nfd_detail h1 {
        font-size: 1.5rem;
    }

    .faq_content .accordion_menu label span::after {
        right: 6%;
    }

    .nfd_content {
        height: 70vh;
    }

    .access_content li::after {
        display: none;
    }

    .property_information .table dd .the_content ul {
        padding-left: 0;
    }

    .the_content .alignright {
        float: initial;
        margin: 0 auto;
        display: block;
    }


    /* .footer_contact:active {
		bottom: 0 !important;
	} */

    .step-ctt3 ul.buttons {
        padding-left: 0;
    }

    .the_content .step-ctt3 .btn {
        min-width: 270px;
    }

    .step-ctt3 ul.buttons li a {
        font-size: 11px !important;
    }

    .voice .pager li .next,
    .voice .pager li .prev {
        font-size: 24px;
    }


}


@media screen and (max-width: 500px) {
    .area_menu span {
        width: 18%;
    }

    ul#demo2_headline li {
        font-size: 1.3rem;
    }

    .option li {
        margin-bottom: 3px;
    }

    .building_info p br {
        display: inline;
    }
}


@media screen and (max-width: 350px) {
    .rank ul li {
        max-width: none;
        width: 100%;
    }
}





/*--------------------------------
	フォーム
--------------------------------*/

















/****************************************************************

	検索ページ　room_content_search.php

****************************************************************/

/* 0412追加 */
.reverse {
    flex-direction: row-reverse;
    width: 56%;
    justify-content: space-between;
}

.reverse .p_c_infomation {
    width: 52%;
}

.reverse .p_c_price {
    width: 41%;
}

.reverse .column_reverse {
    flex-direction: column-reverse;
}

.p_c_infomation .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 66%;
}

.container .inline_flex {
    display: flex;
    width: 100%;
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .reverse {
        width: calc(30% + 30% + 4%);
    }

    .reverse .p_c_infomation,
    .reverse .p_c_price {
        width: 47%;
    }

}

@media screen and (max-width: 1024px) {
    .reverse {
        width: 100%;
    }

    .reverse .p_c_infomation,
    .reverse .p_c_price {
        width: 47%;
    }
}

@media screen and (max-width: 800px) {
    .reverse {
        flex-direction: column-reverse;
        width: 100%;
        flex-wrap: wrap;
    }

    .reverse .p_c_infomation,
    .reverse .p_c_price {
        width: 100%;
    }

    .p_c_infomation .container {
        height: 85%;
    }
}

@media screen and (max-width: 640px) {
    .reverse {
        flex-direction: column-reverse;
        width: 100%;
        flex-wrap: wrap;
        display: flex !important;
    }

    .reverse .p_c_infomation,
    .reverse .p_c_price {
        width: 100%;
    }

    .reverse .column_reverse {
        display: flex !important;
        flex-direction: column-reverse;
    }

}

/* 0412追加 ここまで */


/****************************************************************

	オンライン予約検索ページ（reserve.php）

****************************************************************/

.alert {
    color: #dc3232 !important;
    font-size: 1em;
}

/* 0425追加 ここから */

.reserve_room_content {
    border: 1px solid #CEBDA0;
}

.reserve_room_content h4 {
    margin-top: 0;
}

.reserve_room_content .btn {
    margin-top: 0;
    float: none;
    max-width: 100%;
    height: auto;
}

.pickup_content .reserve_room_content .btn::before {
    top: 30px;
}

.pickup_content .reserve_room_content .btn::after {
    top: 26px;
}

.pickup_content .reserve_room_content .btn_reserve::after {
    border-color: #FFF;
}

.pickup_content .reserve_room_content .btn_reserve::before {
    background-color: #FFF;
}

.reserve_room_content .btn a {
    line-height: 1.2;
}

.reserve_room_content .btn_reserve {
    float: none;
    width: 100%;
    max-width: 100%;
    padding-left: 10px;
}

.reserve_room_content .btn_reserve a {
    padding: 15px 0 15px 5px;
}

.reserve_room_content .btn_reserve a {
    color: #FFFFFF;
}

/* 0425追加 ここまで */

/* 1115追加 ここから */

.ui-datepicker {
    z-index: 1000 !important;
}

/* 1115追加 ここまで */


/****************************************************************

	オンライン予約一覧ページ（reserve-possible.php）

****************************************************************/


@media screen and (max-width: 640px) {
    .reserve-possible-main .pickup_content li {
        margin-bottom: 50px;
    }

    .reserve-possible-main .pickup_detail {
        height: auto !important;
    }
}

/****************************************************************

	トランクルーム

****************************************************************/

/* 2023/03/31 Add : Step2のチェックボックスを縦並びに変更 ここから*/
form .checkbox-247 .wpcf7-list-item {
    display: block;
    width: 100%;
}

form .checkbox-152 .wpcf7-list-item {
    display: block;
    width: 100%;
}

/* 選択項目の背景色の幅 */
form .checkbox-247 .wpcf7-list-item-label {
    width: 50%;
}

form .checkbox-152 .wpcf7-list-item-label {
    width: 50%;
}

/* 2023/03/31 Add : Step2のチェックボックスを縦並びに変更 ここまで*/


/****************************************************************

	詳細条件で探す

****************************************************************/
form .checkbox-btns .checkbox_wide {
    width: 100%;
}