/* CSS Document */



.red{
	color:#ff0000;
}

@media (max-width: 767px) {
	


.form__box{
	margin: 2.608vw auto; /*20px /767*/
	width: 100%;
}
	
.form__box .box__txt{
	margin: 7.823vw 0; /*60px /767*/
}

.form__box .box__txt p {
	font-size:3.129vw; /*24px /767*/
}

	
.form__box .box01{
	margin-bottom: 7.823vw; /*60px /767*/
}

.form__box .box01 dl{
	overflow: hidden;
	text-align: left;
	padding: 0.652vw 0; /*5px /767*/
}

.form__box .box01 dt{
	color:#193118;
	font-size: 3.129vw; /*24px /767*/
	min-height: 6.519vw; /*50px /767*/
	padding-bottom: 1.304vw; /*10px /767*/
	height: 3.129vw; /*24px /767*/
}

.form__box .box01 dd.w40{
	font-size: 3.129vw; /*24px /767*/
	min-height: 6.519vw; /*50px /767*/
	padding-bottom:0.652vw; /*5px /767*/
	font-weight: normal;
}

.form__box .box01 dd.w40_lh20{
	font-size: 3.129vw; /*24px /767*/
	min-height: 6.519vw; /*50px /767*/
	padding-bottom:0.652vw; /*5px /767*/
	font-weight: normal;
}

.form__box .box01 dt.w100{
	color:#193118;
	float: none;
	font-size: 3.129vw; /*24px /767*/
	min-height: 6.519vw; /*50px /767*/
	padding-bottom: 1.304vw; /*10px /767*/
	width: 100%;
}

.form__box .box01 dd.w80{
	font-size: 3.129vw; /*24px /767*/
	min-height: 6.519vw; /*50px /767*/
	padding-bottom: 1.304vw; /*10px /767*/
	margin-left: 0 !important;
}

.form__box .box01 dd.w100{
	min-height: 6.519vw; /*50px /767*/
	padding-bottom: 1.304vw; /*10px /767*/
	width: 80%;
	font-size: 3.129vw; /*24px /767*/
	}

.form__box .box01 dd.text{
	color:#193118;
	line-height: 150%;
	font-size: 3.129vw; /*24px /767*/
	padding: 2.608vw 0; /*20px /767*/
	clear: both;
}


.form__box .box01 input{
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	-webkit-border-radius: 0.391vw; /*3px /767*/
	-moz-border-radius: 0.391vw; /*3px /767*/
	border-radius: 0.391vw; /*3px /767*/
}

.form__box .box01 input.w5{
	height: 6.519vw; /*50px /767*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-right: 0.652vw; /*5px /767*/
	width: 5%;
}

.form__box .box01 input.w10{
	height: 6.519vw; /*50px /767*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-right: 0.652vw; /*5px /767*/
	width: 10%;
}

.form__box .box01 input.w20{
	height: 6.519vw; /*50px /767*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-right: 0.652vw; /*5px /767*/
	width: 20%;
}

.form__box .box01 input.w40{
	height: 6.519vw; /*50px /767*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 select.w40{
	height: 6.519vw; /*50px /767*/
	background-color: #EDEDEE;
	border:none;
}

.form__box .box01 input.w50{
	height: 6.519vw; /*50px /767*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-left: 5%;
	width: 45%;
}

.form__box .box01 input.w80{
	height: 6.519vw; /*50px /767*/
	width: 80%;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 input.w100{
	height: 6.519vw; /*50px /767*/
	width: 100%;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	font-size: 3.129vw; /*24px /767*/
	}

.form__box .box01 .input--extend{
	height: 1.956vw; /*15px /767*/
	width: 3.911vw; /*30px /767*/
}
	
.form__box .box01 .input--extend span{
	height: 3.259vw; /*25px /767*/
	line-height: 3.259vw; /*25px /767*/
}

.form__box .box01 textarea{
	height: 13.038vw; /*100px /767*/
	width: 100%;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 .bn a{
	background-color:#193118;
	color: #fff;
	font-size: 3.129vw; /*24px /767*/
	width: 80vw; 
	height: 15vw; 
	line-height: 15vw; 
	margin: 1.304vw auto; /*10px /767*/
	display: block;
	letter-spacing: .2rem;
	text-indent: .2rem;
	text-align: center;
	text-decoration: none;
}

.form__box .box01 .bn2 a{
	background-color:#ccc;
	color: #666;
	font-size: 3.129vw; /*24px /767*/
	width: 80vw; 
	height: 15vw; 
	line-height: 15vw; 
	margin: 1.304vw auto; /*10px /767*/
	display: block;
	letter-spacing: .2rem;
	text-indent: .2rem;
	text-align: center;
}	
	


}



@media screen and (min-width: 768px) and (max-width: 1199px) {

.form__box{
	margin: 1.667vw auto;/*20px /1200*/
	width: 70%;
}
	
.form__box .box__txt{
	margin: 5vw 0;/*60px /1200*/
}

.form__box .box__txt p {
	font-size: 1.167vw;/*14px /1200*/
}

.form__box .box01{
	margin-bottom:5vw;/*60px /1200*/
}

.form__box .box01 dl{
	overflow: hidden;
	text-align: left;
	padding:0.417vw 0;/*5px /1200*/
}

.form__box .box01 dt{
	color:#193118;
	float: left;
	font-size:1vw;/*12px /1200*/
	min-height: 2.500vw;/*30px /1200*/
	padding-bottom: 0.833vw;/*10px /1200*/
	width: 20%;
}

.form__box .box01 dd.w40{
	float: left;
	font-size:1vw;/*12px /1200*/
	min-height: 2.500vw;/*30px /1200*/
	padding-bottom:0.417vw;/*5px /1200*/
	width: 40%;
	font-weight: normal;
}

.form__box .box01 dd.w40_lh20{
	float: left;
	font-size:1vw;/*12px /1200*/
	min-height: 2.500vw;/*30px /1200*/
	padding-bottom:0.417vw;/*5px /1200*/
	margin-left: 20%;
	width: 40%;
	font-weight: normal;
}

.form__box .box01 dt.w100{
	color:#193118;
	float: none;
	font-size:1vw;/*12px /1200*/
	min-height: 2.500vw;/*30px /1200*/
	padding-bottom: 0.833vw;/*10px /1200*/
	width: 100%;
}

.form__box .box01 dd.w80{
	float: none;
	font-size:1vw;/*12px /1200*/
	min-height: 2.500vw;/*30px /1200*/
	padding-bottom: 0.833vw;/*10px /1200*/
	width: 80%;
	margin-left: 20%;
	
}

.form__box .box01 dd.w100{
	float: none;
	min-height: 2.500vw;/*30px /1200*/
	padding-bottom: 0.833vw;/*10px /1200*/
	width: 80%;
	margin-left: 20%;
	font-size:1vw;/*12px /1200*/
	}

.form__box .box01 dd.text{
	color:#193118;
	line-height: 150%;
	font-size:1vw;/*12px /1200*/
	padding: 1.667vw 0;/*20px /1200*/
	clear: both;
}


.form__box .box01 input{
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.form__box .box01 input.w5{
	height: 2.500vw;/*30px /1200*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-right: 0.417vw;/*5px /1200*/
	width: 5%;
}

.form__box .box01 input.w10{
	height:2.500vw;/*30px /1200*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-right: 0.417vw;/*5px /1200*/
	width: 10%;
}

.form__box .box01 input.w20{
	height:2.500vw;/*30px /1200*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-right: 0.417vw;/*5px /1200*/
	width: 20%;
}

.form__box .box01 input.w40{
	height:2.500vw;/*30px /1200*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 select.w40{
	height:2.500vw;/*30px /1200*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 input.w50{
	height:2.500vw;/*30px /1200*/
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-left: 5%;
	width: 45%;
}

.form__box .box01 input.w80{
	height:2.500vw;/*30px /1200*/
	width: 80%;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 input.w100{
	height:2.500vw;/*30px /1200*/
	width: 100%;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	font-size:1vw;/*12px /1200*/
	}

.form__box .box01 .input--extend{
	height: 1.250vw;/*15px /1200*/
	width: 2.500vw;/*30px /1200*/
}
	
.form__box .box01 .input--extend span{
	height:  2.083vw;/*25px /1200*/
	line-height:  2.083vw;/*25px /1200*/
}

.form__box .box01 textarea{
	height: 100px;
	width: 100%;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 .bn a{
	background-color:#193118;
	color: #fff;
	font-size: 1.167vw;/*14px /1200*/
	width: 16.667vw;/*200px /1200*/
	height: 4.167vw;/*50px /1200*/
	line-height: 4.167vw;/*50px /1200*/
	margin: 0.833vw auto;/*10px /1200*/
	display: block;
	letter-spacing: .2rem;
	text-indent: .2rem;
	text-align: center;
	text-decoration: none;
}

.form__box .box01 .bn2 a{
	background-color:#ccc;
	color: #666;
	font-size: 1.167vw;/*14px /1200*/
	width: 16.667vw;/*200px /1200*/
	height: 4.167vw;/*50px /1200*/
	line-height: 4.167vw;/*50px /1200*/
	margin: 0.833vw auto;/*10px /1200*/
	display: block;
	letter-spacing: .2rem;
	text-indent: .2rem;
	text-align: center;
}	
	
.box__btn{
	text-align: center;
	margin: 12.500vw auto 0;/*150px /1200*/
	}
	


}
	
@media (min-width: 1200px) {
	
		
.form__box{
	margin: 20px auto;
	width: 70%;
}
.form__box .box01{
	margin-bottom: 60px;
}

.form__box .box01 dl{
	overflow: hidden;
	text-align: left;
	padding: 5px 0;
}

.form__box .box01 dt{
	color:#193118;
	float: left;
	font-size:1.2rem;
	min-height: 30px;
	padding-bottom: 10px;
	width: 20%;
}

.form__box .box01 dd.w40{
	float: left;
	font-size:1.2rem;
	min-height: 30px;
	padding-bottom:5px;
	width: 40%;
	font-weight: normal;
}

.form__box .box01 dd.w40_lh20{
	float: left;
	font-size:1.2rem;
	min-height: 30px;
	padding-bottom:5px;
	margin-left: 20%;
	width: 40%;
	font-weight: normal;
}

.form__box .box01 dt.w100{
	color:#193118;
	float: none;
	font-size:1.2rem;
	min-height: 30px;
	padding-bottom: 10px;
	width: 100%;
}

.form__box .box01 dd.w80{
	float: none;
	font-size:1.2rem;
	min-height: 30px;
	padding-bottom: 10px;
	width: 80%;
	margin-left: 20%;
	
}

.form__box .box01 dd.w100{
	float: none;
	min-height: 30px;
	padding-bottom: 10px;
	width: 80%;
	margin-left: 20%;
	font-size:1.2rem;
	}


.form__box .box01 dd.text{
	color:#193118;
	line-height: 150%;
	font-size:1.2rem;
	padding: 20px 0;
	clear: both;
}


.form__box .box01 input{
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.form__box .box01 input.w5{
	height: 30px;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-right: 5px;
	width: 5%;
}

.form__box .box01 input.w10{
	height: 30px;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-right: 5px;
	width: 10%;
}

.form__box .box01 input.w20{
	height: 30px;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-right: 5px;
	width: 20%;
}

.form__box .box01 input.w40{
	height: 30px;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}
	
.form__box .box01 input.w50{
	height: 30px;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	margin-left: 5%;
	width: 45%;
}
	
.form__box .box01 select.w40{
	height: 30px;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 input.w80{
	height: 30px;
	width: 80%;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 input.w100{
	height: 30px;
	width: 100%;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
	font-size:1.2rem;
	}

.form__box .box01 .input--extend{
	height: 15px;
	width: 30px;
}
	
.form__box .box01 .input--extend span{
	height: 25px;
	line-height: 25px;
}

.form__box .box01 textarea{
	height: 100px;
	width: 100%;
	background-color: #EDEDEE;
	border:none;
	padding: 0 0.5em;
}

.form__box .box01 .bn a{
	background-color:#193118;
	color: #fff;
	font-size: 1.4rem;
	width: 200px;
	height: 50px;
	line-height: 50px;
	margin: 10px auto;
	display: block;
	letter-spacing: .2rem;
	text-indent: .2rem;
	text-align: center;
	text-decoration: none;
}

.form__box .box01 .bn2 a{
	background-color:#ccc;
	color: #666;
	font-size: 1.4rem;
	width: 200px;
	height: 50px;
	line-height: 50px;
	margin: 10px auto;
	display: block;
	letter-spacing: .2rem;
	text-indent: .2rem;
	text-align: center;
}	
	
.box__btn{
	text-align: center;
	margin: 150px auto 0;
	}

}