/**********media***********/
@media (max-width : 1024px) {
.banner-inside-box {
  margin: 0 auto;
  width: 50%;
}
}
@media (max-width : 768px) {
img {
	max-width:100%
}
.wrapper {
	width:98%;
	padding:0;
}
#nav {
	display: none;
}
.top-hdr-inside {
 width: 98%
}
.main-nav {
  width: 98%;
  padding:0;
}
.body-contaner {
  width: 98%;
}
.block {
  margin: 0 1%;
  width: 29.4%;
}
.block-03 {
  float: left;
}
.block p {
  height: 35px;
  overflow: hidden;
}
.banner-inside-box {
  width: 70%;
}
.body-contaner-01 img {
  width: 34%;
}
.body-contaner-01 h2 {
  background-position:right; background-size:40% auto;
}
.footer {
  width: 98%;
}
}
@media (max-width : 640px) {
.block {
   width: 28.8%;
}
.body-contaner-01 h2 {
  background-size: 18% 30%;
}
.body-contaner-01 img {
  width: 52%;
}
}
@media (max-width : 600px) {
.banner-inside-box {
  width: 80%;
}
.block {
  width: 28.7%;
}
.block h2{
	font-size:15px;

}
.body-contaner-01 h2 {
  background-image: none;
}
}
@media (max-width : 568px) {
.block {
  width: 28.6%;
}

}
 @media (max-width : 480px) {
.block h2{
	font-size:17px;

}
.block img{width:100%;}
.block {
  float: none;
  margin: 0 auto 20px;
  width: 60%;
}
.banner-inside-box {
  width: 98%;
}
.body-contaner-01 img {
  width: 100%;
   margin: 0 0 15px 0;
}

}
 @media (max-width : 384px) {
.logo {
  width: 100%;
  text-align: center;
}
.logo img {
  display:inline;
}
.top-hdr-rt {
  text-align: center;
  width: 100%;
}
.top-hdr-rt ul {
  margin: 0 auto;
  width: 152px;
}
.banner-inside-box h2 {
  padding-top: 16px;
}

.block {
  width: 70%;
}
.banner-inner-page .banner-inside-box h2 {
  font-size: 30px;
}
.banner-inside-box h3 {
  font-size: 28px;
  line-height: 29px;
}
}
 @media (max-width : 360px) {

.block {
  width: 80%;
}
.footer-nav {
  font-size: 12px;
}
}
 @media (max-width : 320px) {
.block {
  width: 90%;
}
.banner-inner-page .banner-inside-box h2 {
  font-size: 28px;
}
.banner-inside-box h3 {
  font-size: 26px;
  line-height: 27px;
}
}
 @media (max-width : 240px) {
}
.slicknav_menu {
	display:none;
}
 @media screen and (max-width: 50em) {
.js .menu {
	display:none;
}
.slicknav_menu {
	display:block;
}
.js .slicknav_menu {
	display:block;
}
.nav {
	display:none;
}
}