.f_box {width:100%;margin:3em auto;}

#send_submitbtn {
    background-color: #0050BC;
    color: #ffffff;
    font-size: 24px;
    padding: 38px 82px;
    margin: 80px 5%;
    text-align: center;
  }

.fstep {}
.fstep dl {width:80%;}
.fstep dt {/*color:#85cbbb;*/padding:0;margin:0 auto;font-size:18px;/*font-weight:bold;*//*text-align:center;*/}
.fstep dt span {/*font-size:0.8em;*/}
.fstep dt span.fstep_ca {display:block;color:#000000;}
.fstep dd {margin-bottom:20px;}

/* input */
.text-box {position:relative;}
.fstep div.text-box {margin-bottom:20px;}
.fstep div.text-box:last-child(1) {margin-bottom:0;}

.fstep input[type="text"], .fstep input[type="number"], .fstep input[type="tel"], .fstep input[type="email"] {
	border:none;
	width:100%;
	background:#F4F6F8;
	margin:0;
	padding:0 10px;
	line-height: 42px;
	font-size:16px;
	/*border:2px solid #85cbbb;*/ 
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:5px;
	/*-moz-box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);-webkit-box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);-ms-box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4)*/;
}
.fstep textarea {
	width:100%;
	background:#F4F6F8;;
	margin:0;
	padding:10px;
	font-size:1em;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
	-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
.text-box > div:nth-child(1) {position:relative;margin:0;}
.fstep .unit_m {}
.fstep .unit_m:after {
	content:"㎡";display:block;font-size:1.2em;font-weight:bold;
	 position: absolute;right:10px;top:5px;
}
.fstep .unit_m input[type="text"] {padding:0 2em 0 0;text-align:center;position:relative;}

.select_b {position: relative;width:100%;margin:0;}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {display: none;}
.select_b:after {
  content: '▼';font: 30px "Consolas", monospace;color: #fff;background:#00a1e9;
  position: absolute;top:0;right:0;width:42px;height:42px;line-height:42px;text-align:center;padding:0; pointer-events: none;
 /* -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);*/
 -webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;-ms-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;
}
.select_b select {
  -webkit-appearance: none;-moz-appearance: none;appearance: none;
  display: block;width: 100%;height: 42px;margin:0px;padding: 0px 34px 0 10px;font-size: 16px;line-height:42px;
  color: #9e9c9c;background-color: #ffffff;background-image: none;
  -ms-word-break: normal;word-break: normal;
  -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
  -moz-box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);-webkit-box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);-ms-box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);
}

.select_b option:nth-child(1) {}
.select_b option:checked {color:#333;}


/* radio */
ul.fstep_radio {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;}
ul.fstep_radio li {position:relative;}
ul.fstep_radio li:nth-child(1) {width:calc(100% - 52px);}
ul.fstep_radio li:nth-child(2) {width:52px;height:42px;}

.fstep .inline-rasel2 {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;}
.fstep .inline-rasel2 div {position: relative;margin-right:60px;font-size:1em;padding: 0;width:48%;margin-right:4%;}
.fstep .inline-rasel2 div:last-child {margin-right:0;}

.fstep .inline-rasel2 input {clip: rect(1px, 1px, 1px, 1px);position: absolute;}

.fstep .inline-rasel2 label {
	width:calc(100% - 38px);
	padding: 1em;
	background: #d8d8d8;
	color: #fff;
	font-size: 16px;
	transition: all .2s;
	display: flex;align-items: center;justify-content: center;cursor:pointer;border:2px solid #d8d8d8;
	-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}

.fstep .inline-rasel2 input:checked + label {
	background:#0050BC;
	-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.28);
}

.fstep .inline-rasel2 input:checked + div {background:#00a1e9;}

.text-box2{position:relative;}
.fstep div.text-box2 {margin-bottom:20px;}
.fstep div.text-box2:last-child(1) {margin-bottom:0;}
.text-box2 > div:nth-child(1) > div {
	position:relative;margin:0 80px 0 0;
	display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;justify-content:space-between;align-items:center;
}

.fstep .che_box {position:relative;min-height:42px;margin-bottom: 1em;font-weight: normal;}
.fstep input[type="checkbox"]{clip: rect(1px, 1px, 1px, 1px);position: absolute;}
.fstep .che_box span {cursor: pointer;line-height: 42px;margin-left:52px;display:inline-block;font-size:18px;}
.fstep .che_box span small {font-size:0.8em;}

.fstep .che_box span:before{
  content: "";display: block;position: absolute;top: 0;left: 0;background: #fff;
  width: 42px;height: 42px;line-height: 42px;font-size: 42px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
  border: 2px solid #0050BC;
 /* -moz-box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);
  -webkit-box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);
  -ms-box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);
  box-shadow:inset 0px 0px 5px 3px rgba(148, 148, 148, 0.4);*/
}
.fstep input[type="checkbox"]:checked + span{
  color: ##0050BC;
}
/*
.top_form input[type="checkbox"]:checked + span:before{border:2px solid #00a1e9;}
*/
.fstep input[type="checkbox"]:checked + span:after{
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 12px;
  width: 10px;
  height: 18px;
  transform: rotate(40deg);
  border-bottom: 6px solid #0050BC;
  border-right: 6px solid #0050BC;
}

/* cbox_ok */
.fstep .cbox_ok {
    width: 42px;height: 42px;line-height: 42px;text-align: center;font-size:20px;background: #dddddd;color: #ffffff;font-weight: bold;
    position: absolute;top:0;right:0;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;
}
.inline-rasel .cbox_ok {right: -60px;}
/*
.radio_box .cbox_ok {right: -60px;}
.radio_box div.fck .cbox_ok {background:#0091ef;}
.check_box .cbox_ok {right: -60px;}
.check_box div.fck .cbox_ok {background:#0091ef;}
*/

.sel_cbox .cbox_ok {right: 0;}
.text-box .cbox_ok {right: 0;}

/* select */
.select-box {
	 position: relative;border:none;background: #7cdbf9;color:#fff;overflow:visible;
	width:calc(100% - 60px);margin:0;text-align: center;
	-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
.select-box select {
	font-size: 1.2em;width: 100%;padding:0.8em 50px 0.8em 10px;color: #000;line-height:75px;cursor: pointer;
	border: none;outline: none;background: transparent;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;	
}
.select-box::before {
	content:"";position: absolute;right:10px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
	width: 0;height: 0;border-style: solid;border-width: 20px 15px 0 15px;border-color: #007bff transparent transparent transparent;
}
.radio_box > div .cbox_ok {
    width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 1em;background: #dddddd;color: #ffffff;font-weight: bold;
    position: absolute;right: -60px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
    -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;
}



::placeholder {color: #c2c2c2;font-weight:bold;}
/* 旧Edge対応 */
::-ms-input-placeholder {color: #c2c2c2;font-weight:bold;}
/* IE対応 */
:-ms-input-placeholder {color: #c2c2c2;font-weight:bold;}

.fstep_stext {font-size:0.7em;margin-top: 1em;line-height:1.4em;}

/* error */
em.error {color:#ff0000;display:block;text-align:left;}
#SFerror {margin-bottom:0.8em;}
.formError .formErrorContent {}

.fstep .formError .formErrorContent {
    width: 100%;
    background:#0050BC;
    position: relative;
    color: #ffffff;
    font-weight: bold;
    text-indent:0.5em;
    min-width: 120px;
    font-size:16px;
    padding:0.3em 0;
    /*border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;*/
}


@media only screen and (max-width: 768px) {
	
	.f_box {width:calc(100% - 20px);padding:0 10px 10px;}
	
	.fstep {width:100%;padding:0 0 2em;}
	.fstep dt {
		margin-bottom: 0.3em;
	}
	.fstep dd {}

	.fstep dl{
		width: 100%;
	}

	.text-box > div:nth-child(1) {margin:0;}

	.fstep .unit_m input[type="text"] {padding: 0 2.4em 0 0;text-align: center;position: relative;}
	.fstep .unit_m:after {top:9px;}
		.fstep .inline-rasel2 div {margin-right:10px;}


	.fstep .inline-rasel > div {width:calc(50% - 0.5em);margin-right:1em;}
	.fstep .inline-rasel .cbox_ok {right: -50px;}

	.commands {margin:1.5em auto 1.5em auto;overflow:hidden;width: 80%;padding-right: 0px;}

	.fstep .che_box span {line-height:1.3em;}

	/* cbox_ok */
	.fstep .cbox_ok {width: 45px;height: 45px;line-height: 45px;}
	.inline-rasel .cbox_ok {right: -50px;}

	/* select */
	.select_b:after {
	  width:46px;height:46px;line-height:46px;
	 -webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-o-border-radius:0 10px 10px 0;-ms-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;
	}
	.select_b select {
	  height: 46px;padding: 0px 46px 0 10px;line-height:46px;
	  -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
	}

	/*#send_submitbtn {font-size: 1.3em;}*/

#send_submitbtn {

		color: #fff;
    font-size: 18px;
    padding: 1.5em;
    margin: 80px 0;

}

}
@media only screen and (max-width: 480px) {

	.fstep .inline-rasel label {font-size:14px;}


}