html body .p-lowerHero {
  position: relative;
  padding-top: clamp(99px * var(--fluid-min, 0.8), 7.2474377745vw, 118.8px);
}
html body .p-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: clamp(24px * var(--fluid-min, 0.8), 1.756954612vw, 28.8px);
}
html body .p-breadcrumb__item + .p-breadcrumb__item {
  display: flex;
  align-items: center;
}
html body .p-breadcrumb__item + .p-breadcrumb__item::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 9px;
  margin: 0 clamp(12px * var(--fluid-min, 0.8), 0.878477306vw, 14.4px) 0 clamp(12.7px * var(--fluid-min, 0.8), 0.9297218155vw, 15.24px);
  background-color: #244278;
  -webkit-mask-image: url("../images/icon-breadcrumb.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/icon-breadcrumb.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body a.p-breadcrumb__item,
html body a.p-breadcrumb__item p {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: text-decoration-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  html body a.p-breadcrumb__item:hover,
  html body a.p-breadcrumb__item:hover p {
    text-decoration-line: underline;
    text-decoration-color: currentColor;
  }
}
html body .p-lowerHero__head {
  display: flex;
  align-items: flex-start;
  min-height: clamp(196px * var(--fluid-min, 0.8), 14.3484626647vw, 235.2px);
  margin-top: clamp(95px * var(--fluid-min, 0.8), 6.9546120059vw, 114px);
  padding: 0 0 clamp(98px * var(--fluid-min, 0.8), 7.1742313324vw, 117.6px) clamp(126px * var(--fluid-min, 0.8), 9.224011713vw, 151.2px);
}
html body .p-lowerHero__title {
  width: clamp(727px * var(--fluid-min, 0.8), 53.2210834553vw, 872.4px);
  margin-top: clamp(20px * var(--fluid-min, 0.8), 1.4641288433vw, 24px);
}
html body .p-lowerHero__titleJa {
  margin-top: clamp(23px * var(--fluid-min, 0.8), 1.6837481698vw, 27.6px);
}
html body .p-lowerHero__texts {
  width: clamp(454px * var(--fluid-min, 0.8), 33.2357247438vw, 544.8px);
}
html body .p-lowerHero__marquee {
  position: absolute;
  bottom: clamp(545px * var(--fluid-min, 0.8), 39.897510981vw, 654px);
  left: 0;
  right: 0;
}
html body .p-lowerHero__image {
  position: relative;
  z-index: 1;
  height: clamp(500px * var(--fluid-min, 0.8), 36.6032210835vw, 600px);
}
html body .p-lowerHero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  html body .p-lowerHero {
    padding-top: calc(70px + clamp(12.8px, 2.0833333333vw, 19.2px));
  }
  html body .p-breadcrumb {
    width: clamp(550.4px, 89.5833333333vw, 825.6px);
    max-width: calc(100% - clamp(32px, 5.2083333333vw, 48px) * 2);
    margin-inline: auto;
  }
  html body .p-lowerHero__head {
    flex-direction: column;
    width: clamp(550.4px, 89.5833333333vw, 825.6px);
    max-width: calc(100% - clamp(32px, 5.2083333333vw, 48px) * 2);
    margin-inline: auto;
    min-height: 0;
    margin-top: clamp(38.4px, 6.25vw, 57.6px);
    padding: 0 0 clamp(57.6px, 9.375vw, 86.4px);
  }
  html body .p-lowerHero__title {
    width: 100%;
    margin-top: 0;
  }
  html body .p-lowerHero__titleJa {
    margin-top: clamp(12.8px, 2.0833333333vw, 19.2px);
  }
  html body .p-lowerHero__texts {
    width: 100%;
    margin-top: clamp(22.4px, 3.6458333333vw, 33.6px);
  }
  html body .p-lowerHero__marquee {
    top: auto;
    bottom: calc(clamp(256px, 41.6666666667vw, 384px) + clamp(32px, 5.2083333333vw, 48px));
  }
  html body .p-lowerHero__image {
    height: clamp(256px, 41.6666666667vw, 384px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-lowerHero {
    padding-top: calc(70px + clamp(9.6px, 3.2vw, 14.4px));
  }
  html body .p-breadcrumb,
  html body .p-lowerHero__head {
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
  }
  html body .p-lowerHero__head {
    margin-top: clamp(28.8px, 9.6vw, 43.2px);
    padding-bottom: clamp(41.6px, 13.8666666667vw, 62.4px);
  }
  html body .p-lowerHero__titleJa {
    margin-top: clamp(11.2px, 3.7333333333vw, 16.8px);
  }
  html body .p-lowerHero__texts {
    margin-top: clamp(16px, 5.3333333333vw, 24px);
  }
  html body .p-lowerHero__marquee {
    bottom: calc(clamp(176px, 58.6666666667vw, 264px) + clamp(12.8px, 4.2666666667vw, 19.2px));
  }
  html body .p-lowerHero__image {
    height: clamp(176px, 58.6666666667vw, 264px);
  }
}
html body .p-lowerToc {
  position: relative;
  z-index: 1;
  margin-top: clamp(-4.8px, -0.2928257687vw, -4px * var(--fluid-min, 0.8));
  background: #f4f4f4;
}
html body .p-lowerToc__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: clamp(70px * var(--fluid-min, 0.8), 5.1244509517vw, 84px);
  padding: clamp(10px * var(--fluid-min, 0.8), 0.7320644217vw, 12px) 0;
}
html body .p-lowerToc__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: clamp(10px * var(--fluid-min, 0.8), 0.7320644217vw, 12px);
  padding: 0 clamp(30px * var(--fluid-min, 0.8), 2.196193265vw, 36px);
}
html body .p-lowerToc__item::after {
  content: "";
  flex-shrink: 0;
  width: 13px;
  height: 10px;
  background-color: #244278;
  -webkit-mask-image: url("../images/icon-down.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/icon-down.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body .p-lowerToc__item + .p-lowerToc__item {
  border-left: 1px solid #cad1de;
}
html body .p-lowerToc__item,
html body .p-lowerToc__item p {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: text-decoration-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  html body .p-lowerToc__item:hover,
  html body .p-lowerToc__item:hover p {
    text-decoration-line: underline;
    text-decoration-color: currentColor;
  }
}
@media screen and (max-width: 767px) {
  html body .p-lowerToc__inner {
    width: clamp(550.4px, 89.5833333333vw, 825.6px);
    max-width: calc(100% - clamp(32px, 5.2083333333vw, 48px) * 2);
    margin-inline: auto;
    min-height: 0;
    padding: clamp(14.4px, 2.34375vw, 21.6px) 0;
    row-gap: clamp(9.6px, 1.5625vw, 14.4px);
  }
  html body .p-lowerToc__item {
    padding: 0 clamp(16px, 2.6041666667vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-lowerToc__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
    padding: clamp(12.8px, 4.2666666667vw, 19.2px) 0;
    row-gap: clamp(9.6px, 3.2vw, 14.4px);
  }
  html body .p-lowerToc__item {
    justify-content: space-between;
    padding: 0 clamp(9.6px, 3.2vw, 14.4px);
  }
  html body .p-lowerToc__item + .p-lowerToc__item {
    border-left: none;
  }
  html body .p-lowerToc__item:nth-child(2n) {
    border-left: 1px solid #cad1de;
  }
}
html body .p-lowerTitle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html body .p-lowerTitle__ja {
  margin-top: clamp(23px * var(--fluid-min, 0.8), 1.6837481698vw, 27.6px);
}
html body .p-lowerTitle--md .p-lowerTitle__en {
  padding: clamp(20px * var(--fluid-min, 0.8), 1.4641288433vw, 24px) 0;
  margin: clamp(-24px, -1.4641288433vw, -20px * var(--fluid-min, 0.8)) 0;
}
html body .p-lowerTitle--md .p-lowerTitle__ja {
  margin-top: clamp(18px * var(--fluid-min, 0.8), 1.317715959vw, 21.6px);
}
html body .p-lowerTitle--ja16 .p-lowerTitle__ja {
  margin-top: clamp(17px * var(--fluid-min, 0.8), 1.2445095168vw, 20.4px);
}
html body .p-lowerIndex {
  display: flex;
  gap: clamp(11px * var(--fluid-min, 0.8), 0.8052708638vw, 13.2px);
}
html body .p-lowerOutline {
  position: absolute;
  right: 0;
  z-index: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  html body .p-lowerTitle__ja,
  html body .p-lowerTitle--md .p-lowerTitle__ja,
  html body .p-lowerTitle--ja16 .p-lowerTitle__ja {
    margin-top: clamp(11.2px, 1.8229166667vw, 16.8px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-lowerOutline {
    position: relative;
    margin-bottom: clamp(6.4px, 2.1333333333vw, 9.6px);
  }
}
html body .p-lowerGray {
  position: relative;
  padding-bottom: clamp(170px * var(--fluid-min, 0.8), 12.4450951684vw, 204px);
  border-radius: 40px 40px 0 0;
  background: #f8f8f8;
}
html body .p-lowerSheet {
  position: relative;
  z-index: 1;
  margin-top: clamp(-60px, -3.6603221083vw, -50px * var(--fluid-min, 0.8));
  border-radius: 40px 50px 0 0;
  background: #fff;
}
html body .p-lowerGray--continue {
  padding-top: clamp(14px * var(--fluid-min, 0.8), 1.0248901903vw, 16.8px);
  border-radius: 0;
}
html body .p-lowerGray .p-lowerSheet {
  margin-top: 0;
  border-radius: 40px 40px 0 0;
}
html body .p-lowerWorks {
  padding-top: clamp(120px * var(--fluid-min, 0.8), 8.78477306vw, 144px);
}
html body .p-lowerWorks__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: clamp(1115px * var(--fluid-min, 0.8), 81.6251830161vw, 1338px);
  margin-left: calc(clamp(125px * var(--fluid-min, 0.8), 9.1508052709vw, 150px) + max(0px, (100% - 1639.2px) / 2));
}
html body .p-lowerWorks__more {
  margin-top: clamp(22px * var(--fluid-min, 0.8), 1.6105417277vw, 26.4px);
}
html body .p-lowerWorks__list {
  width: clamp(1115px * var(--fluid-min, 0.8), 81.6251830161vw, 1338px);
  margin: clamp(60px * var(--fluid-min, 0.8), 4.39238653vw, 72px) 0 0 calc(clamp(125px * var(--fluid-min, 0.8), 9.1508052709vw, 150px) + max(0px, (100% - 1639.2px) / 2));
}
html body .p-postList {
  padding: clamp(80px * var(--fluid-min, 0.8), 5.8565153734vw, 96px) 0 clamp(150px * var(--fluid-min, 0.8), 10.980966325vw, 180px);
}
html body .p-postList__inner {
  width: clamp(1115px * var(--fluid-min, 0.8), 81.6251830161vw, 1338px);
  margin-left: calc(clamp(126px * var(--fluid-min, 0.8), 9.224011713vw, 151.2px) + max(0px, (100% - 1639.2px) / 2));
}
html body .p-postList__list {
  margin-top: clamp(70px * var(--fluid-min, 0.8), 5.1244509517vw, 84px);
}
@media screen and (max-width: 767px) {
  html body .p-lowerGray {
    padding-bottom: calc(clamp(64px, 10.4166666667vw, 96px) + 24px);
    border-radius: 24px 24px 0 0;
  }
  html body .p-lowerSheet {
    margin-top: -24px;
    border-radius: 24px 24px 0 0;
  }
  html body .p-lowerGray .p-lowerSheet {
    border-radius: 24px 24px 0 0;
  }
  html body .p-lowerWorks {
    padding-top: clamp(64px, 10.4166666667vw, 96px);
  }
  html body .p-lowerWorks__head,
  html body .p-lowerWorks__list,
  html body .p-postList__inner {
    width: auto;
    width: clamp(550.4px, 89.5833333333vw, 825.6px);
    max-width: calc(100% - clamp(32px, 5.2083333333vw, 48px) * 2);
    margin-inline: auto;
  }
  html body .p-postList {
    padding: clamp(44.8px, 7.2916666667vw, 67.2px) 0 clamp(80px, 13.0208333333vw, 120px);
  }
  html body .p-postList__list {
    margin-top: clamp(32px, 5.2083333333vw, 48px);
  }
  html body .p-lowerWorks__head {
    align-items: flex-end;
  }
  html body .p-lowerWorks__more {
    margin-top: 0;
  }
  html body .p-lowerWorks__list {
    margin-top: clamp(32px, 5.2083333333vw, 48px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-lowerGray {
    padding-bottom: calc(clamp(44.8px, 14.9333333333vw, 67.2px) + 20px);
    border-radius: 20px 20px 0 0;
  }
  html body .p-lowerSheet {
    margin-top: -20px;
    border-radius: 20px 20px 0 0;
  }
  html body .p-lowerGray .p-lowerSheet {
    border-radius: 20px 20px 0 0;
  }
  html body .p-lowerWorks {
    padding-top: clamp(44.8px, 14.9333333333vw, 67.2px);
  }
  html body .p-lowerWorks__head,
  html body .p-lowerWorks__list,
  html body .p-postList__inner {
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
  }
  html body .p-postList {
    padding: clamp(32px, 10.6666666667vw, 48px) 0 clamp(57.6px, 19.2vw, 86.4px);
  }
  html body .p-postList__list {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-lowerWorks__head {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(16px, 5.3333333333vw, 24px);
  }
  html body .p-lowerWorks__list {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
}
html body .p-lowerLead {
  position: relative;
  padding: clamp(160px * var(--fluid-min, 0.8), 11.7130307467vw, 192px) 0 clamp(110px * var(--fluid-min, 0.8), 8.0527086384vw, 132px);
}
html body .p-lowerLead__outline {
  top: clamp(103px * var(--fluid-min, 0.8), 7.5402635432vw, 123.6px);
}
html body .p-lowerLead__title {
  position: relative;
  margin-left: calc(clamp(126px * var(--fluid-min, 0.8), 9.224011713vw, 151.2px) + max(0px, (100% - 1639.2px) / 2));
}
html body .p-lowerLead__main {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-top: clamp(54px * var(--fluid-min, 0.8), 3.953147877vw, 64.8px);
  padding-left: clamp(125px * var(--fluid-min, 0.8), 9.1508052709vw, 150px);
}
html body .p-lowerLead__image {
  flex-shrink: 0;
  width: clamp(387px * var(--fluid-min, 0.8), 28.3308931186vw, 464.4px);
  border-radius: 5px;
  overflow: hidden;
}
html body .p-lowerLead__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html body .p-lowerLead__body {
  width: clamp(650px * var(--fluid-min, 0.8), 47.5841874085vw, 780px);
  margin: clamp(21px * var(--fluid-min, 0.8), 1.5373352855vw, 25.2px) 0 0 clamp(79px * var(--fluid-min, 0.8), 5.7833089312vw, 94.8px);
}
html body .p-lowerLead__body .p-lowerHeading {
  width: fit-content;
}
html body .p-lowerLead__texts {
  margin-top: clamp(39px * var(--fluid-min, 0.8), 2.8550512445vw, 46.8px);
}
html body .p-lowerLead__texts p + p {
  margin-top: clamp(29px * var(--fluid-min, 0.8), 2.1229868228vw, 34.8px);
}
html body .p-lowerLead__more {
  margin-top: clamp(41px * var(--fluid-min, 0.8), 3.0014641288vw, 49.2px);
}
@media screen and (max-width: 767px) {
  html body .p-lowerLead {
    padding: clamp(64px, 10.4166666667vw, 96px) 0 clamp(64px, 10.4166666667vw, 96px);
  }
  html body .p-lowerLead__outline {
    top: clamp(24px, 3.90625vw, 36px);
  }
  html body .p-lowerLead__title,
  html body .p-lowerLead__main {
    width: clamp(550.4px, 89.5833333333vw, 825.6px);
    max-width: calc(100% - clamp(32px, 5.2083333333vw, 48px) * 2);
    margin-inline: auto;
  }
  html body .p-lowerLead__main {
    flex-direction: column;
    margin-top: clamp(32px, 5.2083333333vw, 48px);
    padding-left: 0;
  }
  html body .p-lowerLead__image {
    width: 100%;
    height: clamp(256px, 41.6666666667vw, 384px);
  }
  html body .p-lowerLead__body {
    width: 100%;
    margin: clamp(28.8px, 4.6875vw, 43.2px) 0 0;
  }
  html body .p-lowerLead__texts {
    margin-top: clamp(19.2px, 3.125vw, 28.8px);
  }
  html body .p-lowerLead__texts p + p {
    margin-top: clamp(16px, 2.6041666667vw, 24px);
  }
  html body .p-lowerLead__more {
    margin-top: clamp(28.8px, 4.6875vw, 43.2px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-lowerLead {
    padding: clamp(44.8px, 14.9333333333vw, 67.2px) 0;
  }
  html body .p-lowerLead__outline {
    top: 0;
  }
  html body .p-lowerLead__title,
  html body .p-lowerLead__main {
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
  }
  html body .p-lowerLead__main {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-lowerLead__image {
    height: clamp(192px, 64vw, 288px);
  }
  html body .p-lowerLead__body {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-lowerLead__texts {
    margin-top: clamp(16px, 5.3333333333vw, 24px);
  }
  html body .p-lowerLead__texts p + p {
    margin-top: clamp(12.8px, 4.2666666667vw, 19.2px);
  }
  html body .p-lowerLead__more {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
}
html body .p-lowerPanel {
  position: relative;
  min-height: clamp(920px * var(--fluid-min, 0.8), 67.3499267936vw, 1104px);
  padding-top: clamp(213px * var(--fluid-min, 0.8), 15.5929721816vw, 255.6px);
}
html body .p-lowerPanel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(1120px * var(--fluid-min, 0.8), 81.9912152269vw, 1344px);
  height: clamp(920px * var(--fluid-min, 0.8), 67.3499267936vw, 1104px);
  border-radius: 0 5px 5px 0;
  background: #fff;
  pointer-events: none;
}
html body .p-lowerPanel__image {
  position: absolute;
  top: clamp(121px * var(--fluid-min, 0.8), 8.8579795022vw, 145.2px);
  height: clamp(678px * var(--fluid-min, 0.8), 49.6339677892vw, 813.6px);
  overflow: hidden;
}
html body .p-lowerPanel__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html body .p-lowerPanel__image--left {
  left: clamp(-314.4px, -19.1800878477vw, -262px * var(--fluid-min, 0.8));
  width: clamp(388px * var(--fluid-min, 0.8), 28.4040995608vw, 465.6px);
}
html body .p-lowerPanel__image--right {
  left: clamp(979px * var(--fluid-min, 0.8), 71.6691068814vw, 1174.8px);
  width: clamp(553px * var(--fluid-min, 0.8), 40.4831625183vw, 663.6px);
}
html body .p-lowerPanel--wide {
  padding-top: clamp(263px * var(--fluid-min, 0.8), 19.2532942899vw, 315.6px);
}
html body .p-lowerPanel--wide .p-lowerPanel__image--right {
  top: clamp(117px * var(--fluid-min, 0.8), 8.5651537335vw, 140.4px);
  left: clamp(864px * var(--fluid-min, 0.8), 63.2503660322vw, 1036.8px);
  width: clamp(670px * var(--fluid-min, 0.8), 49.0483162518vw, 804px);
  height: clamp(682px * var(--fluid-min, 0.8), 49.9267935578vw, 818.4px);
}
html body .p-lowerPanel__body {
  position: relative;
  width: clamp(687px * var(--fluid-min, 0.8), 50.2928257687vw, 824.4px);
  margin-left: clamp(211px * var(--fluid-min, 0.8), 15.4465592972vw, 253.2px);
}
html body .p-lowerPanel__body .p-lowerHeading {
  width: fit-content;
  margin: clamp(60px * var(--fluid-min, 0.8), 4.39238653vw, 72px) 0 0 clamp(-7.2px, -0.439238653vw, -6px * var(--fluid-min, 0.8));
}
html body .p-lowerPanel__texts {
  margin-top: clamp(27px * var(--fluid-min, 0.8), 1.9765739385vw, 32.4px);
}
html body .p-lowerPanel__texts p + p {
  margin-top: clamp(29px * var(--fluid-min, 0.8), 2.1229868228vw, 34.8px);
}
@media screen and (max-width: 767px) {
  html body .p-lowerPanel,
  html body .p-lowerPanel--wide {
    display: grid;
    grid-template-columns: 35% 1fr;
    column-gap: clamp(12.8px, 2.0833333333vw, 19.2px);
    min-height: 0;
    padding: clamp(57.6px, 9.375vw, 86.4px) 0 clamp(80px, 13.0208333333vw, 120px);
  }
  html body .p-lowerPanel::before,
  html body .p-lowerPanel--wide::before {
    width: 92%;
    height: 100%;
  }
  html body .p-lowerPanel__image,
  html body .p-lowerPanel--wide .p-lowerPanel__image--right {
    position: relative;
    top: auto;
    left: auto;
    grid-row: 2;
    width: auto;
    height: clamp(208px, 33.8541666667vw, 312px);
    margin-top: clamp(32px, 5.2083333333vw, 48px);
  }
  html body .p-lowerPanel__body {
    grid-column: 1/-1;
    grid-row: 1;
    width: auto;
    margin-right: calc(100% - 92% + clamp(32px, 5.2083333333vw, 48px));
    margin-left: max(clamp(32px, 5.2083333333vw, 48px), (100% - clamp(550.4px, 89.5833333333vw, 825.6px)) / 2);
  }
  html body .p-lowerPanel__body .p-lowerHeading {
    margin: clamp(32px, 5.2083333333vw, 48px) 0 0;
  }
  html body .p-lowerPanel__texts {
    margin-top: clamp(16px, 2.6041666667vw, 24px);
  }
  html body .p-lowerPanel__texts p + p {
    margin-top: clamp(16px, 2.6041666667vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-lowerPanel {
    padding: clamp(44.8px, 14.9333333333vw, 67.2px) 0 clamp(57.6px, 19.2vw, 86.4px);
  }
  html body .p-lowerPanel__image,
  html body .p-lowerPanel--wide .p-lowerPanel__image--right {
    height: clamp(160px, 53.3333333333vw, 240px);
  }
  html body .p-lowerPanel__image,
  html body .p-lowerPanel--wide .p-lowerPanel__image--right {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-lowerPanel__body {
    margin-right: calc(100% - 92% + clamp(16px, 5.3333333333vw, 24px));
    margin-left: max(clamp(16px, 5.3333333333vw, 24px), (100% - clamp(268px, 89.3333333333vw, 402px)) / 2);
  }
  html body .p-lowerPanel__body .p-lowerHeading {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-lowerPanel__texts {
    margin-top: clamp(12.8px, 4.2666666667vw, 19.2px);
  }
  html body .p-lowerPanel__texts p + p {
    margin-top: clamp(12.8px, 4.2666666667vw, 19.2px);
  }
}
html body .p-lowerPosts > .webgene-blog > .webgene-item + .webgene-item {
  border-top: 1px solid #cad1de;
}
html body .p-lowerPosts .card__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: clamp(31px * var(--fluid-min, 0.8), 2.2693997072vw, 37.2px) 0 clamp(29px * var(--fluid-min, 0.8), 2.1229868228vw, 34.8px);
}
html body .p-lowerPosts .card__item::before, html body .p-lowerPosts .card__item::after {
  content: "";
  position: absolute;
  top: 50%;
  pointer-events: none;
}
html body .p-lowerPosts .card__item::before {
  right: 0px;
  width: 36px;
  height: 17px;
  margin-top: -8.5px;
  border-radius: 3px;
  background: #cad1de;
  transition: background-color 0.3s ease;
}
html body .p-lowerPosts .card__item::after {
  right: calc(0px + 15px);
  width: 6px;
  height: 9px;
  margin-top: -4.5px;
  background-color: #fff;
  -webkit-mask-image: url("../images/icon-triangle.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/icon-triangle.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
@media (hover: hover) and (pointer: fine) {
  html body .p-lowerPosts .card__item:hover::before {
    background: #244278;
  }
  html body .p-lowerPosts .card__item:hover .card__head img {
    transform: scale(1.05);
  }
}
html body .p-lowerPosts > .webgene-blog > .webgene-item:first-child .card__item {
  padding-top: 0;
}
html body .p-lowerPosts > .webgene-blog > .webgene-item:last-of-type .card__item {
  padding-bottom: 0;
}
html body .p-lowerPosts .card__head {
  flex-shrink: 0;
  width: clamp(185px * var(--fluid-min, 0.8), 13.5431918009vw, 222px);
  aspect-ratio: 185/160;
  border-radius: 3px;
  overflow: hidden;
}
html body .p-lowerPosts .card__head img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
html body .p-lowerPosts .card__body {
  flex: 1;
  max-width: clamp(738px * var(--fluid-min, 0.8), 54.0263543192vw, 885.6px);
  margin-left: clamp(41px * var(--fluid-min, 0.8), 3.0014641288vw, 49.2px);
}
html body .p-lowerPosts .info__date-wrap {
  display: flex;
  align-items: center;
  gap: clamp(23px * var(--fluid-min, 0.8), 1.6837481698vw, 27.6px);
}
html body .p-lowerPosts .info__category {
  display: inline-grid;
  place-items: center;
  height: clamp(22px * var(--fluid-min, 0.8), 1.6105417277vw, 26.4px);
  padding: 0 clamp(5.5px * var(--fluid-min, 0.8), 0.4026354319vw, 6.6px);
  border-radius: 5px;
  background: #e0e5ef;
}
html body .p-lowerPosts .info__title {
  margin-top: clamp(15px * var(--fluid-min, 0.8), 1.0980966325vw, 18px);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html body .p-lowerFilter {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10px * var(--fluid-min, 0.8), 0.7320644217vw, 12px);
}
html body .p-lowerFilter__cats > .webgene-blog {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10px * var(--fluid-min, 0.8), 0.7320644217vw, 12px);
}
html body .p-lowerFilter__all,
html body .p-lowerFilter__item {
  display: inline-grid;
  place-items: center;
  width: clamp(160px * var(--fluid-min, 0.8), 11.7130307467vw, 192px);
  height: clamp(50px * var(--fluid-min, 0.8), 3.6603221083vw, 60px);
  border-radius: 25px;
  background: #acb8d2;
  transition: background-color 0.3s ease;
}
html body .p-lowerFilter__all.is-current,
html body .p-lowerFilter__item.is-current {
  background: #244278;
}
@media (hover: hover) and (pointer: fine) {
  html body .p-lowerFilter__all:hover,
  html body .p-lowerFilter__item:hover {
    background: #244278;
  }
}
html body .p-lowerPosts .webgene-pagination {
  margin-top: clamp(110px * var(--fluid-min, 0.8), 8.0527086384vw, 132px);
}
html body .p-lowerPosts .webgene-pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(10px * var(--fluid-min, 0.8), 0.7320644217vw, 12px);
  margin: 0;
  padding: 0;
  list-style: none;
}
html body .p-lowerPosts .webgene-pagination li.number a {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #eeeeee;
  transition: background-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  html body .p-lowerPosts .webgene-pagination li.number a:hover {
    background: #cad1de;
  }
}
html body .p-lowerPosts .webgene-pagination li.selected a {
  background: #244278;
  pointer-events: none;
}
html body .p-lowerPosts .webgene-pagination li.dots a {
  pointer-events: none;
}
html body .p-lowerPosts .webgene-pagination li.prev a,
html body .p-lowerPosts .webgene-pagination li.next a {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(8px * var(--fluid-min, 0.8), 0.5856515373vw, 9.6px);
}
html body .p-lowerPosts .webgene-pagination li.prev a::before,
html body .p-lowerPosts .webgene-pagination li.next a::before {
  content: "";
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eeeeee;
  transition: background-color 0.3s ease;
}
html body .p-lowerPosts .webgene-pagination li.prev a::after,
html body .p-lowerPosts .webgene-pagination li.next a::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 6px;
  height: 12px;
  margin-top: -6px;
  background-color: #303131;
  -webkit-mask-image: url("../images/icon-chevron.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/icon-chevron.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body .p-lowerPosts .webgene-pagination li.prev {
  margin-right: clamp(20px * var(--fluid-min, 0.8), 1.4641288433vw, 24px);
}
html body .p-lowerPosts .webgene-pagination li.prev a::after {
  left: 17px;
  transform: scaleX(-1);
}
html body .p-lowerPosts .webgene-pagination li.next {
  margin-left: clamp(20px * var(--fluid-min, 0.8), 1.4641288433vw, 24px);
}
html body .p-lowerPosts .webgene-pagination li.next a {
  flex-direction: row-reverse;
}
html body .p-lowerPosts .webgene-pagination li.next a::before {
  background: #244278;
}
html body .p-lowerPosts .webgene-pagination li.next a::after {
  right: 17px;
  background-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  html body .p-lowerPosts .webgene-pagination li.prev a:hover::before,
  html body .p-lowerPosts .webgene-pagination li.next a:hover::before {
    background: #133570;
  }
  html body .p-lowerPosts .webgene-pagination li.prev a:hover::after,
  html body .p-lowerPosts .webgene-pagination li.next a:hover::after {
    background-color: #fff;
  }
}
html body .p-lowerPosts .webgene-pagination li.prev.is-disabled a {
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  html body .p-lowerPosts .card__item {
    padding: clamp(19.2px, 3.125vw, 28.8px) 56px clamp(19.2px, 3.125vw, 28.8px) 0;
  }
  html body .p-lowerPosts .card__head {
    width: clamp(128px, 20.8333333333vw, 192px);
  }
  html body .p-lowerPosts .card__body {
    margin-left: clamp(22.4px, 3.6458333333vw, 33.6px);
  }
  html body .p-lowerFilter__all,
  html body .p-lowerFilter__item {
    width: clamp(112px, 18.2291666667vw, 168px);
    height: clamp(35.2px, 5.7291666667vw, 52.8px);
  }
  html body .p-lowerPosts .webgene-pagination {
    margin-top: clamp(44.8px, 7.2916666667vw, 67.2px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-lowerPosts .card__item {
    align-items: flex-start;
    padding: clamp(16px, 5.3333333333vw, 24px) 46px clamp(16px, 5.3333333333vw, 24px) 0;
  }
  html body .p-lowerPosts .card__head {
    width: clamp(88px, 29.3333333333vw, 132px);
  }
  html body .p-lowerPosts .card__body {
    margin-left: clamp(11.2px, 3.7333333333vw, 16.8px);
  }
  html body .p-lowerPosts .info__date-wrap {
    gap: clamp(8px, 2.6666666667vw, 12px);
  }
  html body .p-lowerPosts .info__title {
    margin-top: clamp(6.4px, 2.1333333333vw, 9.6px);
  }
  html body .p-lowerFilter {
    display: grid;
    grid-template-columns: 1fr;
  }
  html body .p-lowerFilter__cats > .webgene-blog {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  html body .p-lowerFilter__all,
  html body .p-lowerFilter__item {
    width: 100%;
  }
  html body .p-lowerPosts .webgene-pagination {
    margin-top: clamp(32px, 10.6666666667vw, 48px);
  }
  html body .p-lowerPosts .webgene-pagination ul {
    flex-wrap: wrap;
    gap: clamp(9.6px, 3.2vw, 14.4px) clamp(4.8px, 1.6vw, 7.2px);
  }
  html body .p-lowerPosts .webgene-pagination li.prev {
    margin-right: 4px;
  }
  html body .p-lowerPosts .webgene-pagination li.next {
    margin-left: 4px;
  }
  html body .p-lowerPosts .webgene-pagination li.prev a,
  html body .p-lowerPosts .webgene-pagination li.next a {
    gap: 0;
  }
}
html body .p-lowerFaq {
  padding: clamp(133px * var(--fluid-min, 0.8), 9.7364568082vw, 159.6px) 0 clamp(150px * var(--fluid-min, 0.8), 10.980966325vw, 180px);
}
html body .p-lowerFaq__title {
  margin-left: calc(clamp(125px * var(--fluid-min, 0.8), 9.1508052709vw, 150px) + max(0px, (100% - 1639.2px) / 2));
}
html body .p-lowerFaq__list {
  display: flex;
  flex-direction: column;
  gap: clamp(10px * var(--fluid-min, 0.8), 0.7320644217vw, 12px);
  width: clamp(1115px * var(--fluid-min, 0.8), 81.6251830161vw, 1338px);
  margin: clamp(59px * var(--fluid-min, 0.8), 4.3191800878vw, 70.8px) 0 0 calc(clamp(125px * var(--fluid-min, 0.8), 9.1508052709vw, 150px) + max(0px, (100% - 1639.2px) / 2));
}
html body .p-lowerFaq__item {
  padding: clamp(40px * var(--fluid-min, 0.8), 2.9282576867vw, 48px) clamp(13px * var(--fluid-min, 0.8), 0.9516837482vw, 15.6px) clamp(39px * var(--fluid-min, 0.8), 2.8550512445vw, 46.8px) clamp(41px * var(--fluid-min, 0.8), 3.0014641288vw, 49.2px);
  border-radius: 5px;
  background: #f8fafd;
}
html body .p-lowerFaq__q,
html body .p-lowerFaq__a {
  display: flex;
  align-items: flex-start;
}
html body .p-lowerFaq__q {
  padding-bottom: clamp(14px * var(--fluid-min, 0.8), 1.0248901903vw, 16.8px);
  border-bottom: 1px solid #cad1de;
}
html body .p-lowerFaq__a {
  margin-top: clamp(17px * var(--fluid-min, 0.8), 1.2445095168vw, 20.4px);
}
html body .p-lowerFaq__mark {
  flex-shrink: 0;
  width: clamp(37px * var(--fluid-min, 0.8), 2.7086383602vw, 44.4px);
  padding-top: clamp(5px * var(--fluid-min, 0.8), 0.3660322108vw, 6px);
}
html body .p-lowerFaq__texts {
  flex: 1;
}
@media screen and (max-width: 767px) {
  html body .p-lowerFaq {
    padding: clamp(64px, 10.4166666667vw, 96px) 0 clamp(80px, 13.0208333333vw, 120px);
  }
  html body .p-lowerFaq__title,
  html body .p-lowerFaq__list {
    width: clamp(550.4px, 89.5833333333vw, 825.6px);
    max-width: calc(100% - clamp(32px, 5.2083333333vw, 48px) * 2);
    margin-inline: auto;
  }
  html body .p-lowerFaq__list {
    margin-top: clamp(32px, 5.2083333333vw, 48px);
  }
  html body .p-lowerFaq__item {
    padding: clamp(22.4px, 3.6458333333vw, 33.6px) clamp(19.2px, 3.125vw, 28.8px);
  }
  html body .p-lowerFaq__mark {
    width: clamp(25.6px, 4.1666666667vw, 38.4px);
    padding-top: clamp(3.2px, 0.5208333333vw, 4.8px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-lowerFaq {
    padding: clamp(44.8px, 14.9333333333vw, 67.2px) 0 clamp(57.6px, 19.2vw, 86.4px);
  }
  html body .p-lowerFaq__title,
  html body .p-lowerFaq__list {
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
  }
  html body .p-lowerFaq__list {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-lowerFaq__item {
    padding: clamp(16px, 5.3333333333vw, 24px) clamp(12.8px, 4.2666666667vw, 19.2px);
  }
  html body .p-lowerFaq__mark {
    width: clamp(20.8px, 6.9333333333vw, 31.2px);
    padding-top: clamp(2.4px, 0.8vw, 3.6px);
  }
}
html body .p-postDetail {
  padding: clamp(132px * var(--fluid-min, 0.8), 9.663250366vw, 158.4px) 0 clamp(150px * var(--fluid-min, 0.8), 10.980966325vw, 180px);
}
html body .p-postDetail__inner {
  width: clamp(924px * var(--fluid-min, 0.8), 67.6427525622vw, 1108.8px);
  margin-inline: auto;
}
html body .p-postDetail .detail-meta {
  display: flex;
  align-items: center;
  gap: clamp(24px * var(--fluid-min, 0.8), 1.756954612vw, 28.8px);
}
html body .p-postDetail .detail-catBtn {
  display: inline-grid;
  place-items: center;
  height: clamp(22px * var(--fluid-min, 0.8), 1.6105417277vw, 26.4px);
  padding: 0 clamp(5.5px * var(--fluid-min, 0.8), 0.4026354319vw, 6.6px);
  border-radius: 5px;
  background: #e0e5ef;
}
html body .p-postDetail .post-ttl {
  position: relative;
  margin-top: clamp(50px * var(--fluid-min, 0.8), 3.6603221083vw, 60px);
  padding: 0 0 clamp(19px * var(--fluid-min, 0.8), 1.3909224012vw, 22.8px) clamp(29px * var(--fluid-min, 0.8), 2.1229868228vw, 34.8px);
  border-bottom: 1px solid #cad1de;
}
html body .p-postDetail .post-ttl::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 8px;
  height: calc(100% - clamp(19px * var(--fluid-min, 0.8), 1.3909224012vw, 22.8px));
  background: #244278;
  pointer-events: none;
}
html body .p-postDetail .detail-text {
  margin-top: clamp(52px * var(--fluid-min, 0.8), 3.8067349927vw, 62.4px);
}
html body .p-postDetail .detail__btn {
  display: flex;
  justify-content: center;
  margin-top: clamp(52px * var(--fluid-min, 0.8), 3.8067349927vw, 62.4px);
}
html body .post-detail__content > * + * {
  margin-top: clamp(30px * var(--fluid-min, 0.8), 2.196193265vw, 36px);
}
html body .post-detail__content h2,
html body .post-detail__content h3,
html body .post-detail__content h4,
html body .post-detail__content h5,
html body .post-detail__content h6 {
  display: flex;
  align-items: center;
  gap: clamp(18px * var(--fluid-min, 0.8), 1.317715959vw, 21.6px);
}
html body .post-detail__content > * + h2,
html body .post-detail__content > * + h3,
html body .post-detail__content > * + h4,
html body .post-detail__content > * + h5,
html body .post-detail__content > * + h6 {
  margin-top: clamp(60px * var(--fluid-min, 0.8), 4.39238653vw, 72px);
}
html body .post-detail__content h2 + *,
html body .post-detail__content h3 + *,
html body .post-detail__content h4 + *,
html body .post-detail__content h5 + *,
html body .post-detail__content h6 + * {
  margin-top: clamp(21px * var(--fluid-min, 0.8), 1.5373352855vw, 25.2px);
}
html body .post-detail__content h2::before,
html body .post-detail__content h3::before,
html body .post-detail__content h4::before,
html body .post-detail__content h5::before,
html body .post-detail__content h6::before {
  content: "";
  flex-shrink: 0;
  background: #244278;
}
html body .post-detail__content h2::before,
html body .post-detail__content h3::before {
  width: 18px;
  height: 18px;
  border-radius: 3px;
}
html body .post-detail__content h4::before,
html body .post-detail__content h5::before,
html body .post-detail__content h6::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
html body .post-detail__content h5 {
  padding-bottom: clamp(12px * var(--fluid-min, 0.8), 0.878477306vw, 14.4px);
  border-bottom: 1px solid #cad1de;
}
html body .post-detail__content img {
  display: block;
  width: clamp(594px * var(--fluid-min, 0.8), 43.4846266471vw, 712.8px);
  max-width: 100%;
  height: auto;
  margin-inline: auto;
  aspect-ratio: 594/360;
  border-radius: 10px;
  object-fit: cover;
}
html body .post-detail__content * + p:has(> img) {
  margin-top: clamp(18px * var(--fluid-min, 0.8), 1.317715959vw, 21.6px);
}
html body .post-detail__content br + img {
  margin-top: clamp(18px * var(--fluid-min, 0.8), 1.317715959vw, 21.6px);
}
html body .post-detail__content img:has(+ br) {
  margin-bottom: clamp(18px * var(--fluid-min, 0.8), 1.317715959vw, 21.6px);
}
html body .post-detail__content p:has(> img) + * {
  margin-top: clamp(80px * var(--fluid-min, 0.8), 5.8565153734vw, 96px);
}
html body .post-detail__content ul,
html body .post-detail__content ol {
  padding-left: clamp(21px * var(--fluid-min, 0.8), 1.5373352855vw, 25.2px);
}
html body .post-detail__content table {
  width: 100%;
  border-collapse: collapse;
}
html body .post-detail__content th,
html body .post-detail__content td {
  padding: clamp(14px * var(--fluid-min, 0.8), 1.0248901903vw, 16.8px) clamp(16px * var(--fluid-min, 0.8), 1.1713030747vw, 19.2px);
  border: 1px solid #cad1de;
}
html body .post-detail__content th {
  background: #f8f8f8;
}
html body .post-detail__content a {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
  transition: text-decoration-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  html body .post-detail__content a:hover {
    text-decoration-color: transparent;
  }
}
html body .c-backButton {
  display: inline-grid;
  place-items: center;
  min-width: clamp(183px * var(--fluid-min, 0.8), 13.3967789165vw, 219.6px);
  height: clamp(47px * var(--fluid-min, 0.8), 3.4407027818vw, 56.4px);
  padding: 0 clamp(24px * var(--fluid-min, 0.8), 1.756954612vw, 28.8px);
  white-space: nowrap;
  border: 1px solid #244278;
  border-radius: 24px;
  background: #244278;
  transition: background-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  html body .c-backButton:hover {
    background: #fff;
  }
}
@media screen and (max-width: 767px) {
  html body .p-postDetail {
    padding: clamp(57.6px, 9.375vw, 86.4px) 0 clamp(80px, 13.0208333333vw, 120px);
  }
  html body .p-postDetail__inner {
    width: auto;
    width: clamp(550.4px, 89.5833333333vw, 825.6px);
    max-width: calc(100% - clamp(32px, 5.2083333333vw, 48px) * 2);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  html body .p-postDetail {
    padding: clamp(38.4px, 12.8vw, 57.6px) 0 clamp(57.6px, 19.2vw, 86.4px);
  }
  html body .p-postDetail__inner {
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
  }
  html body .p-postDetail .post-ttl {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .post-detail__content > * + * {
    margin-top: clamp(16px, 5.3333333333vw, 24px);
  }
  html body .post-detail__content > * + h2,
  html body .post-detail__content > * + h3,
  html body .post-detail__content > * + h4,
  html body .post-detail__content > * + h5,
  html body .post-detail__content > * + h6 {
    margin-top: clamp(32px, 10.6666666667vw, 48px);
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  html body .c-backButton {
    min-width: clamp(146.4px, 23.828125vw, 219.6px);
    height: clamp(37.6px, 6.1197916667vw, 56.4px);
    padding: 0 clamp(19.2px, 3.125vw, 28.8px);
  }
}
@media screen and (max-width: 767px) {
  html body .c-backButton {
    min-width: clamp(146.4px, 48.8vw, 219.6px);
    height: clamp(37.6px, 12.5333333333vw, 56.4px);
    padding: 0 clamp(19.2px, 6.4vw, 28.8px);
  }
}