@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.1s 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;}
.div-logo{height: 75px;left: 0;right: 0;z-index: 2;text-align: center;width: 100%;margin: 0 auto;position: relative;}
.div-logo a{display:inline-block;position: absolute;top: 23px;left: 23px;}
.div-logo .txt-r{float:right;margin-top: 30px;margin-right: 20px;}
.div-logo-in{position:relative;}

.wrap{width:100%;}


.box{position:relative;}
.box img{width:100%;}
#fixed-btn img{width:100%;}
#fixed-btn{position:fixed;right: 1%;top: 29%;width: 5.85%;z-index: 3;}
.footer{background:#222222;}

.box02-vdeo {position: absolute;top: 13%;left: 19.8%;width: 60.8%;height: 44.7%;z-index: 2;}


.pc-i .footer{background:#e6e6e6;border-top:1px solid #cccccc;}

.button-c0{position:absolute;left: 21%;top: 77.8%;width: 18.35%;}
.button-c1{position:absolute;left: 35.7%;top: 86.8%;width: 13.6%;}
.button-c2{position:absolute;right: 35.7%;top: 86.8%;width: 13.6%;}
.button-c3{position:absolute;left: 35.7%;margin: 0 auto;top: 47.9%;width: 13.6%;}
.button-c4{position:absolute;right: 35.7%;margin: 0 auto;top: 47.9%;width: 13.6%;}
.button-c5{position:absolute;left: 42.1%;margin: 0 auto;top: 30.9%;width: 7.8%;}
.button-c6{position:absolute;left: 50.7%;margin: 0 auto;top: 30.9%;width: 7.8%;}

.button-c0 img{width:100%;}
.button-c1 img, .button-c2 img, .button-c3 img, .button-c4 img{width:100%;}


.box01-title{
position: absolute;
left: 20.5%;
top: 12.8%;
width: 31.65%;
}
.box02-title{
position: absolute;
left: 25.5%;
top: 3.8%;
width: 47.75%;
}
.box03-title{
position: absolute;
left: 20.5%;
top: 3.8%;
width: 21.8%;
}
.box03-title1{position: absolute;left: 51.5%;top: 40.8%;width: 27.25%;}
.box04-title{
position: absolute;
left: 28.5%;
top: 10.8%;
width: 41.8%;
}
.box05-title{
position: absolute;
left: 19.5%;
top: 10.8%;
width: 65.0%;
}

.box05_box01{position: absolute;left: 13.5%;top: 21.8%;width: 23.65%;}
.box05_box02{position: absolute;left: 38.5%;top: 21.8%;width: 23.65%;}
.box05_box03{position: absolute;left: 63.5%;top: 21.8%;width: 23.65%;}


.num1{position:absolute;left: 21.5%;top: 31.1%;width: 19.45%;}
.num1 img {width:100%;}
.num2{position: absolute;left: 21.5%;top: 66.9%;width: 21.45%;}
.num2 img {width:100%;}
.num-in{position:relative;}



/*==========1920===========*/
@media screen and (max-width:1920px) {
	.div-logo{width:100%;}
	.footer {width:100%;}
}

/*==========1024===========*/
@media screen and (max-width:1024px) {
	.wrap{width: 1024px;}
	#fixed-btn{width:80px;}

}