@charset "utf-8";

/* default */
.secWrap.pInquiry{
	background:#f2f2f2;
}

.form_text{
	text-align: center;
}


/* section 1 */
.sec1{
	margin:8em 0;
}

.sec1Box{
	width:1200px;
	margin:0 auto;
	position:relative;
}

.inquiryAttention{
	position:absolute;
	top:7px;
	left:0;
}

.formBox{
	width:1000px;
	margin:0 auto;
	padding:0 3em;
	box-sizing:border-box;
}

.formBox dl{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	margin:1.5em 0;
}

.formBox dt{
	width:30%;
	box-sizing:border-box;
	text-align:right;
}

.formBox dd{
	width:70%;
	box-sizing:border-box;
	padding:0 0 0 2em;
}

.formBox input[type="text"]{
    font-size: 16px;
    padding: 0.75em 0.5em;
    border:1px solid #3E8A28;
}

.formBox textarea{
	font-size:16px;
	padding:0.75em 0.5em;
    border:1px solid #3E8A28;

	min-height:160px;
}

.formBox .short{
	width:45%;
}

.formBox .long{
	width:90%;
}

.formNav ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	        justify-content:flex-start;
}

.formNav ul li{
	margin:0 1.5em 0 0;
}

.formNav ul li:last-child{
	margin:0;
}

.formNav ul li .reset{
	color:#fff;
	font-size:16px;
	background:#b3b3b3;
	text-align:center;
	border:none;
	padding:0.7em 0;

	min-width:184px;
	cursor:pointer;

	-webkit-appearance:none;
}

.formNav ul li .submit{
	color:#fff;
	font-size:16px;
	background:#3E8A28;
	text-align:center;
	border:none;
	padding:0.7em 0;

	min-width:184px;
	cursor:pointer;

	-webkit-appearance:none;
}

.formBox .support{
	margin:0 0 0 1em;
}

span.rBox{
	display:block;
	padding:0.5em 0 0 0;
}

/* radio start */
.rBox label{
	cursor       : pointer;
	position     : relative;
	padding-left : 5px;
	margin-right : 20px;
	overflow     : hidden;
	padding-left : 20px;
	display      : inline-block;
}
.rBox label:before {
	position      : absolute;
	width         : 15px;
	height        : 15px;
	border        : 1px solid #000;
	border-radius : 50%;
	left          : 0px;
	top           : 3px;
	content       : '';
	z-index       : 3;
}
.rBox label:after {
	content          : '';
	position         : absolute;
	width            : 11px;
	height           : 11px;
	border-radius    : 100%;
	left             : 3px;
	top              : 6px;
	background-color : #D65;
	z-index          : 1;
}
.rBox label input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 16px;
	height     : 16px;
	left       : -20px;
	top        : 4px;
	margin     : 0px;
	box-shadow : 20px -1px #fff;
	border-radius:1em;
}
.rBox label input[type="radio"]:checked {
	box-shadow : none;
}
.rBox label input[type="radio"]:focus {
	opacity    : 0.2;
	box-shadow : 20px -1px #fff;
}
/* radio end */

/*checkbox start */
.cBox{
	display:inline-block;
	vertical-align:middle;
	min-width:45%;
}

.cBox label{
	cursor       : pointer;
	position     : relative;
	padding-left : 25px;
	overflow     : hidden;	
	display      : inline-block;
	box-sizing   : border-box;
	z-index	     :1;
}
.cBox label:before {
	content  : '';
	position : absolute;
	width    : 20px;
	height   : 20px;
	left     : 0px;
	top      : 3px;
	border   : 1px solid #666;
	z-index  : 3;
}
.cBox label:after {
	content           : '';
	position          : absolute;
	top               : 45%;
	left              : 6px;
	display           : block;
	margin-top        : -8px;
	width             : 8px;
	height            : 12px;
	border-right      : 3px solid #D65;
	border-bottom     : 3px solid #D65;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 1;
}
.cBox label input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	top	   : 4px;
	left       : -40px;
	width      : 20px;
	height     : 20px;
	display    : block;
	box-shadow : 41px 0px #f2f2f2;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
}
.cBox label input[type="checkbox"]:checked {
	box-shadow : none;
}
.cBox label input[type="checkbox"]:checked:focus {
	box-shadow : 40px 0px #f2f2f2;
	opacity    : 0.1;
}
.cBox label input[type="checkbox"]:focus {
	box-shadow : 41px 0px #f2f2f2;
}
/* checkbox end */

/* ie hack */
@media all and (-ms-high-contrast: none){
	.cBoxText{
		position:relative;
		top:4px;
	}
}

.formBox dl.opt1,
.formBox dl.opt2{
	display:none;
}

.formBox dl.opt1.show,
.formBox dl.opt2.show{
	display:flex;
}



/*---------------------------------------------------------
 All SP 
---------------------------------------------------------*/
@media screen and (max-width: 639px) {

	/* sec1 */
	.sec1Box{
		width:90%;
		margin:0 auto;
		padding:2em 0 0 0;
	}

	.formBox{
		width:auto;
		padding:0;
	}

	.formBox dt{
		width: 100%;
	    text-align: left;
	    padding: 0 0 0.5em 0;
	    border-bottom: 1px dashed #76ab63;
	    margin: 0 0 0.5em 0;
	}

	.formBox dl:last-child dt{
		border-bottom:none;
	}

	.formBox dd{
		width:100%;
		padding:0;
	}

	.cBox{
		width:100%;
	}



}

/*---------------------------------------------------------
 Portrait 
---------------------------------------------------------*/
@media screen and (max-width:479px) {

	/* sec1 */
	.sec1{
		margin:2em 0 4em 0;
	}

	.formBox .short{
		width:60%;
	}

	.formNav ul{
		justify-content:center;
	}

	.formNav ul li{
		width:100%;
		margin:1em 0;
		text-align:center;
	}

	.cBoxText{
		font-size:80%;
	}

	.rBoxText{
	    font-size: 80%;
	    top: -2px;
	    position: relative;
    }



}