@charset "utf-8";

.pc {display: block !important }
.tb {display: none }
.sp {display: none }
@media (max-width: 1160px) and (min-width: 769px) {
.pc {display: none !important }
.tb {display: block !important }
.sp {display: none }
}
@media (max-width: 768px) {
.pc {display: none !important }
.tb {display: none !important }
.sp {display: block !important }
}

@media (max-width: 1160px) {
  .campaign-message,
  .about-message,
  .service-message,
  .price-message,
  .facility-message,
  .footer_campaign_area {
    padding-left: 120px;
    padding-right: 120px;
  }
  .about_content,
  .service_cont_area,
  .price-list,
  .price-campaign,
  .facility_cnt_message {
    padding-left: 20px;
    padding-right: 20px;
  }
  .facility_content .prev {
    left: 15%;
  }
  .facility_content .next {
    right: 15%;
  }
}
@media (max-width: 768px) {
  .campaign-message,
  .about-message,
  .service-message,
  .price-message,
  .facility-message,
  .footer_campaign_area {
    padding-left: 20px;
    padding-right: 20px;
  }
  .facility_content .prev {
    left: 7%;
  }
  .facility_content .next {
    right: 7%;
  }
  .mainIMG,
  .slider li {
    max-height: 680px;
    height: 100vw!important;
  }
  .campaign-message .accept {
    font-size: 2.5em;
  }
  .about-message h3 {
    font-size: 3em;
  }
  .about-message p {
    text-align: justify;
  }
  .about_cont_message h4,
  .service-message h3,
  .price-message h3,
  .facility-message h3,
  .access-message h3,
  .instagram-message h3 {
    font-size: 2em;
  }
  .about_content {
    flex-direction: column;
    align-items: center;
  }
  .about_cont_message {
    width: 100%;
    margin-bottom: 1em;
  }
  .about_cont_image {
    padding-left: 0;
  }
  .about_cont_message h4,
  .about_cont_image p {
    text-align: center;
  }
  .about_snap_area ul {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .about_snap_area li {
    margin-left: 2.5vw;
    margin-bottom: 2em;
  }
  .about_snap_area li:last-child {
    margin-right: 2.5vw;
    margin-bottom: 0;
  }
  .service_cont_area ul {
    flex-direction: column;
    align-items: center;
  }
  .service_cont_area ul li {
    width: 100%;
  }
  .service_cont_area ul li h4,
  .price-campaign h4 {
    font-size: 1.5em;
  }
  .price-campaign ul li {
    font-size: 2em;
  }
  .price_table th,
  .price_table td {
    padding: 1em;
  }
}

@media (max-width: 560px) {
  #copyright {
    margin-top: 4.5em;
    padding-top: 0;
    padding-bottom: 1em;
  }
  #copyright .pagetop_btn {
    top: -25px;
    right: 45%;
  }
}

@media (max-width: 360px) {
  #main br {
    display: none!important;
  }
}