@charset 'UTF-8';

.is-tablet {
  display: none
}

.is-sp {
  display: none
}

.is-wide {
  display: none
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0
  }

  5% {
    display: block;
    opacity: 0
  }

  100% {
    display: block;
    opacity: 1
  }
}

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0
  }

  5% {
    display: block;
    opacity: 0
  }

  100% {
    display: block;
    opacity: 1
  }
}

@-webkit-keyframes fade-out {
  0% {
    display: block;
    opacity: 1
  }

  95% {
    display: block;
    opacity: 0
  }

  100% {
    display: none;
    opacity: 0
  }
}

@keyframes fade-out {
  0% {
    display: block;
    opacity: 1
  }

  95% {
    display: block;
    opacity: 0
  }

  100% {
    display: none;
    opacity: 0
  }
}

@-webkit-keyframes goto_btn {
  0% {
    display: none;
    transform: translateY(30px);
    opacity: 0
  }

  5% {
    display: block;
    opacity: 0
  }

  100% {
    display: block;
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes goto_btn {
  0% {
    display: none;
    transform: translateY(30px);
    opacity: 0
  }

  5% {
    display: block;
    opacity: 0
  }

  100% {
    display: block;
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes goto_btn-off {
  0% {
    display: block;
    transform: translateY(0);
    opacity: 1
  }

  95% {
    display: block;
    transform: translateY(30px);
    opacity: 0
  }

  100% {
    display: none;
    opacity: 0
  }
}

@keyframes goto_btn-off {
  0% {
    display: block;
    transform: translateY(0);
    opacity: 1
  }

  95% {
    display: block;
    transform: translateY(30px);
    opacity: 0
  }

  100% {
    display: none;
    opacity: 0
  }
}

@-webkit-keyframes arrow-border-anime {
  0% {
    width: 30px
  }

  40% {
    width: 0
  }

  70% {
    width: 0
  }

  100% {
    width: 30px
  }
}

@keyframes arrow-border-anime {
  0% {
    width: 30px
  }

  40% {
    width: 0
  }

  70% {
    width: 0
  }

  100% {
    width: 30px
  }
}

@-webkit-keyframes arrow-border-anime-reverse {
  0% {
    width: 30px
  }

  40% {
    width: 0
  }

  70% {
    width: 0
  }

  100% {
    width: 30px
  }
}

@keyframes arrow-border-anime-reverse {
  0% {
    width: 30px
  }

  40% {
    width: 0
  }

  70% {
    width: 0
  }

  100% {
    width: 30px
  }
}

.u-none {
  display: none !important
}

.u-block {
  display: block !important
}

.u-inline {
  display: inline !important
}

.u-inline-block {
  display: inline-block !important
}

.u-table {
  display: table !important
}

.u-table-row {
  display: table-row !important
}

.u-table-cell {
  display: table-cell !important
}

.u-hidden {
  visibility: hidden !important
}

.u-visible {
  visibility: visible !important
}

* {
  box-sizing: border-box
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 0;
  line-height: 1.75;
  color: #293238
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle
}

a {
  text-decoration: none
}

a:link,
a:visited {
  color: #293238
}

.download {
  fill: #293238
}

.demo {
  fill: #293238
}

.mail {
  position: relative;
  top: 1px;
  fill: #293238
}

.c-aniBtn {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: none;
  font-feature-settings: 'palt'
}

.c-aniBtn::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: transform .3s cubic-bezier(.45, .2, .1, 1);
  transform: scaleY(0);
  transform-origin: center top;
  background-color: #e8ebee
}

.c-aniBtn+.c-aniBtn::before {
  background-color: #293238
}

.c-aniBtn+.c-aniBtn:hover .c-aniBtn__text {
  color: #fff
}

.c-aniBtn__text {
  line-height: 1.2;
  position: relative;
  transition: color .3s cubic-bezier(.45, .2, .1, 1);
  text-align: center;
  letter-spacing: .08em
}

.c-aniBtn__ico {
  transition: all .3s cubic-bezier(.45, .2, .1, 1)
}

.c-aniBtn2 {
  position: relative;
  overflow: hidden;
  transition: none;
  box-shadow: 6.857px 7.596px 6px 0 rgba(10, 10, 10, .35)
}

.c-aniBtn2::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: transform .3s cubic-bezier(.45, .2, .1, 1);
  transform: scaleY(0);
  transform-origin: center top;
  background-color: #252a2d
}

.c-aniBtn2__textBox {
  display: flex;
  flex-direction: column;
  transition: color .3s cubic-bezier(.45, .2, .1, 1);
  align-items: center;
  row-gap: 12px
}

.c-aniBtn2__text {
  line-height: 1.2;
  position: relative;
  display: flex;
  text-align: center;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px
}

.c-aniBtn2__smallText {
  line-height: 1;
  position: relative;
  display: block
}

.c-aniBtn2__ico {
  transition: all .3s cubic-bezier(.45, .2, .1, 1)
}

.c-aniBtn2__circle {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: auto;
  border-radius: 50%;
  background-color: #293238;
  justify-content: center;
  align-items: center
}

.c-aniBtn2__circle::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: transform .3s cubic-bezier(.45, .2, .1, 1);
  transform: scaleY(0);
  transform-origin: center top;
  background-color: #e8ebee
}

.c-aniBtn2__circleIco {
  position: relative;
  z-index: 1;
  width: 5px;
  height: 8px;
  transition: fill .3s cubic-bezier(.45, .2, .1, 1);
  fill: #e8ebee
}

.c-aniBtn3 {
  position: relative;
  overflow: hidden;
  transition: none;
  text-align: center;
  font-feature-settings: 'palt'
}

.c-aniBtn3::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: transform .3s cubic-bezier(.45, .2, .1, 1);
  transform: scaleY(0);
  transform-origin: center top;
  background-color: #293238
}

.c-aniBtn3__text {
  line-height: 1.2;
  position: relative;
  transition: color .3s cubic-bezier(.45, .2, .1, 1);
  letter-spacing: .08em
}

.c-aniBtn3__ico {
  transition: all .3s cubic-bezier(.45, .2, .1, 1)
}

.p-performanceHeader {
  position: fixed;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  transition: background 1s
}

.p-performanceHeader.is-scroll {
  background-color: #fff
}

.p-performanceHeader__logo {
  fill: #273138
}

.p-performanceHeader__nav {
  font-weight: 400
}

.p-performanceHeader__navLink:hover::before {
  bottom: -13px;
  opacity: 1
}

.p-performanceHeader__contact {
  font-weight: 500;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  transition: none;
  color: #293238;
  background-color: #f1de6c
}

.p-performanceHeader__contact::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: transform .3s cubic-bezier(.45, .2, .1, 1);
  transform: scaleY(0);
  transform-origin: center top;
  background-color: #293238
}

.p-performanceHeader__utility {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center
}

.p-performanceHeader__utilityBtn--close.is-open {
  background-color: #fff
}

.p-performanceHeader__utilityBtn--close.is-open .p-performanceHeader__hamLine::after,
.p-performanceHeader__utilityBtn--close.is-open .p-performanceHeader__hamLine::before {
  top: 0;
  bottom: 0;
  background-color: #293238
}

.p-performanceHeader__utilityBtn--close.is-open .p-performanceHeader__hamLine::before {
  transform: rotate(45deg)
}

.p-performanceHeader__utilityBtn--close.is-open .p-performanceHeader__hamLine::after {
  transform: rotate(-45deg)
}

.p-performanceHeader__hamLine {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 19px;
  height: 10px;
  margin: auto
}

.p-performanceHeader__hamLine::after,
.p-performanceHeader__hamLine::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 19px;
  height: 2px;
  margin: auto;
  content: '';
  transition: all .3s cubic-bezier(.45, .2, .1, 1);
  transform-origin: 50% 50%;
  background-color: #fff
}

.p-performanceHeader__hamLine::before {
  top: -9px
}

.p-performanceHeader__hamLine::after {
  bottom: -8px
}

.p-performanceFooter {
  background-color: #293238
}

.p-performanceFooter__inner {
  display: flex
}

.p-performanceFooter__copy {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1;
  letter-spacing: .02em;
  color: #fff
}

.p-performanceFooter__navLink:link,
.p-performanceFooter__navLink:visited {
  color: #fff
}

.p-performanceFooter__nav {
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.p-performanceMv {
  position: relative;
  overflow: hidden
}

.p-performanceMv__outer {
  position: relative
}

.p-performanceMv__outer::after {
  position: absolute;
  z-index: -2;
  bottom: 40px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-color: #f2f4f5
}

.p-performanceMv__right {
  position: relative
}

.p-performanceMv__movieText {
  font-weight: 600;
  text-align: center;
  letter-spacing: .08em;
  font-feature-settings: 'palt'
}

.p-performanceMv__movieText span {
  position: relative;
  display: inline-block
}

.p-performanceMv__movieText span::before {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  content: '';
  border-radius: 50%;
  background-color: #293238
}

.p-performanceMv__movieText span:nth-of-type(1) {
  left: 4px
}

.p-performanceMv__movieWrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
  aspect-ratio: 488/274
}

.p-performanceMv__movieThumb {
  position: absolute;
  z-index: 1;
  top: -1%;
  right: 0;
  bottom: 0;
  left: -.5%;
  width: 102%;
  height: 100%
}

.p-performanceMv__movieThumb::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: background-color .3s cubic-bezier(.45, .2, .1, 1);
  background-color: rgba(255, 255, 255, 0)
}

.p-performanceMv__movieThumb::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  content: '';
  background-image: url(/special/data-trekking/condition-lens/img/movie_play.svg)
}

.p-performanceMv__movieItem {
  width: 100%
}

.p-performanceMv__wave {
  position: absolute;
  z-index: -1
}

.p-performanceMv__hdg {
  font-weight: 700;
  color: #293238
}

.p-performanceMv__hdg span {
  letter-spacing: .08em
}

.p-performanceMv__text {
  display: inline-block;
  color: #293238
}

.p-performanceMv__btnText {
  font-weight: 700;
  position: relative;
  text-align: center
}

.p-performanceMv__btnText::before {
  position: absolute;
  bottom: 0;
  display: block;
  content: '';
  transform: rotate(-30deg);
  background-color: #293238
}

.p-performanceMv__btnText::after {
  position: absolute;
  bottom: 0;
  display: block;
  width: .15625vw;
  height: 1.875vw;
  content: '';
  transform: rotate(30deg);
  background-color: #293238
}

.p-performanceMv__btn {
  font-weight: 500;
  display: flex;
  background-color: #293238;
  align-items: center;
  justify-content: center
}

.p-performanceMv__btn:link,
.p-performanceMv__btn:visited {
  color: #fff
}

.p-performanceMv__btn+.p-performanceMv__btn {
  color: #293238;
  border: 2px solid #293238;
  background-color: #f9fafb
}

.p-performanceMv__btnInner {
  text-align: center;
  letter-spacing: .08em;
  font-feature-settings: 'palt'
}

.p-performanceMv__smallText {
  font-weight: 400;
  display: block;
  letter-spacing: .08em
}

.p-problemSec__hdg {
  font-weight: 700;
  color: #293238
}

.p-problemSec__columnRight {
  position: relative;
  border-radius: 8px;
  background-color: #fcf6ca
}

.p-problemSec__columnRight::before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  content: ''
}

.p-problemSec__item {
  position: relative
}

.p-problemSec__item::before {
  position: absolute;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  content: '';
  border-radius: 50%;
  background-color: #293238
}

.p-problemSec__strong {
  font-weight: 700;
  display: inline;
  border-bottom: 2px solid #293238
}

.p-problemSec__columnEm {
  color: #f1de6c
}

.p-featureSec {
  position: relative;
  overflow: hidden
}

.p-featureSec::before {
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  content: '';
  background-color: #f1de6c
}

.p-featureSec__hdg {
  font-weight: 700;
  text-align: center
}

.p-featureSec__lead {
  text-align: center
}

.p-featureSec__wave {
  position: absolute;
  z-index: -1;
  bottom: 0
}

.p-featureNestSec--col1 .p-featureNestSec__columnRight {
  position: relative;
  padding: 0
}

.p-featureNestSec--col1 .p-featureNestSec__columnRight::before {
  position: absolute;
  display: block;
  content: '';
  background-size: cover
}

.p-featureNestSec--col1 .p-featureNestSec__columnRight img {
  box-shadow: none
}

.p-featureNestSec--col1 .p-featureNestSec__columnRightInner::after,
.p-featureNestSec--col1 .p-featureNestSec__columnRightInner::before {
  position: absolute;
  display: block;
  content: ''
}

.p-featureNestSec--col1 .p-featureNestSec__columnRightInner::before {
  top: 0;
  right: 100%;
  width: 100vw;
  height: 100%;
  background-color: #f1de6c
}

.p-featureNestSec__scrollImg.is-animated::before {
  opacity: 0
}

.p-featureNestSec__scrollArrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 32px;
  margin: auto
}

.p-featureNestSec__scrollArrow.is-animation {
  -webkit-animation: suggestion 1.4s 1 ease;
  animation: suggestion 1.4s 1 ease
}

.p-featureNestSec__hdg {
  font-weight: 700;
  display: flex;
  text-align: left
}

.p-featureNestSec__hdg--border::after,
.p-featureNestSec__hdg--border::before {
  position: absolute;
  display: block;
  content: ''
}

.p-featureNestSec__hdg--border::before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #e8ebee
}

.p-featureNestSec__hdg--border::after {
  right: -11px;
  bottom: -7px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #f1de6c
}

.p-featureNestSec__hdgNum {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #f1de6c
}

.p-featureNestSec__columnRight img {
  box-shadow: 38.184px 38.184px 46px 0 rgba(10, 10, 10, .04)
}

.p-featureNestSec__modal {
  font-weight: 700;
  position: relative;
  z-index: 1;
  display: flex;
  transition: .2s;
  border-radius: 4px;
  background: 0 0;
  background-color: #e8ebee;
  align-items: center;
  justify-content: space-between
}

.p-featureNestSec__modal .circle {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: background-color .3s ease;
  border-radius: 50%;
  background-color: #293238;
  flex-shrink: 0
}

.p-featureNestSec__modal .circle::after,
.p-featureNestSec__modal .circle::before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  content: '';
  transition: background-color .3s ease;
  background-color: #fff
}

.p-featureNestSec__modal .circle::before {
  left: 5px;
  width: 10px;
  height: 2px
}

.p-featureNestSec__modal .circle::after {
  left: 9px;
  width: 2px;
  height: 10px;
  transform: rotate(0)
}

.modal {
  position: relative;
  z-index: 100;
  display: none
}

.modal__overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center
}

.modal__content {
  position: relative;
  z-index: 1;
  border-radius: 4px
}

.modal__closeOverlay {
  position: absolute;
  z-index: 0;
  margin: auto;
  inset: 0
}

.modal__closeBtn {
  position: absolute;
  border-radius: 50%;
  background-color: #293238
}

.modal__closeBtn span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 26px;
  height: 2px;
  margin: auto;
  transition: background-color .3s ease;
  background-color: #fff
}

.modal__closeBtn span:nth-of-type(1) {
  transform: rotate(45deg)
}

.modal__closeBtn span:nth-of-type(2) {
  transform: rotate(-45deg)
}

.modal__head {
  border-top-left-radius: 4px;
  background-color: #f1de6c
}

.modal__title {
  text-align: center
}

.modal__body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff
}

.modal__featuresItem {
  position: relative
}

.modal__featuresItem::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '1';
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #293238
}

.modal__featuresItem:nth-of-type(2)::before {
  content: '2'
}

.modal__featuresItem:nth-of-type(3)::before {
  content: '3'
}

.modal__subject {
  border: 2px solid #f1de6c;
  border-radius: 8px
}

.modal__subject span {
  font-weight: 500;
  background: linear-gradient(transparent 60%, #f1de6c 60% 100%, transparent 100%)
}

.modal__subjectList {
  margin-top: 10px
}

.modal__subjectName {
  position: relative;
  padding-left: .8em
}

.modal__subjectName::before {
  position: absolute;
  content: '';
  border-radius: 50%;
  background-color: #000
}

.p-featureUseImage {
  position: relative;
  background-color: #fcf6ca
}

.p-featureUseImage::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -1260px;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-color: #fcf6ca
}

.p-featureUseImage::after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -1260px;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-color: #fcf6ca
}

.p-featureUseImage__inner {
  background-color: #fff
}

.p-featureUseImage__cycleTitle {
  text-align: center
}

.p-featureUseImage__cycle {
  border-bottom: 1px solid #e8ebee
}

.p-featureUseImage__flowTitle {
  text-align: center
}

.p-featureUseImage__flowNote {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.73333
}

.p-featurePrice__wrapper {
  border-radius: 4px;
  background-color: #fff
}

.p-featurePrice__title {
  letter-spacing: .03em
}

.p-featurePrice__text {
  letter-spacing: .02em
}

.p-featurePrice__table {
  overflow: hidden;
  width: 100%;
  border-collapse: collapse;
  text-align: center
}

.p-featurePrice__table th {
  border-right: solid 2px #fff
}

.p-featurePrice__table th+th {
  border-right: none
}

.p-featurePrice__table td {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.p-featurePrice__table td+td {
  border-right: none
}

.p-featurePrice__table thead tr {
  border-top: none;
  border-right: none;
  border-left: none
}

.p-featurePrice__table th {
  width: 50%;
  background-color: #f1de6c
}

.p-featurePrice__table th small {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1
}

.p-featurePrice__table td {
  font-family: Roboto, sans-serif;
  vertical-align: middle
}

.p-featurePrice__table td .left {
  display: inline-block;
  text-align: right
}

.p-featurePrice__table td .right {
  display: inline-block;
  text-align: left
}

.p-featurePrice__table td .tilde {
  font-family: 'Noto Sans JP', sans-serif;
  display: inline-block;
  letter-spacing: .02em
}

.p-featurePrice__table td .man {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .02em
}

.p-featurePrice__table td .yen {
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: .02em
}

.p-featurePrice__table td .contact {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  border-bottom: 2px solid #293238
}

.p-featurePrice__table tbody tr:nth-of-type(odd) td {
  background-color: #f9fafb
}

.p-featurePrice__table tbody tr:nth-of-type(even) td {
  background-color: #e8ebee
}

.p-featurePrice__item {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.73333;
  letter-spacing: .02em
}

.p-featurePrice__item+.p-featurePrice__item {
  margin-top: 2px
}

.p-featureBnr {
  position: relative;
  display: block
}

.p-featureBnr__ico {
  font-weight: 500;
  position: absolute;
  display: flex;
  text-align: center;
  border-radius: 50%;
  background-color: #f1de6c;
  align-items: center;
  justify-content: center
}

.p-featureBtnList__btn {
  font-weight: 500;
  position: relative;
  display: flex;
  background: url(/special/data-trekking/condition-lens/img/bg_btn_01.png);
  background-size: cover;
  box-shadow: 34.711px 41.366px 46px 0 rgba(10, 10, 10, .04);
  align-items: center;
  justify-content: center
}

.p-featureBtnList__btn:link,
.p-featureBtnList__btn:visited {
  color: #fff
}

.p-featureBtnList__btn--picup {
  overflow: visible
}

.p-featureBtnList__btn--picup::before {
  content: none
}

.p-featureBtnList__picup {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  position: absolute;
  z-index: 1;
  display: flex;
  color: #293238;
  border-radius: 50%;
  background-color: #f1de6c;
  justify-content: center;
  align-items: center
}

.p-featureBtnList__smallText {
  font-weight: 400;
  display: block;
  letter-spacing: .08em
}

.p-featureBtnList__ico {
  fill: #fff
}

.p-devSec {
  background-color: #293238
}

.p-devSec__hdg {
  font-weight: 700;
  text-align: center;
  color: #fff
}

.p-devSec__lead {
  color: #fff
}

.p-devSec__box {
  border-radius: 4px;
  background-color: #fff
}

.p-devSec__boxHdg {
  font-weight: 700;
  text-align: center;
  color: #293238
}

.p-devSec__boxList {
  counter-reset: number 0
}

.p-devSec__boxListItem {
  font-weight: 700;
  position: relative;
  display: flex;
  counter-increment: number 1;
  text-align: center;
  background-color: #f1de6c;
  align-items: center;
  justify-content: center
}

.p-devSec__boxListItem::before {
  font-family: Roboto, sans-serif;
  position: absolute;
  display: block;
  content: '0'counter(number) '.'
}

.p-devSec__columnBoxText {
  color: #fff
}

.p-devSec__columnBoxEm {
  font-style: normal;
  color: #f1de6c
}

.p-performanceQaSec__hdg {
  font-weight: 700;
  text-align: center;
  color: #293238
}

.p-performanceQaSec__listItem {
  font-weight: 500;
  border-top: 2px solid #e8ebee
}

.p-performanceQaSec__link {
  position: relative;
  display: flex
}

.p-performanceQaSec__link.is-open .p-performanceQaSec__btnIco::after {
  content: none
}

.p-performanceQaSec__btnIcoInner {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .3s cubic-bezier(.45, .2, .1, 1);
  transform: scaleY(0);
  transform-origin: center top;
  background-color: #293238
}

.p-performanceQaSec__btnIco {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  overflow: hidden;
  width: 36px;
  height: 36px;
  margin: auto;
  border-radius: 50%;
  background-color: #f1de6c
}

.p-performanceQaSec__btnIco::after,
.p-performanceQaSec__btnIco::before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  content: '';
  background-color: #fff
}

.p-performanceQaSec__btnIco::before {
  width: 14px;
  height: 2px
}

.p-performanceQaSec__btnIco::after {
  width: 2px;
  height: 14px
}

.p-performanceQaSec__dd {
  display: none
}

.p-performanceQaSec__ddInner {
  display: flex;
  width: 100%;
  border-radius: 4px;
  background-color: #e8ebee
}

.p-performanceQaSec__note {
  display: inline-block
}

.p-performanceQaSec__ico {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  display: block
}

.p-performanceQaSec__textLink {
  border-bottom: 2px solid #293238
}

.p-performanceQaSec__text {
  display: inline-block
}

.p-performanceContactSec {
  background-color: #fcf6ca
}

.p-performanceContactSec__hdg {
  font-weight: 700;
  text-align: center;
  color: #293238
}

.p-performanceContactSec__btn {
  line-height: 1;
  display: inline-block;
  text-align: center;
  color: #fff !important;
  border-radius: 40px;
  outline: 1px solid #000;
  background-color: #000
}

.p-performanceContactSec__listItem {
  font-weight: 500;
  text-align: center
}

.p-performanceContactSec__listText {
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
  text-align: center
}

.p-performanceContactSec__listText::before {
  position: absolute;
  bottom: 0;
  display: block;
  content: '';
  transform: rotate(-30deg);
  background-color: #293238
}

.p-performanceContactSec__listText::after {
  position: absolute;
  bottom: 0;
  display: block;
  width: .15625vw;
  height: 1.875vw;
  content: '';
  transform: rotate(30deg);
  background-color: #293238
}

.p-performanceContactSec__listBtn {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  letter-spacing: .08em;
  border-radius: 4px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  row-gap: 8px;
  font-feature-settings: 'palt'
}

.p-performanceContactSec__listBtn.c-aniBtn2 {
  box-shadow: 4.857px 5.596px 6px 0 rgba(10, 10, 10, .15)
}

.p-performanceMore__pdf {
  display: block
}

.p-performanceMore__pdfText {
  font-weight: 600;
  margin-top: 12px;
  text-align: center;
  letter-spacing: .08em
}

.p-performanceMore__movie {
  cursor: pointer
}

.p-performanceMore__movieInner {
  position: relative
}

.p-performanceMore__movieInner::before {
  display: block;
  width: 100%;
  content: ''
}

.p-performanceMore__movieItem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.p-performanceMore__movieThumb {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.p-performanceMore__movieThumb::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: background-color .3s cubic-bezier(.45, .2, .1, 1);
  background-color: rgba(255, 255, 255, 0)
}

.p-performanceMore__movieThumb::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  content: '';
  background-image: url(/special/data-trekking/condition-lens/img/movie_play.svg)
}

.p-performanceMore__movieText {
  font-weight: 600;
  text-align: center;
  letter-spacing: .08em;
  font-feature-settings: 'palt'
}

.p-newsSec {
  background-color: #fcf6ca
}

.p-newsSec__title {
  font-weight: 700;
  text-align: center;
  letter-spacing: .06em
}

.p-newsSec__item {
  border-top: 2px solid #fff
}

.p-newsSec__item:last-child {
  border-bottom: 2px solid #fff
}

.p-newsSec__link {
  position: relative;
  display: block;
  padding: 24px 60px 24px 6px
}

.p-newsSec__link.is-disable {
  pointer-events: none
}

.p-newsSec__data {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .06em
}

.p-newsSec__text {
  letter-spacing: .02em;
  flex: 1 1 auto
}

.p-newsSec__circle {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  margin: auto;
  border-radius: 50%;
  background-color: #f1de6c;
  justify-content: center;
  align-items: center
}

.p-newsSec__circle::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: transform .3s cubic-bezier(.45, .2, .1, 1);
  transform: scaleY(0);
  transform-origin: center top;
  background-color: #293238
}

.p-newsSec__ico {
  position: relative;
  z-index: 1;
  width: 8px;
  height: 14px
}

.p-performanceTerms__title {
  font-weight: 500;
  text-align: center
}

.p-performanceTerms__lead {
  margin-top: 16px;
  font-size: .9375rem
  font-weight: normal;
  text-align: left
}

.p-performanceTerms__data {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.73333
}

.p-performanceTerms__data+.p-performanceTerms__data {
  margin-top: 16px
}

.p-performanceTermsArt__title {
  font-weight: 500;
  border-bottom: 1px solid #293238
}

.p-performanceTermsArt__text {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.73333
}

.p-performanceTermsSec__title {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.73333
}

.p-performanceTermsSec__text {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.73333;
  margin-top: 8px
}

.p-performanceTermsSec__list {
  margin-top: 16px;
  margin-left: 12px;
  counter-reset: number 1
}

.p-performanceTermsSec__list.brackets {
  margin-left: 0;
  counter-reset: number 0;
}

.p-performanceTermsSec__list.brackets .p-performanceTermsSec__item::before{
  content: "（"counter(number)"）";
}

.p-performanceTermsSec__list--dot {
  counter-reset: number-dot
}

.p-performanceTermsSec__list--dot .p-performanceTermsSec__item {
  padding-left: 32px
}

.p-performanceTermsSec__list--dot .p-performanceTermsSec__item::before {
  left: 0;
  content: counter(number-dot) '.';
  counter-increment: number-dot
}

.p-performanceTermsSec__item {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.73333;
  position: relative;
  padding-left: 34px
}

.p-performanceTermsSec__item::before {
  font-size: 1em;
  position: absolute;
  left: -10px;
  display: block;
  content: ''counter(number)'';
  counter-increment: number
}

#terms .p-performanceTermsSec__list {
  margin-top: 16px;
  margin-left: 12px;
  counter-reset: number 0
}

#terms .p-performanceTermsSec__item::before {
  content: ''counter(number)'.';
}

.p-performanceTermsSec__list.brackets .p-performanceTermsSec__item{
  margin-left: 0;
  padding-left: 40px;
}

.p-performanceTermsSec__list.reset{
  margin-left: 0;
  counter-reset: number;
}

.p-performanceTermsSec__list.reset .p-performanceTermsSec__item::before{
  content: "（"counter(number)"）";
  counter-increment: number
}

.p-performanceTermsSec__item.reset::before {

}

.p-performanceTermsSec__item a {
  text-decoration: underline
}

.p-performanceTermsSec__item+.p-performanceTermsSec__item {
  margin-top: 8px
}

.p-performanceTermsSec__item ol{
  margin-top: 8px;
  margin-left: 34px;
  counter-reset: number
}

.p-performanceTermsSec__item ol li{
  position: relative;
}

.p-performanceTermsSec__item ol li::before {
  font-size: 1em;
  position: absolute;
  left: -34px;
  display: block;
  content: "（"counter(number)"）";
  counter-increment: number
}

.p-performanceTermsSec__item ol.reset{
  margin-left: 0;
}

.p-performanceTermsSec__item ol.reset li::before {
  left: 0;
  display: block;
  content: none;
}

.p-performanceTermsSec__innerList {
  margin-top: 16px;
  margin-bottom: 16px;
  counter-reset: number
}

.p-performanceTermsSec__innerList--dot {
  counter-reset: number-dot
}

.p-performanceTermsSec__innerList--dot .p-performanceTermsSec__item {
  padding-left: 24px
}

.p-performanceTermsSec__innerList--dot .p-performanceTermsSec__item::before {
  left: 0;
  content: counter(number-dot) '.';
  counter-increment: number-dot
}

.p-performanceTermsSec__innerItem {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.73333;
  position: relative;
  padding-left: 40px
}

.p-performanceTermsSec__innerItem::before {
  font-size: 1em;
  position: absolute;
  left: -10px;
  display: block;
  content: '（'counter(number) '）';
  counter-increment: number
}

.p-performanceTermsSec__innerItem+.p-performanceTermsSec__innerItem {
  margin-top: 8px
}

.p-performanceTermsInfo__text {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.73333
}

.p-performanceTermsInfo__text+.p-performanceTermsInfo__text {
  margin-top: 8px
}

.p-performanceTermsInfo__text--note {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.66667
}

.p-performanceTermsInfo__text a {
  text-decoration: underline
}

@-webkit-keyframes suggestion {
  0% {
    transform: translateX(0)
  }

  25% {
    transform: translateX(15px)
  }

  50% {
    transform: translateX(0)
  }

  75% {
    transform: translateX(15px)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes suggestion {
  0% {
    transform: translateX(0)
  }

  25% {
    transform: translateX(15px)
  }

  50% {
    transform: translateX(0)
  }

  75% {
    transform: translateX(15px)
  }

  100% {
    transform: translateX(0)
  }
}

@-webkit-keyframes infinity-scroll-left {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

.p-featureCompany__note {
  margin-bottom: 60px;
}

@media screen and (min-width:1280px) {
  .p-featureCompany__note {
    margin-bottom: 80px;
  }
}

.p-featureCompany__note__wrap {
  display: flex;
  justify-content: center;
  background-color: #f5f7f8;
}

.p-featureCompany__note__text {
  margin: 0;
  padding: 40px 0;
  color: #293238;
  text-align: left;
}

.p-featureCompany__note__text span {
  display: block;
  font-weight: bold;
  text-align: center;
}

.p-featureCompany__note__text a {
  color: #293238;
  text-decoration: underline;
}

.p-featureCompany__note__text a:hover {
  text-decoration: none;
}

.p-featureCompany__topInfo {
  position: relative;
  margin: 0 auto
}

.p-featureCompany__topInfo::after,
.p-featureCompany__topInfo::before {
  position: absolute;
  content: '';
  background-color: #000
}

.p-featureCompany__topHdg {
  position: relative;
  text-align: center
}

.p-featureCompany__topHdg span {
  background: linear-gradient(transparent 60%, #f1de6c 60% 100%, transparent 100%)
}

.p-featureCompany__loopWrap {
  display: flex;
  overflow: hidden
}

.p-featureCompany__loopList {
  display: flex;
  width: auto;
  padding: 0;
  align-items: center
}

.p-featureCompany__loopList li {
  margin-inline: 20px
}

.p-featureProblem__inner {
  margin: auto
}

.p-featureProblem__topHdg {
  text-align: center
}

.p-featureProblem__bottom {
  display: flex;
  border-radius: 4px;
  background-color: #e8ebee
}

.p-featureFactor__inner {
  margin: auto
}

.p-featureFactor__topHdg {
  text-align: center
}

.p-featureFactor__topText {
  margin-top: 16px
}

.p-featureAssignment {
  background-color: #293238
}

.p-featureAssignment__hdg {
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  color: #fff;
  font-feature-settings: 'palt'
}

.p-featureAssignment__item {
  border-radius: 4px;
  background: #fff
}

.p-featureAssignment__title {
  text-align: center
}

.p-featureAssignment__title span {
  background: linear-gradient(transparent 60%, #f1de6c 60% 100%, transparent 100%)
}

.p-featurePracticalUse {
  background-color: #fcf6ca
}

.p-featurePracticalUse__inner {
  margin: auto
}

.p-featurePracticalUse__topHdg {
  text-align: center
}

.p-featurePracticalUse__content {
  border-radius: 8px;
  background-color: #fff
}

.p-featurePracticalUse__sceneSmall {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1;
  line-height: 1.73333;
  display: inline;
  color: #fff;
  border-radius: 20px;
  background: #293238
}

.p-featurePracticalUse__scene {
  border-bottom: 1px solid #e8ebee
}

.p-featurePracticalUse__pointText span {
  background: linear-gradient(transparent 60%, #f1de6c 60% 100%, transparent 100%)
}

.p-featurePracticalUse__pointList {
  position: relative;
  padding-left: 1.5em
}

.p-featurePracticalUse__pointList::before {
  position: absolute;
  left: 0;
  content: '';
  background-image: url(/special/data-trekking/condition-lens/img/point.png);
  background-repeat: no-repeat;
  background-size: contain
}

.p-featurePracticalUse__bannerItem {
  border-radius: 4px;
  background: #e8ebee
}

.p-featurePracticalUse__bannerBtn {
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 4px;
  box-shadow: 4.857px 5.596px 6px 0 rgba(10, 10, 10, .15);
  justify-content: space-between;
  align-items: center
}

.p-featurePracticalUse__bannerText {
  font-weight: 500
}

.p-featurePracticalUse__circle {
  top: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #293238;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}

.p-featurePracticalUse__circle::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: transform .3s cubic-bezier(.45, .2, .1, 1);
  transform: scaleY(0);
  transform-origin: center top;
  background-color: #e8ebee
}

.p-featurePracticalUse__circleIco {
  position: relative;
  z-index: 1;
  width: 5px;
  height: 8px;
  transition: fill .3s cubic-bezier(.45, .2, .1, 1);
  fill: #e8ebee
}

.p-featureDownload a {
  display: block;
  transition: opacity .3s ease
}

.p-performanceRelatedServicesSec {
  background-color: #f1de6c
}

.p-performanceRelatedServicesSec__inner {
  margin: auto
}

.p-performanceRelatedServicesSec__hdg {
  font-weight: 700;
  text-align: center;
  color: #293238
}

.p-performanceRelatedServicesSec__list {
  display: flex
}

.p-performanceRelatedServicesSec__item {
  width: 100%
}

.p-performanceRelatedServicesSec__item a {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity .3s ease;
  text-align: center;
  border-radius: 4px
}

.p-performanceRelatedServicesSec__item img {
  width: 100%;
  height: auto;
  border-radius: 4px
}

@media screen and (max-width:767px) {
  .is-pc {
    display: none
  }

  .is-sp {
    display: block
  }

  .u-pc {
    display: none !important
  }

  .u-sp-none {
    display: none !important
  }

  .u-sp-block {
    display: block !important
  }

  .u-sp-inline {
    display: inline !important
  }

  .u-sp-inline-block {
    display: inline-block !important
  }

  .u-sp-table {
    display: table !important
  }

  .u-sp-table-row {
    display: table-row !important
  }

  .u-sp-table-cell {
    display: table-cell !important
  }

  .u-sp-hidden {
    visibility: hidden !important
  }

  .u-sp-visible {
    visibility: visible !important
  }

  .download {
    width: 17px;
    height: 30.5px
  }

  .demo {
    width: 16px;
    height: 16px
  }

  .mail {
    width: 17px;
    height: 14px
  }

  .c-aniBtn2__smallText {
    font-size: 11px;
    margin-bottom: 6px
  }

  .c-aniBtn2__ico {
    margin-left: 15px
  }

  .c-aniBtn2__circle {
    right: 14px
  }

  .p-performanceHeader {
    min-height: 82px
  }

  .p-performanceHeader.is-open {
    min-height: 100%;
    background-color: #293238
  }

  .p-performanceHeader.is-open .p-performanceHeader__logo {
    fill: #fff
  }

  .p-performanceHeader.is-open+.p-performanceHeader__overLay {
    visibility: visible;
    opacity: 1
  }

  .p-performanceHeader__inner {
    position: relative;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px
  }

  .p-performanceHeader__left img {
    max-width: 150px
  }

  .p-performanceHeader__logo {
    width: 123px;
    height: 33.5px
  }

  .p-performanceHeader__right {
    display: none;
    margin-top: 59px;
    padding-bottom: 43px
  }

  .p-performanceHeader__navItem {
    text-align: center
  }

  .p-performanceHeader__navItem+.p-performanceHeader__navItem {
    margin-top: 21px
  }

  .p-performanceHeader__navLink:link,
  .p-performanceHeader__navLink:visited {
    color: #fff
  }

  .p-performanceHeader__navLink {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2;
    color: #fff
  }

  .p-performanceHeader__contact {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    display: flex;
    max-width: 315px;
    height: 70px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 4px;
    align-items: center;
    justify-content: center
  }

  .p-performanceHeader__contact+.p-performanceHeader__btn {
    margin-top: 20px
  }

  .p-performanceHeader__contactText {
    display: flex;
    margin-bottom: 1px;
    align-items: center
  }

  .p-performanceHeader__contactIco {
    margin-bottom: -1px;
    margin-left: 15px
  }

  .p-performanceHeader__btn:link,
  .p-performanceHeader__btn:visited {
    color: #fff
  }

  .p-performanceHeader__btn {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    display: flex;
    max-width: 315px;
    height: 70px;
    margin-top: 48px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    border: 2px solid #fff;
    border-radius: 4px;
    align-items: center;
    justify-content: center
  }

  .p-performanceHeader__btn+.p-performanceHeader__btn {
    margin-top: 20px
  }

  .p-performanceHeader__btnText {
    display: flex;
    margin-bottom: 1px;
    align-items: center
  }

  .p-performanceHeader__btnIco {
    margin-bottom: -1px;
    margin-left: 15px;
    fill: #fff
  }

  .p-performanceHeader__utilityBtn {
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f1de6c;
    align-items: center;
    justify-content: center
  }

  .p-performanceHeader__utilityBtn--close {
    position: relative;
    margin-left: 10px;
    border: 0;
    background-color: #293238
  }

  .p-performanceHeader__utilityBtnIco {
    width: 20px;
    height: 15.5px
  }

  .p-performanceHeader__overLay {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100vw;
    height: 100vh;
    transition: opacity .3s cubic-bezier(.45, .2, .1, 1);
    opacity: 0;
    background-color: #020a11
  }

  .p-performanceFooter__inner {
    flex-direction: column-reverse;
    padding-top: 31px;
    padding-bottom: 35px;
    align-items: center;
    justify-content: space-between
  }

  .p-performanceFooter__left {
    margin-top: 24px
  }

  .p-performanceFooter__navLink:link,
  .p-performanceFooter__navLink:visited {
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1;
    letter-spacing: .02em
  }

  .p-performanceFooter__right {
    padding-left: 14px
  }

  .p-performanceFooter__navItem+.p-performanceFooter__navItem {
    margin-left: 25px
  }

  .p-performanceMv {
    padding-top: 26px;
    padding-bottom: 12px
  }

  .p-performanceMv__left {
    padding-top: 66px;
    padding-right: 25px;
    padding-left: 25px
  }

  .p-performanceMv__right {
    margin-top: 32px;
    padding-right: 25px;
    padding-left: 25px
  }

  .p-performanceMv__movieText {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375;
    margin-top: 10px
  }

  .p-performanceMv__movieText span::before {
    top: -4px;
    width: 5px;
    height: 5px
  }

  .p-performanceMv__movieWrapper {
    margin-top: 8px;
    border: 3px solid #000;
    border-radius: 13px
  }

  .p-performanceMv__movieThumb::after {
    width: 45px;
    height: 45px
  }

  .p-performanceMv__wave {
    right: 0;
    bottom: -165px;
    transform: rotate(-47deg);
    transform-origin: 100% 0
  }

  .p-performanceMv__hdg {
    font-size: 31px;
    line-height: 1.22581;
    margin-top: 11px
  }

  .p-performanceMv__text {
    font-size: 14px;
    font-size: .875rem;
    line-height: 2;
    white-space: nowrap;
    letter-spacing: .02em;
    background: linear-gradient(transparent 60%, #f1de6c 60% 90%, transparent 90%)
  }

  .p-performanceMv__btnList {
    margin-top: 18px;
    padding: 0 25px
  }

  .p-performanceMv__btnText {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333
  }

  .p-performanceMv__btnText::before {
    left: calc(50% - 60px);
    width: 2px;
    height: 24px
  }

  .p-performanceMv__btnText::after {
    right: calc(50% - 60px);
    width: 2px;
    height: 24px
  }

  .p-performanceMv__btn {
    font-size: 17px;
    line-height: 1;
    width: 100%;
    height: 75px;
    margin-top: 4px;
    border-radius: 37.5px
  }

  .p-performanceMv__btn+.p-performanceMv__btn {
    margin-top: 16px
  }

  .p-performanceMv__btnInner {
    margin-bottom: 5px
  }

  .p-performanceMv__smallText {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 9px
  }

  .p-performanceMv__img {
    margin-top: 24px;
    padding: 0 25px
  }

  .p-problemSec__inner {
    padding: 56px 25px 76px
  }

  .p-problemSec__hdg {
    font-size: 31px;
    font-size: 1.9375rem;
    line-height: 1.48387;
    margin-bottom: 14px;
    text-align: center
  }

  .p-problemSec__columnLeft {
    text-align: center
  }

  .p-problemSec__columnLeft img {
    max-width: 160px
  }

  .p-problemSec__columnRight {
    margin-top: 43px;
    padding: 10.76923% 8% 14.46154% 8.61538%;
    flex: 1 1 739px
  }

  .p-problemSec__columnRight::before {
    top: -19px;
    right: 0;
    left: 0;
    border-right: 13px solid transparent;
    border-bottom: 19px solid #fcf6ca;
    border-left: 13px solid transparent
  }

  .p-problemSec__item {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    padding-left: 16px;
    letter-spacing: .02em
  }

  .p-problemSec__item+.p-problemSec__item {
    margin-top: 26px
  }

  .p-problemSec__item::before {
    top: 11px
  }

  .p-problemSec__strong {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.73684;
    letter-spacing: .02em
  }

  .p-featureSec {
    padding-top: 68px;
    padding-bottom: 58px
  }

  .p-featureSec__hdg {
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 1.51724;
    margin-bottom: 45px
  }

  .p-featureSec__wave {
    right: 0;
    bottom: 332px;
    transform: rotate(-47deg);
    transform-origin: 100% 0
  }

  .p-featureSec #sineCanvas2 {
    min-width: 750px
  }

  .p-featureNestSec--col1 .p-featureNestSec__columnRight {
    width: 100%;
    margin-top: 73px;
    padding-top: 28px;
    padding-bottom: 252.5px;
    padding-left: 25px;
    background-color: #f1de6c
  }

  .p-featureNestSec--col1 .p-featureNestSec__columnRight::before {
    top: -47px;
    right: 0;
    width: 195.5px;
    height: 55px;
    background-image: url(/special/data-trekking/condition-lens/img/bg_line_sp_01.png)
  }

  .p-featureNestSec--col1 .p-featureNestSec__columnRight::after {
    position: absolute;
    bottom: 0;
    left: 37px;
    display: block;
    width: 300px;
    height: 220.5px;
    content: '';
    background-image: url(/special/data-trekking/condition-lens/img/img_02.png);
    background-size: cover
  }

  .p-featureNestSec+.p-featureNestSec {
    margin-top: 74px
  }

  .p-featureNestSec__scrollHdg {
    width: 323px
  }

  .p-featureNestSec__scrollImg {
    position: relative;
    overflow-x: auto;
    margin-top: 10px
  }

  .p-featureNestSec__scrollImg::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    transition: opacity .3s cubic-bezier(.45, .2, .1, 1);
    border-radius: 4px 0 0 4px;
    background-color: rgba(0, 0, 0, .4)
  }

  .p-featureNestSec__scrollFig img {
    width: 693px;
    max-width: none;
    padding-right: 25px
  }

  .p-featureNestSec__hdg {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.47619;
    margin-bottom: 17px
  }

  .p-featureNestSec__hdgNum {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1;
    margin-right: 15px;
    letter-spacing: -4px
  }

  .p-featureNestSec__columnLeft {
    padding: 0 25px
  }

  .p-featureNestSec__columnRight {
    margin-top: 36px;
    padding: 0 43px
  }

  .p-featureNestSec__columnRight--borderLeft,
  .p-featureNestSec__columnRight--borderRight {
    position: relative
  }

  .p-featureNestSec__columnRight--borderLeft::after,
  .p-featureNestSec__columnRight--borderLeft::before,
  .p-featureNestSec__columnRight--borderRight::after,
  .p-featureNestSec__columnRight--borderRight::before {
    position: absolute;
    display: block;
    content: ''
  }

  .p-featureNestSec__columnRight--borderLeft::before,
  .p-featureNestSec__columnRight--borderRight::before {
    z-index: 1;
    width: 16px;
    height: 16px;
    border-radius: 50%
  }

  .p-featureNestSec__columnRight--borderLeft::after,
  .p-featureNestSec__columnRight--borderRight::after {
    width: 44px;
    height: 5px;
    background-color: #e8ebee
  }

  .p-featureNestSec__columnRight--borderRight::before {
    top: 60px;
    left: 36px;
    background-color: #f1de6c
  }

  .p-featureNestSec__columnRight--borderRight::after {
    top: 66px;
    left: 0
  }

  .p-featureNestSec__columnRight--borderLeft::before {
    top: 80px;
    right: 36px;
    background-color: #293238
  }

  .p-featureNestSec__columnRight--borderLeft::after {
    top: 86px;
    right: 0
  }

  .p-featureNestSec__columnRight--borderLeft.sp-left::before {
    top: 80px;
    left: 36px;
    background-color: #293238
  }

  .p-featureNestSec__columnRight--borderLeft.sp-left::after {
    top: 86px;
    left: 0
  }

  .p-featureNestSec__columnRight.sp-inlein {
    padding-inline: 25px
  }

  .p-featureNestSec__text {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    letter-spacing: .02em
  }

  .p-featureNestSec__modal {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.53333;
    margin-top: 21px;
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 12px;
    padding-left: 22px
  }

  .p-featureNestSec__modal .circle {
    right: -24px;
    margin-right: 8px
  }

  .modal__content {
    width: 86.7%;
    height: calc(100% - 70px)
  }

  .modal__closeBtn {
    top: -17px;
    right: -17px;
    width: 48px;
    height: 48px
  }

  .modal__closeBtn span {
    left: 12px
  }

  .modal__title {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.52381;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .modal__body {
    overflow-y: scroll;
    height: calc(100% - 15%);
    padding-top: 36px;
    padding-right: 24px;
    padding-bottom: 44px;
    padding-left: 25px
  }

  .modal__featuresItem {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.64706;
    padding-left: 1.8em
  }

  .modal__featuresItem+.modal__featuresItem {
    margin-top: 16px
  }

  .modal__featuresItem::before {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.46667;
    top: 5px;
    width: 22px;
    height: 22px
  }

  .modal__subject {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-top: 24px;
    padding-top: 18px;
    padding-right: 20px;
    padding-bottom: 18px;
    padding-left: 21px
  }

  .modal__subjectName {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.78571
  }

  .modal__subjectName+.modal__subjectName {
    margin-top: 2px
  }

  .modal__subjectName::before {
    top: 11px;
    left: 2px;
    width: 4px;
    height: 4px
  }

  .modal__banner {
    display: flex;
    margin-top: 30px;
    justify-content: center
  }

  .p-featureUseImage {
    margin-top: 60px;
    padding-top: 52px;
    padding-bottom: 58px;
    padding-inline: 25px
  }

  .p-featureUseImage__inner {
    padding-top: 35px;
    padding-bottom: 33px;
    padding-inline: 25px
  }

  .p-featureUseImage__cycleTitle {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.6087;
    letter-spacing: .05em
  }

  .p-featureUseImage__cycle {
    padding-bottom: 39px
  }

  .p-featureUseImage__cycleImg {
    margin-top: 24px
  }

  .p-featureUseImage__flow {
    margin-top: 28px
  }

  .p-featureUseImage__flowTitle {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.6087;
    letter-spacing: .05em
  }

  .p-featureUseImage__flowLead {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    margin-top: 12px;
    letter-spacing: .02em
  }

  .p-featureUseImage__flowScroll {
    overflow-x: auto
  }

  .p-featureUseImage__scrollArrow {
    position: absolute;
    top: 0;
    right: 230px;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 32px;
    margin: auto
  }

  .p-featureUseImage__scrollArrow.is-animation {
    -webkit-animation: suggestion 1.4s 1 ease;
    animation: suggestion 1.4s 1 ease
  }

  .p-featureUseImage__flowImg {
    position: relative;
    width: 143vw;
    margin: 30px auto 0
  }

  .p-featureUseImage__flowImg::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    transition: opacity .3s cubic-bezier(.45, .2, .1, 1);
    border-radius: 4px 0 0 4px;
    background-color: rgba(0, 0, 0, .4)
  }

  .p-featureUseImage__flowImg.is-animated::before {
    opacity: 0
  }

  .p-featureUseImage__flowNote {
    margin-top: 14px;
    letter-spacing: .02em
  }

  .p-featurePrice {
    margin-top: 32px;
    padding-top: 32px;
    padding-right: 25px;
    padding-left: 25px
  }

  .p-featurePrice__wrapper {
    padding: 62px 7.69231% 28px
  }

  .p-featurePrice__title {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1;
    text-align: center
  }

  .p-featurePrice__text {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    margin-top: 46px
  }

  .p-featurePrice__inner {
    margin-top: 40px
  }

  .p-featurePrice__table {
    border-radius: 4px
  }

  .p-featurePrice__table th {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5;
    padding: 8px 0 12px
  }

  .p-featurePrice__table th small {
    display: block;
    margin-top: 4px
  }

  .p-featurePrice__table td {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    padding: 15px 4px 15px
  }

  .p-featurePrice__table td .left {
    margin-top: 2px;
    margin-bottom: 2px
  }

  .p-featurePrice__table td .right {
    margin-top: 2px;
    margin-bottom: 2px
  }

  .p-featurePrice__table td .tilde {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    margin: 0 2px
  }

  .p-featurePrice__table td .man {
    margin-left: 2px
  }

  .p-featurePrice__table td .contact {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.53333
  }

  .p-featurePrice__table .contact-data {
    padding: 15px 16px 15px
  }

  .p-featurePrice__list {
    margin-top: 12px
  }

  .p-featureBnr {
    margin-top: 57px;
    padding: 0 25px;
    text-align: center
  }

  .p-featureBnr--ver2 {
    margin-top: 76px
  }

  .p-featureBnr__ico {
    font-size: 12px;
    line-height: 1.41667;
    top: -22px;
    right: 9px;
    width: 76px;
    height: 76px;
    padding-left: 2px
  }

  .p-featureBtnList {
    margin-top: 68px;
    padding: 0 25px
  }

  .p-featureBtnList__btn {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    width: 100%;
    height: 150px;
    border-radius: 4px;
    background: url(/special/data-trekking/condition-lens/img/bg_btn_sp_01.png);
    background-size: cover
  }

  .p-featureBtnList__btn+.p-featureBtnList__btn {
    margin-top: 24px;
    background: url(/special/data-trekking/condition-lens/img/bg_btn_sp_02.png);
    background-size: cover
  }

  .p-featureBtnList__btn .download {
    width: 22px;
    height: 20px
  }

  .p-featureBtnList__btn .demo {
    width: 21px;
    height: 21px
  }

  .p-featureBtnList__picup {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    top: 0;
    left: 12px;
    width: 56px;
    height: 56px;
    transform: translateY(-50%)
  }

  .p-featureBtnList__btnInner {
    margin-top: 3px;
    text-align: center
  }

  .p-featureBtnList__smallText {
    font-size: 13px;
    line-height: 1.46875;
    margin-bottom: 6px;
    text-align: center
  }

  .p-featureBtnList__ico {
    display: block;
    margin-top: 13px;
    margin-right: auto;
    margin-left: auto
  }

  .p-devSec__inner {
    padding: 55px 25px 70px
  }

  .p-devSec__hdg {
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 1.51724;
    margin-bottom: 39px
  }

  .p-devSec__lead {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    letter-spacing: .02em
  }

  .p-devSec__box {
    margin-top: 40px;
    padding: 29px 25px 40px
  }

  .p-devSec__boxHdg {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5
  }

  .p-devSec__boxList {
    margin-top: 23px
  }

  .p-devSec__boxListItem {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.53333;
    height: 150px;
    padding: 7.63636% 1.81818%;
    letter-spacing: .02em;
    border-radius: 4px;
    flex: 0 0 30.99174%
  }

  .p-devSec__boxListItem::before {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    top: 7.14286%;
    left: 8.33333%
  }

  .p-devSec__boxListItem+.p-devSec__boxListItem {
    margin-top: 22px
  }

  .p-devSec__columnBoxRight {
    width: 300px;
    margin: 51px auto 0
  }

  .p-devSec__columnBoxText {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    margin-top: 40px;
    letter-spacing: .02em
  }

  .p-devSec__columnBoxText+.p-devSec__columnBoxText {
    margin-top: 26px
  }

  .p-performanceQaSec__inner {
    padding-top: 48px;
    padding-right: 25px;
    padding-bottom: 70px;
    padding-left: 25px
  }

  .p-performanceQaSec__hdg {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 2
  }

  .p-performanceQaSec__list {
    margin-top: 27px;
    border-bottom: 2px solid #e8ebee
  }

  .p-performanceQaSec__link {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    padding: 27px 8px 29px;
    padding-right: 58px
  }

  .p-performanceQaSec__btnIco {
    right: 7px;
    width: 32px;
    height: 32px
  }

  .p-performanceQaSec__ddInner {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    margin-bottom: 35px;
    padding: 24px 8px 28px 17px;
    padding-right: 21px;
    letter-spacing: .02em
  }

  .p-performanceQaSec__ddInner .p-performanceQaSec__ico {
    margin-top: 1px;
    flex: 0 0 36px
  }

  .p-performanceQaSec__note {
    margin-bottom: 4px
  }

  .p-performanceQaSec__ico {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1;
    margin-top: 4px;
    flex: 0 0 45px
  }

  .p-performanceQaSec__text+.p-performanceQaSec__text {
    margin-top: 11px
  }

  .p-performanceContactSec__inner {
    margin: auto;
    padding-top: 49px;
    padding-right: 30px;
    padding-bottom: 60px;
    padding-left: 30px
  }

  .p-performanceContactSec__hdg {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.47619;
    letter-spacing: .05em
  }

  .p-performanceContactSec__downloadList {
    margin-top: 25px
  }

  .p-performanceContactSec__downloadItem {
    display: flex;
    justify-content: center
  }

  .p-performanceContactSec__downloadItem+.p-performanceContactSec__downloadItem {
    margin-top: 30px
  }

  .p-performanceContactSec__downloadImg.document {
    width: 255px
  }

  .p-performanceContactSec__downloadImg.comic {
    position: relative;
    top: -15px;
    width: 224px
  }

  .p-performanceContactSec__btn {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 2.4;
    width: 273px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 10px;
    padding-left: 13px
  }

  .p-performanceContactSec__list {
    margin-top: 35px
  }

  .p-performanceContactSec__listItem+.p-performanceContactSec__listItem {
    margin-top: 22px
  }

  .p-performanceContactSec__listText {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.53333
  }

  .p-performanceContactSec__listText::before {
    top: 3px;
    bottom: auto;
    left: -10px;
    width: 1px;
    height: 20px
  }

  .p-performanceContactSec__listText::after {
    top: 3px;
    right: -10px;
    bottom: auto;
    width: 1px;
    height: 20px
  }

  .p-performanceContactSec__listBtn {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.25;
    height: 80px;
    margin-top: 0
  }

  .p-performanceContactSec__listBtn .c-aniBtn2__textBox {
    row-gap: 8px
  }

  .p-performanceMore {
    padding: 70px 25px 0
  }

  .p-performanceMore__pdfText {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.46667
  }

  .p-performanceMore__movie {
    margin-top: 28px
  }

  .p-performanceMore__movieInner::before {
    padding-top: 56%
  }

  .p-performanceMore__movieThumb::after {
    width: 45px;
    height: 45px
  }

  .p-performanceMore__movieText {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.46667;
    margin-top: 10px
  }

  .p-newsSec {
    padding: 56px 25px 70px
  }

  .p-newsSec__title {
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 1.51724
  }

  .p-newsSec__list {
    margin-top: 44px
  }

  .p-newsSec__data {
    font-size: 14px;
    font-size: .875rem;
    line-height: 2;
    display: block
  }

  .p-newsSec__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75
  }

  .p-newsSec__circle {
    right: 8px;
    width: 32px;
    height: 32px
  }

  .p-performanceTerms {
    padding: 36px 25px 60px
  }

  .p-performanceTerms__wrapper {
    padding: 84px 0 0
  }

  .p-performanceTerms__title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.46875
  }

  .p-performanceTerms__data {
    margin-top: 56px
  }

  .p-performanceTermsArt {
    padding: 48px 0 0
  }

  .p-performanceTermsArt__title {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.47619;
    padding-bottom: 8px
  }

  .p-performanceTermsSec {
    padding: 32px 0 0
  }

  .p-performanceTermsInfo {
    padding-top: 48px
  }

  .p-featureCompany {
    padding-top: 0
  }

  .p-featureCompany__topInfo {
    max-width: 335px
  }

  .p-featureCompany__topInfo::after,
  .p-featureCompany__topInfo::before {
    width: 2px;
    height: 45px
  }

  .p-featureCompany__topInfo::before {
    bottom: -2px;
    left: 7px;
    transform: rotate(152deg)
  }

  .p-featureCompany__topInfo::after {
    bottom: -2px;
    left: 323px;
    transform: rotate(-152deg)
  }

  .p-featureCompany__topHdg {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6
  }

  .p-featureCompany__loopWrap {
    margin-top: 12px
  }

  .p-featureCompany__loopList--left {
    -webkit-animation: infinity-scroll-left 36s infinite linear 1.5s both;
    animation: infinity-scroll-left 36s infinite linear 1.5s both
  }

  .p-featureCompany__loopList li {
    width: calc(100vw / 3)
  }

  .p-featureCompany__loopList .jmam {
    width: 131px
  }

  .p-featureCompany__loopList .menicon {
    width: 165px
  }

  .p-featureCompany__loopList .nippori {
    width: 159px
  }

  .p-featureCompany__loopList .furukawa {
    width: 131px
  }

  .p-featureCompany__loopList .jari {
    width: 114px
  }

  .p-featureCompany__loopList .biglobe {
    width: 152px
  }

  .p-featureCompany__loopList .gmo {
    width: 200px
  }

  .p-featureCompany__loopList .niseko {
    width: 112px
  }

  .p-featureProblem {
    padding-top: 42px;
    padding-right: 25px;
    padding-left: 25px
  }

  .p-featureProblem__topHdg {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.6087
  }

  .p-featureProblem__bottom {
    flex-direction: column;
    margin-top: 29px;
    padding-top: 36px;
    padding-right: 25px;
    padding-bottom: 42px;
    padding-left: 25px
  }

  .p-featureProblem__bottomHdg {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18182
  }

  .p-featureProblem__bottomText {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    margin-top: 16px
  }

  .p-featureProblem__bottomIllust {
    display: flex;
    width: 85%;
    margin: auto;
    margin-top: 36px;
    justify-content: center
  }

  .p-featureFactor {
    padding-top: 52px;
    padding-right: 25px;
    padding-bottom: 80px;
    padding-left: 25px
  }

  .p-featureFactor__topHdg {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.40909;
    letter-spacing: -.03em
  }

  .p-featureFactor__topText {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333
  }

  .p-featureFactor__table {
    display: flex;
    margin-top: 30px;
    justify-content: center
  }

  .p-featureAssignment__hdg {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.6087;
    margin-bottom: 39px
  }

  .p-featureAssignment__item {
    padding-right: 25px;
    padding-bottom: 30px;
    padding-left: 25px
  }

  .p-featureAssignment__item:nth-of-type(1) .p-featureAssignment__img {
    width: 57%;
    margin: 32px auto 0
  }

  .p-featureAssignment__item:nth-of-type(2) .p-featureAssignment__img {
    width: 78%;
    margin: 32px auto 0
  }

  .p-featureAssignment__item:nth-of-type(3) .p-featureAssignment__img {
    width: 87%;
    margin: 45px auto 0
  }

  .p-featureAssignment__img {
    display: flex;
    justify-content: center
  }

  .p-featureAssignment__title {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.64706;
    margin-top: 20px
  }

  .p-featureAssignment__lead {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    margin-top: 16px
  }

  .p-featurePracticalUse {
    padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 56px;
    padding-left: 25px
  }

  .p-featurePracticalUse__topHdg {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.37037
  }

  .p-featurePracticalUse__topText {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    margin-top: 44px
  }

  .p-featurePracticalUse__wrap {
    margin-top: 35px
  }

  .p-featurePracticalUse__content {
    padding-top: 40px;
    padding-right: 25px;
    padding-bottom: 40px;
    padding-left: 25px
  }

  .p-featurePracticalUse__content+.p-featurePracticalUse__content {
    margin-top: 32px
  }

  .p-featurePracticalUse__sceneTilteWrap {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .p-featurePracticalUse__sceneSmall {
    line-height: 1;
    padding-top: 2px;
    padding-right: 11px;
    padding-bottom: 6px;
    padding-left: 12px;
    border-radius: 20px
  }

  .p-featurePracticalUse__sceneTilte {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.68182;
    margin-top: 5px
  }

  .p-featurePracticalUse__sceneText {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    margin-top: 12px;
    padding-bottom: 19px
  }

  .p-featurePracticalUse__point {
    margin-top: 15px
  }

  .p-featurePracticalUse__point.col {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .p-featurePracticalUse__pointText {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.64706;
    text-align: center
  }

  .p-featurePracticalUse__pointLists {
    margin-top: 13px
  }

  .p-featurePracticalUse__pointList {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    letter-spacing: .05em
  }

  .p-featurePracticalUse__pointList+.p-featurePracticalUse__pointList {
    margin-top: 10px
  }

  .p-featurePracticalUse__pointList::before {
    top: 3px;
    width: 16px;
    height: 16px
  }

  .p-featurePracticalUse__img {
    margin-top: 30px
  }

  .p-featurePracticalUse__bannerItem {
    max-width: 410px;
    margin: 41px auto 0
  }

  .p-featurePracticalUse__bannerBtn {
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 20px;
    padding-left: 25px
  }

  .p-featurePracticalUse__bannerText {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: space-between
  }

  .p-featurePracticalUse__circle {
    right: 14px
  }

  .p-featureDownload {
    margin-top: 50px;
    padding-right: 25px;
    padding-left: 25px
  }

  .p-featureDownload--2 {
    margin-top: 0;
    margin-bottom: 70px
  }

  .p-performanceRelatedServicesSec__inner {
    padding-top: 48px;
    padding-right: 50px;
    padding-bottom: 48px;
    padding-left: 50px
  }

  .p-performanceRelatedServicesSec__hdg {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.22727
  }

  .p-performanceRelatedServicesSec__list {
    flex-direction: column;
    margin-top: 28px;
    row-gap: 24px
  }

  .p-performanceRelatedServicesSec__item {
    max-width: 275px;
    margin: auto
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .is-tablet {
    display: block
  }

  .p-featureProblem__bottom {
    flex-direction: column;
    margin-top: 30px;
    padding-top: 64px;
    padding-right: 80px;
    padding-bottom: 64px;
    padding-left: 80px;
    border-radius: 10px;
    -moz-column-gap: 64px;
    column-gap: 64px
  }

  .p-featureProblem__bottomIllust {
    max-width: 500px;
    margin: 50px auto 0
  }

  .p-featurePracticalUse__img {
    margin: 30px auto 0
  }
}

@media screen and (min-width:981px) {
  .is-wide {
    display: block
  }
}

@media screen and (min-width:768px) {
  .u-sp {
    display: none !important
  }

  .u-pc-none {
    display: none !important
  }

  .u-sp-block {
    display: none !important
  }

  .download {
    width: 22px;
    height: 20px
  }

  .demo {
    width: 20px;
    height: 20px
  }

  .mail {
    width: 22px;
    height: 17px
  }

  .c-aniBtn:hover {
    transition: background 0s cubic-bezier(.45, .2, .1, 1) .2s;
    background-color: #e8ebee !important
  }

  .c-aniBtn:hover::before {
    transform: scaleY(1);
    transform-origin: center bottom
  }

  .c-aniBtn:hover .c-aniBtn__text {
    color: #293238
  }

  .c-aniBtn:hover .c-aniBtn__ico {
    fill: #293238
  }

  .c-aniBtn+.c-aniBtn:hover {
    color: #fff
  }

  .c-aniBtn2:hover {
    transition: background 0s cubic-bezier(.45, .2, .1, 1) .2s;
    background-color: #293238 !important
  }

  .c-aniBtn2:hover::before {
    transform: scaleY(1);
    transform-origin: center bottom
  }

  .c-aniBtn2:hover .c-aniBtn2__textBox {
    color: #e8ebee
  }

  .c-aniBtn2:hover .c-aniBtn2__ico {
    fill: #e8ebee
  }

  .c-aniBtn2:hover .c-aniBtn2__circle::before {
    transform: scaleY(1);
    transform-origin: center bottom
  }

  .c-aniBtn2:hover .c-aniBtn2__circleIco {
    fill: #293238
  }

  .c-aniBtn2__textBox {
    transform: translateX(-6%)
  }

  .c-aniBtn2__smallText {
    font-size: 12px;
    margin-bottom: 7px
  }

  .c-aniBtn2__circle {
    right: 24px;
    transform: translateZ(1px)
  }

  .c-aniBtn3:hover {
    transition: background 0s cubic-bezier(.45, .2, .1, 1) .2s;
    background-color: #293238 !important
  }

  .c-aniBtn3:hover::before {
    transform: scaleY(1);
    transform-origin: center bottom
  }

  .c-aniBtn3:hover .c-aniBtn3__text {
    color: #e8ebee
  }

  .p-performanceHeader__inner {
    display: flex;
    padding-top: 1.79687vw;
    padding-right: 4.0625vw;
    padding-bottom: 1.79687vw;
    padding-left: 4.375vw;
    align-items: center;
    justify-content: space-between
  }

  .p-performanceHeader__left {
    margin-right: 3.90625vw
  }

  .p-performanceHeader__left img {
    max-width: 7.8125vw
  }

  .p-performanceHeader__logo {
    width: auto;
    height: 3.4375vw
  }

  .p-performanceHeader__right {
    display: flex !important;
    align-items: center;
    justify-content: space-between
  }

  .p-performanceHeader__nav {
    display: flex;
    margin-bottom: 1px;
    align-items: center;
    justify-content: space-between
  }

  .p-performanceHeader__navItem+.p-performanceHeader__navItem {
    margin-left: 3.04688vw
  }

  .p-performanceHeader__navLink {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.2;
    position: relative
  }

  .p-performanceHeader__navLink::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    content: '';
    transition: all .3s cubic-bezier(.45, .2, .1, 1);
    opacity: 0;
    border-radius: 50%;
    background-color: #12b886
  }

  .p-performanceHeader__wrap {
    display: flex;
    margin-left: 2.34375vw;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: .9375vw;
    column-gap: .9375vw
  }

  .p-performanceHeader__wrap .p-performanceHeader__contact {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    width: 11.5625vw;
    margin-left: 0;
    padding: 1.09375vw 1.32812vw 1.17188vw 1.32812vw;
    text-align: center;
    border-radius: 1.95312vw
  }

  .p-performanceHeader__wrap .p-performanceHeader__contact.white {
    border: 2px solid #293238;
    background-color: #fff
  }

  .p-performanceHeader__contact {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1;
    margin-left: 4.76562vw;
    padding: 1.32812vw 3.28125vw 1.40625vw 3.35938vw;
    border-radius: 1.95312vw
  }

  .p-performanceHeader__contact:hover {
    transition: background 0s cubic-bezier(.45, .2, .1, 1) .2s;
    background-color: #293238 !important
  }

  .p-performanceHeader__contact:hover::before {
    transform: scaleY(1);
    transform-origin: center bottom
  }

  .p-performanceHeader__contact:hover .p-performanceHeader__contactText {
    color: #e8ebee
  }

  .p-performanceHeader__contactText {
    position: relative
  }

  .p-performanceHeader__contactIco {
    display: none
  }

  .p-performanceHeader__btn {
    display: none
  }

  .p-performanceHeader__utility {
    display: none
  }

  .p-performanceHeader__overLay {
    display: none
  }

  .p-performanceFooter__inner {
    max-width: 1056px;
    margin: 0 auto;
    padding: 20px;
    padding-top: 44px;
    padding-bottom: 44px;
    align-items: center;
    justify-content: space-between
  }

  .p-performanceFooter__navLink:link,
  .p-performanceFooter__navLink:visited {
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1;
    letter-spacing: .02em
  }

  .p-performanceFooter__navLink {
    transition: opacity .3s cubic-bezier(.45, .2, .1, 1)
  }

  .p-performanceFooter__navLink:hover {
    opacity: .7
  }

  .p-performanceFooter__right {
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .p-performanceFooter__navItem+.p-performanceFooter__navItem {
    margin-left: 45px
  }

  .p-performanceMv {
    display: flex;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 1px
  }

  .p-performanceMv__left {
    padding-top: 63px;
    padding-bottom: 64px;
    padding-left: 76px;
    flex: 0 0 50vw
  }

  .p-performanceMv__right {
    width: 50vw;
    padding-top: 84px;
    padding-right: 72px;
    padding-left: 50px
  }

  .p-performanceMv__movieText {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.26316;
    transition: opacity .3s cubic-bezier(.45, .2, .1, 1);
    letter-spacing: .08em
  }

  .p-performanceMv__movieText span::before {
    top: -38%;
    width: .46875vw;
    height: .46875vw
  }

  .p-performanceMv__movieWrapper {
    margin-top: 14px;
    border: 4px solid #000;
    border-radius: 20px
  }

  .p-performanceMv__movieThumb::after {
    width: 70px;
    height: 70px
  }

  .p-performanceMv__wave {
    right: -283px;
    bottom: -397px;
    transform: rotate(-31deg)
  }

  .p-performanceMv__hdg {
    font-size: 3.28125vw;
    line-height: 1.2381;
    margin-top: 20px;
    letter-spacing: .02em
  }

  .p-performanceMv__text {
    font-size: 1.48438vw;
    line-height: 1.36842;
    letter-spacing: .02em;
    background: linear-gradient(transparent 60%, #f1de6c 60% 100%, transparent 100%)
  }

  .p-performanceMv__btnList {
    width: 50%;
    margin-top: 40px
  }

  .p-performanceMv__btnText {
    font-size: 1.25vw;
    line-height: 1.75
  }

  .p-performanceMv__btnText::before {
    bottom: 0;
    left: calc(50% - 22%);
    width: .15625vw;
    height: 1.875vw
  }

  .p-performanceMv__btnText::after {
    right: calc(50% - 22%);
    bottom: 0;
    width: .15625vw;
    height: 1.875vw
  }

  .p-performanceMv__btn {
    font-size: 1.40625vw;
    line-height: 1;
    width: 100%;
    height: 72px;
    margin-top: 6px;
    padding: 0 4px;
    border-radius: 36px
  }

  .p-performanceMv__btn+.p-performanceMv__btn {
    margin-left: 18px
  }

  .p-performanceMv__smallText {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 7px
  }

  .p-performanceMv__img {
    max-width: 437px;
    margin-top: 4.21875vw;
    margin-left: .23438vw
  }

  .p-problemSec__inner {
    max-width: 1056px;
    margin: auto;
    padding: 20px;
    padding-top: 104px;
    padding-bottom: 98px
  }

  .p-problemSec__hdg {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.6;
    margin-bottom: 28px
  }

  .p-problemSec__column {
    display: flex;
    justify-content: space-between
  }

  .p-problemSec__columnLeft {
    padding-top: 39px;
    padding-right: 20px;
    flex: 1 1 316px
  }

  .p-problemSec__columnLeft img {
    max-width: 230px;
    margin-left: 9px
  }

  .p-problemSec__columnRight {
    padding: 4.73485% 6.25%;
    padding-right: 2.46212%;
    padding-bottom: 6.1553%;
    flex: 1 1 739px
  }

  .p-problemSec__columnRight::before {
    top: 90px;
    left: -21px;
    border-top: 14px solid transparent;
    border-right: 21px solid #fcf6ca;
    border-bottom: 14px solid transparent
  }

  .p-problemSec__item {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.55556;
    padding-left: 3.29489%;
    letter-spacing: .02em
  }

  .p-problemSec__item+.p-problemSec__item {
    margin-top: 27px
  }

  .p-problemSec__item::before {
    top: 11px
  }

  .p-problemSec__strong {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.21739;
    line-height: 1.61739;
    margin-top: 4px;
    letter-spacing: .02em
  }

  .p-featureSec {
    padding-top: 104px
  }

  .p-featureSec__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 98px
  }

  .p-featureSec__hdg {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.57895;
    margin-bottom: 42px;
    letter-spacing: .05em
  }

  .p-featureSec__lead {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: .02em
  }

  .p-featureSec__wave {
    z-index: -1;
    right: 0;
    bottom: 280px;
    transform: rotate(-35deg);
    transform-origin: 100% 0
  }

  .p-featureNestSec {
    margin-top: 78px
  }

  .p-featureNestSec:nth-of-type(3) {
    margin-top: 128px
  }

  .p-featureNestSec--reverse {
    margin-top: 108px
  }

  .p-featureNestSec--reverse .p-featureNestSec__inner {
    margin-right: 0;
    margin-left: auto
  }

  .p-featureNestSec--reverse .p-featureNestSec__column {
    flex-direction: row-reverse
  }

  .p-featureNestSec--reverse .p-featureNestSec__columnLeft {
    padding-top: 61px
  }

  .p-featureNestSec--reverse .p-featureNestSec__hdg,
  .p-featureNestSec--reverse .p-featureNestSec__text {
    margin-bottom: 42px;
    padding-right: 64px;
    padding-left: 60px
  }

  .p-featureNestSec--reverse .p-featureNestSec__text {
    width: 76.875%;
    padding-right: 0
  }

  .p-featureNestSec--col1 {
    margin-top: 63px !important
  }

  .p-featureNestSec--col1 .p-featureNestSec__hdg {
    margin-bottom: 16px;
    padding-left: 112px
  }

  .p-featureNestSec--col1 .p-featureNestSec__text {
    position: relative;
    z-index: 3;
    padding-right: 35.23438vw;
    padding-left: 18.82812vw
  }

  .p-featureNestSec--col1 .p-featureNestSec__column {
    display: block
  }

  .p-featureNestSec--col1 .p-featureNestSec__columnLeft {
    padding: 0
  }

  .p-featureNestSec--col1 .p-featureNestSec__columnRight {
    margin-top: 50px
  }

  .p-featureNestSec--col1 .p-featureNestSec__columnRight::before {
    right: -16px;
    bottom: calc(100% - 13px);
    width: 406px;
    height: 238px;
    background-image: url(/special/data-trekking/condition-lens/img/bg_line_01.png)
  }

  .p-featureNestSec--col1 .p-featureNestSec__columnRight::after {
    position: absolute;
    bottom: 0;
    left: -124px;
    display: block;
    width: 33.90625vw;
    max-width: 460px;
    height: 24.92188vw;
    max-height: 338px;
    content: '';
    background-image: url(/special/data-trekking/condition-lens/img/img_pc_02.png);
    background-size: cover
  }

  .p-featureNestSec--col1 .p-featureNestSec__columnRightInner::after {
    bottom: calc(100% + 220px);
    left: 100%;
    width: 100vw;
    height: 6px;
    background-color: #e8ebee
  }

  .p-featureNestSec__inner {
    max-width: 1168px;
    margin-right: auto;
    margin-left: 0
  }

  .p-featureNestSec__scrollHdg {
    display: none
  }

  .p-featureNestSec__hdg {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.55556;
    position: relative;
    z-index: 1;
    margin-bottom: 5.625%;
    padding-right: 3.125%;
    padding-left: 16.71875%;
    align-items: flex-end
  }

  .p-featureNestSec__hdg--border {
    padding-bottom: 31px
  }

  .p-featureNestSec__hdg--borderLeft,
  .p-featureNestSec__hdg--borderRight {
    padding-bottom: 23px
  }

  .p-featureNestSec__hdg--borderLeft::after,
  .p-featureNestSec__hdg--borderLeft::before,
  .p-featureNestSec__hdg--borderRight::after,
  .p-featureNestSec__hdg--borderRight::before {
    position: absolute;
    display: block;
    content: ''
  }

  .p-featureNestSec__hdg--borderLeft::before,
  .p-featureNestSec__hdg--borderRight::before {
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 6px;
    background-color: #e8ebee
  }

  .p-featureNestSec__hdg--borderLeft::after,
  .p-featureNestSec__hdg--borderRight::after {
    bottom: -7px;
    width: 22px;
    height: 22px;
    border-radius: 50%
  }

  .p-featureNestSec__hdg--borderRight::before {
    left: -100vw;
    transform: translateX(640px)
  }

  .p-featureNestSec__hdg--borderRight::after {
    z-index: 3;
    right: -11px;
    background-color: #293238
  }

  .p-featureNestSec__hdg--borderLeft::after {
    z-index: 3;
    left: -13px;
    background-color: #293238
  }

  .p-featureNestSec__hdgNum {
    font-size: 96px;
    font-size: 6rem;
    line-height: 1;
    margin-right: 12px;
    margin-bottom: -6px;
    letter-spacing: -5px
  }

  .p-featureNestSec__column {
    display: flex
  }

  .p-featureNestSec__columnLeft {
    padding-top: 17px;
    flex: 1 1 640px
  }

  .p-featureNestSec__columnRight {
    position: relative;
    flex: 1 1 528px
  }

  .p-featureNestSec__columnRight.small {
    top: -55px;
    flex: 1 1 416px
  }

  .p-featureNestSec__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    padding-right: 11.71875%;
    padding-left: 17.5%;
    letter-spacing: .02em
  }

  .p-featureNestSec__modal {
    width: 93.7%;
    margin-top: 30px;
    padding-top: 12px;
    padding-right: 14px;
    padding-bottom: 13px;
    padding-left: 22px;
    cursor: pointer
  }

  .p-featureNestSec__modal::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: transform ease .3s;
    transform: scaleY(0);
    transform-origin: 50% 0;
    border-radius: 4px;
    background: #333
  }

  .p-featureNestSec__modal:hover {
    color: #fff
  }

  .p-featureNestSec__modal:hover .circle {
    background-color: #fff
  }

  .p-featureNestSec__modal:hover .circle::before {
    background-color: #333
  }

  .p-featureNestSec__modal:hover .circle::after {
    background-color: #333
  }

  .p-featureNestSec__modal:hover::before {
    transform: scaleY(1);
    transform-origin: 50% 100%
  }

  .p-featureNestSec__modal .circle {
    right: 0;
    margin-right: 8px
  }

  .modal__content {
    width: 65.6%;
    height: calc(100% - 70px)
  }

  .modal__closeBtn {
    top: -28px;
    right: -20px;
    width: 56px;
    height: 56px;
    cursor: pointer;
    transition: background-color .3s ease
  }

  .modal__closeBtn:hover {
    background-color: #fff
  }

  .modal__closeBtn:hover span {
    background-color: #000
  }

  .modal__closeBtn span {
    left: 15px
  }

  .modal__title {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.48148;
    padding-top: 41px;
    padding-bottom: 36px
  }

  .modal__body {
    overflow-y: scroll;
    height: calc(100% - 15%);
    padding-top: 5%;
    padding-bottom: 7.6%;
    padding-inline: 11.9%
  }

  .modal__featuresItem {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.44444;
    padding-left: 2.6em
  }

  .modal__featuresItem+.modal__featuresItem {
    margin-top: 20px
  }

  .modal__featuresItem::before {
    width: 28px;
    height: 28px
  }

  .modal__subject {
    margin-top: 24px;
    padding-top: 3.8%;
    padding-right: 10%;
    padding-bottom: 5%;
    padding-left: 8.8%
  }

  .modal__subject span {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75
  }

  .modal__subjectList {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    grid-auto-flow: column
  }

  .modal__subjectName {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75
  }

  .modal__subjectName+.modal__subjectName {
    margin-top: 2px
  }

  .modal__subjectName::before {
    top: 13px;
    left: 0;
    width: 6px;
    height: 6px
  }

  .modal__banner {
    width: 84.3%;
    margin: 40px auto 0;
    transition: opacity .3s ease;
    will-change: transform
  }

  .modal__banner:hover {
    opacity: .8
  }

  .p-featureUseImage {
    margin-top: 60px;
    padding-top: 96px;
    padding-bottom: 104px;
    padding-inline: 30px
  }

  .p-featureUseImage__inner {
    max-width: 1056px;
    margin: 0 auto;
    padding-top: 68px;
    padding-bottom: 94px;
    padding-inline: 146px
  }

  .p-featureUseImage__cycleTitle {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.625;
    letter-spacing: .05em
  }

  .p-featureUseImage__cycle {
    padding-bottom: 80px
  }

  .p-featureUseImage__cycleImg {
    max-width: 700px;
    margin: 52px auto 0
  }

  .p-featureUseImage__flow {
    margin-top: 70px
  }

  .p-featureUseImage__flowTitle {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.625;
    letter-spacing: .03em
  }

  .p-featureUseImage__flowLead {
    margin-top: 12px;
    text-align: center;
    letter-spacing: .03em
  }

  .p-featureUseImage__scrollArrow {
    display: none
  }

  .p-featureUseImage__flowImg {
    margin-top: 48px
  }

  .p-featureUseImage__flowNote {
    margin-top: 24px
  }

  .p-featurePrice {
    margin: 56px auto 0;
    padding: 64px 30px 0
  }

  .p-featurePrice__wrapper {
    max-width: 1056px;
    margin: 0 auto;
    padding: 84px 30px 44px;
    box-shadow: 3px 3px 24px 0 rgba(10, 10, 10, .05)
  }

  .p-featurePrice__header {
    text-align: center
  }

  .p-featurePrice__title {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.5
  }

  .p-featurePrice__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    margin-top: 48px
  }

  .p-featurePrice__inner {
    width: 100%;
    max-width: 762px;
    margin: 50px auto 0
  }

  .p-featurePrice__table {
    border-radius: 8px
  }

  .p-featurePrice__table th {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 14px 0 10px
  }

  .p-featurePrice__table td {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    padding: 18px 0 14px
  }

  .p-featurePrice__table td .left {
    width: 86px
  }

  .p-featurePrice__table td .right {
    width: 86px
  }

  .p-featurePrice__table td .tilde {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    margin: 0 14px
  }

  .p-featurePrice__table td .man {
    margin-left: 4px
  }

  .p-featurePrice__table td .yen {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
  }

  .p-featurePrice__table td .contact {
    font-size: 16px;
    font-size: 1rem;
    line-height: .875;
    padding-bottom: 2px;
    transition: border .1s;
    vertical-align: 5px
  }

  .p-featurePrice__table td .contact:hover {
    border-color: transparent
  }

  .p-featurePrice__list {
    margin-top: 16px
  }

  .p-featureBnr {
    max-width: 1116px;
    margin: auto;
    margin-top: 89px;
    padding: 0 30px;
    transition: opacity .3s cubic-bezier(.45, .2, .1, 1)
  }

  .p-featureBnr:hover {
    opacity: .8
  }

  .p-featureBnr--ver2 {
    margin-top: 104px
  }

  .p-featureBnr__inner {
    position: relative;
    display: block
  }

  .p-featureBnr__ico {
    font-size: 14px;
    line-height: 1.42857;
    top: -38px;
    left: -26px;
    width: 88px;
    height: 88px;
    padding-top: 2px;
    padding-left: 1px
  }

  .p-featureBtnList {
    display: flex;
    margin-top: 80px;
    padding: 0 30px;
    align-items: center;
    justify-content: center
  }

  .p-featureBtnList__btn {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    width: 760px;
    height: 160px;
    border-radius: 4px
  }

  .p-featureBtnList__btn+.p-featureBtnList__btn {
    margin-left: 4.375vw;
    background: url(/special/data-trekking/condition-lens/img/bg_btn_02.png);
    background-size: cover
  }

  .p-featureBtnList__btn .download {
    width: 28px;
    height: 25px
  }

  .p-featureBtnList__btn .demo {
    width: 26px;
    height: 26px
  }

  .p-featureBtnList__btn--picup:hover .p-featureBtnList__picupInner {
    transition: background 0s cubic-bezier(.45, .2, .1, 1) .2s;
    background-color: #293238 !important
  }

  .p-featureBtnList__btn--picup:hover .p-featureBtnList__picupInner::before {
    transform: scaleY(1);
    transform-origin: center bottom
  }

  .p-featureBtnList__picup {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    top: -20px;
    left: 20px;
    width: 64px;
    height: 64px
  }

  .p-featureBtnList__picupInner {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    justify-content: center;
    align-items: center
  }

  .p-featureBtnList__picupInner::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    transition: transform .3s cubic-bezier(.45, .2, .1, 1);
    transform: scaleY(0);
    transform-origin: center top;
    background-color: #293238
  }

  .p-featureBtnList__smallText {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 9px
  }

  .p-featureBtnList__ico {
    position: relative;
    top: 3px;
    margin-left: 10px
  }

  .p-devSec__inner {
    max-width: 1056px;
    margin: auto;
    padding: 20px;
    padding-top: 104px;
    padding-bottom: 93px
  }

  .p-devSec__hdg {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.57895;
    margin-bottom: 48px
  }

  .p-devSec__lead {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    text-align: center;
    letter-spacing: .02em
  }

  .p-devSec__box {
    margin-top: 50px;
    padding: 35px 44px 44px
  }

  .p-devSec__boxHdg {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.27273
  }

  .p-devSec__boxList {
    display: flex;
    margin-top: 30px;
    justify-content: space-between
  }

  .p-devSec__boxListItem {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625;
    padding: 4.23554% 1.34298% 5.06198%;
    letter-spacing: .02em;
    border-radius: 4px;
    flex: 0 0 30.99174%
  }

  .p-devSec__boxListItem::before {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    top: 1.17188vw;
    left: 6.33333%
  }

  .p-devSec__columnBox {
    display: flex;
    margin-top: 56px;
    margin-top: 52px;
    padding: 0 30px;
    padding-left: 31px;
    justify-content: space-between
  }

  .p-devSec__columnBoxRight {
    margin-left: 51px;
    padding-top: 25px;
    flex: 0 0 365px
  }

  .p-devSec__columnBoxText {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: .02em
  }

  .p-devSec__columnBoxText+.p-devSec__columnBoxText {
    margin-top: 24px
  }

  .p-performanceQaSec__inner {
    max-width: 1056px;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 104px
  }

  .p-performanceQaSec__hdg {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.5
  }

  .p-performanceQaSec__list {
    margin-top: 50px;
    border-bottom: 2px solid #e8ebee
  }

  .p-performanceQaSec__link {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.64706;
    padding: 44px 91px 44px 30px;
    align-items: center
  }

  .p-performanceQaSec__link:hover .p-performanceQaSec__btnIcoInner {
    transform: scaleY(1);
    transform-origin: center bottom
  }

  .p-performanceQaSec__btnIco {
    right: 30px;
    width: 36px;
    height: 36px
  }

  .p-performanceQaSec__ddInner {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.73333;
    margin-bottom: 40px;
    padding: 42px 30px 43px;
    letter-spacing: .02em
  }

  .p-performanceQaSec__note {
    font-size: 14px;
    font-size: .875rem;
    line-height: 2.28571;
    margin-bottom: 4px;
    letter-spacing: .02em
  }

  .p-performanceQaSec__ico {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1;
    flex: 0 0 52px
  }

  .p-performanceQaSec__textLink {
    transition: border .1s
  }

  .p-performanceQaSec__textLink:hover {
    border-color: transparent
  }

  .p-performanceQaSec__text+.p-performanceQaSec__text {
    margin-top: 16px
  }

  .p-performanceContactSec__inner {
    max-width: 1056px;
    margin: auto;
    padding-top: 56px;
    padding-bottom: 80px
  }

  .p-performanceContactSec__hdg {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 2.57143
  }

  .p-performanceContactSec__downloadList {
    display: flex;
    margin-top: 34px;
    justify-content: center;
    -moz-column-gap: 56px;
    column-gap: 56px
  }

  .p-performanceContactSec__downloadItem {
    transition: opacity .3s ease;
    will-change: transform
  }

  .p-performanceContactSec__downloadItem:hover {
    opacity: .8
  }

  .p-performanceContactSec__downloadImg.document {
    width: 73%;
    margin: auto
  }

  .p-performanceContactSec__downloadImg.comic {
    position: relative;
    top: -19px;
    right: 0;
    left: 1px;
    width: 64%;
    margin: auto
  }

  .p-performanceContactSec__btn {
    width: 268px;
    padding-top: 21px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px
  }

  .p-performanceContactSec__list {
    display: flex;
    max-width: 780px;
    margin: auto;
    margin-top: 66px;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 36px;
    column-gap: 36px
  }

  .p-performanceContactSec__listItem {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    width: 672px;
    letter-spacing: .08em
  }

  .p-performanceContactSec__listItem .c-aniBtn2__circle {
    width: 28px;
    height: 28px
  }

  .p-performanceContactSec__listItem .c-aniBtn2__circle .c-aniBtn2__circleIco {
    width: 6px;
    height: 10px
  }

  .p-performanceContactSec__listText {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: .8
  }

  .p-performanceContactSec__listText::before {
    bottom: 0;
    left: -16px;
    width: 2px;
    height: 24px
  }

  .p-performanceContactSec__listText::after {
    right: -16px;
    bottom: 0;
    width: 2px;
    height: 24px
  }

  .p-performanceContactSec__listBtn {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 4;
    height: 124px;
    padding: 14px;
    padding-left: 25px
  }

  .p-performanceContactSec__listBtn:hover .p-performanceContactSec__listIco {
    fill: #fff
  }

  .p-performanceContactSec__listBtn .c-aniBtn2__textBox {
    row-gap: 19px
  }

  .p-performanceContactSec__listBtn .c-aniBtn2__textBox .c-aniBtn2__text {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1
  }

  .p-performanceContactSec__listBtn .c-aniBtn2__textBox .c-aniBtn2__smallText {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
  }

  .p-performanceMore {
    display: flex;
    max-width: 1096px;
    margin: 0 auto;
    padding: 104px 20px 0;
    justify-content: space-between
  }

  .p-performanceMore__column {
    width: 46.21212%;
    flex: 0 1 auto
  }

  .p-performanceMore__pdf:hover .p-performanceMore__pdfThumb {
    opacity: .6
  }

  .p-performanceMore__pdfThumb {
    transition: opacity .3s cubic-bezier(.45, .2, .1, 1)
  }

  .p-performanceMore__pdfText {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    transition: opacity .3s cubic-bezier(.45, .2, .1, 1)
  }

  .p-performanceMore__movie:hover .p-performanceMore__movieThumb::before {
    background-color: rgba(255, 255, 255, .3)
  }

  .p-performanceMore__movieInner::before {
    padding-top: 56.14754%
  }

  .p-performanceMore__movieThumb::after {
    width: 70px;
    height: 70px
  }

  .p-performanceMore__movieText {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 12px;
    transition: opacity .3s cubic-bezier(.45, .2, .1, 1);
    letter-spacing: .08em
  }

  .p-newsSec {
    padding: 106px 30px 104px
  }

  .p-newsSec__title {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.5
  }

  .p-newsSec__inner {
    width: 100%;
    max-width: 1056px;
    margin: 0 auto
  }

  .p-newsSec__list {
    margin-top: 48px
  }

  .p-newsSec__link {
    display: flex;
    padding: 44px 98px 44px 32px
  }

  .p-newsSec__link:hover .p-newsSec__circle::before {
    transform: scaleY(1);
    transform-origin: center bottom
  }

  .p-newsSec__data {
    font-size: 14px;
    font-size: .875rem;
    line-height: 2;
    width: 114px;
    flex: 0 0 auto
  }

  .p-newsSec__text {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.64706
  }

  .p-newsSec__circle {
    right: 30px;
    width: 36px;
    height: 36px;
    transform: translateZ(1px)
  }

  .p-performanceTerms {
    padding: 90px 30px 80px
  }

  .p-performanceTerms__wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 76px 0 0
  }

  .p-performanceTerms__title {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.55556
  }

  .p-performanceTerms__data {
    margin-top: 32px;
    text-align: right
  }

  .p-performanceTermsArt {
    padding: 48px 0
  }

  .p-performanceTermsArt__title {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.55556;
    padding-bottom: 12px
  }

  .p-performanceTermsArt__title + .p-performanceTermsSec{
    padding-top: 24px;
  }

  .p-performanceTermsSec {
    padding: 48px 0 0
  }

  .p-performanceTermsSec__item a:hover {
    text-decoration: none
  }

  .p-performanceTermsInfo {
    padding-top: 32px
  }

  .p-performanceTermsInfo__text a:hover {
    text-decoration: none
  }

  .p-featureCompany {
    padding-top: 0;
  }

  .p-featureCompany__topInfo {
    max-width: 675px
  }

  .p-featureCompany__topInfo::after,
  .p-featureCompany__topInfo::before {
    width: 2px;
    height: 34px
  }

  .p-featureCompany__topInfo::before {
    left: -16px;
    transform: rotate(150deg)
  }

  .p-featureCompany__topInfo::after {
    top: 0;
    right: -16px;
    transform: rotate(-150deg)
  }

  .p-featureCompany__topHdg {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.18519
  }

  .p-featureCompany__loopWrap {
    margin-top: 20px
  }

  .p-featureCompany__loopList {
    padding: 0 30px;
    -moz-column-gap: 68px;
    column-gap: 68px
  }

  .p-featureCompany__loopList--left {
    -webkit-animation: infinity-scroll-left 24s infinite linear 1s both;
    animation: infinity-scroll-left 24s infinite linear 1s both
  }

  .p-featureCompany__loopList li {
    width: calc(100vw / 8);
    margin: 0 auto
  }

  .p-featureCompany__loopList .jmam {
    width: 150px
  }

  .p-featureCompany__loopList .menicon {
    width: 190px
  }

  .p-featureCompany__loopList .nippori {
    width: 183px
  }

  .p-featureCompany__loopList .furukawa {
    width: 152px
  }

  .p-featureCompany__loopList .jari {
    width: 130px
  }

  .p-featureCompany__loopList .biglobe {
    width: 172px
  }

  .p-featureCompany__loopList .gmo {
    width: 230px
  }

  .p-featureCompany__loopList .niseko {
    width: 128px
  }

  .p-featureProblem {
    padding-top: 112px;
    padding-right: 30px;
    padding-left: 30px
  }

  .p-featureProblem__inner {
    max-width: 1056px
  }

  .p-featureProblem__topHdg {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.625
  }

  .p-featureProblem__bottom {
    margin-top: 30px;
    padding-top: 64px;
    padding-right: 80px;
    padding-bottom: 64px;
    padding-left: 80px;
    border-radius: 10px;
    justify-content: space-between;
    -moz-column-gap: 64px;
    column-gap: 64px
  }

  .p-featureProblem__bottomHdg {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.07407
  }

  .p-featureProblem__bottomText {
    margin-top: 27px;
    letter-spacing: .02em
  }

  .p-featureProblem__bottomIllust {
    max-width: 500px;
    flex-shrink: 0
  }

  .p-featureFactor {
    padding-top: 80px;
    padding-right: 30px;
    padding-bottom: 115px;
    padding-left: 30px
  }

  .p-featureFactor__inner {
    max-width: 1056px
  }

  .p-featureFactor__topHdg {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.48148
  }

  .p-featureFactor__topText {
    max-width: 929px;
    margin: 16px auto 0;
    letter-spacing: .04em
  }

  .p-featureFactor__table {
    margin-top: 32px
  }

  .p-featureAssignment__inner {
    max-width: 1056px;
    margin: auto;
    padding-top: 82px;
    padding-bottom: 97px;
    padding-inline: 10px
  }

  .p-featureAssignment__hdg {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.625;
    margin-bottom: 48px
  }

  .p-featureAssignment__list {
    display: flex;
    -moz-column-gap: 33px;
    column-gap: 33px
  }

  .p-featureAssignment__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 41px;
    padding-bottom: 55px;
    padding-left: 40px
  }

  .p-featureAssignment__item:nth-of-type(1) .p-featureAssignment__img {
    width: 154px;
    margin-top: 31px
  }

  .p-featureAssignment__item:nth-of-type(1) .p-featureAssignment__title {
    margin-top: 27px
  }

  .p-featureAssignment__item:nth-of-type(2) .p-featureAssignment__img {
    width: 218px;
    margin-top: 42px
  }

  .p-featureAssignment__item:nth-of-type(3) .p-featureAssignment__img {
    width: 234px;
    margin-top: 69px
  }

  .p-featureAssignment__img {
    margin: 0 auto
  }

  .p-featureAssignment__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    margin-top: 33px
  }

  .p-featureAssignment__lead {
    margin-top: 14px
  }

  .p-featurePracticalUse {
    padding-top: 112px;
    padding-right: 30px;
    padding-bottom: 104px;
    padding-left: 30px
  }

  .p-featurePracticalUse__inner {
    max-width: 1056px
  }

  .p-featurePracticalUse__topHdg {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.44444
  }

  .p-featurePracticalUse__topText {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    margin-top: 49px;
    text-align: center
  }

  .p-featurePracticalUse__wrap {
    margin-top: 52px
  }

  .p-featurePracticalUse__content {
    padding-top: 68px;
    padding-right: 100px;
    padding-bottom: 64px;
    padding-left: 101px
  }

  .p-featurePracticalUse__content+.p-featurePracticalUse__content {
    margin-top: 52px
  }

  .p-featurePracticalUse__innerContent {
    display: flex;
    -moz-column-gap: 83px;
    column-gap: 83px
  }

  .p-featurePracticalUse__sceneSmall {
    padding-right: 14px;
    padding-bottom: 5px;
    padding-left: 14px
  }

  .p-featurePracticalUse__sceneTilte {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.4;
    margin-top: 14px
  }

  .p-featurePracticalUse__sceneText {
    margin-top: 23px;
    padding-bottom: 27px
  }

  .p-featurePracticalUse__point {
    margin-top: 8px
  }

  .p-featurePracticalUse__pointText {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.33333
  }

  .p-featurePracticalUse__pointLists {
    margin-top: 6px
  }

  .p-featurePracticalUse__pointList::before {
    top: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    margin: auto
  }

  .p-featurePracticalUse__img {
    max-width: 344px;
    flex-shrink: 0
  }

  .p-featurePracticalUse__bannerItem {
    max-width: 676px;
    margin: 56px auto 0
  }

  .p-featurePracticalUse__bannerBtn {
    padding-top: 20px;
    padding-right: 28px;
    padding-bottom: 20px;
    padding-left: 48px;
    transition: opacity .3s ease
  }

  .p-featurePracticalUse__bannerBtn:hover {
    opacity: .85
  }

  .p-featurePracticalUse__bannerBtn .p-featurePracticalUse__circle {
    width: 28px;
    height: 28px
  }

  .p-featurePracticalUse__bannerBtn .p-featurePracticalUse__circle .p-featurePracticalUse__circleIco {
    width: 6px;
    height: 10px
  }

  .p-featurePracticalUse__bannerContent {
    display: flex;
    align-items: center;
    -moz-column-gap: 31px;
    column-gap: 31px
  }

  .p-featurePracticalUse__bannerLogo {
    width: 180px
  }

  .p-featurePracticalUse__bannerText {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6
  }

  .p-featurePracticalUse__circle {
    right: 24px;
    transform: translateZ(1px)
  }

  .p-featureDownload {
    max-width: 1056px;
    margin: auto;
    margin-top: 100px
  }

  .p-featureDownload--2 {
    margin-top: 0;
    margin-bottom: 100px
  }

  .p-featureDownload a:hover {
    opacity: .85
  }

  .p-performanceRelatedServicesSec__inner {
    max-width: 516px;
    margin: auto;
    padding-top: 60px;
    padding-bottom: 60px
  }

  .p-performanceRelatedServicesSec__hdg {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2.25
  }

  .p-performanceRelatedServicesSec__list {
    margin-top: 39px;
    -moz-column-gap: 36px;
    column-gap: 36px
  }

  .p-performanceRelatedServicesSec__item a:hover {
    opacity: .85
  }
}

@media screen and (min-width:1280px) {
  .p-performanceMv__btn {
    font-size: 18px
  }

  .p-featureNestSec--col1 .p-featureNestSec__text {
    padding-right: 448px;
    padding-left: 239px
  }
}

@media screen and (max-width:1024px) {
  .p-featureAssignment__inner {
    padding: 55px 25px 70px
  }

  .p-featureAssignment__list {
    display: flex;
    flex-direction: column;
    row-gap: 33px
  }

  .p-featurePracticalUse__innerContent {
    display: flex;
    flex-direction: column
  }
}