body {
  line-height: 1.8;
}

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

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

.text-Green {
  color: #06c755;
}

.bold {
  font-weight: 700;
}

.notes {
  color: #707070; font-size: 1.2rem;
}

.contents02 {
  background: #f2f2f2;
}

.center {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .contents02 {
    padding: 0 20px;
  }
}

.contents__txt {
  margin-top: 24px;
}

.serviceH2Area {
  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; justify-content: center; margin: 32px auto 48px; width: 1200px;
}

@media screen and (max-width: 1023px) {
  .serviceH2Area {
    align-items: center; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; font-size: 2.4rem; margin: 0 auto 20px; position: relative; width: auto;
  }
}

.serviceH2Area:before {
  background-color: #707070; content: ''; height: 1px; width: 100%;
}

@media screen and (max-width: 1023px) {
  .serviceH2Area:before {
    background-color: #707070; display: block; left: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%;
  }
}

.serviceH2Area:after {
  background-color: #707070; content: ''; height: 1px; width: 100%;
}

@media screen and (max-width: 1023px) {
  .serviceH2Area:after {
    background-color: #707070; display: block; position: relative; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%;
  }
}

.serviceH2Area__tit {
  -webkit-box-flex: 0; color: #404040; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 2.8rem; font-weight: 700; padding: 0 50px; text-align: center;
}

@media screen and (max-width: 1023px) {
  .serviceH2Area__tit {
    font-size: 2.4rem; padding: 0 25px;
  }
}

.serviceH2Area__txt {
  text-align: center;
}

.serviceH3Area {
  text-align: left;
}

.serviceH3Area__tit {
  color: #06c755; font-size: 2.3rem; font-weight: 700;
}

@media screen and (max-width: 1023px) {
  .serviceH3Area__tit {
    font-size: 2.2rem;
  }
}

.serviceH3Area__tit:before {
  border-left: 5px solid #06c755; border-radius: 8px; content: ''; margin-right: 16px;
}

.serviceH4Area__tit {
  font-size: 1.7rem; font-weight: 700; margin-bottom: 8px;
}

.serviceH4Area__tit02 {
  background: #06c755; color: #ffffff; padding: 1rem 2rem; text-align: center;
}

.cpfAbout {
  margin-top: 24px;
}

.cpfAbout__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: 0 auto;
}

.cpfAbout__txt {
  font-size: 1.5rem; margin-top: auto;
}

.cpfAbout img {
  margin: 24px auto 0; max-width: 200px; width: 100%;
}

.cpfAbout__list {
  -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: calc(100% / 3 - 48px);
}

@media screen and (max-width: 1023px) {
  .cpfAbout__list {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .cpfAbout__list:nth-of-type(n+2) {
    margin-top: 32px;
  }
}

.cpfAbout__link:before {
  content: '>'; margin-right: 4px;
}

.method {
  -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: 24px;
}

.method__list {
  -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 40%;
}

@media screen and (max-width: 1023px) {
  .method__list {
    width: 100%;
  }
}

.method__list:nth-of-type(2) {
  margin-left: 10%;
}

@media screen and (max-width: 1023px) {
  .method__list:nth-of-type(2) {
    margin-left: 0; margin-top: 32px;
  }
}

.method__list .serviceH4Area__tit {
  text-align: center;
}

.table {
  -webkit-box-pack: start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: start; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.5rem; justify-content: flex-start;
}

.table dt {
  border-bottom: 1px solid #d9d9d9; padding: 8px 0; width: 50%;
}

.table dd {
  border-bottom: 1px solid #d9d9d9; padding: 8px 0; text-align: right; width: 50%;
}

.screen {
  background: #ffffff; -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: 24px; padding: 16px;
}

.screen__list {
  width: 30%;
}

@media screen and (max-width: 1023px) {
  .screen__list {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .screen__list + .screen__list {
    margin-top: 16px;
  }
}

.screen__title {
  padding-left: 32px;
}

.case {
  -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: 24px;
}

.case__list {
  border: 1px solid #cccccc; overflow: hidden; width: 30%;
}

@media screen and (max-width: 1023px) {
  .case__list {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .case__list:nth-of-type(n+2) {
    margin-top: 16px;
  }
}

.case__img {
  overflow: hidden;
}

@media screen and (max-width: 1023px) {
  .case__img {
    overflow: auto;
  }
}

.case__img img {
  display: block; max-width: 400px; -webkit-transition: .5s all; transition: .5s all;
}

@media screen and (max-width: 1023px) {
  .case__img img {
    max-width: 100%;
  }
}

.case__img img:hover {
  -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
}

.case__link {
  display: block;
}

.case__link:hover {
  text-decoration: underline;
}

.case__link:hover .case__text {
  color: #00003e;
}

.case__link:hover .case__company {
  color: #00003e;
}

.case__text {
  color: #404040; padding: 16px;
}

@media screen and (max-width: 1023px) {
  .case__text {
    font-size: 1.3rem;
  }
}

.case__company {
  color: #707070; font-size: 1.4rem;
}

@media screen and (max-width: 1023px) {
  .case__company {
    font-size: 1.2rem;
  }
}

.link {
  -webkit-transition: .4s all; transition: .4s all;
}

.link:hover {
  text-decoration: underline;
}

.btn {
  font-size: 1.4rem; font-weight: bold; line-height: 1.5; margin: 32px auto 0; min-height: 50px; min-width: 250px; position: relative; text-align: center;
}

.btn__link {
  border-radius: 50px; color: #ffffff; display: block; font-size: 1.6rem; font-weight: 700; line-height: 1.5; padding: 9px 35px 8px 35px; position: relative; -webkit-transition: .4s all; transition: .4s all;
}
/* 
.btn-01 {
  background: #f77911; border: 2px solid #f77911;
}

.btn-01:after {
  background: url(https://www.linebiz.com/static/jp/common/img/ico_rightArrow02.png) 0 0 no-repeat; background-size: cover; content: ''; display: inline-block; height: 10px; position: absolute; right: 17px; top: calc(50% - 5px); vertical-align: middle; width: 6px;
}

.btn-01:hover {
  background: #ffffff; color: #f77911; text-decoration: none;
}

.btn-01:hover:after {
  background: url(https://www.linebiz.com/static/jp/common/img/ico_rightArrow07.png) 0 0 no-repeat; background-size: cover;
}

.btn-02 {
  background: #06c755; border: 2px solid #06c755;
}

.btn-02:after {
  background: url(https://www.linebiz.com/static/jp/common/img/ico_rightArrow02.png) 0 0 no-repeat; background-size: cover; content: ''; display: inline-block; height: 10px; position: absolute; right: 17px; top: calc(50% - 5px); vertical-align: middle; width: 6px;
}

.btn-02:hover {
  background: #ffffff; color: #06c755; text-decoration: none;
}

.btn-02:hover:after {
  background: url(https://www.linebiz.com/static/jp/common/img/ico_rightArrow01.png) 0 0 no-repeat; background-size: cover;
} */

.cpf__btn {
  border-radius: 50px; font-size: 1.4rem; font-weight: bold; line-height: 1.5; -webkit-transition: .4s all; transition: .4s all;
}

@media screen and (max-width: 1023px) {
  .cpf__btn {
    width: 100%;
  }
}

.cpf__btn a {
  color: #ffffff; display: block; padding: 8px; text-align: center;
}

.cpf__btn a:hover {
  text-decoration: none;
}

.cpf__btn01 {
  background-color: #ff6851; border: 2px solid #ff6851;
}

.cpf__btn01:hover {
  background: #ffffff;
}

.cpf__btn01:hover a {
  color: #ff6851;
}

.cpf__btn02 {
  background-color: #06c755; border: 2px solid #ffffff;
}

.cpf__btn02:hover {
  background: #ffffff;
}

.cpf__btn02:hover a {
  color: #06c755;
}

.download {
  background: #f5f5f5; padding: 40px;
}

@media screen and (max-width: 1023px) {
  .download {
    padding: 40px 20px;
  }
}

.download p {
  margin-top: 8px;
}

.download__title {
  font-size: 2.8rem; text-align: center;
}

@media screen and (max-width: 1023px) {
  .download__title {
    font-size: 2.4rem;
  }
}

.download__img {
  display: block; margin: 24px auto 0; max-width: 970px; width: 100%;
}

.download__btn a {
  background: #ffffff; border: 2px solid #f77911; border-radius: 50px; color: #f77911; display: block; font-size: 1.4rem; font-weight: bold; line-height: 1.5; margin: 40px auto 0; max-width: 350px; padding: 16px 20px; text-align: center; -webkit-transition: .4s all; transition: .4s all;
}

.download__btn a:hover {
  background: #f77911; color: #ffffff; text-decoration: none;
}

.pageH1Area--partner {
  background: url(/sites/default/files/media/jp/service/line-official-account/cpf/img/MV_22_0609.png) 50% 50% no-repeat; background-size: cover; position: relative;
}

.grayBtn {
  margin-top: 60px;
}

.sp {
  display: none;
}

@media screen and (max-width: 1023px) {
  .sp {
    display: block;
  }

  .grayBtn {
    margin-top: 20px;
  }
}

@media screen and (max-width: 559px) {
  .pageH1Area--partner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, .6)), to(rgba(51, 51, 51, .6))), url(/sites/default/files/media/jp/service/line-official-account/cpf/img/MV_22_0609.png); background: linear-gradient(rgba(51, 51, 51, .6), rgba(51, 51, 51, .6)), url(/sites/default/files/media/jp/service/line-official-account/cpf/img/MV_22_0609.png); background-position: 70% 50%; background-size: cover;
  }
}

.topicpath__list > li {
  color: #ffffff;
}

.topicpath__list > li > a {
  color: #ffffff;
}

.topicpath__list > li:before {
  color: #ffffff;
}

.pageH1Area__tit {
  color: #ffffff;
}

@media screen and (max-width: 559px) {
  .pageH1Area__tit {
    color: #ffffff !important;
  }
}

.relatedArticle {
  margin: 40px auto 0; max-width: 800px;
}

/*# sourceMappingURL=style.css.map */