@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*
|---------------------------------------------------------------
| 熱中症対策の無料相談
|---------------------------------------------------------------
*/
.page-heatConsulting {
  --color-primary: #015EAE;
  --container-padding-x: 20px;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting {
    --container-padding-x: 0px;
  }
}

/* reset */
.main.main--page-detail > .__content {
  margin: 0 !important;
}
@media screen and (min-width: 960px) {
  .wrapper.wrapper--column-2 .__inner .main {
    padding-left: 2.57em;
  }
}
@media screen and (max-width: 959px) {
  .wrapper .__inner .main,
  .main.main--page-detail > .__content {
    padding: 0 !important;
  }
}

/* 既存の要素を非表示 */
.main--page-detail .__heading,
.main--page-detail .__to-home,
.footer .conceptE {
  display: none;
}

/*
 * デバイス別
------------------------------------------------*/
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting *[data-device=SP] {
    display: none !important;
  }
}

@media (max-width: 767px) { /* SP */
  .page-heatConsulting *[data-device=PC] {
    display: none !important;
  }
}

/*
 * ページ
------------------------------------------------*/
.page-heatConsulting {
  display: block;
  width: 100%;
  max-width: 914px;
  margin: 0 auto 70px;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting {
    padding: 30px 0;
  }
}
.page-heatConsulting__header {
  display: block;
  width: 100%;
}
.page-heatConsulting__body {
  display: block;
  width: 100%;
}

/*
 * ヒーロバナー
------------------------------------------------*/
.page-heatConsulting-hero {
  list-style: none;
  display: block;
}
.page-heatConsulting-hero > li {
  display: block;
}
.page-heatConsulting-hero a {
  display: block;
}
.page-heatConsulting-hero a[href=""] {
  pointer-events: none;
}
.page-heatConsulting-hero img {
  display: block;
  width: 100%;
  height: auto;
}
.page-heatConsulting-hero > li > ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-hero > li > ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/*
 * セクション
------------------------------------------------*/
.page-heatConsulting-section {
  display: block;
  width: 100%;
}
.main--page-detail section.page-heatConsulting-section:not(.__heading) {
  margin: 0;
  padding: clamp(30px, 3.125vw, 40px) 0;
}
.page-heatConsulting-section__header {
  display: block;
  width: 100%;
  margin: 0 0 clamp(40px, 4.167vw, 50px);
}
.page-heatConsulting-section__body {
  display: block;
  width: 100%;
  padding: 0 var(--container-padding-x, 0px);
}

.page-heatConsulting-section-title {
  --title-gap: 1em;
  display: block;
  width: 100%;
  margin: 0 0 0.5em;
  padding: 0.75em 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--color-primary);
  font-size: 19px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-section-title {
    --title-gap: 0.75em;
    font-size: 22px;
  }
}
.page-heatConsulting-section-title small {
  display: block;
  width: 100%;
  margin: 0 0 var(--title-gap);
  color: var(--color-primary);
  font-size: calc(22px / 38px * 1em);
  font-weight: inherit;
}
.page-heatConsulting-section-title b {
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: inherit;
}

/*
 * slick
------------------------------------------------*/
.heatConsulting-slick-controls {
  position: relative;
  padding: 0 20px;
  display: flex;
  flex-wrap: nowrap;
}
.heatConsulting-slick-controls .slick-prev,
.heatConsulting-slick-controls .slick-next {
  position: static;
  transform: none;
  display: block;
  width: 17.5px;
  height: 17.5px;
  border-style: solid;
  border-color: #000000;
  flex-shrink: 0;
}
.heatConsulting-slick-controls .slick-prev {
  order: -1;
  border-width: 1px 0 0 1px;
  transform: rotate(-45deg);
}
.heatConsulting-slick-controls .slick-next {
  order: 1;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
}
.heatConsulting-slick-controls .slick-dots {
  position: static;
  transform: none;
}

/*
 * CATEGORY / 商品カテゴリー
------------------------------------------------*/
.page-heatConsulting-categories {
  --category-grid-column-count: 2;
  --category-grid-gap-y: 30px;
  --category-grid-gap-x: 20px;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-categories {
    --category-grid-column-count: 3;
    --category-grid-gap-y: 60px;
    --category-grid-gap-x: 40px;
  }
}
.page-heatConsulting-categories {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--category-grid-column-count), minmax(0, 1fr));
  gap: var(--category-grid-gap-y) var(--category-grid-gap-x);
}
.page-heatConsulting-categories > a {
  display: block;
  width: 100%;
}
.page-heatConsulting-categories > a > img {
  display: block;
  width: 100%;
  height: auto;
}
.page-heatConsulting-categories > a[href=""] {
  pointer-events: none;
}

/*
 * RECOMMEND / 現場別おすすめ組み合わせ
------------------------------------------------*/
.page-heatConsulting-recommends {
  --recommend-grid-gap: 20px;
  --recommend-grid-count: 2;
  --recommend-gap: 15px;
  --recommend-title-font-size: 16px;
  --recommend-font-size: 16px;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-recommends {
    --recommend-grid-gap: 35px;
    --recommend-grid-count: 3;
    --recommend-gap: 25px;
    --recommend-title-font-size: 22px;
    --recommend-font-size: 18px;
  }
}
.page-heatConsulting-recommends {
  width: auto;
  margin: calc(-1 * var(--recommend-grid-gap) / 2);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
}
.page-heatConsulting-recommends > article {
  width: auto;
  margin: 0 !important;
  padding: calc(var(--recommend-grid-gap) / 2);
  flex: 0 0 calc(100% /var(--recommend-grid-count));
  max-width: calc(100% /var(--recommend-grid-count));
  display: flex;
  flex-direction: column;
  gap: var(--recommend-gap);
}
.page-heatConsulting-recommends > article > h3 {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  color: #ffffff;
  background-color: #0573CE;
  background-image: var(--bgimage);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0.5em;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--recommend-title-font-size);
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}
.page-heatConsulting-recommends > article > ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  color: var(--color-primary);
  font-size: var(--recommend-font-size);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.page-heatConsulting-recommends > article > ul > li {
  text-decoration: underline;
}
.page-heatConsulting-recommends > article > ul > li:not(:last-child)::after {
  content: "＋";
  display: inline-block;
  margin: 0 0.25em;
  text-decoration: none;
}

/*
 * REASON FOR CHOOSING / 私たちが選ばれる理由
------------------------------------------------*/
.page-heatConsulting-reasons {
  --reason-padding-x: var(--container-padding-x);
  --reason-grid-gap: 40px;
  --reason-grid-column-count: 1;
  --reason-gap: 17px;
  --reason-font-size: 14px;
  --reason-font-weight: 500;
  --reason-line-height: 2;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-reasons {
    --reason-padding-x: 0;
    --reason-grid-gap: 40px;
    --reason-grid-column-count: 3;
    --reason-gap: 18px;
    --reason-font-size: 15px;
    --reason-line-height: 1.73;
  }
}
.page-heatConsulting-reasons {
  width: 100%;
  padding: 0 var(--reason-padding-x);
  display: grid;
  grid-template-columns: repeat(var(--reason-grid-column-count), minmax(0, 1fr));
  gap: var(--reason-grid-gap);
}
.page-heatConsulting-reasons > article {
  width: 100%;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: var(--reason-gap);
}
.page-heatConsulting-reasons > article > h3 {
  display: block;
  width: 100%;
}
.page-heatConsulting-reasons > article h3 > img {
  display: block;
  width: 100%;
  height: auto;
}
.page-heatConsulting-reasons > article > ul {
  list-style: disc;
  padding-left: 1.6em;
  font-size: var(--reason-font-size);
  font-weight: var(--reason-font-weight);
  line-height: var(--reason-line-height);
}
.page-heatConsulting-reasons > article > ul > li {
  display: list-item;
}

/*
 * CASE STUDY / 導入事例
------------------------------------------------*/
.page-heatConsulting-cases {
  --enabled-slider: true;
  --case-grid-gap: 60px;
  --case-padding-y: 25px;
  --case-padding-x: 20px;
  --case-content-gap-x: 0px;
  --case-content-gap-y: 15px;
  --case-font-size: 14px;
  --case-font-weight: 500;
  --case-line-height: 1.5;
  --case-title-font-size: 17px;
  --case-title-font-weight: 700;
  --case-title-border-width: 8px;
  --case-main-title-font-size: 13px;
  --case-main-title-font-weight: 700;
  --case-main-title-minwidth: 100px;
  --case-main-gap: 10px;
  --case-point-font-size: 14px;
  --case-point-font-weight: 700;
  --case-point-title-font-size: 14px;
  --case-point-title-font-weight: 700;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-cases {
    --enabled-slider: false;
    --case-padding-y: 40px;
    --case-padding-x: 40px;
    --case-content-gap-x: 40px;
    --case-content-gap-y: 20px;
    --case-font-size: 15px;
    --case-line-height: 1.67;
    --case-title-font-size: 22px;
    --case-title-border-width: 10px;
    --case-name-margin-bottom: 15px;
    --case-main-title-font-size: 15px;
    --case-main-title-minwidth: 120px;
    --case-main-gap: 25px;
    --case-point-font-size: 18px;
    --case-point-title-font-size: 15px;
  }
}
.page-heatConsulting-cases {
  width: 100%;
}
.page-heatConsulting-cases:not(.slick-initialized) {
  display: grid;
  gap: var(--case-grid-gap);
}

.page-heatConsulting-case {
  width: 100%;
  display: grid;
  grid-template-areas: "title" "image" "name" "main";
  gap: var(--case-content-gap-y) var(--case-content-gap-x);
  padding: var(--case-padding-y) var(--case-padding-x);
  color: #000000;
  background-color: #00ABE514;
  font-size: var(--case-font-size);
  font-weight: var(--case-font-weight);
  line-height: var(--case-line-height);
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-case {
    grid-template-areas: "title title" "name name" "image main";
  }
  .page-heatConsulting-case > * {
    grid-column: span 2;
  }
}
.page-heatConsulting-case > h3 {
  grid-area: title;
  padding-left: 0.5em;
  font-size: var(--case-title-font-size);
  font-weight: var(--case-title-font-weight);
  border-left-width: var(--case-title-border-width);
  border-left-style: solid;
  border-left-color: var(--color-primary);
}
.page-heatConsulting-case > small {
  grid-area: name;
  display: block;
  font-size: 1em;
  margin: 0 0 var(--case-name-margin-bottom);
}
.page-heatConsulting-case > dl {
  grid-area: main;
  display: flex;
  flex-direction: column;
}
.page-heatConsulting-case > dl > dt {
  align-self: flex-start;
  min-width: var(--case-main-title-minwidth);
  max-width: 100%;
  display: block;
  margin: 0 0 0.5em;
  padding: 0.15em 0.5em;
  color: #ffffff;
  background-color: var(--color-primary);
  font-size: var(--case-main-title-font-size);
  font-weight: var(--case-main-title-font-weight);
  text-align: center;
}
.page-heatConsulting-case > dl > dd {
  width: 100%;
  margin: 0 0 var(--case-main-gap);
}
.page-heatConsulting-case > picture {
  grid-area: image;
}

.page-heatConsulting-case > section {
  --border-color: var(--color-primary);
  width: 100%;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--color-primary);
  font-size: var(--case-point-font-size);
  font-weight: var(--case-point-font-weight);
  text-align: center;
}
.page-heatConsulting-case > section > h5 {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.5em;
  font-size: var(--case-point-title-font-size);
  font-weight: var(--case-point-title-font-weight);
  text-align: center;
}
.page-heatConsulting-case > section > h5::before,
.page-heatConsulting-case > section > h5::after {
  content: "";
  display: block;
  width: 100%;
  min-width: 1em;
  height: auto;
  flex-grow: 1;
  flex-basis: 0;
  transform: translateY(50%);
  align-self: stretch;
  border-color: var(--border-color);
  border-style: solid;
}
.page-heatConsulting-case > section > h5::before {
  border-width: 1px 0 0 1px;
}
.page-heatConsulting-case > section > h5::after {
  border-width: 1px 1px 0 0;
}
.page-heatConsulting-case > section > h5 > img {
  display: block;
  width: round(1.25em, 1px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  pointer-events: none;
  flex-shrink: 0;
  align-self: center;
}
.page-heatConsulting-case > section > div {
  width: 100%;
  display: block;
  border: 1px solid var(--border-color);
  padding: 1em 1em calc(1em + var(--case-point-title-font-size) / 2);
}
.page-heatConsulting-case > section > h5 + div {
  border-top: 0;
}
.page-heatConsulting-case > section > div p {
  font-size: 1em;
}

/*
 * VOICE / お客様の声
------------------------------------------------*/
.page-heatConsulting-voices {
  --enabled-slider: true;
  --voice-gap: 20px;
  --voice-padding: 35px 20px;
  --voice-content-gap: 20px;
  --voice-image-size: 74px;
  --voice-title-gap: 10px;
  --voice-title-color: #01519D;
  --voice-title-main-font-size: 16px;
  --voice-title-sub-font-size: 12px;
  --voice-paragraph-font-size: 1em;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-voices {
    --enabled-slider: false;
    --voice-gap: 35px 34px;
    --voice-padding: 26px;
    --voice-content-gap: 25px;
    --voice-image-size: 96px;
    --voice-image-negative-gap: 1em;
    --voice-title-gap: 10px;
    --voice-title-main-font-size: 20px;
    --voice-title-sub-font-size: 14px;
  }
}
.page-heatConsulting-voices {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
  gap: var(--voice-gap);
}
.page-heatConsulting-voice {
  width: 100%;
  padding: var(--voice-padding);
  display: grid;
  grid-template-areas: "heading picture" "paragraph paragraph";
  grid-template-columns: minmax(0, 1fr) calc(var(--voice-image-size) - var(--voice-image-negative-gap, 0px));
  grid-auto-rows: max-content;
  gap: var(--voice-content-gap) 0;
  color: #000000;
  background: linear-gradient(306.21deg, #EFFAFF 7.48%, #DAF3FF 92.52%);
}
.page-heatConsulting-voice > picture {
  grid-area: picture;
  margin-left: calc(-1 * var(--voice-image-negative-gap, 0px));
}
.page-heatConsulting-voice > picture > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;

}
.page-heatConsulting-voice > h3 {
  grid-area: heading;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: var(--voice-title-gap);
  color: var(--voice-title-color);
  font-size: var(--voice-title-main-font-size);
}
.page-heatConsulting-voice > h3 > b {
  display: block;
  font-size: 1em;
  font-weight: var(--voice-title-main-font-weight, 800);
  line-height: 1.5;
}
.page-heatConsulting-voice > h3 > small {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: var(--voice-title-sub-font-size);
  font-weight: var(--voice-title-sub-font-weight, 600);
  line-height: 1.5;
}
.page-heatConsulting-voice > h3 > small > span {
  display: block;
}
.page-heatConsulting-voice > h3 > small > span:not(:last-child)::after {
  content: "／";
}
.page-heatConsulting-voice > p {
  grid-area: paragraph;
  display: block;
  font-size: var(--voice-paragraph-font-size, 1em);
  font-weight: var(--voice-paragraph-font-weight, 500);
  line-height: 2;
}

/*
 * FAQ / よくある質問
------------------------------------------------*/
.page-heatConsulting-faqs {
  --faq-mark-size: 24px;
  --faq-mark-font-size: 14px;
  --faq-mark-gap: 10px;
  --faq-qa-gap: 12.5px;
  --faq-q-font-size: 16px;
  --faq-q-line-height: 1.5;
  --faq-a-font-size: 14px;
  --faq-a-line-height: 1.5;
  --faq-small-font-size: 12px;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-faqs {
    --faq-mark-size: 34px;
    --faq-mark-font-size: 16px;
    --faq-mark-gap: 15px;
    --faq-q-font-size: 18px;
    --faq-a-font-size: 15px;
    --faq-small-font-size: 12px;
  }
}
.page-heatConsulting-faqs {
  display: block;
  width: 100%;
}
.page-heatConsulting-faqs > dl {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--faq-qa-gap, 0px);
  margin: 0;
  padding: 30px 20px;
  border: 1px solid #CCCCCC;
  font-size: 14px;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-faqs > dl {
    padding: 30px 40px;
    font-size: 15px;
  }
}
.page-heatConsulting-faqs > dl + dl {
  margin-top: -1px;
}
.page-heatConsulting-faqs > dl > dt {
  --faq-mark-text: "Q";
  --faq-mark-color: #ffffff;
  --faq-mark-bgcolor: var(--color-primary);
  --faq-mark-border-color: var(--color-primary);
  display: block;
  width: 100%;
  margin: 0;
  padding: calc((var(--faq-mark-size, 2em) - var(--faq-q-font-size, 1em) * var(--faq-q-line-height, 1.5)) / 2) 0;
  font-size: var(--faq-q-font-size, 1em);
  font-weight: 600;
  line-height: var(--faq-q-line-height, 1.5);
}
.page-heatConsulting-faqs > dl > dd {
  --faq-mark-text: "A";
  --faq-mark-color: var(--color-primary);
  --faq-mark-bgcolor: #ffffff;
  --faq-mark-border-color: var(--color-primary);
  display: block;
  width: 100%;
  margin: 0;
  padding: calc((var(--faq-mark-size, 2em) - var(--faq-a-font-size, 1em) * var(--faq-a-line-height, 1.5)) / 2) 0;
  font-size: var(--faq-a-font-size, 1em);
  font-weight: 400;
  line-height: var(--faq-a-line-height, 1.5);
}
.page-heatConsulting-faqs > dl > dd small {
  display: block;
  width: 100%;
  margin: 0.5em 0 0;
  font-size: var(--faq-small-font-size, 0.85em);
}

.page-heatConsulting-faqs > dl > dt,
.page-heatConsulting-faqs > dl > dd {
  padding-left: calc(var(--faq-mark-size, 2em) + var(--faq-mark-gap, 0px));
  position: relative;
}
.page-heatConsulting-faqs > dl > dt::before,
.page-heatConsulting-faqs > dl > dd::before {
  content: var(--faq-mark-text, "");
  width: var(--faq-mark-size, 2em);
  height: var(--faq-mark-size, 2em);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--faq-mark-font-size, 1em);
  font-weight: 700;
  text-align: center;
  color: var(--faq-mark-color);
  background-color: var(--faq-mark-bgcolor);
  border-width: 1px;
  border-style: solid;
  border-color: var(--faq-mark-border-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: auto;
}

/*
 * STAFF / 私たちが対応します
------------------------------------------------*/
.page-heatConsulting-staffs {
  --staff-gap: 20px;
  --staff-article-padding-y: 40px;
  --staff-article-padding-x: 20px;
  --staff-article-gap: 20px;
  --staff-image-width: 200px;
  --staff-image-margin: 17.5px;
  --staff-name-font-size: 21px;
  --staff-role-font-size: 16px;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-staffs {
    --staff-gap: 35px;
    --staff-article-padding-y: 50px;
    --staff-article-padding-x: 40px;
    --staff-article-gap: 20px 40px;
    --staff-image-width: 190px;
    --staff-image-margin: 0;
    --staff-name-font-size: 24px;
    --staff-role-font-size: 16px;
  }
}
.page-heatConsulting-staffs {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--staff-gap);
}
.page-heatConsulting-staffs > article {
  --theme-color: var(--color, var(--color-primary));
  width: 100%;
  display: grid;
  gap: var(--staff-article-gap);
  grid-template-areas: "picture" "heading" "paragraph";
  margin: 0 !important;
  padding: var(--staff-article-padding-y) var(--staff-article-padding-x) !important;
  color: var(--text-color, #000000);
  background-color: color-mix(in srgb, var(--theme-color), #ffffff 92%);
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-staffs > article {
    grid-template-columns: var(--staff-image-width) minmax(0, 1fr);
    grid-template-areas: "picture heading" "picture paragraph";
  }
}
.page-heatConsulting-staffs > article > picture {
  grid-area: picture;
  display: block;
  width: 100%;
  margin: 0 0 var(--staff-image-margin, 0);
}
.page-heatConsulting-staffs > article > picture img {
  display: block;
  width: 100%;
  height: auto;
  max-width: var(--staff-image-width, 200px);
  margin: 0 auto;
}
.page-heatConsulting-staffs > article > h3 {
  grid-area: heading;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  font-size: var(--staff-name-font-size);
  font-weight: var(--staff-name-font-weight, 800);
}
.page-heatConsulting-staffs > article > h3::before {
  content: "";
  align-self: center;
  display: block;
  width: 0.381em;
  height: 1.167em;
  background: var(--theme-color);
  flex-shrink: 0;
  margin-right: 0.5em;
}
.page-heatConsulting-staffs > article > h3 > b {
  font-size: 1em;
  font-weight: inherit;
}
.page-heatConsulting-staffs > article > h3 > small {
  font-size: var(--staff-role-font-size);
  font-weight: var(--staff-role-font-weight, 600);
}
.page-heatConsulting-staffs > article > h3 > b + small::before {
  content: "／";
  margin: 0 0.5em;
}
.page-heatConsulting-staffs > article > p {
  grid-area: paragraph;
  font-size: var(--staff-text-font-size, 1em);
  font-weight: var(--staff-text-font-weight, 500);
  line-height: var(--staff-text-line-height, 2);
}

/*
 * CTA
------------------------------------------------*/
.page-heatConsulting-cta {
  --cta-margin-y: 45px;
  --cta-padding-x: var(--container-padding-x);
  --cta-title-font-size: 14px;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-cta {
    --cta-padding-x: 0px;
    --cta-title-font-size: 18px;
  }
}
.page-heatConsulting-cta {
  display: block;
  width: 100%;
  margin: var(--cta-margin-y) 0;
  padding: 0 var(--cta-padding-x, 0px);
}
.page-heatConsulting-section + .page-heatConsulting-cta {
  margin-top: calc(var(--cta-margin-y) / 2);
}
.page-heatConsulting-cta > a {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
}
.page-heatConsulting-cta > a > img {
  display: block;
  width: 100%;
  height: auto;
}

.page-heatConsulting-cta__columns {
  width: auto;
  margin: 0 calc(-1 * var(--cta-padding-x));
  padding: 40px var(--cta-padding-x);
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  gap: 20px;
  color: #ffffff;
  background-color: #113785;
}
@media (min-width: 767.02px) { /* PC */
  .page-heatConsulting-cta__columns {
    padding: 46px clamp(20px, 4.75vw, 57px);
    flex-direction: row;
  }
}
.page-heatConsulting-cta__columns > a {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.page-heatConsulting-cta__columns > a > img {
  display: block;
  width: 100%;
  height: auto;
}