@charset "UTF-8";
/* 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:1.2em; border: 1px #323232 solid; color: #323232; height:60px; padding:3px 0 3px 12px; margin-top:0.5%; margin-bottom:1%; -webkit-appearance: none; -webkit-border-radius: 10px;}

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

input[type="tel"]
{font-size:1.2em; border: 1px #323232 solid; color: #323232; height:60px; padding:3px 0 3px 12px; margin-top:0.5%; margin-bottom:1%; -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: #ffffff; }


textarea
{ width:90%; rowspan:10; font-size:1.2em; border: 1px #32232 solid; color: #323232; padding:3px 0 3px 12px; margin-top:0.5%; margin-bottom:1%; -webkit-appearance: none; -webkit-border-radius: 10px; cols:50; rows:5;}


input[type="reset"]
{width: 30%; font-size:80%; margin-left:6%; margin-top: 3%; background: -webkit-gradient(linear, left top, left bottom, from(#badbac), to(#62a844)); border: 1px #e10040 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:80%; margin-left:6%; margin-top: 3%; background: -webkit-gradient(linear, left top, left bottom, from(#badbac), to(#62a844)); border: 1px #e10040 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 { display:inline-block; font-size:1.1em; border: 1px #323232 solid; background: #ffffff; color:#323232; width:45%; text-align:center
; padding:3% 0 3% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.5%; margin-bottom:1%; }

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


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

.button-radio02 label { display:inline-block; font-size:1.1em; border: 1px #323232 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.5%; margin-bottom:1%; }

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





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

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

.button-check01 label span { font-size:0.78em; }

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




	
	
	
#wd18per
{width:28%;}

#wd30per
{width:30%;}

#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.1em;
}

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






/* smartPhone */
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/

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

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

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


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

.button-radio label { display:inline-block; font-size:0.99rem; border: 1px #323232 solid; box-sizing:border-box; background: #ffffff; color:#323232; width:43%; text-align:center; padding:4.5% 0 4.5% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:-0.0rem; margin-bottom:2%; white-space: nowrap; }


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

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

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




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

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

.button-check01 label span { font-size:0.7rem; }

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







select{
	width: 90%; 
	height:60px;
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #ffffff;
	border: 1px #323232 solid;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#wd18per
{width:27%;}

#wd40per
{width:60%;}

#wd50per
{width:75%;}

#wd60per
{width:80%;}

#wd90per
{width:95%;}






.select-wrap {
    position: relative;
	font-size: 0.8rem;
}

}