@charset "utf-8";
/*  style　[  top ]
=================================================================== */
.feature-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.feature-h2 {
	position: relative;
	font-size: 1.5rem;
    width: auto;
    margin: 0 5%;
}

.feature-h2::before {
	content: attr(data-number);
	display: block;
	color: #F5B61E;
	font-size: 2rem;
    padding-bottom: 10px;
}

.feature-h2::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 1px;
	background-color: #F5B61E;
}
.feature-box p {
    width: 45%;
}

/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
    .feature-h2 {
	font-size: 1.2rem;
    width: auto;
    margin: 0 0 15px 0;
}

.feature-h2::before {
	font-size: 1.5rem;
    padding-bottom: 10px;
}
    .feature-box p {
    width: 96%;
}
}