@charset "utf-8";
*{word-break:break-all;word-wrap:break-word;}
html, body, div, dl, dt, dd, ul, ol, li, p {margin: 0px;padding: 0px;list-style: none;word-break: keep-all;}
body,div,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;}
input,select,textarea{vertical-align: middle; margin: 0; padding: 0; border: 0; }
a{text-decoration: none;vertical-align: middle;font-size: inherit;color: inherit;transition:all 0.3s ease-in-out;}
img{border: 0; vertical-align: middle; margin:0; padding: 0; border: 0;max-width: 100%;}
table {border-collapse: collapse; width: 100%;}
caption{width: 0; height: 0; font-size: 0; overflow: hidden;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}

/**/
.wrap{position:relative;width:640px;margin:0 auto;}
.div-logo{height: 75px;left: 0;right: 0;z-index: 2;text-align: center;width: 640px;margin: 0 auto;position: relative;}
.div-logo a{display:inline-block;position: absolute;top: 23px;left: 15px;}
.div-logo .txt-r{float:right;margin-top: 22px;margin-right: 20px;}


.box {position:relative;}

.mbox02-video{
position: absolute;
left: 0;
top: 21%;
width: 100%;
height: 31%;
}


.box01-title{position: absolute;left: 8.5%;top: 5.8%;width: 82.6%;}
.box02-title{position: absolute;left: 10.5%;top: 6.8%;width: 83.7%;}
.box03-title{position: absolute;left: 15.5%;top: 1.5%;width: 65.8%;}
.box03-title1{position: absolute;left: 10.5%;top: 38.8%;width: 82.25%;}
.box04-title{position: absolute;left: 2.5%;top: 12.8%;width: 96.8%;}
.box05-title{position: absolute;left: 3.5%;top: 3.8%;width: 95%;}

.box05_box01{position: absolute;left: 13.5%;top: 11.8%;width: 70.6%;}
.box05_box02{position: absolute;left: 13.5%;top: 38.1%;width: 70.6%;}
.box05_box03{position: absolute;left: 13.5%;top: 64.6%;width: 70.6%;}


.num1{position:absolute;left: 21.5%;top: 26.5%;width: 57.45%;}
.num1 img {width:100%;}
.num2{position: absolute;left: 18.2%;top: 65.7%;width: 64.2%;}
.num2 img {width:100%;}
.num-in{position:relative;}




/*===========640===========*/
@media screen and (max-width:640px) {
	.wrap{width: 100%;}
	.div-logo{width: 100%;}
	.div-logo a{top: 21px;left: 10px;}
	.div-logo-in .txt-r.mob-i{display:block;margin-top: 18px;margin-right: 10px;}
}

/*==========360===========*/
@media screen and (max-width:360px) {
	.wrap{width:360px;}
}