@charset "UTF-8";

/*--------------------------------------------------------
定数
--------------------------------------------------------*/
@media screen and (max-width: 1600px) {
  .content_size1600 {
    width: 100%;
    margin-left: 0px;
  }
}

@media screen and (max-width: 800px) {
  .content_size800 {
    width: 100%;
  }

  .image_positon--c {
    margin-left: 0px;
  }

  body {
    min-width: 100%;
  }

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


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

  /*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
  .header {
    top: 0.2%;
    right: 3%;
    width: unset;
  }

  .header_nav {
    padding: 14px 10px;
  }

  .menu_toggle {
    display: flex;
  }

  .header_menu {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateX(100%);
    width: 50%;
  }

  .header_menu li {
    padding: 10px 0;
  }

  /*--------------------------------------------------------
フッター
--------------------------------------------------------*/
  .copyright,
  .copyright a {
    font-size: 16px;
  }

  /*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/
  /*=== TOP ===*/
  .selected_pack__title {
    flex: 1;
  }

  .selected_pack__name {
    flex: 1.5;
    font-size: 1.4em;
  }

  .form__title {
    font-size: 1.2em;
  }

  .precaution_header_text1 {
    font-size: 25px;
  }

  .precaution_header_text2 {
    font-size: 16px;
  }

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

  .com_area {
    font-size: 3.1vw;
    margin-top: 4%;
  }

  .com_area p {
    margin-bottom: 1vw;
  }
  .close_btn p {
    width: 5vw;
    height: 4vh;
  }
    .dissolution_area {
    font-size: 2.5vw
  }
  /*=== TOP_end ===*/

  /*=== 確認 ===*/
  .confirm_container {
    padding: 3%;
  }

  .confirm_title {
    font-size: 1.1em;
  }

  .confirm_field {
    font-size: 1.1em;
  }

  .select_box__item::after {
    top: 50%;
    transform: translateY(-50%);
  }

  .agreement_box {
    font-size: 1.1em;
  }

  /*=== 確認 _end===*/

  /*=== 決済 ===*/
  .bank_infomation {
    font-size: 1.1em;
  }

  .bank_notes {
    font-size: 1.1em;
  }

  /*=== 決済_end===*/
}

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

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

  /*=== commn ===*/
  .selected_pack__name {
    font-size: 1.2em;
  }

  /*=== commn_end ===*/

  /*=== TOP ===*/
  .header_menu {
    width: 100%;
  }

  /*=== TOP_end ===*/

  /*=== 決済 ===*/
  .select_box__title {
    font-size: 1.1em;
  }

  /*=== 決済_end ===*/

}

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

  /*--------------------------------------------------------
フッター
--------------------------------------------------------*/
  .copyright,
  .copyright a {
    font-size: 13px;
  }

  /*--------------------------------------------------------
各種情報レイアウト
--------------------------------------------------------*/
  /*=== TOP ===*/
  .form__title {
    font-size: 1.1em;
  }

  .precaution_header_text1 {
    font-size: 22px;
  }

  .precaution_header_text2 {
    font-size: 14px;
  }

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

  /*=== TOP_end ===*/

  /*=== 確認 ===*/
  .confirm_title {
    font-size: 1em;
  }

  .confirm_field {
    font-size: 1em;
  }

  .agreement_box {
    font-size: 1em;
  }

  /*=== 確認_end ===*/

  /*=== 決済 ===*/
  .bank_infomation {
    font-size: 1em;
  }

  .bank_notes {
    font-size: 1em;
  }

  /*=== 決済_end===*/
}

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

  /*--------------------------------------------------------
フッター
--------------------------------------------------------*/
  .copyright,
  .copyright a {
    font-size: 10px;
  }

  /*--------------------------------------------------------
各種情報レイアウト
--------------------------------------------------------*/
  /*=== TOP ===*/
  .form__title {
    font-size: 1em;
  }

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

  .precaution_container {
    width: 100%;
  }

  .precaution_header_text1 {
    font-size: 19px;
  }

  /*=== TOP_end ===*/

  /*=== 確認 ===*/
  .err_msg2 {
    font-size: 0.9em;
  }

  /*=== 確認_end===*/

  /* === 特商法 === */
  .law_container {
    font-size: 14px;
  }

  /* === 特商法_end === */
}