@charset "UTF-8";
/* foundation */
/* variable */
/* color */
/* mixin */
/* base */
/* foundation */
:root {
  --localnav-height: 90px;
}
@media screen and (min-width: 641px) {
  :root {
    --localnav-height: 100px;
  }
}

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 2;
  color: #171717;
  letter-spacing: 0.04em;
  -webkit-font-smoothing: antialiased;
}

main {
  flex-grow: 1;
}

ul, li {
  list-style: none;
}

:focus {
  outline: #007bbc dotted 3px;
}

:focus:not(:focus-visible) {
  outline: none;
}

th {
  font-weight: normal;
}

dt {
  font-weight: normal;
}

img {
  max-width: 100%;
}

/**
  * Reinstate scrolling for non-JS clients
  */
.simplebar-content-wrapper {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: initial;
  width: initial;
  height: initial;
}

.simplebar-track {
  background-color: rgba(0, 123, 188, 0.2);
  border-radius: 2px;
}

.simplebar-track.simplebar-horizontal {
  height: 4px !important;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible::before {
  top: 0;
  height: 4px;
  opacity: 1;
}

.simplebar-track.simplebar-vertical {
  top: 4px !important;
  right: 4px;
  width: 4px !important;
  height: calc(100% - 8px);
  background-color: transparent;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-visible::before {
  left: 0;
  width: 4px !important;
  background-color: #007bbc;
  opacity: 1;
}

.simplebar-track .simplebar-scrollbar::before {
  background-color: #007bbc;
}

.holdings-footer__links__list__item span::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-bottom: 4px;
  margin-left: 2px;
  vertical-align: middle;
  content: "";
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' transform='translate(-2185 -11358)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(2185 11358)' clip-path='url(%23a)'%3E%3Cg transform='translate(-2184 -11355.013)'%3E%3Crect width='10.357' height='7.406' transform='translate(3.506 0.573)' fill='none' stroke='%23666' stroke-width='1.2'/%3E%3Cpath d='M1,1.74v8.575H11.758' transform='translate(0 0.198)' fill='none' stroke='%23666' stroke-width='1.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

#browsebar.fix {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  min-width: 976px;
  margin: 0 auto;
}

[v-cloak] {
  opacity: 0;
}

/* layout */
/* base */
.l-container {
  width: 100%;
  max-width: calc(1022px + 15px * 2);
  padding: 0 15px;
  margin: 0 auto;
}
.l-container.--s {
  max-width: calc(990px + 15px * 2);
}
.l-container.--xs {
  max-width: calc(845px + 15px * 2);
}
.l-container.--xxs {
  max-width: calc(640px + 15px * 2);
}

/* base */
.l-main {
  position: relative;
  padding-bottom: 70px;
}
@media screen and (min-width: 641px) {
  .l-main {
    padding-bottom: 90px;
  }
}
.l-main__banner {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.l-main__banner img {
  width: 100%;
  max-width: 430px;
  aspect-ratio: 375/82;
  object-fit: contain;
}
@media screen and (min-width: 641px) {
  .l-main__banner img {
    aspect-ratio: 430/110;
  }
}

/* component */
/* base */
.c-breadcrumb + .c-anchor {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .c-breadcrumb + .c-anchor {
    margin-top: 45px;
  }
}

.c-anchor__title {
  font-weight: 500;
  margin-bottom: 4px;
}
.c-anchor ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (min-width: 641px) {
  .c-anchor ul {
    gap: 16px;
  }
}
.c-anchor ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px 8px 14px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  color: #007bbc;
  letter-spacing: 0;
  background-color: rgba(0, 123, 188, 0.08);
  border-radius: 50px;
  transition: color 0.3s, background-color 0.3s;
}
@media screen and (min-width: 641px) {
  .c-anchor ul a {
    padding-inline: 30px 18px;
    font-size: 16px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-anchor ul a:hover {
    color: #fff;
    background-color: #007bbc;
  }
  .c-anchor ul a:hover::after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.562 5.287"><path d="M13.891,9l-1.006,1.006,3.268,3.275-3.268,3.275,1.006,1.006,4.281-4.281Z" transform="translate(17.562 -12.885) rotate(90)" fill="%23fff"/></svg>');
  }
}
.c-anchor ul a::after {
  display: inline-block;
  flex-shrink: 0;
  width: 8.56px;
  height: 5.29px;
  margin-left: 8px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.562 5.287"><path d="M13.891,9l-1.006,1.006,3.268,3.275-3.268,3.275,1.006,1.006,4.281-4.281Z" transform="translate(17.562 -12.885) rotate(90)" fill="%23007bbc"/></svg>');
}
.c-anchor ul + .c-anchor__title {
  margin-top: 24px;
}

/* base */
.c-input {
  border-radius: 5px;
  background-color: #fff;
  height: 40px;
  padding-inline: 8px;
  border: 1px solid #c7c7c7;
}

/* base */
.c-breadcrumb {
  padding-top: 12px;
  color: #666;
}
@media screen and (min-width: 641px) {
  .c-breadcrumb {
    padding-top: 20px;
  }
}
.c-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
}
.c-breadcrumb ol li a {
  display: block;
  padding-block: 4px;
  font-size: 12px;
  line-height: 1;
}
.c-breadcrumb ol li a[href] {
  color: #007bbc;
}
.c-breadcrumb ol li a[href]::after {
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-inline: 8px;
  content: "";
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath d='M3151.249-2825.365l-.619-.661,5-5.339,5,5.339-.62.661-4.38-4.677Z' transform='translate(-2825.365 -3150.63) rotate(90)' fill='%23666'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (hover: hover) and (pointer: fine) {
  .c-breadcrumb ol li a[href]:hover {
    text-decoration: underline;
  }
}

/* base */
.c-button {
  --h: 56px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 294px;
  height: var(--h);
  padding-right: 44px;
  padding-left: 25px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  border-radius: calc(var(--h) / 2);
}
@media screen and (min-width: 641px) {
  .c-button {
    --h: 63px;
    width: auto;
    max-width: inherit;
    padding-right: 60px;
    padding-left: 40px;
    font-size: 19px;
  }
}
.c-button::after {
  --size: 26px;
  position: absolute;
  top: 50%;
  right: 13px;
  display: inline-block;
  width: var(--size);
  height: var(--size);
  content: "";
  background-size: contain;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="0.5" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23fff" opacity="1"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23007bbc"/></svg>');
}
@media screen and (min-width: 641px) {
  .c-button::after {
    right: 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-button:hover::before {
    opacity: 1;
  }
  .c-button:hover::after {
    --size: 30px;
    right: 18px;
  }
}
.c-button.--s {
  padding-left: 25px;
  font-size: 16px;
}
.c-button.--s::after {
  right: 12px;
}
@media screen and (min-width: 641px) {
  .c-button.--s {
    --h: 44px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-button.--s:hover::after {
    --size: 30px;
    right: 10px;
  }
}
.c-button.--grad {
  z-index: 0;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  transition: all 0.3s;
}
.c-button.--grad span {
  position: relative;
}
.c-button.--grad::after {
  transition: all 0.3s;
}
.c-button.--grad::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, #0a67e5 0%, #0c3ac7 50%, #4c1ec9 90%, #7b118d 100%);
  opacity: 0;
  transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .c-button.--grad:hover::before {
    opacity: 1;
  }
}
.c-button.--sp-w100 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-button.--sp-w100 {
    width: inherit;
  }
}
.c-button.--prev {
  padding-right: 25px;
  padding-left: 45px;
}
@media screen and (min-width: 641px) {
  .c-button.--prev {
    padding-right: 40px;
    padding-left: 60px;
  }
}
.c-button.--prev::after {
  left: 13px;
  transform: translateY(-50%) scale(-1, 1);
}
@media screen and (min-width: 641px) {
  .c-button.--prev::after {
    left: 20px;
  }
}
.c-button.--download {
  width: inherit;
  padding-right: 25px;
}
.c-button.--download::after {
  display: none;
}
.c-button.--download span::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M15.231,433.08H.769A.781.781,0,0,1,0,432.287V429.6a.781.781,0,0,1,.769-.793.781.781,0,0,1,.769.793v1.9H14.462v-1.9a.77.77,0,1,1,1.538,0v2.689a.781.781,0,0,1-.769.793' transform='translate(0 -417.08)' fill='%23fff'/%3E%3Cpath d='M273.452,12.3a.781.781,0,0,1-.769-.793V.793a.77.77,0,1,1,1.538,0V11.508a.781.781,0,0,1-.769.793' transform='translate(-265.452)' fill='%23fff'/%3E%3Cpath d='M116.85,235.718a.758.758,0,0,1-.544-.232l-4.266-4.4a.811.811,0,0,1,0-1.122.753.753,0,0,1,1.088,0l3.722,3.838,3.757-3.874a.753.753,0,0,1,1.088,0,.811.811,0,0,1,0,1.122l-4.3,4.434a.758.758,0,0,1-.544.232' transform='translate(-108.85 -223.417)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}
.c-button.--blank {
  --size: 26px;
}
.c-button.--blank:after {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .c-button.--blank:hover {
    --size: 30px;
  }
  .c-button.--blank:hover::before {
    right: 18px;
  }
}
.c-button.--blank .__icon {
  transition: all 0.3s;
  width: var(--size);
  height: var(--size);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-button.--blank .__icon:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' transform='translate(-2185 -11358)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(2185 11358)' clip-path='url(%23a)'%3E%3Cg transform='translate(-2184 -11355.013)'%3E%3Crect width='10.357' height='7.406' transform='translate(3.506 0.573)' fill='none' stroke='%23007bbc' stroke-width='1.2'/%3E%3Cpath d='M1,1.74v8.575H11.758' transform='translate(0 0.198)' fill='none' stroke='%23007bbc' stroke-width='1.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.c-thumb-button {
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
}
@media (hover: hover) and (pointer: fine) {
  .c-thumb-button:hover {
    opacity: 0.7;
  }
}
.c-thumb-button img {
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 400px !important;
}

/* base */
.c-category {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.c-category li:not(:has(ul)) {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding-inline: 22px;
  color: #007bbc;
  border: 1px solid #007bbc;
  border-radius: 2px;
}

/* base */
.c-figure {
  padding: 16px;
  text-align: center;
  background-color: #fff;
}
.c-figure.--ratio32 {
  width: 100%;
  max-height: 316px;
  aspect-ratio: 3/2;
  padding: 0;
  object-fit: cover;
  background-color: transparent;
}
.c-figure.--ratio32.u-object-contain {
  background-color: #fff;
}

.c-img img {
  object-fit: contain;
  width: 100%;
  height: auto;
}

/* base */
.c-hd.--bottom-line + .p-page__section-inner {
  margin-top: 0;
}

.c-hd {
  font-weight: bold;
  line-height: 1.3333333333;
}
.c-hd.--l {
  font-size: 22px;
}
@media screen and (min-width: 641px) {
  .c-hd.--l {
    font-size: 30px;
  }
}
.c-hd.--m {
  font-size: 18px;
}
@media screen and (min-width: 641px) {
  .c-hd.--m {
    font-size: 24px;
  }
}
@media screen and (min-width: 641px) {
  .c-hd.--s {
    font-size: 18px;
  }
}
.c-hd.--center {
  text-align: center;
}
.c-hd.--bottom-line {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}
.c-hd.--bottom-line::after {
  display: inline-block;
  width: 100%;
  height: 2px;
  margin-top: 16px;
  content: "";
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
@media screen and (min-width: 641px) {
  .c-hd.--bottom-line::after {
    margin-top: 20px;
  }
}
.c-hd.--bottom-line.--center {
  align-items: center;
}
.c-hd.--left-line {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 15px;
  font-weight: 500;
  line-height: 1.5833333333;
  color: #007bbc;
}
@media screen and (min-width: 641px) {
  .c-hd.--left-line {
    padding-left: 30px;
  }
}
.c-hd.--left-line::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  flex-shrink: 0;
  width: 2px;
  height: 100%;
  min-height: 1px;
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
.c-hd.--bg {
  position: relative;
  padding: 6px 10px;
  overflow: hidden;
  color: #fff;
  background-color: rgba(0, 123, 188, 0.7);
}
@media screen and (min-width: 641px) {
  .c-hd.--bg {
    padding-block: 4px;
  }
}
.c-hd.--bg::before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: inline-block;
  width: 111px;
  height: 100%;
  content: "";
  background-image: url("/hvac-cc/peseng/assets/img/common/bg_hd_small.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 641px) {
  .c-hd.--bg::before {
    width: 250px;
  }
}
.c-hd.--bg span {
  position: relative;
  z-index: 1;
}

/* base */
.c-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  height: 400px;
  margin: 0 auto;
}
@media screen and (min-width: 641px) {
  .c-hero {
    height: 450px;
  }
}
.c-hero::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  content: "";
  background-color: rgba(0, 0, 0, 0.35);
}
.c-hero.--text {
  max-width: inherit;
  height: 120px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-image: url("/hvac-cc/peseng/assets/img/common/bg_hero.png");
  background-size: cover;
}
@media screen and (min-width: 641px) {
  .c-hero.--text {
    height: 180px;
    background-image: url("/hvac-cc/peseng/assets/img/common/bg_hero@pc.png");
  }
}
.c-hero.--text::before {
  display: none;
}
.c-hero__hd h1 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .c-hero__hd h1 {
    font-size: 24px;
  }
}
.c-hero__en, .c-hero__jp {
  filter: drop-shadow(0 0 6px rgba(23, 23, 23, 0.8));
}
.c-hero__jp {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  .c-hero__jp {
    font-size: 32px;
  }
}
.c-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* base */
.c-label-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (min-width: 641px) {
  .c-label-wrap {
    gap: 16px;
  }
}

.c-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 31px;
  padding-inline: 22px;
  color: #007bbc;
  background-color: #fff;
  border: 1px solid #007bbc;
  border-radius: 2px;
}

.c-job-label {
  color: #fff;
  font-size: 12px;
  background-color: #007bbc;
  border-radius: 0 2px 2px 0;
  padding-block: 4px;
  padding-inline: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .c-job-label {
    padding-inline: 20px;
  }
}

/* base */
.c-link {
  color: #007bbc;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .c-link:hover {
    text-decoration: none;
  }
}
.c-link__icon::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.c-link__icon.--small:before {
  width: 12px;
  height: 12px;
  margin-bottom: 0;
}
.c-link__icon.--blank::before {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' transform='translate(-2185 -11358)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(2185 11358)' clip-path='url(%23a)'%3E%3Cg transform='translate(-2184 -11355.013)'%3E%3Crect width='10.357' height='7.406' transform='translate(3.506 0.573)' fill='none' stroke='%23007bbc' stroke-width='1.2'/%3E%3Cpath d='M1,1.74v8.575H11.758' transform='translate(0 0.198)' fill='none' stroke='%23007bbc' stroke-width='1.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.c-link__icon.--download::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23007bbc'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M15.231,433.08H.769A.781.781,0,0,1,0,432.287V429.6a.781.781,0,0,1,.769-.793.781.781,0,0,1,.769.793v1.9H14.462v-1.9a.77.77,0,1,1,1.538,0v2.689a.781.781,0,0,1-.769.793' transform='translate(0 -417.08)' fill='%23007bbc'/%3E%3Cpath d='M273.452,12.3a.781.781,0,0,1-.769-.793V.793a.77.77,0,1,1,1.538,0V11.508a.781.781,0,0,1-.769.793' transform='translate(-265.452)' fill='%23007bbc'/%3E%3Cpath d='M116.85,235.718a.758.758,0,0,1-.544-.232l-4.266-4.4a.811.811,0,0,1,0-1.122.753.753,0,0,1,1.088,0l3.722,3.838,3.757-3.874a.753.753,0,0,1,1.088,0,.811.811,0,0,1,0,1.122l-4.3,4.434a.758.758,0,0,1-.544.232' transform='translate(-108.85 -223.417)' fill='%23007bbc'/%3E%3C/g%3E%3C/svg%3E");
}
.c-link__icon.--l::before {
  width: 22px;
  height: 22px;
  margin-top: -3px;
}
.c-link__icon.--pdf::before {
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g transform="translate(-240)"><g transform="translate(240)" clip-path="url(%23a)"><g transform="translate(3.575 1.804)"><path d="M-2142.218-11362.538v12.2h8.735v-8.757l-3.152-3.444Z" transform="translate(2142.218 11362.538)" fill="none" stroke="%23007bbc" stroke-width="1"/><path d="M-2129.648-11358.983h-3.437l.074-3.384" transform="translate(2138.383 11362.467)" fill="none" stroke="%23007bbc" stroke-width="1"/><path d="M3.889,3.429V0H5.413V.553H4.469v.9h.821V2.01H4.469v1.42Zm-1.989,0V0h.758a.874.874,0,0,1,.661.241.942.942,0,0,1,.226.67V2.466a.977.977,0,0,1-.242.726.943.943,0,0,1-.687.237Zm.58-.553h.168a.307.307,0,0,0,.245-.082.439.439,0,0,0,.071-.281V.911A.455.455,0,0,0,2.9.64.294.294,0,0,0,2.648.553H2.48ZM0,3.429V0H.766a1.132,1.132,0,0,1,.363.054.727.727,0,0,1,.292.2A.763.763,0,0,1,1.6.579a1.93,1.93,0,0,1,.049.487,2.383,2.383,0,0,1-.026.387.848.848,0,0,1-.117.309.743.743,0,0,1-.28.272.935.935,0,0,1-.455.1H.58v1.3ZM.58,1.578H.757a.445.445,0,0,0,.2-.036.208.208,0,0,0,.095-.094A.4.4,0,0,0,1.091,1.3c0-.068.007-.143.007-.226s0-.15,0-.219A.415.415,0,0,0,1.055.686a.213.213,0,0,0-.09-.1A.4.4,0,0,0,.776.553H.58Z" transform="translate(1.633 5.693)" fill="%23007bbc"/></g></g></g></svg>');
}

/* base */
.c-ul.--pc-center {
  width: fit-content;
  margin-inline: auto;
}
.c-ul li {
  display: flex;
  gap: 4px;
}
.c-ul li::before {
  display: inline-block;
  flex-shrink: 0;
  content: "・";
}
.c-ul.--color-blue li {
  gap: 8px;
  color: #007bbc;
}
.c-ul.--color-blue li::before {
  width: 7px;
  height: 7px;
  margin-top: 13px;
  content: "";
  background-color: #007bbc;
  border-radius: 50%;
}
.c-ul.--icon-blue li {
  gap: 8px;
}
.c-ul.--icon-blue li::before {
  width: 7px;
  height: 7px;
  margin-top: 13px;
  content: "";
  background-color: #007bbc;
  border-radius: 50%;
}

.c-ol {
  counter-reset: number 0;
}
.c-ol.--color-blue li {
  color: #007bbc;
}
.c-ol > li:has(> h2, > h3, > h4, > h5, > h6, > p) + li {
  margin-top: 32px;
}
.c-ol[data-margin=true] > li + li {
  margin-top: 16px;
}
.c-ol > li {
  padding-left: 20px;
}
.c-ol > li:not(:has(> h2, > h3, > h4, > h5, > h6, > p))::before {
  display: inline-block;
  text-indent: -20px;
  content: counter(number) ".";
  counter-increment: number 1;
}
.c-ol > li:not(:has(> h2, > h3, > h4, > h5, > h6)) > p::before {
  display: inline-block;
  text-indent: -20px;
  content: counter(number) ".";
  counter-increment: number 1;
}
.c-ol > li > h2::before, .c-ol > li > h3::before, .c-ol > li > h4::before, .c-ol > li > h5::before, .c-ol > li > h6::before {
  display: inline-block;
  text-indent: -20px;
  content: counter(number) ".";
  counter-increment: number 1;
}
.c-ol > li > ol {
  margin-top: 16px;
  counter-reset: number 0;
}
.c-ol > li > ol[data-margin=true] li + li {
  margin-top: 16px;
}
.c-ol > li > ol > li {
  padding-left: 20px;
}
.c-ol > li > ol > li::before {
  display: inline-block;
  text-indent: -20px;
  content: "（" counter(number) "）";
  counter-increment: number 1;
}

.c-dl > div {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 641px) {
  .c-dl > div {
    flex-direction: row;
  }
}
@media screen and (min-width: 641px) {
  .c-dl > div:last-child dt {
    border-bottom: 1px solid #007bbc;
  }
}
@media screen and (min-width: 641px) {
  .c-dl > div:last-child dd {
    border-bottom: 1px solid #c7c7c7;
  }
}
.c-dl dt, .c-dl dd {
  padding: 15px;
}
.c-dl dt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: bold;
  color: #007bbc;
  border-top: 1px solid #007bbc;
  border-bottom: 1px solid #007bbc;
}
@media screen and (min-width: 641px) {
  .c-dl dt {
    width: 180px;
    border-bottom: none;
  }
}
.c-dl dd {
  flex-grow: 1;
  border-bottom: 1px solid #c7c7c7;
}
@media screen and (min-width: 641px) {
  .c-dl dd {
    border-top: 1px solid #c7c7c7;
    border-bottom: none;
  }
}

/* base */
@media (hover: hover) and (pointer: fine) {
  .c-movie:hover .c-movie__img-wrap::before {
    background-color: rgba(23, 23, 23, 0.1);
  }
  .c-movie:hover .c-movie__img-wrap::after {
    --size: 56px;
  }
}
.c-movie__img-wrap {
  position: relative;
  display: block;
}
.c-movie__img-wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(23, 23, 23, 0.35);
  transition: background-color 0.3s;
}
.c-movie__img-wrap::after {
  --size: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: var(--size);
  height: var(--size);
  content: "";
  background-image: url("/hvac-cc/peseng/assets/img/common/icon_play.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: width 0.3s, height 0.3s;
  transform: translateX(-50%) translateY(-50%);
}
.c-movie__img-wrap img {
  width: 100%;
}
.c-movie__text {
  display: block;
  margin-top: 13px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3333333333;
  color: #007bbc;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .c-movie__text {
    margin-top: 8px;
  }
}

/* base */
.c-step {
  position: relative;
}
.c-step::before {
  position: absolute;
  top: 0;
  left: 40px;
  display: inline-block;
  width: 2px;
  height: 100%;
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
.c-step__item + .c-step__item {
  padding-top: 20px;
}
.c-step__item > div {
  padding: 16px 8px;
  font-weight: bold;
  color: #007bbc;
  text-align: center;
}
.c-step__item > div p + a {
  margin-top: 8px;
}
.c-step__item .__note {
  width: fit-content;
  padding-left: 60px;
  margin-inline: auto;
  margin-top: 8px;
  font-size: 0.9em;
  text-align: left;
  text-indent: -1em;
}
@media screen and (min-width: 641px) {
  .c-step__item .__note {
    padding-left: 1em;
  }
}
.c-step__hd {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 10px;
  padding: 8px 16px;
  font-weight: bold;
  color: #007bbc;
  background-color: #d9e5ec;
}
.c-step__text {
  line-height: 1.7;
}

/* base */
.c-simple-table {
  width: 100%;
  table-layout: fixed;
}

.c-table__scroll-area + .u-scroll-text {
  margin-top: -8px;
}

.c-table {
  font-size: 15px;
}
.c-table.--th-custom {
  --wid: 100%;
  --wid-pc: 160px;
}
@media screen and (min-width: 641px) {
  .c-table.--th-custom th {
    width: var(--wid-pc);
  }
}
.c-table.--center th, .c-table.--center td {
  text-align: center;
}
.c-table.--middle th, .c-table.--middle td {
  vertical-align: middle;
}
.c-table__head.--sp-only {
  display: none;
}
@media screen and (min-width: 641px) {
  .c-table__head.--sp-only {
    display: table-header-group;
  }
}
.c-table__scroll-area {
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.c-table__scroll-area .c-table__main {
  width: max-content;
}
.c-table__main {
  width: 100%;
  line-height: 1.5;
}
.c-table__main small {
  font-size: 13px;
}
.c-table__main .red {
  color: #ef0e0e;
}
.c-table__main[data-sp-column=true] {
  display: block;
}
@media screen and (min-width: 641px) {
  .c-table__main[data-sp-column=true] {
    display: table;
  }
}
.c-table__main[data-sp-column=true] tr {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 641px) {
  .c-table__main[data-sp-column=true] tr {
    display: table-row;
  }
}
.c-table__main[data-sp-column=true] tr:first-child th {
  border-top: 1px solid #c7c7c7;
}
.c-table__main[data-sp-column=true] th {
  border-top: none;
  border-bottom: none;
}
@media screen and (min-width: 641px) {
  .c-table__main[data-sp-column=true] th {
    border: 1px solid #c7c7c7;
  }
}
@media screen and (min-width: 641px) {
  .c-table__main[data-sp-column=true] th.--pc-w140 {
    width: 140px;
  }
}
.c-table__main[data-sp-column=true] td:not(:last-child) {
  border-bottom: none;
}
.c-table__main > thead > tr > th, .c-table__main > thead > tr > td, .c-table__main > tbody > tr > th, .c-table__main > tbody > tr > td {
  padding: 10px 15px;
  border: 1px solid #c7c7c7;
}
.c-table__main > thead > tr th, .c-table__main > tbody > tr th {
  font-weight: 500;
  vertical-align: middle;
}
.c-table__main > thead > tr > th {
  background-color: rgba(0, 123, 188, 0.16);
}
.c-table__main > thead > tr > th:nth-child(odd) {
  background-color: rgba(0, 123, 188, 0.08);
}
.c-table__main > tbody > tr th {
  background-color: rgba(0, 123, 188, 0.16);
}
.c-table__main > tbody > tr:nth-child(odd) th {
  background-color: rgba(0, 123, 188, 0.08);
}
.c-table__main > tbody > tr dl > div {
  display: flex;
}
.c-table__main > tbody > tr dl > div dt {
  width: 110px;
  margin-right: 3em;
}
.c-table__note {
  margin-top: 8px;
  font-size: 13px;
}

.c-table-environment {
  width: 930px;
  table-layout: fixed;
}
.c-table-environment th, .c-table-environment td {
  font-weight: 500;
  border: 1px solid #c7c7c7;
  padding: 15px;
  vertical-align: middle;
  line-height: 1.5;
}
.c-table-environment th:last-child, .c-table-environment td:last-child {
  background-color: rgba(0, 123, 188, 0.08);
  color: #007bbc;
  font-weight: bold;
}
.c-table-environment thead th {
  text-align: center;
}
.c-table-environment tbody td {
  text-align: center;
}
.c-table-environment tbody td span {
  font-size: 12px;
}

/* base */
.c-top-deco {
  position: relative;
}
.c-top-deco::before {
  position: absolute;
  top: 0;
  left: 15px;
  display: block;
  width: 2px;
  height: var(--lineh);
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
@media screen and (min-width: 1280px) {
  .c-top-deco::before {
    left: -20px;
  }
}

/* base */
.c-top-section-title {
  font-size: 18px;
  line-height: 1.6666666667;
  color: #007bbc;
}
.c-top-section-title span {
  display: block;
  margin-bottom: 5px;
  font-size: 42px;
  font-weight: 500;
  line-height: 1;
  color: #171717;
  letter-spacing: 0;
}
@media screen and (min-width: 641px) {
  .c-top-section-title span {
    margin-bottom: 8px;
    font-size: 50px;
  }
}

/* base */
.c-survey-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  counter-reset: listnum;
}
@media screen and (min-width: 641px) {
  .c-survey-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.c-survey-list li {
  position: relative;
}
.c-survey-list li::before {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #007bbc;
  font-weight: 500;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  counter-increment: listnum;
  content: counter(listnum);
  top: 8px;
  left: 8px;
  padding-left: 1px;
  padding-bottom: 2px;
}

/* project */
/* base */
.p-about-link {
  position: relative;
  padding-bottom: 40px;
  margin-top: 60px;
}
@media screen and (min-width: 641px) {
  .p-about-link {
    padding-bottom: 60px;
    margin-top: 120px;
  }
}
.p-about-link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 988px;
  content: "";
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-about-link::after {
    top: 180px;
    bottom: auto;
    height: calc(100% - 180px);
  }
}
.p-about-link__img-link-area {
  position: relative;
  z-index: 1;
}

/* base */
.p-about-mvv {
  padding: 15px 15px 56px;
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-about-mvv {
    padding: 30px 30px 50px;
  }
}
.p-about-mvv__item-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 641px) {
  .p-about-mvv__item-group {
    gap: 40px;
  }
}
.p-about-mvv__item-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 8px 16px 28px;
  text-align: center;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .p-about-mvv__item-body {
    gap: 8px;
    padding: 16px 16px 40px;
  }
}
.p-about-mvv__hd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 36px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #007bbc;
  background-image: url("/hvac-cc/peseng/assets/img/common/bg_hd.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 641px) {
  .p-about-mvv__hd {
    height: 40px;
    font-size: 20px;
  }
}
.p-about-mvv__lead {
  width: max-content;
  margin-inline: auto;
  font-size: 16px;
  font-weight: 500;
  color: #007bbc;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-about-mvv__lead {
    margin-bottom: 16px;
    font-size: 20px;
  }
}
.p-about-mvv__lead::after {
  display: block;
  width: 30px;
  height: 2px;
  margin-inline: auto;
  margin-top: 10px;
  content: "";
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  border-radius: 50px;
}
@media screen and (min-width: 641px) {
  .p-about-mvv__lead::after {
    width: 40px;
  }
}
.p-about-mvv__img img {
  width: 100%;
  max-width: 275px;
  height: auto;
}
.p-about-mvv__img.--mission img {
  max-width: 255px;
}
@media screen and (min-width: 641px) {
  .p-about-mvv__img.--mission img {
    max-width: 363px;
  }
}
@media screen and (min-width: 641px) {
  .p-about-mvv__img.--vision img {
    max-width: 527px;
  }
}
@media screen and (min-width: 641px) {
  .p-about-mvv__img.--value img {
    max-width: 838px;
  }
}
@media screen and (min-width: 641px) {
  .p-about-mvv__img.--slogan img {
    max-width: 518px;
  }
}
.p-about-mvv__text-group {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .p-about-mvv__text-group {
    text-align: center;
    white-space: nowrap;
  }
}
.p-about-mvv__text-group strong {
  font-weight: 500;
  line-height: 1.75;
  color: #007bbc;
}
@media screen and (min-width: 641px) {
  .p-about-mvv__text-group strong {
    font-size: 18px;
  }
}

/* base */
.p-article .c-date + .c-hd {
  margin-top: 10px;
}
.p-article__detail h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .p-article__detail h3 {
    font-size: 24px;
  }
}
.p-article__detail p {
  margin-block: 20px;
}
.p-article__detail img {
  max-width: 100%;
  margin-block: 20px;
}
.p-article__button-area {
  margin-top: 40px;
  text-align: center;
}

/* base */
.p-box {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.6);
}
@media screen and (min-width: 641px) {
  .p-box {
    padding: 25px 30px;
  }
}
.p-box.--white {
  background-color: #fff;
}

/* base */
.p-entry {
  position: relative;
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .p-entry {
    margin-top: 64px;
  }
}
.p-entry::before {
  position: absolute;
  top: 30px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 400px;
  content: "";
  background-color: rgba(0, 123, 188, 0.08);
}
.p-entry__list {
  display: grid;
  gap: 20px;
  height: 620px;
}
@media screen and (min-width: 641px) {
  .p-entry__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    height: 418px;
  }
}
.p-entry__list li {
  height: 100%;
}
.p-entry__list li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-size: cover;
}
.p-entry__list li a::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(11, 26, 54, 0.75);
  transition: background-color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .p-entry__list li a:hover::before {
    background-color: rgba(11, 26, 54, 0.4);
  }
  .p-entry__list li a:hover > div::before {
    opacity: 1;
  }
  .p-entry__list li a:hover > div::after {
    --size: 55px;
    bottom: 38px;
  }
}
.p-entry__list li a > div {
  --size: 209px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  border: 1px solid rgba(199, 199, 199, 0.5);
  border-radius: 50%;
}
@media screen and (min-width: 641px) {
  .p-entry__list li a > div {
    --size: 255px;
  }
}
.p-entry__list li a > div::before {
  --size: 276px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: var(--size);
  height: var(--size);
  content: "";
  background-color: rgba(0, 123, 188, 0.7);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translate(-50%, -50%);
}
.p-entry__list li a > div::after {
  --size: 27px;
  position: absolute;
  bottom: 32px;
  left: 50%;
  display: block;
  width: var(--size);
  height: var(--size);
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
  transform: translateX(-50%);
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23fff" opacity="1" stroke-width="0.5" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23fff" opacity="0"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
}
@media screen and (min-width: 641px) {
  .p-entry__list li a > div::after {
    --size: 43px;
    bottom: 43px;
  }
}
.p-entry__list li a > div p {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-top: -12px;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  letter-spacing: 0;
}
@media screen and (min-width: 641px) {
  .p-entry__list li a > div p {
    font-size: 16px;
  }
}
.p-entry__list li a > div p > span {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 641px) {
  .p-entry__list li a > div p > span {
    font-size: 28px;
  }
}

/* base */
.p-faq {
  position: relative;
  border-bottom: 1px solid #c7c7c7;
}
.p-faq + .p-faq {
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .p-faq + .p-faq {
    margin-top: 26px;
  }
}
.p-faq__trigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.p-faq__title-area {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
@media screen and (min-width: 641px) {
  .p-faq__title-area {
    gap: 30px;
  }
}
.p-faq__title {
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .p-faq__title {
    gap: 10px;
  }
}
.p-faq__title::before {
  display: inline-block;
  content: "Q.";
}
.p-faq__icon {
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 6px;
}
.p-faq__icon::before, .p-faq__icon::after {
  position: absolute;
  display: block;
  content: "";
  background-color: #007bbc;
}
.p-faq__icon::before {
  top: 50%;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}
.p-faq__icon::after {
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translateX(-50%);
}
.p-faq__content {
  position: relative;
  z-index: 1;
  height: 0;
  overflow: hidden;
}
.p-faq__content > div {
  padding: 16px;
  margin-bottom: 24px;
  background-color: #fff;
}
.p-faq__content dl div {
  display: flex;
}
.p-faq__content dl dt {
  font-weight: normal;
}
.p-faq.is-open .p-faq__icon:after {
  opacity: 0;
}

/* base */
.p-features-list {
  padding: 15px;
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-features-list {
    padding: 30px;
  }
}
.p-features-list__inner {
  position: relative;
  padding: 2px;
  background-color: #fff;
}
.p-features-list__inner::before {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
.p-features-list__inner > div {
  position: relative;
  padding: 15px;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .p-features-list__inner > div {
    padding: 30px;
  }
}
.p-features-list__inner ol li {
  display: flex;
  gap: 10px;
  font-weight: bold;
  color: #007bbc;
}
@media screen and (min-width: 641px) {
  .p-features-list__inner ol li {
    gap: 16px;
  }
}
.p-features-list__inner ol li > img {
  width: 22px;
  height: 22px;
  margin-top: 8px;
  opacity: 0.32;
}
@media screen and (min-width: 641px) {
  .p-features-list__inner ol li > img {
    margin-top: 3px;
  }
}
.p-features-list__inner ol li > p {
  line-height: 1.6875;
}
.p-features-list__inner ol li + li {
  margin-top: 8px;
}

/* base */
.p-filter .p-link-card__text-area::before {
  height: 70px;
}
.p-filter .p-link-card__hd {
  padding-top: 14px;
  font-weight: 500;
}
.p-filter__pickup {
  margin-bottom: 30px;
}
@media screen and (min-width: 641px) {
  .p-filter__pickup {
    margin-bottom: 80px;
  }
}
.p-filter__cat {
  padding-top: 25px;
  padding-bottom: 35px;
  background-color: rgba(0, 123, 188, 0.08);
}
.p-filter__cat-title-area {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 12px;
}
.p-filter__cat-title {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .p-filter__cat-title {
    font-size: 20px;
  }
}
.p-filter__clear-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 24px;
  font-size: 12px;
  font-weight: bold;
  color: #007bbc;
  border: 1px solid #007bbc;
  border-radius: 15px;
}
@media screen and (min-width: 641px) {
  .p-filter__clear-button {
    width: 76px;
    height: 30px;
  }
}
.p-filter__cat-box > div {
  display: flex;
  flex-direction: column;
  padding: 12px 20px;
  line-height: 1;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .p-filter__cat-box > div {
    flex-direction: row;
    padding-block: 16px;
  }
}
.p-filter__cat-box > div dt {
  width: 100%;
  margin-bottom: 8px;
  font-weight: 500;
  color: #007bbc;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-filter__cat-box > div dt {
    width: 60px;
    margin-bottom: 0;
    text-align: left;
  }
}
.p-filter__cat-box > div ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.p-filter__cat-box > div ul li {
  display: flex;
  gap: 4px;
  font-size: 14px;
}
@media screen and (min-width: 641px) {
  .p-filter__cat-box > div ul li {
    font-size: 16px;
  }
}
.p-filter__cat-box > div ul label {
  position: relative;
  display: flex;
  gap: 4px;
  cursor: pointer;
}
.p-filter__cat-box > div ul label .__ico {
  width: 16px;
  height: 16px;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
}
.p-filter__cat-box > div ul label .__ico::after {
  position: absolute;
  inset: 0;
  display: inline-block;
  content: "";
  background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8L6.82843 10.8284L12.4853 5.17157' stroke-width='1.5' stroke='%232685ce'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
}
.p-filter__cat-box > div ul label:has(input:focus) {
  outline: #007bbc dotted 3px;
}
.p-filter__cat-box > div ul label:has(input:focus:not(:focus-visible)) {
  outline: none;
}
.p-filter__cat-box > div ul label input {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.p-filter__cat-box > div ul label input:checked + .__ico::after {
  opacity: 1;
}
.p-filter__cat-box div + div {
  margin-top: 2px;
}
.p-filter__item-group {
  margin-top: 24px;
}
@media screen and (min-width: 641px) {
  .p-filter__item-group {
    margin-top: 40px;
  }
}
.p-filter__note {
  margin-bottom: 16px;
  font-size: 14px;
  color: #666;
  text-align: right;
}

/* base */
.p-flow {
  display: grid;
  gap: 42px;
  max-width: 320px;
  margin-inline: auto;
}
@media screen and (min-width: 641px) {
  .p-flow {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: inherit;
    margin: 0;
  }
}
.p-flow__item {
  position: relative;
}
.p-flow__item:first-child .p-flow__hd {
  background: linear-gradient(45deg, #2fe0b6 0%, #17b9cb 60%);
}
.p-flow__item:nth-child(2) .p-flow__hd {
  background: linear-gradient(45deg, #17b9cb 0%, #0092e0 60%);
}
.p-flow__item:nth-child(3) .p-flow__hd {
  background: linear-gradient(45deg, #22a4ea 0%, #115db5 60%);
}
.p-flow__item:nth-child(4) .p-flow__hd {
  background: linear-gradient(45deg, #115db5 0%, #0d398b 60%);
}
.p-flow__item:not(:last-child)::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-top: 6px solid transparent;
  border-right: 0;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #007bbc;
  transform: translateX(-50%) rotate(90deg);
}
@media screen and (min-width: 641px) {
  .p-flow__item:not(:last-child)::after {
    display: none;
  }
}
.p-flow__item:not(:last-child) .p-flow__hd::after {
  display: none;
}
@media screen and (min-width: 641px) {
  .p-flow__item:not(:last-child) .p-flow__hd::after {
    position: absolute;
    top: 50%;
    right: -20px;
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-top: 6px solid transparent;
    border-right: 0;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #007bbc;
    transform: translateY(-50%);
  }
}
.p-flow__hd {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
  border-radius: 4px;
  font-weight: normal;
}
.p-flow__hd > span {
  font-size: 16px;
  font-weight: bold;
}
.p-flow__main {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .p-flow__main {
    margin-top: 16px;
  }
}
.p-flow__note {
  margin-top: 40px;
  font-size: 14px;
  color: #666;
}
@media screen and (min-width: 641px) {
  .p-flow__note {
    text-align: right;
  }
}

/* base */
.p-grid {
  display: grid;
  gap: 40px;
  align-items: flex-start;
}
.p-grid.--pc-2column .c-movie img, .p-grid.--pc-3column .c-movie img {
  max-height: 316px;
  aspect-ratio: 3/2;
  object-fit: cover;
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-2column {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-grid.--pc-2column.--custom {
  --column: 1fr 310px;
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-2column.--custom {
    grid-template-columns: var(--column);
  }
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-2column.--1fr-560 {
    grid-template-columns: 1fr 560px;
  }
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-2column.--355-1fr {
    grid-template-columns: 355px 1fr;
  }
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-2column.--1fr-355 {
    grid-template-columns: 1fr 355px;
  }
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-3column {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-3column--auto {
    grid-template-columns: 250px 1fr 1fr;
  }
}
.p-grid.--pc-2-1-1-1column, .p-grid.--pc-3-2column, .p-grid.--pc-2-3column {
  grid-template-areas: "aria1" "aria2" "aria3" "aria4" "aria5";
}
.p-grid.--pc-2-1-1-1column li:first-child, .p-grid.--pc-3-2column li:first-child, .p-grid.--pc-2-3column li:first-child {
  grid-area: aria1;
}
.p-grid.--pc-2-1-1-1column li:nth-child(2), .p-grid.--pc-3-2column li:nth-child(2), .p-grid.--pc-2-3column li:nth-child(2) {
  grid-area: aria2;
}
.p-grid.--pc-2-1-1-1column li:nth-child(3), .p-grid.--pc-3-2column li:nth-child(3), .p-grid.--pc-2-3column li:nth-child(3) {
  grid-area: aria3;
}
.p-grid.--pc-2-1-1-1column li:nth-child(4), .p-grid.--pc-3-2column li:nth-child(4), .p-grid.--pc-2-3column li:nth-child(4) {
  grid-area: aria4;
}
.p-grid.--pc-2-1-1-1column li:nth-child(5), .p-grid.--pc-3-2column li:nth-child(5), .p-grid.--pc-2-3column li:nth-child(5) {
  grid-area: aria5;
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-2-1-1-1column {
    grid-template-areas: "aria1 aria2" "aria3 aria3" "aria4 aria4" "aria5 aria5";
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-3-2column {
    grid-template-areas: "aria1 aria1 aria2 aria2 aria3 aria3" "aria4 aria4 aria4 aria5 aria5 aria5";
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-2-3column {
    grid-template-areas: "aria1 aria1 aria1 aria2 aria2 aria2" "aria3 aria3 aria4 aria4 aria5 aria5";
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 641px) {
  .p-grid.--pc-reverse div:nth-child(2) {
    order: -1;
  }
}
.p-grid.--gap-l {
  gap: 60px;
}
@media screen and (min-width: 641px) {
  .p-grid.--gap-l {
    gap: 80px 40px;
  }
}
.p-grid.--gap-s {
  gap: 25px;
}
@media screen and (min-width: 641px) {
  .p-grid.--gap-s {
    gap: 40px;
  }
}
.p-grid img {
  max-width: 100%;
}

.p-sitemap .--pc-2column {
  gap: 16px;
}

.p-glossary .--pc-3column {
  gap: 16px;
}
@media screen and (min-width: 641px) {
  .p-glossary .--pc-3column {
    gap: 40px;
  }
}

.p-flex {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (min-width: 641px) {
  .p-flex {
    flex-direction: row;
  }
}

/* base */
.p-header {
  letter-spacing: 0.04em;
  border-bottom: 1px solid #c7c7c7;
}
.p-header .holdings-header__nav__list,
.p-header .holdings-header__rel__list {
  letter-spacing: 0.04em;
}
.p-header__logo.--sp {
  display: block !important;
}
@media screen and (min-width: 976px) {
  .p-header__logo.--sp {
    display: none !important;
  }
}
.p-header__logo.--pc {
  display: none;
}
@media screen and (min-width: 976px) {
  .p-header__logo.--pc {
    display: block !important;
  }
}

.c-gnav-lang {
  position: absolute;
  top: 9px;
  right: 48px;
  margin-right: 0;
  margin-left: auto;
  color: #666;
  vertical-align: baseline;
}
@media screen and (min-width: 641px) {
  .c-gnav-lang {
    position: relative;
    top: auto;
    right: auto;
    margin-inline: 20px;
    margin-top: -18px;
  }
}
@media screen and (min-width: 641px) {
  .holdings-header__fixarea.fix .c-gnav-lang {
    display: none;
  }
}
.c-gnav-lang__en {
  display: block;
  line-height: 1.2;
}
.is-lang-en .c-gnav-lang__en {
  display: none;
}
.c-gnav-lang__en._hide {
  display: none !important;
}
.c-gnav-lang__ja {
  display: none;
}
.is-lang-en .c-gnav-lang__ja {
  display: block;
}
.c-gnav-lang a {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  letter-spacing: normal;
}
.c-gnav-lang a:hover {
  opacity: 1;
}

/* base */
.p-icon-box {
  display: grid;
  grid-template-areas: "img hd" "img text";
  grid-template-columns: 85px 1fr;
  grid-auto-rows: auto 1fr;
  gap: 15px;
  height: 100%;
  padding: 20px 16px;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .p-icon-box {
    grid-template-areas: "img hd" "text text";
    grid-template-columns: 113px 1fr;
  }
}
.p-icon-box.--full-text {
  grid-template-areas: "img hd" "text text";
}
.p-icon-box__img {
  grid-area: img;
  width: 85px;
  height: 85px;
}
@media screen and (min-width: 641px) {
  .p-icon-box__img {
    width: 113px;
    height: 113px;
  }
}
.p-icon-box__hd-area {
  display: flex;
  flex-direction: column;
  grid-area: hd;
  justify-content: center;
}
.p-icon-box__text {
  display: grid;
  grid-area: text;
}
@media screen and (min-width: 641px) {
  .p-icon-box__text.--pc-2column {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-icon-box__hd {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .p-icon-box__hd {
    font-size: 24px;
  }
}
.p-icon-box__hd small {
  display: none;
}
@media screen and (min-width: 641px) {
  .p-icon-box__hd small {
    display: block;
    font-size: 16px;
  }
}
.p-icon-box__lead {
  font-weight: bold;
  line-height: 1.5;
  color: #007bbc;
}
@media screen and (min-width: 641px) {
  .p-icon-box__lead {
    font-size: 18px;
  }
}
.p-icon-box__list {
  grid-area: text;
}
@media screen and (min-width: 641px) {
  .p-icon-box__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-icon-box-vertical {
  background-color: #fff;
  padding: 24px;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.p-icon-box-vertical__hd {
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
.p-icon-box-vertical__img-group {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.p-icon-box-vertical__img-group img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.p-icon-box-vertical__note {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}
.p-icon-box-vertical .c-ul li::before {
  margin-top: 10px;
}

/* base */
.p-keyword-top {
  display: grid;
  grid-template-areas: "item1" "item2" "item3" "item4" "item5";
  gap: 16px;
}
@media screen and (min-width: 641px) {
  .p-keyword-top {
    grid-template-areas: "item1 item1 item1 item2 item2 item2" "item3 item3 item4 item4 item5 item5";
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 18px;
  }
}
.p-keyword-top__item:first-child {
  grid-area: item1;
}
.p-keyword-top__item:nth-child(2) {
  grid-area: item2;
}
.p-keyword-top__item:nth-child(3) {
  grid-area: item3;
}
.p-keyword-top__item:nth-child(4) {
  grid-area: item4;
}
.p-keyword-top__item:nth-child(5) {
  grid-area: item5;
}
@media screen and (min-width: 641px) {
  .p-keyword-top__item:first-child .p-keyword-top__title-main h2, .p-keyword-top__item:nth-child(2) .p-keyword-top__title-main h2 {
    margin-top: 0;
  }
}
.p-keyword-top__title {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  padding: 3px;
  background: linear-gradient(135deg, #2fe0b6 0%, #0092e0 40%, #0065bc 100%);
}
@media screen and (min-width: 641px) {
  .p-keyword-top__title {
    grid-template-columns: 85px 1fr;
    height: 175px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-keyword-top__title:hover .p-keyword-top__title-button:after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="0" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23003AA7" opacity="1"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
  }
}
.p-keyword-top__title > button {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.p-keyword-top__title-deco {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 12px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .p-keyword-top__title-deco {
    flex-direction: column;
    padding: 0;
    font-size: 13px;
  }
}
.p-keyword-top__title-deco img {
  height: 30px;
}
@media screen and (min-width: 641px) {
  .p-keyword-top__title-deco img {
    height: 44px;
  }
}
.p-keyword-top__title-deco::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: inline-block;
  width: 62px;
  height: 89px;
  content: "";
  background-image: url("/hvac-cc/peseng/assets/img/about/keyword/deco_sharp.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 641px) {
  .p-keyword-top__title-deco::before {
    top: 15px;
    left: -6px;
    width: 100px;
    height: 143px;
    transform: none;
  }
}
.p-keyword-top__title-main {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 30px 16px 58px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.08em;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .p-keyword-top__title-main {
    padding: 0;
    font-size: 22px;
  }
}
.p-keyword-top__title-text {
  position: relative;
  min-width: 138px;
  padding: 8px 16px;
  line-height: 1.3636363636;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-keyword-top__title-text {
    padding: 8px 25px;
    margin-top: -20px;
  }
}
.p-keyword-top__title-text::before, .p-keyword-top__title-text::after {
  position: absolute;
  display: inline-block;
  width: 12.63px;
  height: 14.35px;
  content: "";
  background-image: url("/hvac-cc/peseng/assets/img/about/keyword/deco_kakko.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.p-keyword-top__title-text::before {
  top: 0;
  left: 0;
}
.p-keyword-top__title-text::after {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}
.p-keyword-top__title-button {
  position: absolute;
  right: 26px;
  bottom: 16px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.p-keyword-top__title-button::after {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  margin-top: 2px;
  margin-left: 4px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="0" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23003AA7" opacity="0.2"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
}

.p-keyword-bottom {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom {
    margin-top: 80px;
  }
}
.p-keyword-bottom__item-area {
  padding: 20px 15px 40px;
  margin-inline: -15px;
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom__item-area {
    padding-inline: 45px;
    margin-inline: 0;
  }
}
.p-keyword-bottom__item-area + .p-keyword-bottom__item-area {
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom__item-area + .p-keyword-bottom__item-area {
    margin-top: 56px;
  }
}
.p-keyword-bottom__item-area-title {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom__item-area-title {
    flex-direction: row;
    gap: 30px;
    margin-left: -100px;
    font-size: 30px;
  }
}
.p-keyword-bottom__item-area-title img {
  height: 30px;
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom__item-area-title img {
    height: 44px;
  }
}
.p-keyword-bottom__item-area-title > h2 {
  margin-top: -20px;
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom__item-area-title > h2 {
    margin-top: 10px;
  }
}
.p-keyword-bottom__item-area-title-deco {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom__item-area-title-deco {
    flex-direction: column;
    font-size: 13px;
  }
}
.p-keyword-bottom__item-area-title-deco::before {
  position: absolute;
  top: -26px;
  left: 10px;
  z-index: 1;
  display: inline-block;
  width: 62px;
  height: 88px;
  content: "";
  background-image: url("/hvac-cc/peseng/assets/img/about/keyword/deco_sharp.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom__item-area-title-deco::before {
    top: -20px;
    left: -20px;
    width: 100px;
    height: 143px;
  }
}
.p-keyword-bottom__item-group {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom__item-group {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px;
  }
}
@media screen and (min-width: 641px) {
  .p-keyword-bottom__item-group.--pc-2column {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-keyword-bottom__title {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .p-keyword-bottom__title:hover > p::after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="0" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23003AA7" opacity="1"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
  }
}
.p-keyword-bottom__title > div {
  background-color: #fff;
}
.p-keyword-bottom__title > div:has(img) {
  text-align: center;
}
.p-keyword-bottom__more {
  position: absolute;
  right: 20px;
  bottom: 14px;
  display: flex;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.p-keyword-bottom__more::after {
  width: 24px;
  height: 24px;
  margin-top: 4px;
  margin-left: 4px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="0" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23003AA7" opacity="0.2"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
}
.p-keyword-bottom__title-text {
  padding-block: 8px;
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
}
.p-keyword-bottom__title-img {
  margin-bottom: 48px;
}

.p-keyword-modal {
  position: fixed;
  inset: 0;
}
.p-keyword-modal__trigger {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.p-keyword-modal__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 113px;
  padding-left: 60px;
  overflow: hidden;
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
@media screen and (min-width: 641px) {
  .p-keyword-modal__title {
    padding-left: 48px;
  }
}
.p-keyword-modal__title-inner {
  position: relative;
  width: fit-content;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .p-keyword-modal__title-inner {
    font-size: 30px;
  }
}
.p-keyword-modal__title-inner h3 {
  max-width: 250px;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .p-keyword-modal__title-inner h3 {
    max-width: inherit;
  }
}
.p-keyword-modal__title-deco {
  position: absolute;
  top: 50%;
  left: -100px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  width: 120px;
  height: 113px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}
@media screen and (min-width: 641px) {
  .p-keyword-modal__title-deco {
    top: -40px;
    left: -120px;
    transform: none;
  }
}
.p-keyword-modal__title-deco img {
  height: 43px;
}
.p-keyword-modal__title-deco::before {
  position: absolute;
  top: -20px;
  left: 14px;
  z-index: 1;
  display: inline-block;
  width: 113px;
  height: 161px;
  content: "";
  background-image: url("/hvac-cc/peseng/assets/img/about/keyword/deco_sharp.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 641px) {
  .p-keyword-modal__title-deco::before {
    top: -10px;
    left: 14px;
  }
}
.p-keyword-modal__title-deco > span {
  display: block;
  line-height: 1;
}
.p-keyword-modal__main {
  max-height: 400px;
  padding: 32px 24px 40px;
  overflow: auto;
}
@media screen and (min-width: 641px) {
  .p-keyword-modal__main {
    max-height: calc(100vh - 113px - 120px);
    padding: 40px 50px;
  }
}
.p-keyword-modal__main h3 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.p-keyword-modal__main > p + p {
  margin-top: 40px;
}

/* base */
.p-link-card {
  display: block;
  transition: all 0.3s;
}
.p-link-card[data-hover=true] .p-link-card__text-area::after {
  display: block;
  width: var(--size);
  height: var(--size);
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
  --size: 24px;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="1" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23fff" opacity="0"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23007bbc"/></svg>');
}
@media (hover: hover) and (pointer: fine) {
  .p-link-card[data-hover=true]:hover {
    padding-top: 15px;
    margin: -15px;
    margin-bottom: 0;
    box-shadow: 3px 3px 20px rgba(0, 78, 119, 0.15);
  }
  .p-link-card[data-hover=true]:hover .p-link-card__img {
    padding-inline: 15px;
  }
  .p-link-card[data-hover=true]:hover .p-link-card__text-area {
    margin-inline: 15px;
  }
  .p-link-card[data-hover=true]:hover .p-link-card__text-area::before {
    height: 100%;
  }
  .p-link-card[data-hover=true]:hover .p-link-card__text-area::after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="0" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23007BBC" opacity="0.5"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
  }
}
.p-link-card[data-grow=true] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.p-link-card[data-grow=true] .p-link-card__text-area {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.p-link-card[data-grow=true] .p-link-card__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.p-link-card[data-grow=true] .p-link-card__button {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 641px) {
  .p-link-card[data-grow=true] .p-link-card__button {
    align-items: flex-end;
  }
}
.p-link-card img {
  max-width: 100%;
}
.p-link-card:has(.c-button) .p-link-card__text-area::before, .p-link-card:has(.c-button) .p-link-card__text-area::after {
  display: none;
}
.p-link-card:has(.c-button) .p-link-card__hd {
  position: relative;
  padding-left: 14px;
  font-size: 18px;
}
@media screen and (min-width: 641px) {
  .p-link-card:has(.c-button) .p-link-card__hd {
    padding-left: 28px;
    font-size: 24px;
  }
}
.p-link-card:has(.c-button) .p-link-card__hd::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 100%;
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
.p-link-card:has(.c-button) .p-link-card__text {
  margin-left: 16px;
}
@media screen and (min-width: 641px) {
  .p-link-card:has(.c-button) .p-link-card__text {
    margin-left: 30px;
  }
}
.p-link-card:has(.c-button) .p-link-card__img {
  aspect-ratio: 3/2;
}
.p-link-card:has(.c-button) .p-link-card__button {
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-link-card:has(.c-button) .p-link-card__button {
    margin-top: 20px;
  }
}
.p-link-card:has(.c-button) .p-link-card__button .c-button {
  width: 294px;
}
@media screen and (min-width: 641px) {
  .p-link-card:has(.c-button) .p-link-card__button .c-button {
    width: inherit;
  }
}
@media screen and (min-width: 641px) {
  .p-link-card:has(.c-button) .p-link-card__button {
    display: flex;
    justify-content: flex-end;
  }
}
.p-link-card.--pamphlet .p-link-card__hd {
  font-size: 16px;
}
.p-link-card.--pamphlet .p-link-card__button .c-button {
  width: fit-content;
  margin-left: auto;
  padding-right: 45px;
  display: flex;
  margin-top: 10px;
  height: 40px;
}
.p-link-card.--pc-2column {
  display: grid;
}
@media screen and (min-width: 641px) {
  .p-link-card.--pc-2column {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media screen and (min-width: 641px) {
  .p-link-card.--pc-2column > div:first-child {
    order: 1;
  }
}
.p-link-card.--img-square .p-link-card__img {
  aspect-ratio: 3/2;
}
@media screen and (min-width: 641px) {
  .p-link-card.--img-square .p-link-card__img {
    aspect-ratio: 1/1;
  }
}
.p-link-card.--img-bg {
  padding-inline: 15px;
}
@media screen and (min-width: 641px) {
  .p-link-card.--img-bg {
    padding-inline: 0;
  }
}
.p-link-card.--img-bg .p-link-card__img {
  max-width: 250px;
  margin-inline: auto;
  background-color: #fff;
  aspect-ratio: 304/430;
}
.p-link-card.--img-bg .p-link-card__img img {
  object-fit: contain;
}
@media screen and (min-width: 641px) {
  .p-link-card.--img-bg .p-link-card__img {
    max-width: inherit;
  }
}
.p-link-card.--img-bg .p-link-card__hd {
  color: #007bbc;
}
@media (hover: hover) and (pointer: fine) {
  .p-link-card.--img-bg:hover {
    padding-top: 0;
    margin-top: 0;
  }
}
.p-link-card__img {
  overflow: hidden;
  transition: all 0.3s;
  position: relative;
}
.p-link-card__img.--ratio32 {
  aspect-ratio: 3/2;
}
.p-link-card__img.--disabled:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
}
.p-link-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-link-card__img-overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-weight: bold;
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.05em;
}
.p-link-card__text-area {
  position: relative;
  transition: all 0.3s;
}
@media screen and (min-width: 641px) {
  .p-link-card__text-area {
    padding-bottom: 15px;
  }
}
.p-link-card__text-area::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 52px;
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  transition: all 0.3s;
}
.p-link-card__hd {
  padding-top: 10px;
  padding-bottom: 8px;
  padding-left: 18px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.p-link-card__lead {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5833333333;
  color: #007bbc;
}
@media screen and (min-width: 641px) {
  .p-link-card__lead {
    font-size: 18px;
  }
}
.p-link-card__text {
  margin-left: 20px;
}
.p-link-card__category {
  margin-top: 8px;
  margin-left: 18px;
}
.p-link-card__category li:not(:has(ul)) {
  height: 24px;
  font-size: 12px;
}

/* base */
.p-link-section {
  position: relative;
  height: 638px;
  padding: 24px 15px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
@media screen and (min-width: 641px) {
  .p-link-section {
    height: auto;
    padding: 48px 20px;
  }
}
.p-link-section + .p-link-section {
  margin-top: 40px;
}
.p-link-section picture {
  position: absolute;
  inset: 0;
  display: flex;
}
.p-link-section picture img {
  width: 100%;
  object-fit: cover;
}
.p-link-section.--top {
  margin-top: 110px;
}
@media screen and (min-width: 641px) {
  .p-link-section.--top {
    margin-top: 125px;
  }
}
.p-link-section.--reverse .p-link-section__box {
  margin-inline: auto 0;
}
.p-link-section__container {
  width: 100%;
  max-width: 1136px;
  margin: 0 auto;
}
.p-link-section__box {
  position: relative;
  z-index: 1;
  max-width: 574px;
  padding-right: 24px;
  padding-bottom: 36px;
  padding-left: 24px;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .p-link-section__box {
    padding-right: 40px;
    padding-bottom: 38px;
    padding-left: 54px;
  }
}
.p-link-section__box-inner {
  position: relative;
  padding-top: 38px;
  padding-left: 18px;
  line-height: 1.6875;
}
@media screen and (min-width: 641px) {
  .p-link-section__box-inner {
    padding-top: 64px;
    line-height: 2;
  }
}
.p-link-section__box-inner::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  flex-shrink: 0;
  width: 2px;
  height: 100%;
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
.p-link-section__box-inner > div {
  margin-top: 27px;
}
.p-link-section__button-area {
  margin-inline: -8px;
  margin-top: 30px;
  text-align: right;
}
@media screen and (min-width: 641px) {
  .p-link-section__button-area {
    margin-inline: 0;
  }
}
.p-link-section__button-area .c-button + .c-button {
  margin-top: 10px;
}

/* base */
.p-local-nav {
  position: relative;
  z-index: 1;
  padding: 15px;
  margin-top: 60px;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .p-local-nav {
    padding: 30px;
  }
}
@media screen and (min-width: 641px) {
  .p-local-nav.--pc-2column ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-local-nav.--bg-none {
  background-color: unset;
  padding: 0;
}
.p-local-nav.--bg-none ul li a {
  background-color: #fff;
  border: none;
  height: auto;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  padding: 16px 16px 40px;
}
@media screen and (min-width: 641px) {
  .p-local-nav.--bg-none ul li a {
    height: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-local-nav.--bg-none ul li a:hover span:after {
    height: 100%;
    width: 2px;
    background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  }
}
.p-local-nav.--bg-none ul li a:after {
  top: auto;
  transform: none;
  bottom: 16px;
  right: 16px;
}
.p-local-nav.--bg-none ul li a span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 48px;
  transition: height 0.3s;
}
.p-local-nav.--bg-none ul li a p {
  margin-top: 16px;
  color: #171717;
  font-weight: normal;
}
.p-local-nav ul {
  display: grid;
  gap: 15px;
}
@media screen and (min-width: 641px) {
  .p-local-nav ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
.p-local-nav ul li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 80px;
  padding-inline: 10px;
  font-weight: bold;
  color: #007bbc;
  border: 1px solid #c7c7c7;
  transition: all 0.3s;
}
@media screen and (min-width: 641px) {
  .p-local-nav ul li a {
    height: 100px;
    padding-inline: 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-local-nav ul li a:hover {
    border-color: transparent;
    box-shadow: 3px 3px 20px rgba(0, 78, 119, 0.15);
    transform: scale(1.05);
  }
  .p-local-nav ul li a:hover::after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="1" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23007BBC" opacity="1"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
  }
  .p-local-nav ul li a:hover span::after {
    width: 240px;
  }
}
.p-local-nav ul li a:has(img) {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 10px;
}
@media screen and (min-width: 641px) {
  .p-local-nav ul li a:has(img) {
    grid-template-columns: 80px 1fr;
    gap: 15px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-local-nav ul li a:has(img):hover span::after {
    width: 222px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 641px) {
  .p-local-nav ul li a:has(img):hover span::after {
    width: 156px;
  }
}
.p-local-nav ul li a:has(img) span::after {
  width: 100px;
}
.p-local-nav ul li a:has(img) img {
  max-width: 100%;
}
.p-local-nav ul li a::after {
  --size: 24px;
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-block;
  width: var(--size);
  height: var(--size);
  content: "";
  background-size: contain;
  transition: all 0.3s;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="1" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23fff" opacity="1"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23007bbc"/></svg>');
}
@media screen and (min-width: 641px) {
  .p-local-nav ul li a::after {
    right: 20px;
  }
}
.p-local-nav ul li a span {
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: 1.3;
}
.p-local-nav ul li a span::after {
  display: inline-block;
  width: 255px;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  transition: width 0.3s;
}
@media screen and (min-width: 641px) {
  .p-local-nav ul li a span::after {
    width: 170px;
  }
}

/* base */
.p-modal {
  position: relative;
}
.p-modal iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.p-modal__body {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.p-modal__body.is-open {
  z-index: 10000;
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.p-modal__container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 900px;
  background-color: #fff;
}
.p-modal__close-button {
  --size: 43px;
  position: absolute;
  top: calc(var(--size) * -1 - 6px);
  right: 0;
  display: block;
  width: var(--size);
  height: var(--size);
  content: "";
  background-image: url("/hvac-cc/peseng/assets/img/common/icon_close.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 641px) {
  .p-modal__close-button {
    right: calc(var(--size) * -1 - 32px);
  }
}
.p-modal__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.p-modal__inner {
  padding: 24px 40px;
  line-height: 2;
}
.p-modal__button-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  margin-top: 24px;
}
@media screen and (min-width: 641px) {
  .p-modal__button-wrap {
    flex-direction: row;
  }
}

/* base */
.p-news-list__item > a {
  position: relative;
  display: grid;
  grid-template-areas: "date label" "title title";
  grid-template-columns: auto 1fr;
  gap: 8px;
  padding: 16px 74px 16px 4px;
  line-height: 1.6875;
  border-bottom: 1px solid #c7c7c7;
}
@media screen and (min-width: 1280px) {
  .p-news-list__item > a {
    grid-template-areas: "date label title";
    grid-template-columns: 112px 122px 1fr;
    gap: 12px;
    align-items: center;
    padding: 22px 74px 22px 4px;
    line-height: 1.5;
  }
}
.p-news-list__item > a > time {
  grid-area: date;
}
.p-news-list__item > a[href]::after {
  --size: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: var(--size);
  height: var(--size);
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="1" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23fff" opacity="0"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23007bbc"/></svg>');
}
@media screen and (min-width: 1280px) {
  .p-news-list__item > a[href]::after {
    right: 14px;
  }
}
.p-news-list__item > a[href]::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #007bbc;
  transition: all 0.3s;
  transform: scale(0, 1);
  transform-origin: left top;
}
@media (hover: hover) and (pointer: fine) {
  .p-news-list__item > a[href]:hover::before {
    transform: scale(1, 1);
  }
  .p-news-list__item > a[href]:hover::after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="0.5" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23007BBC" opacity="0.5"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
  }
}
.p-news-list__item-label {
  grid-area: label;
  margin-top: 2px;
}
.p-news-list__item-label-inner {
  width: 92px;
  height: 24px;
  padding: 0 2px;
  font-size: 12px;
  line-height: 1;
  background-color: transparent;
}
.p-news-list__item-title {
  grid-area: title;
}

/* base */
.p-news {
  display: grid;
}
@media screen and (min-width: 641px) {
  .p-news {
    grid-template-columns: 170px 1fr;
    gap: 40px;
  }
}
.p-news:has(li:first-child .is-year-current):has(.p-news__accordion-body.is-open) .p-news__accordion-trigger::after {
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23fff" opacity="1" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23fff" opacity="0"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
}
.p-news__accordion-body {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  letter-spacing: 0;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s;
}
.p-news__accordion-body.is-open {
  pointer-events: auto;
  opacity: 1;
}
.p-news__accordion-body li:not(:first-child) a {
  border-top: none;
}
@media screen and (min-width: 641px) {
  .p-news__accordion-body li:first-child a {
    padding-right: 26px;
  }
}
.p-news__accordion-body li input {
  opacity: 0;
}
.p-news__accordion-body li a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  color: #007bbc;
  background-color: #fff;
  border: 1px solid #007bbc;
}
@media screen and (min-width: 641px) {
  .p-news__accordion-body li a {
    height: 50px;
  }
}
.p-news__accordion-body li a.is-year-current {
  color: #fff;
  background-color: #007bbc;
}
.p-news__year-area {
  padding: 20px;
  margin-inline: -15px;
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-news__year-area {
    margin-inline: 0;
  }
}
.p-news__year-area:has(li:only-child) .p-news__accordion-trigger {
  pointer-events: none;
}
.p-news__year-area:has(li:only-child) .p-news__accordion-trigger::after {
  display: none;
}
.p-news__year-area > div {
  position: relative;
  width: 294px;
  height: 56px;
  margin-inline: auto;
}
@media screen and (min-width: 641px) {
  .p-news__year-area > div {
    width: 126px;
    height: 50px;
  }
}
.p-news__accordion-trigger {
  position: relative;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #007bbc;
  background-color: #fff;
  border: 1px solid #007bbc;
}
@media screen and (min-width: 641px) {
  .p-news__accordion-trigger {
    padding-right: 26px;
  }
}
.p-news__accordion-trigger::after {
  position: absolute;
  top: 50%;
  right: 14px;
  z-index: 100;
  width: 24px;
  height: 24px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%) rotate(90deg) scale(0.75);
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="1" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23fff" opacity="0"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23007bbc"/></svg>');
}
.p-news__main {
  padding-top: 20px;
}
.p-news__tab-area::after {
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
.p-news__tab-area ul {
  display: flex;
}
.p-news__tab-area label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding-inline: 20px;
  font-size: 14px;
  color: #007bbc;
  cursor: pointer;
}
@media screen and (min-width: 641px) {
  .p-news__tab-area label {
    height: 40px;
    padding-inline: 32px;
    font-size: 16px;
  }
}
.p-news__tab-area label.is-current {
  color: #fff;
  pointer-events: none;
  background-color: #007bbc;
  border-radius: 4px 4px 0 0;
}
.p-news__tab-area label.is-current::after {
  display: none;
}
.p-news__tab-area label:has(input:focus) {
  outline: #007bbc dotted 3px;
}
.p-news__tab-area label:has(input:focus:not(:focus-visible)) {
  outline: none;
}
.p-news__tab-area label input {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.p-news__tab-area li:not(:last-child) label::after {
  position: absolute;
  right: 0;
  bottom: 2px;
  width: 1px;
  height: 26px;
  content: "";
  background-color: #c7c7c7;
}
@media screen and (min-width: 641px) {
  .p-news__tab-area li:not(:last-child) label::after {
    bottom: 6px;
  }
}

/* base */
.p-number-list {
  display: grid;
  gap: 30px;
}
@media screen and (min-width: 641px) {
  .p-number-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 100px;
  }
}
.p-number-list__hd {
  position: relative;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 641px) {
  .p-number-list__hd {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.p-number-list__hd img {
  height: 66px;
}
@media screen and (min-width: 641px) {
  .p-number-list__hd img {
    height: 85px;
  }
}
.p-number-list__hd > span {
  display: inline-block;
  margin-top: -10px;
  margin-left: -20px;
  vertical-align: middle;
}
@media screen and (min-width: 641px) {
  .p-number-list__hd > span {
    margin-top: -20px;
  }
}
.p-number-list__img {
  width: 100%;
}
.p-number-list__text {
  padding-left: 17px;
}
@media screen and (min-width: 641px) {
  .p-number-list__text {
    padding-left: 32px;
  }
}
.p-number-list__lead {
  min-height: 72px;
  padding-block: 10px;
  padding-left: 15px !important;
}
@media screen and (min-width: 641px) {
  .p-number-list__lead {
    min-height: 85px;
    padding-block: 14px;
    padding-left: 30px !important;
  }
}

/* base */
.p-office-slider {
  position: relative;
}
.p-office-slider__inner {
  overflow: hidden;
}
.p-office-slider .swiper-slide {
  width: 100%;
  aspect-ratio: 3/2;
}
.p-office-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-office-slider .swiper-button-prev,
.p-office-slider .swiper-button-next {
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><g fill="none" stroke="%23007bbc" stroke-width="1"><circle cx="21.5" cy="21.5" r="21.5" stroke="none"/><circle cx="21.5" cy="21.5" r="21" fill="%23fff"/></g><path d="M14.759,9l-1.874,1.874,6.088,6.1-6.088,6.1,1.874,1.874,7.975-7.975Z" transform="translate(3.69 4.525)" fill="%23007bbc"/></svg>');
  position: relative;
  inset: auto;
  top: 12px;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
}
.p-office-slider .swiper-button-prev::after,
.p-office-slider .swiper-button-next::after {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .p-office-slider .swiper-button-prev:hover,
  .p-office-slider .swiper-button-next:hover {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><g fill="none" stroke="%23fff" stroke-width="1"><circle cx="21.5" cy="21.5" r="21.5" stroke="none"/><circle cx="21.5" cy="21.5" r="21" fill="%23007bbc"/></g><path d="M14.759,9l-1.874,1.874,6.088,6.1-6.088,6.1,1.874,1.874,7.975-7.975Z" transform="translate(3.69 4.525)" fill="%23fff"/></svg>');
  }
}
.p-office-slider .swiper-button-prev {
  transform: scale(-1, 1);
}
.p-office-slider__button-and-pagination {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  width: 164px;
  margin-inline: auto;
  margin-top: 8px;
}
.p-office-slider__button-and-pagination .swiper-pagination {
  position: relative;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
}

/* base */
.p-page {
  padding-top: 20px;
}
@media screen and (min-width: 641px) {
  .p-page {
    padding-top: 36px;
  }
}
.p-page__main {
  padding-top: 40px;
}
@media screen and (min-width: 641px) {
  .p-page__main {
    min-height: 500px;
    padding-top: 60px;
  }
}
.p-page__section + .p-page__section {
  margin-top: 56px;
}
@media screen and (min-width: 641px) {
  .p-page__section + .p-page__section {
    margin-top: 80px;
  }
}
.p-page__section figure figcaption {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.3;
}
.p-page__section.--pale-blue {
  padding-block: 56px;
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-page__section.--pale-blue {
    padding-block: 80px;
  }
}
.p-page .--pale-blue + .--pale-blue {
  padding-top: 0;
  margin-top: 0;
}
.p-page__section-inner {
  margin-top: 20px;
}
.p-page__section-inner[data-gap=true] > * + * {
  margin-top: 20px;
}
.p-page__section-inner[data-gap-l=true] > * + * {
  margin-top: 40px;
}
.p-page__section-inner[data-gap-xl=true] > * + * {
  margin-top: 60px;
}
.p-page__section-inner > div[data-gap=true] > * + * {
  margin-top: 20px;
}
.p-page__section-inner > div[data-gap-l=true] > * + * {
  margin-top: 40px;
}
.p-page__lead {
  margin-bottom: 25px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-page__lead {
    margin-bottom: 48px;
  }
}
.p-page__lead.--sp-left {
  text-align: left;
}
@media screen and (min-width: 641px) {
  .p-page__lead.--sp-left {
    text-align: center;
  }
}

/* base */
.p-recruit-top-news {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .p-recruit-top-news {
    margin-top: 45px;
  }
}

.p-recruit-top-message {
  position: relative;
  padding-bottom: 140px;
}
@media screen and (min-width: 641px) {
  .p-recruit-top-message {
    padding-bottom: 80px;
  }
}
.p-recruit-top-message::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 170px;
  content: "";
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-recruit-top-message::before {
    height: 114px;
  }
}
.p-recruit-top-message__title {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-recruit-top-message__title {
    text-align: left;
  }
}
.p-recruit-top-message__lead {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3636363636;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-recruit-top-message__lead {
    font-size: 30px;
    text-align: left;
  }
}
.p-recruit-top-message__main {
  margin-top: 40px;
}
.p-recruit-top-message__main > div {
  display: grid;
  gap: 40px;
  margin-top: 24px;
}
@media screen and (min-width: 641px) {
  .p-recruit-top-message__main > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 641px) {
  .p-recruit-top-message__main > div > div {
    order: -1;
  }
}
.p-recruit-top-message__button-area {
  margin-top: 40px;
  text-align: center;
}
.p-recruit-top-message__button-area p {
  color: #007bbc;
}
.p-recruit-top-message__button-area a {
  margin-top: 10px;
}

/* base */
.p-sdgs-box {
  display: grid;
  grid-template-areas: "logo" "img" "text";
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .p-sdgs-box {
    grid-template: auto 1fr/repeat(2, 1fr);
    grid-template-areas: "img logo" "img text";
  }
}
.p-sdgs-box img {
  max-width: 100%;
}
.p-sdgs-box__title {
  grid-area: logo;
  padding-block: 24px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-sdgs-box__title {
    padding-block: 50px 0;
  }
}
.p-sdgs-box__title > img {
  max-width: 262px;
}
@media screen and (min-width: 641px) {
  .p-sdgs-box__title > img {
    max-width: 356px;
  }
}
.p-sdgs-box__img-area {
  grid-area: img;
}
.p-sdgs-box__img-area > div {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 5px;
  padding: 5px;
}
@media screen and (min-width: 641px) {
  .p-sdgs-box__img-area > div {
    grid-template-columns: repeat(9, 1fr);
  }
}
.p-sdgs-box__text-area {
  grid-area: text;
  padding: 20px 15px 25px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-sdgs-box__text-area {
    padding: 40px 30px 55px;
  }
}
.p-sdgs-box__text-area > div {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: left;
}

.p-sdgs:first-child {
  margin-top: 14px;
}
@media screen and (min-width: 641px) {
  .p-sdgs:first-child {
    margin-top: 38px;
  }
}
.p-sdgs + .p-sdgs {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .p-sdgs + .p-sdgs {
    margin-top: 120px;
  }
}
.p-sdgs figure figcaption {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.3;
}
.p-sdgs__img.--thin {
  display: flex;
  max-width: 273px;
  margin-inline: auto;
}
@media screen and (min-width: 641px) {
  .p-sdgs__img.--thin {
    max-width: 100%;
  }
}
.p-sdgs__hd-area {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  padding: 10px;
  text-align: center;
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-sdgs__hd-area {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}
.--pale-blue .p-sdgs__hd-area {
  background-color: #fff;
}
.p-sdgs__hd-area > div {
  display: flex;
  gap: 10px;
}
.p-sdgs__hd-area > div img {
  --size: 56px;
  width: var(--size);
  height: var(--size);
}
@media screen and (min-width: 641px) {
  .p-sdgs__hd-area > div img {
    --size: 80px;
  }
}
.p-sdgs__hd {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #007bbc;
}
@media screen and (min-width: 641px) {
  .p-sdgs__hd {
    font-size: 24px;
  }
}
.p-sdgs__text-area {
  margin-block: 20px;
}
@media screen and (min-width: 641px) {
  .p-sdgs__text-area {
    margin-block: 25px 40px;
  }
}
.p-sdgs__text-area img {
  max-width: 100%;
  object-fit: cover;
}
.p-sdgs__text-area div[data-gap=true] > * + * {
  margin-top: 20px;
}

/* base */
.p-slider {
  background-color: #fff;
}
.p-slider__container {
  position: relative;
  padding-bottom: 6px;
}
@media screen and (min-width: 641px) {
  .p-slider__container {
    padding-block: 40px 25px;
  }
}
.p-slider__inner {
  max-width: 660px;
  aspect-ratio: 375/200;
  margin-inline: -15px;
  overflow: hidden;
}
@media screen and (min-width: 641px) {
  .p-slider__inner {
    margin-inline: auto;
  }
}
.p-slider .swiper-slide {
  width: 100%;
  aspect-ratio: 660/346;
}
@media screen and (min-width: 641px) {
  .p-slider .swiper-slide {
    width: 660px;
    height: 346px;
  }
}
.p-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-slider .swiper-button-prev,
.p-slider .swiper-button-next {
  top: calc(50% - 24px);
  width: 43px;
  height: 43px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><g fill="none" stroke="%23007bbc" stroke-width="1"><circle cx="21.5" cy="21.5" r="21.5" stroke="none"/><circle cx="21.5" cy="21.5" r="21" fill="%23fff"/></g><path d="M14.759,9l-1.874,1.874,6.088,6.1-6.088,6.1,1.874,1.874,7.975-7.975Z" transform="translate(3.69 4.525)" fill="%23007bbc"/></svg>');
  transition: all 0.3s;
}
@media screen and (min-width: 641px) {
  .p-slider .swiper-button-prev,
  .p-slider .swiper-button-next {
    top: calc(50% - 14px);
  }
}
.p-slider .swiper-button-prev::after,
.p-slider .swiper-button-next::after {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .p-slider .swiper-button-prev:hover,
  .p-slider .swiper-button-next:hover {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><g fill="none" stroke="%23fff" stroke-width="1"><circle cx="21.5" cy="21.5" r="21.5" stroke="none"/><circle cx="21.5" cy="21.5" r="21" fill="%23007bbc"/></g><path d="M14.759,9l-1.874,1.874,6.088,6.1-6.088,6.1,1.874,1.874,7.975-7.975Z" transform="translate(3.69 4.525)" fill="%23fff"/></svg>');
  }
}
.p-slider .swiper-button-prev {
  transform: scale(-1, 1);
}
.p-slider__button-and-pagination {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
.p-slider__button-and-pagination .swiper-pagination {
  position: relative;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  margin-bottom: 6px;
}
.p-slider__button-and-pagination .swiper-pagination .swiper-pagination-bullet {
  background-color: #007bbc;
  opacity: 0.2;
}
.p-slider__button-and-pagination .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.p-slider__button-and-pagination .swiper-pause {
  width: 25px;
  height: 25px;
}
.p-slider__button-and-pagination .swiper-pause::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
  background-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><g fill='none' stroke='%23007bbc' stroke-width='1'><circle cx='12.5' cy='12.5' r='12.5' stroke='none'/><circle cx='12.5' cy='12.5' r='12' fill='none'/></g><g transform='translate(-590.033 -794.5)'><g transform='translate(-0.524)'><path d='M1,9H-1V0H1Z' transform='translate(600.399 802.499)' fill='%23007bbc'/><path d='M1,9H-1V0H1Z' transform='translate(605.715 802.499)' fill='%23007bbc'/></g></g></svg>");
}
@media (hover: hover) and (pointer: fine) {
  .p-slider__button-and-pagination .swiper-pause:hover::before {
    background-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><g fill='%23007bbc' stroke='%23007bbc' stroke-width='1'><circle cx='12.5' cy='12.5' r='12.5' stroke='none'/><circle cx='12.5' cy='12.5' r='12' fill='none'/></g><g transform='translate(-590.033 -794.5)'><g transform='translate(-0.524)'><path d='M1,9H-1V0H1Z' transform='translate(600.399 802.499)' fill='%23ffffff'/><path d='M1,9H-1V0H1Z' transform='translate(605.715 802.499)' fill='%23ffffff'/></g></g></svg>");
  }
}
.p-slider__button-and-pagination .swiper-pause.is-pause::before {
  background-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><g transform='translate(-1004.849 -881.157)'><g transform='translate(1004.849 881.157)' fill='none' stroke='%23007bbc' stroke-width='1'><circle cx='12.5' cy='12.5' r='12.5' stroke='none'/><circle cx='12.5' cy='12.5' r='12' fill='none'/></g><path d='M5.5,0,11,10.151H0Z' transform='translate(1023.424 888.157) rotate(90)' fill='%23007bbc'/></g></svg>");
}
@media (hover: hover) and (pointer: fine) {
  .p-slider__button-and-pagination .swiper-pause.is-pause:hover::before {
    background-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><g transform='translate(-1004.849 -881.157)'><g transform='translate(1004.849 881.157)' fill='%23007bbc' stroke='%23007bbc' stroke-width='1'><circle cx='12.5' cy='12.5' r='12.5' stroke='none'/><circle cx='12.5' cy='12.5' r='12' fill='none'/></g><path d='M5.5,0,11,10.151H0Z' transform='translate(1023.424 888.157) rotate(90)' fill='%23fff'/></g></svg>");
  }
}

/* base */
.p-tab {
  padding-bottom: 80px;
}
.p-tab__button-area::after {
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
.p-tab__button-area ul {
  display: flex;
}
.p-tab__button-area button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding-inline: 20px;
  font-size: 14px;
  color: #007bbc;
  cursor: pointer;
}
@media screen and (min-width: 641px) {
  .p-tab__button-area button {
    height: 40px;
    padding-inline: 32px;
    font-size: 16px;
  }
}
.p-tab__button-area button.is-current {
  color: #fff;
  pointer-events: none;
  background-color: #007bbc;
  border-radius: 4px 4px 0 0;
}
.p-tab__button-area button.is-current::after {
  display: none;
}
.p-tab__button-area button:has(input:focus) {
  outline: #007bbc dotted 3px;
}
.p-tab__button-area button:has(input:focus:not(:focus-visible)) {
  outline: none;
}
.p-tab__button-area button input {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.p-tab__button-area li:not(:last-child) label::after {
  position: absolute;
  right: 0;
  bottom: 2px;
  width: 1px;
  height: 26px;
  content: "";
  background-color: #c7c7c7;
}
@media screen and (min-width: 641px) {
  .p-tab__button-area li:not(:last-child) label::after {
    bottom: 6px;
  }
}
.p-tab__content {
  display: none;
  padding-top: 40px;
}
.p-tab__content.is-current {
  display: block;
}

/* base */
.p-tech-hero {
  position: relative;
}
@media screen and (min-width: 641px) {
  .p-tech-hero {
    padding-bottom: 40px;
  }
}
.p-tech-hero > div {
  display: grid;
  gap: 40px;
}
@media screen and (min-width: 641px) {
  .p-tech-hero > div {
    grid-template-columns: 1fr 354px;
  }
}
.p-tech-hero__text-area {
  position: relative;
  padding-left: 13px;
}
@media screen and (min-width: 641px) {
  .p-tech-hero__text-area {
    padding-left: 28px;
  }
}
.p-tech-hero__text-area::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 2px;
  height: 124px;
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
@media screen and (min-width: 641px) {
  .p-tech-hero__text-area::before {
    height: 200px;
  }
}
.p-tech-hero__text {
  position: relative;
  padding: 16px 15px 28px 28px;
  margin-inline: -28px -15px;
}
@media screen and (min-width: 641px) {
  .p-tech-hero__text {
    min-height: 256px;
    padding-block: 30px 40px;
    background-color: transparent;
  }
}
.p-tech-hero__text::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-tech-hero__text::before {
    left: calc((100vw - 990px) / -2);
    width: 100vw;
  }
}
.p-tech-hero__lead {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #007bbc;
}
@media screen and (min-width: 641px) {
  .p-tech-hero__lead {
    height: 137px;
    padding-bottom: 0;
    font-size: 24px;
  }
}
.p-tech-hero__img-area {
  position: relative;
  order: -1;
  max-width: 170px;
  aspect-ratio: 1/1;
  margin-inline: auto;
  overflow: hidden;
}
@media screen and (min-width: 641px) {
  .p-tech-hero__img-area {
    order: 0;
    max-width: 354px;
    margin-inline: 0;
  }
}
.p-tech-hero__img-area img {
  object-fit: cover;
}

/* base */
.p-tech-list {
  display: grid;
  gap: 45px 24px;
}
@media screen and (min-width: 641px) {
  .p-tech-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 24px;
  }
}
.p-tech-list li a {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
}
@media screen and (min-width: 641px) {
  .p-tech-list li a {
    flex-direction: row;
    gap: 18px;
  }
}
.p-tech-list li a img {
  width: 100%;
  aspect-ratio: 345/120;
  object-fit: cover;
}
@media screen and (min-width: 641px) {
  .p-tech-list li a img {
    width: auto;
    max-width: 180px;
    height: 190px;
    aspect-ratio: 180/190;
  }
}
.p-tech-list li a::after {
  --size: 24px;
  position: absolute;
  right: 14px;
  bottom: 10px;
  display: block;
  width: var(--size);
  height: var(--size);
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="1" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23fff" opacity="0"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23007bbc"/></svg>');
}
@media (hover: hover) and (pointer: fine) {
  .p-tech-list li a:hover {
    background-color: rgba(242, 242, 242, 0.25);
    box-shadow: 3px 3px 20px rgba(0, 78, 119, 0.15);
    transform: scale(1.05);
  }
  .p-tech-list li a:hover .p-tech-list__text-area::before {
    height: 100%;
  }
  .p-tech-list li a:hover::after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="0" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23007BBC" opacity="0.5"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23fff"/></svg>');
  }
}
.p-tech-list__text-area {
  position: relative;
  padding-left: 14px;
}
@media screen and (min-width: 641px) {
  .p-tech-list__text-area {
    padding-left: 20px;
  }
}
.p-tech-list__text-area::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  flex-shrink: 0;
  width: 2px;
  height: 68px;
  margin-right: 18px;
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  transition: height 0.3s;
}
.p-tech-list__text-area h3 {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  font-weight: 500;
  color: #007bbc;
  letter-spacing: 0;
}
.p-tech-list__text-area h3 span {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #171717;
  letter-spacing: 0.04em;
}
.p-tech-list__text-area > p {
  padding-right: 56px;
  line-height: 1.6875;
}
@media screen and (min-width: 641px) {
  .p-tech-list__text-area > p {
    padding-right: 40px;
    line-height: 1.5;
  }
}

/* base */
.p-top-about {
  position: relative;
  z-index: 0;
}
.p-top-about__title {
  text-align: center;
}
@media screen and (min-width: 1280px) {
  .p-top-about__title {
    text-align: left;
  }
}
.p-top-about__lead {
  display: grid;
  gap: 30px;
  line-height: 1.6875;
}
@media screen and (min-width: 1280px) {
  .p-top-about__lead {
    grid-template-columns: 1fr 640px;
    gap: 0;
    line-height: 2;
  }
}
.p-top-about__list-area {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
}
.p-top-about__list-wrap {
  position: relative;
  z-index: 1;
  max-width: max-content;
  margin-top: 36px;
}
@media screen and (min-width: 1280px) {
  .p-top-about__list-wrap {
    margin-top: 40px;
  }
}
.p-top-about__list {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1280px) {
  .p-top-about__list {
    flex-direction: row;
  }
}
.p-top-about__list.--bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-top-about__list.--bg li {
  border: transparent;
}
.p-top-about__list.--bg li::after {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #f2f2f2;
}
.p-top-about__list li {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border: 1px solid #c7c7c7;
  border-radius: 50%;
  --size: 330px;
}
@media screen and (min-width: 1280px) {
  .p-top-about__list li {
    --size: 350px;
  }
}
.p-top-about__list li:not(:first-child) {
  margin-top: -40px;
}
@media screen and (min-width: 1280px) {
  .p-top-about__list li:not(:first-child) {
    margin-top: 0;
    margin-left: -30px;
  }
}
.p-top-about__list li h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.1;
}
@media screen and (min-width: 1280px) {
  .p-top-about__list li h3 {
    font-size: 28px;
  }
}
.p-top-about__list li h3 span {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  color: #007bbc;
  letter-spacing: 0;
}
.p-top-about__list li > div {
  max-width: 220px;
  margin-top: 8px;
  line-height: 1.5;
}
.p-top-about__button {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 866px;
  padding-block: 20px;
  margin-top: -730px;
  overflow: hidden;
  background-color: #dee9ee;
}
@media screen and (min-width: 1280px) {
  .p-top-about__button {
    bottom: 0;
    height: 283px;
    padding-block: 30px;
    margin-top: -120px;
  }
}
.p-top-about__button::before, .p-top-about__button::after {
  position: absolute;
  display: block;
  pointer-events: none;
  content: "";
}
.p-top-about__button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 770px;
  background-color: #007bbc;
}
@media screen and (min-width: 1280px) {
  .p-top-about__button::after {
    height: 160px;
  }
}
.p-top-about__button::before {
  --size: 330px;
  bottom: -140px;
  left: 50%;
  z-index: 1;
  width: var(--size);
  height: var(--size);
  border: 1px solid rgba(199, 199, 199, 0.4);
  border-radius: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1280px) {
  .p-top-about__button::before {
    --size: 791px;
    bottom: -53px;
  }
}

/* base */
.p-top-contact {
  position: relative;
  padding-bottom: 45px;
  margin-top: 100px;
}
@media screen and (min-width: 641px) {
  .p-top-contact {
    padding-bottom: 95px;
    margin-top: 134px;
  }
}
.p-top-contact::before {
  position: absolute;
  top: 24px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-top-contact::before {
    top: 30px;
  }
}
.p-top-contact__button-area {
  margin-top: 26px;
  text-align: center;
}

/* base */
.p-top-line-title {
  position: relative;
  padding-bottom: 50px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-top-line-title {
    padding-bottom: 65px;
  }
}
.p-top-line-title::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 2px;
  height: 35px;
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  transform: translateX(-50%);
}
@media screen and (min-width: 641px) {
  .p-top-line-title::before {
    height: 50px;
  }
}

/* base */
.p-top-movie__title-area {
  position: relative;
  padding-top: 100px;
  padding-bottom: 35px;
  text-align: center;
  background-color: rgba(0, 123, 188, 0.08);
}
@media screen and (min-width: 641px) {
  .p-top-movie__title-area {
    padding-top: 90px;
    padding-bottom: 40px;
  }
}
.p-top-movie__title-area::before {
  bottom: -16px;
}
@media screen and (min-width: 641px) {
  .p-top-movie__title-area::before {
    bottom: -25px;
  }
}
.p-top-movie__list {
  display: grid;
  gap: 36px;
  margin-top: 36px;
}
@media screen and (min-width: 641px) {
  .p-top-movie__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
  }
}
.p-top-movie__button-area {
  margin-top: 40px;
  text-align: center;
}

/* base */
.p-top-mv {
  max-width: 1400px;
  padding: 42px 13px 0;
  margin: 0 -15px 15px;
}
@media screen and (min-width: 1280px) {
  .p-top-mv {
    padding-top: 80px;
    margin: 0 auto;
  }
}
.p-top-mv__catch-area {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 16px;
  max-width: 355px;
  margin-right: 10px;
  margin-left: 10px;
}
@media screen and (min-width: 641px) {
  .p-top-mv__catch-area {
    grid-template-columns: 67.1146245059% 1fr;
    gap: 8px;
    max-width: 1295px;
  }
}
@media screen and (min-width: 1280px) {
  .p-top-mv__catch-area {
    margin: 0 auto;
  }
}
.p-top-mv__catch {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 849px;
  height: 100%;
  clip-path: url("#cpath1");
}
.p-top-mv__catch img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-top-mv__catch video {
  width: 100%;
}
.p-top-mv__catch::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("/hvac-cc/peseng/assets/img/top/text_catch_02.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.p-top-mv__slider {
  position: relative;
  z-index: 0;
  height: 328px;
  margin-top: -18px;
  overflow: hidden;
}
@media screen and (min-width: 641px) {
  .p-top-mv__slider {
    height: 570px;
    margin-top: -15px;
  }
}
.p-top-mv__slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-top-mv__img-text {
  max-width: 258px;
  margin-top: -6px;
}
@media screen and (min-width: 1280px) {
  .p-top-mv__img-text {
    max-width: 416px;
    margin-top: 0;
  }
}
.p-top-mv__img-text img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-top-mv .swiper-slide-active img,
.p-top-mv .swiper-slide-duplicate-active img,
.p-top-mv .swiper-slide-prev img {
  animation: zoomUp 8s linear normal both;
}
.p-top-mv:has(.is-pause) .swiper-slide-active img,
.p-top-mv:has(.is-pause) .swiper-slide-duplicate-active img,
.p-top-mv:has(.is-pause) .swiper-slide-prev img {
  animation-play-state: paused;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
/* base */
.p-top-news {
  padding-top: 32px;
  padding-bottom: 98px;
  padding-left: 15px;
}
@media screen and (min-width: 1280px) {
  .p-top-news {
    padding-top: 24px;
    padding-bottom: 30px;
    padding-left: 0;
  }
}
.p-top-news__inner {
  display: grid;
}
@media screen and (min-width: 1280px) {
  .p-top-news__inner {
    grid-template-columns: 1fr 780px;
  }
}
.p-top-news__title {
  margin-left: 4px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}
@media screen and (min-width: 1280px) {
  .p-top-news__title {
    margin-left: 0;
  }
}
.p-top-news__title span {
  display: block;
  font-size: 16px;
  line-height: 1.875;
  color: #007bbc;
  letter-spacing: 0.04em;
}
.p-top-news__list {
  margin-top: -2px;
}
@media screen and (min-width: 1280px) {
  .p-top-news__list {
    margin-top: -16px;
  }
}
.p-top-news__button-area {
  margin-top: 40px;
  margin-left: -15px;
  text-align: center;
}
@media screen and (min-width: 1280px) {
  .p-top-news__button-area {
    margin-top: 32px;
    margin-left: 0;
    text-align: right;
  }
}

/* base */
.p-top-recruit {
  padding-block: 80px;
}
.p-top-recruit__text-area {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 641px) {
  .p-top-recruit__text-area {
    gap: 32px;
  }
}
.p-top-recruit__button-area {
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-top-recruit__button-area {
    text-align: right;
  }
}

/* base */
.p-top-tech {
  margin-top: 100px;
}
@media screen and (min-width: 641px) {
  .p-top-tech {
    margin-top: 130px;
  }
}
.p-top-tech__lead {
  display: grid;
  gap: 20px;
  line-height: 1.6875;
}
@media screen and (min-width: 641px) {
  .p-top-tech__lead {
    grid-template-columns: 1fr 584px;
    gap: 0;
    line-height: 2;
  }
}
.p-top-tech__list {
  margin-top: 65px;
}

/* base */
.p-top-thoughts {
  height: 638px;
  padding: 24px 15px;
  margin-top: 110px;
  background-image: url("/hvac-cc/peseng/assets/img/top/pct_thoughts.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
@media screen and (min-width: 641px) {
  .p-top-thoughts {
    height: auto;
    padding: 48px 20px;
    margin-top: 125px;
    background-image: url("/hvac-cc/peseng/assets/img/top/pct_thoughts@pc.jpg");
  }
}
.p-top-thoughts__container {
  width: 100%;
  max-width: 1136px;
  margin: 0 auto;
}
.p-top-thoughts__box {
  max-width: 574px;
  padding-right: 24px;
  padding-bottom: 36px;
  padding-left: 24px;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .p-top-thoughts__box {
    padding-right: 40px;
    padding-bottom: 38px;
    padding-left: 54px;
  }
}
.p-top-thoughts__box-inner {
  position: relative;
  padding-top: 38px;
  padding-left: 18px;
  line-height: 1.6875;
}
@media screen and (min-width: 641px) {
  .p-top-thoughts__box-inner {
    padding-top: 64px;
    line-height: 2;
  }
}
.p-top-thoughts__box-inner::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  flex-shrink: 0;
  width: 2px;
  height: 100%;
  content: "";
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
.p-top-thoughts__box-inner > div {
  margin-top: 27px;
}
.p-top-thoughts__button-area {
  margin-inline: -8px;
  margin-top: 30px;
  text-align: right;
}
@media screen and (min-width: 641px) {
  .p-top-thoughts__button-area {
    margin-inline: 0;
  }
}

/* base */
.p-top-what {
  margin-top: 90px;
}
@media screen and (min-width: 641px) {
  .p-top-what {
    margin-top: 120px;
  }
}
.p-top-what::before {
  display: block;
  width: 253px;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
@media screen and (min-width: 641px) {
  .p-top-what::before {
    width: calc((100% - 990px) / 2 + 283px);
  }
}
.p-top-what__lead {
  display: grid;
  gap: 30px;
  margin-top: 24px;
  line-height: 1.6875;
}
@media screen and (min-width: 641px) {
  .p-top-what__lead {
    grid-template-columns: 1fr 640px;
    gap: 0;
    margin-top: 38px;
    line-height: 2;
  }
}
.p-top-what__figure {
  margin: 45px -15px 0;
}
@media screen and (min-width: 641px) {
  .p-top-what__figure {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.p-top-what__figure img {
  width: 100%;
  object-fit: contain;
}
.p-top-what__button-area {
  margin-top: 50px;
  text-align: center;
}

/* base */
.p-value-strength__item-group {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (min-width: 641px) {
  .p-value-strength__item-group {
    gap: 80px;
    margin-top: 56px;
  }
}
.p-value-strength__item {
  padding-block: 40px;
  background-color: #fff;
}
.p-value-strength__item > div {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px 20px 0;
}
@media screen and (min-width: 641px) {
  .p-value-strength__item > div {
    gap: 40px;
    padding: 30px 30px 0;
  }
}
.p-value-strength__item > div img {
  width: 100%;
}
.p-value-strength__item > div figure {
  margin-inline: -10px;
}
@media screen and (min-width: 641px) {
  .p-value-strength__item > div figure {
    margin-inline: 0;
  }
}
.p-value-strength__item-hd {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 641px) {
  .p-value-strength__item-hd {
    font-size: 24px;
  }
}
.p-value-strength__item-hd span {
  position: relative;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
}
@media screen and (min-width: 641px) {
  .p-value-strength__item-hd span {
    padding-left: 30px;
  }
}
.p-value-strength__item-hd span::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
}
.p-value-strength__inner-box {
  margin-inline: -10px;
  border: 1px solid #007bbc;
}
@media screen and (min-width: 641px) {
  .p-value-strength__inner-box {
    margin-inline: 0;
  }
}
.p-value-strength__inner-box > div {
  display: grid;
  gap: 32px;
  padding: 30px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .p-value-strength__inner-box > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-value-strength__inner-box > div h5 {
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #007bbc;
}
.p-value-strength__inner-box > div h5 > span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #171717;
}
.p-value-strength__inner-box-hd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #007bbc;
}
.p-value-strength__button-area {
  text-align: center;
}
.p-value-strength__button-area p {
  margin-bottom: 16px;
  color: #007bbc;
}

/* base */
.p-voice {
  position: relative;
}
@media screen and (min-width: 641px) {
  .p-voice {
    height: 513px;
    margin-top: 45px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__hd {
    top: 112px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:first-child {
    top: 0;
    left: 52px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:first-child::after {
    top: -20px;
    left: -20px;
    width: 102px;
    height: 63px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116.9%0A09' height='63' viewBox='0 0 116.909 63'%3E%3Cg transform='translate(-324.999 -1357)' opacity='0.1'%3E%3Cg transform='translate(103.397 -25.146)'%3E%3Crect width='102' height='63' rx='16' transform='translate(221.602 1382.145)' fill='%2367b0d7'/%3E%3C/g%3E%3Cpath d='M14.734.205V15.9s-21.869,3.41-14.473,0S14.734.205,14.734.205Z' transform='translate(442.113 1389.767) rotate(90)' fill='%2367b0d7'/%3E%3C/g%3E%3C/svg%3E");
    border-radius: 16px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(2) {
    top: 42px;
    right: 70px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(2)::before {
    right: auto;
    left: -20px;
    transform: scale(-1, 1);
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(2)::after {
    right: -45px;
    bottom: -30px;
    width: 91px;
    height: 63px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91.284' height='63' viewBox='0 0 91.284 63'%3E%3Cg transform='translate(0)' opacity='0.1'%3E%3Cg transform='translate(14.909)'%3E%3Crect width='76.375' height='63' rx='16' transform='translate(0)' fill='%2367b0d7'/%3E%3C/g%3E%3Cpath d='M16,17.206V1.515s-21.869-3.41-14.473,0S16,17.206,16,17.206Z' transform='translate(17.207 31.5) rotate(90)' fill='%2367b0d7'/%3E%3C/g%3E%3C/svg%3E");
    border-radius: 16px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(3) {
    top: 226px;
    right: 80px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(3)::before {
    top: 20px;
    right: auto;
    left: -20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.093' height='16' viewBox='0 0 26.093 16'%3E%3Cpath d='M14.734.205V24S-7.136,29.171.261,24,14.734.205,14.734.205Z' transform='translate(26.298 1.266) rotate(90)' fill='%2328D7BB'/%3E%3C/svg%3E");
    transform: scale(-1, -1);
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(4) {
    top: 170px;
    left: 30px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(4)::before {
    top: 30px;
    right: -20px;
    left: auto;
    transform: scale(1, -1);
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(4)::after {
    bottom: -30px;
    left: -20px;
    width: 116px;
    height: 63px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='115.909' height='63' viewBox='0 0 115.909 63'%3E%3Cdefs%3E%3ClinearGradient id='a' y1='0.5' x2='1' y2='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23b2f8f1'/%3E%3Cstop offset='1' stop-color='%23b2e0f6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(0 0.001)'%3E%3Cpath d='M16,63A16,16,0,0,1,0,47V16A16,16,0,0,1,16,0H86a16,16,0,0,1,16,16V35.944c4.678,6.235,13.91,11.555,13.91,11.555H101.992A16,16,0,0,1,86,63Z' transform='translate(0)' fill='url(%23a)'/%3E%3C/g%3E%3C/svg%3E");
    border-radius: 16px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(5) {
    top: 346px;
    left: 166px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:first-child .p-voice__text:nth-child(5)::before {
    top: 22px;
    right: -18px;
    left: auto;
    transform: scale(1, -1);
  }
}
.p-voice:first-child .p-voice__text:nth-child(5)::after {
  right: -20px;
  bottom: -20px;
  width: 90px;
  height: 63px;
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__hd {
    top: 162px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:first-child {
    top: 10px;
    left: 102px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(2) {
    top: 34px;
    right: 70px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(2)::before {
    right: auto;
    left: -20px;
    transform: scale(-1, 1);
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(2)::after {
    position: absolute;
    right: -45px;
    bottom: -30px;
    display: inline-block;
    width: 91px;
    height: 63px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91.284' height='63' viewBox='0 0 91.284 63'%3E%3Cg transform='translate(0)' opacity='0.1'%3E%3Cg transform='translate(14.909)'%3E%3Crect width='76.375' height='63' rx='16' transform='translate(0)' fill='%2367b0d7'/%3E%3C/g%3E%3Cpath d='M16,17.206V1.515s-21.869-3.41-14.473,0S16,17.206,16,17.206Z' transform='translate(17.207 31.5) rotate(90)' fill='%2367b0d7'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 16px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(3) {
    top: 234px;
    right: 80px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(3)::before {
    top: 18px;
    right: auto;
    left: -20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.093' height='16' viewBox='0 0 26.093 16'%3E%3Cpath d='M14.734.205V24S-7.136,29.171.261,24,14.734.205,14.734.205Z' transform='translate(26.298 1.266) rotate(90)' fill='%2328D7BB'/%3E%3C/svg%3E");
    transform: scale(-1, 1);
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(4) {
    top: 195px;
    left: 20px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(4)::before {
    right: -20px;
    bottom: 20px;
    left: auto;
    transform: scale(1, -1);
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(4)::after {
    position: absolute;
    top: -20px;
    left: -20px;
    display: inline-block;
    width: 116px;
    height: 63px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='115.909' height='63' viewBox='0 0 115.909 63'%3E%3Cpath d='M16,63A16,16,0,0,1,0,47V16A16,16,0,0,1,16,0H86a16,16,0,0,1,16,16V35.944c4.678,6.235,13.91,11.555,13.91,11.555H101.992A16,16,0,0,1,86,63Z' transform='translate(0 0.001)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 16px;
    opacity: 0.5;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(5) {
    top: 382px;
    left: 136px;
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(5)::before {
    top: 18px;
    right: -18px;
    left: auto;
    transform: scale(1, -1);
  }
}
@media screen and (min-width: 641px) {
  .p-voice:nth-child(2) .p-voice__text:nth-child(5)::after {
    top: -28px;
    left: -50px;
    width: 116px;
    height: 63px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116.9%0A09' height='63' viewBox='0 0 116.909 63'%3E%3Cg transform='translate(-324.999 -1357)' opacity='0.1'%3E%3Cg transform='translate(103.397 -25.146)'%3E%3Crect width='102' height='63' rx='16' transform='translate(221.602 1382.145)' fill='%2367b0d7'/%3E%3C/g%3E%3Cpath d='M14.734.205V15.9s-21.869,3.41-14.473,0S14.734.205,14.734.205Z' transform='translate(442.113 1389.767) rotate(90)' fill='%2367b0d7'/%3E%3C/g%3E%3C/svg%3E");
  }
}
.p-voice__hd {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .p-voice__hd {
    position: absolute;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 248px;
    height: 248px;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    background-color: rgba(0, 123, 188, 0.2);
    border: 4px solid #fff;
    border-radius: 50%;
    transform: translateX(-50%);
  }
}
.p-voice__main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  margin-top: 16px;
}
.p-voice__text {
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 641px) {
  .p-voice__text {
    position: absolute;
  }
}
.p-voice__text::before {
  position: absolute;
  right: -20px;
  bottom: 20px;
  display: inline-block;
  width: 26px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.093' height='16' viewBox='0 0 26.093 16'%3E%3Cpath d='M14.734.205V24S-7.136,29.171.261,24,14.734.205,14.734.205Z' transform='translate(26.298 1.266) rotate(90)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.p-voice__text::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.p-voice__text > p {
  position: relative;
  z-index: 1;
  padding: 24px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #007bbc;
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
}
@media screen and (min-width: 641px) {
  .p-voice__text > p {
    padding: 40px 24px;
  }
}
.p-voice__text:nth-child(even) {
  margin-right: 0;
  margin-left: auto;
}
.p-voice__text:nth-child(even)::before {
  right: auto;
  left: -20px;
  transform: scale(-1, 1);
}
.p-voice__text:nth-child(odd) > p {
  color: #fff;
  background: linear-gradient(-45deg, #2188e0 0%, #0092e0 50%, #2fe0b6 100%);
}
.p-voice__text:nth-child(odd)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.093' height='16' viewBox='0 0 26.093 16'%3E%3Cpath d='M14.734.205V24S-7.136,29.171.261,24,14.734.205,14.734.205Z' transform='translate(26.298 1.266) rotate(90)' fill='%232188e0'/%3E%3C/svg%3E");
}
.p-voice__text small {
  display: block;
  font-size: 14px;
}

/* base */
.p-interview-card-wrap {
  display: grid;
  gap: 15px;
}
@media screen and (min-width: 641px) {
  .p-interview-card-wrap {
    gap: 40px;
  }
}
@media screen and (min-width: 641px) {
  .p-interview-card-wrap.--sp1-pc2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-interview-card-wrap.--sp1-pc2 .p-interview-card__thumb {
  aspect-ratio: 345/230;
}
.p-interview-card-wrap.--sp1-pc2 .p-interview-card__text-area {
  padding: 20px 64px 20px 20px;
}
.p-interview-card-wrap.--sp2-pc3 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 641px) {
  .p-interview-card-wrap.--sp2-pc3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-interview-card-wrap.--sp2-pc3 .p-interview-card__thumb {
  aspect-ratio: 1;
}
.p-interview-card-wrap.--sp2-pc3 .p-interview-card__text-area {
  padding: 16px 32px 8px 10px;
}
@media screen and (min-width: 641px) {
  .p-interview-card-wrap.--sp2-pc3 .p-interview-card__text-area {
    padding: 20px 64px 20px 20px;
  }
}

.p-interview-card {
  display: flex;
  flex-direction: column;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .p-interview-card:hover .p-interview-card__text-area::before {
    opacity: 1;
  }
  .p-interview-card:hover .p-interview-card__text-area::after {
    --size: 30px;
    right: 18px;
  }
}
.p-interview-card__thumb {
  overflow: hidden;
}
.p-interview-card__thumb img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
}
.p-interview-card__text-area {
  position: relative;
  color: #fff;
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  transition: all 0.3s;
  flex-grow: 1;
}
.p-interview-card__text-area > div {
  position: relative;
  z-index: 1;
}
.p-interview-card__text-area::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, #0a67e5 0%, #0c3ac7 50%, #4c1ec9 90%, #7b118d 100%);
  opacity: 0;
  transition: opacity 0.3s;
}
.p-interview-card__text-area::after {
  --size: 26px;
  position: absolute;
  top: 50%;
  right: 13px;
  display: inline-block;
  width: var(--size);
  height: var(--size);
  content: "";
  background-size: contain;
  transform: translateY(-50%);
  transition: all 0.3s;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="11" fill="none" stroke="%23007bbc" opacity="0.5" stroke-width="1" transform="translate(1 1)"/><circle cx="11" cy="11" r="11" transform="translate(1 1)" fill="%23fff" opacity="1"/><path d="M13.881,9l-1,1,3.236,3.243-3.236,3.243,1,1,4.239-4.239Z" transform="translate(-3 -1)" fill="%23007bbc"/></svg>');
}
@media screen and (min-width: 641px) {
  .p-interview-card__text-area::after {
    right: 20px;
  }
}
.p-interview-card__job {
  position: absolute;
  bottom: calc(100% - 14px);
  left: 0;
  z-index: 1;
}
.p-interview-card__name {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.875;
}
@media screen and (min-width: 641px) {
  .p-interview-card__name {
    font-size: 18px;
  }
}
.p-interview-card__name span {
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (min-width: 641px) {
  .p-interview-card__name span {
    font-size: 24px;
  }
}
.p-interview-card__career {
  font-size: 10px;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .p-interview-card__career {
    font-size: 14px;
  }
}
.p-interview-card__title {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
}

/* base */
.p-interview-box {
  background-color: #fff;
  padding: 50px 15px 30px;
  position: relative;
  margin-inline: -15px;
}
.p-interview-box:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  position: absolute;
  top: 0;
  left: -1px;
}
@media screen and (min-width: 641px) {
  .p-interview-box {
    padding: 50px 30px 30px;
    margin-inline: 0;
  }
}
.p-interview-box__title {
  background-color: #007bbc;
  color: #fff;
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: 500;
  font-weight: 500;
  padding-inline: 20px;
  display: flex;
  align-items: center;
  width: max-content;
}
@media screen and (min-width: 641px) {
  .p-interview-box__title {
    font-size: 24px;
  }
}
.p-interview-box__content {
  display: grid;
  gap: 30px;
}
.p-interview-box__content.--schedule li + li {
  margin-top: 16px;
}
@media screen and (min-width: 641px) {
  .p-interview-box__content.--schedule {
    grid-template-columns: 290px 1fr;
  }
}
.p-interview-box__content.--member {
  gap: 20px 24px;
}
@media screen and (min-width: 641px) {
  .p-interview-box__content.--member {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-interview-box__content .__member {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 20px;
}
.p-interview-box__content .__member > img {
  aspect-ratio: 1;
  object-fit: cover;
}
.p-interview-box__content .__member > div p:first-child {
  font-size: 20px;
  font-weight: 500;
  color: #007bbc;
  line-height: 1;
}
.p-interview-box__content .__member > div p:nth-child(2) {
  margin-top: 8px;
  font-size: 14px;
}
.p-interview-box__time {
  color: #007bbc;
  font-weight: bold;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

/* base */
.p-interview-mv {
  display: grid;
}
@media screen and (min-width: 641px) {
  .p-interview-mv {
    grid-template-columns: 360px 1fr;
    align-items: flex-start;
  }
}
.p-interview-mv__thumb {
  order: -1;
  margin-bottom: 20px;
  aspect-ratio: 640/427;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 641px) {
  .p-interview-mv__thumb {
    order: 0;
    margin-bottom: 40px;
  }
}
.p-interview-mv__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-interview-mv__text-area {
  position: relative;
}
@media screen and (min-width: 641px) {
  .p-interview-mv__text-area {
    margin-top: 64px;
  }
}
.p-interview-mv__text-area > div {
  position: relative;
  padding: 16px 15px;
}
@media screen and (min-width: 641px) {
  .p-interview-mv__text-area > div {
    padding: 24px 20px 64px 40px;
  }
}
.p-interview-mv__text-area > div > * {
  position: relative;
  z-index: 1;
}
.p-interview-mv__text-area > div:before {
  content: "";
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 123, 188, 0.08);
  position: absolute;
  top: 0;
  left: -15px;
}
@media screen and (min-width: 641px) {
  .p-interview-mv__text-area > div:before {
    left: -15px;
  }
}
@media screen and (min-width: 976px) {
  .p-interview-mv__text-area > div:before {
    left: calc((100vw - 990px) / -2);
  }
}
.p-interview-mv__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #007bbc;
  position: relative;
  z-index: 2;
  margin: 0 15px 20px;
}
@media screen and (min-width: 641px) {
  .p-interview-mv__title {
    width: max-content;
  }
}
.p-interview-mv__title:before {
  content: "";
  height: 150px;
  width: 2px;
  background: linear-gradient(#2fe0b6 0%, #0092e0 52.22%, #0065bc 100%);
  position: absolute;
  top: 0;
  left: -13px;
}
@media screen and (min-width: 641px) {
  .p-interview-mv__title:before {
    height: 202px;
    left: 0;
  }
}
@media screen and (min-width: 641px) {
  .p-interview-mv__title {
    background-color: #fff;
    font-size: 24px;
    padding: 10px 40px;
    margin-bottom: 40px;
    margin-right: -64px;
  }
}
.p-interview-mv__name {
  font-weight: bold;
  color: #007bbc;
  font-size: 14px;
}
@media screen and (min-width: 641px) {
  .p-interview-mv__name {
    font-size: 18px;
  }
}
.p-interview-mv__name span {
  font-size: 18px;
}
@media screen and (min-width: 641px) {
  .p-interview-mv__name span {
    font-size: 24px;
  }
}
.p-interview-mv__career {
  line-height: 1.5;
  font-size: 14px;
}
.p-interview-mv__career li + li {
  margin-top: 4px;
}
.p-interview-mv__lead {
  font-size: 14px;
}

/* base */
.p-discussion {
  margin-top: 24px;
  display: grid;
  gap: 30px;
}
.p-discussion__item {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 20px;
}
.p-discussion__item-img {
  font-size: 14px;
  color: #007bbc;
}
.p-discussion__item-img img {
  border-radius: 50%;
}
.p-discussion__item-img:not(:has(img)) p {
  margin-top: 3px;
}

/* utility */
.u-mt0 {
  margin-top: 0 !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-pt0 {
  padding-top: 0 !important;
}

.u-pb0 {
  padding-bottom: 0 !important;
}

.u-margin--mt5 {
  margin-top: 5px !important;
}
.u-margin--mt10 {
  margin-top: 10px !important;
}
.u-margin--mt15 {
  margin-top: 15px !important;
}
.u-margin--mt20 {
  margin-top: 20px !important;
}
.u-margin--mt25 {
  margin-top: 25px !important;
}
.u-margin--mt30 {
  margin-top: 30px !important;
}
.u-margin--mt35 {
  margin-top: 35px !important;
}
.u-margin--mt40 {
  margin-top: 40px !important;
}
.u-margin--mt45 {
  margin-top: 45px !important;
}
.u-margin--mt50 {
  margin-top: 50px !important;
}
.u-margin--mt55 {
  margin-top: 55px !important;
}
.u-margin--mt60 {
  margin-top: 60px !important;
}
.u-margin--mt65 {
  margin-top: 65px !important;
}
.u-margin--mt70 {
  margin-top: 70px !important;
}
.u-margin--mt75 {
  margin-top: 75px !important;
}
.u-margin--mt80 {
  margin-top: 80px !important;
}
.u-margin--mt85 {
  margin-top: 85px !important;
}
.u-margin--mt90 {
  margin-top: 90px !important;
}
.u-margin--mt95 {
  margin-top: 95px !important;
}
.u-margin--mt100 {
  margin-top: 100px !important;
}
.u-margin--em1 {
  margin-top: 0.5em !important;
}
.u-margin--em2 {
  margin-top: 1em !important;
}
.u-margin--em3 {
  margin-top: 1.5em !important;
}
.u-margin--em4 {
  margin-top: 2em !important;
}
.u-margin--em5 {
  margin-top: 2.5em !important;
}
.u-margin--em6 {
  margin-top: 3em !important;
}
.u-margin--em7 {
  margin-top: 3.5em !important;
}
.u-margin--em8 {
  margin-top: 4em !important;
}
.u-margin--em9 {
  margin-top: 4.5em !important;
}
.u-margin--em10 {
  margin-top: 5em !important;
}
.u-margin--em11 {
  margin-top: 5.5em !important;
}
.u-margin--em12 {
  margin-top: 6em !important;
}
.u-margin--em13 {
  margin-top: 6.5em !important;
}
.u-margin--em14 {
  margin-top: 7em !important;
}
.u-margin--em15 {
  margin-top: 7.5em !important;
}
.u-margin--em16 {
  margin-top: 8em !important;
}
.u-margin--em17 {
  margin-top: 8.5em !important;
}
.u-margin--em18 {
  margin-top: 9em !important;
}
.u-margin--em19 {
  margin-top: 9.5em !important;
}
.u-margin--em20 {
  margin-top: 10em !important;
}

/* base */
.u-ib {
  display: inline-block;
}

.u-color-danger {
  color: #ef0e0e;
}

.u-font-w500 {
  font-weight: 500;
}
.u-font-bold {
  font-weight: 700;
}

.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
@media screen and (min-width: 641px) {
  .u-text-center--pc {
    text-align: center !important;
  }
}
.u-text-center--sp {
  text-align: center !important;
}
@media screen and (min-width: 641px) {
  .u-text-center--sp {
    text-align: left !important;
  }
}
.u-text-right {
  text-align: right !important;
}
.u-text-blue {
  color: #007bbc;
}

.u-vertical-middle {
  vertical-align: middle;
}

@media screen and (min-width: 641px) {
  .u-sp-only {
    display: none;
  }
}

.u-pc-only {
  display: none;
}
@media screen and (min-width: 641px) {
  .u-pc-only {
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .u-max-lg-only {
    display: none;
  }
}

.u-object-contain {
  object-fit: contain !important;
}
.u-object-contain--white {
  object-fit: contain !important;
  background-color: #fff;
}
.u-object-cover {
  object-fit: cover !important;
}

.u-aspect-32 {
  max-height: 316px;
  aspect-ratio: 3/2;
}

.js-animation1,
.js-animation2,
.js-animation3 {
  opacity: 0;
}

.u-bg {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 1/1;
  padding-bottom: 2em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  mix-blend-mode: multiply;
}

.u-underline {
  font-weight: inherit;
  text-decoration: underline;
}

.u-scroll-text {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 641px) {
  .u-scroll-text {
    display: none;
  }
}
.u-scroll-text.--pinch {
  justify-content: center;
  font-size: 12px;
}
.u-scroll-text.--pinch:before {
  width: 24px;
  height: 24px;
  background-image: url("/hvac-cc/peseng/assets/img/common/icon_pinch.svg");
  margin-top: 0;
}
.u-scroll-text:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  background-image: url("/hvac-cc/peseng/assets/img/common/icon_scroll-x.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

/*# sourceMappingURL=common.css.map */