@charset "UTF-8";
/*
*form
*/

.form-lp01{
  width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {

  .form-lp01{
    width: 100%;
  }
  
}

/*小学生以下テキストリンク*/
br.sp-only {
	display: none;
}

@media screen and (max-width: 767px){
	br.sp-only {
	display: block;
}
}
a.form__line-link-kids {
	text-decoration: underline;
    color: #00b7df;
}
a.form__line-link-kids:hover {
	text-decoration: none;
}

.form{

}

.form__read{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}

.form__content{
  margin-top: 40px;
}


.form__dl{
  margin-top: 24px;
}
.form__dl:first-child{
  margin-top: 0;
}

.form__dl dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}
.form__dl dt + dd{
  margin-top: 8px;
}

.form__inqry-check{
  margin-top: 40px;
  text-align: center;
}

.form__agreement-title{
  font-weight: bold;
  line-height: 1.8;
}

.form__agreement-title a{
  text-decoration: underline;
  color: #00B7DF;
}

.form__agreement-title a:hover{
  text-decoration: none;
}

.form__agreement-agree{
  margin-top: 16px;
}

.form__bottom-block{
  margin-top: 40px;
  text-align: center;
}

/* 必須表示 */
.form__required{
  display: inline-block;
  padding: 2px 8px;
  background: #F44336;
  font-size: 12px;
  line-height: 1.8;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  margin-left: 8px;
}

/* 注釈 */
.form__annotation{
  font-size: 14px;
  color: #242424;
  line-height: 1.8;
  margin-top: 8px;
}

/*フォームパーツ間に入れる線*/
.form__line{
  width: 10px;
  height: 1px;
  background: #333;
  display: inline-block;
  margin: 0 10px;
}

/* フォームパーツ基本スタイル */
.form ::placeholder{
  color: #CCC;
}

.form input[type="text"],
.form input[type="email"]{
  border: 1px solid #CCC;
  padding: 16px 24px;
  font-size: 16px;
  border-radius: 4px;
  width: 100%;
}

.form select{
  border: 1px solid #004E98;
  padding: 16px 24px;
  font-size: 16px;
  border-radius: 4px;
}

.form textarea{
  border: 1px solid #CCC;
  padding: 16px 24px;
  font-size: 16px;
  border-radius: 4px;
  width: 100%;
}

.form input[type="submit"]{
  min-width: 268px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #004E98;
  background: #004E98;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  transition: .4s;
  cursor: pointer;
}

.form input[type="submit"]:hover{
  opacity: .7s;
}

/*確認画面の修正(戻る)ボタン*/
.mw_wp_form_confirm .form input[name="submitBack"]{
  border: 1px solid #fff;
  background: #fff;
  color: #004E98;
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 0;
  /* margin-right: 20px; */
}

/*エラーメッセージ*/
.form span.error{
  margin-top: 5px;
}
@media screen and (max-width: 767px) {


  .form input[type="text"],
  .form input[type="email"]{
    padding: 12px 16px;
  }

  .form select{
    padding: 12px 16px;
  }

  .form textarea{
    padding: 12px 16px;
  }
  
  .form input[type="submit"]{
    display: block;
    margin: 0 auto;
  }

  /*確認画面*/
  .mw_wp_form_confirm .form input[type="submit"]{
    margin-top: 40px;
  }

  .mw_wp_form_confirm .form input[name="submitBack"]{
    margin-right: auto;
  }
  
}

/*
*フォームパーツやブロックごとの
* 固有のスタイル(classまたはname値で指定)
*/
.form__dd-flex{
  display: flex;
  align-items: center;
}

.form__text--sei-kana{
  display: inline-block;
  width: calc(50% - 4px);
}

.form__text--mei-kana{
  display: inline-block;
  width: calc(50% - 4px);
  margin-left: 8px;
}

.form__dl select[name="birth_year"]{
  display: inline-block;
  width: 240px;
}

.form__birth_month-wrap,
.form__birth_day-wrap{
  margin-left: 8px;
}

.form__dl select[name="birth_month"],
.form__dl select[name="birth_day"]{
  display: inline-block;
  width: 120px;
}

.form__dl input[name="zip1"]{
  width: 110px;
}

.form__dl input[name="zip2"]{
  width: 120px;
}

.form__dl input[name="tel1"],
.form__dl input[name="tel2"],
.form__dl input[name="tel3"]{
  width: 110px;
}


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

  .form__dl--furigana dd{
    display: block;
  }

  .form__text--sei-kana{
    display: block;
    width: 100%;
  }
  
  .form__text--mei-kana{
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }

  .form__birth_year-wrap{
    width: 40.2%;
  }
  .form__dl select[name="birth_year"]{
    width: 100%;
  }

  .form__birth_month-wrap{
    width: 27.4%;
  }
  .form__dl select[name="birth_month"]{
    width: 100%;
  }
  
  .form__birth_day-wrap{
    width: 27.4%;
  }
  .form__dl select[name="birth_day"]{
    width: 100%;
  }

  .form__zip1-wrap{
    width: 32.8%;
  }
  .form__dl input[name="zip1"]{
    width: 100%;
  }
  
  .form__zip2-wrap{
    width: 35.8%;
  }
  .form__dl input[name="zip2"]{
    width: 100%;
  }

  .form__tel1-wrap{
    width: 27.7%;
  }
  .form__tel2-wrap,
  .form__tel3-wrap{
    width: 30.1%;
  }
  .form__dl input[name="tel1"],
  .form__dl input[name="tel2"],
  .form__dl input[name="tel3"]{
    width: 100%;
  }

}

/*
完了ページに元々入ってたCSS
*/
.mt30{margin-top: 30px;}
.mb_30{margin-bottom: 30px;}
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}
.ct{text-align: center;}
.txtbox{
  padding: 10px 20px 20px;
  margin-bottom: 2em;
  line-height: 1.6;
}
.title-section .main-txt{
  font-family: 'Roboto Slab', sans-serif;
  display: block;
  font-size: 264%;
  letter-spacing: .1em;
  color: #375980;
}

.pc{
  display: block!important;
}
.sp{
  display: none!important;
}
@media screen and (max-width: 767px) {

  .pc{
    display: none!important;
  }
  .sp{
    display: block!important;
  }
}