@charset "UTF-8";
/*--------------------------------------------------------
定数
--------------------------------------------------------*/
@media screen and (max-width: 1601px) {
  .visible1600 {
    display: block;
    margin: auto;
  }
  .hidden1600 {
    display: none;
  }
  .contents1800 {
    width: 100%;
    margin-left: 0px;
  }
}

@media screen and (max-width: 901px) {
  .visible900 {
    display: block;
  }
  .hidden900 {
    display: none;
  }
  .contents {
    width: 100%;
  }
  .img_center {
    margin-left: 0px;
  }
  body {
    min-width: 100%;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .margin200p {
    margin-top: 20%;
  }
  .margin100p {
    margin-top: 10%;
  }
  .margin50p {
    margin-top: 5%;
  }
  .margin20p {
    margin-top: 2%;
  }
  .padding20p {
    padding-top: 2%;
  }
  .padding50p {
    padding-top: 5%;
  }
  .paddingb100p {
    padding-bottom: 10%;
  }
}

/*--------------------------------------------------------
フォント
--------------------------------------------------------*/
@media screen and (max-width: 901px) {
  .top_txt2 {
    font-size: 20px;
  }
  .top_txt3 {
    font-size: 18px;
  }
  .checkbox {
    font-size: 17px;
  }
}

@media screen and (max-width: 701px) {
  .top_txt1 {
    font-size: 30px;
  }
  .top_txt2 {
    font-size: 18px;
  }
  .top_txt3 {
    font-size: 15px;
  }
  .checkbox {
    font-size: 16px;
  }
  .conf_txt1 {
    font-size: 30px;
  }
}

@media screen and (max-width: 601px) {
  .checkbox {
    font-size: 16px;
  }
}

@media screen and (max-width: 551px) {
  .top_txt2 {
    font-size: 16px;
  }
  .top_txt3 {
    font-size: 14px;
  }
}

@media screen and (max-width: 501px) {
  .top_txt1 {
    font-size: 22px;
  }
  .top_txt2 {
    font-size: 3.5vw;
  }
  .top_txt3 {
    font-size: 2.8vw;
  }
  .checkbox {
    font-size: 14px;
  }
  .conf_txt1 {
    font-size: 22px;
  }
  .modoru {
    font-size: 17px;
  }
  .pay_text1 {
    font-size: 25px;
  }
  .pay_text2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 401px) {
  .pay_text1 {
    font-size: 20px;
  }
  .pay_text2 {
    font-size: 16px;
  }
}
/*--------------------------------------------------------
レイアウト
--------------------------------------------------------*/
@media screen and (max-width: 901px) {
  .pase_03 {
    max-width: auto;
    width: auto;
  }
  .pase_04 {
    max-width: auto;
    width: auto;
  }

  .copyright,
  .copyright a {
    height: unset;
  }
  .pase_02 {
    width: 100%;
  }
  .pase_15 {
    width: 100%;
  }
  .pase_16 {
    width: 100%;
  }
  .pase_17 {
    width: 100%;
  }
  .pase_plan {
    width: 100%;
  }
  .pase_24 {
    width: 73%;
  }
  .break_900:after {
    content: "\A";
    white-space: pre;
  }
  .price_box {
    font-size: 3vw;
  }
  .count_box input {
    font-size: 2.3vw;
  }
}

@media screen and (max-width: 701px) {
  .form {
    width: 100%;
  }
  .form #course_view {
    padding: 10px 0;
  }
  .form_table li {
    display: block;
  }
  .form_th {
    padding: 8px 6px 6px 6px;
    width: 100%;
    text-align: left;
  }
  .form_td,
  .form_td2 {
    width: 100%;
    padding: 6.5px 5px;
  }
  .conf .form_td {
    width: 100%;
  }
  .err_msg {
    font-size: 3vw;
  }
  .checkbox {
    text-align: left;
  }
  .checkbox label input + span.txt::before {
    top: 4%;
  }
  .ginko {
    width: 70%;
  }
  .border_dashed_right {
    border-right: 1px dashed #333;
  }
  
  .border_dashed_bottom {
    border-bottom: 1px dashed #333;
  }
}

@media screen and (max-width: 601px) {
  .nav_list {
    max-width: 600px;
  }
  .pase_03 {
    width: 32.8%;
  }
  .pase_04 {
    width: 38.2%;
  }
  #menu {
    height: 8.3vw;
  }
}

@media screen and (max-width: 501px) {
  .top_text {
    font-size: 14px;
  }
  .form_table {
    margin: 0 5% 2%;
  }
  .count_box input {
    font-size: 3vw;
    width: 14%;
  }
  .price_box {
    font-size: 3.5vw;
    left: 43%;
  }
  .pay select {
    font-size: 1em;
  }
  .pay .wrap::after {
    top: -4px;
  }
}

@media screen and (max-width: 401px) {
  .top_txt2 {
    height: 25vw;
  }
  .top_txt2.w80,
  .top_txt3.w80 {
    width: 91%;
  }
}

@media screen and (max-width: 351px) {
  .count_box input {
    top: 59%;
  }
}

/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/