@charset "Shift_JIS";
/* CSS Document */


select
{width:93%; font-size:76%; padding:2% 0 2% 6%; text-align:left; -webkit-border-radius: 10px;}

input[type="text"]
{font-size:0.9em; padding:1% 0 1% 4%; border: 1px #555555 solid; height:50px; color: #323232; margin-top:1%; margin-bottom:-0.0em; -webkit-appearance: none; -webkit-border-radius: 10px;}

input[type="email"]
{font-size:0.9em; padding:1% 0 1% 4%; border: 1px #555555 solid; height:50px; color: #323232; margin-top:1%; margin-bottom:-0.0em; -webkit-appearance: none; -webkit-border-radius: 10px;}

input[type="tel"]
{font-size:0.9em; padding:1% 0 1% 4%; border: 1px #555555 solid; height:50px; color: #323232; margin-top:1%; margin-bottom:-0.0em; -webkit-appearance: none; -webkit-border-radius: 10px;}



input[type="text"]:hover
{background:#fffcdc;}

input[type="email"]:hover
{background:#fffcdc;}

input[type="tel"]:hover
{background:#fffcdc;}

textarea:hover
{background:#fffcdc;}

.form_need { background-color: #fdffe5; }


textarea
{ width:90%; rowspan:10; font-size:0.9em; border: 1px #555555 solid; color: #323232; padding:1% 0 1% 4%; -webkit-appearance: none; -webkit-border-radius: 10px; cols:50; rows:5; margin-top:1%; margin-bottom:-0.0em;}


input[type="reset"]
{width: 30%; font-size:60%; margin-left:6%; margin-top: 3%; background: -webkit-gradient(linear, left top, left bottom, from(#badbac), to(#62a844)); border: 1px #555555 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; text-shadow: 1px 2px 3px #f0c953;}
input[type="button"]
{width: 30%; font-size:60%; margin-left:6%; margin-top: 3%; background: -webkit-gradient(linear, left top, left bottom, from(#badbac), to(#62a844)); border: 1px #555555 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; text-shadow: 1px 2px 3px #f0c953;}
.focus
{background:#fffcdc;}



.button-radio input[type="radio"] { display:none; }

.button-radio label { font-family: "M PLUS 1p"; display:inline-block; font-size:1.3em; width:250px; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; padding:1% 0 1% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:3%; }

.button-radio input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }




.button-radio04 input[type="radio"] { display:none; }

.button-radio04 label { display:inline-block; font-size:1.1em; border: 1px #323232 solid; background: #ffffff; color:#323232; width:80%; text-align:center; padding:3% 0 3% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:1%; margin-bottom:1%; }

.button-radio04 input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }


.button-radio05 input[type="radio"] { display:none; }

.button-radio05 label { display:inline-block; font-size:1.1em; border: 1px #323232 solid; background: #ffffff; color:#323232; width:80%; text-align:center; padding:6% 0 6% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:1%; margin-bottom:1%; }

.button-radio05 input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }




.button-radio02 input[type="radio"] { display:none; }

.button-radio02 label {}

.button-radio02 input[type="radio"]:checked + label {}



.button-radio03 input[type="radio"] { display:none; }

.button-radio03 label { font-family: "M PLUS 1p"; display:inline-block; font-size:1.0em; width:27%; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; padding:1% 0 1% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:0.7%; }

.button-radio03 input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }


.button-radio08 input[type="radio"] { display:none; }

.button-radio08 label { display:inline-block; font-size:1.1em; border: 1px #323232 solid; background: #ffffff; color:#323232; width:90%; text-align:center; padding:3% 0 3% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:1%; margin-bottom:1%; }

.button-radio08 input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }







.chkbox { margin:15px 0 4% 2px; }

.chkbox input[type="checkbox"] { display:none; }
	
.chkbox input[type=checkbox]:checked + label:before {
	content: '\2713';
	font-size: 20px;
	color: #ffffff;
	background-color:#ef285c;
}

.chkbox label:before {
	content:'';
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	border: 1px #555555 solid;
	border-radius: 6px 6px 6px 6px;
	margin-top: -0.0em;
	margin-bottom: 1%;
}

.chkbox label {
	padding: 0 0 3% 40px;
	font-size: 1.4em;
	font-family: "M PLUS 1p";
	line-height: 2.0em;
	cursor: pointer;
	position: relative;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}


	
	
	
#wd18per
{width:22%;}

#wd30per
{width:29%;}

#wd40per
{width:40%;}

#wd50per
{width:50%;}

#wd60per
{width:60%;}

#wd70per
{width:70%;}

#wd80per
{width:80%;}

#wd90per
{width:90%;}




@font-face{font-family:"IonIcons";src:url("../../fonts/ionicons.eot?v=2.0.1");src:url("../../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("../../fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("../../fonts/ionicons.woff?v=2.0.1") format("woff"),url("../../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}

.pt20{
  padding-top: 20px;
}
.select-wrap {
    position: relative;
	font-size: 1.0em;
}

select{
	width: 160px;
	height: 50px;
    outline:none;
	padding: 1% 0 1% 3%;
    -moz-appearance: none;
    text-overflow: '';
    background: #ffffff;
	border: 1px #555555 solid;
    vertical-align: top;
    font-size: 0.9em;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
	margin-top:1%; 
	margin-bottom:1%;
}







/* smartPhone */
@media screen and (max-width: 500px) {


input[type="text"]
{font-size:0.9rem; border: 1px #555555 solid; color: #323232; height:60px; padding:3% 0 3% 4%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.5%; margin-bottom:2%;}

input[type="email"]
{font-size:0.9rem; border: 1px #555555 solid; color: #323232; height:60px; padding:3% 0 3% 4%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.5%; margin-bottom:2%;}

input[type="tel"]
{font-size:0.9rem; border: 1px #555555 solid; color: #323232; height:60px; padding:3% 0 3% 4%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.5%; margin-bottom:2%;}


textarea
{ width:90%; rowspan:10; font-size:0.9rem; border: 1px #555555 solid; color: #323232; padding:2% 0 2% 6%; -webkit-appearance: none; -webkit-border-radius: 10px; cols:50; rows:5; margin-left:1%; margin-top:0.5%; margin-bottom:2%;}

.button-radio label { display:inline-block; font-size:0.78rem; border: 1px #555555 solid; background: #ffffff; color:#323232; width:30%; text-align:center; padding:3% 0 3% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:-0.0rem; margin-bottom:3%; }


.button-radio03 input[type="radio"] { display:none; }

.button-radio03 label { font-family: "M PLUS 1p"; display:inline-block; font-size:0.9rem; width:28%; height:38px; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; padding:6% 0 1% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:0.7%; }

.button-radio03 input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }


.button-radio04 input[type="radio"] { display:none; }

.button-radio04 label { display:inline-block; font-size:0.7rem; border: 1px #323232 solid; background: #ffffff; color:#323232; width:80%; text-align:center; padding:3% 0 3% 0; height:40px; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:1%; margin-bottom:1%; }

.button-radio04 input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }



.button-radio05 input[type="radio"] { display:none; }

.button-radio05 label { display:inline-block; font-size:0.7rem; border: 1px #323232 solid; background: #ffffff; color:#323232; width:80%; text-align:center; padding:7% 0 8% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:1%; margin-bottom:1%; }

.button-radio05 input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }
	
	

.button-radio08 input[type="radio"] { display:none; }

.button-radio08 label { display:inline-block; font-size:0.68rem; border: 1px #323232 solid; background: #ffffff; color:#323232; width:92%; text-align:center; padding:3% 0 3% 0; ; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:1%; margin-bottom:1%; }

.button-radio08 input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }


select{
	width: 88%; 
	height:60px;
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #ffffff;
	border: 1px #555555 solid;
    vertical-align: middle;
    font-size: 0.78rem;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
	margin-top:1.4%;
	margin-bottom:2%;
}

#wd18per
{width:29%;}
	
#wd40per
{width:52%;}

#wd30per
{width:29%;}

#wd50per
{width:75%;}

#wd60per
{width:60%;}

#wd80per
{width:80%;}

#wd90per
{width:95%;}

.chkbox label:before {
	content:'';
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	border: 1px #555555 solid;
	border-radius: 6px 6px 6px 6px;
}

.chkbox label {
	padding: 2px 0 2% 37px;
	font-size: 0.88rem;
	font-family: "M PLUS 1p";
	line-height: 2.0rem;
	cursor: pointer;
	position: relative;
}
.select-wrap {
    position: relative;
	font-size: 0.95rem;
}


}