.bold { font-weight: 700; }

.mt-8 { margin-top: 8px; }

.center { text-align: center; }

@media (max-width: 1023px) { .pageH1Area { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 15px 15px; } }

.leadTxt { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #07b53b; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.leadTxt__icon { height: 50px; margin-right: 20px; }

.caseList_box { background-color: #efefef; padding: 5px 10px 60px; }

.caseList_inner { margin: 0 auto; max-width: 1200px; }

.caseList__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.caseList__item:nth-of-type(n + 4) { margin-top: 40px; }

.pagePannel__company { border-left: 5px solid #07b53b; color: #3ab43b; font-size: 1.7rem; margin-bottom: 24px; padding-left: 1em; position: relative; }

@media (max-width: 1023px) { .pagePannel__company { margin-bottom: 16px; } }

@media (max-width: 1023px) { .pagePannel__company { font-weight: 700; } }

.pagePanel__linkbox { color: #404040; margin-top: auto; }

@media (max-width: 1023px) { .pagePanel__linkbox { padding: 0 10px; } }

.pagePanel__linkbox:hover { color: #3ab43b; text-decoration: none; }

.company { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: auto; }

.company__name { font-weight: 700; }

.company__img { height: auto; max-width: 93px; width: 100%; }

.detail { margin-top: 120px; }

@media (max-width: 1023px) { .detail { margin-top: 72px; } }

.detail__title { font-size: 2.5rem; text-align: center; }

@media (max-width: 1023px) { .detail__title { font-size: 1.9rem; } }

.detail__box { margin-top: 60px; }

@media (max-width: 1023px) { .detail__box { margin-top: 30px; } }

.detail__contents { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; }

@media (max-width: 1023px) { .detail__contents { margin-top: 30px; } }

.detail__contents + .detail__contents { margin-top: 80px; }

.detail__contents--img { width: 38%; }

@media (max-width: 1023px) { .detail__contents--img { max-width: 100%; text-align: center; width: 100%; } }

.detail__contents--img img { height: 300px; -o-object-fit: contain; object-fit: contain; width: 450px; }

@media (max-width: 1023px) { .detail__contents--img img { height: auto; } }

.detail__contents--text { width: 60%; }

@media (max-width: 1023px) { .detail__contents--text { margin-top: 16px; width: 100%; } }

.detail__contents--qr { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #efefef; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 16px; padding: 16px; }

@media (max-width: 1023px) { .detail__contents--qr { display: block; } }

.detail__contents--qr dl { width: 80%; }

@media (max-width: 1023px) { .detail__contents--qr dl { width: 100%; } }

@media (max-width: 1023px) { .detail__contents--qr dt { text-align: center; } }

.detail__contents--qr dd { font-size: 1.5rem; }

@media (max-width: 1023px) { .detail__contents--qr dd { margin-bottom: 8px; text-align: center; } }

.title02 { display: inline-block; padding: 0 55px; position: relative; text-align: center; }

.title02:before { background-color: #404040; content: ""; display: inline-block; height: 1px; left: 0; position: absolute; top: 50%; width: 45px; }

.title02:after { background-color: #404040; content: ""; display: inline-block; height: 1px; position: absolute; right: 0; top: 50%; width: 45px; }

.voice__subtitle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 8px; text-align: center; }

.voice__subtitle:before { border-top: 1px solid; content: ""; margin-right: 1em; width: 3em; }

.voice__subtitle:after { border-top: 1px solid; content: ""; margin-left: 1em; width: 3em; }

.voice__title { color: #3ab43b; font-size: 1.8rem; padding-left: 0.6em; position: relative; }

.voice__title:before { background-color: #07b53b; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 4px; }

.voice__text { font-size: 1.5rem; line-height: 1.8; margin-top: 8px; }

.voice__link { color: #333333; -webkit-transition: all 0.4s; transition: all 0.4s; }

.voice__link:hover { color: #3ab43b; text-decoration: none; }

.voice__link span { display: block; }

.voice__link span:after { background: url(/static/jp/service/line-official-account/case-study/img/link_icon.png) 0 0 no-repeat; background-size: contain; content: ""; display: inline-block; height: 15px; margin-bottom: 4px; margin-left: 8px; vertical-align: middle; width: 15px; }

.qr { margin-bottom: 8px; max-width: 84px; }

@media (max-width: 1023px) { .qr { display: none; } }

.bnr__box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; }

@media (max-width: 1023px) { .bnr__box { margin-top: 30px; } }

.bnr__link { display: block; margin-top: 1%; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; width: 49%; }

@media (max-width: 1023px) { .bnr__link { margin-top: 2%; width: 100%; } }

.bnr__link:hover { opacity: 0.7; }

.bnr__link:before { color: #ffffff; content: attr(data-text) ""; display: block; left: 50%; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.download { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #dbdbdb; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px 10px; }

.download__tit { font-size: 2rem; font-weight: 700; margin-right: 40px; position: relative; }

.download__img { margin-right: 40px; width: 60px; }

.download__icon:after { background: url(/static/jp/service/line-official-account/case-study/img/download02.png) 0 0 no-repeat; background-size: cover; content: ""; height: 17px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; }

.btn { background: #07b53b; border: 2px solid #07b53b; border-radius: 999em; color: #ffffff; display: inline-block; font-size: 1.4rem; min-width: 260px; padding: 8px; position: relative; text-align: center; -webkit-transition: all 0.4s; transition: all 0.4s; }

@media (max-width: 1023px) { .btn { margin-top: 16px; } }

.btn:hover { background-color: #ffffff; color: #07b53b; text-decoration: none; }

.btn:hover .download__icon:after { background: url(/static/jp/service/line-official-account/case-study/img/download02_hover.png) 0 0 no-repeat; background-size: cover; content: ""; height: 17px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; }

.downloadbnr__box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; text-align: center; }

.downloadbnr__box img { width: 100%; }

.downloadbnr__box li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 30%; }

@media (max-width: 1023px) { .downloadbnr__box li { width: 100%; } }

@media (max-width: 1023px) { .downloadbnr__box li + li { margin-top: 40px; } }

.downloadbnr__title { color: #07b53b; font-size: 1.8rem; margin-top: 24px; }

.downloadbnr p { margin-bottom: 16px; margin-top: 8px; }

.downloadbnr__btn { font-size: 1.4rem; margin-top: auto; }

.downloadbnr__btn a { border: 2px solid #404040; border: 2px solid #404040; border-radius: 50px; color: #404040; display: block; margin: 0 auto; max-width: 180px; padding: 8px 20px; -webkit-transition: 0.4s all; transition: 0.4s all; }

.downloadbnr__btn a:hover { border: 2px solid #d0d0d0; color: #07b53b; text-decoration: none; }

.lp p { margin-top: 8px; text-align: center; }

.lp__box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; }

@media (max-width: 1023px) { .lp__box { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.lp__box li { width: 14%; }

@media (max-width: 1023px) { .lp__box li { width: 45%; } }

.lp__box li:not(:last-child) { margin-right: 50px; }

@media (max-width: 1023px) { .lp__box li:not(:last-child) { margin-right: 0; } }

.lp__box a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.p0 { padding: 0; }

.title__box { text-align: center; }

.btnColumn2__item--hAlignCenter { width: calc(100%/2); }

@media (max-width: 1023px) { .btnColumn2__item--hAlignCenter { width: 100%; } }
/*# sourceMappingURL=style.css.map */