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

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

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

  .hidden800 {
    display: none;
  }

  .scene800 {
    width: 100%;
  }

  .center_i {
    margin-left: 0px;
  }

  body {
    min-width: 100%;
  }

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

  .mt20 {
    margin-top: 4%;
  }

  .mt50 {
    margin-top: 7%;
  }

  .mt100 {
    margin-top: 12%;
  }

  .mt200 {
    margin-top: 22%;
  }

  .mt300 {
    margin-top: 32%;
  }

  .mt1000 {
    margin-top: 120%;
  }

  .mt2000 {
    margin-top: 220%;
  }

  .mt_30 {
    margin-top: -4%;
  }

  .mt_70 {
    margin-top: -9%;
  }

  .pt100 {
    padding-top: 12%;
  }

  .pb100 {
    padding-bottom: 12%;
  }

  .pb150 {
    padding-bottom: 17%;
  }

  .pb300 {
    padding-bottom: 32%;
  }

  .pb1000 {
    padding-bottom: 120%;
  }

  .break_900:before {
    content: "\A";
    white-space: pre;
  }

  .yt_movie {
    position: relative;
    bottom: 0;
  }

}

@media screen and (max-width: 600px) {
  .break_600:before {
    content: "\A";
    white-space: pre;
  }
}

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

  .a_la_04_btn,
  .a_la_07,
  .a_la_04_btn_2,
  .a_la_04_btn_3 {
    width: 100%;
  }

  .a_la_04_btn_2 {
    width: 100%;
  }

  .btn_txt,
  .btn_txt2 {
    font-size: 3.4vw;
  }

  .question_box img {
    width: 11vw;
  }

  .question_box p {
    font-size: 3vw;
    margin-left: 3%;
  }

  .changeImage {
    width: 11vw;
  }

  .answer_box img {
    width: 11vw;
  }

  .answer_box p {
    font-size: 3vw;
    margin-left: 3%;
  }

  .form_in .title {
    font-size: 1.4em;
  }

  input[type="text"],
  input[type="tel"] {
    font-size: 1.3em;
  }

  .err_msg {
    font-size: 1.1em;
  }

  .num_area p {
    font-size: 4vw;
  }

  #random_num,
  #random_num2 {
    font-size: 8vw;
  }

  .countdown {
    font-size: 8vw;
    padding: 0;
  }

  .digit {
    width: 4vw;
  }

  .top_space {
    margin-top: 12%;
  }

  /*kn*/
  .kn_04_btn {
    width: 100%;
  }

  .a_la_kn_08 {
    margin-top: -3%;
  }

  .info_date {
    margin-left: 10%;
  }

  /*ks*/
  .a_la_06 {
    margin-top: -3%;
  }

  .ks_btn {
    width: 70%;
  }

  .contact_area {
    font-size: 2vw;
  }

  .a_la_ks_12_txt {
    font-size: 3.1vw;
  }
}

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

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

  input[type="text"],
  input[type="tel"] {
    font-size: 1.2em;
    padding: 0.6em 0.6em;
  }

  .err_msg {
    font-size: 1em;
  }

  /*kn*/
  .info_title,
  .info_date {
    font-size: 18px;
  }

  .kiyaku {
    font-size: 20px;
  }

  .kiyaku span {
    font-size: 18px;
  }

  .white_box {
    font-size: 14px;
  }

  .checkbox {
    font-size: 18px;
  }

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

  /*ks*/
  .contact_area {
    font-size: 3.5vw;
  }
}

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

  /*kn*/
  .info_title,
  .info_date {
    font-size: 16px;
  }

  .kiyaku {
    font-size: 18px;
  }

  .kiyaku span {
    font-size: 16px;
  }

  .white_box {
    font-size: 13px;
  }

  .checkbox {
    font-size: 16px;
  }

  .checkbox label input+span.txt::before {
    left: -1.5em;
  }

  .checkbox label input:checked+span.txt::after {
    left: -1.1em;
  }
}

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

  /*top*/
  .form_in .title {
    font-size: 1em;
  }

  input[type="text"],
  input[type="tel"] {
    font-size: 1em;
    padding: 0.4em 0.6em;
  }

  .err_msg {
    font-size: 0.8em;
  }

  /*kn*/
  .info_title,
  .info_date {
    font-size: 14px;
  }

  .kiyaku {
    font-size: 16px;
  }

  .kiyaku span {
    font-size: 14px;
  }

  .white_box {
    font-size: 12px;
  }

  .checkbox {
    font-size: 14px;
  }

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