@charset "UTF-8";
.mainimg { background: url(../img/about/mainimg_sp.jpg) center center no-repeat; color: #fff; margin: 0 0 35px; }

@media (max-width: 599px) { .mainimg { background-size: cover; } }

@media (min-width: 600px) { .mainimg { margin: 0 0 70px; background: url(../img/about/mainimg_pc.jpg) center center; } }

.mainTtl { margin: 0 0 10px; color: #dc76a3; font-size: 2.5rem; font-weight: 700; text-align: center; }

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

.intro { margin: 0 10px 40px; }

@media (min-width: 600px) { .intro { margin: 0 0 140px; text-align: center; } }

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

.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; } }

.intro .link { margin: 20px 0 30px; font-size: 1.3rem; text-align: center; }

.intro .link a { text-decoration: underline; }

.intro .link a:hover { text-decoration: none; }

.intro .img { text-align: center; }

.features { margin: 0 10px 60px; }

@media (min-width: 600px) { .features { width: 720px; margin: 0 auto 105px; } }

.features ul { counter-reset: count; }

.features ul .item { counter-increment: count; position: relative; padding: 10px 10px 10px 15px; border: 1px solid #bdbebe; }

@media (min-width: 600px) { .features ul .item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; height: 138px; } }

.features ul .item + .item { margin: 40px 0 0; }

.features ul .item .ttl { position: relative; height: 70px; margin: 0 0 15px; }

@media (min-width: 600px) { .features ul .item .ttl { width: 340px; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; } }

.features ul .item .ttl::before { content: "特長"; position: absolute; top: 0; left: 8px; z-index: 2; color: #fff; font-size: 1.5rem; font-weight: 700; line-height: 70px; }

.features ul .item .ttl::after { content: counter(count); display: inline-block; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 1; width: 70px; height: 70px; margin: 0 2px 0 0; padding: 0 10px 0 0; border-radius: 50%; background: #dc76a3; color: #fff; font-size: 1.2rem; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 3rem; font-weight: 700; line-height: 70px; text-align: right; vertical-align: middle; }

.features ul .item .ttl p { padding: 0 0 0 80px; font-size: 1.5rem; font-weight: 700; position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.features ul .item .txt { vertical-align: middle; font-size: 1.2rem; font-weight: 700; line-height: 1.92; }

@media (min-width: 600px) { .features ul .item .txt { width: 340px; } }

.bnrArea { margin: 0 10px; }

.bnrArea p { text-align: center; }