@media screen and (max-width:560px) {

	#main-inner {
		width:96%;
	}
	#main .category .listnew .box {
		width:50%;
		margin-bottom:20px;
		display: flex;
		align-items: center;
	}
	
	#main .category .list .en {
		font-family: 'aparaji';
		font-size:18px;
		line-height:1;
		letter-spacing:0;
	}
	#main .category .list .ja {
		font-family: 'utsukushi';
		font-size:12px;
		letter-spacing:0;
	}
	#main .category .list .box {
		margin-bottom:10px;
	}
	
	.step .step__p{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.tutorial_step{
		height: auto;
	}
	.tutorial_title{
		display: none;
	}
	.tutorial_title2{
		display: block;
	}
	.tutorial_title2 img{
		width: 40px;
	}
	.step .step__p{
		display: flex;
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.step__p .tutorial_content .tutorial_text1,.step__p .tutorial_content .tutorial_text2{
		color: #ffffff;
	}
	.step__p.active .tutorial_content .tutorial_text1,.step__p.active .tutorial_content .tutorial_text2{
		color: #000;
	}
	.step-progress__content{
		font-size: 12px;
	}

}