@media screen and (max-width: 1310px) {
  header .logo {
    width: 120px;
  }
  header nav ul li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 1180px) {
  header nav ul li {
    margin-left: 20px;
  }
  header .logo {
    width: 120px;
  }
}
@media screen and (max-width: 600px) {
  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 16px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }
  body,
  header,
  #home #fv .wrap {
    min-width: unset;
  }
  .mw_01 {
    padding: 0 20px;
  }
  .mw_02 {
    padding: 0 20px;
  }
  .common_btn {
    padding: 0 20px;
  }
  .common_btn a {
    width: 100%;
    max-width: unset;
    padding: 20px;
  }
  .property_list ul li {
    width: 100%;
    margin-bottom: 40px;
  }
  header {
    height: 60px;
  }
  header .inner {
    padding: 0 20px;
    padding-right: 0;
  }
  header nav ul li {
    display: none;
  }
  header .humb {
    display: flex;
  }
  header .logo {
    width: 140px;
  }
  footer .group_flex .company {
    display: block;
    margin-bottom: 30px;
  }
  footer .group_flex .company .logo {
    width: 40%;
    top: 0;
    margin-bottom: 20px;
  }
  footer .group_flex .company .detail {
    padding-left: 0;
  }
  footer .group_flex {
    display: block;
  }
  footer .group_flex .left {
    width: 100%;
  }
  footer .group_flex .right {
    width: 100%;
  }
  footer .inner {
    padding: 80px 20px 10px 20px;
  }
  footer .group_flex nav ul li {
    width: calc(50% - 10px);
  }

  #visit {
    /* display: none; */
    right: 20px;
  }
  .menu_close_btn {
    width: 30px;
    height: 30px;
    top: 15px;
    right: 20px;
  }
  .modal {
    min-width: unset;
  }
  .modal .wrap {
    padding: 0;
  }
  .modal .inner {
    padding: 100px 20px;
  }
  #modal_sort .list label {
    width: calc(50% - 10px);
  }
  #modal_sort .group.cat label {
    width: calc(50% - 10px);
  }
  #modal_sort .group.cat .list {
    justify-content: flex-start;
  }
  #modal_sort .group.area label {
    width: calc(50% - 10px);
  }
  .modal.gallery_modal .inner img {
    height: auto;
    width: 100%;
  }
  #visit a {
    font-size: 14px;
  }
  .page_wrap {
    padding: 120px 0px 120px;
  }
  #page .page_head {
    margin-bottom: 40px;
  }
  /* ===================================================================
  top
  =================================================================== */
  #home #fv .wrap {
    padding: 20px;
  }
  #home #fv .head nav {
    display: none;
  }
  #home #fv .humb {
    display: block;
    background-color: unset;
    width: auto;
  }
  #home #fv .head .logo {
    width: 40px;
  }
  #home #fv .sub {
    width: 280px;
    bottom: 120px;
  }
  #home #fv .btn_banner{
    width: 100%;
  }
  #home #fv .tit {
    width: 80%;
    margin-left: 0;
  }
  #home #fv .btn {
    display: none;
  }
  #home #fv {
    margin-bottom: 80px;
  }
  #home #news .inner {
    display: block;
  }
  #home #news .sec_tit {
    width: 100%;
    margin-bottom: 30px;
  }
  #home #news .news_list {
    width: 100%;
  }
  #home #news .news_list ul li a {
    display: block;
  }
  #home #news .news_list ul li a .day {
    width: 100%;
  }
  #home #news .news_list ul li a .tit {
    width: 100%;
  }
  #home #news .wrap {
    margin-bottom: 80px;
  }
  #home #about .wrap {
    margin-bottom: 0;
    padding: 0;
  }
  #home #about .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  #home #about .sec_tit {
    margin-bottom: 30px;
  }
  #home #about .text_area p br {
    display: none;
  }
  #home #pickup .inner {
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #home #pickup .sp_block {
    display: block;
    margin-bottom: 30px;
  }
  #home #pickup .main_thumb_slider {
    width: 100%;
    margin-bottom: 20px;
  }
  #home #pickup .property_summary {
    width: 100%;
    padding: 0;
  }
  #home #pickup .property_summary .sec_tit.pc_block {
    display: none;
  }
  #home #pickup .inner::before {
    content: none;
  }
  #home #pickup .wrap {
    margin-bottom: 80px;
  }
  #home #property_list_section .common_btn {
    padding: 0;
  }
  #home #consulting_banner .inner {
    display: block;
  }
  #home #consulting_banner .group {
    width: 100%;
  }
  #home #consulting_banner .group a {
    padding: 130px 20px;
  }
  #home #consulting_banner .wrap {
    margin-bottom: 0;
    padding: 0 0px;
  }
  #home #banner .inner {
    padding: 80px 0px;
  }
  #banner .group_flex .box {
    width: calc(50% - 10px);
  }
  #banner .group_flex .box:nth-child(-n + 2) {
    margin-bottom: 20px;
  }
  #contact_banner .btn_flex {
    display: block;
  }
  #contact_banner .btn_flex a {
    width: 100%;
    height: 90px;
  }
  #contact_banner .btn_flex a:nth-child(1) {
    margin-bottom: 20px;
  }
  /* ===================================================================
  sale
  =================================================================== */
  #page.sales #sort_sp_head {
    display: block;
  }
  #page.sales #content #sort {
    display: none;
  }
  #page.sales #content .property_list {
    width: 100%;
  }
  #page.sales #content .property_list ul li {
    width: 100%;
  }
  /* ===================================================================
  consulting
  =================================================================== */
  #page.consulting #content .group .group_list ul li {
    width: 100%;
  }
  /* ===================================================================
  about
  =================================================================== */
  #page.about #company-profile .group_flex {
    display: block;
  }
  #page.about #company-profile .group_flex .main_thumb_slider {
    width: 100%;
    margin-bottom: 20px;
  }
  #page.about #company-profile .group_flex .table_area {
    width: 100%;
  }
  #page.about #staff .group_flex {
    display: block;
  }
  #page.about #staff .group_flex .box {
    width: 100%;
    align-items: flex-start;
    display: block;
  }
  #page.about #staff .group_flex .box .text {
    padding: 20px;
    width: 100%;
  }
  #page.about #staff .group_flex .box .thumb{
    width: 100%;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
    #page.about #staff .group_flex .box .thumb img{
      width: 100%;
      max-height: none;
      position: absolute;
      top: -10%;
    }
  #page.about #staff .group_flex .box .text p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  #page.about #staff .group_flex .box .text h5{
     font-size: 14px;
     margin-bottom: 10px;
  }
  #page.about #members .group_flex .box .text h5 {
    margin-bottom: 0px;
  }
  #page.about #staff .group_flex .box .text p br {
    display: none;
  }
  #page.about #staff .group_flex .box .hide_text {
    padding: 40px 20px;
    padding-top: 10px;
  }
  #page.about #staff .group_flex .box .hide_text_inner {
    display: block;
  }
  #page.about #staff .group_flex .box .hide_text table {
    width: 100%;
  }
  #page.about #staff .group_flex .box .hide_text table td {
    width: 100px;
  }
  #page.about #staff .group_flex .box .hide_text table th {
    width: calc(10% - 100px);
  }
  #page.about #access .map {
    padding-bottom: 100%;
  }
  #page.about #banner .group_flex .box {
    width: calc(50% - 10px);
  }
  #page.about #company-profile .group_flex .table_area table th,
  #page.about #company-profile .group_flex .table_area table td {
    font-size: 12px;
  }
  #page.about #company-profile .group_flex .table_area table td {
    width: 120px;
    padding: 10px 20px;
  }
  #page.about #company-profile .group_flex .table_area table th {
    width: calc(10% - 120px);
    padding: 10px 20px;
  }
  #page.about .group {
    padding: 80px 0px;
  }
  /* ===================================================================
  single
  =================================================================== */
  #single #fv .wrap {
    margin-top: 60px;
  }
  #single #fv .thumb {
    padding-bottom: 66.666%;
  }
  #single #fv .thumb .thumb_main{padding: 0;}
  #single #content .summary {
    display: block;
  }
  #single #content .summary .text {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
  }
  #single #content .summary .property_detail {
    width: 100%;
  }
  #single #content .table_area table tr {
    width: 100%;
  }
  #single #content .table_area table td,
  #single #content .table_area table th {
    padding: 15px 20px;
  }
  #single #content .table_area table td {
    width: 120px;
  }
  #single #content .table_area table th {
    width: calc(100% - 120px);
  }
  #single #gallery .thumb .zoom {
    display: none;
  }
  /* ===================================================================
  contact
  =================================================================== */
  #page.contact .mw_wp_form {
    margin-bottom: 80px;
  }

  /* ===================================================================
  sales
  =================================================================== */
  #page.sales #sort_head {
    top: 0px;
  }
  #page.sales .wp-pagenavi {
    margin-top: 40px;
  }
  #page.sales #sort_head a {
    padding: 14px 20px;
    font-size: 13px;
  }

  /* ===================================================================
  member
  =================================================================== */
  #page.member #wpmem_login {
    width: 100%;
  }
  #page.member .member_login_inner {
    padding: 40px 20px;
  }
  #page.member #content .mw_02 {
    padding: 0;
  }
  #page.member #wpmem_restricted_msg .btn_wrap,
  #page.member.profile ul {
    display: block;
  }
  #page.member.profile ul li,
  #page.member #wpmem_restricted_msg .btn_wrap a {
    width: 100%;
    margin-bottom: 20px;
  }

  #members_link .wrap{
    padding: 0;
  }
  #members_link .inner{
    padding: 80px 20px;
    display: block;
  }
  #members_link .left{
    width: 100%;
  }
  #members_link .right{
     width: 100%;
  }
  #members_link .left p{
    margin-bottom: 20px;
  }
  #members_link .left p br{
    display:none
  }
  #members_link .sec_tit p{
    margin-bottom: 10px;
  }
  #full_menu nav li{
    margin-left: 0;
  }
}
