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

@media (max-width: 450px){
	/*共通*/
	.pc{
		display: none;
	}

	.sp{
		display: block;
	}
	/*ここまで共通*/
	
	/*ヘッダー*/
	header div{
		width: 100%;
	}
	/*ここまでヘッダー*/
	
	/*メイン*/
	.mv{
	    position: relative;
	}
	
	.mv h1{
	    position: absolute;
		top: 30px;
		color: #fff;
		font-size: 29px;
		left: 9%;
		-webkit-text-stroke: 0.5px black;
		text-shadow: 1px 1px 2px black;
	}
	
	.content-wrap{
	    padding: 0 10px;
	}
	
	.content{
		width: 100%;
	}
	
	h2:before, h2:after{
	    width: 30px;
	}
	
	.flex-img-left img, .flex-img-left div, .flex-img-right img, .flex-img-right div{
		width: 100%;
	}
	
	.flex-img-left div, .flex-img-right div{
	    margin-top: 15px;
	}
	
	.flex-img-right h3{
		text-align: left;
	}
	
	.flex-img-right{
	    flex-direction: column-reverse;
	}
	
	.flex-img-right h3:after{
		left: 0;
	}
	/*ここまでメイン*/
	
	/*フッター*/
	footer{
		padding: 15px 10px;
	}
	
	.footer-inner{
		width: 100%;
	}
	
	.address{
		flex-direction: column-reverse;
	    flex-wrap: wrap;
	}

	/*ここまでフッター*/
}