@charset "utf-8";
@media (min-width: 320px) and (max-width: 519px) {
	
	.top-pc{
		display: none;
	}
	
	.top-phone{
		display: block;
		width: 100%;
	}
	
	.top-title{
		position: absolute;
		top:5%;
		left:50%;
		transform: translate(-50%)
	}
	
	.top-name{
		line-height: 40px;
		font-size: 29px;
	}
	
	.history-section{
		width: auto;
		padding: 0 0 60px 0;
	}
	
	.history-wrapper img{
		width: 80%;
		position: absolute;
		top:30%;
		left:15%;
	}
	
	.history-outer{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 80px 0 0 0;
	}
	
	.history-text2 br{
		display: none;
	}
	
	.middle-br{
		display: block;
	}
	
	.history-name{
		text-align: center;
	}
	
	.history-name2{
		writing-mode: horizontal-tb;
		padding: 5px;
		font-size: 13px;
		text-align: center;
	}
	
	.history-name4{
		padding: 50px 30px 0;
	}
	
	.text-wrapper{
		display: block;
	}
	
	.history-phone{
		display: block;
		text-align: center;
	}

	.small-br{
	display: block;
}
	.history-text{
		padding: 0;
	}
	
	.history-wrapper2 img{
		position: absolute;
		top:5%;
		right:15%;
	}
	
	.history-outer2{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 80px 0 0 0;
	}
	
	.text-wrapper2{
		display: block;
	}
	
	.history-name3{
		text-align: center;
	}
	
	.history-name4{
		writing-mode: horizontal-tb;
		padding: 5px;
		font-size: 13px;
		text-align: center;
	}
	
	.history-text2{
		padding: 0;
		text-align: left;
	}
	
	.machi_wrapper{
		height: 850px;
	}
	
	.machi_img{
		width: 90%;
	}
	
	.machi_title{
		position: absolute;
		z-index: 5;
		top: 28px;
	}
	
	.line{
		display: none;
	}
	
	.machi_text{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		line-height: 25px;
		padding: 20px 0;
		text-align: left;
	}
	
	.machi_text br{
		display: none;
	}
	
	.machi_background{
		width: 80%;
		top:40%;
	}
	
	.button{
		width: 45%;
	}
	
	.blackflame_wrapper{
		height: 740px;
	}
	
	.blackflame_container{
		height: 0;
	}
	
	.blackflame_line{
		display: none;
	}
	
	.blackflame_img{
		width: 90%;
	}
	
	.blackflame_title{
		position: absolute;
		z-index: 5;
		top: 28px;
	}

	
	.blackflame_text{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		line-height: 25px;
		padding: 20px 0;
		text-align: left;
	}
	
	.blackflame_text br{
		display: none;
	}
	
	.blackflame_brnone{
		display: none;
	}
	
	.blackflame_background{
		width: 90%;
	}
	
	.rakuen_wrapper{
		height: 740px;
	}
	
	.rakuen_container{
		height: 150px;
	}
	
	.rakuen_line{
		display: none;
	}
	
	.rakuen_img{
		width: 90%;
	}
	
	.rakuen_title{
		position: absolute;
		z-index: 5;
		top: 180px;
		font-size: 55px;
	}
	
	.rakuen_text{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		line-height: 25px;
		padding: 20px 0;
		text-align: left;
	}
	
	.rakuen_text br{
		display: none;
	}
	
	.rakuen_background{
		width: 90%;
		top:55%;
	}
	
	.standstill_wrapper{
		height: 740px;
	}
	
	.standstill_container{
		height: 280px;
	}
	
	.standstill_line{
		display: none;
	}
	
	.standstill_img{
		width: 90%;
	}
	
	.standstill_title{
		position: absolute;
		z-index: 5;
		top: 310px;
	}

	.standstill_text{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		line-height: 25px;
		padding: 20px 0;
		text-align: left;
	}
	
	.standstill_text br{
		display: none;
	}
	
	.standstill_brnone{
		display: none;
	}
	
	.standstill_background{
		width: 90%;
		position: absolute;
		top:80%;
		right: 5%;
	}

	.standstill_lineup_section{
		height: 1280px;
	}
	
	.share-biutton{
	padding: 0 10px;
}
	
	.footer-nav a {
		font-size: 3.3vw;
	}
}
/* CSS Document */