@charset "UTF-8";
@media screen and (max-width: 900px) {
  /*--------------------------------------------------------
定数
--------------------------------------------------------*/
  .visible900 {
    display: block;
    margin: auto;
  }
  .hidden900 {
    display: none;
  }
  /*--------------------------------------------------------
定数（基本的に、全サイト共通に使えるもの）
--------------------------------------------------------*/
  /*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/
  .contents {
    width: 100%;
  }
  .img_center {
    margin-left: 0px;
  }
  img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  /*--------------------------------------------------------
フッター
--------------------------------------------------------*/
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
  /* --共通-- */
  /* --共通-- */
  /*--header--*/
  /*--header-end--*/
  /*--contents--*/
  .sklup_13 {
    width: 3.8%;
  }
  div[class*="tpr"] img {
    width: 100%;
  }
  .tpr_01 img {
    height: calc(100vw * calc(1385 / 900));
  }
  .tpr_02 img {
    height: calc(100vw * calc(1500 / 900));
  }
  .tpr_03 img {
    height: calc(100vw * calc(1550 / 900));
  }
  .tpr_15 img {
    height: calc(100vw * calc(950 / 900));
  }
  .tpr_04 img {
    height: calc(100vw * calc(1090 / 900));
  }
  .tpr_05 img {
    height: calc(100vw * calc(750 / 900));
  }
  .tpr_06 img {
    height: calc(100vw * calc(545 / 900));
  }
  .tpr_07 img {
    height: calc(100vw * calc(2114 / 900));
  }
  .tpr_08 img {
    height: calc(100vw * calc(85 / 900));
  }
  .tpr_08_1 img {
    height: calc(100vw * calc(327 / 900));
  }
  .tpr_09 img {
    height: calc(100vw * calc(1452 / 900));
  }
  .tpr_10 img {
    height: calc(100vw * calc(1635 / 900));
  }
  .tpr_11 img {
    height: calc(100vw * calc(2320 / 900));
  }
  .tpr_12 img {
    height: calc(100vw * calc(1099 / 900));
  }
  .tpr_03_2 img {
    height: calc(100vw * calc(1550 / 900));
  }
  .tpr_13 img {
    height: calc(100vw * calc(280 / 900));
  }
  .tpr_13_1 img {
    height: calc(100vw * calc(1505 / 900));
  }
  .tpr_13_2 img {
    height: calc(100vw * calc(1485 / 900));
  }
  .tpr_13_3 img {
    height: calc(100vw * calc(1495 / 900));
  }
  .tpr_13_4 img {
    height: calc(100vw * calc(1485 / 900));
  }
  .tpr_13_5 img {
    height: calc(100vw * calc(1495 / 900));
  }
  .tpr_13_6 img {
    height: calc(100vw * calc(1540 / 900));
  }
  /*--contents-end--*/
  /*--footer--*/
  /*--footer-end--*/
  /* --プラポリ-- */
  .privacy_title img {
    height: calc(100vw * calc(130 / 900));
  }
  .privacy_head {
    padding: 4vw;
  }
  .privacy_head h2 {
    font-size: 4vw;
    padding: 2vw;
  }
  .privacy_head p {
    font-size: 2.5vw;
  }
  .privacy_contents_wrap, .privacy_head > p, .privacy_contents > p {
    font-size: 2.5vw;
    margin-bottom: 0;
  }
  .privacy_contents {
    padding: 4vw;
  }
  .privacy_contents h3 {
    font-size: 3vw;
  }
  .privacy_subtitle {
    font-size: 3.5vw;
  }
  .back_btn {
    font-size: 4vw;
    display: inline-block;
    padding: 1rem 6rem;
    background: #8D93D6;
  }
  .p_copyright {
    font-size: 2.5vw;
  }
  .select_area label {
    font-size: 18px;
  }
  .radio-group label {
    margin: 2%;
  }
  .slider img {
    width: 94.4%;
  }
  /* --プラポリ-end-- */
  /*--------------------------------------------------------
  ↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 768px) {
  /*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
  /* --共通-- */
  /* --共通-- */
  /*--header--*/
  /*--header-end--*/
  /*--contents--*/
  /*--contents-end--*/
  /*--footer--*/
  /*--footer-end--*/
  /*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
  /*--------------------------------------------------------
↓↓↓ フォーム部分 ↓↓↓
--------------------------------------------------------*/
  /*--------------------------------------------------------
↑↑↑ フォーム部分 ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 600px) {
  .visible600 {
    display: block;
    margin: auto;
  }
  .hidden600 {
    display: none;
  }
  body {
    font-size: 1.6rem;
  }
  /*todo 要調査*/
  /*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/
  /*--------------------------------------------------------
フッター
--------------------------------------------------------*/
  .copyright,
  .copyright a {
    font-size: 1.2rem;
  }
  /*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
  /* --共通-- */
  /* --共通-- */
  /*--header--*/
  /*--header-end--*/
  /*--contents--*/
  .select_area label {
    font-size: 16px;
  }
  .radio-group label {
    margin: 1%;
  }
  .bg label {
    font-size: 18px;
  }
  .slick-dots li button:before {
    font-size: 10px !important;
  }
  /*--contents-end--*/
  /*--footer--*/
  /*--footer-end--*/
  /* --プラポリ-- */
  .privacy_contents {
    font-size: 1.4rem;
  }
  /* --プラポリ-end-- */
  /*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
  /*--------------------------------------------------------
↓↓↓ フォーム部分 ↓↓↓
--------------------------------------------------------*/
  /*--------------------------------------------------------
↑↑↑ フォーム部分 ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 500px) {
  .visible500 {
    display: block;
    margin: auto;
  }
  .hidden500 {
    display: none;
  }
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  ↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 400px) {
  .visible400 {
    display: block;
    margin: auto;
  }
  .hidden400 {
    display: none;
  }
  .select_area label {
    font-size: 14px;
  }
  .radio-group label {
    margin: 0%;
  }
  .bg label {
    font-size: 16px;
  }
  .slick-dots li button:before {
    font-size: 8px !important;
  }
}

@media screen and (max-width: 320px) {
  .visible320 {
    display: block;
    margin: auto;
  }
  .hidden320 {
    display: none;
  }
}

/* 319px以下の場合　これ以上小さくしたくない場合は横スクロール対応 */
@media screen and (max-width: 319px) {
  body {
    overflow-x: visible;
  }
  .contents {
    min-width: 320px;
  }
  .contents1800 {
    min-width: 320px;
  }
  header {
    min-width: 320px;
  }
  footer {
    min-width: 320px;
  }
}
/*# sourceMappingURL=base_sp.css.map */