@charset "UTF-8";
.footer-layout {
  background-color: #2faecb !important;
}

.papics_intro_intro {
  background: #fdfdfc 0% 0% no-repeat padding-box;
  display: flex;
  padding: 32px 0px 32px 0px;
  justify-content: center;
}

.papics_intro_intro .papics_intro_intro-content {
  width: 100%;
  max-width: 1080px;
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
}

.papics_intro_intro .papics_intro_intro-content .content-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 62px;
  flex: 1;
  width: 400px;
}

.papics_intro_intro .papics_intro_intro-content .content-left h2 {
  font: normal normal bold 24px/34px Noto Sans JP;
  letter-spacing: 0px;
  color: #333333;
  margin: 0px;
}

.papics_intro_intro .papics_intro_intro-content .content-left p {
  font: normal normal normal 16px/28px Noto Sans JP;
  color: #333333;
  letter-spacing: 0px;
  margin-top: 16px;
  margin-bottom: 0;
  text-align: left;
}

.papics_intro_intro .papics_intro_intro-content .content-left .pre-title {
  margin: 0px;
  font: normal normal medium 16px/28px Noto Sans JP;
}
.papics_intro_intro .papics_intro_intro-content .content-left .title {
  margin: 4px 0px 32px;
  font: normal normal bold 24px/34px Noto Sans JP;
}
.papics_intro_intro .papics_intro_intro-content .content-left .desc {
  margin: 0px 0px 8px;
  font: normal normal normal 16px/28px Noto Sans JP;
}
.papics_intro_intro .papics_intro_intro-content .content-left .sub-desc {
  margin: 0px;
  font: normal normal normal 13px/20px Noto Sans JP;
  color: #808080;
}

.papics_intro_intro .papics_intro_intro-content .content-left .btn {
  margin-top: 48px;
}

.papics_intro_intro .papics_intro_intro-content .content-right {
  display: flex;
  justify-content: center;
  width: 57.22%;
  min-width: 375px;
  margin-bottom: 24px;
}

.papics_intro_intro .papics_intro_intro-content .content-right img {
  width: 440px;
}

@media only screen and (max-width: 1020px) {
  .papics_intro_intro .papics_intro_intro-content .content-left {
    padding: 0px 16px;
    align-items: center;
    text-align: center;
    margin-right: unset;
  }

  .papics_intro_intro .papics_intro_intro-content .content-left h2 {
    font: normal normal bold 21px/32px Noto Sans JP;
  }

  .papics_intro_intro .papics_intro_intro-content .content-left p {
    font: normal normal normal 15px/26px Noto Sans JP;
  }

  .papics_intro_intro .papics_intro_intro-content .content-right {
    width: 100%;
    padding: 0px 16px;
  }
}

@media only screen and (max-width: 576px) {
  .papics_intro_intro {
    padding: 56px 0 56px;
  }

  .papics_intro_intro .papics_intro_intro-content .content-left .btn {
    margin-top: 32px;
  }

  .papics_intro_intro .papics_intro_intro-content .content-right img {
    width: 261px;
    height: 170px;
  }

  .papics_intro_intro .papics_intro_intro-content .content-left h2 {
    font: normal normal bold 22px/32px Noto Sans JP;
  }
}

.papics_what-is {
  background: #f6f3ee 0% 0% no-repeat padding-box;
  display: flex;
  padding-bottom: 80px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.papics_what-is .papics_what-is__content {
  width: 100%;
  max-width: 1080px;
  text-align: center;
}

.papics_what-is .papics_what-is__content.--sm {
  max-width: 720px;
  text-align: left;
}

.papics_what-is h1.top-title {
  margin: 64px 0 40px;
  font: normal normal bold 32px/42px Noto Sans JP;
  letter-spacing: 0px;
  color: #333333;
}

.papics_what-is h1.top-title::after {
  border-bottom: 7px solid #f0b342;
}

.papics_what-is .papics_what-is__content p {
  margin: 0px;
  font: normal normal normal 16px/30px Noto Sans JP;
  letter-spacing: 0;
  color: #333333;
}

.papics_what-is .papics_what-is__content .between {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 16px;
  column-gap: 60px;
}

.papics_what-is .papics_what-is__content .card {
  min-width: 510px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 16px;
  padding: 32px;
  min-height: 224px;
  flex: 1;
}

.papics_what-is .papics_what-is__content .card .card__title {
  font: normal normal bold 22px/30px Noto Sans JP;
}

.papics_what-is .papics_what-is__content .card .card__desc {
  text-align: left;
  font: normal normal normal 16px/28px Noto Sans JP;
  margin-top: 12px;
}

.papics_what-is .papics_what-is__content.--sm .small {
  display: flex;
  margin-top: 16px;
}

.papics_what-is .papics_what-is__content.--sm .small p {
  font: normal normal normal 13px/20px Noto Sans JP;
  color: #808080;
}

@media only screen and (max-width: 576px) {
  .papics_what-is {
    padding-bottom: 56px;
  }

  .papics_what-is h1.top-title {
    font: normal normal bold 28px/38px Noto Sans JP;
    margin: 48px 0 32px;
  }

  .papics_what-is .papics_what-is__content {
    padding: 0 16px;
  }

  .papics_what-is .papics_what-is__content p {
    font: normal normal normal 15px/25px Noto Sans JP;
    text-align: left;
  }

  .papics_what-is .papics_what-is__content .between {
    margin: 24px 0 0 0;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .papics_what-is .papics_what-is__content .card {
    max-width: 100%;
    padding: 24px 21px 32px;
    min-height: 148px;
    min-width: auto;
  }

  .papics_what-is .papics_what-is__content .card:last-child {
    margin-top: 16px;
  }

  .papics_what-is .papics_what-is__content .card .card__title {
    font: normal normal bold 20px/30px Noto Sans JP;
    text-align: center;
  }

  .papics_what-is .papics_what-is__content .card .card__desc {
    font: normal normal normal 15px/26px Noto Sans JP;
  }

  .papics_what-is h1.top-title.top-title--lg {
    padding-left: 16px;
    padding-right: 16px;
    font: normal normal bold 32px/42px Noto Sans JP;
  }

  .papics_what-is .papics_what-is__content.--sm .small {
    margin-top: 8px;
  }
}

.papics_effect {
  display: flex;
  padding-bottom: 80px;
  justify-content: center;
  color: #333333;
}

.papics_effect .papics_effect-content {
  width: 100%;
  max-width: 1020px;
  display: flex;
  flex-direction: column;
}

.papics_effect h1.top-title {
  margin: 64px 0 40px;
  font: normal normal bold 32px/42px Noto Sans JP;
  color: #333333;
}

.papics_effect h1.top-title.--title-2 {
  margin-top: 0;
}

.papics_effect h1.top-title::after {
  border-bottom: 7px solid #f0b342;
}

.papics_effect .empty {
  background: #cecece 0% 0% no-repeat padding-box;
}

.papics_effect .box {
  border-radius: 16px;
}

.papics_effect .papics_effect-content .content-right {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.papics_effect .papics_effect-content .content-right .title {
  font: normal normal bold 24px/38px Noto Sans JP;
  letter-spacing: 0px;
  color: #333333;
}

.papics_effect .papics_effect-content .content-right .desc {
  font: normal normal normal 16px/28px Noto Sans JP;
}

.papics_effect .papics_effect-content .content-right .box {
  background: #f6f3ee 0% 0% no-repeat padding-box;
  border-radius: 16px;
  padding: 14px 56px;
  margin-top: 24px;
}

.papics_effect .papics_effect-content .overview {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 80px;
}

.papics_effect .papics_effect-content .overview .content-left {
  width: 50%;
}

.papics_effect .papics_effect-content .overview .content-left img {
  padding-right: 30px;
  width: 100%;
  height: 297px;
  object-fit: cover;
}

.papics_effect .papics_effect-content .overview .title {
  margin: 8px 0px 24px;
}

.papics_effect .papics_effect-content .overview p.desc {
  margin: 0px;
  color: #333333;
}

.papics_effect .papics_effect-content .overview .content-left .empty {
  min-width: 480px;
  height: 297px;
  min-height: 212px;
}

.papics_effect .papics_effect-content .overview .content-right {
  margin-left: 18px;
  margin-right: 38px;
}

.papics_effect .papics_effect-content .overview.reverse .content-right {
  margin-left: 38px;
  margin-right: 18px;
}

.papics_effect .papics_effect-content .overview--type .content-bottom {
  font: normal normal normal 16px/30px Noto Sans JP;
  margin-top: 40px;
  color: #333333;
}

.papics_effect .papics_effect-content .overview.reverse {
  flex-direction: row-reverse;
}

.papics_effect .papics_effect-content .overview.reverse .content-left {
  width: 50%;
  margin-right: 0px;
}

.papics_effect .papics_effect-content .overview.reverse .content-left img {
  width: 100%;
  height: 297px;
  padding-left: 30px;
  padding-right: 0;
  object-fit: cover;
}

.papics_effect .papics_effect-content .desc--flex {
  display: flex;
}

.papics_effect .papics_effect-content .desc--flex p {
  margin: 0;
}

.papics_effect .grid {
  width: 100%;
  max-width: 1080px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 60px;
  grid-row-gap: 56px;
}

.papics_effect .grid .content-head img {
  min-width: 480px;
  height: 297px;
}

.papics_effect .grid .content-body .title {
  margin: 24px 0 16px;
  font: normal normal bold 24px/38px Noto Sans JP;
}

.papics_effect .grid .content-body .desc {
  font: normal normal normal 16px/28px Noto Sans JP;
  margin-bottom: 0;
}

@media only screen and (max-width: 1040px) {
  .papics_effect .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 902px) {
  .papics_effect h1.top-title {
    font: normal normal bold 22px/31px Noto Sans JP;
  }

  .papics_effect .papics_effect-content .content-left {
    flex: 1;
    padding: 0px 16px 24px;
  }

  .papics_effect .papics_effect-content .content-right {
    padding: 0px 16px;
    min-width: 100%;
  }

  .papics_effect .papics_effect-content .content-right .desc {
    font: normal normal normal 15px/26px Noto Sans JP;
  }

  .papics_effect .papics_effect-content .overview .content-left {
    margin-right: 0px;
    height: 212px;
  }

  .papics_effect .papics_effect-content .overview .content-left img {
    padding: 0;
    height: 212px;
  }

  .papics_effect .papics_effect-content .content-right .title {
    font: normal normal bold 20px/30px Noto Sans JP;
  }

  .papics_effect .papics_effect-content .overview .content-left .empty {
    width: 100%;
    height: 212px;
  }

  .papics_effect .papics_effect-content .overview .content-right {
    padding: 0px 16px;
    margin-left: 0;
  }

  .papics_effect .papics_effect-content .overview.reverse .content-left img {
    height: 212px;
    padding: 0;
  }

  .papics_effect .papics_effect-content .overview.reverse .content-right {
    margin-left: 0;
    margin-right: 0;
  }

  .papics_effect .papics_effect-content .services .title {
    font: normal normal bold 18px/26px Noto Sans JP;
  }

  .papics_effect .papics_effect-content .services .items .item .sub-title {
    font: normal normal bold 15px/24px Noto Sans JP;
  }

  .papics_effect .papics_effect-content .services .items .item .desc {
    font: normal normal normal 13px/23px Noto Sans JP;
  }

  .papics_effect .papics_effect-content .services {
    margin-left: 16px;
    margin-right: 16px;
    padding: 32px 27px;
  }
}

@media only screen and (max-width: 576px) {
  .papics_effect {
    padding-bottom: 64px;
  }

  .papics_effect h1.top-title {
    font: normal normal bold 32px/42px Noto Sans JP;
    margin: 40px 0 32px;
  }

  .papics_effect .papics_effect-content .overview {
    margin-bottom: 40px;
  }

  .papics_effect .papics_effect-content .overview.reverse {
    margin-bottom: 80px;
  }

  .papics_effect .papics_effect-content .overview .content-left {
    padding: 0 16px;
  }

  .papics_effect .papics_effect-content .content-right .title {
    margin: 16px 0;
  }

  .papics_effect .papics_effect-content .overview p.desc {
    line-height: 26px;
  }

  .papics_effect .papics_effect-content .overview .content-right {
    margin-top: 16px;
  }

  .papics_effect .grid .content-body .desc {
    font: normal normal normal 15px/26px Noto Sans JP;
    margin: 0;
  }

  .papics_effect .papics_effect-content .overview--type .content-left {
    margin: auto;
    padding: 0;
    margin-bottom: 32px;
  }

  .papics_effect .papics_effect-content .overview--type .title {
    text-align: center;
  }

  .papics_effect .papics_effect-content .overview--type .empty {
    width: 272px;
    height: 272px;
    margin: auto;
  }

  .papics_effect .papics_effect-content .overview--type .content-right {
    padding: 0;
    margin: auto;
  }

  .papics_effect .papics_effect-content .overview--type .content-bottom {
    margin-bottom: 0;
    font: normal normal normal 15px/26px Noto Sans JP;
    padding: 0 16px;
  }

  .papics_effect .grid {
    padding: 0 16px;
    grid-row-gap: 48px;
  }

  .papics_effect .grid .content-head img {
    width: 100%;
    max-width: 100%;
    height: 212px;
    min-width: auto;
  }

  .papics_effect .grid .content-body .title {
    font: normal normal bold 20px/30px Noto Sans JP;
    margin: 16px 0;
  }

  .papics_effect .papics_effect-content .overview .content-left .empty {
    min-width: auto;
  }
}

.papics_service-plan {
  background: #f6f3ee 0% 0% no-repeat padding-box;
  display: flex;
  padding-bottom: 80px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.papics_service-plan .papics_service-plan__content {
  width: 100%;
  max-width: 720px;
  text-align: center;
}

.papics_service-plan h1.top-title {
  margin: 64px 0 40px;
  font: normal normal bold 32px/42px Noto Sans JP;
  letter-spacing: 0px;
  color: #333333;
}

.papics_service-plan h1.top-title::after {
  border-bottom: 7px solid #f0b342;
}

.papics_service-plan .papics_service-plan__content p {
  margin: 0px;
  font: normal normal normal 16px/30px Noto Sans JP;
  letter-spacing: 0;
  color: #333333;
}

.papics_service-plan .papics_service-plan__content table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.papics_service-plan .papics_service-plan__content table th {
  background: #efe4d6 0% 0% no-repeat padding-box;
  width: 128px;
  font: normal normal bold 16px/24px Noto Sans JP;
  padding: 10px 0 10px 31px;
  border: 1px solid #b3b3b3;
  text-align: left;
  color: #333333;
}

.papics_service-plan .papics_service-plan__content table td {
  padding: 0 32px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #b3b3b3;
  text-align: left;
  color: #333333;
}

.papics_service-plan .papics_service-plan__content .d-table-sp {
  display: none;
}

@media only screen and (max-width: 576px) {
  .papics_service-plan {
    padding-bottom: 64px;
  }

  .papics_service-plan .papics_service-plan__content {
    padding: 0 16px;
  }

  .papics_service-plan h1.top-title {
    font: normal normal bold 32px/42px Noto Sans JP;
    max-width: 265px;
    margin: 48px 0 32px;
  }

  .papics_service-plan .papics_service-plan__content p {
    font: normal normal normal 15px/26px Noto Sans JP;
    text-align: left;
    padding: 0px 16px;
  }

  .papics_service-plan .papics_service-plan__content .d-table-pc {
    display: none;
  }

  .papics_service-plan .papics_service-plan__content .d-table-sp {
    display: table-row;
  }

  .papics_service-plan .papics_service-plan__content table th {
    padding: 8.5px 16px;
    font: normal normal bold 15px/21px Noto Sans JP;
  }

  .papics_service-plan .papics_service-plan__content table td {
    padding: 8.5px 16px;
    font: normal normal normal 15px/21px Noto Sans JP;
  }
}

#faq {
  background-color: #f5f9fa;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 80px;
  color: #333;
}

#faq > h1 {
  margin-bottom: 41px;
}

#faq .faq-container {
  max-width: 870px;
}

#faq .faq-content:last-child {
  border-bottom: 1px solid #e8e8e8;
}

#faq .collapsible {
  background-color: unset;
  cursor: pointer;
  padding: 14px 25px;
  width: 100%;
  border: none;
  border-top: 1px solid #e8e8e8;
  outline: none;
  font: normal normal bold 16px/26px Noto Sans JP;
  color: #333;
  display: flex;
  align-items: center;
  text-align: justify;
}

#faq .collapsible:hover {
  opacity: unset;
  transition: unset;
  color: #0b4f8d;
}

#faq .collapsible > h1 {
  margin: 0 14px 0 0;
  color: #2faecb;
  font: normal normal bold 40px/56px urw-din;
  line-height: 1;
}

#faq .collapsible > span {
  width: calc(100% - 100px);
}

#faq .collapsible::after {
  content: "\002B";
  color: #fff;
  font-weight: normal;
  float: right;
  margin-left: auto;
  background-color: #0b4f8d;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-radius: 50%;
  padding-bottom: 2px;
  padding-left: 1px;
}

#faq .active:after {
  content: "\2212";
}

#faq .content {
  padding: 0 92px 0 28px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  text-align: justify;
}

#faq .content > p {
  margin: 0;
  margin-bottom: 30px;
}

@media only screen and (max-width: 425px) {
  #faq {
    padding-bottom: 48px;
  }

  #faq .content {
    padding: 0 28px;
  }

  #faq .content > p {
    font-size: 15px;
  }

  #faq .collapsible {
    font: normal normal bold 15px/24px Noto Sans JP;
  }

  #faq .collapsible > h1 {
    align-self: baseline;
  }
}

.papics_contact-us {
  background: #2faecb 0% 0% no-repeat padding-box;
  display: flex;
  padding: 48px 0px 100px;
  justify-content: center;
}

.papics_contact-us .papics_contact-us-content {
  width: 100%;
  max-width: 1080px;
  display: flex;
  flex-direction: column;
}

.papics_contact-us .papics_contact-us-content p {
  margin: 0px;
}

.papics_contact-us .papics_contact-us-content .top-title {
  text-align: center;
  font: normal normal bold 32px/48px Noto Sans JP;
  letter-spacing: 0px;
  color: #ffffff;
}

.papics_contact-us .papics_contact-us-content .desc {
  text-align: center;
  font: normal normal normal 16px/28px Noto Sans JP;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 24px 0px 40px;
}

.papics_contact-us .papics_contact-us-content .btn {
  align-self: center;
}

.papics_contact-us .row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 45px;
  margin-top: 41px;
}

.papics_contact-us .row .card {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 16px;
  width: 330px;
  min-height: 336px;
  padding: 24px 29px 30px 24px;
}

.papics_contact-us .row .card.card--left {
  margin-left: auto;
}

.papics_contact-us .row .card.card--left .card__img {
  max-width: 178px;
  margin: auto;
}

.papics_contact-us .row .card.card--left .card__img img {
  max-width: 100%;
}

.papics_contact-us .row .card .card__title {
  font: normal normal bold 22px/30px Noto Sans JP;
  letter-spacing: 0px;
  color: #414141;
  text-align: center;
  margin-top: 13px;
  margin-bottom: 24px;
}

.papics_contact-us .row .card.card--right .card__img {
  max-width: 80px;
  max-height: 80px;
  margin: auto;
}

.papics_contact-us .row .card.card--right .card__img img {
  max-width: 100%;
  object-fit: cover;
}

.papics_contact-us .row .card.card--right .card__title {
  margin: 16px 0 8px;
}

.papics_contact-us .row .card .card__desc {
  font: normal normal normal 16px/28px Noto Sans JP;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 34px;
}

.papics_contact-us .row .card .card__btn {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .papics_contact-us .row {
    grid-template-columns: repeat(1, 1fr);
  }

  .papics_contact-us .row .card.card--left {
    margin: auto;
  }

  .papics_contact-us .row .card.card--right {
    margin: auto;
    margin-top: 29px;
  }
}

@media only screen and (max-width: 576px) {
  .papics_contact-us {
    padding: 40px 32px 64px;
  }

  .papics_contact-us .papics_contact-us-content .top-title {
    font: normal normal bold 28px/38px Noto Sans JP;
  }

  .papics_contact-us .papics_contact-us-content .desc {
    font: normal normal normal 15px/26px Noto Sans JP;
    margin: 24px 0;
    text-align: left;
  }

  .papics_contact-us .papics_contact-us-content .btn {
    font: normal normal bold 15px/30px Noto Sans JP;
    min-width: unset;
    min-height: unset;
    padding: 0 34px 0 26px;
    line-height: 21px;
    width: 184px;
  }

  .papics_contact-us .row {
    margin-top: 24px;
    display: block;
  }

  .papics_contact-us .row .card {
    width: 311px;
    padding: 24px 21px 32px 22px;
  }

  .papics_contact-us .row .card.card--left .card__img {
    max-width: 184px;
  }

  .papics_contact-us .row .card.card--left .card__img img {
    min-width: 184px;
  }

  .papics_contact-us .row .card .card__desc {
    font: normal normal normal 15px/26px Noto Sans JP;
    margin-bottom: 24px;
  }

  .papics_contact-us .row .card .card__desc span {
    display: inline;
  }

  .papics_contact-us .row .card.card--left {
    padding-top: 30px;
  }
}