@charset "utf-8";
.mvSub{
	background: url(../img/mvSub_img01.png);
}

.buy{
	position: relative;
	padding: 123px 0 150px;
}
.buy_banner{
	
}
.buy_banner ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	
}
.buy_banner ul li{
	width: 31.88%;
	margin-right: 2.18%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #007f41;
	max-width: 338px;
	border-radius: 10px;
	overflow: hidden;
}
.buy_banner ul li:nth-child(3){
	margin-right: 0;
}
.buy_banner ul li img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.buy_banner ul li h2{
	text-align: center;
	font-size: 2.2rem;
	line-height: 3.6rem;
	font-weight: bold;
	color: #ffffff;
}

.buy_inner01{
	font-size: 1.8rem;
	color: #221815;
	line-height: 3.8rem;
	text-align: center;
	margin-top: 55px;
}
.buy_banner02{
	margin-top: 40px;
}
.buy_banner02 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.buy_banner02 ul li{
	width: 46.51%;
	max-width: 493px;
}
.buy_banner02 ul li img{
	display: block;
	border-radius: 10px;
}
.buy_banner03{
	margin-top: 53px;
	background: url(../img/sub_buy_img05.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 102px 40px 97px;
	border-radius: 10px;
}
.buy_banner03_pc{
	display: block;
	margin: 0 auto;
}
.buy_banner03_sp{
	display: none;
	margin: 0 auto;
}


@media only screen and (max-width: 1024px) {
	/* ----------- buy ----------- */
	.buy {
	    padding: 80px 0 80px;
	}
	.buy_banner ul li h2 {
	    font-size: 2.1vw;
	    line-height: 3.5vw;
	}
	.buy_inner01 {
	    font-size: 1.6rem;
	    line-height: 3.6rem;
	}
	
	
}

@media only screen and (max-width: 768px) {
	/* ----------- buy ----------- */
	.buy {
	    padding: 60px 0 60px;
	}
	.buy_banner ul li {
	    width: 48%;
	    margin-right: 4%;
		max-width: 100%;
	}
	.buy_banner ul li div{
		width: 100%;
	}
	.buy_banner ul li img{
		width: 100%;
	}
	.buy_banner ul li:nth-child(1) {
	    width: 100%;
	    margin-right: 0%;
	    max-width: 100%;
		padding: 20px 20px 18px;
		margin-bottom: 30px;
	}
	.buy_banner ul li h2 {
	    font-size: 2.0rem;
	    line-height: 3.4rem;
	}
	.buy_banner_br{
		display: none;
	}
	.buy_inner01 {
	    font-size: 1.4rem;
	    line-height: 3.2rem;
		margin-top: 40px;
	}
	.buy_banner02 ul li {
	    width: 48%;
	    max-width: 100%;
	}
	.buy_banner02 {
	    margin-top: 35px;
	}
	.buy_banner03 {
	    margin-top: 40px;
	    padding: 80px 20px 70px;
	}
	.buy_banner03_pc {
	    width: 80%;
	}
	
	
}

@media only screen and (max-width: 660px) {
	.buy_inner01{
		text-align: justify;
	}
	.buy_inner01 br{
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	/* -----------  ----------- */
	.buy_banner ul li h2 {
	    font-size: 1.8rem;
	    line-height: 3.2rem;
	}
	.buy_banner_br {
	    display: block;
	}
	.buy_banner ul {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: stretch;
	}
	.buy_banner ul li {
	    width: 100%;
	    margin-right: 0%;
	    border-radius: 6px;
		max-width: 338px;
	}
	.buy_banner ul li:nth-child(2){
		margin-bottom: 20px;
	}
	.buy_inner01 {
	    line-height: 3.0rem;
	}
	.buy_banner02 ul li {
	    width: 100%;
	}
	.buy_banner02 ul li:nth-child(2){
		margin-top: 20px;
	}
	.buy_banner02 ul li img {
	    border-radius: 6px;
	}
	.buy_banner03 {
	    padding: 55px 15px 60px;
		border-radius: 6px;
	}
	.buy_banner03_pc {
	    display: none;
	}
	.buy_banner03_sp {
	    display: block;
	}
	
	
}