h1{}
h2, h2 strong, h2 span{font-size: 45px;}
h3, h3 strong, h3 span{font-size: 40px;}
h4, h4 strong, h4 span{font-size: 35px;}
h5, h5 strong, h5 span{font-size: 25px;}
h6, h6 strong, h6 span{font-size: 22px;}
a,p,span,strong,em,ul,li{font-size: 15px; color: #555;}

.inner{width: 1260px; margin: auto;}
.inner-1100{width: 1100px; margin: auto;}
.in-box1{width: 1100px;}

.in-box2{width: 615px; float: left; margin-right: 30px;}
.in-box2:nth-of-type(2n+2){margin-right: 0;}
.in-box2-1100{width: 535px; float: left; margin-right: 30px;}
.in-box2-1100:nth-of-type(2n+2){margin-right: 0;}
.in-box2-1100:last-of-type{margin-right: 0;}

.in-box3{width: 400px; float: left; margin-right: 30px;}
.in-box3:nth-of-type(3n+3){margin-right: 0;}
.in-box3-1100{width: 350px; float: left; margin-right: 25px;}
.in-box3-1100:nth-of-type(3n+3){margin-right: 0;}
.in-box3-1100:last-of-type{margin-right: 0;}

.in-box4{width: 300px; float: left; margin-right: 20px;}
.in-box4:nth-of-type(4n+4){margin-right: 0;}
.in-box4-1100{width: 260px; float: left; margin-right: 20px;}
.in-box4-1100:nth-of-type(4n+4){margin-right: 0;}

.in-box5{width: 236px; float: left; margin-right: 20px;}
.in-box5:nth-of-type(5n+5){margin-right: 0;}



@media screen and (max-width: 1280px) {
.inner{width: 98%;}
.inner-1100{width: 98%;}
.in-box2{width: 49%; margin-right: 2%;}
.in-box2-1100{width: 49%; margin-right: 2%;}
.in-box3{width: 32%; margin-right: 2%;}
.in-box3-1100{width: 32%; margin-right: 2%;}
.in-box4{width: 23.5%; margin-right: 2%;}
.in-box4-1100{width: 23.5%; margin-right: 2%;}
.in-box5{width: 18.4%; margin-right: 2%;}

h2, h2 strong, h2 span{font-size: 35px;}
h3, h3 strong, h3 span{font-size: 30px;}
h4, h4 strong, h4 span{font-size: 25px;}
h5, h5 strong, h5 span{font-size: 20px;}
h6, h6 strong, h6 span{font-size: 18px;}
a,p,span,strong,em,ul,li{font-size: 14px;}
}

@media screen and (max-width: 768px) {
.inner{width: 95%;}
.inner-1100{width: 95%;}
.in-box4{width: 49%; margin-right: 2%;}
.in-box4:nth-of-type(2n+2){margin-right: 0;}
.in-box4-1100{width: 49%; margin-right: 2%;}
.in-box4-1100:nth-of-type(2n+2){margin-right: 0;}
.in-box5{width: 100%; margin-right: 0;}

h2, h2 strong, h2 span{font-size: 25px;}
h3, h3 strong, h3 span{font-size: 20px;}
h2 br,h3 br,h4 br,h5 br,h6 br,a br,p br,span br,strong br,em br,li br{display: none;}

}

@media screen and (max-width: 480px) {
.in-box2{}
.in-box2-1100{}
.in-box3{}
.in-box3-1100{}
.in-box4{}
.in-box4-1100{}
.in-box5{}

h4, h4 strong, h4 span{font-size: 16px;}
h5, h5 strong, h5 span{font-size: 14px;}
h6, h6 strong, h6 span{font-size: 14px;}
a,p,span,strong,em,ul,li{font-size: 12px;}

}








/*sub responsive*/
@media screen and (max-width: 1540px) {
}
@media screen and (max-width: 1280px) {
}

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

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