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


/*************
共通
*************/

/* h1 */
.h1_wrap {
	background-image: url(../img/bg_h1.jpg);
}


/*************
入力画面
*************/
.form_wrapper form {
	display: flex;
	flex-direction: column;
	row-gap: 48px;
}
.form_items {
	display: flex;
	flex-direction: column;
	row-gap: 32px;
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
}
.form_hd {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #E6E6E6;
}
span.must {
  display: inline-block;
  background-color: #CC0000;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  border-radius: 20px;
  padding: 0px 8px;
  margin-left: 8px;
  vertical-align: text-top;
}
form .item input, select, textarea {
  width: 100%;
  background-color: #FFF;
  border: 2px solid #565656;
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  color: #565656;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 400;
}
.select_wrap {
  position: relative;
  margin-top: 16px;
}
select {
  margin-top: 0;
}
.select_wrap:after {
    content: "";
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 18px;
    width: 11px;
    height: 11px;
}
textarea {
  height: 240px;
  resize: vertical;
}

/*************
確認画面
*************/
#contact_confirm h2 {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	margin-bottom: 32px;
	color: #E6E6E6;
}
.confirm_wrapper,
.complete_wrapper {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}
#contact_confirm form {
	margin-top: 48px;
}
#contact_confirm .form_hd {
  display: block;
  width: 320px;
}
#contact_confirm form .top_item {
  border-top: 1px solid #7D7D7D;
}
#contact_confirm .item {
  border-bottom: 1px solid #7D7D7D;
  display: flex;
  padding-bottom: 32px;
  padding-top: 32px;

}
#contact_confirm .form_preview {
  flex: 1;
}
#contact_confirm .button_box {
  text-align: center;
  margin-top: 64px;
  display: flex;
  justify-content: center;
  gap: 40px;
}

@media(max-width:768px) {
  #contact_confirm .item {
    display: flex;
    flex-direction: column;
  }
  #contact_confirm .form_hd {
    width: 100%;
  }
  #contact_confirm .form_preview {
    margin-top: 16px;
  }
  #contact_confirm .item {
    padding-bottom: 16px;
	padding-top: 16px;
  }
  #contact_confirm form .top_item {
    padding-top: 16px;
  }
  #contact_confirm .button_box {
    flex-direction: column;
    align-items: center;
	margin-top: 40px;
  }
  #contact_confirm .submit_btn {
    margin-left: 0;
    margin-top: 16px;
  }
  #contact_confirm form {
	margin-top: 32px;
  }
}

/*************
完了画面
*************/
#complete h2 {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	color: #E6E6E6;
}
.complete_wrapper {
	display: flex;
	flex-direction: column;
	gap: 48px;
}
/*************
メディアクエリ
*************/


/*************
*************/
@media(max-width:1024px) {}
@media(max-width:768px) {}
/*************

*************/
@media(max-width:768px) {}
/*************
*************/
@media(max-width:1024px) {}
@media(max-width:768px) {}
@media all and (max-width: 480px) {}
/*************
*************/
@media(max-width:1024px) {}
@media(max-width:768px) {}

.txt_link{
  text-decoration: underline;
}