/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
@font-face {
  font-family: "ZenOldMincho-Regular";
  src: url("../font/ZenOldMincho-Regular.woff2") format("woff");
  display: swap;
}
.l-header{
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,.4);
  box-shadow: 1px 1px 10px 0px rgba(0,0,0,.4);
}
.l-main-form__bg{
  background-color: #EBF1F8;
  padding: 60px 0;
}
@media screen and (max-width: 768px){
  .l-main-form__bg{
    padding: 30px 16px;
  }
}
.p-main-form{
  max-width: 680px;
  width: 100%;
  
  margin: 0 auto;
}
.--sub-title.--form {
  font-size: clamp(10px,7vw,18px);
  /* font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif; */
  font-weight: normal;
  line-height: 1.5;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; 
}
@media screen and (max-width: 768px) {
  .--sub-title.--form {
    font-size: 4vw;
    margin: 0 auto;
  }
}
.--sub-title.--form::before,.--sub-title.--form::after {
  border-top: 1px solid;
  content: "";
  width: 3em;
}
.--sub-title.--form::before {
  margin-right: 1em; 
}
.--sub-title.--form::after {
  margin-left: 1em;
}
.l-main-form{
  /* background-color: #EBF1F8; */
}
.p-main-form{
  width: 100%;
  border-collapse: separate;
}
.p-main-form__tbody{
  width: 100%;
}
.p-main-form__tr{
  border-bottom: dotted 1px #004EA2;
  border-spacing:0 15px ;
}
@media screen and (max-width: 768px) {
  .p-main-form__tr{
    display: block;
    margin-bottom: 30px;
  }
}
.p-main-form__th{
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  width: 100%;
  padding-bottom: 10px;
  font-size: clamp(10px,7vw,16px);
  letter-spacing: .3em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-main-form__th{
    font-size: 4vw;
  }
}
/* @media screen and (max-width: 768px) {
  .p-main-form__th.--sp-block{
    display: block;
  }
} */
.p-main-form__th.--adjust{
  letter-spacing: .05em;
}
.p-main-form__th .--blue{
  background-color: #004EA2;
  color: #fff;
  display: block;
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 8px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  font-size: 70%;
}
.p-main-form__th .--white{
  background-color: #fff;
  border: solid 1px #004EA2;
  color: #004EA2;
  display: block;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 8px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  font-size: 70%;
}
.p-main-form__th .--blue.--adjust{
  letter-spacing: .3em;
}
.p-main-form__th .--note{
  font-weight: normal;
  font-size: clamp(10px,7vw,16px);
  letter-spacing: .1em;
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .p-main-form__th .--note{
    font-size: 4vw;
    margin-top: 10px;
    margin-left: 0;
    display: block;
  }
}
.p-main-form__th .--note .--note-red{
  color: red;
  font-size: 80%;
  margin-right: 4px;
}
.c-main-form__title{
  color: #004EA2;
  text-align: left;
  font-size: clamp(10px,7vw,20px);
  letter-spacing: .1em;
  margin-bottom: 10px;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
  .c-main-form__title{
    font-size: 5vw;
  }
}
.c-main-form__title--span{
  font-size: 90%;
  margin-left: 8px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .c-main-form__title--span{
    font-size: 80%;
  }
}
.p-main-form__th--select{
  display: block;
}
.p-main-form__th--select .--text{
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  width: 100%;
  margin-bottom: 10px;
  font-size: clamp(10px,7vw,16px);
  letter-spacing: .1em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-main-form__th--select .--text .--blue{
  background-color: #004EA2;
  color: #fff;
  display: block;
  padding-left: 4px;
  padding-right: 4px;
  /* padding-top: 2px; */
  /* padding-bottom: 2px; */
  margin-left: 8px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  font-size: 70%;
}
.p-main-form__td{
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  font-weight: normal;
  width: 100%;
  display: block;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-main-form__td{
    line-height: 1;
  }
}
.p-main-form__td .--input{
  width: 100%;
  padding: 16px;
  font-size: clamp(10px,7vw,18px);
}
@media screen and (max-width: 768px) {
  .p-main-form__td .--input{
    font-size: 4vw;
  }
}
.p-main-form__td--flex{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .p-main-form__td--flex{
    display: block;
  }
}
.p-main-form__td--flex .--contents{
  width: auto;
}
@media screen and (max-width: 768px) {
  .p-main-form__td--flex .--contents{
    width: 100%;
  }
}
.c-main-form__line{
  height: 2px;
  width: 100%;
  display: block;
  background-color: #004EA2;
}
.p-main-form__select{
  width: 100%;
  padding: 15px 20px;
  font-size: clamp(10px,7vw,16px);
  font-weight: bold;
  background-color: #fff;
    /* 下向き矢印のスタイル */
  /* Firefox */
  -moz-appearance: none;
  /* Chrome, Safari, Edge */
  -webkit-appearance: none;
  /* IE10+ */
  appearance: none;
  background-image: url('./img/tru-to-down.webp');
  background-repeat: no-repeat;
  background-position: 98% center;
  padding-right: 20px;
  background-size: 15px;
}
@media screen and (max-width: 768px) {
  .p-main-form__select{
    font-size: 4vw;
  }
}
/* Firefoxでの矢印のスタイル */
.p-main-form__select::-ms-expand {
  display: none;
}
/* Firefoxでのカスタム画像の使用 */
@-moz-document url-prefix() {
  .p-main-form__select {
    background-image: url('./img/tru-to-down.webp');
  }
}
.p-main-form__select[disabled] {
  color: rgb(117, 117, 117);
  background-color: #FCF1F2;
}
.p-headline__h2 .--sub-title {
    font-size: clamp(20px,7vw,24px);
}
.p-headline__h2.--3steps {
  line-height: 1.3;
}
/* プライバシーポリシー */
.privacy-box__parent{
  display: flex;
  justify-content: center;
  align-items: center ;
}
.privacy-box__wrapper {
  width: 100%;
  height: 100px;
  margin: 4% auto 4% auto;
  padding: 5px  10px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  text-align: left;
  scrollbar-width: thin;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
.privacy-box__wrapper--text{
  font-size: 14px;
}
.privacy-box__wrapper .privacy-box h3 {
  /* position: relative; */
  padding: 0 0 5px 0;
  color: #1c357c;
  font-size: .8rem;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
  border-bottom: 1px dotted #ccc;
}
.pp_check{
  font-size: 0.8em;
  text-align: center;
}
.c-consent-button{
  
}
label[for="consent-button"]{
  font-size: clamp(10px,7vw,16px);
}
@media screen and (max-width: 768px) {
  label[for="consent-button"]{
    font-size: 4vw;
  }
}

label[for="consent-button"] .--link{
  color:#004EA2;
  border-bottom: solid 1px #004EA2;
}
.c-payment-button{
  margin-right: 5px;
  cursor: pointer;
}
label[for="payment-credit"]{
  margin-right: 30px;
  font-size: clamp(10px,7vw,18px);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  label[for="payment-credit"]{
    font-size: 4.5vw;
  }
}
label[for="payment-transfer"]{
  font-size: clamp(10px,7vw,18px);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  label[for="payment-transfer"]{
    font-size: 4.5vw;
  }
}
/* //プライバシーポリシー */
.submit_box{
  background: rgb(5,35,98);
  background: -o-linear-gradient(right, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(5,35,98,1)), color-stop(50%, rgba(0,78,162,1)), to(rgba(5,35,98,1)));
  background: linear-gradient(270deg, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  
  margin: 30px auto 0 auto;
  border-radius: 6px;
  max-width:-webkit-fit-content;
  max-width:-moz-fit-content;
  max-width:fit-content;
  width: 100%;
}
.submit_box.--button{
  color: #fff;
  font-size: clamp(10px,7vw,16px);
  display: block;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
}
.submit_box .--submit{
  background-color: transparent;
  color: #fff;
  font-size: clamp(10px,7vw,16px);
  letter-spacing: .3em;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  padding: 10px 64px;
}
.submit_box .--submit[disabled]{
  opacity: .6;
}
.privacy-box__parent--wrap{
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 0 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .privacy-box__parent--wrap{
    padding: 0px 16px 60px;
  }
}
/* 確認画面 */
.p-main-form__td.--confirm{
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-main-form__td.--confirm{
    padding-bottom: 15px;
  }
}
.p-main-form__td.--adjust{
  font-size: clamp(10px,7vw,18px);
}
@media screen and (max-width: 768px) {
  .p-main-form__td.--adjust.--sp-none{
    display: none;
  }
}
.c-confirm-banner{
  background-color: #004EA2;
  color: #fff;
  font-size: clamp(10px,7vw,18px);
  letter-spacing: .1em;
  display: inline-block;
  color: #fff;
  margin-bottom: 10px;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .c-confirm-banner{
    font-size: 5vw;
  }
}
.privacy-box__parent--wrap.--confirm{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .privacy-box__parent--wrap.--confirm{
    display: block;
  }
}
.submit_box.--confirm-back{
 background: #fff;
 border: solid 1px #004EA2;
 margin: 0 10px 0 0 ;
 max-width: 210px;
 width: 100%;
}
@media screen and (max-width: 768px) {
  .submit_box.--confirm-back{
    margin: 0 auto 20px;
   }
}
.submit_box.--confirm-back .--submit{
  color:#004EA2;
  padding: 10px 0;
  width: 100%;
 }
.submit_box.--confirm{
  max-width: 210px;
  width: 100%;
  margin:0;
}
@media screen and (max-width: 768px) {
  .submit_box.--confirm{
    margin: 0 auto;
  }
}
.submit_box.--confirm .--submit{
  padding: 10px 0;
  width: 100%;
}
.c-err-area__text, .error_messe{
  font-size: clamp(10px,7vw,16px);
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  font-weight: normal;
}
.c-err-area__text.--red{
  font-weight: bold;
  color: red;
}
@media screen and (max-width: 768px) {
  .c-err-area__text, .error_messe{
    font-size: 4vw;
  }
}
/* //確認画面 */
input.c-consent-button {
  width: 125x;
  height: 25px;
  padding: 2px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .p-main-form__select {
    width: 100%;
  }
  .p-main-form__select option {
    width: 100%;
    display: block;
  }
}
/* プライバシーポリシーモーダル */
#js-modal{
  display: none;
}
#js-modal.active{
  display: block;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,50%);
  transition: .3s;
  padding: 25px;
}

.l-modal-wrap{
  position: relative;
  height: 100%;
  z-index: 1001;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
.l-modal{ 
  position: relative;
  z-index: 1002;
  height: 100%;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  background: rgba(255,255,255,1);
  overflow-y: scroll;  
 
}
.l-modal--close{
  position: absolute;
  z-index: 1003;
  right: -20px;
    top: -20px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  background-color: #fff;
  border: solid 1px #333;
  border-radius: 50%;
  display: grid;
  place-content: center; 
}
label[for="consent-button"]{
  cursor: pointer;
  user-select: none;
}
/* //プライバシーポリシーモーダル */

/* previous_survey */
.p-main-form--survey{
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0 0 30px 0 ;
}
.p-main-form__tr--survey{

}
.p-main-form__th--survey{
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  width: 100%;
  font-size: clamp(10px,7vw,16px);
  letter-spacing: .3em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  background-color: #fff;
  padding:20px 30px 10px 30px;
}
@media screen and (max-width: 768px) {
  .p-main-form__th--survey{
    padding:20px 16px 10px ;
    align-items: flex-start;
  }
}
.p-main-form__th--survey.--adjust {
  letter-spacing: .05em;
}
.p-main-form__th--survey .--blue {
  background-color: #004EA2;
  color: #fff;
  display: block;
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 8px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  text-align: center;
  font-size: 70%;
}
.p-main-form__th--survey.--adjust .--blue {
  letter-spacing: .3em;
  padding-right: 3px;
  white-space: nowrap;
}
.p-main-form__th--survey .--white {
  background-color: #fff;
  border: solid 1px #004EA2;
  color: #004EA2;
  display: inline-block;
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 8px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  text-align: center;
  font-size: 70%;
}
.p-main-form__td--survey{
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
    font-weight: normal;
    width: 100%;
    display: block;
    background-color: #fff;
    padding:0px 30px 20px 30px;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-main-form__td--survey{
    padding:0px 16px 20px ;
  }
}
.p-main-form__td--survey .--input {
  width: 100%;
  padding: 16px;
  font-size: clamp(10px,7vw,18px);
  border:solid 1px #004EA2;
}
.c-form-survey--text{
  font-size: clamp(10px,7vw,16px);
}
.p-work-division{
}
.c-work-division{
  
}
/* label[for="c-work_division1"]{
  font-size: clamp(10px,7vw,16px);
  line-height: 1.3;
  margin-left: 5px;
}
label[for="c-work_division2"]{
  font-size: clamp(10px,7vw,16px);
  line-height: 1.3;
  margin-left: 5px;
} */
.p-main-form__select.--survey{
  border:solid 1px #004EA2;
}
.c-previous-radio{
  
}
input[type="radio"]{
  cursor: pointer;
}
label{
  font-size: clamp(10px,7vw,16px);
  line-height: 1.3;
  padding-left: 5px;
  cursor: pointer;
}
/* label[for="c-know-about1"]{
  margin-bottom: 10px;
}
label[for="c-know-about2"]{
  margin-bottom: 10px;
} */
.c-previous-text{
  font-size: clamp(10px,7vw,16px);
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .c-previous-text{
    font-size: 3.5vw;
  }
}
.submit_box-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  width: 100%;
  margin:32px auto 0 auto;
}
@media screen and (max-width: 768px) {
  .submit_box-wrap{
    display: block;
  }
}
.c-previous-reset{
  background-color: transparent;
  color: #4D4D4D;
  font-size: clamp(10px,7vw,16px);
  letter-spacing: .1em;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  padding: 10px 20px;
  background-color: #CBCBCB;
  border-radius: 6px;
  margin-right: 10px;
  max-width: 40%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-previous-reset{
    max-width: 100%;
  }
}
.c-previous-submit{
  background-color: transparent;
  color: #fff;
  font-size: clamp(10px,7vw,16px);
  letter-spacing: .3em;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  padding: 10px 64px;
  background: rgb(5,35,98);
  background: -o-linear-gradient(right, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(5,35,98,1)), color-stop(50%, rgba(0,78,162,1)), to(rgba(5,35,98,1)));
  background: linear-gradient(270deg, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  border-radius: 6px;
  max-width: 60%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-previous-submit{
    margin-top: 16px;
    max-width: 100%;
  }
}
#myform{
  background-color: #EBF1F8;
}
.c-form-survey--textarea{
  font-size: clamp(10px,7vw,16px);
  border:solid 1px #004EA2;
  padding: 10px;
  margin-top: 10px;
  width: 100%;
  
}
::-webkit-input-placeholder {
  /* display: block; */
  font-size: 16px;
  color: #CBCBCB;
}
.c-previous_alert{
  display: block;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  /* font-weight: normal; */
  color: red;
  font-size: clamp(10px,7vw,16px);
}

/* //previous_survey */