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

FORM / ENTRY

--------------------------------------------------*/
#fv {
	background: url("../img/form-img.jpg") no-repeat bottom;
	padding:165px 0 85px;
}
#fv .inner{	text-align: center;}
#fv h1{
	display: inline-block;
	color:#fff;
	margin:0 auto;
	background-color:#3D8E3D;
	padding:15px 100px;
	font-size: 1.8rem;
	font-weight: 700;
}

#entry {padding-top:50px;}
#entry .inner .form{border:2px solid #3D8E3D;padding:50px 50px 20px;}
#entry table {
	border-collapse: inherit;
	border-spacing: 0.5rem;
	width: 100%;
	max-width: 98.3rem;
	margin: 0 auto;
}
#entry th {
	width: 15rem;
	padding: 1rem 0;
	background: #B3C984;
	color:#fff;
	font-weight: 700;
	font-size: .8rem;
	text-align: center;
	vertical-align: middle;
}
#entry .must{color:#f00;font-size: .8rem;}
#entry td {
	border: .1rem solid #707070;
	border-radius: 5px;
	background: #fff;
	vertical-align: middle;
	font-size: .8rem;
}
#entry tr:last-child td {background: transparent;border-radius: 0;}
#entry input[type="text"],
#entry input[type="tel"],
#entry input[type="email"],
#entry select,
#entry textarea {
	background: #fff;
	line-height: 1.8;
	border: none;
	width: 95%;
	padding: 1rem;
	font-size: .8rem;
	resize: vertical;
	vertical-align: bottom;
	color:#333;
}
:focus {outline: none;}
::placeholder {color: #C6C8D4;}
span.horizontal-item input {display: none;}
.radio {display: none;}
.mwform-radio-field {margin-left: 1rem;}
.mwform-radio-field-text {padding-left: 30px;position:relative;font-size: 1.6rem;cursor : pointer;}
.mwform-radio-field-text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #707070;
	border-radius: 50%
}
.radio:checked + .mwform-radio-field-text {color: #cf2e2e;}
.radio:checked + .mwform-radio-field-text::after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #F4DFDF;
	border-radius: 50%;
}
.stbox {position: relative;color: #002548;}
.stbox::after {
	content: '';
	position: absolute;
	right: 2rem;
	bottom: 50%;
	transform: translate(0,50%);
	width: 0;
	height: 0;
	padding: 0;
	border-top: 1rem solid #002548;
	border-left: .7rem solid transparent;
	border-right: .7rem solid transparent;
	pointer-events: none;
}
.checkbox {display: none;}
.mwform-checkbox-field-text {position:relative;padding: 0 0 0 2rem;font-size: .8rem;cursor: pointer;margin-left: 16rem;}
.mwform-checkbox-field-text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1rem;
	height: 1rem;
	border: .1rem solid #707070;
	background: #fff;
}
.checkbox:checked + .mwform-checkbox-field-text {color: #002548;}
.checkbox:checked + .mwform-checkbox-field-text::after {
	content: "";
	display: block;
	position: absolute;
    top: 0rem;
    left: .3rem;
    width: .3rem;
    height: .7rem;
	transform: rotate(40deg);
	border-bottom: .2rem solid #3D8E3D;
	border-right: .2rem solid #3D8E3D;	
}
#entry input[type="submit"],
#entry a {
	display: block;
	width:100%;
	transition: .5s;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	background: #3D8E3D;
    text-align: center;
    color: #fff;
    padding: 38px;
	letter-spacing: .2rem;
	position: relative;
	border: 1px solid #3D8E3D;
	outline: 1px solid #fff;
	outline-offset: -10px;
	margin-top: 40px;
}
#entry a {max-width: 36rem;}
#entry input[type="submit"]:hover,
#entry a:hover {color: #3D8E3D;
    background: #fff;
	outline: 1px solid #3D8E3D;}

#entry input[type="submit"]:last-child,#entry a:last-child {outline:none;}
#entry input[type="submit"]:last-child:hover,
#entry a:last-child:hover {outline: none;}

#entry h4 {margin-bottom: 4rem;font-size: 1.6rem;text-align: center;}
#entry.confirm h4{font-size: 1rem;}
#entry.confirm td{border-color: #fff;padding-left:10px;}
#entry .sc{overflow-y: scroll;height:10rem;padding-left:10px;}
#entry .sc p,#entry .sc ol li{font-size: .8rem;}
#entry .sc .txthd{margin:20px 0 5px; font-size: 1rem;}
#entry .sc ol{margin-left:20px;}
#entry .sc ol.lis-sub{margin:5px 0 5px 30px;}
#entry span.error{margin-left:18rem;}
#entry table span.error{margin-left:1rem;}
#entry.confirm .input-show{display: none;}
#entry.confirm p:nth-child(33){display: none;}
#entry.complete .inner .form h2,#entry.complete .inner .form p{text-align: center;margin-bottom:10px;}
#entry.complete .inner .form a {margin: 40px auto 0;outline: 1px solid #fff;outline-offset: -10px;}
#entry.complete .inner .form a:hover{outline: 1px solid #3D8E3D;}
@media only screen and ( max-width : 896px ) {
	#fv {padding:110px 0 60px;}
	#entry .inner .form {padding: 20px;}
	#entry table {border-spacing: 0;}
	#entry th {display: block;width: 100%;font-size: 1rem;}
	#entry td {display: block;width: 100%;border-radius: 0 0 5px 5px;font-size: 1rem;margin-bottom: 10px;}
	#entry tr:last-child td {padding: 1rem;}
	#entry input[type="text"],
	#entry input[type="tel"],
	#entry input[type="email"],
	#entry select,
	#entry textarea{font-size: 1rem;}
	.stbox {width: 100%;}
	h3.pri-ttl {font-size: 1.4rem;margin-bottom: 1rem;}
	.check + label {font-size: 1.4rem;}
	.mwform-radio-field {display: block;margin-bottom: 1.5rem;}
	.mwform-checkbox-field-text {font-size: 1rem;margin-left: 0;}
	#entry input[type="submit"], #entry a {padding: 25px;}
	#entry span.error {margin-left: 0;}
}
@media only screen and ( max-width : 500px ) {
	#entry input[type="submit"],
	#entry a {font-size: 2rem;}
}