.clr { clear:both; }

.hdr { margin:0; paddgin:0; width:100%; height:50px; background:rgba(255,255,255,0.9); }
.hdr_inn { margin:0 auto; padding:0; width:96%; }
.wrp { margin:0; paddgin:0; width:100%; min-height:19em; background:transparent; }
.wrp_inn { margin:0 auto; padding:0; width:96%; }
.lgo { float:left; margin:0; padding:0; width:250px; height:50px; }
.cms { margin:0; padding:0; float:left; width:65%; min-height:29em; background:transparent; }
.cms_inn { margin:0; padding:2% 1%; width:98%; }
.ttl { margin:0; padding:0; width:100%; min-height:7em; background:#fe8c00; background:-webkit-linear-gradient(to right, #f83600, #fe8c00); background:linear-gradient(to right, #f83600, #fe8c00); }
.ttl_inn { margin:0 auto; padding:0; width:96%; color:#FFFFFF; }
.sid { margin:0; padding:0; float:right; width:35%; min-height:29em; background:transparent; }
.sid_inn { margin:0; padding:2% 0; width:100%; }
.art { float:left; margin:0; padding:0; width:101%; min-height:17em; background:transparent; }
.art_inn { margin:0; padding:0; width:100%; }
.not { margin:2% 0; padding:0; float:left; width:100%; background:transparent; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.not_inn { margin:0; padding:0; width:100%; }
.not_inn h1 { margin:2%; }
.evn { margin:2% 0; padding:0; float:left; width:100%; background:transparent; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.evn_inn { margin:0; padding:0; width:100%; }
.evn_inn h1 { margin:2%; }
.ban { margin:2% 0; padding:0; float:left; width:100%; background:transparent; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.ban_inn { margin:0; padding:0; width:100%; text-align:center; }
.nws { margin:0; paddgin:0; width:100%; min-height:7em; background:#FF512F; background:-webkit-linear-gradient(to right, #FF512F, #F09819); background:linear-gradient(to right, #FF512F, #F09819); box-shadow:0 2px 10px rgba(0,0,0,.25); }
.nws_inn { margin:auto; padding-top:1em; width:96%; text-align:center; color:#ffffff; }
.ftr { margin:0; paddgin:0; width:100%; min-height:9em; background:#fe8c00; background:-webkit-linear-gradient(to right, #f83600, #fe8c00); background:linear-gradient(to right, #f83600, #fe8c00); }
.ftr_inn { margin:0 auto; padding:0; width:96%; }
.col { float:left; margin:1% 1% 1% 0; padding:0; width:23%; min-height:7em; border-right:1px dotted #fe8c00; }
.col_inn { margin:0; padding:0; width:100%; }
.col_inn ul { list-style:none; }
.col_inn ul li a { color:#ffffff; }
.soc { float:left; margin:1% 1% 1% 0; padding:0; width:23%; }
.soc_inn { margin:0; padding:0; width:100%; }
.soc_inn ul { list-style:none; }
.soc_inn ul li a { color:#ffffff; }
.soc_inn ul li { display:inline-block; margin:0 1% 0 0; }
.cop { margin:0; padding:1% 0 0 0; color:#ffffff; text-align:center; }

.frm { margin:1% auto; padding:0; width:25em; }
.frm_inn { margin:auto; padding:1em; width:23em; border-radius:3px; box-shadow: 0 2px 10px rgba(0,0,0,.15); }

.msg { margin:1em 0; padding:2em; width:100%; background:#BCF5A9; border:1px dashed #04B45F; color:#0B3B0B; }

.sld { margin:0; padding:0; width:100%; position:relative; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.15); border-radius:3px; background:#E4E4E4; }
.sld .sld_inn { margin:0; padding:0; display:flex; height:75vh; transition:transform 1s; border-radius:3px; }
.sld .sli { margin:0; padding:0; flex:1; min-width:100%; background-size:cover; position:relative; border-radius:3px; }
.sld .sli .tit { font-size:200%; }
.sld .sli .cap { margin:0; padding:1%; width:100%; min-height:20%; position:absolute; bottom:0; background:rgba(255,100,50,0.9); color:#ffffff; border-radius:0 0 3px 3px; }
.sld .sli .cap a { color:#ffffff; }
.sld .prv { position:absolute; top:33vh; left:3%; color:rgba(255,255,255,0.2); }
.sld .prv:hover { color:rgba(255,255,255,0.7); }
.sld .nxt { position:absolute; top:33vh; right:3%; color:rgba(255,255,255,0.2); }
.sld .nxt:hover { color:rgba(255,255,255,0.7); }

.pic { margin:0; padding:0; width:100%; height:50vh; box-shadow:0 2px 10px rgba(0,0,0,.15); border-radius:3px; }


.a { float:left; margin:1% 1% 1% 0; padding:0; width:49%; min-height:15em; flex:1; min-width:11em; background-size:cover; position:relative; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.15); border-radius:3px; }
.a_inn { margin:0; padding:1% 2%; width:100%; min-height:30%; position:absolute; bottom:0; background:rgba(255,100,50,0.9); color:#000000; }
.a_inn a { color:#ffffff; }

.n { margin:0; padding:0; width:100%; border-top:1px dotted #eeeeee; }
.n:hover { background:#FFEECC; }
.n_inn { float:right; margin:auto; padding:2%; width:65%; min-height:100px; text-align:right; display:table-cell; vertical-align:middle; }
.n_pic { float:left; margin:2%; padding:1%; width:30%; height:80px; box-shadow:0 2px 10px rgba(0,0,0,.15); background:#000000; }

.e { margin:0; padding:0; width:100%; border-top:1px dotted #eeeeee; }
.e:hover { background:#FFEECC; }
.e_inn { float:right; margin:auto; padding:2%; width:65%; min-height:100px; text-align:right; display:table-cell; vertical-align:middle; }
.e_pic { float:left; margin:2%; padding:1%; width:30%; height:80px; box-shadow:0 2px 10px rgba(0,0,0,.15); background:#000000; }


.btn { display:inline-block; margin:1em; padding:auto; width:21em; height:4em; line-height:4em; border:1px solid #cccccc; border-radius:3px; background:#E84545; color:#000000; font-weight:bold; text-align:center; }
.btn:hover { box-shadow:0 0 2px 1px rgba(255,255,255,0.2); }
.btn:focus { box-shadow:0 0 2px 1px rgba(255,255,255,0.2); }

.btn_ { display:inline-block; margin:1em; padding:auto; width:21em; height:4em; line-height:4em; border:1px solid #cccccc; border-radius:3px; background:transparent; color:#cccccc; font-weight:bold; text-align:center; }
.btn_:hover { box-shadow:0 0 2px 1px rgba(255,255,255,0.2); }
.btn_:focus { box-shadow:0 0 2px 1px rgba(255,255,255,0.2); }


.fld { float:left; position:relative; width:21em; height:4em; margin:.5em 1em 0 0; padding:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.fld>label { position: absolute; margin:0; padding:0; top:1em; left:.5em; transition: all 200ms; color:#53668D; opacity:1; border-radius:3px; z-index:999999; }
.fld>input, .fld>select, .fld>textarea { margin:0; padding:.5em; width:100%; height:4em; line-height:4em; border:1px solid #cccccc; border-radius:3px; z-index:0; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.fld>input:focus, .fld>select:focus, .fld>textarea:focus { border:1px solid #53668D; }
.fld>input:focus + label, .fld>select:focus + label, .fld>textarea:focus + label { color:#000000; margin-top:.5em; font-size:75%; transform:translate3d(0,-100%,0); }
.fld>input:valid + label, .fld>select:valid + label, .fld>textarea:valid + label { margin-top:.5em; font-size:75%; transform:translate3d(0,-100%,0); }

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

	.cms { width:100%; }
	.cms_inn { padding:2%; width:100%; }

	.art { width:100%; }
	.art_inn { width:100%; }

	.a { width:100%; }

	.sid { width:100%; }
	.sid_inn { padding:2%; width:100%; }

	.col { width:100%; border-right:0; border-bottom:1px dotted #fe8c00; }
	.col_inn { width:100%; }

	.soc { width:100%; }
	.soc_inn { width:100%; }

}