@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 {
    max-width: 100%;
    height: auto;
  }
  /*--------------------------------------------------------
  フッター
  --------------------------------------------------------*/
  /*--------------------------------------------------------
    ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  /* --common-- */
  /* --common-end-- */
  /*--header--*/
  /*--header-end--*/
  /*--contents--*/
  .readMore img {
    width: 51%;
  }
  .planBtn {
    font-size: 3.3vw;
  }
  .planBtn_plan1 {
    top: 46.9%;
  }
  .planBtn_plan2 {
    top: 46.9%;
  }
  .promiseBox {
    border: 1vw solid #38c9e2;
  }
  .promiseBox:before {
    border-top-width: 2.5vw;
    border-right-width: 2.5vw;
    border-bottom-width: 2.5vw;
    border-left-width: 2.5vw;
  }
  .promiseBox:after {
    border-top-width: 2.5vw;
    border-right-width: 2.5vw;
    border-bottom-width: 2.5vw;
    border-left-width: 2.5vw;
  }
  .promiseTitle {
    font-size: 4.4vw;
    height: 29vw;
  }
  .promiseText {
    font-size: 3.2vw;
  }
  .toggleBtn {
    font-size: 3vw;
  }
  .question {
    padding: 1.1% 2.2%;
    font-size: 3.5vw;
    box-shadow: 0px 0.7vw 0px -1px var(--color_blue2);
    border-radius: 2vw;
  }
  .question::before {
    font-size: 5.5vw;
  }
  .question::after {
    font-size: 5.5vw;
  }
  .question.active::after {
    font-size: 5.5vw;
  }
  .answer {
    padding: 3% 2.2% 5.5%;
    font-size: 3.5vw;
  }
  .answer::before {
    content: "A";
    padding-right: 10px;
    font-size: 6.1vw;
  }
  .torikumiListInner.flex {
    width: 367%;
  }
  .torikumiListInner.flex div {
    width: 100%;
  }
  .torikumiListInner.flex div:first-child {
    padding-left: 1.5%;
  }
  .torikumiListInner.flex div:last-child {
    padding-right: 1.5%;
  }
  /*--contents-end--*/
  /*--footer--*/
  .ppHeader h3 {
    font-size: 6vw;
  }
  .ppWrap ul {
    flex-direction: column;
    margin-bottom: 5px;
  }
  .ppWrap ul li:first-child {
    width: unset;
    justify-content: flex-start;
  }
  .ppWrap ul li:last-child {
    width: unset;
  }
  /*--footer-end--*/
  /* --プラポリ-- */
  /* --プラポリ-end-- */
  /*--------------------------------------------------------
    ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  ↓↓↓ フォーム部分 ↓↓↓
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  ↑↑↑ フォーム部分 ↑↑↑
  --------------------------------------------------------*/
}
@media screen and (max-width: 768px) {
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  /* --common-- */
  /* --common-end-- */
  /*--header--*/
  /*--header-end--*/
  /*--contents--*/
  /*--contents-end--*/
  /*--footer--*/
  /*--footer-end--*/
  /*--------------------------------------------------------
  ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  ↓↓↓ フォーム部分 ↓↓↓
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  ↑↑↑ フォーム部分 ↑↑↑
  --------------------------------------------------------*/
}
@media screen and (max-width: 630px) {
  /*--------------------------------------------------------
  定数
  --------------------------------------------------------*/
  .visible630 {
    display: block;
    margin: auto;
  }
  .hidden630 {
    display: none;
  }
  /*--------------------------------------------------------
  定数
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  /* --common-- */
  /* --common-end-- */
  /*--header--*/
  /*--header-end--*/
  /*--contents--*/
  .comment {
    font-size: 1rem;
  }
  /*--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;
  }
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  /* --common-- */
  /* --common-end-- */
  /*--header--*/
  /*--header-end--*/
  /*--contents--*/
  .reviewTitle {
    font-size: 1.4rem;
  }
  .reviewUserName {
    font-size: 1.2rem;
  }
  .goDetailBtn {
    font-size: 1.2rem;
  }
  .popupTitle {
    padding-bottom: 20px;
    font-size: 2rem;
  }
  .pupupText {
    font-size: 1.6rem;
  }
  .pupupUserName {
    font-size: 1.4rem;
  }
  /*--contents-end--*/
  /*--footer--*/
  .footerLogo img {
    width: 61%;
  }
  /*--footer-end--*/
  /* --プラポリ-- */
  .ppWrap p {
    font-size: 1.4rem;
  }
  .ppWrap ul {
    font-size: 1.4rem;
  }
  /* --プラポリ-end-- */
  /*--------------------------------------------------------
  ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  ↓↓↓ フォーム部分 ↓↓↓
  --------------------------------------------------------*/
  .formField {
    font-size: 1.6rem;
  }
  .formField .checkboxBtnInput:checked + .checkboxBtnInputDummyparts::before {
    top: 44%;
  }
  .formField .checkboxBtnInput:checked + .checkboxBtnInputDummyparts::after {
    top: 44%;
  }
  .formField .checkboxBtnInputDummyparts {
    width: 28px;
    height: 28px;
  }
  /*--------------------------------------------------------
  ↑↑↑ フォーム部分 ↑↑↑
  --------------------------------------------------------*/
}
@media screen and (max-width: 500px) {
  .visible500 {
    display: block;
    margin: auto;
  }
  .hidden500 {
    display: none;
  }
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  /* --common-- */
  /* --common-end-- */
  /*--header--*/
  /*--header-end--*/
  /*--contents--*/
  /*--contents-end--*/
  /*--footer--*/
  /*--footer-end--*/
  /*--------------------------------------------------------
    ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
}
@media screen and (max-width: 400px) {
  .visible400 {
    display: block;
    margin: auto;
  }
  .hidden400 {
    display: none;
  }
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  /*--contents--*/
  /*--contents-end--*/
  /*--footer--*/
  .footerNav {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /*--footer-end--*/
  /*--------------------------------------------------------
  ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
}
@media screen and (max-width: 360px) {
  .visible360 {
    display: block;
    margin: auto;
  }
  .hidden360 {
    display: none;
  }
  /*--------------------------------------------------------
    ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  /* --common-- */
  /* --common-end-- */
  /*--header--*/
  /*--header-end--*/
  /*--contents--*/
  /*--contents-end--*/
  /*--footer--*/
  /*--footer-end--*/
  /* --プラポリ-- */
  /* --プラポリ-end-- */
  /*--------------------------------------------------------
    ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
}
/* 359px以下の場合　これ以上小さくしたくない場合は横スクロール対応 */
@media screen and (max-width: 359px) {
  body {
    overflow-x: visible;
  }
  .contents {
    min-width: 359px;
  }
  .contents1800 {
    min-width: 359px;
  }
  header {
    min-width: 359px;
  }
  footer {
    min-width: 359px;
  }
}