.wrap-about{
	margin-top: 110px;
}
.photo-about1{
	width: 100%;
	height: 450px;
	background: url("./img/about-photo1.jpg") center top no-repeat;
	background-size: cover;
}
.photo-about2{
	width: 100%;
	height: 450px;
	background: url("./img/about-photo2.jpg") center no-repeat;
	background-size: cover;
}
.photo-about3{
	width: 100%;
	height: 450px;
	background: url("./img/about-photo3.jpg") center top no-repeat;
	background-size: cover;
}
.photo-about4{
	width: 100%;
	height: 450px;
	background: url("./img/about-photo4.jpg") center bottom no-repeat;
	background-size: cover;
}
.about-ul{
	display: flex;
	justify-content: center;
	list-style: none;
	align-items: center;
	margin-top: 30px;
}
.about-ul h2{
	font-size: 3rem;
	font-weight: bold;
	text-decoration:underline;
	margin-bottom: 10px;
}
.about-ul p{
	font-size: 2.0rem;
}
.about-ul li{
	width: 50%;
}
.left {
	margin-left: auto;
	width: 555px;
}
.right{
	margin-right: auto;
	width: 555px;
}
.about2-p{
	margin-top: 100px;
}

/*-------------------------スマホ----------------------------*/
@media screen and (max-width:640px){
	.wrap-about{
		margin-top: 30px;
	}
	.photo-about1{
		background: none;
		display: none;
	}
	.photo-about1-mob{
		width: 100%;
		height: 450px;
		background: url("./img/about-photo1-mob.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.photo-about2{
		width: 100%;
		height: 450px;
		background: url("./img/about-photo2-mob.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.photo-about3{
		background: none;
		display: none;
	}
	.photo-about3-mob{
		width: 100%;
		height: 450px;
		background: url("./img/about-photo3-mob.jpg") center bottom no-repeat;
		background-size: cover;
	}
.photo-about4{
	width: 100%;
	height: 450px;
	background: url("./img/about-photo4-mob.jpg") center bottom no-repeat;
	background-size: cover;
}
	.about-ul{
		display: inherit;
		margin-top: 30px;
	}
	.about-ul li{
		width: 100%;
	}
	.about-ul h2{
		font-size: 5.5vw;
		padding: 0px 10px;
		margin-top: -30px;
	}
	.about-ul p{
		font-size: 3.5vw;
		padding: 0px 10px;
		margin-bottom: 90px;
	}
	.left {
		margin:0 auto;
		width: 100%;
	}
	.right{
		margin:0 auto;
		width: 100%;
	}
	
}

/*--------------------タブレット---------------------*/
@media screen and (min-width: 641px) and (max-width:1025px){
		.wrap-about{
		margin-top: 30px;
	}
	.photo-about1{
		background: none;
		display: none;
	}
	.photo-about1-mob{
		width: 100%;
		height: 450px;
		background: url("./img/about-photo1-mob.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.photo-about2{
		width: 100%;
		height: 450px;
		background: url("./img/about-photo2-mob.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.photo-about3{
		background: none;
		display: none;
	}
	.photo-about3-mob{
		width: 100%;
		height: 450px;
		background: url("./img/about-photo3-mob.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.photo-about4{
		width: 100%;
		height: 450px;
		background: url("./img/about-photo4-mob.jpg") center bottom no-repeat;
		background-size: cover;
	}
	.about-ul{
		display: inherit;
		margin-top: 30px;
	}
	.about-ul li{
		width: 100%;
	}
	.about-ul h2{
		font-size: 4vw;
		padding: 0px 20px;
		margin-top: -50px;
	}
	.about-ul p{
		font-size: 3vw;
		padding: 0px 20px;
		margin-bottom: 90px;
	}
	.left {
		margin:0 auto;
		width: 100%;
	}
	.right{
		margin:0 auto;
		width: 100%;
	}
}