@charset "UTF-8";
.bold {
  font-weight: 700;
}

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

.center {
  text-align: center;
}

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

.leadTxt {
  align-items: center; -webkit-box-align: center; -webkit-box-pack: center; color: #07b53b; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; font-weight: 700; 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 {
  -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column;     flex-direction: column;
}

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

.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 {
  align-items: center; -webkit-box-align: center; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: justify; -ms-flex-wrap: wrap;     flex-wrap: wrap; justify-content: space-between; margin-top: auto;
}

.company__name {
  font-weight: 700;
}

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

.detail {
  margin-top: 80px;
}

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

.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 {
  align-items: center; -webkit-box-align: center; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: justify; -ms-flex-wrap: wrap;     flex-wrap: wrap; 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 {
  align-items: center; background-color: #efefef; border-radius: 8px; -webkit-box-align: center; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -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 {
  align-items: center; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; font-weight: 700; 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: .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: #333; -webkit-transition: all .4s;         transition: all .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 {
  -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -ms-flex-wrap: wrap;     flex-wrap: wrap; 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 .4s;         transition: all .4s; width: 49%;
}

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

.bnr__link:hover {
  opacity: .7;
}

.bnr__link:before {
  color: #fff; 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 {
  align-items: center; background: #dbdbdb; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; -ms-flex-wrap: wrap;     flex-wrap: wrap; 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: #fff; display: inline-block; font-size: 1.4rem; min-width: 260px; padding: 8px; position: relative; text-align: center; -webkit-transition: all .4s;         transition: all .4s;
}

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

.btn:hover {
  background-color: #fff; 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 {
  -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -ms-flex-wrap: wrap;     flex-wrap: wrap; justify-content: space-between; margin-top: 40px; text-align: center;
}

.downloadbnr__box img {
  width: 100%;
}

.downloadbnr__box li {
  -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; -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: .4s all;         transition: .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 {
  -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -ms-flex-wrap: wrap;     flex-wrap: wrap; 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 {
  align-items: center; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -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%;
  }
}

.c-case {
  position: relative;
}
.c-case .contents__inner {
  padding-block: 0;
}
.c-case__inner {
  list-style: none; position: relative; z-index: 1;
}
.c-case__wrapper {
  box-sizing: content-box; display: flex; flex-wrap: wrap; gap: 30px; height: 100%; justify-content: center; position: relative; transform: translate3d(0px, 0, 0); width: 100%; z-index: 1;
}
@media (max-width: 767px) {
  .c-case__wrapper {
    flex-direction: column;
  }
}
.c-case__item {
  flex: 1; height: auto; max-width: 377px; min-width: 294px; position: relative; transition-property: transform, -webkit-transform;
}
@media (max-width: 767px) {
  .c-case__item {
    max-width: 100%; min-width: 100%;
  }
}
.c-case__item--txt {
  color: #000; font-family: "UD新ゴ DB"; font-size: 1.4rem; margin: 5px 0 10px; text-align: left;
}
@media screen and (max-width: 1023px) {
  .c-case__item--txt {
    font-size: 1.6rem;
  }
}
.socialBtn {
  display: block; margin-top: 4px;
}
a.pagePanel__linkbox {
  padding: 12px;
}