@charset "UTF-8";
/**
 * イナバタDX
 */
.page-dx {
  container-type: inline-size;
  container-name: page;
}
.page-dx .p-overview {
  position: relative;
  padding-bottom: 0;
}
.page-dx .p-overview::after {
  position: absolute;
  bottom: clamp(-300px, -69.9745547074vw + 237.4045801527px, -25px);
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(86/375 * 100vw);
  content: "";
  background: url("../images/common/logo_green.svg") no-repeat center 0/100% auto;
}

.p-message .c-sectionTitle {
  padding-block-end: clamp(0px, 19.3384223919vw + -72.5190839695px, 76px);
}

.p-dxVision {
  padding: clamp(40px, 5.0890585242vw + 20.9160305344px, 60px) 5.3333333333%;
  background: transparent url("../images/top/bg_other_sp.png") no-repeat center center/cover;
}
.p-dxVision__inner {
  padding: clamp(32px, 8.6513994911vw + -0.4427480916px, 66px) 20px clamp(28px, 13.2315521628vw + -21.6183206107px, 80px);
  border-radius: 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-dxVision__text {
  margin-block-start: clamp(40px, 5.0890585242vw + 20.9160305344px, 60px);
  font-size: clamp(12px, 1.5267175573vw + 6.2748091603px, 18px);
  line-height: 2.3333333333;
}

.p-actions {
  padding: clamp(60px, 15.2671755725vw + 2.7480916031px, 120px) 0;
}
.p-actions__lead {
  padding-inline: 10.6666666667%;
  margin-block-start: 20px;
}
.p-actions__lead__heading {
  margin-block-start: clamp(40px, 15.2671755725vw + -17.2519083969px, 100px);
  font-family: "Noto Serif", "Noto Serif JP", serif;
  font-size: clamp(18px, 3.5623409669vw + 4.641221374px, 32px);
  font-weight: 400;
  text-align: center;
}

.p-actionsStep {
  width: 100%;
  margin: 0 !important;
}
.p-actionsStep__view {
  position: relative;
  width: 100cqi;
  padding: 30px 20px clamp(20px, 5.0890585242vw + 0.9160305344px, 40px);
  overflow: hidden;
}
.p-actionsStep__image {
  width: min(670/375 * 100vw, 960px);
  margin: 0 auto;
}
.p-actionsStep .c-scrollIcon {
  display: none;
  margin-block-start: 20px;
}
.p-actionsStep .c-scrollIcon:is(.p-actionsStep:has(.ps--active-x) *) {
  display: grid;
}
.p-actionsStep .ps__rail-y {
  display: none;
}
.p-actionsStep .ps__rail-x {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  margin-block: 0;
  margin-inline: auto;
  background-color: #CCC;
}
.p-actionsStep .ps__thumb-x {
  position: relative;
  height: 100%;
  background-color: #35C7AC;
}

.p-actions__subSection {
  padding-block-start: clamp(40px, 5.0890585242vw + 20.9160305344px, 60px);
  margin-inline: 0 !important;
}
.p-actions__subSection__title {
  padding-block-end: clamp(10px, 2.5445292621vw + 0.4580152672px, 20px);
  margin-inline: -1em !important;
  font-family: "Noto Serif", "Noto Serif JP", serif;
  font-size: clamp(18px, 3.5623409669vw + 4.641221374px, 32px);
  font-weight: 400;
  text-align: center;
}
.p-actions__subSection .p-actions__subHeading {
  margin-block-start: clamp(12px, 5.0890585242vw + -7.0839694656px, 32px);
  font-size: clamp(14px, 1.5267175573vw + 8.2748091603px, 20px);
  line-height: 2;
  letter-spacing: 0.05em;
}
.p-actions__subSection .p-actions__text,
.p-actions__subSection .p-actions__list {
  margin-block-start: 12px;
  font-size: clamp(14px, 0.5089058524vw + 12.0916030534px, 16px);
  line-height: 2;
  letter-spacing: 0.05em;
}

.p-chart {
  padding: clamp(60px, 64.8854961832vw + -183.320610687px, 315px) 0 clamp(60px, 25.4452926209vw + -35.4198473282px, 160px);
  background-image: url("../images/common/logo_white.svg");
  background-repeat: no-repeat;
  background-position: center min(110/375 * 100vw, 100px);
  background-size: 100% auto;
}
.p-chart .c-sectionTitle__main {
  letter-spacing: 0.05em;
}
.p-chart__inner {
  margin-block-start: clamp(30px, 7.6335877863vw + 1.3740458015px, 60px);
}
.p-chart__text {
  box-sizing: content-box;
  max-width: 960px;
  padding-inline: 10.6666666667%;
  margin-block-start: clamp(40px, 15.2671755725vw + -17.2519083969px, 100px);
  margin-inline: auto;
  font-size: clamp(14px, 1.0178117048vw + 10.1832061069px, 18px);
  line-height: 2;
  letter-spacing: 0.05em;
}
.p-chart__view {
  position: relative;
  width: 100cqi;
  padding: 30px 20px clamp(20px, 5.0890585242vw + 0.9160305344px, 40px);
  overflow: hidden;
}
.p-chart__figWrapper {
  box-sizing: content-box;
  width: min(560/375 * 100vw, 860px);
  margin: 0 auto;
}
.p-chart__figTitle {
  margin-bottom: clamp(30px, 2.5445292621vw + 20.4580152672px, 40px);
  font-family: "Noto Serif", "Noto Serif JP", serif;
  font-size: clamp(18px, 3.5623409669vw + 4.641221374px, 32px);
  font-weight: 400;
  text-align: center;
}
.p-chart__image {
  width: min(560/375 * 100vw, 860px);
  margin: 0 auto;
}
.p-chart .c-scrollIcon {
  display: none;
  margin-block-start: 20px;
}
.p-chart .c-scrollIcon:is(.p-chart:has(.ps--active-x) *) {
  display: grid;
}
.p-chart .ps__rail-y {
  display: none;
}
.p-chart .ps__rail-x {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  margin-block: 0;
  margin-inline: auto;
  background-color: #CCC;
}
.p-chart .ps__thumb-x {
  position: relative;
  height: 100%;
  background-color: #35C7AC;
}

.p-policy {
  padding-block-start: clamp(60px, 15.2671755725vw + 2.7480916031px, 120px);
  margin-block-start: 0;
}
.p-policy .c-sectionTitle__main {
  letter-spacing: 0.05em;
}
.p-policy__lead {
  margin-block-start: clamp(32px, 17.3027989822vw + -32.8854961832px, 100px);
  letter-spacing: 0.05em;
}
.p-policy__heading {
  font-size: clamp(14px, 1.5267175573vw + 8.2748091603px, 20px);
}
.p-policy__text {
  margin-block-start: 12px;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px){
  .page-dx .p-overview {
    padding-inline: 5.3333333333%;
  }
  .page-dx .c-pageLead br:nth-child(2) {
    display: none;
  }
  .p-actions__lead {
    text-align: left;
  }
}
@media screen and (min-width: 769px){
  .p-dxVision {
    background: transparent url("../images/top/bg_other_pc.png") no-repeat center center/cover;
  }
  .p-dxVision__text {
    line-height: 2;
  }
  .p-actions__subSection__title {
    margin-inline: auto !important;
  }
  .p-chart__text {
    text-align: center;
  }
}