@charset "UTF-8";

/* header
--------------------------------*/
.hdtop .logo{
	margin-top: 0;
}

/* bnr
--------------------------------*/
#bnr{
	padding: 60px 0 75px;
}
@media screen and (max-width: 768px) {
	#bnr{
		padding: 10% 0;
	}
	#bnr .grid3 .sp_order1{
		order: 1;
		margin-right: 2.22%;
	}
	#bnr .grid3 .sp_order2{
		order: 2;
		margin-right: 0;
		margin-top: 0;
	}
	#bnr .grid3 .sp_order3{
		order: 3;
		margin-right: 2.22%;
		margin-top: 3%;
	}
	#bnr .sp_col1{
		width: 100%;
		margin-right: 0!important;
	}
	#bnr .grid3.mt30{
		margin-top: 3%!important;
	}
	#bnr .grid3 ul{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
	}
	#bnr .grid3 ul > *{
		width: 48.89%;
		margin-right: 2.22%;
	}
	#bnr .grid3 ul > *:nth-child(2n){
		margin-right: 0;
	}
	#bnr .grid3 ul li+li{
		margin-top: 0;
	}
}

/* item
--------------------------------*/
#item{
	background: #fff;
	padding: 30px 0 45px;
}
#item .ttl{
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
#item ul li .txt{
	font-size: 1.3rem;
	margin-top: .5em;
	font-weight: 700;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#item{
		padding: 10% 0 10%;
	}
	#item .ttl{
		font-size: 4.8vw;
		margin-bottom: 3%;
	}
	#item ul li .txt{
		font-size: 2.8vw;
	}
}