@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+JP:wght@100..900&display=swap");
:root {
  --brown: #5f2305;
  --navy: #0d3387;
  --black: #0c0400;
  --yellow: #fff3cc;
  --orange: #ee5f17;
  --beige: #faf4ed;
}

body {
  font-family: "Noto Sans JP", sans-serif !important;
  color: #000;
}

.l-header.navbar.navbar-expand-xl.navbar-light {
  display: none;
}

.l-main {
  margin: 0 !important;
  padding: 0 !important;
}

.u-text-center {
  text-align: center;
}

.u-hf {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .u-hf {
    font-size: 1.75rem;
  }
}

.u-whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

.u-w-150 {
  width: 9.375rem;
}

.u-w-240 {
  width: 15rem;
}

.u-w-320 {
  max-width: 20rem;
  width: 100%;
}

.u-w-360 {
  max-width: 22.5rem;
  width: 100%;
}

.u-w-500 {
  max-width: 31.25rem;
  width: 100%;
}

.c-heatFluxHeader {
  height: 4.6875rem;
  background-color: var(--beige);
  padding-top: 0.25rem;
  position: sticky;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(181, 76, 24, 0.8);
          box-shadow: 0px 0px 16px 0px rgba(181, 76, 24, 0.8);
  border-bottom: 1px solid #2f1000;
}
.c-heatFluxHeader ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader {
    height: 6.3125rem;
    padding-top: 0;
  }
}
.c-heatFluxHeader:after {
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#ea8917), to(#5f2305));
  background: linear-gradient(90deg, #ea8917 0%, #5f2305 100%);
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader:after {
    height: 0.5rem;
  }
}
.c-heatFluxHeader__inner {
  padding-inline: 0.5rem 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__inner {
    padding-left: 1.25rem;
    height: 100%;
  }
}
.c-heatFluxHeader__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__left {
    gap: 0.75rem;
  }
}
.c-heatFluxHeader__left > img {
  width: 4.125rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__left > img {
    width: min(6.9444444444vw, 6.25rem);
  }
}
.c-heatFluxHeader__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.375rem 0.25rem;
  padding-top: 0.375rem;
}
@media screen and (min-width: 1440px) {
  .c-heatFluxHeader__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 1.125rem;
  }
}
.c-heatFluxHeader__titleText {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(62.3%, #e98001), color-stop(151.3%, #834800));
  background: linear-gradient(180deg, #e98001 62.3%, #834800 151.3%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
  line-height: 1;
  font-size: 1.5rem;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__titleText {
    font-size: min(1.9444444444vw, 1.75rem);
    letter-spacing: -0.03em;
  }
}
.c-heatFluxHeader__titleBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__titleBottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.625rem;
  }
}
.c-heatFluxHeader__titleBottom .c-heatFluxHeader__titleText {
  font-size: 1rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__titleBottom .c-heatFluxHeader__titleText {
    font-size: min(1.9444444444vw, 1.75rem);
  }
}
.c-heatFluxHeader__titleLogo {
  font-size: 0.5rem;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #0d3387;
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__titleLogo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 0.75rem;
    gap: 0.625rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -0.375rem;
  }
}
.c-heatFluxHeader__titleLogo img {
  width: 2.0625rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__titleLogo img {
    width: 4rem;
  }
}
.c-heatFluxHeader__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
  padding-top: 0.375rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(3.6111111111vw, 3.25rem);
    padding-block: 0 0.5rem;
  }
}
.c-heatFluxHeader__rightNav {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__rightNav {
    display: block;
  }
}
.c-heatFluxHeader__contact {
  -webkit-box-shadow: 0px 0px 4.4px -1px #ffffff inset;
          box-shadow: 0px 0px 4.4px -1px #ffffff inset;
  border-radius: 0.25rem;
  width: 3.125rem;
  height: 3.125rem;
  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;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.c-heatFluxHeader__contact:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(282.97deg, #ff8a00 8.17%, #ee5f17 100%);
  z-index: -1;
}
.c-heatFluxHeader__contact span {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__contact span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.625rem;
    color: #fff;
    font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  .c-heatFluxHeader__contact span:after {
    content: "";
    width: 0.625rem;
    height: 0.75rem;
    background-color: #fff;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__contact {
    padding-inline: 1.125rem;
    width: auto;
    height: 4.5rem;
    text-decoration: none;
  }
  .c-heatFluxHeader__contact:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(282.97deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 251, 249, 0.3) 100%);
    background-blend-mode: color-dodge;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .c-heatFluxHeader__contact:hover:after {
    opacity: 1;
  }
  .c-heatFluxHeader__contact img {
    display: none;
  }
}
.c-heatFluxHeader__hamburger {
  background-color: var(--brown);
  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;
  gap: 0.4375rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 0.25rem;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__hamburger {
    display: none;
  }
}
.c-heatFluxHeader__hamburger span {
  background-color: var(--beige);
  width: 1.25rem;
  height: 0.125rem;
  border-radius: 0.0625rem;
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-heatFluxHeader__hamburger.is-active {
  background-color: var(--black);
}
.c-heatFluxHeader__hamburger.is-active span:nth-child(1) {
  -webkit-transform: translateY(0.5625rem) rotate(45deg);
          transform: translateY(0.5625rem) rotate(45deg);
}
.c-heatFluxHeader__hamburger.is-active span:nth-child(2) {
  opacity: 0;
}
.c-heatFluxHeader__hamburger.is-active span:nth-child(3) {
  -webkit-transform: translateY(-0.5625rem) rotate(-45deg);
          transform: translateY(-0.5625rem) rotate(-45deg);
}
.c-heatFluxHeader__nav {
  color: #fff;
  position: fixed;
  top: 4.6875rem;
  left: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: visibility 0s linear 0.3s, -webkit-transform 0.3s ease-in-out;
  transition: visibility 0s linear 0.3s, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, visibility 0s linear 0.3s;
  transition: transform 0.3s ease-in-out, visibility 0s linear 0.3s, -webkit-transform 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  visibility: hidden;
  pointer-events: none;
  background-color: var(--black);
  height: calc(100% - 4.6875rem);
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__nav {
    display: none;
  }
}
.c-heatFluxHeader__nav.is-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
  -webkit-transition: visibility 0s linear 0s, -webkit-transform 0.3s ease-in-out;
  transition: visibility 0s linear 0s, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, visibility 0s linear 0s;
  transition: transform 0.3s ease-in-out, visibility 0s linear 0s, -webkit-transform 0.3s ease-in-out;
  pointer-events: auto;
}
.c-heatFluxHeader__nav a {
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  text-decoration: none;
}
.c-heatFluxHeader__nav a:hover {
  color: #fff;
}
.c-heatFluxHeader__navInner {
  padding: 0 1.25rem 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.125rem;
}
.c-heatFluxHeader__navItem {
  border-bottom: 1px solid #60503c;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__navItem {
    border-bottom: none;
  }
}
.c-heatFluxHeader__navItem > a {
  padding-block: 1.125rem;
  padding-right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 0.3em;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__navItem > a {
    font-weight: 500;
    font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
    letter-spacing: -0.08em;
    padding: 0 0.5rem;
    color: #402401;
    line-height: 2rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .c-heatFluxHeader__navItem > a:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(96.4deg, #ee5f17 0%, #ff8a00 89.91%);
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    z-index: -1;
  }
  .c-heatFluxHeader__navItem > a:hover {
    color: #fff;
  }
  .c-heatFluxHeader__navItem > a:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.c-heatFluxHeader__navItem > a:after {
  content: "";
  width: 0.625rem;
  height: 0.75rem;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__navItem > a:after {
    display: none;
  }
}
.c-heatFluxHeader__navItem > a.c-heatFluxHeader__navItemLink {
  background-color: var(--orange);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 0.25rem;
  height: 3rem;
  width: 18.4375rem;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.1em;
  padding: 0 0.75rem;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxHeader__navList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.875rem;
  }
}
.c-heatFluxHeader__navList2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.c-heatFluxHeader__navList3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
  line-height: 1;
}
.c-heatFluxHeader__navList3 > span {
  font-size: 1rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  letter-spacing: 0.1em;
}
.c-heatFluxHeader__navList3 > span:after {
  content: "";
  background-color: #60503c;
  height: 1px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-heatFluxHeader__navList3 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 1.4;
}
.c-heatFluxHeader__navList3 a {
  text-decoration: underline;
}
.c-heatFluxHeader__navClose {
  background-color: #60503c;
  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;
  width: 100%;
  height: 3.5rem;
  gap: 1.125rem;
}
.c-heatFluxHeader__navContact {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  padding-top: 1.75rem;
  border-top: 1px solid #60503c;
}
.c-heatFluxHeader__navContactTitle {
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: #ff8a00;
  margin-bottom: 0;
}
.c-heatFluxHeader__navContactText {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 0.875rem;
}
.c-heatFluxHeader__navContact a {
  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;
  gap: 0.625rem;
  background: linear-gradient(282.97deg, #ff8a00 8.17%, #ee5f17 100%);
  border-radius: 0.25rem;
  height: 4.5rem;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.05em;
}
.c-heatFluxHeader__navContact a:after {
  content: "";
  width: 0.625rem;
  height: 0.75rem;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.c-heatFluxLink {
  -webkit-box-shadow: 0px 0px 4.4px -1px #ffffff inset;
          box-shadow: 0px 0px 4.4px -1px #ffffff inset;
  border-radius: 0.25rem;
  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;
  position: relative;
  z-index: 1;
  overflow: hidden;
  gap: 0.625rem;
  height: 4.5rem;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.05em;
  color: #fff !important;
  text-decoration: none;
  max-width: 31.25rem;
  width: 100%;
  margin-inline: auto;
  padding-left: 1.5rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxLink {
    padding-left: 0;
  }
}
.c-heatFluxLink:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(282.97deg, #ff8a00 8.17%, #ee5f17 100%);
  z-index: -1;
}
.c-heatFluxLink:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(282.97deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 251, 249, 0.3) 100%);
  background-blend-mode: color-dodge;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.c-heatFluxLink:hover:after {
  opacity: 1;
}
.c-heatFluxLink span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.05em;
}
.c-heatFluxLink span:after {
  content: "";
  width: 0.625rem;
  height: 0.75rem;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.c-heatFluxTitle {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  margin-bottom: 1.875rem;
  color: #402401;
}
@media screen and (min-width: 768px) {
  .c-heatFluxTitle {
    font-size: 1.75rem;
    letter-spacing: 0.2em;
    margin-bottom: 0.625rem;
  }
}
.c-heatFluxTitle:before {
  content: "";
  background-image: url("../img/page/heat-flux/common/icon_title.svg");
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .c-heatFluxTitle:before {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.c-heatFluxCta {
  padding: 5rem 1.25rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxCta {
    gap: 2.5rem;
    padding-bottom: 6.25rem;
  }
}
.c-heatFluxCta__inner {
  max-width: 57.5rem;
  margin-inline: auto;
}
.c-heatFluxCta h2 {
  color: #402401;
  font-size: 2.125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxCta h2 {
    font-size: 2.5rem;
  }
}
.c-heatFluxCta p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .c-heatFluxCta p {
    font-size: 1.25rem;
    margin-bottom: 2rem;
  }
}

.c-heatFluxFooter {
  background-color: #665953;
  padding: 2.5rem 1.25rem;
}
.c-heatFluxFooter ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.c-heatFluxFooter a {
  color: #fff;
}
.c-heatFluxFooter a:hover {
  color: var(--yellow);
}
.c-heatFluxFooter__inner {
  max-width: 70rem;
  margin-inline: auto;
}
.c-heatFluxFooter__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.25rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxFooter__nav {
    gap: 1.875rem;
  }
}
.c-heatFluxFooter__navListTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .c-heatFluxFooter__navListTop {
    gap: 1.75rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.c-heatFluxFooter__navListBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxFooter__navListBottom {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5rem;
  }
}
.c-heatFluxFooter__navItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxFooter__navItem {
    gap: 0.875rem;
  }
}
.c-heatFluxFooter__navItem > a {
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .c-heatFluxFooter__navItem > a {
    font-size: 1.25rem;
  }
}
.c-heatFluxFooter__navItem > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxFooter__navItem > ul {
    padding-left: 0.625rem;
    gap: 0.625rem;
  }
}
.c-heatFluxFooter__navItem > ul a {
  font-size: 0.875rem;
  line-height: 1.4;
  display: block;
}
@media screen and (min-width: 768px) {
  .c-heatFluxFooter__navItem > ul a {
    font-size: 1rem;
  }
}

.c-heatFlux {
  padding-top: 3.625rem;
  background-color: var(--beige);
}
.c-heatFlux:last-of-type {
  padding-bottom: 3.625rem;
}
@media screen and (min-width: 768px) {
  .c-heatFlux:last-of-type {
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .c-heatFlux {
    padding-top: 4.375rem;
  }
  .c-heatFlux:first-of-type {
    padding-top: 5rem;
  }
}
.c-heatFlux ul,
.c-heatFlux ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.c-heatFlux._white_ {
  background-color: #fff;
}
.c-heatFlux__contents {
  font-size: 1rem;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-heatFlux__contentsLogo {
  width: 15rem;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__contentsImg {
    width: 46.4285714286%;
  }
}
.c-heatFlux__contents video {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__contents video {
    width: 46.4285714286%;
  }
}
.c-heatFlux__contents img {
  margin-inline: auto;
  display: block;
}
.c-heatFlux__contents p {
  margin: 0;
}
.c-heatFlux__contents p span {
  font-weight: 700;
  color: #e07900;
}
.c-heatFlux__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__content {
    gap: 1.625rem;
    padding-right: 1.25rem;
  }
}
.c-heatFlux__content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}
.c-heatFlux__link {
  background-color: #5f2305;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-heatFlux__link:hover {
  color: #fff;
  background-color: #992f01;
}
.c-heatFlux__inner {
  padding-inline: 1.25rem;
  max-width: 72.5rem;
  margin-inline: auto;
}
.c-heatFlux__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__container {
    gap: 0.875rem;
  }
}
.c-heatFlux__title {
  font-weight: 500;
  font-size: 2.125rem;
  line-height: 1.5;
  color: #402401;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__title {
    font-size: 2.5rem;
  }
}
.c-heatFlux__text {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__text {
    font-size: 1.25rem;
  }
}
.c-heatFlux__boxes {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__boxes {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 768px) {
  .c-heatFlux__boxes._col-3_ {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.c-heatFlux__box {
  background-color: #fff;
  border: 0.8px solid;
  -o-border-image: linear-gradient(90.14deg, #5f2305 0%, #ea8917 100%) 1;
     border-image: linear-gradient(90.14deg, #5f2305 0%, #ea8917 100%) 1;
  padding: 1rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__box {
    padding: 1.5rem 1.875rem;
    gap: 1rem;
  }
}
.c-heatFlux__box._subgrid_ {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  padding: 1rem 1.25rem;
  gap: 0.5rem;
}
.c-heatFlux__box._subgrid_ img {
  width: 14rem;
  margin-inline: auto;
}
.c-heatFlux__boxTitle {
  color: #e07900;
  font-weight: 900;
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 0;
}
.c-heatFlux__boxTitle:has(span) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
  text-align: left;
}
.c-heatFlux__boxTitle span {
  font-size: 3.125rem;
  font-family: "Antonio", sans-serif;
}
.c-heatFlux__boxList, .c-heatFlux__boxText {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__boxList, .c-heatFlux__boxText {
    line-height: 1.8;
  }
}
.c-heatFlux__boxList span, .c-heatFlux__boxText span {
  font-weight: 900;
  color: #e07900;
}
.c-heatFlux__boxList p, .c-heatFlux__boxText p {
  margin-bottom: 0;
}
.c-heatFlux__boxText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.c-heatFlux__boxText._sm_ {
  font-size: 0.75rem;
}
.c-heatFlux__boxText span {
  font-weight: 700;
  color: #e07900;
}
.c-heatFlux__boxList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.c-heatFlux__boxList li:before {
  content: "●";
  color: #e07900;
}
.c-heatFlux__boxInner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__boxInner {
    grid-template-columns: 10.625rem 1fr;
    gap: 1.875rem;
  }
}
.c-heatFlux__boxInner img {
  width: 10.625rem;
  margin-inline: auto;
  display: block;
}
.c-heatFlux__button {
  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;
  gap: 0.625rem;
  background: linear-gradient(282.97deg, #ff8a00 8.17%, #ee5f17 100%);
  border-radius: 0.25rem;
  height: 4.5rem;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.05em;
  text-decoration: none;
  color: #fff;
}
.c-heatFlux__button:after {
  content: "";
  width: 0.625rem;
  height: 0.75rem;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.c-heatFlux__table {
  --table-min: 1120px;
  --mx: -1.25rem;
  --px: 1.25rem;
  margin-inline: var(--mx);
}
@media screen and (min-width: 1160px) {
  .c-heatFlux__table {
    margin-inline: 0;
  }
}
.c-heatFlux__table._sm_ {
  --table-min: 980px;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__table._sm_ {
    --mx: -4.375rem;
    --px: 4.375rem;
  }
}
.c-heatFlux__tableWrapper {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 1160px) {
  .c-heatFlux__tableWrapper {
    overflow: visible;
  }
}
.c-heatFlux__tableInner {
  padding-inline: var(--px);
  min-width: calc(var(--table-min) + var(--px) + var(--px));
}
@media screen and (min-width: 1160px) {
  .c-heatFlux__tableInner {
    padding-inline: 0;
    min-width: 0;
  }
}
.c-heatFlux__table table {
  border-collapse: collapse;
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.2;
  min-width: var(--table-min);
}
.c-heatFlux__table th,
.c-heatFlux__table td {
  padding: 0.375rem 0.625rem;
  border: 1px solid #5f2305;
  white-space: nowrap;
}
.c-heatFlux__table td {
  background-color: #fff;
}
.c-heatFlux__table td:last-child {
  white-space: normal;
}
.c-heatFlux__tableTitle {
  background: #ff8a00;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.3em;
  padding: 0.125rem 0.625rem;
  border: 1px solid #5f2305;
  min-width: var(--table-min);
  padding-block: 0.625rem !important;
}
@media screen and (min-width: 768px) {
  .c-heatFlux__tableTitle {
    text-align: center;
  }
}
.c-heatFlux__tableText {
  background: #fff;
  padding: 0.625rem 1.25rem;
  font-size: 1rem;
  line-height: 1.8;
  border-left: 1px solid #5f2305;
  border-right: 1px solid #5f2305;
  min-width: var(--table-min);
}
.c-heatFlux__tableText span {
  color: #ff8a00;
  font-weight: 700;
}
.c-heatFlux__tableList {
  min-width: var(--table-min);
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: center;
}
.c-heatFlux__tableHead {
  display: grid;
  grid-template-columns: 17.5rem 10.5625rem 10.5625rem 18.75rem 4.75rem 7.75rem;
  background: #ffe0bd;
  text-align: center;
  line-height: 1.75rem;
  border: 1px solid #5f2305;
  border-bottom: none;
}
.c-heatFlux__tableHeadItem {
  background: #ffe0bd;
  font-weight: 500;
}
.c-heatFlux__tableHeadItem:not(:last-child) {
  border-right: 1px solid #5f2305;
}
.c-heatFlux__tableItem {
  display: grid;
  grid-template-columns: 17.5rem 10.5625rem 10.5625rem 18.75rem 4.75rem 7.75rem;
  background: #fff;
  border: 1px solid #5f2305;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  text-decoration: none;
  color: #000;
  border: 1px solid #5f2305;
}
.c-heatFlux__tableItem:not(:last-child) {
  border-bottom: none;
}
.c-heatFlux__tableItem > div {
  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;
  min-height: 5.625rem;
}
.c-heatFlux__tableItem > div:not(:last-child) {
  border-right: 1px solid #5f2305;
}
.c-heatFlux__tableItem > div.c-heatFlux__tableItemImg {
  position: relative;
  padding: 0;
}
.c-heatFlux__tableItem > div.c-heatFlux__tableItemImg span {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-heatFlux__tableItem > div.c-heatFlux__tableItemFeature {
  padding-inline: 1.25rem;
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-heatFlux__tableItem:hover {
  background: #fff3cc;
  color: #000;
}

.c-heatFluxKv {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 12.5rem;
}
.c-heatFluxKv:not(._home_) {
  padding-block: 1.125rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxKv:not(._home_) {
    padding-block: 0;
  }
}
.c-heatFluxKv:not(._home_):after {
  content: "";
  z-index: -1;
  position: absolute;
  inset: 0;
  background-image: url("../img/page/heat-flux/common/kv_sp.webp");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .c-heatFluxKv:not(._home_):after {
    background-image: url("../img/page/heat-flux/common/kv_pc.webp");
  }
}
.c-heatFluxKv img {
  width: 100%;
}
.c-heatFluxKv__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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-heatFluxKv__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 1.875rem;
    max-width: 72.5rem;
    padding-inline: 1.25rem;
    margin-inline: auto;
    min-height: 18.75rem;
  }
}
.c-heatFluxKv__content {
  padding-inline: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.875rem;
  color: #402401;
}
@media screen and (min-width: 768px) {
  .c-heatFluxKv__content {
    padding: 0;
    gap: 0.875rem;
  }
}
.c-heatFluxKv__content p {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.c-heatFluxKv__label {
  background-color: #cf5417;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.2em;
  padding-inline: 0.625rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875rem;
  line-height: 2.4;
}
@media screen and (min-width: 768px) {
  .c-heatFluxKv__label {
    line-height: 1.9;
    font-size: 1.25rem;
    padding-inline: 1.25rem;
  }
}
.c-heatFluxKv__label._yel_ {
  background-color: #c77701;
}
.c-heatFluxKv__title {
  font-weight: 500;
  font-size: 2.125rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #402401;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxKv__title {
    font-size: min(2.778vw, 2.5rem);
    letter-spacing: 0.2em;
  }
}
@media screen and (min-width: 768px) {
  .c-heatFluxKv img.c-heatFluxKv__lineupImg {
    width: min(37.8472222222vw, 34.0625rem);
  }
}
.c-heatFluxKv img.c-heatFluxKv__installationImg {
  width: 43.2vw;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .c-heatFluxKv img.c-heatFluxKv__installationImg {
    width: 15rem;
  }
}
@media screen and (min-width: 768px) {
  .c-heatFluxKv img.c-heatFluxKv__guideImg {
    width: min(26.8055555556vw, 24.125rem);
  }
}

.c-heatFluxIntro {
  padding-top: 2.875rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxIntro {
    padding-top: 6.5rem;
  }
}
.c-heatFluxIntro__title {
  font-weight: 500;
  font-size: 2.125rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #402401;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.125rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxIntro__title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 2.5rem;
    letter-spacing: 0.2em;
    gap: 1.5rem;
  }
}
.c-heatFluxIntro__title:before {
  content: "";
  background-image: url("../img/page/heat-flux/top/icon_title.svg");
  display: block;
  width: 3.625rem;
  height: 4.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .c-heatFluxIntro__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 2.5rem;
  }
}
.c-heatFluxIntro__img {
  margin: 0 -0.625rem 1.875rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxIntro__img {
    max-width: 31.25rem;
    margin: 0;
  }
}
.c-heatFluxIntro__img img {
  width: 100%;
  display: block;
}
.c-heatFluxIntro__text {
  font-size: 1rem;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .c-heatFluxIntro__text {
    font-size: 1.25rem;
    letter-spacing: 0.2em;
    line-height: 2;
  }
}
.c-heatFluxIntro__text p {
  margin-bottom: 1.375rem;
}
.c-heatFluxIntro__text span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(60%, #ffd786), to(#ffd786));
  background: linear-gradient(to bottom, transparent 0%, transparent 60%, #ffd786 60%, #ffd786 100%);
}
.c-heatFluxIntro__video {
  max-width: 50rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxIntro__video {
    gap: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .c-heatFluxIntro__video .video-thumbnail-wrapper {
    max-width: 50rem !important;
  }
}
.c-heatFluxIntro__videoText {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  border: 1px solid #e07900;
  padding: 0.25rem 0.625rem;
  color: #e07900;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-heatFluxIntro__videoText {
    font-size: 1.25rem;
    letter-spacing: 0.2em;
  }
}

.c-heatFluxLineup__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.875rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxLineup__list {
    gap: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-heatFluxLineup__list:not(._article_) {
    gap: 1.125rem;
  }
}
.c-heatFluxLineup__list:not(._article_) a {
  gap: 0.625rem;
  padding: 1.25rem 1.25rem 2.625rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxLineup__list:not(._article_) a {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: 12.5rem 15.375rem 1fr;
    gap: 1.125rem;
    padding: 0;
    padding-right: 2rem;
  }
}
.c-heatFluxLineup__item p {
  margin-bottom: 0;
}
.c-heatFluxLineup__item > a {
  text-decoration: none;
  color: #402401;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  border: 0.125rem solid #5f2305;
  border-radius: 0.25rem;
  overflow: hidden;
  padding: 0.875rem 1.25rem 2.625rem;
  position: relative;
  line-height: 1.5;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxLineup__item > a {
    padding: 2rem 4.5rem 2rem 2.625rem;
  }
}
.c-heatFluxLineup__item > a:hover {
  background-color: var(--yellow);
  color: #402401;
}
.c-heatFluxLineup__item > a:hover:after {
  color: var(--yellow);
}
.c-heatFluxLineup__item > a:after {
  content: "詳細を見る";
  text-align: center;
  color: #fff;
  background-color: #5f2305;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  padding-block: 0.25rem;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxLineup__item > a:after {
    top: 0;
    bottom: auto;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
  }
}
.c-heatFluxLineup__item > a img {
  margin-inline: auto;
}
.c-heatFluxLineup__itemTitle {
  font-weight: 500;
  font-size: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxLineup__itemTitle {
    width: 100%;
  }
}
.c-heatFluxLineup__itemTitle span {
  display: inline-block;
}
.c-heatFluxLineup__itemText {
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxLineup__itemText {
    padding-right: 1.875rem;
    line-height: 1.8;
  }
}
.c-heatFluxLineup__itemLabel {
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .c-heatFluxLineup__itemLabel {
    font-size: 1.25rem;
    font-weight: 500;
  }
}
.c-heatFluxLineup__itemName {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .c-heatFluxLineup__itemName {
    font-size: 1.75rem;
  }
}

.c-heatFluxType__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 3rem !important;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxType__list {
    gap: 2.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0 !important;
  }
}
.c-heatFluxType__item {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxType__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-heatFluxType__item img {
  width: 100%;
  max-height: 20.375rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxType__item img {
    width: auto;
    height: min(17.8472222222vw, 16.0625rem);
  }
}
.c-heatFluxType__item:not(:last-child) img {
  width: auto;
  height: 60.8vw;
  margin-inline: auto;
  display: block;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxType__item:not(:last-child) img {
    height: min(15.8333333333vw, 14.25rem);
  }
}
.c-heatFluxType__item p {
  color: #e11c14;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.8;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxType__item p {
    position: static;
  }
}
.c-heatFluxType__itemImg {
  margin-top: 0.625rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxType__itemImg {
    margin-top: 0;
  }
}

.c-heatFluxExample__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 1.75rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxExample__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem 1.375rem;
  }
}
.c-heatFluxExample__list p {
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 0.2em;
  color: #e07900;
  margin-bottom: 0;
}
.c-heatFluxExample__list span {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxExample li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.125rem;
  }
}

.c-heatFluxQa {
  padding-bottom: 0 !important;
}
.c-heatFluxQa__list {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxQa__list {
    gap: 0.5rem;
  }
}
.c-heatFluxQa__item.is-open button:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-heatFluxQa__item button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--beige);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.3em;
  gap: 0.625rem;
  padding: 0.5rem 0.625rem;
  width: 100%;
  border: none;
  text-align: left;
  color: #000;
}
.c-heatFluxQa__item button:before {
  content: "Q";
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.2em;
}
.c-heatFluxQa__item button:after {
  content: "";
  background-image: url("../img/page/heat-flux/common/icon_acc_arrow.svg");
  display: block;
  width: 0.9375rem;
  height: 0.5625rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  margin-top: 0.4375rem;
}
.c-heatFluxQa__itemA {
  color: #402401;
  font-weight: 500;
  margin: 0;
  padding: 0.5rem 0 0.5rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
}
.c-heatFluxQa__itemA:before {
  content: "A";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--orange);
  width: 1.25rem;
  height: 1.25rem;
  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;
  color: #fff;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.2em;
  padding-left: 0.1875rem;
  margin-top: 0.125rem;
}
.c-heatFluxQa__itemA p {
  margin: 0;
}
.c-heatFluxQa__itemA p a {
  color: #e07900;
}

.c-heatFluxSensorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
.c-heatFluxSensorList h3 {
  margin-bottom: 0;
}
.c-heatFluxSensorList p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.8;
}
.c-heatFluxSensorList p span {
  color: #e07900;
  font-weight: 700;
}
.c-heatFluxSensorList__item {
  border: 1px solid #5f2305;
  background: #fff;
  display: grid;
  padding: 1.25rem;
  row-gap: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__item {
    grid-template-columns: 1fr 1fr;
    padding: 2rem 0;
    row-gap: 1.5rem;
  }
}
.c-heatFluxSensorList__itemLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  grid-row: 3;
  min-width: 0;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__itemLeft {
    grid-column: 1/2;
    grid-row: 2/3;
    padding-inline: 2.5rem 1.25rem;
  }
}
.c-heatFluxSensorList__itemRight {
  grid-row: 2/3;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__itemRight {
    grid-column: 2/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    align-self: flex-start;
  }
}
.c-heatFluxSensorList__itemRight img {
  height: auto;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__itemRight._1_ img {
    width: 26.25rem;
  }
  .c-heatFluxSensorList__itemRight._2_ img {
    width: 19.8125rem;
  }
  .c-heatFluxSensorList__itemRight._3_ img {
    width: 13.125rem;
  }
  .c-heatFluxSensorList__itemRight._4_ img {
    width: 21.3125rem;
  }
}
.c-heatFluxSensorList__itemTitle {
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__itemTitle {
    grid-column: span 2;
    padding-inline: 2.5rem;
  }
}
.c-heatFluxSensorList__itemImg {
  display: block;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
  overscroll-behavior-x: contain;
  padding-inline: 1.25rem;
  margin-inline: -1.25rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__itemImg {
    margin-inline: 0;
    padding-inline: 0;
    overflow: visible;
  }
}
.c-heatFluxSensorList__itemImg img {
  width: 31.25rem;
  max-width: none;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__itemImg img {
    width: 100%;
  }
}
.c-heatFluxSensorList__itemLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-inline: -1.25rem;
  padding-inline: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__itemLinks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-inline: 0;
    padding-inline: 0;
    overflow: visible;
    gap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__itemLinks._col-4_ {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.25rem;
  }
}
.c-heatFluxSensorList__itemLinks a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #5f2305;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 0px 4.4px -1px #ffffff inset;
          box-shadow: 0px 0px 4.4px -1px #ffffff inset;
  display: block;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  min-width: 8.25rem;
}
@media screen and (min-width: 1024px) {
  .c-heatFluxSensorList__itemLinks a {
    padding-block: 0.75rem;
    min-width: auto;
  }
}
.c-heatFluxSensorList__itemLinks a:hover {
  color: #fff;
  background-color: #992f01;
}

.c-heatFluxApplication__container {
  background-color: #fff;
  padding: 2.5rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxApplication__container {
    padding: 3.75rem 4.375rem;
  }
}
.c-heatFluxApplication__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.75rem;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxApplication__list {
    font-size: 1.25rem;
  }
}
.c-heatFluxApplication__list p {
  line-height: 1.5;
  margin-bottom: 0;
}
.c-heatFluxApplication__list p span {
  color: #e07900;
  font-weight: 700;
}
.c-heatFluxApplication__listItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}
.c-heatFluxApplication__listItem h2 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  color: #402401;
}
.c-heatFluxApplication__listItemImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  margin: 0;
}
.c-heatFluxApplication__listItemImg figcaption {
  font-size: 0.75rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .c-heatFluxApplication__listItemImg._oven2_ {
    display: grid;
    grid-template-columns: 15.4375rem 1fr;
  }
}
.c-heatFluxApplication__listItemImg._brake1_ {
  max-width: 37.6875rem;
}
.c-heatFluxApplication__listItemList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-heatFluxApplication__listItemList li:before {
  content: "・";
}
.c-heatFluxApplication__listItemList li:has(.u-hf):before {
  line-height: 1.875rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxApplication__listItemList li:has(.u-hf):before {
    line-height: 2.625rem;
  }
}
.c-heatFluxApplication__listBlock h2 {
  color: #faf4ed;
  background-color: #5f2305;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.375rem 0.625rem;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0;
}
.c-heatFluxApplication__listBlock div {
  border: 1px solid #5f2305;
  background-color: #faf4ed;
  padding: 0.75rem 1.25rem;
  line-height: 1.5;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxApplication__listBlock div {
    font-size: 1.25rem;
  }
}

.c-heatFluxLinks {
  padding-bottom: 3.625rem;
}
@media screen and (min-width: 768px) {
  .c-heatFluxLinks {
    padding-bottom: 4.375rem;
  }
}
.c-heatFluxLinks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-heatFluxLinks h2 {
  color: #402401;
  font-size: 2.125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin-bottom: 1.75rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-heatFluxLinks h2 {
    font-size: 2.5rem;
  }
}
.c-heatFluxLinks__list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}
@media screen and (min-width: 1024px) {
  .c-heatFluxLinks__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.c-heatFluxLinks__item > a {
  text-decoration: none;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.375rem;
  border: 0.125rem solid #5f2305;
  border-radius: 0.25rem;
  overflow: hidden;
  padding: 0.875rem 0.625rem 2.875rem;
  position: relative;
  line-height: 1.5;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  background-color: #fff;
  height: 100%;
}
.c-heatFluxLinks__item > a:hover {
  background-color: var(--yellow);
  color: #402401;
}
.c-heatFluxLinks__item > a:hover:after {
  color: var(--yellow);
}
.c-heatFluxLinks__item > a:after {
  content: "詳細を見る";
  text-align: center;
  color: #fff;
  background-color: #5f2305;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  padding-block: 0.5rem;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.c-heatFluxLinks__item > a span {
  font-size: 0.75rem;
  text-align: center;
  color: #000;
}
.c-heatFluxLinks__item > a p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.05em;
  font-weight: 700;
  color: #402401;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}