@charset "UTF-8";

#mv { display:none; }

article.title h2::after {
    width:65%;
    top:50%;
    right:3%;
}

.t_c { font-size:24px; }

.key {
	background:url(./img/key.jpg) no-repeat 0 0/cover;
	text-align:center;
	margin:0 auto 40px; padding-top:40px;
	width:100%; height:210px;
	object-fit:cover;
	color:#FFF;
	font-size:40px;
}

.imgfoot img { width:100%; height:200px; object-fit:cover; }

h5 {
	background-color:#1D2033;
	color:#FAF554;
	border-radius:10px 10px 0 0;
	padding:20px 30px 10px;
	font-size:24px;
}
.step1 h5::before {
	content:url(./img/step1.png);
	width:179px; height:80px;
	margin-right:20px;
}
.step2 h5::before {
	content:url(./img/step2.png);
	width:179px; height:80px;
	margin-right:20px;
}
.step3 h5::before {
	content:url(./img/step3.png);
	width:179px; height:80px;
	margin-right:20px;
}
.step4 h5::before {
	content:url(./img/step4.png);
	width:179px; height:80px;
	margin-right:20px;
}

.buysel p { font-size:24px; }
.buysel article div {
	background-color:#DCE4F9;
	border-radius:0 0 10px 10px;
}
.buysel article .flexBox {
	padding:20px 0 0 20px;
}
.buysel article .flexBox2 {
	display:flex; flex-direction:row-reverse;
	padding:20px 20px 0 0;
	justify-content:space-between;
}

.buysel .flexBox p ,
.buysel .flexBox2 p { width:68%; }
.buysel .flexBox img ,
.buysel .flexBox2 img { width:30%; height:100%; }

.buysel article::after {
	content:url(./img/arrow.png);
	display:inherit;
	width:110px; height:60px;
	margin:50px auto 40px;
}
.buysel div article:last-of-type {
	margin-bottom:40px;
}
.buysel article:last-of-type::after {
	content:none;
}
/*------------------------------------------------------------
    レスポンシブ
------------------------------------------------------------*/
@media (max-width: 768px){

}