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

#page_title{
	height:225px;
	background-image:none!important;
}

#page_title h1{
	vertical-align: top;
	padding-top: 50px;
}

h2.sub01{
	width: 1205px;
	margin: 0px auto;
	overflow: hidden;
}

p.txt01{
	text-align: center;
	padding-bottom: 25px;
}

/*-----------------------------------------------------------*/
.flow_list{
	width: 820px;
	margin: 85px auto 50px auto;
	overflow: hidden;
}

.flow_list ul{
	overflow: hidden;
	list-style-type: none;
	text-align: center;
}

.flow_list ul li{
	width: 245px;
	height: 75px;
	font-size:88%;
	font-weight:bold;
	line-height: 75px;
	margin-right: 37px;
	display: inline-block;
	background-color: #E8E8E8;
}

.flow_list ul li:last-child{
	margin-right: 0px;
}

.flow_list ul li.select{
	color: #ffffff;
	background-color: #037C32;
}

/*-----------------------------------------------------------*/
.form_block{
	width: 925px;
	margin: 0px auto 40px auto;
	overflow: hidden;
}

.form_block p.msg{
	text-align: center;
	line-height: 175%;
}

.form_block .table01{
	width: 100%;
	margin: 0px auto;
}

.form_block .table01 table{
	width: 100%;
	font-size: 16px;
	border-top: 1px solid #575757;
	border-left: 1px solid #575757;
}

.form_block .table01 table th{
	width: 26%;
	text-align: left;
	font-weight: 500;
	padding: 0px 17px 0px 12px;
	vertical-align: middle;
	background-color: #E4EFE5;
	border-right: 1px solid #575757;
	border-bottom: 1px solid #575757;
}

.form_block .table01 table th span{
	width: 64px;
	height: 27px;
	float: right;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
}

.form_block .table01 table th span.need{
	color: #FFFFFF;
	font-size:88%;
	background-color: #C72D33;
}

.form_block .table01 table th span.ninni{
	color: #000000;
	font-size:88%;
	background-color: #D1D1D1;
}

.form_block .table01 table td{
	width: 75%;
	padding: 15px;
	border-right: 1px solid #575757;
	border-bottom: 1px solid #575757;
}

.form_block .table01 table td p{
	color: #575757;
	font-size:88%;
	padding-top: 10px;
}

.form_block .table01 table td span.check{
	display: block;
	font-size:88%;
	padding: 10px 0px;
}

/*-----------------------------------------------------------*/
.table01 table td input[type=text]:focus,
.table01 table td textarea:focus{
	background-color: #FFF5D1;
}

.table01 table td input {
	height: 48px;
	border: 1px solid #575757;
	line-height: 48px;
	font-size: 100%;
	padding-left: 22px;
}

.input01 {
	width: 96.5%;
}

.input02 {
	width: 35%;
}

.input03 {
	width: 40%;
}

.input04 {
	width: 96.5%;
	height: 410px;
	padding: 5px;
	font-size: 100%;
}

.select_box{
	
}

.select_box select{
	width: 160px;
	height: 48px;
	font-size: 17px;
	padding: 0px 15px;
	margin-left: 35px;
}

.select_box select:first-child{
	margin-left: 0px;
}

.select_box select option{
	line-height: 30px;
}

/*-----------------------------------------------------------*/
.checkbox01-input{
  display: none;
}

.form_block .table01 table td span.checkbox01-parts{
  font-size:88%;
  padding-left: 40px;
  position:relative;
  margin-right: 45px;
}

.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: 0px;
  width: 28px;
  height: 28px;
  border: 1px solid #999;
}

.checkbox01-input:checked + .checkbox01-parts{
  color: #037C32;
}

.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 10px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #037C32;
  border-right: 3px solid #037C32;
}

/*-----------------------------------------------------------*/
.checkbox02-input{
  display: none;
}

.form_block .table01 table td span.checkbox02-parts{
  padding-left: 50px;
  position:relative;
  margin-right: 45px;
}

.checkbox02-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: 0px;
  width: 28px;
  height: 28px;
  border: 1px solid #999;
  background-color: #FFFFFF;
}

.checkbox02-input:checked + .checkbox02-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 10px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #006837;
  border-right: 3px solid #006837;
}

.checkbox02-parts a{
	color: #0500FF;
	text-decoration: none;
}

/*-----------------------------------------------------------*/
.file_select{
	font-size:88%;
	cursor: pointer;
}

.file_select:hover{
	text-decoration: underline;
}

/*-----------------------------------------------------------*/
.privacy{
	padding: 10px;
	background-color: #E8E8E8;
}

/*-----------------------------------------------------------*/
.send_btn{
	text-align: center;
	margin: 40px auto 80px auto;
}

.send_btn input{
	width: 309px;
	height: 74px;
	color: #fff;
	cursor: pointer;
	line-height: 0px;
	font-size: 17px;
	letter-spacing: 2px;
	font-weight: 600;
	background-color: #3A3A3A;
	border: 3px solid #3A3A3A;
	border-style: none;
	font-family: 'Noto Sans Japanese', sans-serif;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.send_btn input:hover{
	color: #3A3A3A;
	border: 3px solid #3A3A3A;
	background-color: #ffffff;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/*-----------------------------------------------------------*/
input[type="text"] {
	font-size: 17px;
	-webkit-appearance: none;
}

input[type="submit"] {
	-webkit-appearance: none;
}

/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/