.bnrArea { margin: 30px 10px 40px; }

@media (min-width: 600px) { .bnrArea { margin: 100px 0 120px; } }

.bnrArea p { text-align: center; }

.bnrArea p + p { margin: 20px 0 0; }

@media (min-width: 600px) { .bnrArea p + p { margin: 75px 0 0; } }

.intro { margin: 0 10px 40px; text-align: center; }

@media (min-width: 600px) { .intro { margin: 0 0 120px; } }

.intro .ttl { margin: 0 0 10px; font-size: 2.5rem; font-weight: 700; }

@media (min-width: 600px) { .intro .ttl { margin: 0 0 25px; } }

.intro .txt p { font-size: 1.4rem; font-weight: 700; line-height: 2.15; }

.intro .txt p + p { margin: 2rem 0 0; }

.intro .txt .box { display: inline-block; margin: 30px 0; padding: 15px 25px; border: 1px solid #ed6d47; color: #ed6d47; font-size: 1.6rem; font-weight: 700; line-height: 1.75; }

@media (min-width: 600px) { .intro .txt .box { margin: 40px 0; } }

.features .box { position: relative; padding: 25px 10px 20px; background: #eeefef; }

@media (min-width: 600px) { .features .box { padding: 25px 0 20px; } }

.features .box .mainTtl { margin: 0 0 8px; font-size: 2.5rem; font-weight: 700; text-align: center; }

.features .box .copy { margin: 0 0 15px; font-size: 1.3rem; font-weight: 700; line-height: 1.77; }

@media (min-width: 600px) { .features .box .copy { text-align: center; } }

.features .box .ico { position: absolute; top: -15px; right: 5px; }

@media (max-width: 599px) { .features .box .ico { width: 50px; height: 50px; } }

@media (min-width: 600px) { .features .box .ico { top: -29px; right: 280px; } }

@media (min-width: 600px) { .features .box ul { counter-reset: count; width: 710px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.features .box ul .item { counter-increment: count; margin: 0 0 10px; padding: 15px 30px; position: relative; background: #fff; overflow: hidden; }

@media (min-width: 600px) { .features .box ul .item { padding: 15px; } }

.features .box ul .item .ttl { position: relative; margin: 0 0 5px; padding: 0 0 0 18px; font-size: 1.5rem; font-weight: 700; line-height: 1.27; }

.features .box ul .item .ttl::before { content: counter(count); display: block; position: absolute; top: 3px; left: 0; width: 15px; height: 15px; margin: 0 2px 0 0; border-radius: 50%; color: #fff; font-size: 1.2rem; font-weight: 700; line-height: 15px; text-align: center; vertical-align: middle; }

.features .box ul .item .ttl .right { display: block; text-align: right; }

.features .box ul .item .ttl small { font-size: 1.1rem; font-weight: 700; }

.features .box ul .item .txt { font-size: 1.1rem; }

.features .box ul .item .btn { position: absolute; right: 15px; bottom: 15px; }

@media (min-width: 600px) { .features .box ul .item .btn { right: 27px; } }

.features .box ul .item .btn a { display: block; min-width: 125px; margin: 8px auto 0; padding: 4px 3px; border: 1px solid #676767; font-size: 1.1rem; text-align: center; }

.features .box ul .item .btn a:hover { background: #f1f1f1; }

.features .box ul .item01 { width: 100%; padding: 15px 10px 15px 15px; }

@media (min-width: 600px) { .features .box ul .item01 { width: 350px; -ms-flex: 0 0 auto; flex: 0 0 auto; } }

.features .box ul .item01 .info { float: right; width: 51.38462%; }

@media (min-width: 600px) { .features .box ul .item01 .info { width: 48.30769%; } }

.features .box ul .item01 .img { float: left; width: 45.23077%; }

@media (min-width: 600px) { .features .box ul .item01 .img { width: 48.30769%; } }

.features .box ul .item01 .txt { margin: 0 0 35px; }

.features .box ul .item02 { width: 100%; padding: 15px 10px 15px 15px; }

@media (min-width: 600px) { .features .box ul .item02 { width: 350px; -ms-flex: 0 0 auto; flex: 0 0 auto; } }

.features .box ul .item02 img { float: left; display: block; margin: 5px 5px 0 0; }

@media (max-width: 599px) { .features .box ul .item02 img { width: 130px; } }

.features .box ul .item02 .txt { margin: 0 0 35px; }

.features .box ul .item03 { width: 100%; }

@media (min-width: 600px) { .features .box ul .item03 { width: 230px; -ms-flex: 0 0 auto; flex: 0 0 auto; } }

.features .box ul .item03 .img { margin: 0 0 8px; text-align: center; }

.features .box01 { margin: 0 0 118px; }

.features .box01 ul .item .ttl::before { background: #dc76a3; }

.features .box02 ul .item01 .info { float: right; width: 56%; }

.features .box02 ul .item01 .img { float: left; width: 39.07692%; }

@media (min-width: 600px) { .features .box02 ul .item01 .btn { right: 45px; } }

.features .box02 ul .item .ttl::before { background: #abc708; }