.chapter-sub .pl-content .tab-down {
  display: none
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .tab-down {
      display:block
  }
}

.chapter-sub .pl-content .c-chapter-index {
  padding-top: 95px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-index {
      padding-top:40px
  }
}

.chapter-sub .pl-content .c-chapter-index .index-title {
  aspect-ratio: 1120/252;
  color: #fff;
  font-size: 54px;
  font-size: 5.4rem;
  line-height: 1em;
  letter-spacing: .05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .c-chapter-index .index-title {
      font-size:46px;
      font-size: 4.6rem
  }
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-index .index-title {
      aspect-ratio:339/170
  }
}

.chapter-sub .pl-content .c-chapter-index .index-text {
  text-align: center;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.8823529412em;
  letter-spacing: .1em;
  margin-top: 40px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-index .index-text {
      margin-top:30px;
      text-align: left;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2em
  }
}

.chapter-sub .pl-content .c-chapter {
  position: relative
}

.chapter-sub .pl-content .c-chapter:not(:last-of-type):after {
  content: "";
  display: block;
  max-width: 1120px;
  width: calc(100% - 96px);
  height: 1px;
  background: #357fa7;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter:not(:last-of-type):after {
      width:calc(100% - 36px)
  }
}

.chapter-sub .pl-content .c-chapter-head {
  padding-top: 60px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-head {
      padding-top:50px
  }
}

.chapter-sub .pl-content .c-chapter-head .c-chapter-num {
  font-family: "Trade Gothic Bold",sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1em;
  letter-spacing: .05em;
  font-weight: 700;
  color: #357fa7;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  margin-top: 22px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-head .c-chapter-num {
      margin-top:14px;
      gap: 18px
  }
}

.chapter-sub .pl-content .c-chapter-head .c-chapter-num:before {
  content: "";
  width: 1px;
  height: 80px;
  background: #357fa7
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-head .c-chapter-num:before {
      height:57px
  }
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-head .c-chapter-num {
      font-size:18px;
      font-size: 1.8rem
  }
}

.chapter-sub .pl-content .c-chapter-head .c-title-jp {
  margin-top: 22px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-head .c-title-jp {
      margin-top:14px
  }
}

.chapter-sub .pl-content .c-chapter-head .c-title-jp sup {
  font-size: 14px;
  vertical-align: 20px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-head .c-title-jp sup {
      font-size:10px;
      vertical-align: 14px
  }
}

.chapter-sub .pl-content .c-chapter-head .c-chapter-img {
  margin-top: 30px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-head .c-chapter-img {
      margin-top:33px
  }

  .chapter-sub .pl-content .c-chapter-head .c-chapter-img img {
      width: 100%
  }
}

@media only screen and (min-width: 768px) and (max-width:1032px) {
  .chapter-sub .pl-content .c-title-secondary {
      font-size:28px;
      font-size: 2.8rem
  }
}

.chapter-sub .pl-content .c-title-secondary sup {
  font-size: 14px;
  vertical-align: 18px
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .c-title-secondary sup {
      font-size:12px;
      vertical-align: 15px
  }
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-title-secondary sup {
      font-size:10px;
      vertical-align: 10px
  }
}

.chapter-sub .pl-content .c-chapter-content {
  margin-top: 86px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-content {
      margin-top:56px
  }
}

.chapter-sub .pl-content .c-chapter-section.bg-colored {
  background: #f1f6f9
}

.chapter-sub .pl-content .c-chapter-inner {
  max-width: 1018px
}

.chapter-sub .pl-content .c-chapter-section-content {
  margin-top: 43px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-section-content {
      margin-top:30px
  }
}

.chapter-sub .pl-content .c-chapter-text {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 2.3529411765em;
  letter-spacing: .05em
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-text {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 2em
  }
}

.chapter-sub .pl-content .c-chapter-text p+p {
  margin-top: 36px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-text p+p {
      margin-top:26px
  }
}

.chapter-sub .pl-content .c-chapter-duo {
  display: flex;
  gap: 38px;
  justify-content: space-between
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .c-chapter-duo {
      flex-direction:column;
      align-items: center;
      gap: 40px
  }
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-duo {
      gap:0
  }
}

.chapter-sub .pl-content .c-chapter-duo .duo-left {
  width: 48.134%
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .c-chapter-duo .duo-left {
      width:100%;
      max-width: 490px
  }
}

.chapter-sub .pl-content .c-chapter-duo .duo-right {
  width: 47.35%
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .c-chapter-duo .duo-right {
      width:100%
  }
}

.chapter-sub .pl-content .c-chapter-duo .duo-img {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto
}

.chapter-sub .pl-content .c-graph-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1em;
  letter-spacing: .05em
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-graph-title {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 2.2857142857em
  }
}

.chapter-sub .pl-content .c-chapter-link {
  color: #357fa7;
  text-decoration: underline;
  transition: all .4s;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .chapter-sub .pl-content .c-chapter-link:hover {
      color:#484b4e
  }
}

.chapter-sub .pl-content .c-chapter-note {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.5454545455em;
  letter-spacing: .1em
}

.chapter-sub .pl-content .c-chapter-abilities {
  display: flex;
  justify-content: center;
  gap: 88px
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .c-chapter-abilities {
      gap:40px
  }
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-abilities {
      gap:10px
  }
}

.chapter-sub .pl-content .c-chapter-abilities .c-chapter-ability {
  width: 172px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #749aaf;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-abilities .c-chapter-ability {
      width:106px;
      padding-top: 14px;
      padding-bottom: 12px
  }
}

.chapter-sub .pl-content .c-chapter-abilities .c-chapter-ability .ability-img {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center
}

.chapter-sub .pl-content .c-chapter-abilities .c-chapter-ability .ability-title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1em;
  letter-spacing: 0;
  margin-top: 12px;
  text-align: center
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-abilities .c-chapter-ability .ability-title {
      font-size:14px;
      font-size: 1.4rem;
      margin-top: 5px
  }
}

.chapter-sub .pl-content .c-zoom-img {
  position: relative
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-zoom-img {
      cursor:pointer
  }
}

.chapter-sub .pl-content .c-zoom-img .effort-img-caption {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.4em;
  letter-spacing: .1em;
  margin-bottom: 20px;
  text-align: center
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-zoom-img .effort-img-caption {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 1.4285714286em;
      margin-bottom: 16px
  }
}

.chapter-sub .pl-content .c-zoom-img .c-zoom-btn {
  width: 50.9px;
  height: 50.9px;
  border-radius: 50%;
  background: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/common/icon-zoom.svg") no-repeat center center/contain;
  position: absolute;
  bottom: 0;
  right: 0;
  translate: 0 50%;
  cursor: pointer
}

.chapter-sub .pl-content .c-zoom-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  z-index: 1000;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.chapter-sub .pl-content .c-zoom-popup.is-active {
  display: flex;
  align-items: center
}

@media screen and (orientation: landscape) {
  .chapter-sub .pl-content .c-zoom-popup.is-active {
      justify-content:center
  }
}

.chapter-sub .pl-content .c-zoom-popup .c-zoom-popup-img {
  width: fit-content;
  background: #f1f6f9;
  padding: 15px;
  display: block;
  width: auto;
  flex-shrink: 0;
  height: 70%
}

.chapter-sub .pl-content .c-zoom-popup .c-zoom-popup-img img {
  max-width: unset;
  width: auto;
  height: 100%
}

.chapter-sub .pl-content .c-zoom-popup-close {
  position: fixed;
  left: 50%;
  top: calc(85% + 10px);
  width: 40px;
  height: 40px;
  background: #f1f6f9;
  translate: -50% 0;
  border-radius: 50%;
  cursor: pointer
}

.chapter-sub .pl-content .c-zoom-popup-close:after,.chapter-sub .pl-content .c-zoom-popup-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 2px;
  background: #484b4e;
  transform: translate(-50%,-50%) rotate(45deg)
}

.chapter-sub .pl-content .c-zoom-popup-close:after {
  transform: translate(-50%,-50%) rotate(-45deg)
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav {
  max-width: 836px;
  margin: 120px auto 0;
  display: flex;
  gap: 40px
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav {
      gap:20px
  }
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav {
      flex-direction:column;
      gap: 16px;
      margin-top: 70px
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link {
  flex: 1;
  aspect-ratio: 398/172;
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  cursor: pointer
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link {
      aspect-ratio:339/76;
      padding: 4% 4.4% 2.5%
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center;
  transition: all 2s cubic-bezier(.1,.5,.2,1)
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .4s
}

@media only screen and (min-width: 768px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link:hover:before {
      transform:scale(1.1)
  }

  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link:hover:after {
      opacity: 1
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.concept-ch-one:before {
  background-image: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/concept/bg-nav-concept-01.jpg")
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.concept-ch-one:before {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/concept/bg-nav-concept-01-sp.jpg")
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.concept-ch-two:before {
  background-image: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/concept/bg-nav-concept-02.jpg")
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.concept-ch-two:before {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/concept/bg-nav-concept-02-sp.jpg")
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.concept-ch-three:before {
  background-image: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/concept/bg-nav-concept-03.jpg")
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.concept-ch-three:before {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/concept/bg-nav-concept-03-sp.jpg")
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.tech-ch-one:before {
  background-image: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/tech/bg-nav-tech-01.jpg")
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.tech-ch-one:before {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/tech/bg-nav-tech-01-sp.jpg")
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.tech-ch-two:before {
  background-image: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/tech/bg-nav-tech-02.jpg")
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.tech-ch-two:before {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/tech/bg-nav-tech-02-sp.jpg")
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.tech-ch-three:before {
  background-image: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/tech/bg-nav-tech-03.jpg")
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-link.tech-ch-three:before {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/tech/bg-nav-tech-03-sp.jpg")
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-num {
  font-family: "Trade Gothic Bold",sans-serif;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .1em;
  font-weight: 700;
  position: relative;
  z-index: 2
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-num {
      font-size:11px;
      font-size: 1.1rem
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-title {
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5em;
  letter-spacing: .1em;
  position: relative;
  z-index: 2
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-title {
      font-size:17px;
      font-size: 1.7rem
  }
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-chapter-nav .c-chapter-nav-title {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 1.2857142857em
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-banners .c-banner {
  max-width: 462px
}

@media only screen and (max-width: 1032px) {
  .chapter-sub .pl-content .c-chapter-foot .c-banners .c-banner {
      max-width:100%
  }
}

.chapter-sub .pl-content .c-chapter-foot .c-contact {
  margin-top: 98px
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-contact .c-contact-title {
      font-size:28px;
      font-size: 2.8rem
  }
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-contact .c-contact-link {
      max-width:290px;
      height: 72px
  }
}

@media (max-width: 767px) {
  .chapter-sub .pl-content .c-chapter-foot .c-contact .c-contact-link span {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 1.4285714286em
  }
}

.chapter-sub.eng .pl-content .c-chapter-abilities .c-chapter-ability .ability-title {
  font-size: 16px;
  font-size: 1.6rem
}

@media (max-width: 767px) {
  .chapter-sub.eng .pl-content .c-chapter-abilities .c-chapter-ability .ability-title {
      font-size:12px;
      font-size: 1.2rem
  }
}

/*# sourceMappingURL=chapter-sub.min.css.map */