@charset "UTF-8";
@media screen and (min-width:769px) {
  .pc {
    display: block !important;
  }
  .sp {
    display: none !important;
  }
}

@media screen and (max-width:768px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
}

@media screen and (min-width:501px) {
  .pc2 {
    display: block !important;
  }
  .sp2 {
    display: none !important;
  }
}

@media screen and (max-width:500px) {
  .sp2 {
    display: block !important;
  }
  .pc2 {
    display: none !important;
  }
}

/* responsive */

@media (max-width: 1133px) {
  #contents {
    padding: 75px 20px 0;
  }
}

@media (max-width: 1100px) {
  .property_contents {
    display: block;
  }
  .property_photo {
    width: 100%;
    margin-top: 30px;
  }
  .property_contents_inner {
    width: 68%;
    margin: 10px 0;
    float: left;
  }
  .property_contents_innerbtn {
    margin-top: 30px;
    float: right;
  }
  .property_photo li {
    width: calc(50% - 5px);
  }
  .property_photo li:nth-child(2) {
    margin: 0;
  }
  .property_photo_inner::before {
    padding-top: calc(110/140*100%);
  }
}

@media (max-width: 1000px) {
  .header_menu_pc li a {
    font-size: 14px;
  }
  .header_menu_pc li {
    min-width: 105px;
  }
  aside {
    height: 70vh;
  }
  .search_result {
    bottom: 125px;
  }
}

/* sp */

/* ipad */

@media (max-width: 768px) {
  main {
    margin-left: 0px;
    margin-bottom: 180px;
    width: 100%;
  }
  .no-flex {
    display: block!important;
  }
  #contents {
    padding: 155px 10px 10px;
  }
  .contentbox {
    padding: 10px;
  }
  .header_sp {
    padding: 10px;
  }
  header img {
    max-width: 90px;
    margin: 0;
  }
  .sbtitle1 p {
    padding: 10px 0 0;
  }
  .droppy--header {
    min-width: unset;
    margin-left: 0;
  }
  .search-form__input {
    position: relative;
    max-width: 320px;
    margin-right: 0;
  }
  .search-form__text-field {
    padding: 5px;
  }
  .search-form {
    margin-bottom: 0;
  }
  .searchbox {
    margin: 0;
  }
  .top_main {
    margin-left: 0;
    padding: 0;
  }
  footer {
    line-height: 20px;
    padding: 20px 0;
  }
  .modal_scroll {
    overflow: scroll;
    height: 63vh;
  }
  .modal__content {
    width: 75%;
  }
  aside {
    width: 100%;
    height: auto;
    padding-right: 0;
    position: unset;
    overflow: unset;
    overflow-x: unset;
  }
  .search_result {
    position: relative;
    bottom: unset;
    width: auto;
    margin-top: 0;
    z-index: 98;
    border: unset;
    background: unset;
    text-align: center;
    padding: 0;
    border-radius: unset;
    filter: unset;
  }
  .detailedsearch_menu {
    margin-bottom: 20px;
  }
  #PageTopBtn {
    right: 5px;
  }

/* サイドメニューSPアコーディオン */
  .menu__item {
    color: #fff;
    cursor: pointer;
    display: block;
    margin-bottom: 1px;
  }
  .menu__item__link {
    color: #1B898D;
    display: block;
    line-height: 35px;
    position: relative;
    font-weight: bold;
  }
  .menu__item__link:after {
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    line-height: 35px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
    font-weight: bold;
  }
  .menu__item__link.on:after {
    content: '\f068';
  }
   
  .submenu {
    background: #fff;
    display: none;
  }
  .submenu__item {
    border-bottom: 1px solid #5200b7;
    color: #222;
    padding: 1rem;
  }
/* サイドメニューSPアコーディオンここまで */


  
}

@media (max-width: 500px) {
  .search_conditions_inner {
    display: block;
  }
  .dividedinto_two {
    width: 100%;
  }
  .dividedinto_three {
    width: 100%;
  }
  .dividedinto_four {
    width: 100%;
  }
  #side_linkbtn2 input[type=text] {
    width: 100%;
  }
  .search_conditions {
    margin-bottom: 14vh;
  }
  .btn_ptn3 a {
    padding: 5px 30px;
  }
  .btn_ptn4 a {
    padding: 5px 10px;
  }
  .property_contents_inner {
    float: none;
    width: 100%;
  }
  .property_contents_innerbtn {
    margin-top: 15px;
    float: none;
    width: 100%;
  }
}

/* iphone678plus */

@media (max-width: 414px) {
  .search_conditions {
    margin-bottom: 18vh;
  }
  .btn_ptn2 {
    width: 89px;
  }
}

/* iphone678 */

@media (max-width: 375px) {
  .header_sp {
    padding: 10px;
  }
  .search_conditions {
    margin-bottom: 19vh;
  }
}

/* iphone5 */

@media (max-width: 320px) {
  .search_conditions {
    margin-bottom: 28vh;
  }
}