@media (max-width:1920px){
	
header div.vs .swiper-slide div.vs_m{
display: none;
	}

section.maxwrap div.dep1_1_m{
	display:none;
	}	
section.dep3_3_2_m,
section.dep3_3_3_m,
section.subwrap div.dep4_2_2_m,
section.mov_m{
	display:none;
	}	

	
}

@media (max-width:1200px){

header div.vs .swiper-slide div.vs_m{
display: none;
	}
		
	section.subwrap{
		width:1100px;
	}


	
}/*media 1200px*/


@media (max-width:800px){
	
header div.vs .swiper-slide div.vs_m{
display: block;
	}
header div.vs .swiper-slide div.vs_p{
	display:none;
	}
		
section.mov_p{
	display:none;
	}
section.mov_m{
	display:block;
	background:#f7f0ec;
	height:500px;
	text-align:center;
	}
section.mov_m iframe{
	margin:80px auto;
	}

	
section.spec .spec_wrap {
      width:600px;
      height: 680px;
      overflow:hidden;
      border:0px solid red;
    }
	
section.doc .doc_wrap {
      width:600px;
      height:auto;
      overflow:hidden;
    }
     
   section.view{
   	background:#57463f;
		height:900px;
			margin-top:0px;
			}	
			
		section.view2{
   	background:none;
		height:650px;
			margin-top:80px;
			}	
		section.view .swiper {
		      width: 100%;
		      height: 300px;
		      margin-left: auto;
		      margin-right: auto;
		    }

		section.view .gallery2 {
		      height:408px;
		      width: 600px;
		    }
		
		section.view .gallery2 img{
			width:600px;
			}
		
		section.view .gallery {
			width:600px;
		      height:80px;
		      box-sizing: border-box;
		      padding: 10px 0;
    }
section.footer_map{
		width:640px;
    height: auto;
    border:0px solid red;
    margin:0 auto;
    text-align:Center;
}

section.subwrap{
	width:95%;
}

section.subwrap div.dep1_6_2{
	margin: 50px auto 0 auto;
	}
	
section.subwrap div.dep2_1_1 img{
	display:inline-block;
	vertical-align:top;
	margin:0 0 20px 0
	}	
	
	
section.subwrap ul.dep2_1_2 li{
	position:relative;
	display:block;
	width:90%;
	margin:0 auto 50px auto;
	}
	
section.subwrap ul.dep2_1_3 li{
	font-size:20px;
	}	
	
	
section.subwrap .process {
	position:relative;
	width:600px;
	height:400px;
	margin:0 auto;
	border:0px solid red;
	}	
section.subwrap .process .swiper-slide {
			width:550px;
			height:375px;
			position:Relative;
      background:none;
      /*display: flex;
      justify-content: center;
      align-items: center;*/
      border:0px solid red;
      margin:0 auto;      
      overflow:hidden;
    }	
section.subwrap .process .swiper-slide img{
	width:550px;
	}	
section.subwrap .process .swiper-button-next {
	right:30px;
	background-image:url(../img/main/part_ar_next.png);
	border:0px solid red;
	}
section.subwrap .process .swiper-button-prev {
	left:20px;
	background-image:url(../img/main/part_ar_prev.png);	
	}	
	
section.subwrap ul.dep2_2_1{
	width:95%;
	}	
section.subwrap ul.dep2_2_1 li{
	display:inline-block;
	width:45%;
	height:350px;
	margin:0 20px 20px auto;
	overflow:hidden;
	border:1px solid #999;
	border-radius:8px;	
	}		

section.subwrap div.dep2_3_1{
	text-align:left;
	}

section.dep2_3_3 div{
	width:580px;;
	}
section.dep2_3_3 div img{
	width:500px;
	display:block;
	margin:0 auto;
	}
section.dep2_3_3 div p.s1{
	width:500px;
	text-align:left;
	line-height:1.3;
	}
section.dep2_3_3 div p.s2{
	width:500px;
	}	
	

section.maxwrap div.dep1_1,
section.maxwrap div.dep1_3,
section.maxwrap div.dep1_4{
	display:none;
	}
section.maxwrap div.dep1_1_m {
	display:block;
	position:relative;
	width:640px;
	height:1260px;
	background:url(../03_max/img/1_1_m.jpg) center center no-repeat;
	margin:0 auto;
	}	
	
table.max_table {
	width:90%; 
	}
section.maxwrap div.dep1_2 p{
	width:90%;
}
section.maxwrap div.dep1_3_m{
	display:block;
	position:relative;
	width:100%;
	height:1630px;
	background:url(../03_max/img/1_2_m.jpg) center center no-repeat;
	margin:80px auto 0 auto;
	}	
section.maxwrap div.dep1_4_m{
	display:block;
	position:relative;
	width:100%;
	height:1630px;
	background:url(../03_max/img/1_3_m.jpg) center center no-repeat;
	margin:80px auto 0 auto;
	}		
	
section.maxwrap ul.hair_aftercare {
	position:Relative;
	display:block;
	width:600px;
	height:auto;
	border:0px solid red;
	margin:20px auto 50px auto;
	overflow:Hidden;
	}
section.maxwrap ul.hair_aftercare li{
	display:inline-block;
	float:left;
	width:280px;
	height:auto;
	font-size:16px;
	line-height:20px;
	margin-right:20px;
	overflow:Hidden;
	}
section.maxwrap ul.hair_aftercare li p img{
	width:275px;
	margin-bottom:10px;
	border:1px solid #aaa;
	border-radius:5px;
	}	
section.maxwrap div.dep1_5 div.egf{
	position:relative;
	width:90%;
	height:auto;
	text-align:left;
	font-size:21px;
	font-weight:500;
	line-height:1.5;
	letter-spacing:-0.05em;
	margin:0 auto;
	overflow:hidden;
	border:0px solid red;
	}

section.maxwrap div.dep1_5 div.egf img{
	width:200px;
	display:block;
	margin:0 20px 20px auto;

	}		
	
section.subwrap ul.dep3_2_2 li{
	position:Relative;
	display:inline-block;
	width:45%;
	height:200px;
	margin:0 5px 15px auto;
	overflow:hidden;
	border:1px solid #755dae;
	border-radius:3px;
	color:#755dae;
	text-align:Center;
	font-size:23px;
	font-weight:500;
	line-height:1.3;
	letter-spacing:-0.05em;
	overflow:hidden;	
	}

section.dep3_3_2,
section.dep3_3_3{
	display:none
	}	

section.dep3_3_2_m{
	display:block;
	background:#efefef;
	}	
	
section.dep3_3_3_m{
	display:block;
	background:#aaa;
	}		
section.dep3_3_2_m img,
section.dep3_3_3_m img{
	margin:30px auto 100px auto;
	display:block;
	}	
	
	
section.subwrap div.dep4_1_1 img{
	width:95%;
	display:block;
	margin:20px auto;
	}	
section.maxwrap div.dep4_1_2 div{
	width:90%;
	text-align:left;
	}		
section.maxwrap div.dep4_1_3 ul{
	width:90%;
	}	
section.maxwrap div.dep4_1_3 ul li{
	width:39%;
	height:170px;
	font-size:15px;
}	


section.maxwrap div.dep4_2_1{
	display:none;
	}		
section.maxwrap div.dep4_2_1_m {
	display:block;
	position:relative;
	width:640px;
	height:2025px;
	background:url(../04_wo/img/2_1_m.jpg) center center no-repeat;
	margin:0 auto;
	}		
		
section.subwrap div.dep4_2_2 {
	display:none;
	}
		
section.subwrap div.dep4_2_2_m {
	display:block;
	width:98%;
	height:auto;
	text-align:Center;
	overflow:hidden;
	}
section.subwrap div.dep4_2_2_m img{
	width:100%;
	display:block;
	margin:0 auto 20px auto;
	}			
		
section.maxwrap div.dep4_3_1{
	display:none;
	}		
section.maxwrap div.dep4_3_1_m{
	display:block;
	position:relative;
	width:100%;
	height:750px;
	background:url(../04_wo/img/3_1_m.jpg) center center no-repeat;
	margin:0 auto;
	}	
	

section.subwrap ul.dep4_3_2 li{
	display:block;
	width:90%;
	height:auto;
	border:1px solid #9b83d4;
	border-radius:8px;
	margin:0 auto 20px auto;
	padding:20px 15px;
	overflow:Hidden;
	}	
section.subwrap ul.dep4_3_2 li span.t1{
	display:inline-block;
	font-size:23px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:-0.05em;
	margin:0 auto 20px auto;
	}	
section.subwrap ul.dep4_3_2 li span.t1 b{
	font-weight:700;
	font-size:27px;
	display:block;
	}	
section.subwrap ul.dep4_3_2 li span.t2{
	display:block;
	width:100%;
	height: auto;
	font-size:18px;
	font-weight:400;
	line-height:1.5;
	text-align:left;
	}		
	
	section.subwrap div.dep4_4_1{
		width:98%;
		}
	
	section.subwrap ul.dep4_4_2{
	position:relative;
	width:95%;
	height:auto;
	margin:50px auto 0 auto;
	padding:0;
	border:0px solid red;
	text-align:Center;
	}	
section.subwrap ul.dep4_4_2 li{
	display:block;
	width:95%;
	height:auto;
	margin:0 auto 40px auto;	
	}	
section.subwrap ul.dep4_4_2 li div{
	width:98%;
	height:auto;
	padding-bottom:20px
	}	
	
section.subwrap div.dep5_2_1{
	width:95%;
	}	
section.subwrap div.dep5_2_1 img{
	width:95%;
	display:block;
	margin:30px auto;	
	}		
	
	
		
		
}/*media 800px*/


@media (max-width:640px){
	
header div.vs .swiper-slide div.vs_m{
	clear:both;
	display: block
	}
header div.vs .swiper-slide div.vs_p{
	display:none;
	}		

section.footer_map{
		width:640px;
    height: auto;
    border:0px solid red;
    margin:0 auto;
    text-align:Center;
}



section.subwrap{
	width:90%;
}

	
}




