/* CSS Document */
* {margin:0px;padding:0px;}
body{ font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei", sans-serif; color:#000000;}
a, a:visited{ text-decoration:underline; color:#000;}
a:hover{ text-decoration:underline; color:#000;}
ul{ list-style:none; list-style-type:none;}
img{ border:0px; margin:0px;}

/**/
.header, .footer { width: 1050px; margin: auto}
.hd_pc { width: 1050px; }
.hd_m { display: none; }
.main{ width:1050px; margin:0 auto; }
.top{ width:100%;  }
.top_m{ display:none;}
.group{	background-color:#000;}

.intext{ 	width:100%; 	background:#fff; 	margin:0 auto;	max-width:1048px;  }
h2{ padding:5px 0px 5px 0px; color:#ffffff; font-size:12pt; margin:0 10px 0 0; background:#7BBC2A; line-height:16pt; text-align:center; width:100%;}
ol li{ margin:0 20px 7px 40px;}

.tb01 tr td{ padding:7px 0 12px 0; border-bottom:1px #8F8F8F dashed; }
.tb01 tr td p{ margin-left:15px; padding:10px 0;}
.tr001 { background:#ffffff;}

.bn { margin-bottom: 40px; padding: 30px 0;}
.bn li{float: left;width: 25%; text-align: center; transition: 0.2s all ease-in-out;}
.bn li:hover{
    transform: translateY(-4px);
    filter: drop-shadow(0 5px 2px rgba(0,0,0,0.4)) brightness(1.3);
}
.bn li img{
    width: 98%;
}
.bn:after{
    content:'';
    display: table;
    clear: both
}
/*kv*/
.kvbg { background:url(../images/bg_01.jpg) no-repeat top center; background-color: #000; widows:100%; height: 800px; }
.kv{ margin: 0 auto; width: 1050px; position: relative; }
.logo{position: absolute; left: 58px;top: 50px;z-index: 9999;}
.logo a { position: relative; display: inline-block; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.logo a:hover, .logo a:focus, .logo a:active { transform: translateY(-10px);}
.slogan { position: absolute;right: 257px;top: 100px;z-index: 9999;}
.kv_but {position: absolute;right: 190px;top: 200px;z-index: 9999;}
.kv_but_02 {position: absolute;right: 74px;top: 1230px;z-index: 9999;}

.kv_m{display:none;}

.kv_but a { position: relative; display: inline-block; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.kv_but_02 a { position: relative; display: inline-block; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.kv_but a:hover, .kv_but a:focus, .kv_but a:active {  -webkit-transform: translateY(-10px); transform: translateY(-10px);}
.kv_but_02 a:hover, .kv_but_02 a:focus, .kv_but_02 a:active {  -webkit-transform: translateY(10px); transform: translateY(10px);}

/*footer*/
footer{	width:1050px;	height:150px;	margin: 0 auto;	}
#footer01{	width:1050px;	height:150px;	margin: 0 auto;		}
#footer02{	width:100%;	display:none !important;}

.float_wrapper { position: fixed; top: 200px; left: 50%; right: 50%; z-index: 999; }
.go_top a{
	position: fixed;
	bottom: 50px;
	margin-left: 570px;
	color: aliceblue;
	background-color: #ed6d00;
	font-size: 18px;
	width: 70px;
	height: 70px;
	border-radius: 50px;
	line-height: 70px;
	text-align: center;
	text-decoration: none;
}

.btn_wrapper {
  margin: 20px auto;
  text-align: center;
}
a.btn_back {
  display: inline-block;
  padding: 15px 20px;
  width: 240px;
  border-radius: 20px;
  background: #ed6d00;
  border-bottom: 5px #662f0f solid;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  transition: linear .2s;
  margin: 0 10px;
}
a.btn_back:hover, a.btn_back:focus, a.btn_back:active {
  background-color: tomato;
}

@media screen and (max-width: 767px) {
body{font-size:14px;}
.header { width: 100vw }
.hd_pc { display: none; }
.hd_m { display: block }

 /**/
.main .slide { display:none;}
.main{ width:100vw; }
.gotop{ display:block;}
.top{ display:none;}
.top_m{width:100vw; display:block;}
.top_m img{width:100%;}
img{ border:0px; margin:0px; width:100%;}

ol{padding: 10px 0 5px;}
.tb01 tr td p{ padding:10px 20px 10px 10px;}
.tb01 tr td{ 	padding:0; 	border-bottom:1px #8F8F8F dashed; }
.intext{ padding:5px 0;}

/*kv*/
.kvbg{ background-size: 194vw; height: 77.5vw;}
.kv{ width: 100vw}
.kv_m{ display:block; width: 100vw}
img.car{ width: 90%; padding-top: 5vw;}
.kv_but {width: 18vw; top: 24vw; right: 5.5vw;}
.kv_but_02 { width: 39vw; top: 118vw; right: 2.5vw;}
.kv_but img, .kv_but_02 img{ width:100%;}
.logo{ display: none;}
.logo img{ width: 100%;}	
.slogan	{ width:67vw; right:15vw; top: 5vw;}
.slogan img{ width: 100%;}	
    
.bn { margin-bottom: 30px; padding: 10px 0;}
.bn li{width: 50%;}

/*footer*/
footer{	width:100%;	height:auto;	margin: 0 auto;		text-align:center;}
#footer01{	display:none;}
#footer02{	width:100%;	display:block!important;}	

}