@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Arapey');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');

.wrap-form {
	text-align: left;
	width: 100%;
	padding: 10px 0 0 0;
	
}

.wrap-form dl {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 17px 0px 12px 5px;
	display: table;
}

.wrap-form dt {
	width: 190px;
	float: left;
	color: #222;
	/*background-color: #fff;*/
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	letter-spacing: 1px;
}

.wrap-form dd {
	/*width: auto;*/
	float: left;
	color: #222;
	/*background-color: #fff;*/
	padding: 0px 0 0px 10px;
	/*border-left: 5px solid #d6eefa;*/
	font-size: 15px;
}


.wrap-form dt span {
	color: #db0000;
	font-size: 90%;
	padding: 0 0.2em;
}

.wrap-form dd span.at {
	color: #db0000;
	font-size: 90%;
	padding: 0 0.0em;
}


.wrap-form dd img {
	vertical-align: middle;


}

.wrap-form dd input {
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;


}



/*#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:96%;
	margin:0 auto 10px auto;
	border-collapse:collapse;
	font-size: 16px;
	
}
table.formTable td,table.formTable th{
	border-bottom: 1px solid #f2ede4;
	padding:15px 0 8px 8px;
}
table.formTable th{
	width:200px;
	font-weight:normal;
	background:#fff;
	text-align:left;
	border-right: 1px solid #f2ede4;
	vertical-align: top;
}


table.formTable td{
	text-align: left;
	padding:10px 0 8px 15px;
	line-height: 170%;
	
	
}


table.formTable td span{
	color: #db0000;
	font-size: 13px;
}*/


input[type="submit"],input[type="reset"] {
   -webkit-appearance: none;
}


input, button, textarea, select {


}


/*.input-b {
	width: auto;
	border: none;
	margin-top: 5px;
	padding: 10px 0 0px 0;
	color: #ffffff;
	font-size: 95%;
	font-weight: bold;
	letter-spacing: 3px;
	
}*/

.copy{text-align:right;}.copy a{font-size:50%;text-decoration:none;color:#ddd;background-color:#fff;}
.hiss { color: #db0000; font-size: 75%; padding-left: 7px; background-color: #fff; }
.err { color: #db0000; background-color: #fff; font-size: 90%; }
.point { color: #781717; background-color: #fff; font-size: 95% }
.align-c { text-align: center; }
.input-num { width: 90px; }
.input-sss { width: 100px; }
.input-ss { width: 120px; }
.input-s { width: 150px; }
.input-m { width: 250px; }
.input-l { width: 450px; }
.inp4 { width: 80px; }
.inp2 { width: 50px; }


.message {
	text-align: left;
	font-size: 85%;
	padding: 5px 0 0 0px;


}

.message2 {
	text-align: center;
	padding: 30px 0 30px 0px;
	font-size: 85%;
	font-weight: bold;

}


input {
	font-size: 95%;
}

select {
	font-size: 95%;
}

textarea {
	font-size: 95%;

}






.input-b {
	padding: 12px 0 0px 0;
}

.input-b input {
	background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
	/*width: auto;
	background-color: #004664;
	border: none;*/
	padding: 0.85em 3em 0.65em 3em;
	margin-bottom: 0.5em;
	/*color: #ffffff;*/
	font-size: 17px;
	letter-spacing: 0.03em;
	color:#FFF;
	background-color: #ea5413;
	box-shadow: none;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	
}




.copy{text-align:right;}
.copy a{font-size:50%;text-decoration:none;color:#ddd;background-color:#fff;}
.hiss { color: #db0000; font-size: 75%; padding-left: 7px; background-color: #fff; }
.err { color: #db0000; background-color: #fff; font-size: 90%; }
.point { color: #781717; background-color: #fff; font-size: 95% }
.align-c { text-align: center; }


input.input-num { width: 90px; }
input.input-sss { width: 100px; }
input.input-ss { width: 120px; }
input.input-s { width: 150px; }
input.input-m { width: 450px; }
input.input-l { width: 500px; }
textarea.input-l { width: 550px; }
input.inp4 { width: 80px; }
input.inp2 { width: 50px; }


.message {
	text-align: left;
	font-size: 85%;
	padding: 5px 0 0 0px;


}

.message2 {
	text-align: center;
	padding: 30px 0 30px 0px;
	font-size: 85%;
	font-weight: bold;

}






/*
 * contact.html
 */
.top_txt {
	padding: 0px 15px 15px;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
	line-height: 175%;

}

.top_txt span {
	/*font-weight: bold;*/
	color: #db0000;

}


.top_txt2 {
	text-align: left;
	font-size: 14px;
	padding: 35px 0px 3px 5px;
	margin: 0 auto;
	line-height: 155%;
	border-bottom: 1px solid #ccc;
	margin: 0 35px;

}


.top_txt3 {
	text-align: left;
	font-size: 13px;
	padding: 10px 35px 0px 35px;
	margin: 0 auto;
	line-height: 155%;

}

.top_txt3 span {
	font-weight: bold;

}




.top_txt4 {
	padding: 55px 0px 35px 0px;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
	line-height: 160%;

}



.top_txt4 a {
	color: #496ef4;
	text-decoration: underline;

}

.top_txt4 a:hover {
	text-decoration: none;

}






.ui-widget {
	font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
	font-size: 1.5em;
}








@media screen and (max-width: 767px) {

.wrap-form {
    box-sizing: border-box;
    padding: 10px 15px 0;
}


.wrap-form dl {
	padding: 5px 0px 15px 3px;
}



.wrap-form dt {
	float: none;
	padding: 0px;
	font-size: 14px;
	width: 100%;
}

.wrap-form dd {
	width: 100%;
	float: none;
	border-left: none;
	padding: 0px 0 0px 0px;
	font-size: 14px;
	text-align: left;
	
}


textarea.input-l { width: 450px; }




.input-b {
	text-align: center;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

.input-b input {
	display: block;
	width: 94%;
	/*width: auto;
	background-color: #004664;
	border: none;*/
	padding: 1.2em 0em 1.1em 0em;
	/*color: #ffffff;*/
	font-size: 15px;
	letter-spacing: 0.02em;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	text-align: center;
	margin: 0 auto 0.8em auto;
	
}





.top_txt2 {
	text-align: left;
	font-size: 14px;
	padding: 10px 0px 5px 5px;
	margin: 0 auto;
	line-height: 155%;
	border-bottom: 1px solid #ccc;
	margin: 0 25px;

}

.top_txt3 {
	text-align: left;
	font-size: 13px;
	padding: 10px 25px 10px 25px;
	margin: 0 auto;
	line-height: 155%;

}




}





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



.top_txt {
	padding: 0px 0px 15px 3px;
	text-align: left;
	margin: 0 auto;
	font-size: 14px;
	line-height: 150%;

}








input.input-m { width: 270px; }



textarea.input-l { width: 300px; }














}