/*-----------------------
ヘッダー
-----------------------*/
#header {
    border-right: rgba(255,150,21,.5) solid 0.5px;
}

.sp {
    display: none;
}
/*---------------------------------------
パンくずリスト
-------------------------------------*/
#main {
    margin-bottom: 250px;
}

.main_contents_inner {
    padding: 40px 60px 0 60px;
}

.blead_list_area {
    width: 100%;
    margin-bottom: 40px;
}

.blead_list_area .blead_list {
    list-style: none;
    display: flex;
    height: 20px;
    align-items: center;
}

.blead_list .blead_list_link {
    font-size: 14px;
    font-weight: 400;
    font-family: "Noto Sans JP", sans-serif;
    color: #737373;
    display: flex;
    justify-content: space-evenly;
}

.blead_list .blead_list_arrow {
    font-size: 16px;
    margin: 0 10px;
}

.blead_list .blead_list_link a {
    text-decoration: none;
    color: #737373;
}

.slider_contents_area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

/*------------------------------
スライダー
------------------------------*/

.property_detail_slider_contents {
    position: relative;
    max-width: 761px;
    width: 53%;
    height: 100%;
}

.slider-thumbnail .swiper-slide {
    transition: all .5s;
    width: 25%;
    padding: 9px 0;
    background-color: #545455;
    border-radius: 8px;
    position: relative;
}
.slider-thumbnail .swiper-slide::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(84,84,84,.6);
    top: 0;
    left: 0;
    border-radius: 8px;
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
    transition: all .5s;
    background-color: #F8F1E9;
}

.slider-thumbnail .swiper-slide.swiper-slide-thumb-active::before {
    display: none;
}

/* レイアウトのためのスタイル */
.property_detail_slider,
.slider-thumbnail {
  width: 100%;
  margin: 0;
}

.property_detail_slider {
    background-color: #F8F1E9;
    border-radius: 10px;
    padding: 60px 0 25px;
    margin-bottom: 7px;
}
.property_detail_slide img {
    height: 278px;
    object-fit: contain;
    width: 100%;
}

.slider-thumbnail .swiper-wrapper .property_detail_slide img  {
    height: 102px;
    width: 80%;
    object-fit: contain;
    margin: auto;
    display: block;
}


.swiper-button-next,
.swiper-button-prev {
    top: calc(50% - 23px);
}
.swiper-button-prev {
    left: -23px;
}

.swiper-button-next {
    right: -23px;
}
/*モーダル*/
/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
.gallery-list {
    list-style: none;
}
/*-------------------------
物件情報
---------------------------*/
.property_detail_txt_contents {
    width: 43%;
}

.property_detail_txt_contents .property_detail_ttl {
    width: 100%;
    background-color: #613a0b;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.4;
    padding: 25px 40px;
    border-radius: 10px;
    margin-bottom: 35px;
}

.property_detail_txt_contents .property_detail_ttl .property_detail_adress {
    font-size: 20px;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    margin-top: 26px;
}

.property_detail_price_area {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.property_detail_price_area .property_detail_price_ttl {
    background-color: #ff9615;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    border-radius: 5px;
    margin-right: 15px;
}

.property_detail_price_area .property_detail_price_txt {
    font-size: 24px;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
}

.property_detail_price_area .property_detail_price_txt span {
    font-size: 18px;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
}

.property_detail_txt_area .property_detail_txt {
    width: 80%;
    border: #ff9615 solid 2px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    margin-bottom: 25px;
    padding: 40px;
    position: relative;
}

.property_detail_txt_area .property_detail_txt::before {
    content: '';
    width: 35px;
    height: 2px;
    background-color: #ff9615;
    position: absolute;
    bottom: 25px;
    right: 5px;
    transform: rotate(35deg);
    z-index: 3;
}

.property_detail_txt_area .property_detail_txt::after {
    content: '';
    width: 35px;
    height: 35px;
    background-color: #fff;
    position: absolute;
    bottom: 11px;
    right: 8px;
    transform: rotate(35deg);
    z-index: 2;
}

.property_detail_txt_area .property_detail_manager_area {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: #7a7a7a 2px solid;
    align-items: flex-end;
    height: 53px;
    border-radius: 7px 0 0 7px;
}

.property_detail_manager_area .property_detail_manager_txt {
    background-color: #7a7a7a;
    border-radius: 7px;
    color: #fff;
    height: 53px;
    width: 216px;
    font-size: 20px;
    font-weight: 400;
    font-family: "Noto Sans JP", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

.property_detail_manager_area .property_detail_manager_img {
    width: 121px;
    object-fit: cover;
}

/*--------------------------
物件情報
---------------------------*/
.property_info_area {
    width: 100%;
    padding: 25px 30px;
    background-color: #FFF3E4;
    border-radius: 8px;
    margin-bottom: 60px;
}

.property_info_area .property_info_txt_area_01,
.property_info_area .property_info_txt_area_02 {
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.property_info_area .property_info_txt_area_01 {
    margin-bottom: 24px;
}

.property_info_txt_area_01 .property_info_adress_txt,
.property_info_txt_area_01 .property_info_price_txt,
.property_info_txt_area_01 .property_info_floor_txt,
.property_info_txt_area_01 .property_info_structure_txt,
.property_info_txt_area_02 .property_info_land_area_txt,
.property_info_txt_area_02 .property_info_building_area_txt,
.property_info_txt_area_02 .property_info_traffic_txt,
.property_info_txt_area_02 .property_info_parking_txt {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 25%;
}

.property_info_txt_area_01 .property_info_adress_txt span,
.property_info_txt_area_01 .property_info_price_txt span,
.property_info_txt_area_01 .property_info_floor_txt span,
.property_info_txt_area_01 .property_info_structure_txt span,
.property_info_txt_area_02 .property_info_land_area_txt span,
.property_info_txt_area_02 .property_info_building_area_txt span,
.property_info_txt_area_02 .property_info_traffic_txt span,
.property_info_txt_area_02 .property_info_parking_txt span {
    min-width: 80px;
    width: 80px;
    min-height: 32px;
    background-color: #ff9615;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

/*-------------------------
物件情報テーブル
----------------------------*/
.property_detail_info_table_area {
    margin-bottom: 60px;
}

.property_detail_info_table_area .property_detail_info_ttl {
    font-size: 40px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    margin-bottom: 24px;
}

.property_detail_info_table_area .property_detail_table {
    width: 100%;
    border-collapse: collapse;
}

.property_detail_table .table_contents {
    height: 48px;
    border-bottom: #858383 1px dotted;
}

.property_detail_table .table_contents:last-of-type {
    border-bottom: none;
}

.table_contents td {
    padding: 0 0 0 30px;
}

.table_contents .table_ttl {
    background-color: #FFF3E4;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    width: 260px;
}

.table_contents .table_txt {
    background-color: #f2f2f2;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    width: 460px;
    padding: 10px 30px 10px 30px;
}

/*--------------
マップ
---------------*/
#map_canvas {
    width: 100%;
    height:500px;
    margin-bottom: 90px;
}

/*-------------
一括資料請求フォーム
------------------*/

section.favorite_area .document_request_form_contents_area {
    width: 100%;
    max-width: 1110px;
    border-radius: 21px;
    margin: 0 auto;
    box-shadow: rgba(0,0,0,.25) 0 0 7px;
    margin-bottom: 10px;
    padding-bottom: 55px;
}

/*-------------
資料請求フォーム
------------------*/
.document_request_form_contents_area {
    width: 70%;
    max-width: 1110px;
    border-radius: 21px;
    margin: 0 auto;
    box-shadow: rgba(0,0,0,.25) 0 0 7px;
    margin-bottom: 10px;
    padding-bottom: 55px;
}

.document_request_form_contents_area .document_request_form_ttl {
    background-color: #ff9615;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    padding-left: 65px;
    border-radius: 21px 21px 0 0;
    height: 84px;
    margin-bottom: 44px;
}

.document_request_form_contents_area .document_request_form_contents {
    width: 85%;
    margin: 0 auto;
    max-width: 960px;
    border-collapse: collapse;
}

.document_request_form_contents_area .document_request_form_contents p.text_red {
    font-size: 14px;
    color: rgb(204, 0, 0);
}

.document_request_form_contents .document_request_form_property_name,
.document_request_form_contents .document_request_form_name_kana,
.document_request_form_contents .document_request_form_tel,
.document_request_form_contents .document_request_form_email,
.document_request_form_contents .document_request_form_contact_method,
.document_request_form_contents .document_request_form_name,
.document_request_form_contents .document_request_form_hope {
    border-bottom: solid 1px #a8a8a8;
    width: 100%;
}

.document_request_form_property_name .document_request_form_must,
.document_request_form_name .document_request_form_must,
.document_request_form_name_kana .document_request_form_must,
.document_request_form_tel .document_request_form_must,
.document_request_form_email .document_request_form_must,
.document_request_form_contact_method .document_request_form_must {
    height: 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: "Noto Sans JP", sans-serif;
    border-radius: 3px;
    background-color: #F22C2C;
    width: 55px;
    display: block;
    text-align: center;
    margin-top: 28px;
    margin-right: 96px;
}

.document_request_form_property_name input,
.document_request_form_name input,
.document_request_form_name_kana input,
.document_request_form_tel input,
.document_request_form_email input,
.document_request_form_hope textarea {
    height: 39px;
    border-radius: 5px;
    background-color: #FFF3E4;
    border: #d3d3d3 1px solid;
    width: 95%;
    max-width: 573px;
    margin: 24px 0 16px;
    padding: 10px;
}

.document_request_form_hope textarea {
    height: 237px;
    padding: 20px;
}

.document_request_form_contact_method_checkbox_area label {
    margin-right: 40px;
}

.document_request_form_contact_method input {
    border: #333;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    vertical-align: middle;
}

.document_request_form_property_name .document_request_form_property_name_ttl,
.document_request_form_name .document_request_form_name_ttl,
.document_request_form_name_kana .document_request_form_name_kana_ttl,
.document_request_form_tel .document_request_form_tel_ttl,
.document_request_form_email .document_request_form_email_ttl,
.document_request_form_contact_method .document_request_form_contact_method_ttl,
.document_request_form_hope .document_request_form_hope_ttl {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    width: 23%;
}

.document_request_form_hope .document_request_form_hope_ttl {
    vertical-align: baseline;
    padding-top: 24px;
}

.document_request_form_contact_method_txt_area .document_request_form_contact_method_txt {
    margin: 24px 0 8px;
}

.document_request_form_contact_method_txt_area .document_request_form_contact_method_checkbox_area {
    margin: 0 0 16px 0;
    display: flex;
    flex-wrap: wrap;
}

.document_request_form_contact_method_txt_area .document_request_form_contact_method_txt,
.document_request_form_contact_method_txt_area .document_request_form_contact_method_checkbox_area {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
}

.document_request_form_contents_area .document_request_form_privacy_check {
    padding-top: 70px;
    width: 80%;
    margin: 0 auto;
}

.document_request_form_privacy_check .document_request_form_privacy_checkbox {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    margin-bottom: 20px;
}
.document_request_form_privacy_check .document_request_form_privacy_checkbox input {
    width: 20px;
    height: 20px;
    border: #838383 1px solid;
    margin-right: 24px;
    vertical-align: middle;
}

.document_request_form_privacy_check .document_request_form_privacy_link {
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    margin: 0 auto;
    margin-bottom: 24px;
    display: flex;
    padding-bottom: 5px;
    width: 200px;
    border-bottom: rgba(51, 51, 51, 0.2) 1px solid;
}

.document_request_form_submit {
    width: 272px;
    height: 60px;
    color: #fff;
    font-size: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF9615;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    transition: all .5s;
    margin-bottom: 55px;
}
  
.document_request_form_submit:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    transition: all .5s;
}
  
.document_request_form_submit::before {
    position: absolute;
    content: '';
    width: 99%;
    height: 20px;
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, #fff 100%);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, #fff 100%);
    opacity: 0.62;
    top: 5px;
    border-radius: 7px;
    filter: blur(6px);
}
  
.document_request_form_submit::after {
    position: absolute;
    content: '';
    width: 99%;
    height: 22px;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
    opacity: 0.36;
    bottom: 2px;
    border-radius: 7px;
    filter: blur(6px);
}

.document_request_form_submit img {
    width: 8px;
    object-fit: cover;
    position: absolute;
    top: calc(50% - 4px);
    right: 23px;
}

@media screen and (max-width:1440px) {
    .property_detail_txt_contents .property_detail_ttl {
        font-size: 24px;
        padding: 20px;
    }
    .property_detail_txt_area .property_detail_txt {
        width: 70%;
        height: unset;
        font-size: 15px;
        margin-bottom: 50px;
    }
    .property_info_txt_area_01 .property_info_adress_txt, .property_info_txt_area_01 .property_info_price_txt, .property_info_txt_area_01 .property_info_floor_txt, .property_info_txt_area_01 .property_info_structure_txt, .property_info_txt_area_02 .property_info_land_area_txt, .property_info_txt_area_02 .property_info_building_area_txt, .property_info_txt_area_02 .property_info_traffic_txt, .property_info_txt_area_02 .property_info_parking_txt {
        display: block;
        padding: 10px;
    }
    .document_request_form_property_name .document_request_form_property_name_ttl, .document_request_form_name .document_request_form_name_ttl, .document_request_form_name_kana .document_request_form_name_kana_ttl, .document_request_form_tel .document_request_form_tel_ttl, .document_request_form_email .document_request_form_email_ttl, .document_request_form_contact_method .document_request_form_contact_method_ttl, .document_request_form_hope .document_request_form_hope_ttl {
        font-size: 17px;
    }
}

@media screen and (max-width:1300px) {
    .property_detail_txt_contents .property_detail_ttl {
        font-size: 15px;
        padding: 15px;
    }
    .property_detail_txt_contents .property_detail_ttl .property_detail_adress {
        font-size: 14px;
    }
    .property_detail_txt_area .property_detail_txt {
        font-size: 13px;
    }
    .property_detail_manager_area .property_detail_manager_txt {
        font-size: 17px;
    }
    .document_request_form_contents_area {
        width: 90%;
    }
    .main_contents_inner {
        padding: 40px 30px 0 30px;
    }
    .property_detail_manager_area .property_detail_manager_txt {
        width: 45%;
    }
    .property_detail_manager_area .property_detail_manager_img {
        width: 90px;
    }
    .document_request_form_contents_area .document_request_form_ttl {
        font-size: 21px;
    }
    .document_request_form_property_name .document_request_form_property_name_ttl, .document_request_form_name .document_request_form_name_ttl, .document_request_form_name_kana .document_request_form_name_kana_ttl, .document_request_form_tel .document_request_form_tel_ttl, .document_request_form_email .document_request_form_email_ttl, .document_request_form_contact_method .document_request_form_contact_method_ttl, .document_request_form_hope .document_request_form_hope_ttl,
    .document_request_form_property_name .document_request_form_must, .document_request_form_name .document_request_form_must, .document_request_form_name_kana .document_request_form_must, .document_request_form_tel .document_request_form_must, .document_request_form_email .document_request_form_must, .document_request_form_contact_method .document_request_form_must {
        font-size: 14px;
    }
    
}

@media screen and (max-width:1023px) {
    .main_contents_inner {
        padding: 90px 0 0;
    }
    .slider_contents_area {
        flex-direction: column;
        margin-bottom: 15px;
    }
    .property_detail_slider_contents {
        width: 100%;
        max-width: unset;
    }
    .swiper-button-prev {
        left: 8px;
    }
    .swiper-button-next {
        right: 8px;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 7%;
        height: auto;
    }
    .swiper-button-prev img, .swiper-button-next img {
        width: 100%;
        height: auto;
    }
    .slider-thumbnail {
        display: none;
    }
    .property_detail_slide img {
        height: 178px;

    }
    .property_detail_txt_contents {
        width: 100%;
        padding: 0 10px;
    }
    .property_detail_txt_contents .property_detail_ttl,
    .property_detail_price_area {
        display: none;
    }
    .property_detail_slider {
        padding: 20px 0;
        margin-bottom: 15px;
    }
    .property_detail_txt_area .property_detail_txt {
        width: 290px;
    }
    .property_detail_txt_area .property_detail_manager_area {
        height: 30px;
    }
    .property_detail_manager_area .property_detail_manager_txt {
        width: 120px;
        height: 30px;
        font-size: 13px;
    }
    .property_detail_manager_area .property_detail_manager_img {
        width: 66px;
    }

    .sp {
        display: block;
    }
    .property_detail_txt_contents_sp {
        width: 100%;
        padding: 0 10px;
    }

    .property_detail_txt_contents_sp .property_detail_ttl {
        width: 100%;
        background-color: #613a0b;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        font-family: "Noto Sans JP", sans-serif;
        line-height: 1.4;
        border-radius: 10px;
        margin-bottom: 11px;
        padding: 15px 40px;
    }
    
    .property_detail_txt_contents_sp .property_detail_ttl .property_detail_adress {
        font-size: 13px;
        font-weight: 500;
        font-family: "Noto Sans JP", sans-serif;
        margin-top: 26px;
    }
    
    .property_detail_txt_contents_sp .property_detail_price_area {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 10px;
    }
    
    .property_detail_txt_contents_sp .property_detail_price_area .property_detail_price_ttl {
        background-color: #ff9615;
        width: 66px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        font-family: "Noto Sans JP", sans-serif;
        border-radius: 5px;
        margin-right: 15px;
    }
    
    .property_detail_txt_contents_sp .property_detail_price_area .property_detail_price_txt {
        font-size: 18px;
        font-weight: 500;
        font-family: "Noto Sans JP", sans-serif;
    }
    
    .property_detail_txt_contents_sp .property_detail_price_area .property_detail_price_txt span {
        font-size: 13px;
        font-weight: 500;
        font-family: "Noto Sans JP", sans-serif;
    }
    .property_info_area {
        padding: 15px 10px;
    }

    .property_info_area .property_info_txt_area_01,
    .property_info_area .property_info_txt_area_02 {
        display: none;
    }
    .property_info_area .property_info_txt_area_01_sp {
        flex-direction: column;
    }
    .property_info_txt_area_01_sp .property_info_adress_txt, .property_info_txt_area_01_sp .property_info_price_txt, .property_info_txt_area_01_sp .property_info_floor_txt, .property_info_txt_area_01_sp .property_info_structure_txt, .property_info_txt_area_02 .property_info_land_area_txt, .property_info_txt_area_02 .property_info_building_area_txt, .property_info_txt_area_02 .property_info_traffic_txt, .property_info_txt_area_02 .property_info_parking_txt {
        display: flex;
    }
    .property_info_txt_area_01_sp .property_info_adress_txt,
    .property_info_txt_area_01_sp .property_info_price_txt,
    .property_info_txt_area_01_sp .property_info_floor_txt,
    .property_info_txt_area_01_sp .property_info_structure_txt,
    .property_info_txt_area_01_sp .property_info_land_area_txt,
    .property_info_txt_area_01_sp .property_info_building_area_txt,
    .property_info_txt_area_01_sp .property_info_traffic_txt,
    .property_info_txt_area_01_sp .property_info_parking_txt {
        color: #333;
        font-size: 13px;
        font-weight: 500;
        font-family: "Noto Sans JP", sans-serif;
        display: flex;
        justify-content: flex-start;
        align-items: baseline;
        margin-bottom: 8px;
    }

    .property_info_txt_area_01_sp .property_info_adress_txt span,
    .property_info_txt_area_01_sp .property_info_price_txt span,
    .property_info_txt_area_01_sp .property_info_floor_txt span,
    .property_info_txt_area_01_sp .property_info_structure_txt span,
    .property_info_txt_area_01_sp .property_info_land_area_txt span,
    .property_info_txt_area_01_sp .property_info_building_area_txt span,
    .property_info_txt_area_01_sp .property_info_traffic_txt span,
    .property_info_txt_area_01_sp .property_info_parking_txt span {
        min-width: 62px;
        height: 25px;
        background-color: #ff9615;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        font-family: "Noto Sans JP", sans-serif;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
    }
    .property_info_area {
        margin-bottom: 40px;
    }
    .property_detail_info_table_area .property_detail_info_ttl {
        padding-left: 10px;
        font-size: 24px;
        margin-bottom: 20px;
    }
    .table_contents .table_ttl {
        font-size: 13px;
        width: 23%;
        padding: 10px;
    }
    .table_contents td {
        padding-left: 10px;
    }
    .table_contents .table_txt {
        font-size: 13px;
        width: 27%;
        padding: 10px;
    }
    .property_detail_info_table_area {
        margin-bottom: 30px;
    }
    .map {
        margin-bottom: 30px;
        height: 260px;
    }
    .document_request_form_contents_area {
        width: 95%;
    }
    .document_request_form_contents_area .document_request_form_ttl {
        height: 32px;
        font-size: 14px;
        padding-left: 15px;
        border-radius: 6px 6px 0 0;
        margin-bottom: 16px;
    }
    .document_request_form_contents_area {
        border-radius: 6px;
    }
    .document_request_form_contents_area .document_request_form_contents {
        width: 100%;
        padding: 0 15px;
    }
    .document_request_form_contents .document_request_form_property_name, .document_request_form_contents .document_request_form_name_kana, .document_request_form_contents .document_request_form_tel, .document_request_form_contents .document_request_form_email, .document_request_form_contents .document_request_form_contact_method, .document_request_form_contents .document_request_form_name, .document_request_form_contents .document_request_form_hope {
        padding: 0 10px;
        display: block;
    }
    .document_request_form_contents .document_request_form_property_name, .document_request_form_contents .document_request_form_name_kana, .document_request_form_contents .document_request_form_tel, .document_request_form_contents .document_request_form_email, .document_request_form_contents .document_request_form_contact_method, .document_request_form_contents .document_request_form_name, .document_request_form_contents .document_request_form_hope {
        display: flex;
        flex-wrap: wrap;
        padding-top: 8px;
    }
    .document_request_form_property_name .document_request_form_property_name_ttl, .document_request_form_name .document_request_form_name_ttl, .document_request_form_name_kana .document_request_form_name_kana_ttl, .document_request_form_tel .document_request_form_tel_ttl, .document_request_form_email .document_request_form_email_ttl, .document_request_form_contact_method .document_request_form_contact_method_ttl, .document_request_form_hope .document_request_form_hope_ttl {
        width: 102px;
    }
    .document_request_form_property_name .document_request_form_must, .document_request_form_name .document_request_form_must, .document_request_form_name_kana .document_request_form_must, .document_request_form_tel .document_request_form_must, .document_request_form_email .document_request_form_must, .document_request_form_contact_method .document_request_form_must {
        margin: 0;
        margin-left: 15px;
        width: 35px;
        height: 20px;
    }
    .document_request_form_property_name input, .document_request_form_name input, .document_request_form_name_kana input, .document_request_form_tel input, .document_request_form_email input, .document_request_form_hope textarea {
        width: 100%;
        margin: 8px 0;
        max-width: unset;
    }
    .document_request_form_property_name .input_area,
    .document_request_form_name .input_area,
    .document_request_form_name_kana .input_area,
    .document_request_form_tel .input_area,
    .document_request_form_email .input_area,
    .document_request_form_hope .input_area {
        width: 100%;
    }
    .document_request_form_contact_method_txt_area .document_request_form_contact_method_txt {
        margin-top: 8px;
        margin-bottom: 16px;
    }
    .document_request_form_contact_method_txt_area .document_request_form_contact_method_txt, .document_request_form_contact_method_txt_area .document_request_form_contact_method_checkbox_area {
        font-size: 14px;
    }
    .document_request_form_contact_method_txt_area .document_request_form_contact_method_checkbox_area {
        flex-direction: column;
    }
    .document_request_form_contact_method_checkbox_area label {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .document_request_form_hope .document_request_form_hope_ttl {
        padding-top: 0;
        width: unset;
        margin-bottom: 8px;
    }
    .document_request_form_hope textarea {
        padding: 6px 0 0 9px;
    }
    .document_request_form_contents .document_request_form_hope {
        border-bottom: none;
    }
    .document_request_form_contents_area .document_request_form_privacy_check {
        padding-top: 24px;
        width: 100%;
        padding: 0 10px;
    }
    .document_request_form_privacy_check .document_request_form_privacy_checkbox {
        text-align: start;
        font-size: 14px;
        margin-bottom: 11px;
    }
    .document_request_form_privacy_check .document_request_form_privacy_checkbox input {
        margin-right: 12px;
    }
    .document_request_form_privacy_check .document_request_form_privacy_link {
        margin: 0;
        margin-bottom: 30px;
    }
    .document_request_form_submit {
        margin: 0 auto;
    }
    .document_request_form_contents_area {
        padding-bottom: 30px;
    }
    #main {
        margin-bottom: 40px;
    }
    .document_request_form_contact_method_txt_area {
        width: 100%;
    }
    .property_detail_txt_area {
        width: 100%;
        max-width: 355px;
        margin: auto;
    }

    .property_detail_table .table_contents {
        height: unset;
    }
}

@media screen and (max-width:600px) {
    .contact_tel::before, .contact_mail::before, .contact_form::before {
        width: 35px;
        height: 35px;
    }
    #footer .contact_area {
        padding: 25px 10px;
    }
}

/*infoエリアをはじめは非表示*/
#info {
	display: none;
}

.modaal-container h2 {
    text-align: center;
    margin-bottom: 50px;
}

.modaal-container h3 {
    margin: 20px 0;
}

.modaal-container p {
    line-height: 2;
}

.modaal-container ul {
    line-height: 2;
    margin-left: 30px;
}

.modaal-container ul ul {
    margin-left: 30px;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 50%;
}
@media screen and (max-width:1023px) {
    .modaal-container{
        max-width: 80%;
    }
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}