@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:599px){
	
	.pc{display: none;}
	.sp{display: initial}
	
	header .mv{width: 50vw;height: 70vw;top: 25vw;}
	
	.sub h1{width: 40vw;right: 4vw;font-size: 6vw;}
	.sub h2{font-size: 5vw;}
	
	.sub main{padding: 20vw 5vw 15vw;}
	.sub  section{padding: 5vw;;}
	.sub .pankuzu{width: 100%;}
	
	
	.sub .flow .box{padding: 5vw 5vw 5vw 50px;}
	
	.sub .block{flex-wrap: wrap;}
	.sub .block > *{flex-basis: 100%;}
	.sub .block > *:first-child{margin-right: 0;}
	.sub .block .photo{order: 0;margin-bottom: 30px;}
	.sub .block .txt{order: 1;}
	.sub .block .photo img{width: 100%;}
	
	.sub .gr_back{padding: 4.5vw;}
	
	.sub .half{display: block;}
	.sub .half .box:not(:last-child){margin-bottom: 30px;}
	.sub table.price_table th{width: 60%;}
	.sub table.price_table span{font-size: .9em;letter-spacing: 0;}
	
	.sub table.scroll_table{
		display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
		margin-top: .1em;
	}
    
    .sub .group .wrap{width: 100%;}
    .sub .group .txt{width: 100%;}

	
}