@charset "UTF-8";

fieldset{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

div.form, div.form fieldset,div.form legend,div.form legend label,div.form fieldset div,div.form div{text-align: left !important;}
div.form div.loading,div.form fieldset div.loading{text-align: center !important;}
/* added 20131220 */
/* col7 - what */
.col7 { background: #fff;}
.col7 h4 {
	margin: 20px 0 30px 0;
	color: #815d20;
	font-size: 2em;
	font-weight: normal;
	text-align: center;
}
.col7 .form {
	width: 500px;
	margin: 0 auto;
}
.col7 div.form legend,.col7 div.form legend label,.col7 div.form legend span.label {
	margin-bottom: 5px !important;
	color: #815d20 !important;
}
.col7 .form .form_item {
	margin-bottom: 20px;
}
.col7 .form .form_item span {
	padding-right: 5px;
	color: #f0a02f;
}
.col7 .form label,
.col7 .form .label {
	font-size: .9em;
	cursor: pointer;
}
.col7 .form input[type=text] {
	box-sizing: border-box;
	width: 200px;
	padding: 5px 10px;
	border: 2px solid #f0a02f;
	background: #f6f3ee;
	box-shadow: 0 0 10px rgba(240,160,47,.7) inset;
	color: #767065;
	font-size: 1.6em;
}
.col7 .form select {
    box-sizing: border-box;
    width: 100px;
    padding: 5px 10px;
    border: 2px solid #f0a02f;
    background: #f6f3ee;
    box-shadow: 0 0 10px rgba(240,160,47,.7) inset;
    color: #767065;
    font-size: 1.6em;
}
.col7 .form textarea {
    box-sizing: border-box;
    width: 200px;
    padding: 5px 10px;
    border: 2px solid #f0a02f;
    background: #f6f3ee;
    box-shadow: 0 0 10px rgba(240,160,47,.7) inset;
    color: #767065;
    font-size: 1.6em;
}
.col7 .form .phonenumber {
	letter-spacing: -.5em;
}
.col7 .form .phonenumber span {
	letter-spacing: normal;
}
.col7 .form .phonenumber input {
	width: 100px;
}

.col7 .form .phonenumber_all input {
	width: 305px;
}

.col7 .form .mail input {
	width: 100%;
}
.col7 .form .memo textarea {
    width: 100%;
}
.col7 .form .radio span {
	vertical-align: middle;
}
.col7 .form .radio input {
	margin-right: 5px;
}
.col7 .form .radio label {
	padding-right: 1em;
	color: #767065;
	font-size: 1.2em;
	vertical-align: middle;
}
.col7 .form .btnaria {
	margin-top: 30px;
}
.col7 .form .btnaria span {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #ba6d01;
	vertical-align: top;
}
.col7 .form .btnaria input[type=submit] {
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	border: 1px solid #f0cd2f;
	background: linear-gradient(to bottom, rgb(252, 223, 181), rgba(240, 160, 47, 1));
	color: #fff;
	font-size: 1.4em;
	text-shadow: 1px 1px 1px #ba6d01;
	cursor: pointer;
}
.col7 .form .btnaria input[type=button] {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    border: 1px solid #f0cd2f;
    background: linear-gradient(to bottom, rgb(252, 223, 181), rgba(240, 160, 47, 1));
    color: #fff;
    font-size: 1.4em;
    text-shadow: 1px 1px 1px #ba6d01;
    cursor: pointer;
}

.col7 .form span.value {
    font-size: 1.8em;
    color: #000000;
}

.new_radiobtn,.new_radiobtn2{
	font-size:20px;
}
.new_radiobtn input,.new_radiobtn2 input{
	display: none;
}
.new_radiobtn label,.new_radiobtn2 label{
	display: block;
	float: left;
	cursor: pointer;
	width: 120px;
	margin: 0;
	padding: 12px 5px;
	border-right: 1px solid #abb2b7;
	border-bottom: 1px solid #abb2b7;
	/* background: #bdc3c7; */
	background:#fff;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.new_radiobtn label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.new_radiobtn label:last-of-type{
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}
.new_radiobtn input[type="radio"]:checked + label,.new_radiobtn2 input[type="radio"]:checked + label {
	background-color: #f0a02f;
	color: #fff;
}

.new_radiobtn2 label:first-of-type{
	border-radius: 3px 0 0 0;
}
.new_radiobtn2 label:nth-of-type(4){
	border-radius: 0 3px 0 0;
}
.new_radiobtn2 label:last-of-type{
	border-right: 0px;
	border-radius: 0 0 3px 0;
}
.new_radiobtn2 label:nth-of-type(9){
	border-radius: 0 0 0 3px;
}
.new_radiobtn:after,.new_radiobtn2:after{
	content:'';
	clear:both;
	display: block;
}

/* ▼form */

.form_title{
  text-align: center;
  font-size: 13px;
  margin-top: 50px;
}

.form_title img{
  max-width: 250px !important;
}

.col7 h4{
	background-color: #FFF;
	color: #FF64B4;
  padding-bottom: 10px;
	margin: 10px 0;
}

.form_h4width{
	width: 100%;
}

.form_text{
	background-color: #FFF;
	text-align: center;
	margin: 0px 0 20px;
	padding: 10px 0;
}

#registerform .ttl span {
    color: #815d20;
}

#registerform .ttl span:before,
#registerform .ttl span:after {
	border-top: 1px solid #815d20;
}