@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;
  }
}

/* responsive */

@media (max-width: 1144px) {

  .anchor {
    padding-top: 122px!important;
    margin-top: -122px!important;
  }
}

@media (max-width: 1000px) {
  .header_menu_pc li a {
    font-size: 14px;
  }
  .header_menu_pc li {
    min-width: 105px;
  }
  #contents {
    padding: 75px 20px 0;
  }
}

/* sp */

/* ipad */

@media (max-width: 768px) {
  main {
    margin-left: 0px;
  }
  .no-flex {
    display: block!important;
  }
  main {
    width: 100%;
  }
  #contents {
    padding: 155px 10px 0
  }
  .contentbox {
    padding: 10px;
  }
  .anchor {
    padding-top: 0!important;
    margin-top: 0!important;
  }
  .header_sp {
    padding: 10px;
  }
  header img {
    max-width: 150px;
    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: 80vh;
  }
  .modal__content {
    width: 75%;
  }
  .content-footer-box-btn{
    margin-top: 10px;
  }
  .content-footer-box {
    max-width: 350px;
  }
}

@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_ptn2 a {
    padding: 5px 30px;
  }
  .btn_ptn3 a {
    padding: 5px 30px;
  }
  .btn_ptn4 a {
    padding: 5px 10px;
  }

}

/* iphone678plus */

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

/* iphone678 */

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

/* iphone5 */

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