@media screen and (max-width:767px) {
body{background-position: center 10vw; }
article {margin-bottom: 12vw;}
.right{text-align: center;}
.main-wrapper {width: 90%;}
header{margin: 0 0 12vw 0;}
article {margin-bottom: 12vw;}
	
.logo-menu {margin: 9vw 0 0 0;}
.logo-menu-left {width: 25%; padding: 2vw 0; margin: 0;}
.logo-menu-left img{margin: 0 auto; display: block; transition-duration: 0.3s;}
.logo-menu-mid{width: 100%; margin: 0; display: inline;}
.logo-menu-right {width: 75%; margin: 0;}
.menu-lines{display: block; float: right; width: 6%;}
aside.scroll .logo-menu {
 padding: 2vw 0 1.5vw 0;
}
aside.scroll .logo-menu-left {
  width: 20%; padding: 0; margin: 0;
}
aside.scroll .logo-menu-mid{width: 100%; margin: 0; display: inline;}
aside.scroll .logo-menu-right {
width: 80%; margin: 0;
}
	
.btn-01{padding: 2vw 4.5vw; border-radius: 6vw; font-size: 3.5vw; margin: 0; float: right;}
.btn-01 i{margin: 0 0 0 2vw;}
aside.scroll .btn-01{font-size: 3vw;}

.header-txt{margin: 25vw 0 0 0;}
.header-txt h1{font-size: 4.5vw; line-height: 6vw;}
.header-txt button{border-radius: 5vw; padding: 2vw 2.5vw; font-size: 3.5vw;}
header{margin: 0;} 
.tree{display: none;}

.pad-01{margin: 18vw 0 0 0;}
.block-one{width: 100%;}
.prod-logo{width: 40%; margin: 0 0 6vw 0;}
.phead-01{font-size: 4vw; margin: 0 0 3vw 0;}
.body-txt{font-size: 4vw; line-height: 5.5vw;}
.body-txt p{margin: 0 0 4vw 0;}
.body-txt li{margin: 0 0 3vw 5vw;}
.phead-02{font-size: 7vw; margin: 0 0 3vw 0;}
	
.block-two{margin: 4vw 0 0 0;}
.block-two-01{width: 100%; margin: 0 0 5vw 0; vertical-align: top; display: block; border-radius: 4vw;}
.block-two-02{width: 100%; vertical-align: top; display: block; border-radius: 4vw;}
.block-head{font-size: 4vw; border-radius: 4vw; padding: 5vw;}
.block-head strong{margin: 0 0 2.5vw 0;}
.block-detail{font-size: 4vw; border-radius: 0 0 4vw 4vw;  padding: 4vw 5vw;}
	
.foots{right: 5vw; top: -5vw;}
.foot-pad{padding: 12vw 0 0 0;}

.marquee-logo{width: 38%; margin: 0 1.5%; border-radius: 3vw; padding: 3vw;}
.marq-circle{width: 9vw; height: 9vw; top: 6vw; right: -7vw; border:solid 1vw #fff;}
.circle-02{top: 3vw !important;}
.marquee-logo-02{margin: 4vw 3% 4vw 3%;}
.marquee-logo img{border-radius: 3vw;}

.graph-pad{margin: 4vw 0 8vw 0}
	
.phead-03{border-radius: 4vw; padding: 4vw; font-size: 6vw; line-height: 7vw;}
.block-three-left{width: 25%; margin: 0 5% 0 0; font-size: 5vw;}
.block-three-right{width: 70%;}	

footer{padding: 8vw 0;}
footer li{margin: 0 0 3vw 0;}
.footer-01{width: 50%; font-size: 4vw; margin: 0 0 3vw 0;}
.footer-02{width: 100%; display: block; text-align: center;}
.footer-logo{width: 30%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 3vw;}
.copyright{font-size: 3vw;}
.f-icons{display: block; margin: 0 0 3vw 0; font-size: 3vw;}
.f-icn-pad{margin: 0 3vw 0 0;}

.expert{width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 4vw; display: block; float: none;}
.exp-01 i{font-size: 8vw; padding: 0 0 0 3vw;}
.exp-02 i{font-size: 8vw; padding: 0 3vw 0 0;}
}