@charset "utf-8";

/*---------------------------------------------------------
スマホサイズ
---------------------------------------------------------*/
@media(max-width: 500px) {

  /*---------------------------------------------------------
  共通定義
  ---------------------------------------------------------*/
  .sp_br {
    display: block;
    line-height: 0.2;
  }

  .page-wrap {
    width: 90%;
    margin: 0 auto;
  }

  /*---------------------------------------------------------
  メインビジュアル
  ---------------------------------------------------------*/
  /* TOPlogo */
  #TOP .top-wrap .top-logo {
    width: 280px;
  }

  /*---------------------------------------------------------
  会社概要
  ---------------------------------------------------------*/
  #ABOUT .about-wrap .about-note {
    padding: 5rem 1rem;
  }

  /*---------------------------------------------------------
  新着情報
  ---------------------------------------------------------*/
  #NEWS {
    padding: 5rem 0;
  }

  #NEWS .insta-wrapper {
    width: 85%;
    margin: 0 auto;
  }

  #NEWS .insta-wrapper iframe {
    min-width: 100% !important;
  }

  .swiper-button-prev {
    left: 5% !important;
  }

  .swiper-button-next {
    right: 5% !important;
  }

  /*---------------------------------------------------------
  アクセス
  ---------------------------------------------------------*/
  #ACCESS {
    padding: 5rem 0;
  }

  #ACCESS .wrap .info .detail table tr {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
  }

  #ACCESS .wrap .info .detail table th {
    background-color: #ededed;
    padding: 5px 15px;
  }

  #ACCESS .wrap .info .detail table td {
    padding-left: 1rem;
  }

  /*---------------------------------------------------------
  お問い合わせ
  ---------------------------------------------------------*/
  #CONTACT {
    padding: 5rem 0;
  }

  #CONTACT .wrap form {
    width: 85%;
  }

  #CONTACT .wrap form .form_con .privacy {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .modaal-content-container {
    padding: 20px;
  }

  .privacy h2 {
    font-size: 1.8rem;
  }

  /*---------------------------------------------------------
  プライバシーポリシー
  ---------------------------------------------------------*/
  #PRIVACY .sub_title {
    font-size: 1rem;
  }

  #PRIVACY .page-container-note {
    margin: 1rem 0;
  }

}