/*
Theme Name: 
Theme URI: 
Author: COMLAB
*/
/* font
  ========================================================================== */
/* AcuminProExtraCondensed */
@font-face {
  font-family: "AcuminProCondensed";
  src: url("../fonts/AcuminProCond-Regular.otf") format("opentype"), url("../fonts/AcuminProCond-Regular.woff") format("woff"), url("../fonts/AcuminProCond-Regular.svg") format("svg");
  font-weight: 400;
}
@font-face {
  font-family: "AcuminProCondensed";
  src: url("../fonts/AcuminProCond-Semibold.otf") format("opentype"), url("../fonts/AcuminProCond-Semibold.woff") format("woff"), url("../fonts/AcuminProCond-Semibold.svg") format("svg");
  font-weight: 600;
}
/*font family settings*/
/* mixin
  ========================================================================== */
/* variable
  ========================================================================== */
/* common
  ========================================================================== */
/* width */
.l-width__wide, .l-width__mid, .l-width__min, .l-width__exmin {
  margin-left: auto;
  margin-right: auto;
  max-width: 90.13%;
}
.l-width__full {
  width: 100%;
  max-width: 100%;
}
.l-width__wide {
  width: 1400px;
  max-width: 100%;
}
.l-width__mid {
  width: 1260px;
}
.l-width__min {
  width: 1196px;
}
.l-width__exmin {
  width: 1120px;
}

/* animation */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* font */
.u-font__got {
  font-family: "source-han-sans-japanese", Yu Gothic, YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.u-font__min {
  font-family: Yu Mincho, YuMincho, "Hiragino Mincho ProN", "MS PMincho", serif;
}
.u-font__en {
  font-family: "AcuminProCondensed", serif !important;
}

/* display */
.u-dp__ib {
  display: inline-block;
}
@media (max-width: 840px) {
  .u-dp__pc {
    display: none;
  }
}
@media (min-width: 841px) {
  .u-dp__sp {
    display: none;
  }
}

/* .p-section_title */
.p-section_title {
  font-weight: 600;
  font-family: "AcuminProCondensed", serif !important;
  font-size: 5.6875rem;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #0000ff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 0.215em 1fr;
  grid-template-columns: auto 1fr;
  gap: 0 0.215em;
}
@media (max-width: 1200px) {
  .p-section_title {
    font-size: 4.5625rem;
    gap: 0 0.26em;
  }
}
@media (max-width: 840px) {
  .p-section_title {
    font-size: 3.4375rem;
    gap: 0 0.24em;
  }
}
@media (max-width: 540px) {
  .p-section_title {
    font-size: 2.375rem;
    gap: 0 0.28em;
  }
}
.p-section_title:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: #0000ff;
  margin-top: 0.09em;
}
@media (max-width: 1200px) {
  .p-section_title:before {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 840px) {
  .p-section_title:before {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 540px) {
  .p-section_title:before {
    width: 8px;
    height: 8px;
    margin-top: 0.05em;
  }
}

/* .p-common_2column */
.p-common_2column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(100% - 1040px) 570px;
  grid-template-columns: 1fr 570px;
  -ms-grid-rows: auto 0 1fr 0 auto;
  grid-template-rows: auto 1fr auto;
      grid-template-areas: "num picture" "title picture" "detail picture";
  gap: 0 calc(100% - 1040px);
  border-bottom: 1px solid #0000ff;
  padding: 1.4em 0;
}
@media (max-width: 1240px) {
  .p-common_2column {
    -ms-grid-columns: 1fr 5.63% 50.72%;
    grid-template-columns: 1fr 50.72%;
    gap: 0 5.63%;
  }
}
@media (max-width: 1000px) {
  .p-common_2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: calc(50% - 320px);
    padding-right: calc(50% - 320px);
  }
}
@media (max-width: 840px) {
  .p-common_2column {
    padding-left: calc(50% - 270px);
    padding-right: calc(50% - 270px);
  }
}
.p-common_2column:not(:has(.__num)) {
  -ms-grid-rows: 2.8em 1fr auto;
  grid-template-rows: 2.8em 1fr auto;
}
@media (max-width: 1240px) {
  .p-common_2column:not(:has(.__num)) {
    -ms-grid-rows: 2em 1fr auto;
    grid-template-rows: 2em 1fr auto;
  }
}
.p-common_2column:first-of-type {
  border-top: 1px solid #0000ff;
}
.p-common_2column .__picture {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  grid-area: picture;
  line-height: 0;
  -ms-grid-row-align: center;
      align-self: center;
  height: 100%;
}
.p-common_2column .__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1000px) {
  .p-common_2column .__picture img {
    aspect-ratio: 337/200;
  }
}
.p-common_2column .__num,
.p-common_2column .__title {
  color: #0000ff;
  font-weight: 500;
}
.p-common_2column .__num {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: num;
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: 0.06em;
  margin-top: 1em;
}
@media (max-width: 1200px) {
  .p-common_2column .__num {
    margin-top: 0.89em;
  }
}
@media (max-width: 840px) {
  .p-common_2column .__num {
    margin-top: 0.78em;
  }
}
@media (max-width: 540px) {
  .p-common_2column .__num {
    margin-top: 0.675em;
  }
}
.p-common_2column .__title {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: title;
  font-size: 1.75rem;
  line-height: 1.428;
  letter-spacing: 0.01em;
}
@media (max-width: 1200px) {
  .p-common_2column .__title {
    font-size: 1.5625rem;
  }
}
@media (max-width: 1000px) {
  .p-common_2column .__title {
    margin-top: 0.95em;
  }
}
@media (max-width: 840px) {
  .p-common_2column .__title {
    font-size: 1.375rem;
  }
}
@media (max-width: 540px) {
  .p-common_2column .__title {
    font-size: 1.25rem;
  }
}
@media (max-width: 1000px) {
  .p-common_2column .__num + .__title {
    margin-top: 0;
  }
}
.p-common_2column .__detail {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: detail;
  margin-top: 2em;
}
@media (min-width: 1001px) {
  .p-common_2column .__detail {
    margin-bottom: -0.35em;
  }
}
@media (max-width: 1000px) {
  .p-common_2column .__detail {
    margin-top: 1.3em;
  }
}
.p-common_2column .__detail .__detail__link {
  display: inline-block;
  padding: 0.5em 0;
  text-underline-offset: 0.2em;
}
.p-common_2column .__detail .__detail__link:after {
  content: " >>";
}

/* .u-common_show */
.u-common_show {
  opacity: 0;
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

/* .p-commmon_flowicon */
.p-commmon_flowicon {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  z-index: 1;
}
.is-Win .p-commmon_flowicon {
  -webkit-transition: opacity 0.25s, -webkit-transform 1s;
  transition: opacity 0.25s, -webkit-transform 1s;
  transition: transform 1s, opacity 0.25s;
  transition: transform 1s, opacity 0.25s, -webkit-transform 1s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
html:not(.is-scrolled) .p-commmon_flowicon {
  opacity: 0 !important;
}
.p-commmon_flowicon img {
  zoom: 0.5;
  -moz-zoom: 0.5;
}
@media (max-width: 1200px) {
  .p-commmon_flowicon img {
    zoom: 0.41;
    -moz-zoom: 0.41;
  }
}
@media (max-width: 840px) {
  .p-commmon_flowicon img {
    zoom: 0.32;
    -moz-zoom: 0.32;
  }
}
@media (max-width: 540px) {
  .p-commmon_flowicon img {
    zoom: 0.225;
    -moz-zoom: 0.225;
  }
}

/* dx main
  ========================================================================== */
/* .l-main */
.l-main {
  padding: 0;
  background: #fafaf9;
  overflow: hidden;
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.l-main > *:not(.l-localnav) {
  font-size: 0.875rem;
  line-height: 1.714;
  letter-spacing: 0.06em;
  font-family: "source-han-sans-japanese", Yu Gothic, YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  max-width: 100%;
  margin-bottom: 0;
  z-index: 1;
  position: relative;
}
.l-main a {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.l-main a:hover {
  color: inherit;
  opacity: 0.5;
}
.l-main img {
  max-width: 100%;
  max-height: 100%;
}
.l-main .l-localnav {
  margin: 0;
}

/* dx contents
  ========================================================================== */
/* .p-dx_kv */
.p-dx_kv #dv_hero_canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-dx_kv .__icon01 {
  bottom: 17px;
  left: -1050px;
}
@media (max-width: 1400px) {
  .p-dx_kv .__icon01 {
    left: -74.9%;
  }
}
@media (max-width: 1200px) {
  .p-dx_kv .__icon01 {
    bottom: -232px;
    left: -71.77%;
  }
}
@media (max-width: 840px) {
  .p-dx_kv .__icon01 {
    bottom: -213px;
    left: -68.64%;
  }
}
@media (max-width: 540px) {
  .p-dx_kv .__icon01 {
    bottom: -194px;
    left: -65.5%;
  }
}
.p-dx_kv .__icon02 {
  bottom: -97px;
  left: 36px;
}
@media (max-width: 1400px) {
  .p-dx_kv .__icon02 {
    left: 2.58%;
  }
}
@media (max-width: 1200px) {
  .p-dx_kv .__icon02 {
    bottom: -269px;
    left: 8.89%;
  }
}
@media (max-width: 840px) {
  .p-dx_kv .__icon02 {
    bottom: -237px;
    left: 15.2%;
  }
}
@media (max-width: 540px) {
  .p-dx_kv .__icon02 {
    bottom: -205px;
    left: 21.5%;
  }
}
.p-dx_kv .__icon03 {
  bottom: -235px;
  right: -1116px;
}
@media (max-width: 1400px) {
  .p-dx_kv .__icon03 {
    right: -79.6%;
  }
}
@media (max-width: 1200px) {
  .p-dx_kv .__icon03 {
    bottom: -333px;
    right: -69.74%;
  }
}
@media (max-width: 840px) {
  .p-dx_kv .__icon03 {
    bottom: -320px;
    right: -71.87%;
  }
}
@media (max-width: 540px) {
  .p-dx_kv .__icon03 {
    bottom: -307px;
    right: -74%;
  }
}

.p-dx_kv__wrapper {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .p-dx_kv__wrapper {
    height: 737px;
  }
}
@media (max-width: 840px) {
  .p-dx_kv__wrapper {
    height: 600px;
  }
}
@media (max-width: 540px) {
  .p-dx_kv__wrapper {
    height: 462px;
  }
}

.p-dx_kv__title {
  position: absolute;
  top: 6.5%;
  left: 4.85%;
  color: #0000ff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (min-width: 1401px) {
  .p-dx_kv__title {
    left: -56.35%;
    right: 0;
    margin: 0 auto;
  }
}
@media (min-width: 1601px) {
  .p-dx_kv__title {
    left: -902px;
  }
}
@media (max-width: 1200px) {
  .p-dx_kv__title {
    font-size: 2.5625rem;
    line-height: 1.58;
  }
}
@media (max-width: 1000px) {
  .p-dx_kv__title {
    position: static;
    padding: 1.1em 0 0 5%;
  }
}
@media (max-width: 840px) {
  .p-dx_kv__title {
    font-size: 2.0625rem;
    line-height: 1.55;
  }
}
@media (max-width: 540px) {
  .p-dx_kv__title {
    font-size: 1.5625rem;
    line-height: 1.52;
  }
}
.p-dx_kv__title typewritten-text .typewritten-text_character::after,
.p-dx_kv__title typewritten-text .typewritten-text_start::after {
  -webkit-animation: caretBlink 1.5s infinite;
          animation: caretBlink 1.5s infinite;
  -webkit-transition: color 1.5s;
  transition: color 1.5s;
}
.p-dx_kv__title typewritten-text.is-end .typewritten-text_character::after,
.p-dx_kv__title typewritten-text.is-end .typewritten-text_start::after {
  color: rgba(0, 0, 255, 0);
}

@-webkit-keyframes caretBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes caretBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.p-dx_kv__mark {
  width: 569px;
  height: 569px;
  aspect-ratio: 1/1;
  position: absolute;
  right: 13.55%;
  top: 0;
  bottom: 15.75%;
  margin: auto 0;
  z-index: 10;
}
.p-dx_kv__mark:not(.is-touch) {
  pointer-events: none;
}
@media (min-width: 1401px) {
  .p-dx_kv__mark {
    right: -32.25%;
    left: 0;
    margin: auto;
  }
}
@media (min-width: 1601px) {
  .p-dx_kv__mark {
    right: -517px;
  }
}
@media (max-width: 1200px) {
  .p-dx_kv__mark {
    width: 461px;
    height: 461px;
    right: 11.89%;
  }
}
@media (max-width: 1000px) {
  .p-dx_kv__mark {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    margin-left: auto;
    margin: 1.25em 8.5% 0 auto;
    width: 407px;
    height: 407px;
  }
}
@media (max-width: 840px) {
  .p-dx_kv__mark {
    width: 353px;
    height: 353px;
  }
}
@media (max-width: 540px) {
  .p-dx_kv__mark {
    width: 245px;
    height: 245px;
  }
}

.p-dx_kv__mark__ring {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate360L 30s linear infinite;
          animation: rotate360L 30s linear infinite;
}

.p-dx_kv__mark__text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 132px);
  aspect-ratio: 1/1;
  -webkit-animation: rotate360R 30s linear infinite;
          animation: rotate360R 30s linear infinite;
}
@media (max-width: 1200px) {
  .p-dx_kv__mark__text {
    width: calc(100% - 106px);
  }
}
@media (max-width: 840px) {
  .p-dx_kv__mark__text {
    width: calc(100% - 81px);
  }
}
@media (max-width: 540px) {
  .p-dx_kv__mark__text {
    width: calc(100% - 56px);
  }
}

@-webkit-keyframes rotate360R {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate360R {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate360L {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate360L {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.p-dv_kv__catch {
  position: absolute;
  display: block;
  top: 4.2%;
  right: -0.4em;
  width: 64px;
  height: 578px;
  text-indent: -9999px;
  background: url(../img/text-index_kv__catch.svg) no-repeat center/contain;
}
@media (min-width: 1401px) {
  .p-dv_kv__catch {
    left: 0;
    right: -95.1svw;
    margin: 0 auto;
  }
}
@media (min-width: 1601px) {
  .p-dv_kv__catch {
    right: -1522px;
  }
}
@media (max-width: 1200px) {
  .p-dv_kv__catch {
    top: 6.9%;
    right: 0.3em;
    width: 48px;
    height: 432px;
  }
}
@media (max-width: 840px) {
  .p-dv_kv__catch {
    top: 5.37%;
    right: 0.85em;
    width: 33px;
    height: 296px;
  }
}
@media (max-width: 540px) {
  .p-dv_kv__catch {
    top: 8%;
    right: 0.6em;
    width: 18px;
    height: 161px;
  }
}

.p-dv_kv__scroll {
  position: absolute;
  top: calc(4.2% + 619px);
  right: calc(0.4em + 5px);
  display: block;
  width: 13px;
  height: 39px;
  text-indent: -9999px;
  background: url(../img/icon-index_kv__scroll.svg) no-repeat center/contain;
}
@media (min-width: 1401px) {
  .p-dv_kv__scroll {
    left: 0;
    right: calc(-95.1svw - 18px);
    margin: 0 auto;
  }
}
@media (min-width: 1601px) {
  .p-dv_kv__scroll {
    right: -1540px;
  }
}
@media (max-width: 1200px) {
  .p-dv_kv__scroll {
    top: calc(6.9% + 473px);
    right: calc(0.3em + 8px);
  }
}
@media (max-width: 1000px) {
  .p-dv_kv__scroll {
    top: auto;
    bottom: 17%;
  }
}
@media (max-width: 840px) {
  .p-dv_kv__scroll {
    bottom: 13.9%;
    right: 0.85em;
  }
}
@media (max-width: 540px) {
  .p-dv_kv__scroll {
    bottom: 10.2%;
    right: calc(0.6em + 4px);
  }
}

/* .p-dx_vision */
.p-dx_vision {
  margin-top: 23.7em;
}
@media (max-width: 1200px) {
  .p-dx_vision {
    margin-top: 22em;
  }
}
@media (max-width: 840px) {
  .p-dx_vision {
    margin-top: 20.27em;
  }
}
@media (max-width: 540px) {
  .p-dx_vision {
    margin-top: 18.55em;
  }
}

.p-dx_vision__about__info {
  margin-top: 1.7em;
  line-height: 1.785;
  max-width: calc(48em + 6.3%);
  width: 100%;
  padding: 0 3.15%;
}
@media (max-width: 1200px) {
  .p-dx_vision__about__info {
    margin-top: 1.46em;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__about__info {
    margin-top: 1.23em;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__about__info {
    margin-top: 1em;
    padding: 0;
  }
}

.p-dx_vision__point {
  margin-top: 14.8em;
  position: relative;
}
@media (max-width: 1200px) {
  .p-dx_vision__point {
    margin-top: 13.35em;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point {
    margin-top: 11.9em;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point {
    margin-top: 10.45em;
  }
}
.p-dx_vision__point .__icon04 {
  top: -3px;
  right: -1024px;
}
@media (max-width: 1400px) {
  .p-dx_vision__point .__icon04 {
    top: -70px;
    right: -62.1%;
  }
}
@media (max-width: 1200px) {
  .p-dx_vision__point .__icon04 {
    top: -39px;
    right: -74.9%;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point .__icon04 {
    top: -20px;
    right: -77.7%;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point .__icon04 {
    top: -50px;
    right: -80.5%;
  }
}
.p-dx_vision__point .__icon05 {
  bottom: 380px;
  left: -930px;
}
@media (max-width: 1400px) {
  .p-dx_vision__point .__icon05 {
    left: -66.4%;
  }
}
@media (max-width: 1200px) {
  .p-dx_vision__point .__icon05 {
    bottom: 277px;
    left: -66.93%;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point .__icon05 {
    top: -68px;
    bottom: auto;
    left: -67.46%;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point .__icon05 {
    top: -88px;
    left: -68%;
  }
}

.p-dx_vision__point__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 250px 1fr 250px;
  grid-template-columns: 250px 1fr 250px;
  -ms-grid-rows: 250px 1fr 250px;
  grid-template-rows: 250px 1fr 250px;
  position: relative;
      grid-template-areas: "box1 . box2" ". . ." "box3 . box4";
  width: 838px;
  height: 614px;
  padding: 1.65em 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
}
.p-dx_vision__point__wrapper:after {
  content: "";
  display: block;
  background: url(../img/bg-dx_vision__pc.svg) no-repeat center/contain;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-filter: blur(3px);
          filter: blur(3px);
  -webkit-transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, filter 0.5s;
  transition: opacity 0.5s, filter 0.5s, -webkit-filter 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.is-view .p-dx_vision__point__wrapper:after {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}
@media (max-width: 1200px) {
  .p-dx_vision__point__wrapper {
    -ms-grid-columns: 210px 1fr 210px;
    grid-template-columns: 210px 1fr 210px;
    -ms-grid-rows: 210px 1fr 210px;
    grid-template-rows: 210px 1fr 210px;
    height: 530px;
  }
  .p-dx_vision__point__wrapper > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-dx_vision__point__wrapper > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .p-dx_vision__point__wrapper > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-dx_vision__point__wrapper > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .p-dx_vision__point__wrapper > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .p-dx_vision__point__wrapper > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .p-dx_vision__point__wrapper > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-dx_vision__point__wrapper > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .p-dx_vision__point__wrapper > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__wrapper {
    -ms-grid-columns: 170px 1fr 170px;
    grid-template-columns: 170px 1fr 170px;
    -ms-grid-rows: 170px 1fr 170px;
    grid-template-rows: 170px 1fr 170px;
    height: 446px;
    width: 540px;
  }
  .p-dx_vision__point__wrapper > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-dx_vision__point__wrapper > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .p-dx_vision__point__wrapper > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-dx_vision__point__wrapper > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .p-dx_vision__point__wrapper > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .p-dx_vision__point__wrapper > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .p-dx_vision__point__wrapper > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-dx_vision__point__wrapper > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .p-dx_vision__point__wrapper > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-dx_vision__point__wrapper:after {
    background-image: url(../img/bg-dx_vision__sp.svg);
    background-size: 90%;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__wrapper {
    -ms-grid-columns: 130px 1fr 130px;
    grid-template-columns: 130px 1fr 130px;
    -ms-grid-rows: 130px 1fr 130px;
    grid-template-rows: 130px 1fr 130px;
    height: 363px;
    width: 420px;
    padding: 0;
    max-width: 97.86%;
  }
  .p-dx_vision__point__wrapper > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-dx_vision__point__wrapper > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .p-dx_vision__point__wrapper > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-dx_vision__point__wrapper > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .p-dx_vision__point__wrapper > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .p-dx_vision__point__wrapper > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .p-dx_vision__point__wrapper > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-dx_vision__point__wrapper > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .p-dx_vision__point__wrapper > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-dx_vision__point__wrapper:after {
    background-size: 338px;
  }
}

.p-dx_vision__point__head {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #0000ff;
  width: 360px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, filter 0.5s;
  transition: opacity 0.5s, filter 0.5s, -webkit-filter 0.5s;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  -webkit-filter: blur(3px);
          filter: blur(3px);
}
.is-view .p-dx_vision__point__head {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}
@media (max-width: 1200px) {
  .p-dx_vision__point__head {
    width: 296px;
    padding-top: 0.6em;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__head {
    width: 233px;
    padding-top: 0.6em;
  }
}
@media (max-width: 640px) {
  .p-dx_vision__point__head {
    width: 211px;
    padding-top: 0.9em;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__head {
    width: 170px;
    padding-top: 0.7em;
  }
}
.p-dx_vision__point__head,
.p-dx_vision__point__head .__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-dx_vision__point__head .__sub {
  color: #fff;
}
.p-dx_vision__point__head .__sub .__sub__small,
.p-dx_vision__point__head .__sub .__sub__bold {
  font-weight: 600;
}
.p-dx_vision__point__head .__sub .__sub__small {
  font-size: 2.3125rem;
  letter-spacing: 0.04em;
}
@media (max-width: 1200px) {
  .p-dx_vision__point__head .__sub .__sub__small {
    font-size: 1.875rem;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__head .__sub .__sub__small {
    font-size: 1.4375rem;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__head .__sub .__sub__small {
    font-size: 1rem;
  }
}
.p-dx_vision__point__head .__sub .__sub__bold {
  font-size: 6.25rem;
  line-height: 1;
  letter-spacing: 0.07em;
  margin-top: 0.11em;
}
@media (max-width: 1200px) {
  .p-dx_vision__point__head .__sub .__sub__bold {
    font-size: 5rem;
    margin-top: 0.1em;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__head .__sub .__sub__bold {
    font-size: 3.8125rem;
    margin-top: 0.09em;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__head .__sub .__sub__bold {
    font-size: 2.625rem;
    margin-top: 0.08em;
  }
}
.p-dx_vision__point__head .__sub .__sub__text {
  text-align: center;
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-top: -0.25em;
}
@media (max-width: 1200px) {
  .p-dx_vision__point__head .__sub .__sub__text {
    font-size: 1rem;
    margin-top: -0.3em;
    line-height: 1.56;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__head .__sub .__sub__text {
    font-size: 0.8125rem;
    margin-top: -0.35em;
    line-height: 1.53;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__head .__sub .__sub__text {
    font-size: 0.625rem;
    margin-top: -0.4em;
    line-height: 1.5;
  }
}

.p-dx_vision__point__box,
.p-dx_vision__point__box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-dx_vision__point__box {
  position: relative;
  z-index: 5;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.is-view .p-dx_vision__point__box {
  opacity: 1;
}
.p-dx_vision__point__box:before, .p-dx_vision__point__box:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, filter 0.5s;
  transition: opacity 0.5s, filter 0.5s, -webkit-filter 0.5s;
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
  -webkit-filter: blur(3px);
          filter: blur(3px);
}
.is-view .p-dx_vision__point__box:before, .is-view .p-dx_vision__point__box:after {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}
.p-dx_vision__point__box:before {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #0000ff;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 840px) {
  .p-dx_vision__point__box:before {
    width: 6px;
    height: 6px;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__box:before {
    width: 4px;
    height: 4px;
  }
}
.p-dx_vision__point__box:after {
  background: -webkit-gradient(linear, left top, left bottom, from(blue), color-stop(28%, blue), color-stop(28%, rgba(0, 0, 255, 0)), to(rgba(0, 0, 255, 0))) 0% 0%;
  background: linear-gradient(to bottom, blue, blue 28%, rgba(0, 0, 255, 0) 28%, rgba(0, 0, 255, 0) 100%) 0% 0%;
  background-size: 2px 7px;
  width: 2px;
  height: 100%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media (max-width: 840px) {
  .p-dx_vision__point__box:after {
    background-size: 2px 6px;
  }
}
.p-dx_vision__point__box.__no1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: box1;
  rotate: 122deg;
}
@media (max-width: 1200px) {
  .p-dx_vision__point__box.__no1 {
    rotate: 126deg;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__box.__no1 {
    rotate: 130deg;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__box.__no1 {
    rotate: 135deg;
  }
}
.p-dx_vision__point__box.__no2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: box2;
  rotate: -122deg;
}
@media (max-width: 1200px) {
  .p-dx_vision__point__box.__no2 {
    rotate: -126deg;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__box.__no2 {
    rotate: -130deg;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__box.__no2 {
    rotate: -135deg;
  }
}
.p-dx_vision__point__box.__no3 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: box3;
  rotate: 58deg;
}
@media (max-width: 1200px) {
  .p-dx_vision__point__box.__no3 {
    rotate: 53deg;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__box.__no3 {
    rotate: 49deg;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__box.__no3 {
    rotate: 45deg;
  }
}
.p-dx_vision__point__box.__no4 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: box4;
  rotate: -58deg;
}
@media (max-width: 1200px) {
  .p-dx_vision__point__box.__no4 {
    rotate: -53deg;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__box.__no4 {
    rotate: -49deg;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__box.__no4 {
    rotate: -45deg;
  }
}

.p-dx_vision__point__box__inner {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 100%;
  position: relative;
  border: 2px solid #0000ff;
  background: #fafaf9;
  z-index: 10;
  gap: 0.55em 0;
  padding-top: 0.5em;
}
@media (max-width: 840px) {
  .p-dx_vision__point__box__inner {
    gap: 0.5em 0;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__box__inner {
    padding-top: 0;
  }
}
.__no1 .p-dx_vision__point__box__inner {
  rotate: -122deg;
}
@media (max-width: 1200px) {
  .__no1 .p-dx_vision__point__box__inner {
    rotate: -126deg;
  }
}
@media (max-width: 840px) {
  .__no1 .p-dx_vision__point__box__inner {
    rotate: -130deg;
  }
}
@media (max-width: 540px) {
  .__no1 .p-dx_vision__point__box__inner {
    rotate: -135deg;
  }
}
.__no2 .p-dx_vision__point__box__inner {
  rotate: 122deg;
}
@media (max-width: 1200px) {
  .__no2 .p-dx_vision__point__box__inner {
    rotate: 126deg;
  }
}
@media (max-width: 840px) {
  .__no2 .p-dx_vision__point__box__inner {
    rotate: 130deg;
  }
}
@media (max-width: 540px) {
  .__no2 .p-dx_vision__point__box__inner {
    rotate: 135deg;
  }
}
.__no3 .p-dx_vision__point__box__inner {
  rotate: -58deg;
}
@media (max-width: 1200px) {
  .__no3 .p-dx_vision__point__box__inner {
    rotate: -53deg;
  }
}
@media (max-width: 840px) {
  .__no3 .p-dx_vision__point__box__inner {
    rotate: -49deg;
  }
}
@media (max-width: 540px) {
  .__no3 .p-dx_vision__point__box__inner {
    rotate: -45deg;
  }
}
.__no4 .p-dx_vision__point__box__inner {
  rotate: 58deg;
}
@media (max-width: 1200px) {
  .__no4 .p-dx_vision__point__box__inner {
    rotate: 53deg;
  }
}
@media (max-width: 840px) {
  .__no4 .p-dx_vision__point__box__inner {
    rotate: 49deg;
  }
}
@media (max-width: 540px) {
  .__no4 .p-dx_vision__point__box__inner {
    rotate: 45deg;
  }
}
.p-dx_vision__point__box__inner .__head {
  font-weight: 600;
  font-size: 2.75rem;
  letter-spacing: 0.02em;
  color: #0000ff;
  line-height: 0.85;
  text-align: center;
}
@media (max-width: 1200px) {
  .p-dx_vision__point__box__inner .__head {
    font-size: 2.25rem;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__box__inner .__head {
    font-size: 1.75rem;
    line-height: 0.9;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__box__inner .__head {
    font-size: 1.25rem;
  }
}
.p-dx_vision__point__box__inner .__body {
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media (max-width: 1200px) {
  .p-dx_vision__point__box__inner .__body {
    font-size: 0.875rem;
    line-height: 1.61;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__point__box__inner .__body {
    font-size: 0.8125rem;
    line-height: 1.47;
    min-height: 3em;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__point__box__inner .__body {
    font-size: 0.75rem;
    line-height: 1.33;
  }
}

.p-dx_vision__detail {
  margin-top: 23.1em;
  position: relative;
}
@media (max-width: 1200px) {
  .p-dx_vision__detail {
    margin-top: 19.74em;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__detail {
    margin-top: 16.37em;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__detail {
    margin-top: 13em;
  }
}
.p-dx_vision__detail .__icon06 {
  top: -120px;
  right: -842px;
}
@media (max-width: 1400px) {
  .p-dx_vision__detail .__icon06 {
    right: -52.5%;
  }
}
@media (max-width: 1200px) {
  .p-dx_vision__detail .__icon06 {
    top: -87px;
    right: -58.9%;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__detail .__icon06 {
    top: -54px;
    right: -65.2%;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__detail .__icon06 {
    top: -51px;
    right: -71.6%;
  }
}
@media (max-width: 1200px) {
  .p-dx_vision__detail .__icon06 img {
    zoom: 0.42;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__detail .__icon06 img {
    zoom: 0.33;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__detail .__icon06 img {
    zoom: 0.245;
  }
}
.p-dx_vision__detail .__icon07 {
  top: -166px;
  left: -978px;
}
@media (max-width: 1400px) {
  .p-dx_vision__detail .__icon07 {
    left: -72.5%;
  }
}
@media (max-width: 1200px) {
  .p-dx_vision__detail .__icon07 {
    top: -143px;
    left: -71.73%;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__detail .__icon07 {
    top: -120px;
    left: -70.96%;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__detail .__icon07 {
    top: -97px;
    left: -70.2%;
  }
}
@media (max-width: 1200px) {
  .p-dx_vision__detail .__icon07 img {
    zoom: 0.42;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__detail .__icon07 img {
    zoom: 0.34;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__detail .__icon07 img {
    zoom: 0.267;
  }
}
.p-dx_vision__detail .__icon08 {
  bottom: -456px;
  right: -882px;
}
@media (max-width: 1400px) {
  .p-dx_vision__detail .__icon08 {
    right: -58.5%;
  }
}
@media (max-width: 1200px) {
  .p-dx_vision__detail .__icon08 {
    bottom: -367px;
    right: -63.07%;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__detail .__icon08 {
    bottom: -279px;
    right: -67.64%;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__detail .__icon08 {
    bottom: -190px;
    right: -72.2%;
  }
}
@media (max-width: 1200px) {
  .p-dx_vision__detail .__icon08 img {
    zoom: 0.41;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__detail .__icon08 img {
    zoom: 0.33;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__detail .__icon08 img {
    zoom: 0.252;
  }
}

.p-dx_vision__detail__wrapper {
  position: relative;
  z-index: 10;
}

.p-dx_vision__detail__title {
  font-weight: 500;
  font-size: 2.25rem;
  letter-spacing: 0.03em;
  color: #0000ff;
  text-align: center;
}
@media (max-width: 1200px) {
  .p-dx_vision__detail__title {
    font-size: 2rem;
    line-height: 1.6;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__detail__title {
    font-size: 1.75rem;
    line-height: 1.49;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__detail__title {
    font-size: 1.5rem;
    line-height: 1.375;
  }
}

.p-dx_vision__detail__title + .p-dx_vision__detail__box {
  margin-top: 3.25em;
}
@media (max-width: 1200px) {
  .p-dx_vision__detail__title + .p-dx_vision__detail__box {
    margin-top: 2.59em;
  }
}
@media (max-width: 840px) {
  .p-dx_vision__detail__title + .p-dx_vision__detail__box {
    margin-top: 1.93em;
  }
}
@media (max-width: 540px) {
  .p-dx_vision__detail__title + .p-dx_vision__detail__box {
    margin-top: 1.275em;
  }
}
@media (max-width: 1000px) {
  .p-dx_vision__detail__box .__title {
    text-align: center;
  }
}

/* .p-dx_history */
@media (max-width: 840px) {
  .p-dx_history {
    margin-top: -10vh;
  }
}
.l-main > .p-dx_history {
  z-index: 6;
}
.p-dx_history .__icon09 {
  top: 130px;
  left: -1150px;
}
@media (max-width: 1400px) {
  .p-dx_history .__icon09 {
    left: -77.1%;
  }
}
@media (max-width: 1200px) {
  .p-dx_history .__icon09 {
    top: 120px;
    left: -78%;
  }
}
@media (max-width: 840px) {
  .p-dx_history .__icon09 {
    top: calc(10vh + 60px);
    left: -78%;
  }
}
@media (max-width: 540px) {
  .p-dx_history .__icon09 {
    top: calc(10vh + 70px);
    left: -78%;
  }
}
.p-dx_history .__icon09 {
  /*img {
  	@media (max-width: 1200px) {
  		zoom: 0.41;
  	}
  	@media (max-width: 840px) {
  		zoom: 0.31;
  	}
  	@media (max-width: 540px) {
  		zoom: 0.215;
  	}
  }*/
}

.p-dx_history__wrapper {
  height: 300vh;
  max-width: 100%;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
@media (min-width: 841px) {
  .p-dx_history__wrapper {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
}
@media (max-width: 840px) {
  .p-dx_history__wrapper {
    height: calc(100vh + 70px);
  }
}
.p-dx_history__wrapper:has(.is-load) {
  opacity: 1;
}
.p-dx_history__wrapper #three-dx_history {
  -webkit-transition: bottom 0.25s, top 0.25s;
  transition: bottom 0.25s, top 0.25s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0;
}
@media (min-width: 841px) {
  .p-dx_history__wrapper #three-dx_history {
    position: fixed;
    left: 0;
    top: 0;
  }
  .p-dx_history__wrapper #three-dx_history.is-view {
    opacity: 1;
  }
}
@media (max-width: 840px) {
  .p-dx_history__wrapper #three-dx_history {
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -webkit-transition: opacity 1s, -webkit-filter 1s;
    transition: opacity 1s, -webkit-filter 1s;
    transition: opacity 1s, filter 1s;
    transition: opacity 1s, filter 1s, -webkit-filter 1s;
  }
  .p-dx_history__wrapper #three-dx_history.is-viewSp {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
.p-dx_history__wrapper #three-dx_history:not(.is-view) {
  display: none;
}
.p-dx_history__wrapper #three-dx_history:not(.is-drag) {
  pointer-events: none;
}
.p-dx_history__wrapper #three-dx_history.is-bottom {
  position: absolute;
  top: auto;
  bottom: 0;
}

.p-dx_history__caution {
  position: absolute;
  right: 5%;
  bottom: 2%;
  color: #999;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
@media (max-width: 1240px) {
  .p-dx_history__caution {
    bottom: 4%;
  }
}
@media (max-width: 840px) {
  .p-dx_history__caution {
    bottom: 24%;
  }
}
.p-dx_history__wrapper:has(.is-drag) .p-dx_history__caution {
  opacity: 1;
}

/* .p-dx_road */
.p-dx_road {
  margin-top: -22vh;
}
@media (max-width: 840px) {
  .l-main > .p-dx_road {
    z-index: 5;
  }
}
@media (max-width: 1200px) {
  .p-dx_road {
    margin-top: -22.5vh;
  }
}
@media (max-width: 840px) {
  .p-dx_road {
    margin-top: -23vh;
  }
}
@media (max-width: 540px) {
  .p-dx_road {
    margin-top: -23.5vh;
  }
}
.p-dx_road {
  /*.__icon09 {
  	top: calc(-60px - 147px - 5svh);
  	left: -78%;
  	transform: translateY(-100%);
  	@media (min-width: 1001px) {
  		display: none;
  	}
  	@media (max-width: 840px) {
  		//top: -40px;
  		top: calc(-40px - 113px - 5svh);
  	}
  	@media (max-width: 540px) {
  		//top: -20px;
  		//top: calc(-40px - 80px - 5svh);
  		top: - 80px;
  	}
  	img {
  		@media (max-width: 1200px) {
  			zoom: 0.41;
  		}
  		@media (max-width: 840px) {
  			zoom: 0.31;
  		}
  		@media (max-width: 540px) {
  			zoom: 0.215;
  		}
  	}
  }*/
}
.p-dx_road .__icon10 {
  bottom: -236px;
  right: -1012px;
}
@media (max-width: 1400px) {
  .p-dx_road .__icon10 {
    right: -76.6%;
  }
}
@media (max-width: 1200px) {
  .p-dx_road .__icon10 {
    bottom: -290px;
    right: -75.27%;
  }
}
@media (max-width: 840px) {
  .p-dx_road .__icon10 {
    bottom: -270px;
    right: -73.94%;
  }
}
@media (max-width: 540px) {
  .p-dx_road .__icon10 {
    bottom: -210px;
    right: -72.6%;
  }
}
@media (max-width: 1200px) {
  .p-dx_road .__icon10 img {
    zoom: 0.42;
  }
}
@media (max-width: 840px) {
  .p-dx_road .__icon10 img {
    zoom: 0.34;
  }
}
@media (max-width: 540px) {
  .p-dx_road .__icon10 img {
    zoom: 0.254;
  }
}

.p-dx_road__wrapper {
  position: relative;
  z-index: 5;
}

.p-dx_road__about {
  margin-top: 1.35em;
  padding: 0 3.15%;
}
@media (max-width: 840px) {
  .p-dx_road__about {
    margin-top: 1.1em;
    font-size: 0.9375rem;
  }
}
@media (max-width: 540px) {
  .p-dx_road__about {
    padding: 0;
  }
}

.p-dx_road__list {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 calc(31px + 1.4em);
  padding: 0 3.15%;
  margin-top: 1.95em;
}
@media (max-width: 1200px) {
  .p-dx_road__list {
    gap: 0 calc(26px + 1.01em);
    margin-top: 1.66em;
  }
}
@media (max-width: 840px) {
  .p-dx_road__list {
    gap: 0 calc(21px + 0.63em);
    width: 96%;
    margin-top: 1.38em;
  }
}
@media (max-width: 540px) {
  .p-dx_road__list {
    padding: 0;
    gap: 0 calc(16px + 0.25em);
    margin-top: 1.1em;
  }
}

.p-dx_road__list__box {
  background: #0000ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.1em 1.5em;
  height: 104px;
  gap: 0.025em 0;
  position: relative;
  opacity: 0;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  left: -5%;
}
@media (max-width: 1200px) {
  .p-dx_road__list__box {
    height: 96px;
  }
}
@media (max-width: 840px) {
  .p-dx_road__list__box {
    height: 90px;
    -webkit-box-flex: 0.335;
        -ms-flex: 0.335;
            flex: 0.335;
    padding-right: 0;
    padding-left: 1em;
  }
}
@media (max-width: 540px) {
  .p-dx_road__list__box {
    height: 84px;
    padding-left: 0.65em;
  }
}
.p-dx_road__list__box:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 52px 0 52px 31px;
  border-color: transparent transparent transparent #0000ff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media (max-width: 1200px) {
  .p-dx_road__list__box:after {
    border-width: 48px 0 48px 26px;
  }
}
@media (max-width: 840px) {
  .p-dx_road__list__box:after {
    border-width: 45px 0 45px 21px;
  }
}
@media (max-width: 540px) {
  .p-dx_road__list__box:after {
    border-width: 42px 0 42px 16px;
  }
}
.p-dx_road__list__box:first-of-type {
  background: #7eacd3;
}
@media (max-width: 840px) {
  .p-dx_road__list__box:first-of-type {
    -webkit-box-flex: 0.32;
        -ms-flex: 0.32;
            flex: 0.32;
  }
}
.p-dx_road__list__box:first-of-type:after {
  border-color: transparent transparent transparent #7eacd3;
}
.p-dx_road__list__box:nth-of-type(2) {
  background: #3973f5;
}
.p-dx_road__list__box:nth-of-type(2):after {
  border-color: transparent transparent transparent #3973f5;
}

.p-dx_road__list__box__sub {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.7em;
}
@media (max-width: 1200px) {
  .p-dx_road__list__box__sub {
    gap: 0 0.56em;
  }
}
@media (max-width: 840px) {
  .p-dx_road__list__box__sub {
    gap: 0 0.43em;
  }
}
@media (max-width: 540px) {
  .p-dx_road__list__box__sub {
    gap: 0 0.3em;
  }
}
.p-dx_road__list__box__sub .__text {
  font-weight: 500;
  font-size: 3.4375rem;
  letter-spacing: 0.08em;
}
@media (max-width: 1200px) {
  .p-dx_road__list__box__sub .__text {
    font-size: 3.125rem;
  }
}
@media (max-width: 840px) {
  .p-dx_road__list__box__sub .__text {
    font-size: 2.875rem;
  }
}
@media (max-width: 540px) {
  .p-dx_road__list__box__sub .__text {
    font-size: 2.625rem;
  }
}
.p-dx_road__list__box__sub .__num {
  line-height: 0;
}
.p-dx_road__list__box__sub .__num img {
  height: 39px;
  margin-top: 2px;
}
@media (max-width: 1200px) {
  .p-dx_road__list__box__sub .__num img {
    height: 35px;
  }
}
@media (max-width: 840px) {
  .p-dx_road__list__box__sub .__num img {
    height: 32px;
  }
}
@media (max-width: 540px) {
  .p-dx_road__list__box__sub .__num img {
    height: 29px;
  }
}

.p-dx_road__list__box__note {
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
}
@media (max-width: 1200px) {
  .p-dx_road__list__box__note {
    font-size: 0.875rem;
  }
}
@media (max-width: 840px) {
  .p-dx_road__list__box__note {
    font-size: 0.75rem;
  }
}
@media (max-width: 540px) {
  .p-dx_road__list__box__note {
    font-size: 0.625rem;
  }
}

/* .p-dx_textscroll */
.p-dx_textscroll {
  margin-top: 21.85em;
}
@media (max-width: 1200px) {
  .p-dx_textscroll {
    margin-top: 18.96em;
  }
}
@media (max-width: 840px) {
  .p-dx_textscroll {
    margin-top: 16.08em;
  }
}
@media (max-width: 540px) {
  .p-dx_textscroll {
    margin-top: 13.2em;
  }
}
.p-dx_textscroll .__icon11 {
  top: -232px;
  left: -1222px;
}
@media (max-width: 1400px) {
  .p-dx_textscroll .__icon11 {
    left: -87.2%;
  }
}
@media (max-width: 1200px) {
  .p-dx_textscroll .__icon11 {
    top: -203px;
    left: -82.97%;
  }
}
@media (max-width: 840px) {
  .p-dx_textscroll .__icon11 {
    top: -174px;
    left: -78.74%;
  }
}
@media (max-width: 540px) {
  .p-dx_textscroll .__icon11 {
    top: -146px;
    left: -74.5%;
  }
}
@media (max-width: 1200px) {
  .p-dx_textscroll .__icon11 img {
    zoom: 0.4;
  }
}
@media (max-width: 840px) {
  .p-dx_textscroll .__icon11 img {
    zoom: 0.31;
  }
}
@media (max-width: 540px) {
  .p-dx_textscroll .__icon11 img {
    zoom: 0.217;
  }
}
.p-dx_textscroll .__icon12 {
  bottom: -273px;
  right: -457px;
}
@media (max-width: 1400px) {
  .p-dx_textscroll .__icon12 {
    right: -32.6%;
  }
}
@media (max-width: 1200px) {
  .p-dx_textscroll .__icon12 {
    bottom: -222px;
    right: -36.1%;
  }
}
@media (max-width: 840px) {
  .p-dx_textscroll .__icon12 {
    bottom: -172px;
    right: -39.6%;
  }
}
@media (max-width: 540px) {
  .p-dx_textscroll .__icon12 {
    bottom: -122px;
    right: -43.1%;
  }
}
@media (max-width: 1200px) {
  .p-dx_textscroll .__icon12 img {
    zoom: 0.42;
  }
}
@media (max-width: 840px) {
  .p-dx_textscroll .__icon12 img {
    zoom: 0.34;
  }
}
@media (max-width: 540px) {
  .p-dx_textscroll .__icon12 img {
    zoom: 0.262;
  }
}

.p-dx_textscroll__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-dx_textscroll__text {
  font-weight: 600;
  font-size: 11.25rem;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #0000ff;
  text-wrap: nowrap;
  white-space: nowrap;
  padding: 0 0.039em;
}
@media (max-width: 1200px) {
  .p-dx_textscroll__text {
    font-size: 10.125rem;
  }
}
@media (max-width: 840px) {
  .p-dx_textscroll__text {
    font-size: 9rem;
  }
}
@media (max-width: 540px) {
  .p-dx_textscroll__text {
    font-size: 7.9375rem;
  }
}
.p-dx_textscroll__text.__stroke {
  color: #fafaf9;
  -webkit-text-stroke: 1px #0000ff;
  text-stroke: 1px #0000ff;
}
/* .p-dx_action */
.p-dx_action {
  margin-top: 21.2em;
}
@media (max-width: 1200px) {
  .p-dx_action {
    margin-top: 18.19em;
  }
}
@media (max-width: 840px) {
  .p-dx_action {
    margin-top: 15.17em;
  }
}
@media (max-width: 540px) {
  .p-dx_action {
    margin-top: 12.15em;
  }
}
.p-dx_action .__icon13 {
  top: 4px;
  right: -1132px;
}
@media (max-width: 1400px) {
  .p-dx_action .__icon13 {
    right: -80.8%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action .__icon13 {
    top: 10px;
    right: -78.13%;
  }
}
@media (max-width: 840px) {
  .p-dx_action .__icon13 {
    top: 16px;
    right: -75.46%;
  }
}
@media (max-width: 540px) {
  .p-dx_action .__icon13 {
    top: 23px;
    right: -72.8%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action .__icon13 img {
    zoom: 0.42;
  }
}
@media (max-width: 840px) {
  .p-dx_action .__icon13 img {
    zoom: 0.34;
  }
}
@media (max-width: 540px) {
  .p-dx_action .__icon13 img {
    zoom: 0.26;
  }
}
.p-dx_action .__icon14 {
  bottom: -117px;
  left: -1196px;
}
@media (max-width: 1400px) {
  .p-dx_action .__icon14 {
    left: -85.3%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action .__icon14 {
    bottom: -99px;
    left: -82.06%;
  }
}
@media (max-width: 840px) {
  .p-dx_action .__icon14 {
    bottom: -82px;
    left: -78.83%;
  }
}
@media (max-width: 540px) {
  .p-dx_action .__icon14 {
    bottom: -65px;
    left: -75.6%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action .__icon14 img {
    zoom: 0.43;
  }
}
@media (max-width: 840px) {
  .p-dx_action .__icon14 img {
    zoom: 0.36;
  }
}
@media (max-width: 540px) {
  .p-dx_action .__icon14 img {
    zoom: 0.285;
  }
}

.p-dx_action__about {
  position: relative;
  z-index: 5;
}

.p-dx_action__about__info {
  margin-top: 1.35em;
  padding: 0 2.6%;
}
@media (max-width: 840px) {
  .p-dx_action__about__info {
    margin-top: 0.9em;
    font-size: 0.9375rem;
  }
}
@media (max-width: 540px) {
  .p-dx_action__about__info {
    padding: 0;
  }
}

.p-dx_action__about__list {
  /*display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8em 0.83%;*/
  counter-reset: daalNum;
  margin-top: 4.05em;
  z-index: 10;
  position: relative;
}
@media (max-width: 1200px) {
  .p-dx_action__about__list {
    margin-top: 4.04em;
  }
}
@media (min-width: 1001px) {
  .p-dx_action__about__list {
    width: 1226px;
  }
  .p-dx_action__about__list:not(.slick-initialized) .p-dx_action__about__list__box {
    display: none;
  }
}
@media (max-width: 1000px) {
  .p-dx_action__about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 540px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.56em;
    gap: 0.8em 0.83%;
  }
}
@media (max-width: 840px) {
  .p-dx_action__about__list {
    margin-top: 3.08em;
  }
}
@media (max-width: 540px) {
  .p-dx_action__about__list {
    margin-top: 2.6em;
  }
}
.p-dx_action__about__list .slick-list {
  overflow: visible;
}
.p-dx_action__about__list .slick-list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p-dx_action__about__list.slick-initialized .slick-slide.p-dx_action__about__list__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-dx_action__about__list .slick-arrow {
  width: 45px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.p-dx_action__about__list .slick-arrow:hover {
  opacity: 0.5;
}
.p-dx_action__about__list .slick-arrow[aria-disabled=true] {
  opacity: 0;
  pointer-events: none;
}
.p-dx_action__about__list .slick-arrow:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.p-dx_action__about__list .slick-arrow.__prev {
  left: calc((1226px - 100svw) / 2);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1375px) {
  .p-dx_action__about__list .slick-arrow.__prev {
    left: -4.935svw;
  }
}
.p-dx_action__about__list .slick-arrow.__prev:after {
  rotate: 135deg;
}
.p-dx_action__about__list .slick-arrow.__next {
  right: calc((1226px - 100svw) / 2);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 1375px) {
  .p-dx_action__about__list .slick-arrow.__next {
    right: -4.935svw;
  }
}
.p-dx_action__about__list .slick-arrow.__next:after {
  rotate: -45deg;
}

.p-dx_action__about__list__box {
  background: #e7eaef;
  position: relative;
  counter-increment: daalNum;
  height: auto;
  /*grid-template-rows: subgrid;
  grid-row: 1 / span 6;
  gap: 0;*/
  padding: 1.5em 1.834% 1.8em;
  opacity: 0;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  right: -5%;
}
@media (max-width: 1200px) {
  .p-dx_action__about__list__box {
    padding: 1.25em 1.834% 1.85em;
  }
}
@media (min-width: 1001px) {
  .p-dx_action__about__list__box {
    margin: 0 5px;
  }
}
@media (max-width: 1000px) {
  .p-dx_action__about__list__box {
    padding: 1.25em 6.97% 1.85em;
  }
}
@media (max-width: 840px) {
  .p-dx_action__about__list__box {
    padding: 1em 6.3% 1.9em;
  }
}
@media (max-width: 540px) {
  .p-dx_action__about__list__box {
    padding: 0.75em 5.63% 1.95em;
  }
}
.p-dx_action__about__list__box:before, .p-dx_action__about__list__box:after {
  content: "";
  display: block;
}
.p-dx_action__about__list__box:before,
.p-dx_action__about__list__box .__sub,
.p-dx_action__about__list__box .__more {
  color: #0000ff;
  line-height: 1;
  font-weight: 600;
}
.p-dx_action__about__list__box:before {
  font-family: "AcuminProCondensed", serif !important;
  content: counter(daalNum, decimal-leading-zero);
  font-size: 3.75rem;
  letter-spacing: 0.03em;
  justify-self: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media (max-width: 1200px) {
  .p-dx_action__about__list__box:before {
    margin-right: -0.06em;
  }
}
@media (max-width: 1000px) {
  .p-dx_action__about__list__box:before {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
  }
}
@media (max-width: 840px) {
  .p-dx_action__about__list__box:before {
    margin-right: -0.11em;
  }
}
@media (max-width: 540px) {
  .p-dx_action__about__list__box:before {
    margin-right: -0.165em;
  }
}
.p-dx_action__about__list__box .__sub {
  font-size: 1.0625rem;
  letter-spacing: 0.03em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.2em;
  margin-top: 1.75em;
}
@media (max-width: 840px) {
  .p-dx_action__about__list__box .__sub {
    margin-top: 0.67em;
  }
}
@media (max-width: 540px) {
  .p-dx_action__about__list__box .__sub {
    margin-top: 0.25em;
  }
}
.p-dx_action__about__list__box .__sub:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #0000ff;
  margin-top: 0.1em;
}
.p-dx_action__about__list__box .__about {
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.06em;
}
.p-dx_action__about__list__box .__picture {
  margin-top: 1.1em;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1200px) {
  .p-dx_action__about__list__box .__picture {
    height: auto;
  }
}
@media (max-width: 1000px) {
  .p-dx_action__about__list__box .__picture {
    margin-top: 1em;
  }
}
.p-dx_action__about__list__box .__picture img {
  width: 100%;
  height: 194px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1000px) {
  .p-dx_action__about__list__box .__picture img {
    aspect-ratio: 299/163;
  }
}
.p-dx_action__about__list__box .__picture video {
  width: 100%;
  height: 194px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1000px) {
  .p-dx_action__about__list__box .__picture video {
    aspect-ratio: 299/163;
  }
}
.p-dx_action__about__list__box .__detail {
  margin-top: 1.3em;
  line-height: 1.785;
}
@media (min-width: 1001px) {
  .p-dx_action__about__list__box .__detail {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.p-dx_action__about__list__box .__more {
  font-size: 0.9375rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 45px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 45px;
  padding: 0.15em 3.4em 0 3.2em;
  margin: 1em auto 0;
  gap: 0 0.5em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  cursor: pointer;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  color: #fff;
  background: #0000ff;
}
@media (max-width: 1000px) {
  .p-dx_action__about__list__box .__more {
    letter-spacing: 0.03em;
  }
}
@media (max-width: 840px) {
  .p-dx_action__about__list__box .__more {
    margin-top: 1em;
  }
}
@media (max-width: 540px) {
  .p-dx_action__about__list__box .__more {
    margin-top: 1.25em;
  }
}
.p-dx_action__about__list__box .__more:hover {
  opacity: 0.5;
}
.p-dx_action__about__list__box .__more:after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: url(../img/icon-common_plus__wt.svg) no-repeat center/contain;
  margin-top: -1px;
}
.p-dx_action__about__list__box:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 44px 44px 0 0;
  border-color: #fafaf9 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1200px) {
  .p-dx_action__about__list__box:after {
    border-width: 42px 42px 0 0;
  }
}
@media (max-width: 840px) {
  .p-dx_action__about__list__box:after {
    border-width: 41px 40px 0 0;
  }
}
@media (max-width: 540px) {
  .p-dx_action__about__list__box:after {
    border-width: 40px 38px 0 0;
  }
}

.p-dx_action__modal__view {
  display: none;
}

.p-dx_action__modal__view__wrapper {
  position: relative;
  padding-top: 44px;
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__wrapper {
    padding-top: 52px;
  }
}
.p-dx_action__modal__view__wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 44px;
  width: calc(100% - 44px);
  background: #e7eaef;
  right: 0;
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__wrapper:before {
    height: 52px;
  }
}

.p-dx_action__modal__view__inner {
  font-size: 0.875rem;
  line-height: 1.714;
  letter-spacing: 0.06em;
  font-family: "source-han-sans-japanese", Yu Gothic, YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  padding: 6em 4.225% 4em;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  background: #e7eaef;
}
@media (min-width: 1201px) {
  .p-dx_action__modal__view__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5.88% 420px;
    grid-template-columns: 1fr 420px;
    -ms-grid-rows: auto 1.5em 1fr;
    grid-template-rows: auto 1fr;
        grid-template-areas: "title title" "text picture";
    gap: 1.5em 5.88%;
  }
  .p-dx_action__modal__view__inner > .__picture {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .p-dx_action__modal__view__inner > .__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5.1em 5.4% 1.8em;
  }
}
@media (min-width: 1001px) {
  .p-dx_action__modal__view__inner {
    min-height: 570px;
  }
}
.p-dx_action__modal__view__inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  width: 0;
  height: 0;
  left: 0;
  border-style: solid;
  border-width: 0 0 44px 44px;
  border-color: transparent transparent #e7eaef transparent;
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__inner:before {
    border-width: 0 0 52px 44px;
  }
}
.p-dx_action__modal__view__inner .__num {
  position: absolute;
  font-weight: 600;
  font-size: 3.75rem;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #0000ff;
  top: 0.1em;
  left: 4.225%;
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__inner .__num {
    top: -0.025em;
    left: 5.4%;
  }
}
.p-dx_action__modal__view__inner .__title {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: title;
  font-weight: 500;
  font-size: 1.75rem;
  letter-spacing: 0.06em;
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__inner .__title {
    font-size: 1.5625rem;
  }
}
@media (max-width: 840px) {
  .p-dx_action__modal__view__inner .__title {
    font-size: 1.375rem;
  }
}
@media (max-width: 540px) {
  .p-dx_action__modal__view__inner .__title {
    font-size: 1.25rem;
  }
}
.p-dx_action__modal__view__inner .__text {
  grid-area: text;
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__inner .__text {
    margin-top: 1.25em;
  }
}
.p-dx_action__modal__view__inner .__text p.__text__sub {
  font-size: 600;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.06em;
  font-weight: 700;
}
@media (max-width: 840px) {
  .p-dx_action__modal__view__inner .__text p.__text__sub {
    font-size: 0.96875rem;
    line-height: 1.64;
  }
}
@media (max-width: 540px) {
  .p-dx_action__modal__view__inner .__text p.__text__sub {
    font-size: 0.9375rem;
    line-height: 1.66;
  }
}
.p-dx_action__modal__view__inner .__text p + p {
  margin-top: 1.75em;
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__inner .__text p + p {
    margin-top: 1.45em;
  }
}
.p-dx_action__modal__view__inner .__picture {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  grid-area: picture;
  padding-top: 0.4em;
  line-height: 0;
}
@media (min-width: 1201px) {
  .p-dx_action__modal__view__inner > .__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-dx_action__modal__view__inner .__text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-dx_action__modal__view__inner > .__picture {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__inner .__picture {
    padding-top: 1.8em;
  }
}
.p-dx_action__modal__view__inner .__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__inner .__picture img {
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 299/205;
    -o-object-position: center;
       object-position: center;
  }
}
.p-dx_action__modal__view__inner .__picture video {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
}
@media (max-width: 1200px) {
  .p-dx_action__modal__view__inner .__picture video {
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 299/205;
    -o-object-position: center;
       object-position: center;
  }
}
.p-dx_action__modal__view__inner .__close {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 39px;
  border: 0;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  text-indent: -9999px;
  margin-top: 2.65em;
}
.p-dx_action__modal__view__inner .__close:hover {
  opacity: 0.5;
}
.p-dx_action__modal__view__inner .__close:before, .p-dx_action__modal__view__inner .__close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 3px;
  height: 100%;
  background: #00f;
}
.p-dx_action__modal__view__inner .__close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.p-dx_action__modal__view__inner .__close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (min-width: 541px) {
  .p-dx_action__modal__view__inner .__close {
    display: none;
  }
}

.p-dx_action__action {
  margin-top: 19.65em;
  position: relative;
}
@media (max-width: 1200px) {
  .p-dx_action__action {
    margin-top: 17.9em;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action {
    margin-top: 16.15em;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action {
    margin-top: 14.4em;
  }
}
.p-dx_action__action + .p-dx_action__action {
  margin-top: 22.4em;
}
@media (max-width: 1200px) {
  .p-dx_action__action + .p-dx_action__action {
    margin-top: 9.44em;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action + .p-dx_action__action {
    margin-top: 9.37em;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action + .p-dx_action__action {
    margin-top: 9.3em;
  }
}
.p-dx_action__action.__propulsion .__icon15 {
  top: -162px;
  right: -994px;
}
@media (max-width: 1400px) {
  .p-dx_action__action.__propulsion .__icon15 {
    right: -66.2%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__propulsion .__icon15 {
    top: -131px;
    right: -66.5%;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action.__propulsion .__icon15 {
    top: -100px;
    right: -66.8%;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__propulsion .__icon15 {
    top: -70px;
    right: -67.1%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__propulsion .__icon15 img {
    zoom: 0.43;
  }
}
@media (max-width: 1000px) {
  .p-dx_action__action.__propulsion .__icon15 img {
    zoom: 0.35;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__propulsion .__icon15 img {
    zoom: 0.275;
  }
}
.p-dx_action__action.__propulsion .__icon16 {
  top: 11px;
  right: -1216px;
}
@media (max-width: 1400px) {
  .p-dx_action__action.__propulsion .__icon16 {
    right: -86.8%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__propulsion .__icon16 {
    top: 1px;
    right: -84.64%;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action.__propulsion .__icon16 {
    top: -8px;
    right: -82.47%;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__propulsion .__icon16 {
    top: -17px;
    right: -80.3%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__propulsion .__icon16 img {
    zoom: 0.42;
  }
}
@media (max-width: 1000px) {
  .p-dx_action__action.__propulsion .__icon16 img {
    zoom: 0.33;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__propulsion .__icon16 img {
    zoom: 0.244;
  }
}
.p-dx_action__action.__propulsion .__icon17 {
  top: -53px;
  left: -1172px;
}
@media (max-width: 1400px) {
  .p-dx_action__action.__propulsion .__icon17 {
    left: -74.1%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__propulsion .__icon17 {
    top: 0;
    left: -75.87%;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action.__propulsion .__icon17 {
    top: 0;
    left: -77.64%;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__propulsion .__icon17 {
    top: 0;
    left: -79.4%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__propulsion .__icon17 img {
    zoom: 0.41;
  }
}
@media (max-width: 1000px) {
  .p-dx_action__action.__propulsion .__icon17 img {
    zoom: 0.33;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__propulsion .__icon17 img {
    zoom: 0.251;
  }
}
.p-dx_action__action.__hr .p-dx_action__action__sub {
  gap: 0.65em 0;
}
.p-dx_action__action.__hr .__icon18 {
  top: -191px;
  right: -1069px;
}
@media (max-width: 1400px) {
  .p-dx_action__action.__hr .__icon18 {
    right: -78.8%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__hr .__icon18 {
    right: -77.34%;
    top: -135px;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action.__hr .__icon18 {
    right: -75.87%;
    top: -79px;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__hr .__icon18 {
    top: -23px;
    right: -74.4%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__hr .__icon18 img {
    zoom: 0.42;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action.__hr .__icon18 img {
    zoom: 0.33;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__hr .__icon18 img {
    zoom: 0.238;
  }
}
.p-dx_action__action.__hr .__icon19 {
  bottom: -217px;
  right: -826px;
}
@media (max-width: 1400px) {
  .p-dx_action__action.__hr .__icon19 {
    right: -59%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__hr .__icon19 {
    bottom: -197px;
    right: -62%;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action.__hr .__icon19 {
    bottom: -193px;
    right: -65%;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__hr .__icon19 {
    bottom: -121px;
    right: -68%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__hr .__icon19 img {
    zoom: 0.42;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action.__hr .__icon19 img {
    zoom: 0.34;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__hr .__icon19 img {
    zoom: 0.262;
  }
}
.p-dx_action__action.__hr .__icon20 {
  bottom: -295px;
  left: -700px;
}
@media (max-width: 1400px) {
  .p-dx_action__action.__hr .__icon20 {
    left: -49.9%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__hr .__icon20 {
    bottom: -261px;
    left: -49.2%;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action.__hr .__icon20 {
    bottom: -227px;
    left: -48.5%;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__hr .__icon20 {
    bottom: -193px;
    left: -47.8%;
  }
}
@media (max-width: 1200px) {
  .p-dx_action__action.__hr .__icon20 img {
    zoom: 0.42;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action.__hr .__icon20 img {
    zoom: 0.33;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action.__hr .__icon20 img {
    zoom: 0.24;
  }
}

.p-dx_action__action__wrapper {
  position: relative;
  z-index: 10;
}

.p-dx_action__action__sub {
  color: #0000ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2em 0;
  line-height: 1;
}
@media (max-width: 1200px) {
  .p-dx_action__action__sub {
    gap: 1.5em 0;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action__sub {
    gap: 1em 0;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action__sub {
    gap: 0.5em 0;
  }
}
.p-dx_action__action__sub .__en {
  font-weight: 600;
  font-size: 1.0625rem;
  letter-spacing: 0.03em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 0.25em;
}
.p-dx_action__action__sub .__en:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #0000ff;
  margin-top: 0.1em;
}
.p-dx_action__action__sub .__jp {
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: 0.06em;
}
@media (max-width: 1200px) {
  .p-dx_action__action__sub .__jp {
    font-size: 2.25rem;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action__sub .__jp {
    font-size: 2.0625rem;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action__sub .__jp {
    font-size: 1.875rem;
  }
}

.p-dx_action__action__sub + .p-dx_action__action__box {
  margin-top: 2.75em;
}
@media (max-width: 1200px) {
  .p-dx_action__action__box .__title:not(.__mini) {
    font-size: 1.625rem;
    line-height: 1.4;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 840px) {
  .p-dx_action__action__box .__title:not(.__mini) {
    font-size: 1.5rem;
    line-height: 1.38;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 540px) {
  .p-dx_action__action__box .__title:not(.__mini) {
    font-size: 1.375rem;
    line-height: 1.36;
    letter-spacing: 0.02em;
  }
}

/* .p-dx_withus */
.p-dx_withus {
  background: #0000ff;
  margin-top: 21.25em;
  z-index: 10;
}
@media (max-width: 1200px) {
  .p-dx_withus {
    margin-top: 18.94em;
  }
}
@media (max-width: 840px) {
  .p-dx_withus {
    margin-top: 16.62em;
  }
}
@media (max-width: 540px) {
  .p-dx_withus {
    margin-top: 14.3em;
  }
}

.p-dx_withus__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5.8em 0 5.7em;
  color: #fff;
}
@media (max-width: 1200px) {
  .p-dx_withus__wrapper {
    padding: 5.51em 0 5.46em;
  }
}
@media (max-width: 840px) {
  .p-dx_withus__wrapper {
    padding: 5.23em 0 5.23em;
  }
}
@media (max-width: 540px) {
  .p-dx_withus__wrapper {
    padding: 4.95em 0 5em;
  }
}

.p-dx_withus__title {
  font-weight: 600;
  font-size: 6.25rem;
  letter-spacing: 0;
  line-height: 1;
}
@media (max-width: 1200px) {
  .p-dx_withus__title {
    font-size: 5.375rem;
  }
}
@media (max-width: 840px) {
  .p-dx_withus__title {
    font-size: 4.5625rem;
  }
}
@media (max-width: 540px) {
  .p-dx_withus__title {
    font-size: 3.75rem;
  }
}

.p-dx_withus__about {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.9em;
}
@media (max-width: 1200px) {
  .p-dx_withus__about {
    font-size: 0.875rem;
    margin-top: 1.15em;
  }
}
@media (max-width: 840px) {
  .p-dx_withus__about {
    font-size: 0.8125rem;
    margin-top: 1.4em;
  }
}
@media (max-width: 540px) {
  .p-dx_withus__about {
    margin-top: 1.65em;
  }
}

.p-dx_withus__picture {
  height: 360px;
  width: 100%;
  overflow: hidden;
  margin-top: 3.7em;
}
@media (max-width: 1200px) {
  .p-dx_withus__picture {
    height: 356px;
    margin-top: 3.44em;
  }
}
@media (max-width: 840px) {
  .p-dx_withus__picture {
    height: 353px;
    margin-top: 3.14em;
  }
}
@media (max-width: 540px) {
  .p-dx_withus__picture {
    height: 350px;
    margin-top: 2.9em;
  }
}
.p-dx_withus__picture img,
.p-dx_withus__picture video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-dx_withus__link {
  margin-top: 2.9em;
}
@media (max-width: 1200px) {
  .p-dx_withus__link {
    margin-top: 2.5em;
  }
}
@media (max-width: 840px) {
  .p-dx_withus__link {
    margin-top: 2.1em;
  }
}
@media (max-width: 540px) {
  .p-dx_withus__link {
    margin-top: 1.7em;
  }
}
.p-dx_withus__link a {
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-align: center;
  color: #0000ff;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5em;
  text-decoration: none;
  height: 70px;
  padding: 0 2.95em;
  border-radius: 35px;
}
@media (max-width: 1200px) {
  .p-dx_withus__link a {
    font-size: 1.125rem;
    height: 65px;
  }
}
@media (max-width: 840px) {
  .p-dx_withus__link a {
    font-size: 1rem;
    height: 60px;
  }
}
@media (max-width: 540px) {
  .p-dx_withus__link a {
    font-size: 0.875rem;
    height: 55px;
  }
}
.p-dx_withus__link a:hover {
  color: #0000ff;
}
.p-dx_withus__link a i.icon-newwin {
  margin: 0.1em 0 0;
}
@media (max-width: 1200px) {
  .p-dx_withus__link a i.icon-newwin {
    font-size: 1.1875rem;
  }
}
@media (max-width: 840px) {
  .p-dx_withus__link a i.icon-newwin {
    font-size: 1.125rem;
  }
}
@media (max-width: 540px) {
  .p-dx_withus__link a i.icon-newwin {
    margin: 0;
    font-size: 1.0625rem;
  }
}

.l-main > .l-topicpath {
  position: relative;
  margin: 0 0 0 20px;
  font-size: 12px;
  color: #999;
  z-index: 1;
}


@media (max-width: 768px) {
 .l-main > .l-topicpath {
    display: none;
  }
}