@charset "UTF-8";
/* !_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;
  }
}

.blueHeader {
  height: 6rem;
}
@media (min-width: 744px) {
  .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 {
    width: min(100%, var(--bp-pcMax) + 3.2rem);
    margin-inline: auto;
  }
}
html .mod-freeHTML img, html .mod-freeHTML picture, html .mod-freeHTML video, html .aside img, html .aside picture, html .aside video {
  display: block;
  width: 100%;
  max-width: fit-content;
  height: auto;
}
@media (hover: hover) {
  html .mod-freeHTML :where(a[href]), html .aside :where(a[href]) {
    transition: 0.3s ease-in-out;
  }
  html .mod-freeHTML :where(a[href]) img, html .aside :where(a[href]) img {
    transition: 0.3s ease-in-out;
  }
  html .mod-freeHTML :where(a[href]):hover, html .aside :where(a[href]):hover {
    transition: 0.3s ease-in-out;
  }
  html .mod-freeHTML :where(a[href]):hover img, html .aside :where(a[href]):hover img {
    transition: 0.3s ease-in-out;
    filter: brightness(70%);
  }
}
html .ls0 {
  letter-spacing: 0 !important;
}
html .ls5 {
  letter-spacing: 0.005em !important;
}
html .ls10 {
  letter-spacing: 0.01em !important;
}
html .ls-10 {
  letter-spacing: -0.01em !important;
}
html .ls-20 {
  letter-spacing: -0.02em !important;
}
html .ls-30 {
  letter-spacing: -0.03em !important;
}
html .ls-40 {
  letter-spacing: -0.04em !important;
}
html .ls-50 {
  letter-spacing: -0.05em !important;
}
html .ls-60 {
  letter-spacing: -0.06em !important;
}
html .ls-70 {
  letter-spacing: -0.07em !important;
}
html .ls-80 {
  letter-spacing: -0.08em !important;
}
html .ls-90 {
  letter-spacing: -0.09em !important;
}
html .ls-100 {
  letter-spacing: -0.1em !important;
}
html .dsp_ib {
  display: inline-block;
  font: inherit;
}
@media (min-width: 375px) and (max-width: 743px), not all and (min-width: 744px) {
  html .dsp_pc {
    display: none !important;
  }
}
@media (min-width: 744px) {
  html .dsp_sp {
    display: none !important;
  }
}
html .lity-wrap {
  height: 100svh;
  overflow-y: scroll;
}
@media (max-width: 900px) {
  html .lity-content {
    padding-bottom: 10vw;
  }
}
html:has(.lity-opened) {
  overflow: hidden;
}
html .animated:has(.lity-opened) {
  animation-fill-mode: none !important;
  -webkit-animation-fill-mode: none !important;
}

/* !_new-blue-sp.scss */
html .st-wrapper {
  overflow-x: visible;
}
html header:has(.is-active) + .blueHeader {
  z-index: auto;
}
html header:has(.st-blueBar_menu.is-active) ~ .blueHeader, html header:has(.st-localNavSp .is-expanded) ~ .blueHeader {
  z-index: auto;
}
html .blueHeader {
  position: sticky;
  top: 0;
  z-index: calc(infinity);
  background-color: #fff;
}
html .blueHeader:has(+ .st-freeContents .lity-opened) {
  z-index: auto;
}
html .blueHeader .st-siteHeader {
  height: 6rem;
}
html .blueHeader .st-blueBar {
  padding-inline: 1rem 1.5rem;
  background-color: #fff;
}
html .blueHeader .st-blueBar .st-blueBar_logo {
  margin: 0;
  padding-right: 0;
}
html .blueHeader .st-blueBar .st-blueBar_logo img {
  width: 10.8rem;
  height: auto;
}
html .blueHeader .st-blueBar .headerText {
  margin-left: 3rem;
  color: #004898;
  font-size: 1.1rem;
  line-height: 1.6363636364;
  letter-spacing: 0.1em;
}
html .blueHeader .st-blueBar a {
  padding: 0;
  color: #004898;
}
html .blueHeader .st-blueBar .st-blueBar_inner {
  justify-content: flex-start;
  position: relative;
}
html .blueHeader .st-blueBar .headerNavi {
  width: 14.3rem;
  height: 4rem;
  position: absolute;
  top: 1rem;
  right: 0;
  overflow: hidden;
  border-radius: 2rem;
  background-color: #004898;
}
html .blueHeader .st-blueBar .headerNavi:has(.headerNavi__list.toggle-on) {
  height: auto;
  background-color: #fff;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__list {
  width: 100%;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__list::after {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.3rem;
  position: absolute;
  top: 1.4rem;
  right: 1.2rem;
  transform: rotate(0);
  margin-left: auto;
  background-color: #fff;
  mask-image: url(/-/media/cojp/product/machine/environment/img/common/nav-icon.svg);
  mask-size: cover;
  mask-repeat: no-repeat;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__list.toggle-on::after {
  transform: rotate(180deg);
  background-color: #004898;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__list.toggle-on .headerNavi__listItem {
  display: block;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__list.toggle-on .headerNavi__listItem.current {
  pointer-events: none;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__list.toggle-on .headerNavi__listItem.current a {
  color: #004898;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__list.toggle-on .headerNavi__listItem.current a::before {
  background-color: #004898;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem {
  height: 4rem;
  font-size: 1.1rem;
  line-height: 2.3636363636;
  letter-spacing: 0.1em;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem.current a {
  opacity: 1;
  color: #fff;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem.current a::before {
  background-color: #fff;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem:not(.current) {
  display: none;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem:not(.current) a {
  opacity: 0.3;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--space, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--energy, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--resource, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--time {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  padding-inline: 1.2rem 0;
  font-weight: 600;
  transition: opacity 0.3s ease-in-out;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--space:hover, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--energy:hover, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--resource:hover, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--time:hover {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--space::before, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--energy::before, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--resource::before, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--time::before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-color: #004898;
  mask-size: cover;
  mask-repeat: no-repeat;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--time {
  width: 60%;
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--time::before {
  mask-image: url(/-/media/cojp/product/machine/environment/img/common/nav-icon-time.svg);
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--resource::before {
  mask-image: url(/-/media/cojp/product/machine/environment/img/common/nav-icon-resource.svg);
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--energy::before {
  mask-image: url(/-/media/cojp/product/machine/environment/img/common/nav-icon-energy.svg);
}
html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--space::before {
  mask-image: url(/-/media/cojp/product/machine/environment/img/common/nav-icon-space.svg);
}
html .st-freeContents {
  font-family: inherit;
}
html .lity-opened {
  margin: 0 calc(50% - var(--50vw));
}
html .mod-freeHTML, html aside {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
html .aside {
  border-top: 1px solid #707070;
  background-color: #fff;
}
html .aside .aside__block {
  display: block;
  padding-inline: 1.5rem;
}
html .aside .documents {
  padding-block: 7rem 5rem;
  text-align: center;
}
html .aside .documents .documents__heading {
  color: #004898;
  font-weight: 700;
  font-size: 3.3rem;
  line-height: 0.9090909091;
  letter-spacing: 0.1em;
}
html .aside .documents .documents__text {
  margin-top: 2.2rem;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.5454545455;
}
html .aside .documents .documents__textDeco {
  color: #004898;
}
html .aside .documents .documents__image {
  margin-top: 1.6rem;
  margin-left: auto;
}
html .aside .banner {
  color: #fff;
}
html .aside .banner .banner__listItem--event {
  background-image: url(/-/media/cojp/product/machine/environment/img/common/banner-bg-event-sp.png);
  background-size: cover;
}
html .aside .banner .banner__listItem--event .banner__title::after {
  content: "event\ainformation";
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
html .aside .banner .banner__listItem--showroom {
  background-image: url(/-/media/cojp/product/machine/environment/img/common/banner-bg-showroom-sp.png);
  background-size: cover;
}
html .aside .banner .banner__listItem--showroom .banner__title::after {
  content: "brother\atechnology\a center";
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
html .aside .banner .banner__listLink {
  display: flex;
  height: 25rem;
  flex-direction: column;
  position: relative;
  padding: 3rem 2.5rem;
  background-size: cover;
}
html .aside .banner .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/cojp/product/machine/environment/img/common/banner-icon.svg);
  background-size: cover;
}
html .aside .banner .banner__title {
  margin-top: var(--leading-trim);
  font-size: 1.3rem;
  line-height: 2.6153846154;
}
html .aside .banner .banner__title::after {
  display: block;
  font-size: 3.2rem;
  line-height: 1.125;
  white-space: pre;
}
html .aside .banner .banner__text {
  font-size: 1.4rem;
  line-height: 1.6428571429;
}
html .aside .more {
  padding-block: 5rem;
}
html .aside .more .more__heading {
  color: #004898;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 1.6153846154;
  letter-spacing: 0.1em;
}
html .aside .more .more__list {
  margin-top: 1.6rem;
  color: #fff;
}
html .aside .more .more__listItem--contact {
  background-color: #004898;
}
html .aside .more .more__listItem--products {
  background-color: #343434;
}
html .aside .more .more__listItem--catalogue {
  background-color: #6f6f6f;
}
html .aside .more .more__listLink {
  display: flex;
  width: 100%;
  height: 20rem;
  flex-direction: column;
  justify-content: space-evenly;
}
html .aside .more .more__listItemBlock {
  display: flex;
  justify-content: center;
  column-gap: 1.6rem;
}
html .aside .more .more__image {
  width: min(100%, 6.4rem);
  max-width: none;
}
html .aside .more .more__image img {
  max-width: none;
}
html .aside .more .more__title {
  display: flex;
  width: min(100%, 13rem);
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  letter-spacing: 0.1em;
  text-align: center;
}
html .aside .more .more__title::before {
  display: inline-block;
  background-size: cover;
}
html .aside .more .more__text {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0em;
  text-align: center;
}
html .button--viewMore, html .button--downLoad, html .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 .button--viewMore:hover, html .button--downLoad:hover, html .button:hover {
  opacity: 0.6;
}
html .button--viewMore .button__text, html .button--downLoad .button__text, html .button .button__text {
  display: flex;
  justify-content: center;
  column-gap: 1rem;
  align-items: center;
}
html .button--viewMore .button__text::after, html .button--downLoad .button__text::after, html .button .button__text::after {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.5rem;
  background-image: url(/-/media/cojp/product/machine/environment/img/common/button-icon.svg);
  background-size: cover;
}
html .button--downLoad {
  margin-top: 2.5rem;
  background: #004898;
}
html .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;
  letter-spacing: 0.051em;
}
html .mv {
  background: transparent linear-gradient(326deg, #004898 0%, #3e8ecd 59%, #6fc6f7 100%) 0 0 no-repeat padding-box;
  color: #fff;
}
html .mv .mv__block {
  padding: 3.6rem 2rem 3.2rem;
  background-position: right top, left bottom;
  background-size: 18.7rem 18.7rem, 100% auto;
  background-repeat: no-repeat;
}
html .mv .mv__heading {
  display: flex;
  column-gap: 0.8rem;
  align-items: center;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.75;
  letter-spacing: 0.08em;
  text-shadow: 0 6px 6px rgba(0, 72, 152, 0.2);
}
html .mv .mv__heading::before {
  content: "";
  display: inline-block;
  width: 3.8rem;
  height: 3.8rem;
  background-size: cover;
}
html .mv .mv__text {
  margin-top: 3rem;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.1em;
}
html .mv.pageTime .mv__block {
  background-image: url(/-/media/cojp/product/machine/environment/img/time/mv-bg-image-time.png), url(/-/media/cojp/product/machine/environment/img/time/mv-bg-text-time.png);
}
html .mv.pageTime .mv__heading::before {
  background-image: url(/-/media/cojp/product/machine/environment/img/common/mv-bg-icon-time.png);
}
html .mv.pageResource .mv__block {
  background-image: url(/-/media/cojp/product/machine/environment/img/resource/mv-bg-image-resource.png), url(/-/media/cojp/product/machine/environment/img/resource/mv-bg-text-resource.png);
}
html .mv.pageResource .mv__heading::before {
  background-image: url(/-/media/cojp/product/machine/environment/img/common/mv-bg-icon-resource.png);
}
html .mv.pageEnergy .mv__block {
  background-image: url(/-/media/cojp/product/machine/environment/img/energy/mv-bg-image-energy.png), url(/-/media/cojp/product/machine/environment/img/energy/mv-bg-text-energy.png);
}
html .mv.pageEnergy .mv__heading::before {
  background-image: url(/-/media/cojp/product/machine/environment/img/common/mv-bg-icon-energy.png);
}
html .mv.pageSpace .mv__block {
  background-image: url(/-/media/cojp/product/machine/environment/img/space/mv-bg-image-space.png), url(/-/media/cojp/product/machine/environment/img/space/mv-bg-text-space.png);
}
html .mv.pageSpace .mv__heading::before {
  background-image: url(/-/media/cojp/product/machine/environment/img/common/mv-bg-icon-space.png);
}
html #anchor {
  background-color: #fff;
}
html #anchor .content__block {
  padding-top: 4rem;
}
html [id^=section] .content__block, html [id^=section]:first-of-type .content__block {
  padding-block: 7rem;
}
html [id^=section]:nth-of-type(odd) {
  background-color: #fff;
}
html [id^=section]:nth-of-type(even) {
  background-color: #f8f8f8;
}
html #sectionSpace01 .content__block {
  padding-top: 5rem;
}
html #sectionSpace01 .content__text {
  margin-top: 3rem;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
html #sectionSpace01 .content__listText {
  margin-top: 2rem;
}
html #sectionSpace01 .content__listItem {
  margin-top: 2rem;
}
html .content .content__block {
  padding-inline: 2rem;
}
html .content .anchor__list .anchor__listLink {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-inline: 1.5rem;
  padding-block: calc(1.6rem + var(--leading-trim)) calc(3.4rem + var(--leading-trim));
  border-top: 1px solid #004898;
  color: #004898;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.1;
  letter-spacing: 0.1em;
}
html .content .anchor__list .anchor__listLink::before {
  content: "";
  width: 100%; /*hover時に表示*/
  height: 2px; /*下線の高さ*/
  position: absolute;
  top: 0; /*テキストからの距離*/
  left: 0;
  transform: scale(0, 1); /*トランス前の下線*/
  transform-origin: left top; /*トランスフォーム開始位置*/
  background: #004898; /*下線の色*/
  transition: transform 0.3s; /*アニメーション速度*/
}
html .content .anchor__list .anchor__listLink:hover::before {
  transform: scale(1, 1); /*トランス後の下線*/
}
html .content .anchor__list .anchor__listLink::after {
  content: "";
  display: block;
  width: 2rem;
  height: 1.7rem;
  background-color: #004898;
  mask-image: url(/-/media/cojp/product/machine/environment/img/common/anchor-icon.svg);
  mask-size: cover;
  mask-repeat: no-repeat;
  transition: background-color 0.3s;
}
html .content .anchor__list .anchor__listLink:hover::after {
  mask-image: url(/-/media/cojp/product/machine/environment/img/common/anchor-icon--hover.svg);
}
html .content .content__heading {
  color: #004898;
  font-weight: 700;
  font-size: 3.4rem;
  line-height: 1.2352941176;
  letter-spacing: 0.1em;
}
html .content .content__heading + .supportSection {
  margin-top: 2.4rem;
}
html .content .content__list {
  margin-top: 3rem;
}
html .content .content__list .content__listItem + .content__listItem {
  margin-top: 5rem;
}
html .content .content__list .content__listHeading {
  border-bottom: 2px solid #004898;
}
html .content .content__list .content__listHeading .content__listHeadingDeco {
  display: inline-block;
  clip-path: polygon(0 0, calc(100% - 2.4rem) 0, 100% 110%, 0% 110%);
  padding-inline: 1.6rem 3.2rem;
  padding-block: calc(0.8rem + var(--leading-trim));
  background-color: #004898;
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
html .content .content__list .content__listHeading .content__listHeadingDeco .content__listHeadingSmall {
  font-size: 1.6rem;
  line-height: 1.5625;
  letter-spacing: 0em;
}
html .content .content__list .content__listHeading .content__listHeadingDeco sup {
  font-size: 60%;
}
html .content .content__list .content__listTitle {
  color: #004898;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.3333333333;
  letter-spacing: 0.1em;
}
html .content .content__list .content__listTitle + .content__image {
  margin-top: 0.8rem;
}
html .content .content__list .content__listText {
  margin-top: 3rem;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
html .content .content__list .content__listBlock {
  margin-top: 2rem;
}
html .content .content__list .content__dest {
  margin-top: 3rem;
}
html .content .content__list .content__dest .content__destRow {
  padding: 2.2rem 0.8rem;
}
html .content .content__list .content__dest .content__destRow:first-of-type {
  padding-top: 0;
}
html .content .content__list .content__dest .content__destRow + .content__destRow {
  border-top: 1px solid #b1b1b1;
}
html .content .content__list .content__dest .content__destRow:last-of-type {
  padding-bottom: 0;
}
html .content .content__list .content__dest .content__destTitle {
  color: #004898;
  font-weight: 700;
}
html .content .content__list .content__dest .content__destItem {
  margin-top: 1.2rem;
}
html .content .content__image--padding {
  padding-inline: 2.75rem;
}
html .content .content__lede {
  margin-top: 2.4rem;
  padding-inline: calc(0.8rem + var(--leading-trim));
  padding-block: 0.8rem;
  background-color: #e6f2ff;
  color: #004898;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
html .content .content__lede sup {
  font-size: 60%;
}
html .content .content__text {
  margin-top: 2rem;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
html .content .supportSection {
  margin-top: 5rem;
}
html .content .content__toolText {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
html .content .content__toolSubHeading {
  margin-top: 5rem;
  padding-bottom: calc(1.4rem - 0.5em);
  border-bottom: 1px solid #707070;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
html .content .content__list + .content__list {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #707070;
}
html .content .content__listTextListItem {
  margin-left: 1em;
  text-indent: -1em;
}
html .content .content__listTextListItem::before {
  content: "・";
  display: inline-block;
  margin-left: 1em;
}
html .sectionTimeNote {
  margin-top: -2rem;
  padding-bottom: 7rem;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: -0.045em;
}
html .sectionTimeNote .content__block {
  display: flex;
  flex-direction: column;
  padding-inline: 2rem;
}
html .sectionTimeNote .note__text {
  margin-left: 1em;
  text-indent: -1em;
}
html .sectionResourceNote {
  margin-bottom: 7rem;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: -0.045em;
}
html .sectionResourceNote .content__block {
  display: flex;
  flex-direction: column;
  padding-inline: 0;
  padding-bottom: 0;
}
html .sectionResourceNote .note__text {
  margin-left: 1em;
  text-indent: -1em;
}
html .st-localNavSp_item {
  padding-inline: 1rem 1.5rem;
}
html .mod-breadCrumble_inner {
  max-width: none;
  padding-inline: 1.6rem;
}
html .mod-breadCrumble_inner ul {
  line-height: 1.7;
}
html .mod-SNSButtons:not(:root) {
  margin-right: 0;
  margin-left: 0;
  font-size: 14px;
}
@media screen and (max-width: 1072px) {
  html .mod-SNSButtons:not(:root) {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
html .model {
  display: block;
  overflow-x: auto;
  font-weight: 500;
}
html .model .model__table {
  margin-inline: auto;
}
html .model .model__table th, html .model .model__table td {
  padding: 1.2rem 1.6rem;
  border: 1px solid #595959;
  white-space: nowrap;
}
html .model .model__table th.noBoder, html .model .model__table td.noBoder {
  border-left: none;
}
html .model .model__table th:first-of-type[rowspan]:has(+ th + th) {
  border-bottom: none;
  border-left: none;
}
html .model .model__table th:has(.model__image) {
  padding: 0;
}
html .model .model__table th:has(+ th) {
  border-inline: none;
}
html .model .model__table th:has(+ td) {
  border-left: none;
}
html .model .model__table td {
  text-align: center;
}
html .model .model__table td:first-of-type[rowspan]:has(+ td + td) {
  border-inline: none;
}
html .model .model__table tr:nth-of-type(n+4):nth-of-type(even) th:not(:has(+ th)), html .model .model__table tr:nth-of-type(n+4):nth-of-type(even) td {
  background-color: #efefef;
}
html .model .model__table .model__image {
  width: 8rem;
}
html .model .model__table sup {
  font-size: 60%;
}
html .model small {
  display: block;
  margin-top: 3rem;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: -0.045em;
  white-space: nowrap;
}

/* !_new-blue-pc.scss */
@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 footer .st_globalLink {
    width: var(--100vw);
    margin: 0 calc(50% - var(--50vw));
    padding: 0 calc(var(--50vw) - 50%);
    background-color: #000;
  }
  html .blueHeader {
    width: var(--100vw);
    margin: 0 calc(50% - var(--50vw));
    padding: 0 calc(var(--50vw) - 50%);
  }
  html .blueHeader .st-siteHeader {
    height: 7.2rem;
    padding-inline: 1.6rem;
  }
  html .blueHeader .st-blueBar {
    padding-inline: 0;
  }
  html .blueHeader .st-blueBar .st-blueBar_logo img {
    width: min(138 / 1100 * var(--100vw), 13.8rem);
  }
  html .blueHeader .st-blueBar .headerText {
    margin-left: auto;
    font-size: max(1rem, min(22 / 1100 * var(--100vw), 2.2rem));
    line-height: 1.9090909091;
    letter-spacing: 0.1em;
  }
  html .blueHeader .st-blueBar .st-blueBar_inner {
    justify-content: space-between;
    column-gap: min(30 / 1100 * var(--100vw), 3rem);
  }
  html .blueHeader .st-blueBar .headerNavi {
    width: auto;
    height: auto;
    position: relative;
    top: 0;
    border: none;
    border-radius: 0;
    background-color: #fff;
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__list {
    display: flex;
    height: 5.3rem;
    align-items: center;
    border-inline: 1px solid #b3cbe3;
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__list::after {
    content: none;
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem {
    display: block;
    font-size: min(18 / 1100 * var(--100vw), 1.8rem);
    line-height: 2.3333333333;
    letter-spacing: 0.1em;
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem + .headerNavi__listItem {
    border-left: 1px solid #b3cbe3;
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem.current a {
    color: #004898;
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem.current a::before {
    background-color: #004898;
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem:not(.current) {
    display: block;
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--space, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--energy, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--resource, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--time {
    padding-inline: min(14 / 1100 * var(--100vw), 1.4rem) min(30 / 1100 * var(--100vw), 3rem);
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--space::before, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--energy::before, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--resource::before, html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--time::before {
    width: min(53 / 1100 * var(--100vw), 5.3rem);
    height: min(53 / 1100 * var(--100vw), 5.3rem);
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--time {
    width: 100%;
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--time::before {
    mask-image: url(/-/media/cojp/product/machine/environment/img/common/nav-icon-time.svg);
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--resource::before {
    mask-image: url(/-/media/cojp/product/machine/environment/img/common/nav-icon-resource.svg);
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--energy::before {
    mask-image: url(/-/media/cojp/product/machine/environment/img/common/nav-icon-energy.svg);
  }
  html .blueHeader .st-blueBar .headerNavi .headerNavi__listItem .headerNavi__link--space::before {
    mask-image: url(/-/media/cojp/product/machine/environment/img/common/nav-icon-space.svg);
  }
  html .aside {
    margin: 0 calc(50% - var(--50vw));
    padding: 0 calc(var(--50vw) - 50%);
  }
  html .aside .aside__block {
    padding-inline: 0;
  }
  html .aside .documents {
    padding-inline: min(50 / 1100 * var(--100vw), 5rem);
    padding-block: min(120 / 1100 * var(--100vw), 12rem) min(80 / 1100 * var(--100vw), 8rem);
  }
  html .aside .documents .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 .aside .documents .documents__grid .documents__gridHeading {
    grid-area: heading;
  }
  html .aside .documents .documents__grid .documents__gridText {
    grid-area: text;
  }
  html .aside .documents .documents__grid .documents__gridButton {
    grid-area: button;
  }
  html .aside .documents .documents__grid .documents__gridImage {
    grid-area: image;
  }
  html .aside .documents .documents__heading {
    font-size: max(1rem, min(46 / 1100 * var(--100vw), 4.6rem));
    line-height: 0.9130434783;
    letter-spacing: 0.1em;
    text-align: left;
  }
  html .aside .documents .documents__text {
    font-size: max(1rem, min(35 / 1100 * var(--100vw), 3.5rem));
    line-height: 1.4857142857;
    text-align: left;
  }
  html .aside .banner {
    width: var(--100vw);
    margin: 0 calc(50% - var(--50vw));
  }
  html .aside .banner .banner__list {
    display: flex;
  }
  html .aside .banner .banner__listItem--event {
    display: flex;
    width: 50%;
    background-image: url(/-/media/cojp/product/machine/environment/img/common/banner-bg-event-pc.png);
  }
  html .aside .banner .banner__listItem--event:has(a:hover) {
    transition: 0.3s ease-in-out;
    filter: brightness(70%);
  }
  html .aside .banner .banner__listItem--showroom {
    display: flex;
    width: 50%;
    background-image: url(/-/media/cojp/product/machine/environment/img/common/banner-bg-showroom-pc.png);
  }
  html .aside .banner .banner__listItem--showroom:has(a:hover) {
    transition: 0.3s ease-in-out;
    filter: brightness(70%);
  }
  html .aside .banner .banner__listLink {
    width: 100%;
    height: auto;
    padding: min(28 / 1100 * var(--100vw), 2.8rem) min(50 / 1100 * var(--100vw), 5rem);
  }
  html .aside .banner .banner__title {
    font-size: max(1rem, min(20 / 1100 * var(--100vw), 2rem));
    line-height: 2.6;
  }
  html .aside .banner .banner__title::after {
    font-size: max(1rem, min(46 / 1100 * var(--100vw), 4.6rem));
    line-height: 1.1304347826;
  }
  html .aside .banner .banner__text {
    font-size: max(1rem, min(14 / 1100 * var(--100vw), 1.4rem));
    line-height: 1.7142857143;
  }
  html .aside .more {
    width: min(100%, 113.2rem);
    margin-inline: auto;
    padding-inline: 1.6rem;
    padding-block: min(120 / 1100 * var(--100vw), 12rem);
  }
  html .aside .more .more__heading {
    font-size: max(1rem, min(36 / 1100 * var(--100vw), 3.6rem));
    line-height: 1.1666666667;
    letter-spacing: 0.1em;
  }
  html .aside .more .more__list {
    display: flex;
    justify-content: center;
  }
  html .aside .more .more__listItem--catalogue, html .aside .more .more__listItem--products, html .aside .more .more__listItem--contact {
    width: 33.3333333333%;
    height: auto;
  }
  html .aside .more .more__listItem--catalogue:has(a:hover), html .aside .more .more__listItem--products:has(a:hover), html .aside .more .more__listItem--contact:has(a:hover) {
    transition: 0.3s ease-in-out;
    filter: brightness(70%);
  }
  html .aside .more .more__listLink {
    height: auto;
    aspect-ratio: 1/1;
    justify-content: flex-end;
    row-gap: 1.5rem;
    padding-bottom: min(58 / 1100 * var(--100vw), 5.8rem);
  }
  html .aside .more .more__listItemBlock {
    height: min(150 / 1100 * var(--100vw), 15rem);
    flex-direction: column;
    justify-content: center;
    row-gap: 1.4rem;
    align-items: center;
  }
  html .aside .more .more__title {
    height: min(48 / 1100 * var(--100vw), 4.8rem);
    font-size: max(1rem, min(18 / 1100 * var(--100vw), 1.8rem));
    line-height: 1.3333333333;
    letter-spacing: 0.1em;
  }
  html .aside .more .more__text {
    font-size: max(1rem, min(14 / 1100 * var(--100vw), 1.4rem));
    line-height: 1.7142857143;
  }
  html .button--viewMore, html .button--downLoad, html .button {
    width: 21.7rem;
    font-size: 1.6rem;
    line-height: 2;
  }
  html .mv {
    width: var(--100vw);
    margin: 0 calc(50% - var(--50vw));
    padding: 0 calc(var(--50vw) - 50% - 20rem);
    background: transparent linear-gradient(351deg, #004898 0%, #3e8ecd 59%, #6fc6f7 100%) 0 0 no-repeat padding-box;
  }
  html .mv .mv__block {
    display: flex;
    width: min(100%, 113.2rem);
    min-height: 40rem;
    flex-direction: column;
    justify-content: flex-start;
    margin-inline: auto;
    padding: 9.8rem 1.6rem 0;
    background-size: auto 100%, 100% auto;
  }
  html .mv .mv__heading {
    column-gap: 4rem;
    font-size: 4.4rem;
    line-height: 1.4545454545;
    letter-spacing: 0.1em;
  }
  html .mv .mv__heading::before {
    width: 7rem;
    height: 7rem;
  }
  html .mv .mv__text {
    margin-top: 4rem;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  html .mv.pageTime .mv__block {
    background-image: url(/-/media/cojp/product/machine/environment/img/time/mv-bg-image-time-pc.png), url(/-/media/cojp/product/machine/environment/img/time/mv-bg-text-time-pc.png);
  }
  html .mv.pageResource .mv__block {
    background-image: url(/-/media/cojp/product/machine/environment/img/resource/mv-bg-image-resource-pc.png), url(/-/media/cojp/product/machine/environment/img/resource/mv-bg-text-resource-pc.png);
  }
  html .mv.pageEnergy .mv__block {
    background-image: url(/-/media/cojp/product/machine/environment/img/energy/mv-bg-image-energy-pc.png), url(/-/media/cojp/product/machine/environment/img/energy/mv-bg-text-energy-pc.png);
  }
  html .mv.pageSpace .mv__block {
    background-image: url(/-/media/cojp/product/machine/environment/img/space/mv-bg-image-space-pc.png), url(/-/media/cojp/product/machine/environment/img/space/mv-bg-text-space-pc.png);
  }
  html #anchor .content__block {
    padding-top: 10rem;
  }
  html [id^=section] .content__block, html [id^=section]:first-of-type .content__block {
    padding-block: 10rem;
  }
  html [id^=section]:nth-of-type(even) {
    margin: 0 calc(50% - var(--50vw));
  }
  html #sectionEnergy01 .content__listItem:nth-of-type(odd) {
    width: calc((100% - min(70 / 1100 * var(--100vw), 7rem)) * 0.3825);
  }
  html #sectionEnergy01 .content__listItem:nth-of-type(even) {
    width: calc((100% - min(70 / 1100 * var(--100vw), 7rem)) * 0.6145);
  }
  html #sectionSpace01 .content__block {
    padding-top: 10rem;
  }
  html #sectionSpace01 .content__text {
    margin-top: 4rem;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  html #sectionSpace01 .content__list {
    flex-direction: column;
    row-gap: 3rem;
    margin-top: 0;
  }
  html #sectionSpace01 .content__listItem {
    width: 100%;
  }
  html #sectionSpace01 .content__listText {
    margin-top: 3rem;
  }
  html #sectionSpace01 small {
    margin-top: 2rem;
  }
  html .content .content__block {
    width: min(100%, 113.2rem);
    margin-inline: auto;
    padding-inline: 0;
    padding-inline: 1.6rem;
  }
  html .content .anchor__list {
    display: flex;
    column-gap: 2.5rem;
  }
  html .content .anchor__list .anchor__listItem {
    width: calc((100% - 5rem) / 3);
  }
  html .content .anchor__list .anchor__listLink {
    padding-inline: 1.5rem;
    padding-block: calc(2rem + var(--leading-trim));
    font-size: max(1rem, min(24 / 1100 * var(--100vw), 2.4rem));
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  html .content .content__heading {
    font-size: 4.6rem;
    line-height: 0.9130434783;
    letter-spacing: 0.1em;
  }
  html .content .content__heading + .supportSection {
    margin-top: 4rem;
  }
  html .content .content__list.noFlex, html .content .content__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: min(70 / 1100 * var(--100vw), 7rem);
    margin-top: 5rem;
  }
  html .content .content__list .content__listItem {
    width: calc((100% - min(70 / 1100 * var(--100vw), 7rem)) / 2);
  }
  html .content .content__list .content__listItem + .content__listItem {
    margin-top: 0;
  }
  html .content .content__list.noFlex .content__listItem {
    width: 100%;
  }
  html .content .content__list .content__listHeading .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.75;
    letter-spacing: 0.1em;
  }
  html .content .content__list .content__listHeading .content__listHeadingDeco .content__listHeadingSmall {
    font-size: 2rem;
    line-height: 2.1;
    letter-spacing: -0.02em;
  }
  html .content .content__list .content__listHeading .content__listHeadingDeco.fz-vw {
    font-size: max(1rem, min(24 / 1100 * var(--100vw), 2.4rem));
  }
  html .content .content__list .content__listHeading .content__listHeadingDeco.fz-vw .content__listHeadingSmall {
    font-size: max(1rem, min(20 / 1100 * var(--100vw), 2rem));
  }
  html .content .content__list .content__listTitle {
    font-size: 2rem;
    line-height: 2.1;
    letter-spacing: 0.1em;
  }
  html .content .content__list .content__listTitle + .content__image {
    margin-top: 0.8rem;
  }
  html .content .content__list .content__listText {
    margin-top: 4rem;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  html .content .content__list .content__listBlock {
    margin-top: 3rem;
  }
  html .content .content__list .content__dest {
    margin-top: 3rem;
  }
  html .content .content__list .content__dest .content__destRow {
    padding: 2.2rem 0.8rem;
  }
  html .content .content__list .content__dest .content__destItem {
    margin-top: 1.2rem;
  }
  html .content .content__image--padding {
    padding-inline: 10%;
  }
  html .content .content__lede {
    margin-top: 2.4rem;
    padding-inline: 0.8rem;
    padding-block: calc(0.8rem + var(--leading-trim));
    font-size: 2.4rem;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  html .content .content__text {
    margin-top: 1.6rem;
    font-size: 2rem;
    line-height: 2.1;
    letter-spacing: 0.1em;
  }
  html .content .supportSection {
    margin-top: 7rem;
  }
  html .content .content__toolText {
    margin-top: 1.6rem;
    font-size: 2rem;
    line-height: 2.1;
    letter-spacing: 0.1em;
  }
  html .content .content__toolSubHeading {
    margin-top: 5rem;
    padding-bottom: calc(1.4rem - 0.5em);
    font-size: 2.4rem;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  html .content .content__list + .content__list {
    margin-top: 6rem;
    padding-top: 6rem;
  }
  html .content .content__list-inner {
    display: flex;
    flex-direction: column;
    row-gap: min(70 / 1100 * var(--100vw), 7rem);
  }
  html .content .content__list-inner .content__listItem {
    width: 100%;
  }
  html .sectionTimeNote {
    margin-top: -5rem;
    padding-bottom: 12rem;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  html .sectionTimeNote .content__block {
    width: min(100%, 110rem);
    flex-direction: row;
    column-gap: 1em;
    margin-inline: auto;
    padding-inline: 0;
  }
  html .sectionTimeNote .note__text {
    margin-left: 0;
    text-indent: 0;
  }
  html .sectionResourceNote {
    margin-bottom: 7rem;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  html .sectionResourceNote .content__block:not(:root) {
    width: min(100%, 110rem);
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1em;
    margin-inline: auto;
    margin-top: 7rem;
    margin-bottom: 0;
    padding-inline: 0;
    padding-block: 0;
  }
  html .st_localNav2 {
    width: var(--100vw);
    margin: 0 calc(50% - var(--50vw));
    padding: 0 calc(var(--50vw) - 50%);
    background: #333;
    color: #fff;
    font-size: 14px;
  }
  html .st_localNav2 .st_localNav2_inner {
    max-width: none;
    padding: 10px 16px;
    line-height: 1;
  }
  html .st_localNav2 .st_localNav2_heading {
    flex: 0 0 auto;
    margin: 0 30px 0 0;
    padding: 4px 0;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
  }
  html .st_localNav2 li a {
    font-weight: 600;
  }
  html .st_localNav2 a.is-active:not(:root) {
    border-bottom-color: #fff;
  }
  html .st-localNavSp_item {
    padding-inline: 16px;
  }
  html .st-contents:has(.mod-breadCrumble) {
    max-width: none;
    padding: 0;
  }
  html .mod-breadCrumble {
    width: var(--100vw);
    margin: 0 calc(50% - var(--50vw));
    padding: 0 calc(var(--50vw) - 50%);
  }
}
@media print and (min-width: 744px), screen and (min-width: 744px) and (min-width: 901px) {
  html .mod-breadCrumble {
    display: block;
  }
}
@media screen and (min-width: 744px) and (max-width: 1072px) {
  html .mod-breadCrumble {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media (min-width: 744px) {
  html .mod-SNSButtons:not(:root) {
    width: var(--100vw);
    margin: 0 calc(50% - var(--50vw));
    padding: 0 calc(var(--50vw) - 50%);
  }
  html .model .model__table {
    width: 100%;
  }
  html .model .model__table .model__image {
    width: 8rem;
  }
  html .model small {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}/*# sourceMappingURL=new-blue.css.map */