@charset "utf-8";

@media screen and (min-width: 0px) and (max-width: 600px){
	h2{
		font-size: 25px;
		margin-top: 30px;
		padding: 0;
	}
	h2 + p{
		font-size: 14px;
		margin: 10px;
	}
	.col2{
		display: block;
	}
	.col2 > div{
		width: auto;
	}
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	.inner{
		padding: 0 10px;
	}
	header{
		padding: 10px 0;
	}

	header h1 img{
		height: 40px;
	}
	header ul li{
		display: none;
	}
	header ul li:last-child{
		display: block;
	}
	#fv2 .inner.sp{
		background: url("../img/sp/fv-bg.jpg") no-repeat center top / 100% auto;
		padding: 0;
	}
	#fv2 .inner.pc{
		display: none!important;
	}
	#fv2 .inner.sp a.btn{
		display: block;
		width: 93.75%;
		margin: 0px auto;
	}
	#fv2 .inner.sp a.tel{
		display: block;
		width: 93.75%;
		margin: 0px auto;
	}
	#hensei .col2 > div:nth-child(1){
		padding: 0;
	}
	#hensei .col2 > div:nth-child(2){
		padding: 0;
		margin-top: 20px;
	}
	#hakko{
		padding-bottom: 10px;
	}
	#hakko .hakko1 h3,
	#hakko .hakko2 h3{
		font-size: 18px;
		float: none;
		width: auto;
		margin: 10px 0;
	}
	#hakko .hakko1 img,
	#hakko .hakko2 img{
		width: 100%;
		float: none;
	}
	#hakko .hakko1 p,
	#hakko .hakko2 p{
		width: 100%;
		float: none;
	}
	#hensei .col2 .inner{
		padding: 15px;
	}
	
	#ryoukin .col2 > div:nth-child(1){
		width: auto;
		padding: 0;
	}
	#price-point{
		flex-wrap: wrap;
	}
	#price-point div{
		width: 100%;
	}
	img[src*="price-hyo"]{
		width: 110px;
	}
	table th,
	table td{
		font-size: 14px;
		padding: 10px 5px;
	}
	#area .inner p,
	#area img{
		width: 100%;
		float: none;
	}
	#company h2{
		padding: 40px 0 20px 0;
	}
	#company img{
		float: right;
	}
	#company dl{
		padding: 0;
	}
	#company dl dt,
	#company dl dd{
		float: none;
		margin: 0;
	}
	#company dl dd{
		margin-bottom: 10px;
	}
	#company .inner b{
		float: none;
		width: auto;
		padding: 0;
		clear: both;
	}
	footer ul li{
		line-height: 40px;
	}
}