@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------
デフォルトリセット設定
-----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody,
tfoot, thead, footer {
margin: 0;
padding: 0;
border: 0;
outline: 0;
letter-spacing: normal;
font-style: normal;
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
/*font-family:"Noto Serif JP","Yu Mincho",YuMincho,"游明朝","Hiragino Mincho ProN","HG明朝E","メイリオ";*/
line-height:150%;
}

/*-----------------------------------------------------------------
PC・スマホ切換え
-----------------------------------------------------------------*/
#pcsp{
    width:80%;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	text-align:center;
	background-color:#ff9966;
	
}


/*-----------------------------------------------------------------
画像
-----------------------------------------------------------------*/
img {
	margin: 0;
	padding: 0;
	max-width:100%;
	height:auto;
    border-style:none;
	vertical-align: bottom;
}

/*-----------------------------------------------------------------
リスト
-----------------------------------------------------------------*/
ul,ol{list-style:none;}

/*-----------------------------------------------------------------
見出し
-----------------------------------------------------------------*/
h2 { font-weight: normal; }
h3 { font-weight: normal; }
h4 { font-weight: normal; }
h5 { font-weight: normal; }
h6 { font-weight: normal; }

/*-----------------------------------------------------------------
パディング
-----------------------------------------------------------------*/
/*padding-top*/
.pt5 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}
/*padding-right*/
.pr5 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}
.pr50 { padding-right: 50px;}
/*padding-bottom*/
.pb5 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}
/*padding-left*/
.pl5 { padding-left: 10px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}
.pl50 { padding-left: 50px;}

/*-----------------------------------------------------------------
マージン
-----------------------------------------------------------------*/
/*margin-top*/
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
/*margin-right*/
.mr5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr50 { margin-right: 50px;}
/*margin-bottom*/
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
/*margin-left*/
.ml5 { margin-left: 10px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}

/*-----------------------------------------------------------------
ライン高
-----------------------------------------------------------------*/
.lh120 { line-height:120%;}
.lh130 { line-height:130%;}
.lh140 { line-height:140%;}
.lh150 { line-height:150%;}
.lh160 { line-height:160%;}
.lh170 { line-height:170%;}
.lh180 { line-height:180%;}
.lh190 { line-height:190%;}

/*-----------------------------------------------------------------
フロート
-----------------------------------------------------------------*/
.fl { float:left}
.fr { float:right}

/*-----------------------------------------------------------------
クリア
-----------------------------------------------------------------*/
.cb{ clear: both;}

/*-----------------------------------------------------------------
画像
-----------------------------------------------------------------*/
.img_bl{
	display: block;
}

/*-----------------------------------------------------------------
テキストアライン
-----------------------------------------------------------------*/
.ta_c{
	text-align: center;
}

/*-----------------------------------------------------------------
TEL発信
-----------------------------------------------------------------*/
.transmission{
	overflow:hidden;
	clear:both;
	background:#ecfbcc;
	padding:0 10px 10px;
	text-align:center;
}
.tel_transmission{
	float:left;
	margin:10px 5px 10px 5px;
	text-align:center;
	border:1px solid #666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', 	endColorstr = '#cccccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#cccccc')";
	background-image: -moz-linear-gradient(top, #f4f4f4, #cccccc);
	background-image: -ms-linear-gradient(top, #f4f4f4, #cccccc);
	background-image: -o-linear-gradient(top, #f4f4f4, #cccccc);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#cccccc));
	background-image: -webkit-linear-gradient(top, #f4f4f4, #cccccc);
	background-image: linear-gradient(top, #f4f4f4, #cccccc);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.tel_transmission a{
	display:block;
	padding:15px 20px;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}
.mail_transmission{
	float:right;
	margin:10px 5px 10px 5px;
	text-align:center;
	border:1px solid #666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', 	endColorstr = '#cccccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#cccccc')";
	background-image: -moz-linear-gradient(top, #f4f4f4, #cccccc);
	background-image: -ms-linear-gradient(top, #f4f4f4, #cccccc);
	background-image: -o-linear-gradient(top, #f4f4f4, #cccccc);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#cccccc));
	background-image: -webkit-linear-gradient(top, #f4f4f4, #cccccc);
	background-image: linear-gradient(top, #f4f4f4, #cccccc);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.mail_transmission a{
	display:block;
	padding:15px 20px;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}
.transmission_txt{
	clear:both;
	font-size:14px;
}
.transmission_txt span{
	color:#e70000;
	font-weight:bold;
}

/*-----------------------------------------------------------------
お問い合わせ
-----------------------------------------------------------------*/
#contact_form{
	overflow: hidden;
}
.form_head{
	background-color: #DDD;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 16px;
	color: #333;
}
.form_content{
	padding: 10px 15px 15px;
	font-size: 14px;
}
.form_btn{
	text-align:center;
	margin: 0 auto 20px;
	overflow: hidden;
}
.coution{
	clear: both;
	margin: 10px;
}
.coution p{
	font-size: 16px;
	font-weight: bold;
	color: #E70000;
	margin-bottom: 10px;
}
.coution ul{
	font-size: 14px;
	padding-left: 20px;
}
.coution li{
	margin-bottom: 5px;
}
#fbtn{
	font-size:16px;
	padding:5px 8px;
}

.contact_txt{
	font-size:12px;
	width:95%;
	margin:10px auto;
	color:#333333;
}
.contact_tel{
	font-size:14px;
	width:95%;
	margin:10px auto;
	font-weight:bold;
	color:#333333;
}
.contact_tel span{
}
.contact_privacy{
	font-size:12px;
	width:95%;
	margin:10px auto 20px;
	color:#333333;
}
.contact_privacy p{
	font-weight:bold;
	margin-bottom:0.5em;
}
.contact_privacy ul{
	list-style:outside disc;
	margin:0 0 0 1.5em;
}
.contact_privacy li{
	margin:0 0 0.5em 0;
}
#contact_form{
	overflow: hidden;
	color:#333;
}
.form_head{
	background-color:#C5EEFF;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 16px;
	color: #333;
}
.form_content{
	padding: 10px 15px 15px;
	font-size: 14px;
	color:#333;
}
.form_btn{
	text-align:center;
	margin: 0 auto 20px;
	overflow: hidden;
}
.coution{
	clear: both;
	margin: 10px;
}
.coution p{
	font-size: 16px;
	font-weight: bold;
	color: #E70000;
	margin-bottom: 10px;
}
.coution ul{
	font-size: 14px;
	padding-left: 20px;
}
.coution li{
	margin-bottom: 5px;
}
#fbtn{
	font-size:16px;
	padding:5px 8px;
}
.form03{
	width:4em;
}
.send_txt{
	line-height:150%;
	text-align:center;
	width:90%;
	margin:0 auto 10px;
	color:#333;
}
.send_txt span{
	font-weight:bold;
}