/* !_common.scss */
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400..700&display=swap");
@import url("//fonts.googleapis.com/css2?family=Poppins:wght@500&600&display=swap");
/* !_breakpoint.scss */
:root {
  --bp-pcMax: 1100px;
  --bp-spMax: 743px;
}

:root {
  scroll-padding-top: 6rem;
  scroll-snap-type: y proximity;
  --1vw: 1vw;
  --50vw: 50vw;
  --100vw: 100vw;
  --leading-trim: calc((1em - 1lh) / 2);
}
@media (min-width: 744px) {
  :root {
    scroll-padding-top: 7.2rem;
  }
}

.mt-blueHeader {
  height: 6rem;
}
@media (min-width: 744px) {
  .mt-blueHeader {
    height: 7.2rem;
  }
}

html {
  padding-bottom: env(safe-area-inset-bottom);
  font-size: 62.5%;
}
@media (min-width: 375px) and (max-width: 743px), not all and (min-width: 744px) {
  html {
    font-size: calc(10 / 375 * var(--100vw));
  }
}
@media (min-width: 744px) {
  html body {
    margin-inline: auto;
  }
}
html .mt-mod-freeHTML, html .mt-aside {
  font-size: 1.6rem;
  line-height: 1.5;
}
html .mt-mod-freeHTML img, html .mt-mod-freeHTML picture, html .mt-mod-freeHTML video, html .mt-aside img, html .mt-aside picture, html .mt-aside video {
  display: block;
  width: 100%;
  max-width: fit-content;
  height: auto;
}
@media (hover: hover) {
  html .mt-mod-freeHTML :where(a[href]), html .mt-aside :where(a[href]) {
    transition: 0.3s ease-in-out;
  }
  html .mt-mod-freeHTML :where(a[href]) img, html .mt-aside :where(a[href]) img {
    transition: 0.3s ease-in-out;
  }
  html .mt-mod-freeHTML :where(a[href]):hover, html .mt-aside :where(a[href]):hover {
    transition: 0.3s ease-in-out;
  }
  html .mt-mod-freeHTML :where(a[href]):hover img, html .mt-aside :where(a[href]):hover img {
    transition: 0.3s ease-in-out;
    filter: brightness(70%);
  }
}
html .mt-ls0 {
  letter-spacing: 0 !important;
}
html .mt-ls5 {
  letter-spacing: 0.005em !important;
}
html .mt-ls10 {
  letter-spacing: 0.01em !important;
}
html .mt-ls-10 {
  letter-spacing: -0.01em !important;
}
html .mt-ls-20 {
  letter-spacing: -0.02em !important;
}
html .mt-ls-30 {
  letter-spacing: -0.03em !important;
}
html .mt-ls-40 {
  letter-spacing: -0.04em !important;
}
html .mt-ls-50 {
  letter-spacing: -0.05em !important;
}
html .mt-ls-60 {
  letter-spacing: -0.06em !important;
}
html .mt-ls-70 {
  letter-spacing: -0.07em !important;
}
html .mt-ls-80 {
  letter-spacing: -0.08em !important;
}
html .mt-ls-90 {
  letter-spacing: -0.09em !important;
}
html .mt-ls-100 {
  letter-spacing: -0.1em !important;
}
html .mt-dsp_ib {
  display: inline-block;
  font: inherit;
}
@media (min-width: 375px) and (max-width: 743px), not all and (min-width: 744px) {
  html .mt-dsp_pc {
    display: none !important;
  }
}
@media (min-width: 744px) {
  html .mt-dsp_sp {
    display: none !important;
  }
}
html .lity-wrap {
  height: 100svh;
  overflow-y: scroll;
}
@media (max-width: 900px) {
  html .lity-content {
    padding-bottom: 10vw;
  }
}
html .lity-opened {
  margin: 0 calc(50% - var(--50vw));
}
html:has(.lity-opened) {
  overflow: hidden;
}
html .animated:has(.lity-opened) {
  animation-fill-mode: none !important;
  -webkit-animation-fill-mode: none !important;
}
html header:has(.mt-is-active) + .mt-blueHeader {
  z-index: auto;
}
html header:has(.st-blueBar_menu.mt-is-active) ~ .mt-blueHeader, html header:has(.st-localNavSp .mt-is-expanded) ~ .mt-blueHeader {
  z-index: auto;
}
html .st-wrapper {
  overflow-x: visible;
}
html .st-freeContents {
  font-family: inherit;
}
html .mt-aside {
  border-top: 1px solid #707070;
  background-color: #fff;
}
html .mt-aside .mt-aside__block {
  display: block;
  padding-inline: 1.5rem;
}
html .mt-aside .mt-documents {
  padding-block: 7rem 5rem;
  text-align: center;
}
html .mt-aside .mt-documents .mt-documents__heading {
  color: #004898;
  font-weight: 700;
  font-size: 3.3rem;
  line-height: 0.9090909091;
}
html .mt-aside .mt-documents .mt-documents__text {
  margin-top: 2.2rem;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.5454545455;
}
html .mt-aside .mt-documents .mt-documents__textDeco {
  color: #004898;
}
html .mt-aside .mt-documents .mt-documents__image {
  margin-top: 1.6rem;
  margin-left: auto;
}
html .mt-aside .mt-banner {
  color: #fff;
}
html .mt-aside .mt-banner .mt-banner__listItem {
  background-size: cover;
}
html .mt-aside .mt-banner .mt-banner__listItem.mt--event {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/common/banner-bg-event-sp.png);
}
html .mt-aside .mt-banner .mt-banner__listItem.mt--showroom {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/common/banner-bg-showroom-sp.png);
}
html .mt-aside .mt-banner .mt-banner__listLink {
  display: flex;
  aspect-ratio: 375/150;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-inline: 2.5rem;
  background-size: cover;
}
html .mt-aside .mt-banner .mt-banner__listLink::after {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.7rem;
  position: absolute;
  right: 2.6rem;
  bottom: 2.6rem;
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/common/banner-icon.svg);
  background-size: cover;
}
html .mt-aside .mt-banner .mt-banner__title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 1.125;
}
html .mt-aside .mt-more-en {
  padding-block: 5rem;
}
html .mt-aside .mt-more-en .mt-more__heading {
  color: #004898;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.1666666667;
}
html .mt-aside .mt-more-en .mt-more__list {
  margin-top: 1.6rem;
  color: #fff;
}
html .mt-aside .mt-more-en .mt-more__listItem--contact {
  background-color: #004898;
}
html .mt-aside .mt-more-en .mt-more__listItem--products {
  background-color: #343434;
}
html .mt-aside .mt-more-en .mt-more__listItem--catalogue {
  background-color: #6f6f6f;
}
html .mt-aside .mt-more-en .mt-more__listLink {
  display: flex;
  width: 100%;
  aspect-ratio: 345/150;
  flex-direction: column;
  justify-content: space-evenly;
}
html .mt-aside .mt-more-en .mt-more__listItemBlock {
  display: flex;
  justify-content: center;
  column-gap: 2.4rem;
}
html .mt-aside .mt-more-en .mt-more__image {
  width: min(100%, 6.4rem);
  max-width: none;
}
html .mt-aside .mt-more-en .mt-more__image img {
  max-width: none;
}
html .mt-aside .mt-more-en .mt-more__title {
  display: flex;
  width: min(100%, 20rem);
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
}
html .mt-aside .mt-more-en .mt-more__title::before {
  display: inline-block;
  background-size: cover;
}
html .mt-aside .mt-more-en .mt-more__text {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  text-align: center;
}
html .mt-button--viewMore, html .mt-button--downLoad, html .mt-button {
  display: flex;
  width: 100%;
  height: 4.8rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.6rem;
  background: transparent linear-gradient(180deg, #004898 0%, #379fda 100%) 0 0 no-repeat padding-box;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
}
html .mt-button--viewMore:hover, html .mt-button--downLoad:hover, html .mt-button:hover {
  opacity: 0.6;
}
html .mt-button--viewMore .mt-button__text, html .mt-button--downLoad .mt-button__text, html .mt-button .mt-button__text {
  display: flex;
  justify-content: center;
  column-gap: 1rem;
  align-items: center;
}
html .mt-button--viewMore .mt-button__text::after, html .mt-button--downLoad .mt-button__text::after, html .mt-button .mt-button__text::after {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.5rem;
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/common/button-icon.svg);
  background-size: cover;
}
html .mt-button--downLoad {
  margin-top: 2.5rem;
  background: #004898;
}
html .mt-button--viewMore {
  background: transparent linear-gradient(180deg, #004898 0%, #379fda 100%) 0 0 no-repeat padding-box;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
html .mt-content h2, html .mt-content h4, html .mt-content h5 {
  color: white;
}
html .mt-content .mt-content__block {
  padding-inline: 2rem;
}
html .mt-content .mt-content__heading {
  color: #004898;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.5;
}
html .mt-content .mt-content__heading + .mt-supportSection {
  margin-top: 5rem;
}
html .mt-content .mt-content__heading + .mt-content__text,
html .mt-content .mt-content__heading + * > .mt-content__text:first-of-type {
  margin-top: 5rem;
}
html .mt-content .mt-content__list + .mt-content__list {
  margin-top: 5rem;
  padding-top: 5rem;
  border-top: 1px solid #707070;
}
html .mt-content .mt-content__list .mt-content__listHeading {
  border-bottom: 2px solid #004898;
}
html .mt-content .mt-content__list .mt-content__listHeading .mt-content__listHeadingDeco {
  display: inline-block;
  clip-path: polygon(0 0, calc(100% - 2.4rem) 0, 100% 110%, 0% 110%);
  padding-inline: 0.8rem 2.4rem;
  padding-block: calc(0.8rem + var(--leading-trim));
  background-color: #004898;
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
}
html .mt-content .mt-content__list .mt-content__listHeading .mt-content__listHeadingDeco sup {
  font-size: 60%;
}
html .mt-content .mt-content__image--padding {
  padding-inline: 3rem;
}
html .mt-content .mt-content__text {
  margin-top: 1rem;
  font-size: 1.6rem;
  line-height: 1.625;
}
@media (min-width: 744px) {
  html header .st-siteHeader {
    margin: 0 calc(50% - var(--50vw));
    background-color: #0d2ea1;
  }
  html header .st-siteHeader_2 {
    margin: 0 calc(50% - var(--50vw));
  }
  html .mt-aside {
    margin: 0 calc(50% - var(--50vw));
    padding: 0 calc(var(--50vw) - 50%);
  }
  html .mt-aside .mt-aside__block {
    padding-inline: 0;
  }
  html .mt-aside .mt-documents {
    padding-inline: min(50 / 1100 * var(--100vw), 5rem);
    padding-block: min(120 / 1100 * var(--100vw), 12rem) min(80 / 1100 * var(--100vw), 8rem);
  }
  html .mt-aside .mt-documents .mt-documents__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 0.3fr 0.9fr 0.5fr;
    grid-template-areas: "heading image" "text image" "button image";
    gap: 0 0;
  }
  html .mt-aside .mt-documents .mt-documents__grid .mt-documents__gridHeading {
    grid-area: heading;
  }
  html .mt-aside .mt-documents .mt-documents__grid .mt-documents__gridText {
    grid-area: text;
  }
  html .mt-aside .mt-documents .mt-documents__grid .mt-documents__gridButton {
    grid-area: button;
  }
  html .mt-aside .mt-documents .mt-documents__grid .mt-documents__gridImage {
    grid-area: image;
  }
  html .mt-aside .mt-documents .mt-documents__heading {
    font-size: max(1rem, min(46 / 1100 * var(--100vw), 4.6rem));
    line-height: 0.9130434783;
    text-align: left;
  }
  html .mt-aside .mt-documents .mt-documents__text {
    font-size: max(1rem, min(35 / 1100 * var(--100vw), 3.5rem));
    line-height: 1.4857142857;
    text-align: left;
  }
  html .mt-aside .mt-banner {
    width: var(--100vw);
    margin: 0 calc(50% - var(--50vw));
  }
  html .mt-aside .mt-banner .mt-banner__list {
    display: flex;
  }
  html .mt-aside .mt-banner .mt-banner__listItem {
    width: 50%;
  }
  html .mt-aside .mt-banner .mt-banner__listItem:has(a:hover) {
    transition: 0.3s ease-in-out;
    filter: brightness(70%);
  }
  html .mt-aside .mt-banner .mt-banner__listItem.mt--event {
    background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/common/banner-bg-event-pc.png);
  }
  html .mt-aside .mt-banner .mt-banner__listItem.mt--showroom {
    background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/common/banner-bg-showroom-pc.png);
  }
  html .mt-aside .mt-banner .mt-banner__listLink {
    width: 100%;
    height: auto;
    aspect-ratio: 750/250;
    padding: min(28 / 1100 * var(--100vw), 2.8rem) min(50 / 1100 * var(--100vw), 5rem);
  }
  html .mt-aside .mt-banner .mt-banner__title {
    font-size: max(1rem, min(46 / 1100 * var(--100vw), 4.6rem));
    line-height: 1.1304347826;
  }
  html .mt-aside .mt-more-en {
    width: min(100%, 113.2rem);
    margin-inline: auto;
    padding-inline: 1.6rem;
    padding-block: min(120 / 1100 * var(--100vw), 12rem);
  }
  html .mt-aside .mt-more-en .mt-more__heading {
    font-size: max(1rem, min(36 / 1100 * var(--100vw), 3.6rem));
    line-height: 1.5555555556;
  }
  html .mt-aside .mt-more-en .mt-more__list {
    display: flex;
    justify-content: center;
  }
  html .mt-aside .mt-more-en .mt-more__listItem--catalogue, html .mt-aside .mt-more-en .mt-more__listItem--products, html .mt-aside .mt-more-en .mt-more__listItem--contact {
    width: 33.3333333333%;
    height: auto;
  }
  html .mt-aside .mt-more-en .mt-more__listItem--catalogue:has(a:hover), html .mt-aside .mt-more-en .mt-more__listItem--products:has(a:hover), html .mt-aside .mt-more-en .mt-more__listItem--contact:has(a:hover) {
    transition: 0.3s ease-in-out;
    filter: brightness(70%);
  }
  html .mt-aside .mt-more-en .mt-more__listLink {
    height: auto;
    aspect-ratio: 367/280;
    justify-content: center;
    row-gap: 1.5rem;
  }
  html .mt-aside .mt-more-en .mt-more__listItemBlock {
    flex-direction: column;
    row-gap: min(40 / 1100 * var(--100vw), 4rem);
    align-items: center;
  }
  html .mt-aside .mt-more-en .mt-more__image {
    width: min(64 / 1100 * var(--100vw), 6.4rem);
  }
  html .mt-aside .mt-more-en .mt-more__title {
    width: 100%;
    font-size: max(1rem, min(18 / 1100 * var(--100vw), 1.8rem));
    line-height: 1.5;
  }
  html .mt-aside .mt-more-en .mt-more__text {
    font-size: max(1rem, min(14 / 1100 * var(--100vw), 1.4rem));
    line-height: 1.7142857143;
  }
  html .mt-button, html .mt-button--downLoad, html .mt-button--viewMore {
    width: 21.7rem;
    font-size: 1.6rem;
    line-height: 2;
  }
  html .mt-content .mt-content__block {
    width: min(100%, 113.2rem);
    margin-inline: auto;
    padding-inline: 1.6rem;
  }
  html .mt-content .mt-content__heading {
    font-size: 4.8rem;
    line-height: 1.3333333333;
  }
  html .mt-content .mt-content__heading + .mt-supportSection {
    margin-top: 5rem;
  }
  html .mt-content .mt-content__list .mt-content__listHeading .mt-content__listHeadingDeco {
    display: flex;
    width: fit-content;
    min-height: 4.2rem;
    align-items: center;
    padding-inline: min(16 / 1100 * var(--100vw), 1.6rem) min(32 / 1100 * var(--100vw), 3.2rem);
    font-size: 2.4rem;
    line-height: 1.3333333333;
    letter-spacing: -0.01em;
  }
  html .mt-content .mt-content__list .mt-content__listHeading .mt-content__listHeadingDeco.mt-fz-vw {
    font-size: max(1rem, min(24 / 1100 * var(--100vw), 2.4rem));
  }
  html .mt-content .mt-content__list .mt-content__image--padding {
    padding-inline: 10%;
  }
}

/* !_en-blue-sp.scss */
main {
  margin-block-start: 0;
  word-break: normal;
}
main .content h1,
main .content h2,
main .content h3,
main .content h4,
main .content h5,
main .content h6,
main .content p,
main .rich-text h1,
main .rich-text h2,
main .rich-text h3,
main .rich-text h4,
main .rich-text h5,
main .rich-text h6,
main .rich-text p {
  margin: 0;
}
main .content ul,
main .content ol,
main .rich-text ul,
main .rich-text ol {
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
main .content ul li,
main .rich-text ul li {
  list-style: none;
}
main .content li,
main .rich-text li {
  margin-left: 0;
}
main .content a, main .rich-text a {
  text-decoration: none;
}
main .modal-content {
  border: none;
}
main .content table,
main .content table tr,
main .content table th,
main .content table td,
main .rich-text table,
main .rich-text table tr,
main .rich-text table th,
main .rich-text table td {
  border: none;
  background: none;
}

/* !_new-blue-index-sp.scss */
html body .mt-content .mt-topMv {
  width: 100%;
  height: 45.5rem;
  position: relative;
  background: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/top-mv-bg.jpg) no-repeat center bottom/cover;
}
html body .mt-content .mt-topMv::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: linear-gradient(-45deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  mix-blend-mode: overlay;
}
html body .mt-content .mt-topMv span {
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 28.25rem;
  overflow: hidden;
  color: white;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  transition: height 0.5s;
  transition-delay: 0.5s;
}
html body .mt-content .mt-topMv picture {
  width: 24rem;
  opacity: 0;
  position: absolute;
  top: 18rem;
  left: 7rem;
  transition: opacity 1.8s;
  transition-delay: 1s;
}
html body .mt-content .mt-sectionLead {
  padding: 4.7rem 0 2rem;
  background: white;
  text-align: center;
}
html body .mt-content .mt-sectionLead .mt-topMvSub {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s, transform 1s;
  transition-delay: 1.5s;
}
html body .mt-content .mt-sectionLead h2 {
  margin: 0 auto 2.5rem;
  background: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/lead.png) no-repeat center/contain;
  color: transparent;
  font-weight: bold;
  font-size: 2.4rem;
}
html body .mt-content .mt-sectionLead p {
  padding-bottom: 3em;
  font-size: 1.6rem;
  line-height: 2;
}
html body .mt-content .mt-sectionLead h3 {
  padding-bottom: 3rem;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
html body .mt-content .mt-sectionLead h3 span {
  color: #004898;
}
html body .mt-content .mt-sectionLead ul {
  display: flex;
  justify-content: space-between;
  column-gap: 1rem;
  padding-bottom: 3rem;
}
html body .mt-content .mt-sectionLead ul li {
  display: flex;
  width: 7.5rem;
  flex-direction: column;
  row-gap: 1rem;
}
html body .mt-content .mt-sectionLead ul li img {
  width: 100%;
}
html body .mt-content .mt-sectionLead ul li p {
  padding: 0;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.5;
}
html body .mt-content .mt-sectionPoints {
  margin: 0;
  padding: 8rem 0 0;
  border: none;
}
html body .mt-content .mt-sectionPoints.mt-content__list + .mt-content__list {
  margin: 0;
  padding: 8rem 0 0;
  border: none;
}
html body .mt-content .mt-sectionPoints.mt-content__list + .mt-content__list.mt-sectionEcology {
  padding-bottom: 7rem;
}
html body .mt-content .mt-sectionPoints .mt-wrap_pc {
  padding-bottom: 7rem;
}
html body .mt-content .mt-sectionPoints h2 {
  display: flex;
  height: 3.9rem;
  align-items: center;
  margin-bottom: 3rem;
  padding-left: 5rem;
  background-position: left top;
  background-size: auto 100%;
  background-repeat: no-repeat;
  font-size: 2.4rem;
  line-height: 1.1666666667;
}
html body .mt-content .mt-sectionPoints p {
  margin: 0;
  padding-bottom: 4.4rem;
  font-size: 1.6rem;
  line-height: 1.625;
}
html body .mt-content .mt-sectionPoints p.mt-caption {
  padding-top: 1rem;
  padding-bottom: 0;
  font-size: 1.3rem;
}
html body .mt-content .mt-sectionPoints picture {
  padding-bottom: 4rem;
}
html body .mt-content .mt-sectionPoints h3 {
  margin-bottom: 2rem;
}
html body .mt-content .mt-sectionPoints h4 {
  padding-bottom: 0.5rem;
  color: #004898;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
}
html body .mt-content .mt-sectionPoints .mt-button--viewMore {
  margin: 0;
}
html body .mt-content .mt-content__text:not(:root) {
  margin-top: 0;
}
html body .mt-content .mt-sectionSpace, html body .mt-content .mt-sectionResource, html body .mt-content .mt-sectionTime {
  background-position: top 6rem right 4rem;
  background-size: 14rem;
  background-repeat: no-repeat;
}
html body .mt-content .mt-sectionTime {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/time-bg-img.png);
  background-color: #f8f8f8;
}
html body .mt-content .mt-sectionTime .mt-content__block {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/time-bg-text.png);
  background-position: bottom -0.1rem left 1.3rem;
  background-size: auto 4.5rem;
  background-repeat: no-repeat;
}
html body .mt-content .mt-sectionTime h2 {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/icon-time.png);
}
html body .mt-content .mt-sectionTime .mt-sectionTimeText:not(:root) {
  padding-bottom: 2rem;
}
html body .mt-content .mt-sectionResource {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/resource-bg-img.png);
}
html body .mt-content .mt-sectionResource .mt-content__block {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/resource-bg-text.png);
  background-position: bottom -0.1rem left 1.3rem;
  background-size: auto 4.5rem;
  background-repeat: no-repeat;
}
html body .mt-content .mt-sectionResource h2 {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/icon-resource.png);
}
html body .mt-content .mt-sectionEnergy {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/energy-bg-img.png);
  background-position: top 9rem right 4.4rem;
  background-size: 8.7rem;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
html body .mt-content .mt-sectionEnergy .mt-content__block {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/energy-bg-text.png);
  background-position: bottom -0.1rem left 1.3rem;
  background-size: auto 4.5rem;
  background-repeat: no-repeat;
}
html body .mt-content .mt-sectionEnergy h2 {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/icon-energy.png);
}
html body .mt-content .mt-sectionEnergy .mt-sectionEnergyText:not(:root) {
  padding-bottom: 1rem;
}
html body .mt-content .mt-sectionSpace {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/space-bg-img.png);
}
html body .mt-content .mt-sectionSpace .mt-content__block {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/space-bg-text.png);
  background-position: bottom -0.1rem left 1.3rem;
  background-size: auto 4.5rem;
  background-repeat: no-repeat;
}
html body .mt-content .mt-sectionSpace h2 {
  background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/icon-space.png);
}
html body .mt-content .mt-sectionSpace .mt-tableTitle {
  padding-bottom: 1rem;
  color: #004898;
  font-weight: bold;
  font-size: 1.35rem;
}
html body .mt-content .mt-sectionSpace table {
  width: 100%;
  margin-bottom: 4rem;
  border: solid 1px #d4d5d5;
  table-layout: fixed;
  border-spacing: 1px;
}
html body .mt-content .mt-sectionSpace table th {
  padding: 0.5rem 0;
  border: solid 1px #d4d5d5;
  background: #e7e7e7;
  font-size: 1.1rem;
  text-align: center;
  vertical-align: middle;
}
html body .mt-content .mt-sectionSpace table td {
  padding: 2rem 0;
  border: solid 1px #d4d5d5;
  background: #f0f7ff;
  font-size: 1.3rem;
  text-align: center;
  vertical-align: middle;
}
html body .mt-content .mt-sectionEcology {
  margin: 0;
  padding: 7rem 2rem 0;
  background: #004898;
  color: white;
}
html body .mt-content .mt-sectionEcology p {
  padding-bottom: 4rem;
  font-size: 1.67rem;
}
html body .mt-content .mt-sectionEcology h2 {
  padding-bottom: 3rem;
  font-weight: bold;
  font-size: 2.9rem;
  text-align: center;
}
html body .mt-content .mt-sectionEcology h2 + p {
  padding: 0 1rem 4rem;
  font-size: 1.9rem;
  text-align: center;
}
html body .mt-content .mt-sectionEcology h3.mt-content__listHeading {
  margin-bottom: 1.5rem;
  border-bottom-color: white;
}
html body .mt-content .mt-sectionEcology h3.mt-content__listHeading span.mt-content__listHeadingDeco {
  background-color: white;
  color: #004898;
}
html body .mt-content .mt-sectionEcology h4 {
  margin-top: -2.3rem;
  padding-bottom: 0.8rem;
  font-weight: bold;
  font-size: 1.8rem;
}
html body .mt-content .mt-sectionEcology table {
  width: 100%;
  margin-bottom: 2rem;
  color: black;
  table-layout: fixed;
  border-spacing: 1px;
}
html body .mt-content .mt-sectionEcology table th {
  padding: 2rem 0;
  border: solid 1px #d4d5d5;
  background: #e7e7e7;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
}
html body .mt-content .mt-sectionEcology table th img {
  width: 6.6rem;
  margin-inline: auto;
}
html body .mt-content .mt-sectionEcology table th.mt-comparison {
  background: linear-gradient(to bottom, #379fda, #004898);
  color: white;
}
html body .mt-content .mt-sectionEcology table td {
  padding: 2.5rem 0;
  border: solid 1px #d4d5d5;
  background: white;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}
html body .mt-content .mt-sectionEcology table td span {
  font-size: 1.4rem;
}
html body .mt-content .mt-sectionEcology table td:nth-of-type(1), html body .mt-content .mt-sectionEcology table td:nth-of-type(3) {
  color: #004898;
}
html body .mt-content .mt-sectionEcology .mt-caption {
  padding-bottom: 2rem;
  font-size: 1.3rem;
}
html body .mt-content .mt-sectionEcology h5 {
  padding-bottom: 2.5rem;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.7777777778;
}
html body .mt-content .mt-sectionEcology .mt-sectionEcology__dest {
  width: 100%;
  margin-bottom: 3.5rem;
  border-bottom: solid 1px white;
  font-size: 0;
  white-space: nowrap;
}
html body .mt-content .mt-sectionEcology .mt-sectionEcology__dest .mt-sectionEcology__destTitle {
  display: inline-block;
  width: 14rem;
  padding: 1.3rem 0 1.1rem 1rem;
  border-top: solid 1px white;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.5;
  white-space: normal;
  vertical-align: top;
}
html body .mt-content .mt-sectionEcology .mt-sectionEcology__dest .mt-sectionEcology__destItem {
  display: inline-block;
  width: calc(100% - 14rem);
  margin-left: -1px;
  padding: 1.3rem 0 1.1rem 0;
  padding-left: 2rem;
  border-top: solid 1px white;
  font-size: 1.4rem;
  line-height: 1.5;
  white-space: normal;
  vertical-align: top;
}
html body .mt-content .mt-sectionEcology picture {
  width: 21rem;
}
html body .mt-content .mt-sectionEcology picture img {
  margin-bottom: 1.2rem;
}
html body.mt-mvShow .mt-content .mt-topMv span {
  height: 3rem;
}
html body.mt-mvShow .mt-content .mt-topMv picture {
  opacity: 1;
}
html body.mt-mvShow .mt-content .mt-sectionLead .mt-topMvSub {
  opacity: 1;
  transform: translateY(0);
}

.mt-sp-padding {
  padding-inline: 2.75rem;
}

/* !_new-blue-index-pc.scss */
@media (min-width: 744px) {
  html body {
    overflow-x: hidden;
  }
  html body .mt-content .mt-mod-freeHTML {
    width: 100vw;
  }
  html body .mt-content .mt-topMv {
    height: 74.5rem;
    background-position: top center;
  }
  html body .mt-content .mt-topMv .mt-wrap_pc {
    width: 53.5rem;
    max-width: calc(100% - 16rem);
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
  }
  html body .mt-content .mt-topMv span {
    bottom: calc(50% + 8rem);
    left: 0;
    font-size: 3.6rem;
  }
  html body .mt-content .mt-topMv picture {
    width: 100%;
    max-width: none;
    top: calc(50% - 8rem);
    left: 50%;
    transform: translateX(-50%);
  }
  html body .mt-content .mt-sectionLead {
    padding: 12rem 0 0;
  }
  html body .mt-content .mt-sectionLead .mt-topMvSub p:has(+ p) {
    padding-block: 5rem;
  }
  html body .mt-content .mt-sectionLead h2 {
    margin-bottom: 3rem;
    font-size: 4rem;
  }
  html body .mt-content .mt-sectionLead p {
    padding-inline: min(0.0145454545 * var(--100vw), 1.6rem);
    padding-bottom: 1em;
    font-size: 1.8rem;
    line-height: 2;
  }
  html body .mt-content .mt-sectionLead h3 {
    padding-bottom: 3rem;
    font-size: 3.2rem;
    line-height: 1.5625;
  }
  html body .mt-content .mt-sectionLead ul {
    justify-content: center;
    column-gap: min(60 / 1100 * var(--100vw), 6rem);
  }
  html body .mt-content .mt-sectionLead ul li {
    width: 15rem;
    row-gap: 2rem;
  }
  html body .mt-content .mt-sectionLead ul li p {
    font-size: 2.4rem;
    line-height: 1.3333333333;
  }
  html body .mt-content .mt-sectionLead ul + p {
    padding-bottom: 10.2rem;
  }
  html body .mt-content .mt-sectionPoints {
    display: block;
    margin: 0 auto;
    padding: 12.7rem 0 0;
  }
  html body .mt-content .mt-sectionPoints.mt-content__list + .mt-content__list {
    display: block;
    margin: 0 auto;
    padding: 12.7rem 0 0;
  }
  html body .mt-content .mt-sectionPoints.mt-content__list + .mt-content__list.mt-sectionEcology {
    padding-bottom: 12rem;
  }
  html body .mt-content .mt-sectionPoints .mt-wrap_pc {
    width: min(100%, 84rem);
    margin: 0 auto;
    padding-bottom: min(0.1090909091 * var(--100vw), 12rem);
  }
  html body .mt-content .mt-sectionPoints h2 {
    height: 4.6rem;
    margin-bottom: 2.8rem;
    padding: 0 0 0.2rem 7.5rem;
    font-size: 4.2rem;
    line-height: 1.3333333333;
  }
  html body .mt-content .mt-sectionPoints p {
    margin-inline: auto;
    margin-top: 3rem;
    font-size: 1.8rem;
    line-height: 1.9;
    line-height: 1.5;
  }
  html body .mt-content .mt-sectionPoints p.mt-caption {
    margin-top: 0;
  }
  html body .mt-content .mt-sectionPoints picture {
    padding-bottom: 5rem;
  }
  html body .mt-content .mt-sectionPoints h3 {
    margin-bottom: 3.5rem;
  }
  html body .mt-content .mt-sectionPoints h4 {
    padding-bottom: 1.5rem;
  }
  html body .mt-content .mt-sectionPoints h4 + p {
    margin-top: 0;
  }
  html body .mt-content .mt-sectionPoints .mt-button--viewMore {
    width: 18.5rem;
    margin-left: auto;
  }
  html body .mt-content .mt-sectionPoints .mt-partition_pc > * {
    display: inline-block;
    vertical-align: top;
  }
  html body .mt-content .mt-sectionPoints .mt-partition_pc > *:last-child {
    margin-right: 0;
  }
  html body .mt-content .mt-sectionPoints .mt-partition_pc_half > * {
    width: calc(50% - 2rem);
    margin-right: 3rem;
  }
  html body .mt-content .mt-sectionPoints .mt-partition_pc_quarter > * {
    width: calc(75% - 1rem);
    margin-right: 3rem;
  }
  html body .mt-content .mt-sectionPoints .mt-partition_pc_quarter > *:last-child {
    width: calc(25% - 3rem);
  }
  html body .mt-content .mt-sectionTime {
    width: var(--100vw);
    margin-inline: calc(50% - var(--50vw));
    padding-inline: calc(var(--50vw) - 50%);
    background-position: top 12rem left calc(50% + 27rem);
    background-size: 15rem;
  }
  html body .mt-content .mt-sectionTime .mt-content__block {
    background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/time-bg-text-pc.png);
    background-position: bottom left;
    background-size: 100%;
    background-color: transparent;
  }
  html body .mt-content .mt-sectionTime .mt-sectionTimeText:not(:root) {
    padding-bottom: 0;
  }
  html body .mt-content .mt-sectionResource {
    width: min(100%, 113.2rem);
    background-position: top 12rem left calc(50% + 27rem);
    background-size: 15rem;
  }
  html body .mt-content .mt-sectionResource .mt-content__block {
    background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/resource-bg-text-pc.png);
    background-position: bottom left;
    background-size: 100%;
    background-color: transparent;
  }
  html body .mt-content .mt-sectionEnergy {
    width: var(--100vw);
    margin-inline: calc(50% - var(--50vw));
    padding-inline: calc(var(--50vw) - 50%);
    background-position: top 12rem left calc(50% + 27rem);
    background-size: 9rem;
  }
  html body .mt-content .mt-sectionEnergy .mt-content__block {
    background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/energy-bg-text-pc.png);
    background-position: bottom left;
    background-size: 100%;
    background-color: transparent;
  }
  html body .mt-content .mt-sectionEnergy .mt-sectionEnergyText {
    padding-bottom: 2rem;
  }
  html body .mt-content .mt-sectionSpace {
    width: min(100%, 113.2rem);
    background-position: top 12rem left calc(50% + 27rem);
    background-size: 15rem;
  }
  html body .mt-content .mt-sectionSpace .mt-content__block {
    background-image: url(/-/media/ap2/mt/landing-lage-emtpy/blue-technology/img/top/space-bg-text-pc.png);
    background-position: bottom left;
    background-size: 100%;
    background-color: transparent;
  }
  html body .mt-content .mt-sectionSpace .mt-sectionSpace_pcLayout {
    min-height: 48rem;
    position: relative;
  }
  html body .mt-content .mt-sectionSpace .mt-sectionSpace_pcLayout div {
    width: 38rem;
  }
  html body .mt-content .mt-sectionSpace .mt-sectionSpace_pcLayout picture {
    width: 43rem;
    max-width: calc(100% - 40rem);
    position: absolute;
    top: 0;
    right: 0;
  }
  html body .mt-content .mt-sectionSpace .mt-sectionSpace_pcLayout p {
    padding-bottom: 0;
  }
  html body .mt-content .mt-sectionEcology {
    padding-top: 10.5rem !important;
  }
  html body .mt-content .mt-sectionEcology .mt-wrap_pc {
    width: min(100%, 113.2rem);
    margin: 0 auto;
  }
  html body .mt-content .mt-sectionEcology p {
    padding-bottom: 7rem;
    font-size: 1.7rem;
  }
  html body .mt-content .mt-sectionEcology h2 {
    padding-bottom: 2.5rem;
    font-size: 4.9rem;
  }
  html body .mt-content .mt-sectionEcology h2 + p {
    padding: 0 0 6rem;
  }
  html body .mt-content .mt-sectionEcology h3.mt-content__listHeading {
    margin-bottom: 3rem;
  }
  html body .mt-content .mt-sectionEcology h4 {
    padding-bottom: 1.5rem;
    font-size: 2.4rem;
  }
  html body .mt-content .mt-sectionEcology table {
    margin-bottom: 1rem;
  }
  html body .mt-content .mt-sectionEcology table th {
    padding: 1.4rem 0;
    font-size: max(1rem, min(0.0163636364 * var(--100vw), 1.8rem));
  }
  html body .mt-content .mt-sectionEcology table th:nth-of-type(1) {
    width: min(0.2090909091 * var(--100vw), 23rem);
    padding: 2.5rem 0;
    font-size: max(1rem, min(0.0218181818 * var(--100vw), 2.4rem));
  }
  html body .mt-content .mt-sectionEcology table th img {
    display: block;
    width: min(0.1145454545 * var(--100vw), 12.6rem);
    margin: 0 auto;
  }
  html body .mt-content .mt-sectionEcology table td {
    font-size: max(1rem, min(0.0218181818 * var(--100vw), 2.4rem));
  }
  html body .mt-content .mt-sectionEcology table td:nth-of-type(2), html body .mt-content .mt-sectionEcology table td:nth-of-type(3) {
    color: black;
    font-size: max(1rem, min(0.0218181818 * var(--100vw), 2.4rem));
  }
  html body .mt-content .mt-sectionEcology table td:nth-of-type(2) span, html body .mt-content .mt-sectionEcology table td:nth-of-type(3) span {
    display: inline-block;
    font-size: max(1rem, min(0.0181818182 * var(--100vw), 2rem));
  }
  html body .mt-content .mt-sectionEcology table td:nth-of-type(1), html body .mt-content .mt-sectionEcology table td:nth-of-type(5), html body .mt-content .mt-sectionEcology table td:nth-of-type(6) {
    padding: 3.5rem 0;
    color: #004898;
    font-size: max(1rem, min(0.0290909091 * var(--100vw), 3.2rem));
  }
  html body .mt-content .mt-sectionEcology table td:nth-of-type(1) span, html body .mt-content .mt-sectionEcology table td:nth-of-type(5) span, html body .mt-content .mt-sectionEcology table td:nth-of-type(6) span {
    display: inline-block;
    font-size: max(1rem, min(0.0218181818 * var(--100vw), 2.4rem));
  }
  html body .mt-content .mt-sectionEcology table td.mt-space {
    width: min(0.0181818182 * var(--100vw), 2rem);
    border: none;
    background: transparent;
  }
  html body .mt-content .mt-sectionEcology .mt-caption {
    padding-bottom: 4rem;
  }
  html body .mt-content .mt-sectionEcology .mt-partition_pc_ecology {
    display: flex;
    justify-content: space-between;
    column-gap: min(0.04 * var(--100vw), 4.4rem);
  }
  html body .mt-content .mt-sectionEcology .mt-partition_pc_ecology > * {
    display: inline-block;
    vertical-align: top;
  }
  html body .mt-content .mt-sectionEcology .mt-partition_pc_ecology > *:nth-child(1) {
    width: min(0.2709090909 * var(--100vw), 29.8rem);
  }
  html body .mt-content .mt-sectionEcology .mt-partition_pc_ecology > *:nth-child(2) {
    width: min(0.4036363636 * var(--100vw), 44.4rem);
  }
  html body .mt-content .mt-sectionEcology .mt-partition_pc_ecology > *:nth-child(3) {
    width: min(0.2445454545 * var(--100vw), 26.9rem);
    text-align: right;
  }
  html body .mt-content .mt-sectionEcology .mt-sectionEcology__dest {
    display: flex;
  }
  html body .mt-content .mt-sectionEcology .mt-sectionEcology__dest div {
    display: flex;
  }
  html body .mt-content .mt-sectionEcology .mt-sectionEcology__dest:has(> div) {
    flex-direction: column;
  }
  html body .mt-content .mt-sectionEcology .mt-sectionEcology__dest .mt-sectionEcology__destTitle {
    width: min(0.1272727273 * var(--100vw), 14rem);
  }
  html body .mt-content .mt-sectionEcology .mt-sectionEcology__dest .mt-sectionEcology__destItem {
    flex-grow: 1;
  }
  html body.mt-mvShow .mt-content .mt-topMv span {
    height: 8rem;
  }
  .mt-sp-padding {
    padding-inline: 0;
  }
}/*# sourceMappingURL=new-blue-index.css.map */




/* 20250604 kato 以下追加 

#parent{
        min-height: 900px;
        height: auto;
    }
.blueHeader202506{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}
.blueHeader202506 .bt-bg01{
    width: 100%;
    height: 430px;
    background: url("../img/top/bt-main-bg01.jpg") bottom;
    background-size: cover;
    position: absolute;
    z-index: 1;
    overflow: visible;
}
.blueHeader202506 .bt-bg01 div{
    width: 100%;
    height: 430px;
    margin: 1px 0 0 0;
    background: url("../img/top/bt-bg02.png") bottom repeat-x;
    z-index: 2;
}

.blueHeader202506 .bt-title01{
    width: calc(100% - 70px);
    height: auto;
    padding: 40px 0 100px 0;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 10;
    position: absolute;
}
.blueHeader202506 .bt-title01 p{
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 30px 0;
}
.blueHeader202506 .bt-title01 h1{
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.blueHeader202506 .bt-title01 h1 img{
    width: 100%;
    height: auto;
}

.blueHeader202506 .bt-title01 ul.bt-ul-pc{
    display: none;
}
.blueHeader202506 .bt-title01 ul.bt-ul-sp{
    width: 260px;
    height: 280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px auto 0 auto;
}

.blueHeader202506 .bt-title01 h2{
    width: auto;
        display: flex;
        justify-content: center;
        margin: 40px 0 0 0;
        font-size: 40px;
        color: #172649;
}

.blueHeader202506 .bt-title01 p:last-child{
    text-align: left;
    margin: 32px 0 0 0;
    font-size: 16px;
    font-weight: 300;
    color: #333333;
    white-space: normal;
    line-height: 1.6;
}

@media (min-width: 744px) {
    #parent{
        min-height: 900px;
        height: auto;
    }
    .blueHeader202506{
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
    }
    .blueHeader202506 .bt-bg01{
        width: 100%;
        height: 430px;
        background: url("../img/top/bt-main-bg01.jpg") bottom;
        background-size: cover;
        position: absolute;
        z-index: 1;
    }
    .blueHeader202506 .bt-bg01 div{
        width: 100%;
        height: 430px;
        background: url("../img/top/bt-bg02.png") bottom repeat-x;
        z-index: 2;
    }

    .blueHeader202506 .bt-title01{
        width: 659px;
        height: auto;
        padding: 72px 0 100px 0;
        margin: 0 auto;
        box-sizing: border-box;
        z-index: 10;
        position: absolute;
    }
    .blueHeader202506 .bt-title01 p{
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        color: #FFFFFF;
        margin: 0 0 30px 0;
    }
    .blueHeader202506 .bt-title01 h1{
        margin: 0 auto;
        width: 477px;
        height: 159px;
    }
    .blueHeader202506 .bt-title01 h1 img{
        width: 477px;
        height: 159px;
    }

    .blueHeader202506 .bt-title01 ul.bt-ul-pc{
        width: 659px;
        display: flex;
        justify-content: space-between;
        margin: 70px 0 0 0;
    }
    .blueHeader202506 .bt-title01 ul.bt-ul-sp{
        display: none;
    }
    .blueHeader202506 .bt-title01 h2{
        width: auto;
        display: flex;
        justify-content: center;
        margin: 70px 0 0 0;
        font-size: 40px;
        color: #172649;
    }

    .blueHeader202506 .bt-title01 p:last-child{
        text-align: left;
        margin: 56px 0 0 0;
        font-size: 16px;
        font-weight: 300;
        color: #333333;
        white-space: nowrap;
        line-height: 2.0;
    }
}
*/