@charset "utf-8";

/*ここでは
	フォーム
	などを記述します
*/

.form_box{
	overflow: hidden;
	}

label{
	cursor: pointer;
	}

.h4_midashi{
	font-size: 17px;
	margin-bottom: 35px;
	}

.hissu{
	display: inline-block;
	margin-left: 0.8em;
	font-size: 13px;
	color: #e60012;
	/*margin-bottom: 30px;*/
	}


.form_box dl{
	margin-bottom: 35px;
	}
.form_box dl::after { clear: both; content: " "; display: block;}
.form_box dl dt{
	float: left;
	width: 20%;
	}
.form_box dl dd{
	float: left;
	width: 80%;
	}
.form_box dl dd .btn_area{
	padding: 60px 0 130px;
	}
.form_box dl dd .btn_area .btn{
	display: block;
	width: 100%;
	}

	
.form_box dl input[type="text"],
.form_box dl textarea{
	width: 95%;
	background: #FFFFFF;
	border: none;
	padding: 1.6% 2%;
	border: 2px solid #000000;
	}
.form_box dl textarea{
	min-height: 16em;
	}

.radio_box{
	margin-bottom: 25px;
	}
.radio_box ul{}
.radio_box ul::after { clear: both; content: " "; display: block;}
.radio_box ul li{
	float: left;
	width: 33.3%;
	margin-bottom: 28px;
	font-size: 17px;
	}
	
.form_box dl input.half{
	width: 40%;
	margin-right: 2%;
	float: left;
	}
.form_box small.half{
	display: inline-block;
	float: left;
	padding-top: 0.2em;
	}

/* ラジオボタン02
---------------------------------------*/

input[type=radio] {
    display: none;
}
.radio02 {
    /*box-sizing: border-box;*/
    cursor: pointer;
    display: block;
    /*padding: 5px 30px;*/
	 padding: 0 0 0 35px;
    position: relative;
    width: auto;
	 line-height: 1.6em;
}
.radio02::before {
    background: #fff;
    border: 2px solid #000000;
    border-radius: 50%;
    content: '';
    display: block;
    /*left: 5px;*/
	 left: 0;
   /* margin-top: -8px;*/
    position: absolute;
    /*top: 25%;*/
    height: 22px;
    width: 22px;
}
.radio02::after {
    background: #000000;
    border-radius: 50%;
    content: '';
    display: block;
    left: 8px;
    /*margin-top: -3px;*/
    opacity: 0;
    position: absolute;
    top: 8px;
    height: 10px;
    width: 10px;
}
input[type=radio]:checked + .radio02::before {
    border-color: #000000;
}
input[type=radio]:checked + .radio02::after {
    opacity: 1;
}

/*セレクト装飾
-----------------------------*/

.select_box {
	overflow: hidden;
	width: 90%;
	/*margin: 2em auto;*/
	text-align: center;
}
.select_box select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.select_box select::-ms-expand {
    display: none;
}
.select_box.select_style {
	position: relative;
	/*border: 1px solid #bbbbbb;*/
	/*border-radius: 2px;*/
	/*background: #ffffff;*/
	width: auto;
	display: inline-block;
}
.select_box.select_style::before {
	position: absolute;
	top: 44%;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 11px solid #000000;
	pointer-events: none;
}
.select_box.select_style select {
	padding: 0.55em 2em 0.55em 1em;
	background: #fff;
	border: 2px solid #000000;
	display: inline-block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

span.midashi{
	display: inline-block;
	margin-bottom: 0.6em;
	}





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

}
@media screen and (max-width: 990px) {
	.form_box{
		width: 90%;
		margin: 0 auto;
		}
}
@media screen and (max-width: 681px) {
	.h4_midashi{
		margin-bottom: 15px;
		}
	
	.form_box dl dd .btn_area{
		padding: 50px 0 60px;
		}
	
	.form_box{}
	.form_box dl input[type="text"],
	.form_box dl textarea{
		padding: 3% 2%;
		}
	
	.radio_box ul li{
		width: 50%;
		margin-bottom: 40px;
		}
	.form_box dl dt,
	.form_box dl dd{
		float: none;
		width: auto;
		}
	.form_box dl input.half{
		width: 42%;
		margin-right: 2%;
		}
}
@media screen and (max-width: 414px) {
	.radio_box ul li{
		font-size: 15px;
		margin-bottom: 30px;
		}
		
		
}
@media screen and (max-width: 375px) {
}