@charset "UTF-8";#premial #lxl-footer-pagetop {
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

#premial .pl-header {
  position: sticky
}

@media only screen and (max-width: 1032px) {
  #premial .pl-header {
      position:fixed
  }
}

#premial .pl-header.is-fixed {
  position: fixed
}

.premial .pl-content .premial-section, .premial .pl-content .c-contact {
  width: 100%;
  position: relative
}

.premial .pl-content .premial-section-head {
  min-height: 88px;
  display: flex
}

@media (max-width: 767px) {
  .premial .pl-content .premial-section-head {
      min-height:unset;
      flex-direction: column;
      align-items: center;
      gap: 20px
  }
}

.premial .pl-content .premial-section-head .premial-section-title {
  padding-right: 48px;
  margin-right: 48px;
  align-content: center;
  border-right: 1px solid #b8cedd
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .premial-section-head .premial-section-title {
      font-size:40px;
      font-size: 4rem
  }
}

@media (max-width: 767px) {
  .premial .pl-content .premial-section-head .premial-section-title {
      padding-right:0;
      margin-right: 0;
      border-right: none
  }
}

.premial .pl-content .premial-section-head .premial-section-lead {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1em;
  letter-spacing: .1em;
  align-content: center
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .premial-section-head .premial-section-lead {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 1.7142857143em
  }
}

@media (max-width: 767px) {
  .premial .pl-content .premial-section-head .premial-section-lead {
      text-align:center
  }
}

.premial .pl-content .premial-video-wrap,.premial .pl-content section.concept .concept-video-wrap {
  position: relative;
  cursor: pointer
}

@media (max-width: 767px) {
  .premial .pl-content .premial-video-wrap,.premial .pl-content section.concept .concept-video-wrap {
      width:100%
  }
}

.premial .pl-content .premial-video-wrap:before,.premial .pl-content section.concept .concept-video-wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transition: background .4s
}

.premial .pl-content .premial-video-wrap .premial-video-thumb,.premial .pl-content section.concept .concept-video-wrap .premial-video-thumb {
  width: 100%;
  aspect-ratio: 600/338;
  margin: 0
}

.premial .pl-content .premial-video-wrap .premial-video-thumb img,.premial .pl-content section.concept .concept-video-wrap .premial-video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  line-height: 1;
  display: block
}

.premial .pl-content .premial-video-wrap .premial-play-btn,.premial .pl-content section.concept .concept-video-wrap .premial-play-btn {
  width: 100%;
  height: 100%;
  padding: 0;
  background: 0 0;
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  transition: transform .4s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  cursor: pointer
}

.premial .pl-content .premial-video-wrap .premial-play-btn:before,.premial .pl-content section.concept .concept-video-wrap .premial-play-btn:before {
  content: "";
  display: block;
  width: 51px;
  height: 51px;
  border-radius: 50%;
  background: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/common/icon-play.svg") no-repeat center center/contain;
  transition: transform .4s
}

.premial .pl-content .premial-video-wrap .premial-play-btn span,.premial .pl-content section.concept .concept-video-wrap .premial-play-btn span {
  color: #c1deed;
  font-family: "Trade Gothic Bold",sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .2em;
  font-weight: 700
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .premial-video-wrap .premial-play-btn:hover,.premial .pl-content section.concept .concept-video-wrap .premial-play-btn:hover {
      transform:scale(1.1)
  }
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .premial-video-wrap:hover:before,.premial .pl-content section.concept .concept-video-wrap:hover:before {
      background:rgba(0,0,0,.6)
  }
}

.premial .pl-content .premial-modal,.premial .pl-content section.concept .concept-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: -100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom,rgba(158,186,211,.95) 0,rgba(236,242,248,.95) 100%);
  visibility: hidden;
  opacity: 0;
  transition: all .4s
}

.premial .pl-content .premial-modal.is-open,.premial .pl-content section.concept .is-open.concept-modal {
  z-index: 1000;
  visibility: visible;
  opacity: 1
}

.premial .pl-content .premial-modal .modal-content,.premial .pl-content section.concept .concept-modal .modal-content {
  padding: 0;
  width: 80%;
  max-width: 856px;
  position: relative
}

.premial .pl-content .premial-modal .close-btn,.premial .pl-content section.concept .concept-modal .close-btn {
  position: absolute;
  bottom: calc(100% + 29px);
  right: 0;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 24px;
  font-family: "Trade Gothic",sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1em;
  letter-spacing: .2em;
  cursor: pointer
}

@media (max-width: 767px) {
  .premial .pl-content .premial-modal .close-btn,.premial .pl-content section.concept .concept-modal .close-btn {
      font-size:18px;
      font-size: 1.8rem;
      line-height: 1em;
      letter-spacing: .2em;
      bottom: calc(100% + 18px);
      gap: 15px
  }
}

.premial .pl-content .premial-modal .close-btn:after,.premial .pl-content section.concept .concept-modal .close-btn:after {
  content: "";
  width: 34px;
  height: 34px;
  background: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/common/icon-close.svg") no-repeat center center/contain
}

@media (max-width: 767px) {
  .premial .pl-content .premial-modal .close-btn:after,.premial .pl-content section.concept .concept-modal .close-btn:after {
      width:24px;
      height: 24px
  }
}

.premial .pl-content .premial-modal .modal-video,.premial .pl-content section.concept .concept-modal .modal-video {
  width: 100%;
  aspect-ratio: 856/482
}

.premial .pl-content .mv {
  width: 100%;
  aspect-ratio: 1400/1019;
  position: sticky;
  top: 0;
  left: 0
}

.premial .pl-content .mv:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 10
}

.premial .pl-content .mv.is-scrolled:after {
  opacity: 1
}

.premial .pl-content .mv .mv-fix {
  width: 100%;
  min-width: 100%;
  max-height: 100vh;
  max-height: 100dvh;
  aspect-ratio: 1400/1019;
  position: relative;
  overflow: hidden
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .mv .mv-fix {
      aspect-ratio:768/1021;
      max-height: unset
  }
}

@media (max-width: 767px) {
  .premial .pl-content .mv .mv-fix {
      aspect-ratio:375/655
  }
}

.premial .pl-content .mv .mv-video-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.premial .pl-content .mv .mv-video {
  width: 2200px;
  aspect-ratio: 1920/1080;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-38%)
}

@media only screen and (max-width: 1240px) {
  .premial .pl-content .mv .mv-video {
      width:160%;
      transform: translate(-50%,-40%)
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .mv .mv-video {
      width:108%;
      aspect-ratio: 768/1021;
      top: -10%;
      transform: translate(-50%,0)
  }
}

@media (max-width: 767px) {
  .premial .pl-content .mv .mv-video {
      width:120%;
      top: -18%;
      aspect-ratio: 375/655
  }
}

.premial .pl-content .mv .mv-heading-wrap {
  width: calc(100% - 60px);
  max-width: 1060px;
  padding: 0 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-46%,-70%);
  z-index: 5
}

@media only screen and (max-width: 1240px) {
  .premial .pl-content .mv .mv-heading-wrap {
      transform:translate(-46%,-60%)
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .mv .mv-heading-wrap {
      width:34%;
      padding: 0;
      top: 9.5%;
      left: 50%;
      transform: translate(-50%,0)
  }
}

@media (max-width: 767px) {
  .premial .pl-content .mv .mv-heading-wrap {
      width:172.4px;
      top: 10%
  }
}

.premial .pl-content .mv .mv-heading {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-left: 30px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .mv .mv-heading {
      width:100%;
      padding-left: 0
  }
}

@media (max-width: 767px) {
  .premial .pl-content .mv .mv-heading {
      gap:34px
  }
}

.premial .pl-content .mv .mv-heading .mv-title {
  width: 360px
}

@media only screen and (max-width: 1240px) {
  .premial .pl-content .mv .mv-heading .mv-title {
      width:29vw
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .mv .mv-heading .mv-title {
      width:100%
  }
}

.premial .pl-content .mv .mv-heading .mv-title img {
  width: 100%
}

.premial .pl-content .mv .mv-heading .mv-mark {
  width: 284px;
  margin-right: 62px
}

@media only screen and (max-width: 1240px) {
  .premial .pl-content .mv .mv-heading .mv-mark {
      width:22.9vw
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .mv .mv-heading .mv-mark {
      width:100%;
      margin-right: 0
  }
}

.premial .pl-content .mv .mv-heading .mv-mark img {
  width: 100%
}

.premial .pl-content section.concept {
  background: #f1f6f9;
  padding-top: 120px;
  padding-bottom: 130px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content section.concept {
      padding-top:86px;
      padding-bottom: 72px
  }
}

@media (max-width: 767px) {
  .premial .pl-content section.concept {
      padding-top:48px;
      padding-bottom: 58px
  }
}

.premial .pl-content section.concept .concept-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px
}

.premial .pl-content section.concept .concept-new span {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1em;
  letter-spacing: .1em;
  font-weight: 500;
  color: #fff;
  background: #e75401;
  padding: 8px 16px;
  border-radius: 14px
}

.premial .pl-content section.concept .concept-new a {
  text-decoration: underline;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: .1em;
  font-weight: 400;
  transition: all .4s;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .premial .pl-content section.concept .concept-new a:hover {
      color:#357fa7
  }
}

.premial .pl-content section.concept .concept-content {
  display: flex;
  align-items: flex-start;
  gap: 50px
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-content {
      flex-direction:column;
      align-items: center
  }
}

@media (max-width: 767px) {
  .premial .pl-content section.concept .concept-content {
      gap:40px
  }
}

.premial .pl-content section.concept .concept-video-wrap {
  flex-shrink: 0;
  width: 600px;
  margin-top: 12px
}

@media (max-width: 767px) {
  .premial .pl-content section.concept .concept-video-wrap {
      width:100%
  }
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-desc {
      max-width:600px
  }
}

.premial .pl-content section.concept .concept-desc .concept-title {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 2em;
  letter-spacing: .05em
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-desc .concept-title {
      text-align:center
  }
}

@media (max-width: 767px) {
  .premial .pl-content section.concept .concept-desc .concept-title {
      font-size:16px;
      font-size: 1.6rem;
      line-height: 1.75em;
      letter-spacing: .025em
  }
}

@media only screen and (max-width: 374px) {
  .premial .pl-content section.concept .concept-desc .concept-title {
      font-size:15px;
      font-size: 1.5rem
  }
}

.premial .pl-content section.concept .concept-desc .concept-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.1428571429em;
  letter-spacing: .1em
}

@media (max-width: 767px) {
  .premial .pl-content section.concept .concept-desc .concept-text {
      font-size:15px;
      font-size: 1.5rem;
      line-height: 2em;
      letter-spacing: .05em;
      padding-right: 3px
  }
}

.premial .pl-content section.concept .concept-desc .concept-text .pc-only {
  display: block
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-desc .concept-text .pc-only {
      display:none
  }
}

.premial .pl-content section.concept .concept-desc .concept-text .tab-only {
  display: none
}

@media only screen and (min-width: 768px) and (max-width:1300px) {
  .premial .pl-content section.concept .concept-desc .concept-text .tab-only {
      display:block
  }
}

.premial .pl-content section.concept .concept-desc .concept-text .tab-down {
  display: none
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-desc .concept-text .tab-down {
      display:block
  }
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-desc .concept-text .tab-up {
      display:none
  }
}

.premial .pl-content section.concept .concept-desc .concept-text sub {
  font-size: .5em;
  vertical-align: baseline
}

.premial .pl-content section.concept .concept-note {
  font-size: 10px;
  font-size: 1rem;
  line-height: 2.4em;
  letter-spacing: .1em;
  margin-top: 48px
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-note {
      max-width:600px;
      margin-top: 60px;
      margin-left: auto;
      margin-right: auto
  }
}

@media (max-width: 767px) {
  .premial .pl-content section.concept .concept-note {
      margin-top:54px
  }
}

.premial .pl-content section.concept .concept-certificate {
  display: flex;
  padding: 32px 0;
  background: #fff;
  margin-top: 60px
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-certificate {
      flex-direction:column;
      align-items: center;
      padding: 28px 22px;
      margin-top: 70px
  }
}

@media (max-width: 767px) {
  .premial .pl-content section.concept .concept-certificate {
      margin-top:54px
  }
}

.premial .pl-content section.concept .concept-certificate .certificate-head {
  flex-shrink: 0;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  padding: 0 26px 0 32px
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-certificate .certificate-head {
      width:100%;
      justify-content: center;
      padding: 0 0 20px 0;
      gap: 24px
  }
}

.premial .pl-content section.concept .concept-certificate .certificate-head .certificate-img {
  width: 195px
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-certificate .certificate-head .certificate-img {
      width:160px
  }
}

.premial .pl-content section.concept .concept-certificate .certificate-head .certificate-number {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6363636364em;
  letter-spacing: .1em
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-certificate .certificate-head .certificate-number {
      font-size:8px;
      font-size: .8rem;
      line-height: 1.625em
  }
}

.premial .pl-content section.concept .concept-certificate .certificate-intro {
  flex: 1;
  padding: 0 36px 0 26px;
  border-left: 1px solid #b8cedd
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-certificate .certificate-intro {
      padding-top:24px;
      padding: 24px 0 0;
      border-left: none;
      border-top: 1px solid #b8cedd
  }
}

.premial .pl-content section.concept .concept-certificate .certificate-intro .certificate-intro-title {
  font-family: "UD新ゴ M","UD Shin Go Medium";
  color: #677e8d;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143em;
  letter-spacing: .1em
}

@media only screen and (max-width: 1300px) {
  .premial .pl-content section.concept .concept-certificate .certificate-intro .certificate-intro-title {
      text-align:center
  }
}

.premial .pl-content section.concept .concept-certificate .certificate-intro .certificate-intro-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 20px
}

.premial .pl-content section.concept .concept-certificate .certificate-intro .certificate-intro-item {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6em;
  letter-spacing: .1em;
  display: flex;
  align-items: baseline
}

.premial .pl-content section.concept .concept-certificate .certificate-intro .certificate-intro-item:before {
  content: "※";
  font-size: 10px;
  margin-right: 4px
}

.premial .pl-content section.concept .concept-certificate .certificate-intro .certificate-intro-note {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6em;
  letter-spacing: .1em;
  margin-top: 20px
}

.premial .pl-content section.concept .concept-certificate .certificate-intro a {
  transition: all .4s;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .premial .pl-content section.concept .concept-certificate .certificate-intro a:hover {
      color:#357fa7
  }
}

.premial .pl-content section.concept .concept-certificate .tab-down {
  display: none
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content section.concept .concept-certificate .tab-down {
      display:block
  }
}

.premial .pl-content .client {
  background: #fff;
  padding-top: 120px;
  padding-bottom: 130px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .client {
      padding-top:80px;
      padding-bottom: 45px
  }
}

.premial .pl-content .client .client-content {
  margin-top: 50px;
  position: relative
}

@media (max-width: 767px) {
  .premial .pl-content .client .client-content {
      margin-top:40px
  }
}

.premial .pl-content .client .client-slider {
  position: relative;
  margin-right: calc(50% - 50vw)
}

@media (min-width: 768px) {
  .premial .pl-content .client .client-slider {
      min-height:584px
  }
}

@media only screen and (min-width: 768px) and (max-width:1032px) {
  .premial .pl-content .client .client-slider {
      min-height:454px
  }
}

@media (min-width: 768px) {
  .premial .pl-content .client .client-slider .swiper-slide {
      width:22.9%;
      transition: all .4s ease
  }
}

@media only screen and (min-width: 768px) and (max-width:1032px) {
  .premial .pl-content .client .client-slider .swiper-slide {
      width:20%
  }
}

@media (min-width: 768px) {
  .premial .pl-content .client .client-slider .swiper-slide.swiper-slide-active {
      width:532px!important
  }
}

@media only screen and (min-width: 768px) and (max-width:1032px) {
  .premial .pl-content .client .client-slider .swiper-slide.swiper-slide-active {
      width:412.5px!important
  }
}

@media (min-width: 768px) {
  .premial .pl-content .client .client-slider .swiper-slide.swiper-slide-active .client-slide-img {
      aspect-ratio:532/544
  }

  .premial .pl-content .client .client-slider .swiper-slide.swiper-slide-active .client-slide {
      aspect-ratio: 532/584
  }
}

@media (max-width: 767px) {
  .premial .pl-content .client .client-slider .swiper-slide {
      width:100%
  }
}

.premial .pl-content .client .client-slider .swiper-slide .client-slide {
  display: block;
  overflow: hidden;
  transition: all .4s;
  cursor: pointer
}

.premial .pl-content .client .client-slider .swiper-slide .client-slide .client-slide-img {
  width: 100%;
  aspect-ratio: 272/272;
  overflow: hidden
}

@media (max-width: 767px) {
  .premial .pl-content .client .client-slider .swiper-slide .client-slide .client-slide-img {
      aspect-ratio:259/264
  }
}

.premial .pl-content .client .client-slider .swiper-slide .client-slide .client-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 2s cubic-bezier(.1,.5,.2,1)
}

.premial .pl-content .client .client-slider .swiper-slide .client-slide .client-slide-caption {
  font-family: "UD新ゴ L","UD Shin Go Light";
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.4117647059em;
  letter-spacing: .1em;
  margin-top: 20px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .client .client-slider .swiper-slide .client-slide .client-slide-caption {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 1.2142857143em;
      margin-top: 14px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .client .client-slider .swiper-slide .client-slide .client-slide-caption {
      font-size:10px;
      font-size: 1rem;
      margin-top: 10px
  }
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .client .client-slider .swiper-slide .client-slide:hover img {
      transform:scale(1.05)
  }
}

.premial .pl-content .client .client-bottom-wrap {
  position: absolute;
  left: 572px;
  bottom: 40px;
  z-index: 5
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .client .client-bottom-wrap {
      position:static;
      margin-top: 12px
  }
}

.premial .pl-content .client .client-pagination {
  display: flex;
  justify-content: flex-start;
  gap: 30px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .client .client-pagination {
      justify-content:center;
      gap: 20px;
      margin-top: 14px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .client .client-pagination {
      margin-top:32px
  }
}

.premial .pl-content .client .client-pagination .swiper-pagination-bullet {
  border-radius: 50%;
  background: 0 0;
  border: 1px solid rgba(36,127,175,.5);
  opacity: 1;
  cursor: pointer;
  transition: all .4s;
  margin: 0
}

@media (min-width: 768px) {
  .premial .pl-content .client .client-pagination .swiper-pagination-bullet {
      width:8px;
      height: 8px
  }
}

.premial .pl-content .client .client-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #247faf
}

.premial .pl-content .client .client-btn {
  margin-top: 40px;
  margin-left: 0;
  width: 100%;
  max-width: 202px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .client .client-btn {
      width:100%;
      height: 42px;
      max-width: 144px;
      margin-top: 30px;
      margin-left: auto
  }

  .premial .pl-content .client .client-btn span {
      font-size: 10px;
      font-size: 1rem;
      padding-left: 30px;
      padding-right: 30px
  }
}

.premial .pl-content .news {
  background: #fff;
  padding-top: 120px;
  padding-bottom: 120px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .news {
      padding-top:70px;
      padding-bottom: 70px
  }
}

.premial .pl-content .news .news-content {
  display: flex
}

@media (max-width: 767px) {
  .premial .pl-content .news .news-content {
      flex-direction:column;
      align-items: center
  }
}

@media (min-width: 768px) {
  .premial .pl-content .news .premial-section-head {
      flex-shrink: 0;
      flex-direction:column;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 20px;
      padding-right: 52px;
      border-right: 1px solid #b8cedd
  }

  .premial .pl-content .news .premial-section-head .premial-section-title {
      border-right: none;
      padding-right: 0;
      margin-right: 0
  }
}

@media (max-width: 767px) {
  .premial .pl-content .news .premial-section-head {
      display:contents
  }

  .premial .pl-content .news .premial-section-head .premial-section-title {
      order: 1
  }
}

.premial .pl-content .news .news-btn {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2em;
  letter-spacing: .2em;
  padding: 12px 20px;
  border-width: 1px
}

@media (max-width: 767px) {
  .premial .pl-content .news .news-btn {
      order:3;
      margin-top: 24px
  }
}

.premial .pl-content .news .news-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 30px
}

@media (min-width: 768px) {
  .premial .pl-content .news .news-list {
      padding-left:52px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .news .news-list {
      gap:20px;
      order: 2;
      margin-top: 40px
  }

  /* hubsupots対応のため */
  .premial .pl-content .news #hs_cos_wrapper_news_top {
    order: 2;
  }
}

@media (max-width: 767px) {
  .premial .pl-content .news .news-item {
      border-bottom:1px solid #b8cedd;
      padding-bottom: 20px
  }

  .premial .pl-content .news .news-item:last-of-type {
      border-bottom: none;
      padding-bottom: 0
  }
}

.premial .pl-content .news .news-link {
  width: fit-content;
  display: block;
  position: relative;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .news .news-link:hover .news-text {
      color:#357fa7
  }
}

.premial .pl-content .news .c-news-meta {
  display: flex;
  align-items: center;
  gap: 8px
}

.premial .pl-content .news .c-news-meta .c-news-date {
  font-family: "Trade Gothic Bold",sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .1em;
  color: #247faf
}

@media only screen and (max-width: 374px) {
  .premial .pl-content .news .c-news-meta .c-news-date {
      font-size:15px;
      font-size: 1.5rem
  }
}

.premial .pl-content .news .c-news-meta .c-news-terms {
  display: flex;
  gap: 6px
}

.premial .pl-content .news .c-news-meta .c-news-term {
  min-width: 88px;
  font-family: "UD新ゴ M","UD Shin Go Medium";
  font-size: 10px;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: .1em;
  font-weight: 700;
  background: #6fa0ba;
  padding: 8px;
  text-align: center;
  border-radius: 14px
}

.premial .pl-content .news .c-news-meta .c-news-term.c-news-term--category {
  background: #6fa0ba;
  color: #fff
}

.premial .pl-content .news .c-news-meta .c-news-term.c-news-term--tag {
  background: #f1f6f9;
  color: #247faf
}

.premial .pl-content .news .news-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143em;
  letter-spacing: .1em;
  margin-top: 10px;
  transition: all .4s
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .news .news-text {
      font-size:12px;
      font-size: 1.2rem;
      line-height: 1.6666666667em;
      letter-spacing: .1em
  }
}

@media (max-width: 767px) {
  .premial .pl-content .news .news-text {
      font-size:13px;
      font-size: 1.3rem;
      line-height: 1.5384615385em;
      letter-spacing: .1em
  }
}

.premial .pl-content .banner .banner-block {
  position: relative
}

.premial .pl-content .banner .banner-block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0
}

.premial .pl-content .banner .banner-block.is-open:before {
  opacity: 1
}

.premial .pl-content .banner .banner-block.lineup {
  background: linear-gradient(to right,#b7cede,#23516d)
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-block.lineup {
      background:linear-gradient(to right,#a9c4df,#658ead)
  }
}

.premial .pl-content .banner .banner-block.lineup:before {
  background: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-lineup-open.jpg") no-repeat top center/100% #eaf0f4;
  transition: .4s
}

.premial .pl-content .banner .banner-block.lineup.is-open {
  background: linear-gradient(-135deg,#9ab3c6 0,#eaf0f4 100%)
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-block.lineup.is-open {
      background:linear-gradient(-135deg,#c9d7e0 0,#eaf0f4 100%)
  }
}

.premial .pl-content .banner .banner-block.tech:after {
  content: "";
  display: block;
  background: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-tech.jpg") no-repeat top center/cover #517a93;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-block.tech:after {
      background:url ("//20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-tech-tab.jpg") no-repeat top center/cover #517a93
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-block.tech:after {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-tech-sp.jpg")
  }
}

.premial .pl-content .banner .banner-block.tech:before {
  background: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-tech-open.jpg") no-repeat top center/100% #517a93
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-block.tech:before {
      background:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-tech-open-tab.jpg") no-repeat top center/100% #517a93
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-block.tech:before {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-tech-open-sp.jpg");
      background-size: 885px auto
  }
}

.premial .pl-content .banner .banner-block.tech.is-open:after {
  opacity: 0
}

.premial .pl-content .banner .banner-block.concept:after {
  content: "";
  display: block;
  background: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-concept.jpg") no-repeat top center/cover #517a93;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-block.concept:after {
      background:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-concept-tab.jpg") no-repeat top center/cover #517a93
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-block.concept:after {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-concept-sp.jpg")
  }
}

.premial .pl-content .banner .banner-block.concept:before {
  background: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-concept-open.jpg") no-repeat top center/100% #517a93
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-block.concept:before {
      background-image:url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/banner-concept-open-sp.jpg");
      background-size: 898px auto
  }
}

.premial .pl-content .banner .banner-block.concept.is-open:after {
  opacity: 0
}

.premial .pl-content .banner .banner-head {
  min-height: 315px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  z-index: 2;
  cursor: pointer
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-head {
      min-height:200px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-head {
      min-height:180px
  }
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .banner .banner-head:hover .banner-more:after {
      animation:loop .6s infinite
  }

  @keyframes loop {
      0% {
          transform: translateY(0)
      }

      50% {
          transform: translateY(10px)
      }

      100% {
          transform: translateY(0)
      }
  }
}

.premial .pl-content .banner .banner-head .banner-title {
  font-family: "Trade Gothic Bold",sans-serif;
  font-size: 60px;
  font-size: 6rem;
  line-height: 1em;
  letter-spacing: .05em;
  color: #fff;
  text-align: center
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-head .banner-title {
      font-size:35px;
      font-size: 3.5rem
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-head .banner-title {
      font-size:38px;
      font-size: 3.8rem
  }
}

.premial .pl-content .banner .banner-head .banner-more {
  width: 112px;
  aspect-ratio: 112/112;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7.5px;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .2em;
  margin-top: 18px;
  transition: margin-top .6s ease-in-out
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-head .banner-more {
      width:70px;
      margin-top: 12px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-head .banner-more {
      margin-top:4px
  }
}

.premial .pl-content .banner .banner-head .banner-more:before {
  content: "Open";
  color: #fff;
  font-family: "Trade Gothic Bold",sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .05em;
  text-align: center
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-head .banner-more:before {
      font-size:10px;
      font-size: 1rem
  }
}

.premial .pl-content .banner .banner-head .banner-more:after {
  content: "";
  width: 24px;
  aspect-ratio: 24/12;
  background-color: #fff;
  mask-image: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/icon-chevron-down.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  transition: transform .4s
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-head .banner-more:after {
      width:16px
  }
}

.premial .pl-content .banner .banner-head.is-open {
  padding-top: 120px;
  padding-bottom: 110px;
  cursor: pointer
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-head.is-open {
      padding-top:80px;
      padding-bottom: 70px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-head.is-open {
      padding-top:70px;
      padding-bottom: 60px
  }
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .banner .banner-head.is-open:hover .banner-more:after {
      animation:loop-reverse .6s infinite
  }

  @keyframes loop-reverse {
      0% {
          transform: rotate(180deg) translateY(0)
      }

      50% {
          transform: rotate(180deg) translateY(10px)
      }

      100% {
          transform: rotate(180deg) translateY(0)
      }
  }
}

.premial .pl-content .banner .banner-head.is-open .banner-more {
  opacity: .5;
  margin-top: 30px;
  flex-direction: column-reverse
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-head.is-open .banner-more {
      margin-top:30px
  }
}

.premial .pl-content .banner .banner-head.is-open .banner-more:before {
  content: "Close"
}

.premial .pl-content .banner .banner-head.is-open .banner-more:after {
  transform: rotate(180deg)
}

.premial .pl-content .banner .banner-body {
  display: none;
  position: relative;
  z-index: 2
}

.premial .pl-content .banner .banner-body .banner-lead {
  text-align: center;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.4117647059em;
  letter-spacing: .1em
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .banner-body .banner-lead {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 1.7142857143em
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-body .banner-lead {
      text-align:left
  }
}

.premial .pl-content .banner .banner-body .banner-note {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143em;
  letter-spacing: .1em;
  margin-top: 18px
}

@media (max-width: 767px) {
  .premial .pl-content .banner .banner-body .banner-note {
      text-align:left
  }
}

.premial .pl-content .banner .feature-item:not(:first-child) {
  margin-top: 150px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-item:not(:first-child) {
      margin-top:90px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .feature-item:not(:first-child) {
      margin-top:120px
  }
}

.premial .pl-content .banner .feature-item.row .feature-row {
  margin-top: 0
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-item.row .feature-row .feature-desc {
      display:contents
  }

  .premial .pl-content .banner .feature-item.row .feature-row .feature-num {
      order: 1
  }

  .premial .pl-content .banner .feature-item.row .feature-row .feature-img-wrap {
      order: 2;
      margin-top: 60px
  }

  .premial .pl-content .banner .feature-item.row .feature-row .feature-note {
      order: 3;
      margin-top: -10px
  }

  .premial .pl-content .banner .feature-item.row .feature-row .feature-text {
      order: 4
  }
}

.premial .pl-content .banner .feature-item.row .feature-text {
  margin-top: 68px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-item .tab-up {
      display:none
  }
}

.premial .pl-content .banner .feature-num {
  width: 396px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  position: relative
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-num {
      width:228px;
      gap: 5px
  }
}

.premial .pl-content .banner .feature-num:after,.premial .pl-content .banner .feature-num:before {
  content: "";
  width: 28.3px;
  height: 226.8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-46%)
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-num:after,.premial .pl-content .banner .feature-num:before {
      width:17.8px;
      height: 142.5px
  }
}

.premial .pl-content .banner .feature-num:before {
  left: 0;
  background-image: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/deco-num-left.svg")
}

.premial .pl-content .banner .feature-num:after {
  right: 0;
  background-image: url("https://20339332.fs1.hubspotusercontent-na1.net/hubfs/20339332/raw_assets/public/premial-en/assets/pic/top/deco-num-right.svg")
}

.premial .pl-content .banner .feature-num strong {
  font-family: "Trade Gothic Bold",sans-serif;
  font-size: 200px;
  font-size: 20rem;
  line-height: 1em;
  letter-spacing: 0;
  font-weight: 500
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-num strong {
      font-size:124px;
      font-size: 12.4rem
  }
}

.premial .pl-content .banner .feature-num span {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3333333333em;
  letter-spacing: .1em
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-num span {
      font-size:10px;
      font-size: 1rem
  }
}

.premial .pl-content .banner .feature-row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 90px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-row {
      flex-direction:column;
      align-items: center;
      justify-content: flex-start;
      margin-top: 50px;
      gap: 0
  }
}

.premial .pl-content .banner .feature-note {
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6em;
  letter-spacing: .1em;
  margin-top: 26px
}

.premial .pl-content .banner .feature-img-lead {
  color: #fff;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.2em;
  letter-spacing: .05em;
  margin-top: 24px;
  text-align: center
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-img-lead {
      font-size:18px;
      font-size: 1.8rem;
      line-height: 1.2777777778em;
      margin-top: 28px
  }
}

.premial .pl-content .banner .feature-desc {
  max-width: 500px;
  flex-shrink: 0
}

.premial .pl-content .banner .feature-text {
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2.6666666667em;
  letter-spacing: .05em;
  text-box-trim: trim-both
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-text {
      margin-top:40px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 2.1666666667em
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .feature-text {
      margin-top:50px
  }
}

.premial .pl-content .banner .feature-btn {
  max-width: 196px;
  min-height: 58px;
  margin-top: 36px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-btn {
      margin-left:auto;
      margin-right: auto
  }
}

.premial .pl-content .banner .feature-btn span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: .2em
}

.premial .pl-content .banner .feature-img-title-wrap {
  width: fit-content;
  margin-left: auto;
  margin-right: auto
}

.premial .pl-content .banner .feature-img-title {
  width: fit-content;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: .05em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-img-title {
      font-size:12px;
      font-size: 1.2rem;
      line-height: 1.3333333333em;
      padding-bottom: 6px;
      text-align: center
  }
}

.premial .pl-content .banner .feature-img-title small {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: .05em
}

.premial .pl-content .banner .feature-img-note {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6em;
  letter-spacing: .1em;
  margin-top: 16px;
  text-align: center;
  color: #fff
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .feature-img-note {
      margin-top:8px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .feature-img-note {
      margin-top:16px
  }
}

.premial .pl-content .banner .feature-img-note.right {
  text-align: right
}

@media (max-width: 767px) {
  .premial .pl-content .banner .feature-img-note.right {
      text-align:center
  }
}

.premial .pl-content .banner .feature-text-link {
  color: #fff;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .banner .feature-text-link:hover {
      text-decoration:underline
  }
}

.premial .pl-content .banner .lineup.is-open .banner-head {
  padding-bottom: 60px;
  justify-content: flex-start
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .lineup.is-open .banner-head {
      padding-bottom:40px
  }
}

.premial .pl-content .banner .lineup.is-open .banner-title {
  color: #517a93
}

.premial .pl-content .banner .lineup.is-open .banner-more {
  border-color: #517a93;
  flex-direction: column-reverse
}

.premial .pl-content .banner .lineup.is-open .banner-more:before {
  content: "Close";
  color: #517a93
}

.premial .pl-content .banner .lineup.is-open .banner-more:after {
  transform: rotate(180deg);
  background-color: #517a93
}

.premial .pl-content .banner .lineup .banner-body {
  padding-bottom: 130px
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .banner-body {
      padding-bottom:60px
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .lineup .c-effect-table-wrap {
      width:calc(100vw - 36px)
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .c-effect-table-wrap {
      width:calc(100vw - 18px)
  }
}

.premial .pl-content .banner .lineup .c-effect-table {
  margin-top: 70px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .lineup .c-effect-table {
      min-width:900px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .c-effect-table {
      min-width:425px;
      margin-top: 34px
  }
}

.premial .pl-content .banner .lineup .c-effect-table td:first-child,.premial .pl-content .banner .lineup .c-effect-table th:first-child {
  border-left: 1px solid #749aaf
}

.premial .pl-content .banner .lineup .c-effect-table td:last-child,.premial .pl-content .banner .lineup .c-effect-table th:last-child {
  border-right: 1px solid #749aaf
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .c-effect-table td:first-child {
      border-left:none
  }
}

.premial .pl-content .banner .lineup .c-effect-table tr.bg-colored td {
  background: #fff
}

.premial .pl-content .banner .lineup .c-effect-table td.spacer-cell,.premial .pl-content .banner .lineup .c-effect-table th.spacer-cell {
  width: 6px;
  padding: 0
}

.premial .pl-content .banner .lineup .c-effect-table th.spacer-cell {
  border: none
}

.premial .pl-content .banner .lineup .c-effect-table .head-row .product-title {
  width: 350px;
  padding: 10px
}

@media only screen and (max-width: 1200px) {
  .premial .pl-content .banner .lineup .c-effect-table .head-row .product-title {
      width:240px
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .lineup .c-effect-table .head-row .product-title {
      width:300px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .c-effect-table .head-row .product-title {
      width:134px
  }
}

.premial .pl-content .banner .lineup .c-effect-table .head-row .product-title.other-color {
  color: #517a93;
  background: #e5ecf1
}

@media only screen and (max-width: 1200px) {
  .premial .pl-content .banner .lineup .c-effect-table .head-row .product-title.other-color {
      width:240px
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .lineup .c-effect-table .head-row .product-title.other-color {
      width:300px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .c-effect-table .head-row .product-title.other-color {
      width:182px
  }
}

.premial .pl-content .banner .lineup .c-effect-table .product-row td.spacer-cell {
  border: none
}

.premial .pl-content .banner .lineup .c-effect-table .product-row td:first-of-type {
  background: #eaf0f4
}

.premial .pl-content .banner .lineup .c-effect-table .product-row .product-name img {
  height: 26px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .lineup .c-effect-table .product-row .product-name img {
      height:22px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .c-effect-table .product-row .product-name img {
      height:15px
  }
}

.premial .pl-content .banner .lineup .c-effect-table .data-title {
  width: 414px;
  padding: 12px 14px
}

@media only screen and (max-width: 1200px) {
  .premial .pl-content .banner .lineup .c-effect-table .data-title {
      width:350px
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .lineup .c-effect-table .data-title {
      width:300px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .c-effect-table .data-title {
      width:106px;
      padding: 10px 4px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .c-effect-table .emission-rate .data-content {
      display:flex;
      flex-direction: column
  }

  .premial .pl-content .banner .lineup .c-effect-table .emission-rate .data-content strong {
      order: 2
  }

  .premial .pl-content .banner .lineup .c-effect-table .emission-rate .data-content .emission-unit {
      margin-top: 2px;
      order: 3
  }

  .premial .pl-content .banner .lineup .c-effect-table .emission-rate .data-content .data-note {
      position: static;
      margin-left: auto;
      order: 1
  }
}

.premial .pl-content .banner .lineup .table-date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  letter-spacing: 0;
  text-align: right;
  margin-top: 20px
}

@media (max-width: 767px) {
  .premial .pl-content .banner .lineup .table-date {
      font-size:11px;
      font-size: 1.1rem;
      margin-top: 12px;
      text-align: left
  }
}

.premial .pl-content .banner .lineup .c-effect-table-note {
  margin-top: 20px
}

.premial .pl-content .banner .concept .banner-body,.premial .pl-content .banner .tech .banner-body {
  padding-bottom: 150px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .concept .banner-body,.premial .pl-content .banner .tech .banner-body {
      padding-bottom:100px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .banner-body,.premial .pl-content .banner .tech .banner-body {
      padding-bottom:116px
  }
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-wrap {
  width: 100%;
  max-width: 566px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .tech .feature-item.feature-one .feature-img-wrap {
      max-width:540px
  }
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-wrap.is-active .graph-bar .bar {
  animation: expandBar .8s ease-out .5s forwards
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area {
  container-type: inline-size;
  position: relative
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area {
      max-width:390px;
      margin-left: auto;
      margin-right: auto
  }
}

@media only screen and (max-width: 480px) {
  .premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area {
      max-width:100vw;
      width: 100vw;
      margin: 0 calc(50% - 50vw)
  }
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar {
  width: 13.76cqw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: absolute;
  bottom: 13.9%
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar {
      width:12.82cqw;
      bottom: 16.2%;
      gap: 10px
  }
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar .bar {
  display: block;
  width: 13.25cqw;
  border: 1px solid #fff;
  border-width: 1px 1px 0 1px;
  transform: scaleY(0);
  transform-origin: bottom center
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar .bar {
      width:12.18cqw
  }
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar.graph-bar-01 {
  left: 31%
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar.graph-bar-01 {
      left:32.3%
  }
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar.graph-bar-01 .bar {
  aspect-ratio: 75/142;
  background: rgba(255,255,255,.55)
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar.graph-bar-02 {
  left: 55%
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar.graph-bar-02 .bar {
  aspect-ratio: 75/133;
  background: rgba(255,255,255,.35)
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar.graph-bar-03 {
  left: 79%
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar.graph-bar-03 {
      left:78%
  }
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar.graph-bar-03 .bar {
  aspect-ratio: 75/58;
  background: rgba(255,255,255,.15)
}

@keyframes expandBar {
  from {
      transform: scaleY(0)
  }

  to {
      transform: scaleY(1)
  }
}

.premial .pl-content .banner .tech .feature-item.feature-one .feature-note {
  padding-left: 18px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .tech .feature-item.feature-one .feature-note {
      padding-left:0
  }
}

.premial .pl-content .banner .tech .feature-item.feature-two {
  max-width: 1074px;
  margin-left: auto;
  margin-right: auto
}

.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap {
  position: relative
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap {
      width:100%;
      max-width: 373px;
      margin-left: auto;
      margin-right: auto
  }
}

@media only screen and (max-width: 480px) {
  .premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap {
      max-width:100vw;
      width: 100vw;
      margin: 50px calc(50% - 50vw) 0
  }
}

.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap span {
  display: block;
  width: 1.21%;
  aspect-ratio: 1/1;
  position: absolute;
  background: #fff;
  border-radius: 50%
}

.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap span:after,.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap span:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  animation-name: circleAnimation;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap span:before {
  animation-delay: 1s
}

.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap span.dot-01 {
  left: 17.6%;
  top: 70.56%
}

.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap span.dot-02 {
  left: 24.6%;
  top: 75.7%
}

.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap span.dot-03 {
  left: 62.9%;
  top: 36.2%
}

.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap span.dot-04 {
  left: 73.4%;
  top: 29.9%
}

.premial .pl-content .banner .tech .feature-item.feature-two .feature-img-wrap span.dot-05 {
  left: 77.8%;
  top: 31.2%
}

@keyframes circleAnimation {
  from {
      transform: scale(1)
  }

  to {
      transform: scale(4);
      opacity: 0
  }
}

.premial .pl-content .banner .tech .feature-item.feature-three .feature-img-wrap {
  flex-grow: 1;
  max-width: 520px
}

.premial .pl-content .banner .tech .feature-item.feature-three .feature-img-wrap.is-active .feature-img:nth-child(1) {
  animation: fadeInImage .5s ease-out .8s forwards
}

.premial .pl-content .banner .tech .feature-item.feature-three .feature-img-wrap.is-active .feature-img:nth-child(3) {
  animation: fadeInImage .5s ease-out 2s forwards
}

.premial .pl-content .banner .tech .feature-item.feature-three .feature-img-wrap.is-active .feature-img-line {
  animation: expandLine .5s ease-out 1.4s forwards
}

.premial .pl-content .banner .tech .feature-item.feature-three .feature-img-area {
  width: 100%;
  margin-top: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.premial .pl-content .banner .tech .feature-item.feature-three .feature-img-area .feature-img {
  width: 41.154%;
  flex-shrink: 0;
  opacity: 0
}

.premial .pl-content .banner .tech .feature-item.feature-three .feature-img-area .feature-img-line {
  content: "";
  flex: 1;
  height: 10px;
  background: rgba(255,255,255,.35);
  transform: scaleX(0);
  transform-origin: left center
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .tech .feature-item.feature-three .feature-img-area {
      width:100%;
      max-width: 328px;
      margin-left: auto;
      margin-right: auto
  }
}

@keyframes expandLine {
  from {
      transform: scaleX(0)
  }

  to {
      transform: scaleX(1)
  }
}

.premial .pl-content .banner .concept .feature-item.feature-one .feature-img-wrap {
  width: 100%;
  max-width: 567px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .concept .feature-item.feature-one .feature-img-wrap {
      max-width:420px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-one .feature-img-wrap {
      max-width:320.5px
  }
}

.premial .pl-content .banner .concept .feature-item.feature-one .feature-img-wrap.is-active .feature-img:nth-child(1) {
  animation: moveUp .5s ease-out .8s forwards
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-one .feature-img-wrap.is-active .feature-img:nth-child(1) {
      animation:moveUpSP .5s ease-out .8s forwards
  }
}

.premial .pl-content .banner .concept .feature-item.feature-one .feature-img-wrap.is-active .feature-img:nth-child(2) {
  animation: moveDown .5s ease-out .8s forwards
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-one .feature-img-wrap.is-active .feature-img:nth-child(2) {
      animation:moveDownSP .5s ease-out .8s forwards
  }
}

.premial .pl-content .banner .concept .feature-item.feature-one .feature-img-title {
  padding-bottom: 5px
}

.premial .pl-content .banner .concept .feature-item.feature-one .feature-img-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 74px;
  container-type: inline-size
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-one .feature-img-area {
      margin-top:50px
  }
}

.premial .pl-content .banner .concept .feature-item.feature-one .feature-img-area .feature-img:nth-child(1) {
  width: 47.62%;
  padding-bottom: 10px
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-one .feature-img-area .feature-img:nth-child(1) {
      width:48.38%;
      padding-bottom: 21.529%
  }
}

.premial .pl-content .banner .concept .feature-item.feature-one .feature-img-area .feature-img:nth-child(2) {
  width: 50%
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-one .feature-img-area .feature-img:nth-child(2) {
      width:48.15%
  }
}

.premial .pl-content .banner .concept .feature-item.feature-one .feature-img-note:last-of-type {
  margin-top: 40px
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-one .feature-img-note:last-of-type {
      margin-top:0
  }
}

@keyframes moveUp {
  from {
      transform: translateY(0)
  }

  to {
      transform: translateY(-12%)
  }
}

@keyframes moveDown {
  from {
      transform: translateY(0)
  }

  to {
      transform: translateY(4%)
  }
}

@keyframes moveUpSP {
  from {
      transform: translateY(0)
  }

  to {
      transform: translateY(-5.93%)
  }
}

@keyframes moveDownSP {
  from {
      transform: translateY(0)
  }

  to {
      transform: translateY(7.6%)
  }
}

.premial .pl-content .banner .concept .feature-item.feature-two .feature-row {
  max-width: 1058px;
  margin-left: auto;
  margin-right: auto
}

.premial .pl-content .banner .concept .feature-item.feature-two .feature-img-wrap {
  width: 100%;
  max-width: 482px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .concept .feature-item.feature-two .feature-img-wrap {
      max-width:390px
  }
}

.premial .pl-content .banner .concept .feature-item.feature-two .feature-img-wrap.is-active .feature-img:nth-child(2) {
  animation: imgExpand .8s ease-out .5s forwards
}

.premial .pl-content .banner .concept .feature-item.feature-two .feature-img-wrap.is-active .feature-img:nth-child(3) {
  animation: fadeInImage .8s ease-out 1.3s forwards
}

.premial .pl-content .banner .concept .feature-item.feature-two .feature-img-area {
  width: 100%;
  position: relative
}

.premial .pl-content .banner .concept .feature-item.feature-two .feature-img:nth-child(2) {
  width: 9.75%;
  position: absolute;
  top: 35.6%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  clip-path: inset(0 0 100% 0)
}

.premial .pl-content .banner .concept .feature-item.feature-two .feature-img:nth-child(3) {
  width: 43.5%;
  position: absolute;
  top: 43.54%;
  left: 58.1%;
  opacity: 0
}

@keyframes imgExpand {
  from {
      clip-path: inset(0 0 100% 0)
  }

  to {
      clip-path: inset(0 0 0 0)
  }
}

.premial .pl-content .banner .concept .feature-item.feature-three .feature-img-title-wrap {
  padding-left: 10%
}

.premial .pl-content .banner .concept .feature-item.feature-three .feature-img-note {
  margin-top: 4px
}

.premial .pl-content .banner .concept .feature-item.feature-three .feature-img-wrap {
  width: 100%;
  max-width: 560px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .banner .concept .feature-item.feature-three .feature-img-wrap {
      max-width:480px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-three .feature-img-wrap {
      max-width:390px
  }
}

.premial .pl-content .banner .concept .feature-item.feature-three .feature-img-wrap.is-active #flowPath {
  animation: drawLine 4s ease-out .5s forwards
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-three .feature-img-wrap.is-active #flowPath {
      animation-duration:6s
  }
}

.premial .pl-content .banner .concept .feature-item.feature-three .feature-img-area {
  width: 100%;
  position: relative;
  margin-top: 26px
}

.premial .pl-content .banner .concept .feature-item.feature-three .feature-img:nth-child(1) {
  width: 100%;
  position: relative;
  z-index: 2
}

.premial .pl-content .banner .concept .feature-item.feature-three .feature-img:nth-child(2) {
  width: 93.72%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

@media (max-width: 767px) {
  .premial .pl-content .banner .concept .feature-item.feature-three .feature-img:nth-child(2) {
      width:92.48%
  }
}

.premial .pl-content .banner .concept .feature-item.feature-three .feature-img svg {
  width: 100%
}

.premial .pl-content .banner .concept .feature-item.feature-three #flowPath {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 2200;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-dashoffset: 2200
}

@keyframes drawLine {
  to {
      stroke-dashoffset: 0
  }
}

@keyframes fadeInImage {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.premial .pl-content .links {
  background: #fff;
  padding-top: 120px;
  padding-bottom: 40px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links {
      padding-top:80px;
      padding-bottom: 55px
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .tab-up {
      display:none
  }
}

@media only screen and (min-width: 1032px) {
  .premial .pl-content .links .tab-down {
      display:none
  }
}

.premial .pl-content .links .links-list {
  display: flex;
  gap: 4.47%;
  margin-top: 55px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list {
      gap:26px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list {
      flex-direction:column;
      gap: 20px;
      margin-top: 80px
  }
}

.premial .pl-content .links .links-list.links-list--large {
  align-items: stretch
}

.premial .pl-content .links .links-list.links-list--large .links-item {
  display: flex;
  flex-direction: column
}

.premial .pl-content .links .links-list.links-list--large .links-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 46px 8.22% 40px;
  -webkit-tap-highlight-color: transparent
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list.links-list--large .links-link {
      padding:48px 20px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list.links-list--large .links-link {
      padding:40px 20px
  }
}

.premial .pl-content .links .links-list.links-list--large .links-title {
  flex-shrink: 0
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list.links-list--large .links-title {
      font-size:34px;
      font-size: 3.4rem
  }
}

.premial .pl-content .links .links-list.links-list--large .links-text {
  flex-grow: 1;
  display: flex;
  align-items: flex-start
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list.links-list--large .links-text {
      margin-top:23px;
      text-align: left
  }
}

.premial .pl-content .links .links-list.links-list--large .links-img {
  flex-shrink: 0
}

.premial .pl-content .links .links-list.links-list--small {
  margin-top: 45px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list.links-list--small {
      margin-top:30px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list.links-list--small {
      margin-top:20px
  }
}

.premial .pl-content .links .links-list.links-list--small .links-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 3.5% 48px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list.links-list--small .links-link {
      padding:48px 48px 39px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list.links-list--small .links-link {
      padding:38px 25px 30px
  }
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list.links-list--small .links-text {
      font-size:12px;
      font-size: 1.2rem;
      line-height: 1.5em
  }
}

.premial .pl-content .links .links-list .links-item {
  max-width: 535px;
  flex: 1
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list .links-item {
      max-width:100%
  }
}

.premial .pl-content .links .links-list .links-item:not(.links-item--eng) .links-link {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .links .links-list .links-item:not(.links-item--eng) .links-link:hover .links-img:after {
      opacity:1
  }

  .premial .pl-content .links .links-list .links-item:not(.links-item--eng) .links-link:hover .links-img img {
      opacity: 1;
      scale: 1.1
  }
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .links .links-list .links-item:not(.links-item--eng) .links-link:hover {
      background:#f1f6f9
  }
}

.premial .pl-content .links .links-list .links-item.links-item--no-image .links-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list .links-item.links-item--no-image .links-link {
      padding:26px 17px
  }
}

.premial .pl-content .links .links-list .links-item.links-item--no-image .links-text {
  margin-top: 16px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list .links-item.links-item--no-image .links-text {
      margin-top:8px
  }
}

.premial .pl-content .links .links-list .links-item.links-item--eng .links-link {
  pointer-events: none;
  padding-top: 20px;
  padding-bottom: 18px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link {
      padding:20px 12px 18px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link {
      padding:36px 17px 22px
  }
}

.premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-title {
  font-size: 32px;
  font-size: 3.2rem
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-title {
      font-size:26px;
      font-size: 2.6rem
  }
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-title {
      font-size:30px;
      font-size: 3rem
  }
}

.premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-text {
  margin-top: 2px
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-text {
      margin-top:8px
  }
}

.premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list {
  width: 100%;
  display: flex;
  gap: 12px;
  margin-top: 12px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list {
      flex-direction:column;
      margin-top: 6px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list {
      margin-top:26px;
      gap: 15px
  }
}

.premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list a {
  width: 100%;
  font-family: "Trade Gothic Bold",sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  letter-spacing: .1em;
  font-weight: 700;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 21px 10px;
  border: 1px solid #6ab3e2;
  pointer-events: auto;
  transition: all .4s;
  cursor: pointer
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list a {
      min-height:50px;
      padding: 10px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list a {
      min-height:40px;
      font-size: 18px;
      font-size: 1.8rem;
      padding: 17.5px 10px
  }
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list a:hover {
      color:#357fa7
  }
}

.premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list small {
  font-family: "Trade Gothic Bold",sans-serif;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2em;
  letter-spacing: .1em;
  font-weight: 700;
  margin-top: 2px
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list small {
      font-size:12px;
      font-size: 1.2rem;
      text-decoration: none
  }
}

.premial .pl-content .links .links-list .links-link {
  width: 100%;
  height: 100%;
  border: 1px solid #6ab3e2;
  transition: all .4s
}

.premial .pl-content .links .links-list .links-link.is-center .links-img:after {
  opacity: 1
}

.premial .pl-content .links .links-list .links-link.is-center .links-img img {
  opacity: 1;
  scale: 1.1
}

.premial .pl-content .links .links-list .links-title {
  font-size: 37px;
  font-size: 3.7rem
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list .links-title {
      font-size:32px;
      font-size: 3.2rem
  }
}

.premial .pl-content .links .links-list .links-text {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2em;
  letter-spacing: .1em;
  margin-top: 18px;
  text-align: center;
  transition: all .4s
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list .links-text {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 2.1428571429em
  }
}

.premial .pl-content .links .links-list .links-img {
  width: 100%;
  aspect-ratio: 477/152.7;
  margin-top: 28.5px;
  position: relative;
  overflow: hidden
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .links .links-list .links-img {
      margin-top:30px;
      aspect-ratio: 594/153
  }
}

@media (max-width: 767px) {
  .premial .pl-content .links .links-list .links-img {
      aspect-ratio:477/152.7
  }
}

.premial .pl-content .links .links-list .links-img:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s
}

.premial .pl-content .links .links-list .links-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 2s cubic-bezier(.1,.5,.2,1)
}

.premial .pl-content .contact {
  background: #fff;
  padding-bottom: 200px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .contact {
      padding-bottom:190px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .contact {
      padding-bottom:170px
  }
}

.premial .pl-content .contact .contact-text {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 2em;
  letter-spacing: .1em;
  margin-top: 40px;
  text-align: center
}

@media (max-width: 767px) {
  .premial .pl-content .contact .contact-text {
      font-size:14px;
      font-size: 1.4rem;
      line-height: 1.7142857143em;
      letter-spacing: .05em;
      margin-top: 28px
  }
}

.premial .pl-content .contact .contact-btn {
  margin-top: 38px
}

@media (max-width: 767px) {
  .premial .pl-content .contact .contact-btn {
      margin-top:30px
  }
}

.premial .pl-content .float-btn {
  width: 100%;
  max-width: 275px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.8);
  box-shadow: 3px 3px 10px rgba(0,0,0,.5);
  transition: all .4s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 101;
  cursor: pointer
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .float-btn {
      z-index:100
  }
}

@media (max-width: 767px) {
  .premial .pl-content .float-btn {
      max-width:254px;
      right: 10px;
      bottom: 10px;
      padding: 11px
  }
}

.premial .pl-content .float-btn.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .float-btn:hover {
      background:rgba(81,122,147,.8)
  }

  .premial .pl-content .float-btn:hover .float-btn-new {
      background: #fff;
      color: #517a93
  }

  .premial .pl-content .float-btn:hover .float-btn-text {
      color: #fff
  }
}

.premial .pl-content .float-btn .float-btn-new {
  flex-shrink: 0;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Trade Gothic Bold",sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: .05em;
  font-weight: 700;
  color: #fff;
  background: #517a93;
  padding: 6px;
  border-radius: 50%;
  transition: all .4s
}

.premial .pl-content .float-btn .float-btn-text {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4em;
  letter-spacing: .1em;
  color: #517a93;
  transition: all .4s
}

.premial .pl-content .interview {
  padding: 140px 0;
  background: #f1f6f9
}

@media (max-width: 767px) {
  .premial .pl-content .interview {
      padding:60px 0
  }
}

.premial .pl-content .interview .interview-list {
  margin-top: 55px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 30px;
  row-gap: 55px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .interview .interview-list {
      margin-top:40px
  }
}

@media (max-width: 767px) {
  .premial .pl-content .interview .interview-list {
      margin-top:50px;
      flex-direction: column;
      column-gap: 0;
      row-gap: 30px
  }
}

.premial .pl-content .interview .interview-item {
  width: calc(50% - 15px);
  max-width: 515.5px
}

@media (max-width: 767px) {
  .premial .pl-content .interview .interview-item {
      width:100%;
      max-width: 100%
  }
}

.premial .pl-content .interview .interview-item .premial-video-wrap,.premial .pl-content .interview .interview-item section.concept .concept-video-wrap,.premial .pl-content section.concept .interview .interview-item .concept-video-wrap {
  width: 100%;
  cursor: pointer
}

.premial .pl-content .interview .interview-item .premial-video-wrap:before,.premial .pl-content .interview .interview-item section.concept .concept-video-wrap:before,.premial .pl-content section.concept .interview .interview-item .concept-video-wrap:before {
  background: rgba(0,0,0,0)
}

@media only screen and (min-width: 768px) {
  .premial .pl-content .interview .interview-item .premial-video-wrap:hover:before,.premial .pl-content .interview .interview-item section.concept .concept-video-wrap:hover:before,.premial .pl-content section.concept .interview .interview-item .concept-video-wrap:hover:before {
      background:rgba(0,0,0,.3)
  }
}

.premial .pl-content .interview .interview-item .interview-item-title {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.2em;
  letter-spacing: .1em;
  margin-top: 14px
}

@media only screen and (max-width: 1032px) {
  .premial .pl-content .interview .interview-item .interview-item-title {
      font-size:12px;
      font-size: 1.2rem
  }
}

@media (max-width: 767px) {
  .premial .pl-content .interview .interview-item .interview-item-title {
      font-size:10px;
      font-size: 1rem;
      margin-top: 10px
  }
}

.premial.eng .pl-content .mv .mv-heading {
  gap: 20px
}

@media (max-width: 767px) {
  .premial.eng .pl-content .mv .mv-heading {
      gap:10px
  }
}

.premial.eng .pl-content .mv .mv-heading .mv-mark,.premial.eng .pl-content .mv .mv-heading .mv-title {
  width: 300px
}

@media only screen and (max-width: 1240px) {
  .premial.eng .pl-content .mv .mv-heading .mv-mark,.premial.eng .pl-content .mv .mv-heading .mv-title {
      width:24vw
  }
}

@media (max-width: 767px) {
  .premial.eng .pl-content .mv .mv-heading .mv-mark,.premial.eng .pl-content .mv .mv-heading .mv-title {
      width:100%
  }
}

@media only screen and (max-width: 1032px) {
  .premial.eng .pl-content .feature-num:before {
      left:-10px
  }

  .premial.eng .pl-content .feature-num:after {
      right: -10px
  }
}

.premial.eng .pl-content .feature-num span {
  padding: 0 16px;
  font-size: 14px;
  font-size: 1.4rem
}

@media only screen and (max-width: 1032px) {
  .premial.eng .pl-content .feature-num span {
      font-size:11px;
      font-size: 1.1rem;
      padding: 0 16px
  }
}

.premial.eng .pl-content section.concept .concept-certificate .certificate-intro .certificate-intro-item:before {
  content: "*"
}

@media only screen and (max-width: 1032px) {
  .premial.eng .pl-content .banner .tech .feature-item.feature-one .feature-img-area .graph-bar {
      bottom:14.7%
  }
}

.premial.eng .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list a {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto
}

@media (max-width: 767px) {
  .premial.eng .pl-content .links .links-list .links-item.links-item--eng .links-link .links-link-list a {
      max-width:100%
  }
}

/*# sourceMappingURL=premial.min.css.map */