@charset "UTF-8";

/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th, 
td { padding:8px; line-height:1.4em;}
select,textarea,input{ border:1px solid #999; padding:1%; margin:1%; font-size:1.2em;}
textarea{ width:98%;}	
.switch {
	visibility: hidden;
}

input.btn{ border:none; max-width:389px;}
input.btn:hover{
		filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;}

body{ font:14px/1.5 ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif; margin:0; padding:0; color:#333;}
h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }

@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
.header:after,
.contents:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }
.clearfix,
.header,
.contents{ display:inline-block;overflow:hidden;_overflow:visible;display:block; }
* html .clearfix,
* html .header,
* html .contents{ height:1%; }


/* ----------- anchor */
a { color:#333; text-decoration:none;}
a:hover { color:#FD7E34; }
a .imgbt:hover{opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }



/*----------------------------------------------------
 	header
----------------------------------------------------*/



/*----------------------------------------------------
 	footer
----------------------------------------------------*/



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

}

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

}


/* ---------------------------------------------------------
	フォーム、フォーム バリデーション
--------------------------------------------------------- */

/* input base */
select,textarea,input{ border:1px solid #999; padding:1%; margin:1%; font-size:1.2em;}
input:focus,textarea:focus {
    border:solid 1px #ff7a19;
}

input.btn{ border:none; max-width:389px;}
input.btn:hover{
		filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;}


input[type=checkbox],
input[type=radio]{ margin-right:5px; }
input[type=text],input[type=tel] { width: 70%; font-size:1.6em;display:block;}
textarea {  width:98%; font-size:1em;display:block;}


input[type=text], 
input[type=tel]{ display:inline; background:#F9D7D6;}
 
input.myError,
textarea.myError{ background:#FFFFE6; }
p.myError{ color:#F00; padding-top:10px; font-weight:bolder; display:block; clear:both; }


/* ------------------------------------------------
	　common
    ---------------------------------------------- */

.fl { float:left;}
.fr { float:right;}
.mb1p{ margin-bottom:1%;}
.mb2p{ margin-bottom:2%;}
.mb3p{ margin-bottom:3%;}
.mb4p{ margin-bottom:4%;}
.mb5p{ margin-bottom:5%;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text10{ font-size:72%; }
.text11{ font-size:79%; }
.text12{ font-size:86%; }
.text13{ font-size:93%; }
.text14{ font-size:100%; }
.text16{ font-size:115%; }
.text18{ font-size:129%; }
.text20{ font-size:143%; }
.text24{ font-size:172%; }
.text28{ font-size:200%; }
.text30{ font-size:214%; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}

.red { color:#f00;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box80p { width: 80%;}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;}
.link a:hover{ text-decoration:none;}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}