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

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

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

  .hidden800 {
    display: none;
  }

  .contents {
    width: 100%;
  }

  .img_center {
    margin-left: 0px;
  }

  body {
    min-width: 100%;
  }

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

  .margin20p {
    margin-top: 4%;
  }

  .margin50p {
    margin-top: 7%;
  }

  .margin100p {
    margin-top: 12%;
  }

  .margin200p {
    margin-top: 22%;
  }

  .margin300p {
    margin-top: 32%;
  }

  .margin500p {
    margin-top: 52%;
  }

  .marginb300p {
    margin-bottom: 32%;
  }

  .padding20p {
    padding-top: 4%;
  }

  .padding50p {
    padding-top: 7%;
  }

  .padding100p {
    padding-top: 12%;
  }

  .paddingb20p {
    padding-bottom: 4%;
  }

  .paddingb50p {
    padding-bottom: 7%;
  }

  .paddingb200p {
    padding-bottom: 22%;
  }

  .paddingb300p {
    padding-bottom: 32%;
  }

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

}

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

@media screen and (max-width: 800px) {
  .video {
    border: solid #fff 1.3vw;
  }

  #video {
    width: 100%;
  }

  .asm_02,
  .asm_btn_01,
  .asm_btn_02,
  .asm_04,
  .asm_btn_01_b,
  .asm_17 {
    width: 100%;
  }

  .asm_11 {
    width: 34%;
  }

  .asm_12 {
    width: 34%;
  }

  .moushikomi {
    font-size: 6.3vw;
  }

  .small {
    font-size: 15px;
  }

  .form-inner .title {
    font-size: 1.6em;
  }

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

  .tuibi {
    width: 100%;
  }

  /*chk*/
  .asm_btn_k01 {
    width: 100%;
  }

  .kaku_txt {
    font-size: 1.5em;
    padding-left: 12%;
    padding-right: 12%;
  }

  .checkbox {
    margin-left: auto;
  }

  .kiyaku {
    font-size: 23px;
  }

  .checkbox {
    font-size: 20px;
  }

  #countdown {
    font-size: 8.5vw;
  }

  .colon,
  .colon2 {
    font-size: 8.5vw;
  }

  /*thx*/
  .asm_btn_k02 {
    width: 100%;
  }

  .yousername {
    font-size: 8vw;
  }

  .thx_txt {
    font-size: 20px;
  }

  /*pp*/
  .modoru {
    font-size: 3.12vw;
  }
}

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

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

  .checkbox label input:checked+span.txt::after {
    top: -40%;
  }

  /*thx*/
  .thx_txt {
    font-size: 18px;
  }
}

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

  /*top*/
  .small {
    font-size: 12px;
  }

  .form-inner .title {
    font-size: 1.5em;
  }

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

  .err_msg {
    font-size: 1.2em;
  }

  /*thx*/
  .thx_txt {
    font-size: 16px;
  }

}

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

  /*chk*/
  .err_msg2 {
    font-size: 0.7em;
  }

  .kiyaku {
    font-size: 17px;
  }

  .checkbox {
    font-size: 17px;
  }

  .kaku_txt {
    font-size: 17px;
    padding-left: 9%;
    padding-right: 9%;
  }

  .checkbox_txt {
    font-size: 13px;
  }

  /*thx*/
  .thx_txt {
    font-size: 14px;
  }

}

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

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

  input[type="text"],
  input[type="tel"],
  select {
    font-size: 1.1em;
    padding: 0.5em 0.6em 0.55em;
  }

  .err_msg {
    font-size: 1.1em;
  }

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

  .checkbox {
    font-size: 15px;
  }

  .kiyaku {
    font-size: 15px;
  }

  .err_msg2 {
    font-size: 0.6em;
  }
}