@media screen and (max-width: 478px) {
.menu-list{
display:none;    
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-position:center;
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-size:cover;


}

.flexbox{
background-image:none;  
}

.slider-menu li{
font-size:15px;    
}

.top-logo{
width:150px;  
margin-top:20px;
}

.pics{
margin-left:30px;
margin-bottom:50px;
}

.pics img{
width:300px;    
}

.slider{
margin-top:-430px; 
top:0;
}

.inspired{
font-size:10px;    
}


.slick-prev {/*Back矢印の位置と形*/
    left:2.5%;
    transform: rotate(-135deg);
} 

.slick-next {/*Next矢印の位置と形*/
    right:51px;
    transform: rotate(45deg);
}


header p{
font-size:10px;
padding-top:3px;
}

.copyright{
font-size:10px; 
padding-top:-10px;
margin-bottom:0px;
color:white;
font-weight:900;
}

.hamburger{
margin-top:5px;    
}

.footer-menu{
margin-left:-500px;    
}

.inspired{
font-size:13px;    
}

.footer-menu{
display:none;    
}

.serum2{
left:50px;
margin-bottom:-880px;
margin-left:30px;
width:200px;
}

.serum{
display:none;
}

table{
   margin-top:13px;  
margin-left:0px; 
width:100%;
height:auto;
padding:0.5em;
margin-bottom:200px;
}


th{
font-size:16px;    
}

td{
font-size:13px; 
padding:13px;
}

footer{
font-size:10px;    
}

.footer2{
margin-top:300px;    
}
.price{
font-size:15px;
margin-left:1px;   
bottom:70px;
margin-right:200px;
position:relative;
}


  .orderbtn{
  width:150px;
  height:50px;
  background:#ef857d;
  padding:0.8em;
  color:wheat;
  top:-70px;
  z-index:105;
  margin-left:10px;
  margin-bottom:-300px;
  position:relative;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.menu-list2{
display:none;    
}

.hamburger2{
margin-top:340px;    
margin-bottom:50px;
}

.spotless{
width:100%;
height:120px;
margin-bottom:100px;
font-size:25px;
padding-top:10px;
margin-top:10px;
background:white;
z-index:200;
position:relative;
}

.flexbox{
display:block;  
}

.cater{
top:170px;
width:100%;
height:auto;
margin-left:10px;
margin-bottom:200px;
margin-top:98px;
}

.cater p{
font-size:13px;
padding:0em;
padding-right:1em;
}

.certified{
width:200px;
margin-left:50px;
font-size:23px;
padding-top:15px;
}



.movingbg h1{
font-size:60px;    
}

.experience{
 font-size:13px; 
padding-top:100px;
 margin-bottom:100px;
}

svg{
margin-left:150px; 
font-size:60px; 
margin-top:50px;
}}





@media (min-width: 768px) and (max-width: 1023px) {
    
.orderbtn{

    margin-left:300px;
   
}

svg{
left:60px;    
}

.movingbg h1{
font-size:60px;
margin-top:100px;
margin-bottom:150px;
}

.pics{
margin-left:80px;  
margin-top:400px;
width:700px;
height:auto;
}

.slick-prev {/*Back矢印の位置と形状*/
    right:-200px;
    transform: rotate(-135deg);
} 

.slick-next {/*Next矢印の位置と形状*/
    right:20px;
    transform: rotate(45deg);
}

.certified{
margin-left:20px;    
}

.experience{
margin-top:-130px; 
margin-bottom:100px;
}

header p{
font-size:14px;    

}}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    
 
header p{
font-size:10px;    
}

.certified{
display:none;    
}

.movingbg h1{
margin-top:300px;
font-size:40px;
}

.experience{
margin-top:-50px;
}

.pics{
width:800px;
height:auto;
margin-left:-20px;
}

.orderbtn{
margin-left:290px;    
}

svg{
margin-left:300px; 
margin-top:80px;
}

.slick-next {/*Next矢印の位置と形状*/
    right:50px;
    transform: rotate(45deg);
}

.slick-prev {/*Back矢印の位置と形状*/
    right:-100px;
    transform: rotate(-135deg);
}

.top-logo{
width:250px;    
}

.slider{
margin-top:-490px;    
}

.hamburger{
position:absolute;    
}

.experience{
margin-top:150px;    
}}

@media (min-width: 1024px) and (max-width: 1366px) {
.orderbtn{
margin-left:500px;    
}    

.pics{
margin-left:110px;

}

.slick-next {/*Next矢印の位置と形状*/
    right:180px;
    transform: rotate(45deg);
}}

    
@media screen and (min-width:1367px){


.spotless{
margin-left:350px;
}}