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

@media screen and (max-width: 1801px) {
  .visible1800 {
    display: block;
    margin: auto;
  }
  .hidden1800 {
    display: none;
  }
  .contents1800 {
    width: 100%;
    margin-left: 0px;
  }
}

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

@media screen and (max-width: 1008px) {
  .visible1000 {
    display: block;
  }
  .hidden1000 {
    display: none;
  }
  .contents {
    width: 100%;
  }
  .img_center {
    margin-left: 0px;
  }
  body {
    min-width: 100%;
  }
  img {
    max-width: 100%;
    height: auto;
  }

  .margin100p {
    margin-top: 10%;
  }

  .margin50p {
    margin-top: 5%;
  }
  .marginb50p {
    margin-bottom: 5%;
  }
}

@media screen and (max-width: 751px) {
  .visible750 {
    display: block;
    margin: auto;
  }
  .hidden750 {
    display: none;
  }
}

@media screen and (max-width: 701px) {
  .visible700 {
    display: block;
    margin: auto;
  }
  .hidden700 {
    display: none;
  }
}

@media screen and (max-width: 601px) {
  .visible600 {
    display: block;
    margin: auto;
  }
  .hidden600 {
    display: none;
  }
}

@media screen and (max-width: 401px) {
  .visible400 {
    display: block;
    margin: auto;
  }
  .hidden400 {
    display: none;
  }
}

@media screen and (max-width: 321px) {
  .visible320 {
    display: block;
    margin: auto;
  }
  .hidden320 {
    display: none;
  }
}

/*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/

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

/*フォント*/

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

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

@media screen and (max-width: 1008px) {
  .main .font30 {
    font-size: 40px;
  }
  .main .font25 {
    font-size: 35px;
  }
  .txt_a {
    font-size: 40px;
  }
  .txt_b {
    font-size: 35px;
  }
  .next_btn .font30 {
    font-size: 20px;
  }
  .txt_c {
    font-size: 40px;
  }
  .apply .font25 {
    font-size: 35px;
  }
  .conf .font25 {
    font-size: 35px;
  }
  .pay .font25 {
    font-size: 35px;
  }
}
@media screen and (max-width: 901px) {
  .main .font30 {
    font-size: 30px;
  }
  .main .font25 {
    font-size: 25px;
  }
  .txt_a {
    font-size: 30px;
  }
  .txt_b {
    font-size: 25px;
  }
  .next_btn .font30 {
    font-size: 18px;
  }
  .txt_c {
    font-size: 30px;
  }
  .apply .font25 {
    font-size: 25px;
  }
  .conf .font25 {
    font-size: 25px;
  }
  .zyouho {
    font-size: 2.8vw;
  }
  .pay .font25 {
    font-size: 25px;
  }
  .ginko_zyouho {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 701px) {
  .main .font30 {
    font-size: 25px;
  }
  .main .font25 {
    font-size: 20px;
  }
  .txt_a {
    font-size: 25px;
  }
  .txt_b {
    font-size: 20px;
  }
  .next_btn .font30 {
    font-size: 16px;
  }
  .txt_c {
    font-size: 25px;
  }
  .apply .font25 {
    font-size: 20px;
  }
  .conf .font25 {
    font-size: 20px;
  }
  .pay .font25 {
    font-size: 20px;
  }
}

@media screen and (max-width: 601px) {
  .apply .font20 {
    font-size: 18px;
  }
  .apply .font18 {
    font-size: 16px;
  }
  .conf .font20 {
    font-size: 16px;
  }
  .conf .font18 {
    font-size: 14px;
  }
  .next_btn2 .font30 {
    font-size: 25px;
  }
  .pay .font20 {
    font-size: 16px;
  }
  .pay .font18 {
    font-size: 14px;
  }
}

@media screen and (max-width: 501px) {
  .main .font30 {
    font-size: 20px;
  }
  .main .font25 {
    font-size: 17px;
  }
  .txt_a {
    font-size: 20px;
  }
  .txt_b {
    font-size: 17px;
  }
  .next_btn .font30 {
    font-size: 14px;
  }
  .txt_c {
    font-size: 20px;
  }
  .apply .font25 {
    font-size: 17px;
  }
  .apply .font20 {
    font-size: 16px;
  }
  .apply .font18 {
    font-size: 14px;
  }
  .next_btn2 .font30 {
    font-size: 20px;
  }
  .conf .font25 {
    font-size: 17px;
  }
  .conf .font20 {
    font-size: 15px;
  }
  .conf .font18 {
    font-size: 14px;
  }
  .zyouho {
    font-size: 3.5vw;
  }
  .white_box.font16 {
    font-size: 14px;
  }
  .pay .font25 {
    font-size: 17px;
  }
  .pay .font20 {
    font-size: 15px;
  }
  .pay .font18 {
    font-size: 14px;
  }
  .ginko_zyouho {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 401px) {
  .next_btn .font30 {
    font-size: 13px;
  }
  .txt_a {
    font-size: 16px;
  }
  .txt_b {
    font-size: 15px;
  }
  .txt_c {
    font-size: 16px;
  }
  .apply .font20 {
    font-size: 14px;
  }
  .apply .font18 {
    font-size: 13px;
  }
  .conf .font20 {
    font-size: 14px;
  }
  .conf .font18 {
    font-size: 13px;
  }
  .white_box.font16 {
    font-size: 13px;
  }
  .pay .font20 {
    font-size: 14px;
  }
  .pay .font18 {
    font-size: 13px;
  }
}

/*その他レイアウト*/

@media screen and (max-width: 1401px) {
  .table_1 img {
    width: 6vw;
  }
  .table_1 p {
    font-size: 1.7vw;
  }
  .table_2 img {
    width: 6vw;
  }
  .table_2 p {
    font-size: 1.7vw;
  }
  .table_3 img {
    width: 6vw;
  }
  .table_3 p {
    font-size: 1.7vw;
  }
  .table_4 img {
    width: 6vw;
  }
  .table_4 p {
    font-size: 1.7vw;
  }
  .plan .hidden1000 .padding2 {
    padding-top: 1%;
  }
}

@media screen and (max-width: 1201px) {
  #menu .nav_list2 {
    margin-left: auto;
  }
  #menu .f_yu03 {
    position: static;
  }
}

@media screen and (max-width: 1008px) {
  .box2 {
    background-image: url(../img/gs_005.png);
    background-repeat: no-repeat;
    background-attachment: unset;
    background-size: contain;
  }

  .box3 {
    background-image: url(../img/gs_007.png);
    background-repeat: no-repeat;
    background-attachment: unset;
    background-size: contain;
  }

  .box4 {
    background-image: url(../img/gs_010.png);
    background-repeat: no-repeat;
    background-attachment: unset;
    background-size: contain;
  }
  .box5 {
    background-image: url(../img/gs_012.png);
    background-repeat: no-repeat;
    background-attachment: unset;
    background-size: contain;
  }
  .txt_b {
    padding: 5%;
  }
  .gs_003 {
    width: 100%;
  }

  #top .navmenu {
    right: 1%;
    font-size: 14px;
  }

  .plan .w90 {
    width: 100%;
  }

  .next_btn.w60 {
    width: 70%;
  }

  .table_1 img {
    width: auto;
  }
  .table_1 p {
    font-size: 20px;
  }
  .table_2 img {
    width: auto;
  }
  .table_2 p {
    font-size: 20px;
  }
  .table_3 img {
    width: auto;
  }
  .table_3 p {
    font-size: 20px;
  }
  .table_4 img {
    width: auto;
  }
  .table_4 p {
    font-size: 20px;
  }
  .apply .floatl {
    float: none;
  }
  .plan_img {
    margin-left: auto;
    margin-right: auto;
  }
  .txt_d.w35 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
  }
  .conf txt_d.floatl {
    float: none;
  }
}

@media screen and (max-width: 901px) {
  .table_1 img {
    width: 10vw;
  }
  .table_1 p {
    font-size: 2.3vw;
  }
  .table_2 img {
    width: 10vw;
  }
  .table_2 p {
    font-size: 2.3vw;
  }
  .table_3 img {
    width: 10vw;
  }
  .table_3 p {
    font-size: 2.3vw;
  }
  .table_4 img {
    width: 10vw;
  }
  .table_4 p {
    font-size: 2.3vw;
  }
  .form-inner .w90 {
    width: 80%;
  }
  .form-inner .title {
    font-size: 1.5em;
    padding-bottom: 0.2em;
  }
  .form-inner .font20 {
    font-size: 1em;
    padding-bottom: 0.2em;
  }
  .form-field {
    font-size: 1.5em;
  }
  .err_msg {
    font-size: 3vw;
  }
}

@media screen and (max-width: 801px) {
  .pp.w80 {
    width: 95%;
  }
  .pp.w80 .r {
    text-align: center !important;
  }
  .conf .white_box.lawtext > div {
    height: 13em;
  }
  .radio-field {
    margin-bottom: 4%;
    font-size: 1.3em;
  }
}

@media screen and (max-width: 701px) {
  .form-inner .title {
    font-size: 1.3em;
    padding-bottom: 0.2em;
  }
  .form-field {
    margin-bottom: 4%;
    font-size: 1.3em;
  }
}

@media screen and (max-width: 601px) {
  .yubin .w40 {
    width: 60% !important;
  }
  .yubin_btn {
    right: 0;
  }
  .radio-field {
    margin-bottom: 3%;
    font-size: 1.2em;
  }
  input[type="radio"] {
    height: 21px;
    width: 21px;
  }
  input[type="radio"]:before {
    width: 14px;
    height: 14px;
  }
  .err_msg {
    font-size: 3vw;
  }
  #question_err.err_msg {
    font-size: 3.5vw;
  }
  .next_btn3 {
    width: 250px;
  }
}

@media screen and (max-width: 501px) {
  .gold.w49 {
    width: 100%;
  }
  .form-inner .title {
    font-size: 1em;
  }
  .form-field {
    font-size: 1em;
  }
  .conf .white_box.lawtext > div {
    height: 10em;
  }
  .zyouho.w80 {
    width: 90%;
  }
  .zyouho .w30 {
    width: 35%;
  }
  .next_btn3 {
    width: 200px;
  }
  .ginko_zyouho .w30 {
    width: 40%;
  }
}
@media screen and (max-width: 451px) {
  .radio-field {
    margin-bottom: 3%;
    font-size: 1em;
  }
}
@media screen and (max-width: 421px) {
}

@media screen and (max-width: 401px) {
}
@media screen and (max-width: 331px) {
  .plan .w85 {
    width: 90%;
  }
}
/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/