@charset "UTF-8";
@media screen and (max-width: 800px) {
  /*--------------------------------------------------------
  定数
  --------------------------------------------------------*/
  .visible900 {
    display: block;
    margin: auto;
  }
  .hidden900 {
    display: none;
  }
  /*--------------------------------------------------------
  定数（基本的に、全サイト共通に使えるもの）
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  サイト毎に変化のある定数
  --------------------------------------------------------*/
  .contents {
    width: 100%;
  }
  .img_center {
    margin-left: 0px;
  }
  img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  main {
    padding-top: 7%;
}
  /*--------------------------------------------------------
  フッター
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  /* --共通-- */
  /* --共通-- */
  /*--header--*/
  .ino_hd_01 {
    width: 43%;
  }
  .ino_hd_02 {
    width: 43%;
  }
  .header_imgs {
    height: 7vh;
    align-items: center;
  }
  /*--header-end--*/
  /*--contents--*/
  .button1 {
    margin-left: 0%;
  }
  .ino_29 {
    width: 33%;
    margin-left: auto;
  }
  .form-toptxt {
    font-size: 23px;
  }
  label {
    font-size: 18px;
  }
  input {
    height: 43px;
    font-size: 18px;
  }
  textarea {
    font-size: 18px;
  }
  .pop-txt {
    font-size: 21px;
  }
  .tel-box, .infomation {
    padding-right: 3%;
    padding-left: 3%;
  }
  .tel-box {
    font-size: 18px;
  }
  .tel {
    font-size: 47px;
  }
  .plus, .circle, .circle2 {
    width: 25px;
    height: 25px;
  }
  .question, .answer {
    font-size: 18px;
  }
  .plus::after {
    width: 2px;
  }
  .plus::before {
    height: 2px;
  }
  /* 横棒 */
  .plus::before {
    width: 65%;
  }
  /* 縦棒 */
  .plus::after {
    height: 65%;
  }
  .btn_left, .btn_right {
    width: 6.5%;
  }
  .btn_left {
    left: 3%;
  }
  .btn_right {
    right: 3%;
  }

/*--pop-up--*/
  .pop-up_inner {
    padding: 6% 5% 6% 6%;
  }
  .ino_popup_01 {
    width: 62.5%;
  }
  .ino_popup_01 img {
    width: 100%;
  }
  .ino_popup_icon_01 img {
    width: 100%;
  }
  .ino_popup_icon_02 img {
    width: 100%;
  }
  .second-txt {
    margin-left: 3%;
  }
  .pop-up img {
    width: 100%;
  }
  /*--pop-up--*/



  /*--contents-end--*/
  /*--footer--*/
  /*--footer-end--*/
  /* --プラポリ-- */
  /* --プラポリ-end-- */
  /*--------------------------------------------------------
  ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
}
@media screen and (max-width: 700px) {
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  .pop-txt {
    font-size: 18px;
  }
  /*--------------------------------------------------------
  ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
}
@media screen and (max-width: 600px) {
  .visible600 {
    display: block;
    margin: auto;
  }
  .hidden600 {
    display: none;
  }
  body {
    font-size: 1.6rem;
  } 
  main {
    padding-top: 9%;
  }
  /*todo 要調査*/
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  .header_imgs {
    height: 6vh;
    align-items: center;
  }
  .copyright,
.copyright a {
    font-size: 1.2rem;
  }
  .privacy_title {
    font-size: 7vw;
  }
  .privacy_head {
    font-size: 4vw;
  }
  .privacy_contents {
    font-size: 1.4rem;
  }
  .tel {
    font-size: 45px;
  }
  .form-inner {
    display: block;
  }
  label {
    font-size: 16px;
    display: block;
  }
  input {
    height: 40px;
    font-size: 16px;
    width: 100%;
    margin-top: 1%;
  }
  textarea {
    font-size: 16px;
  } 
  .pop-txt {
    width: 60%;
  }
  .pop-txt {
    font-size: 16px;
  }
  .tel-box {
    font-size: 16px;
  }
  .question, .answer {
    font-size: 16px;
  }
  .plus, .circle, .circle2 {
    width: 22px;
    height: 22px;
  }
  .jost {
    font-size: 15px;
  }
  .plus::after {
    width: 1px;
  }
  .plus::before {
    height: 1px;
  }
  /* 横棒 */
  .plus::before {
    width: 62%;
  }
  /* 縦棒 */
  .plus::after {
    height: 62%;
  }

  /*--pop-up--*/
  .factoring2 {
    font-size: 18px;
  }
  .top-txt {
    font-size: 16px;
  }
  .second-txt {
    font-size: 14px;
  }
  /*--pop-up--*/
  /*--------------------------------------------------------
  ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
}
@media screen and (max-width: 500px) {
  .visible500 {
    display: block;
    margin: auto;
  }
  .hidden500 {
    display: none;
  }
  /*--------------------------------------------------------
  ↓↓↓ 各種レイアウト ↓↓↓
  --------------------------------------------------------*/
  .pop-txt {
    width: 70%;
}
  /*--------------------------------------------------------
  ↑↑↑ 各種レイアウト ↑↑↑
  --------------------------------------------------------*/
}
@media screen and (max-width: 400px) {
  main {
    padding-top: 10%;
  }
  .header_imgs {
    height: 5vh;
    align-items: center;
  }
  .visible400 {
    display: block;
    margin: auto;
  }
  .hidden400 {
    display: none;
  }
  .privacy_subtitle {
    font-size: 1.18em;
  }
  .tel {
    font-size: 40px;
  }
  .infomation {
    font-size: 14px;
  }
  .plus, .circle, .circle2 {
    width: 22px;
    height: 22px;
  }
  .pop-up_inner {
    padding: 6% 5%;
}
  .pop-up_inner-box {
    padding-right: 6%;
}
}
@media screen and (max-width: 320px) {
  .visible320 {
    display: block;
    margin: auto;
  }
  .hidden320 {
    display: none;
  }
}
/* 360px以下の場合　これ以上小さくしたくない場合は横スクロール対応 */
@media screen and (max-width: 359px) {
  body {
    overflow-x: visible;
  }
  .contents {
    min-width: 360px;
  }
  .contents1800 {
    min-width: 360px;
  }
  header {
    min-width: 360px;
  }
  footer {
    min-width: 360px;
  }
}
/*# sourceMappingURL=base_sp.css.map */

@media screen and (min-width: 1400px) {
  .second-txt {
    margin-left: -1%;
  }
}