@media all and (min-width:480px) and (max-width:767px){
	.inner{
		width:100%;
	}

	.banner_img{
		background:url("/img/sub_banner/sub_banner_05.jpg")no-repeat right / cover;
		height:400px;
	}

	.about_list{
		width:90%;
	}

	.what {
        height: 100px
    }

	.what_title{
		font-size:1.5em;
	}

	.merit{
		flex-direction:column;
		width:100%;
		margin:0 auto;
	}

	.merit_box{
		display: flex;
		width: 70%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.merit_img{
		width:50%;
	}

	.motto{
		width:50%;
		padding:43px 0;
	}

	.motto h3{
		font-size:1.1em;
	}

	.motto p{
		font-size:0.7em;
	}

	.step{
		left:0;
		top:-18px;
	}

	#store{
		height:650px;
	}

	.detail_box{
		width:100%;
	}

	.detail_txt{
		width:368.5px;
	}

	.swiper-slide{
		height:40vw !important;
	}
}