@charset "UTF-8";
/*--------------------------------------------------------
定数
--------------------------------------------------------*/

@media screen and (max-width: 1600px) {
  .area1600 {
    width: 100%;
    margin-left: 0px;
  }
}

@media screen and (max-width: 800px) {
  .visible800 {
    display: block !important;
  }

  .hidden800 {
    display: none;
  }

  .area800 {
    width: 100%;
  }

  .center_img {
    margin-left: 0px;
  }

  body {
    min-width: 100%;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .ml20p {
    margin-left: 4%;
  }

  .mt20p {
    margin-top: 4%;
  }

  .mt50p {
    margin-top: 7%;
  }

  .mt100p {
    margin-top: 12%;
  }

  .mt200p {
    margin-top: 22%;
  }

  .mt500p {
    margin-top: 52%;
  }

  .mt900p {
    margin-top: 92%;
  }

  .pt100p {
    padding-top: 12%;
  }

  .pb100p {
    padding-bottom: 12%;
  }

  .pb200p {
    padding-bottom: 22%;
  }

  .pb300p {
    padding-bottom: 32%;
  }
}

@media screen and (max-width: 600px) {
  .hidden600 {
    display: none;
  }

  .visible600 {
    display: block;
  }

  .break_600:after {
    content: "\A";
    white-space: pre;
  }
}

@media screen and (max-width: 1615px) {
  .slant-bg::before {
    width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .popup_text {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 800px) {

  /*modal*/
  .modal_wrapper {
    position: fixed;
    right: 0;
    bottom: 0;
  }

  .scm_con_icon {
    width: 12%;
  }

  .infomation {
    bottom: 0;
  }

  /*top*/
  .space {
    margin-top: 7.5%;
  }

  .slant-bg::before {
    width: 100%;
    transform: skewY(-8deg) translateY(-80%) translate(-50%);
  }

  .scm_02,
  .scm_03,
  .scm_04,
  .scm_05,
  .scm_05hp,
  .scm_07,
  .scm_btn_02 {
    width: 100%;
  }

  .movie {
    width: 80%;
  }

  .moviehp {
    width: 55.8%;
  }

  video {
    width: 92%;
  }

  .scm_header_btn {
    width: 32%;
  }

  .scm_btn_01 {
    margin-top: 8.5%;
  }

  .scm_btn_01hp {
    margin-top: 14%;
  }

  .text1 {
    font-size: 2.5vw;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .text2 {
    font-size: 2.5vw;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    bottom: 0.5%;
  }

  .inner .title {
    font-size: 1.4em;
    padding-bottom: 0.2em;
  }

  .field {
    font-size: 1.2em;
  }

  input[type="text"],
  input[type="tel"],
  input[type="email"],
  select {
    border: 2px solid #FFBA39;
  }

  .text3 {
    font-size: 15px;
  }

  .white_area {
    margin-top: 11.2%;
  }

  /*chk*/
  .scm_chk_03 {
    margin-top: -7%;
  }

  .youser_name {
    font-size: 6.2vw;
  }

  .info_area {
    width: 90%;
  }

  .info_txt {
    font-size: 23px;
  }

  .kiyaku {
    font-size: 30px;
  }

  .white_box.lawtext>div {
    height: 13em;
  }

  .modoru {
    font-size: 23px;
  }

  /*pay*/
  .scm_pay_01 {
    margin-top: -7%;
  }

  .scm_pay_btn {
    width: 100%;
  }

  .pay_text1 {
    font-size: 2.5vw;
  }

}

@media screen and (max-width: 700px) {

  /*top*/
  .slick-slide {
    margin: 0 0.2%;
    transform: scale(1);
  }

  .slick-dots {
    bottom: -6% !important;
  }

  .voice__card {
    width: 75vw;
    padding: 6% 9%;
    margin: 0% 0% 4% 0%;
    margin-left: 0vw;
  }

  .voice__title {
    font-size: 4vw;
  }

  .voice__person {
    font-size: 2.5vw;
    margin-top: 4%;
  }

  .voice__text {
    font-size: 3vw;
    padding-bottom: 10%;
  }

  .prev-arrow {
    margin-right: 65vw;
    width: 10vw;
    height: 10vw;
    background-size: cover;
  }

  .next-arrow {
    width: 9.9vw;
    height: 9.9vw;
    background-size: cover;
  }

}

@media screen and (max-width: 600px) {

  /*modal*/
  .infomation {
    width: 60vw;
    font-size: 2.5vw;
  }

  .infomation_item_text {
    font-size: 2vw;
  }

  .icon_tel {
    width: 7%;
    left: 18%;
  }

  .arrow_mark {
    right: 14%;
    width: 9%;
    height: 4vw;
    font-size: 2vw;
    border: 1px solid #fff;
  }

  /*chk*/
  .info_txt {
    font-size: 20px;
  }

  .kiyaku {
    font-size: 25px;
  }

  .checkbox {
    font-size: 18px;
    margin-left: 8%;
  }

  /*bank*/
  .bank_txt {
    font-size: 25px;
  }
}

@media screen and (max-width: 500px) {

  /*top*/
  .inner .title {
    font-size: 1.2em;
  }

  .field {
    font-size: 1em;
  }

  .text3 {
    font-size: 13px;
  }

  /*chk*/
  .info_txt {
    font-size: 18px;
  }

  .kiyaku {
    font-size: 23px;
  }

  .checkbox {
    font-size: 17px;
  }

  .modoru {
    font-size: 18px;
  }

  .err_msg2 {
    font-size: 0.9em;
  }

  .white_box.lawtext>div {
    height: 11em;
  }

  .white_box p {
    font-size: 14px;
  }

  .checkbox label input:checked+span.txt::after {
    left: -1em;
    border-bottom: 2px solid #FFBA39;
    border-right: 3px solid #FFBA39;
    top: -45%;
  }

  /*pay*/
  .close_btn {
    font-size: 30px;
  }
}

@media screen and (max-width: 450px) {

  /*bank*/
  .bank_txt {
    font-size: 22px;
  }
}

@media screen and (max-width: 400px) {

  /*top*/
  .text3 {
    font-size: 11px;
  }
}

@media screen and (max-width: 380px) {

  /*chk*/
  .info_txt {
    font-size: 17px;
  }

  .kiyaku {
    font-size: 20px;
  }

  .checkbox {
    font-size: 14px;
  }

  .err_msg2 {
    font-size: 0.8em;
  }

  .white_box.lawtext>div {
    height: 9em;
  }

  /*bank*/
  .bank_txt {
    font-size: 18px;
  }
}