@charset "UTF-8";
/* CSS Document */
/*==========================================================================================

	// 　form

==========================================================================================*/
.form_lead {
  font-size: 14px;
  line-height: 1.7;
}

.form_lead.form_lead--layout {
  margin-top: 30px;
}

.form_confirm_lead {
  display: flex;
  justify-content: center;
  color: #597FB7;
  font-size: 20px;
}

.form {
  border-radius: 10px;
  background-color: #F8F8F8;
}

.form.form--layout {
  margin-top: 20px;
}

.form_content {
  padding: 40px 40px 30px;
}

.form_content .form_content-title {
  color: #535353;
  font-size: 16px;
}

.form_content .form_content-title_emphasis {
  font-weight: bold;
}

.form_content .form_content-title_emphasis01 {
  color: #3576D5;
  font-size: 12px;
  vertical-align: middle;
}

.form_content .form_content-list.form_content-list--type01 {
  margin-top: 35px;
}

.form_content .form_content-list_item {
  margin-top: 45px;
}

.form_content .form_content-list_item:first-child {
  margin-top: 0;
}

.form_content .form_content-list_item.form_content-list_item--type01 {
  margin-top: 35px;
}

.form_content.form_content--lesson {
  background-color: #F0F6FF;
}

.form_content.form_content--type01 {
  padding-bottom: 40px;
}

.input_item {
  display: flex;
  align-items: center;
}

.input_item .input_item-title {
  width: 170px;
  color: #597FB7;
  font-size: 14px;
  line-height: 1.7;
}

.input_item .input_item-title_required {
  color: #FF0000;
  font-size: 10px;
  line-height: 1.7;
}

.input_item .input_item-body {
  flex: 1;
  margin-left: 20px;
}

.input_item .input_item-body_inner {
  margin-top: 15px;
}

.radio {
  display: flex;
  align-items: center;
}

.radio .radio-item {
  margin-left: 50px;
}

.radio .radio-item:first-child {
  margin-left: 0;
}

.radio_btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.radio_btn .radio_btn-input {
  display: none;
}

.radio_btn .radio_btn-input + .radio_btn-title {
  display: flex;
  align-items: center;
  line-height: 1.7;
}

.radio_btn .radio_btn-input + .radio_btn-title::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-image: url(../images/radio_off.png);
  background-size: 24px 24px;
}

.radio_btn .radio_btn-input:checked + .radio_btn-title::before {
  background-image: url(../images/radio_on.png);
}

.radio_btn .radio_btn-title {
  color: #535353;
  font-size: 14px;
}

.radio_btn.is-error .radio_btn-input + .radio_btn-title::before {
  background-image: url(../images/radio_error.png);
}

.radio_btn.is-error .radio_btn-input:checked + .radio_btn-title::before {
  background-image: url(../images/radio_on.png);
}

.text_box .text_box-content_input {
  height: 46px;
  width: 100%;
  padding-left: 20px;
  background-color: #FFFFFF;
  border: 2px solid #EBEBEB;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}

.text_box .text_box-content_input::placeholder {
  color: #9F9F9F;
}

.text_box .text_box-content_input:focus {
  outline: none;
  border-color: #597FB7;
}

.text_box .text_box-error {
  display: none;
  margin-top: 5px;
  color: #FF0000;
  font-size: 10px;
}

.text_box .text_box-error::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(../images/icon_exclamation_circle.png);
  background-size: 14px 14px;
}

.text_box .text_box-error_inner {
  margin-left: 5px;
}

.text_box.is-error .text_box-error {
  display: flex;
  align-items: center;
}

.text_box.is-error .text_box-content_input {
  border-color: #FF8E8E;
}

.text_area .text_area-inner {
  width: 750px;
  height: 210px;
  padding: 20px;
  background: #FFFFFF;
  border: 2px solid #EBEBEB;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  resize: vertical;
}

.text_area .text_area-inner::placeholder {
  color: #9F9F9F;
}

.text_area .text_area-inner:focus {
  outline: none;
  border-color: #597FB7;
}

.submit_area {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 30px;
}

.submit_area .submit_area-link {
  font-size: 14px;
  color: #535353;
  text-decoration: underline;
}

.submit_area .submit_area-submit {
  margin-top: 20px;
}

.submit_area.submit_area--layout {
  margin-top: 60px;
}

.action_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 340px;
  height: 60px;
  background: #816849;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
}

.action_btn.action_btn--link {
  background-color: #FFFFFF;
  border: 1px solid #816849;
  color: #816849;
}

.input_item_text {
  color: #535353;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
}

.form_complete {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.form_complete .form_complete-title {
  color: #597FB7;
  font-size: 20px;
  font-weight: bold;
}

.form_complete .form_complete-text {
  color: #597FB7;
  font-size: 20px;
  margin-top: 40px;
}

.form_complete .form_complete-img {
  margin-top: 35px;
}

.form_complete .form_complete-action {
  margin-top: 50px;
}

.form_complete.form_complete--layout {
  padding-top: 40px;
  padding-bottom: 30px;
}

.text_link {
  text-decoration: underline;
}



.head_comment {
	font-size: 16px;
	font-weight: bold;
	color: #597FB7;
}
/*# sourceMappingURL=form.css.map */