@charset "UTF-8";

/* コンセプト */
.photo1{
	padding-top:5px;
	padding-bottom:40px;
}
.photo1 ul{
	display:flex;
	flex-wrap:wrap;
}
.photo1 ul li{
	width:100%;
	padding-top:10px;
}
@media (min-width: 568px) {
	.photo1 ul li{
		width:calc(50% - 5px);
	}
	.photo1 ul li:nth-child(odd){
		margin-right:10px;
	}
}
@media (min-width: 768px) {
	.photo1{
		padding-bottom:50px;
	}
	.photo1 ul li{
		width:calc(50% - 7px);
		padding-top:15px;
	}
	.photo1 ul li:nth-child(odd){
		margin-right:14px;
	}
}
@media (min-width: 1200px) {
	.photo1{
		padding-bottom:70px;
	}
}

#photo2{
	padding-top:5px;
}
#photo2 ul{
	display:flex;
	flex-wrap:wrap;
}
#photo2 ul li{
	width:100%;
	padding-top:10px;
}
@media (min-width: 568px) {
	#photo2 ul li{
		width:calc(50% - 15px);
		padding-top:30px;
	}
	#photo2 ul li:nth-child(odd){
		margin-right:30px;
	}
	#photo2 ul li:first-child,
	#photo2 ul li:nth-child(2){
		padding-top:10px;
	}
}
@media (min-width: 768px) {
	#photo2 ul li{
		width:calc(100%/3 - 20px);
		margin-right:30px;
	}
	#photo2 ul li:nth-child(3n){
		margin-right:0;
	}
	#photo2 ul li:first-child,
	#photo2 ul li:nth-child(2),
	#photo2 ul li:nth-child(3){
		padding-top:15px;
	}
}
@media (min-width: 1024px) {
	#photo2 ul li{
		width:calc(100%/3 - 26px);
		margin-right:39px;
		padding-top:40px;
	}
	#photo2 ul li:nth-child(odd){
		margin-right:39px;
	}
	#photo2 ul li:nth-child(3n){
		margin-right:0;
	}
}

#point{
	padding:30px 0;
}
.point{
	padding:20px 0 0;
}
.point h6{
	font-size:1.7rem;
	color:#CB4829;
	padding:0 0 5px;
	text-align:center;
	letter-spacing:1px;
}
.point h6.sub{
	padding:5px 0;
	color:#333;
	line-height:150%;
}
.point ul{
	font-size:0;
	padding:4px 0 10px;
}
.point ul li{
	text-align:center;
	padding:5px 0;
	font-size:1.5rem;
}
.br768-1024{
	display:none;
}
@media (min-width: 768px) {
	.point h6{
		font-size:1.8rem;
	}
	.point h6.sub{
		padding:4px 0 8px;
	}
	.point p{
		text-align:center;
	}
	.point ul{
		text-align:center;
	}
	.point ul li{
		padding:0;
		font-size:1.6rem;
		display:inline-block;
	}
}
@media (min-width: 1200px) {
	.point h6{
		font-size:2.0rem;
	}
}
@media (min-width: 768px) and (max-width: 1024px){
	.br768-1024{
		display:inline;
	}
}