/**
 * @file
 * メインCSSファイル
 */

/* global */
html {
  --scroll-padding-top: 0;
  scroll-padding-top: var(--scroll-padding-top);
}
/* html::-webkit-scrollbar{
  display: none;
} */
html.is-not-scrollable {
  overflow: hidden;
}
body {
  font-family: "Noto Sans JP", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
sup,
sub{
  left: 0;
  font-size: 83%;
  line-height: 0;
  position: relative;
  vertical-align: unset;
}

sup {
  top: -.25em;
}
sub {
  top: 0;
}

a {
  word-break: break-all;
}

/* component */
.c-font-bold {
  font-weight: 700;
}
.c-font-link {
  text-decoration: underline;
  transition: var(--transition);
}
.c-font-link-icon {
  display: inline-block;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.c-font-link:hover {
  text-decoration: none;
  color: var(--green);
}
.c-link {
  transition: var(--transition);
}
.c-link:hover {
  color: var(--green);
}
.c-skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #FFF;
  color: #000;
  padding: 8px;
  z-index: 100;
  transition: top 0.3s;
}
.c-skip-link:focus {
  top: 10px;
  z-index: 302;
}
.c-blank {
  display: flex;
  align-items: center;
  gap: var(--size-10);
}
.c-blank:after {
  content: "";
  display: inline-block;
  width: var(--size-16);
  height: var(--size-16);
  background: url(../img/icon/icon-new-tab.svg) no-repeat center;
  background-size: contain;
}
.c-blank-green:after {
  content: "";
  display: inline-block;
  width: var(--size-16);
  height: var(--size-16);
  background: url(../img/icon/icon-new-tab-green.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.c-blank-black:after {
  content: "";
  display: inline-block;
  width: var(--size-16);
  height: var(--size-16);
  background: url(../img/icon/icon-new-tab.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.c-title {
  font-size: 40px;
  font-size: var(--size-40);
  font-weight: 600;
  line-height: 1.2;
}
.c-title-read {
  margin: 0 0 0 var(--size-24);
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
}
.is-overflow-hidden {
  overflow: hidden;
}
.is-lock:after {
  content: "";
  display: inline-block;
  width: var(--size-15);
  height: var(--size-20);
  margin: -5px 0 0 var(--size-4);
  background: url(../img/icon/icon-lock.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.has-border-check {
  padding: 0 var(--size-24) 0 0;
  border-right: solid var(--size-1) var(--gray);
}
.js-modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
}
.js-modal-bg.is-active {
  visibility: visible;
  opacity: 1;
}
.js-accordion-content {
  display: none;
}
.js-change-contents {
  display: none;
}
.js-change-contents.is-active {
  display: block;
}
.c-inner {
  max-width: calc(var(--size-1240) + var(--size-40));
  padding: 0 var(--size-20);
  margin: auto;
}
.c-check-label {
  display: flex;
  align-items: baseline;
  gap: var(--size-4);
  cursor: pointer;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  transition: var(--transition);
}
.c-check-label:hover {
  color: var(--green);
}
.c-check-label.u-all {
  padding-right: var(--size-32);
  border-right: solid 2px var(--gray);
}
.c-check {
  position: relative;
  top: 2px;
  width: var(--size-16);
  height: var(--size-16);
  border: var(--size-1) solid var(--green);
  cursor: pointer;
  background: var(--white);
  transition: var(--transition);
}
.c-check-label:hover .c-check {
  box-shadow: 0 0 0 1px var(--green) inset;
}
.c-check:checked {
  background: var(--green);
}
.c-check:checked:before {
  position: absolute;
  top: var(--size-1);
  left: var(--size-4);
  transform: rotate(50deg);
  width: var(--size-6);
  height: var(--size-9);
  border-right: var(--size-2) solid var(--white);
  border-bottom: var(--size-2) solid var(--white);
  content: '';
}
.c-check-wrap-label {
  position: relative;
  flex: 1;
}
.c-check-wrap-label-text {
  display: block;
  position: relative;
  padding: var(--size-14);
  background: #fff;
  text-align: center;
}
.l-product-use .c-check-wrap-label-text {
  padding: var(--size-10) var(--size-24);
  border: solid 1px var(--green);
  font-size: 16px;
  font-size: var(--size-16);
  background: var(--white);
  transition: var(--transition);
}
.l-realm-search .c-check-wrap-label-text {
  padding: var(--size-10) var(--size-24);
}
.u-label-wide-pc .c-check-wrap-label-text{
  line-height: 1.6;
  padding: var(--size-10) var(--size-24);
}
.c-check-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: solid 1px var(--green);
  cursor: pointer;
}
.c-check-wrap:checked + .c-check-wrap-label-text {
  color: var(--white);
  background: var(--green);
}
.c-check-wrap:hover + .c-check-wrap-label-text {
  color: var(--green);
  background: var(--green-t);
}
.c-check-wrap:checked:hover + .c-check-wrap-label-text {
  background: var(--green);
}
.c-check-wrap:checked:hover + .c-check-wrap-label-text {
  color: var(--white);
}
.c-check-label-text {
  flex: 1;
}
.c-only-sp {
  display: none;
}
.c-button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--size-286);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: var(--size-12) var(--size-24);
  border-radius: var(--size-100);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  text-align: center;
  color: var(--white);
  line-height: 1.6;
  background: var(--green);
  transition: var(--transition);
}
.c-button.u-white {
  background: var(--white);
  color: var(--green);
  border: solid 1px var(--green);
}
.c-button.u-white:hover {
  background: var(--green-t);
}
.c-button.u-wauto {
  width: fit-content;
  min-width: unset;
}
.c-button.u-wfull {
  width: 100%;
  min-width: unset;
}
.c-button.u-w604 {
  width: 100%;
  max-width: var(--size-604);
}
.c-button.u-w598 {
  width: 100%;
  max-width: var(--size-598);
}
.c-button.u-w392 {
  width: var(--size-392);
}
.c-button.u-orange {
  background: #ec662a;
}
.c-button:hover {
  opacity: .7;
}
.c-button-icon {
  margin: -3px 0 0 var(--size-4);
  display: inline-block;
  vertical-align: middle;
}
.c-card-lock-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--size-32);
  height: var(--size-32);
  transition: var(--transition);
}
.c-card-new-label {
  position: absolute;
  top: var(--size-8);
  left: var(--size-8);
  padding: var(--size-2) var(--size-8);
  border: solid 1px var(--red);
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  line-height: 1.2;
  color: var(--red);
  background: var(--white);
}
.c-scroll-button {
  position: fixed;
  bottom: var(--size-42);
  right: 0;
  transform: translateX(100%);
  z-index: 99;
  padding: var(--size-16) var(--size-58) var(--size-10) var(--size-26);
  border-radius: var(--size-30) 0 0 var(--size-30);
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
  background-color: var(--green);
  color: white;
  cursor: pointer;
  transition: opacity var(--transition), transform var(--transition);
}
.c-scroll-button:hover {
  opacity:.7;
}
.c-scroll-button.is-active {
  transform: translateX(0);
}
.c-scroll-button-icon {
  display: block;
  width: var(--size-15);
  height: var(--size-8);
  margin: 0 auto;
  object-fit: contain;
}
.c-page-title {
  font-size: 36px;
  font-size: var(--size-36);
  font-weight: 600;
  line-height: 1.2;
}
.c-page-section-title {
  font-size: 36px;
  font-size: var(--size-36);
  font-weight: 600;
  line-height: 1.2;
}
.c-page-section-title.u-title-green {
  color: var(--green);
  padding: 0 0 0 var(--size-20);
  border-left: solid var(--size-6) var(--green);
}
.c-page-subtitle {
  padding: 0 0 var(--size-12);
  border-bottom: solid 1px var(--green);
  font-size: 26px;
  font-size: var(--size-26);
  line-height: 1.4;
  font-weight: 600;
  color: #4c4948;
}
.c-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.c-list-style {
  list-style: disc;
}
.c-list-style li::marker {
  display: none;
}
.c-list-style li {
  display: flex;
  gap: var(--size-8);
  align-items: flex-start;
  flex: 1;
}
.c-list-style:not(.u-list-ol) li:before {
  content: "";
  position: relative;
  top: 9px;
  display: inline-block;
  max-width: var(--size-8);
  min-width: var(--size-8);
  width: var(--size-8);
  height: var(--size-8);
  background: var(--green);
  border-radius: 50%;
}
.c-list-style.u-list-ol .c-list-style:not(.u-list-ol) li{
  gap: var(--size-8);
}
.c-list-style:not(.u-list-ol) .u-list-wrap:before {
  display: none;
}
.c-list-style .u-list-wrap {
  margin-left: var(--size-24);
}
.c-list-style .u-list-wrap.u-dot-number {
  margin-left: var(--size-16);
}
.c-list-style.u-list-ol {
  counter-reset: section;
}
.c-list-style.u-list-ol > .u-list-wrap > .u-list-ol {
  counter-reset: subsection;
}
.c-list-style.u-list-ol > .p-page-list-item::before {
  content: counter(section) ". ";
  counter-increment: section;
  margin-right: 3px;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  min-width: var(--size-11);
}
.c-list-style.u-list-ol > .u-list-wrap .u-list-wrap > .u-list-ol {
  counter-reset: item;
}
.c-list-style.u-list-ol > .u-list-wrap > .u-list-ol > .p-page-list-item::before {
  content: counter(subsection)".";
  counter-increment: subsection;
  margin-right: 5px;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.c-list-style.u-list-ol .u-list-ol .u-list-ol .p-page-list-item::before {
  content: "("counter(item)")";
  counter-increment: item;
  margin-right: 5px;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.c-list-style.u-list-ol.u-parentheses .p-page-list-item {
  gap: var(--size-15);
}
.c-list-style.u-list-ol .u-dot-number .u-list-ol .p-page-list-item{
  gap: var(--size-8);
}
.c-list-style.u-list-ol.u-parentheses .p-page-list-item::before {
  content: "("counter(section)")";
  counter-increment: section;
  margin-right: 5px;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.c-list-style.u-list-ol > li:before{
  background: none;
  top: 0;
}
.c-list-style.u-list-ol li {
  gap: var(--size-15);
}
.u-narcotic.c-list-style.u-list-ol li {
  gap: var(--size-8);
}
.u-list-ol.c-list-style > .u-list-wrap {
  margin-left: var(--size-31);
}
.c-inner-small {
  max-width: var(--size-1080);
  margin-left: auto;
  margin-right: auto;
}
.c-product-button {
  display: block;
  width: 100%;
  padding: var(--size-12);
  border-radius: var(--size-30);
  max-width: var(--size-604);
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.6;
  color: var(--white);
  background: var(--green);
  text-align: center;
  cursor: pointer;
  transition: var(--transition);
}
.c-product-button:hover {
  opacity: .7;
}
.c-pruduct-button__icon {
  width: var(--size-16);
  height: auto;
  vertical-align: middle;
  margin: 0 0 0 var(--size-4);
}
.is-hidden {
  display: none;
}
.is-visible.is-hidden {
  display: block;
}
.c-hr {
  height: 1px;
  width: 100%;
  margin: var(--size-20) 0;
  border: 0;
  background: var(--gray);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .c-only-pc {
    display: none;
  }
  .c-only-sp {
    display: block;
  }
  .c-inner-sp {
    padding: 0 var(--size-20);
  }
  .c-check-label {
    font-size: 16px;
    font-size: var(--size-16);
    margin: 0 0 var(--size-8);
  }
  .c-check-label.has-border-check {
    padding: 0 0 var(--size-12);
    margin: 0 0 var(--size-12);
    border-bottom: solid 1px var(--gray);
    border-right: 0;
  }
  .c-title {
    width: 100%;
    font-size: 32px;
    font-size: var(--size-32);
    line-height: 1.3125;
  }
  .u-text-center-sp .c-title {
    font-size: 21px;
    font-size: var(--size-21);
    line-height: 1.4;
  }
  .c-title.u-news-detail {
    font-size: 21px;
    font-size: var(--size-21);
    line-height: 1.4;
  }
  .c-check-wrap-label {
    flex: unset;
    width: calc(25% - var(--size-8) * 3 / 4);
  }
  .c-check-wrap-label-text {
    padding: var(--size-20) var(--size-10);
  }
  .l-product-use .c-check-wrap-label-text {
    padding: var(--size-10) var(--size-12);
  }
  .u-label-small .c-check-wrap-label-text {
    padding: var(--size-10) var(--size-12);
    text-align: left;
    line-height: 1.6;
  }
  .c-button {
    width: fit-content;
    min-width: var(--size-295);
    margin-left: auto;
    margin-right: auto;
  }
  .c-title-read {
    display: block;
    margin: var(--size-8) 0 0;
    line-height: 1.42;
  }
  .c-scroll-button {
    bottom: var(--size-100);
    padding: var(--size-11) var(--size-10) var(--size-10) var(--size-18);
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.42;
  }
  .c-scroll-button.is-fixed-at-bottom {
    position: fixed;
    bottom: var(--size-16);
  }
  .c-page-title {
    font-size: 28px;
    font-size: var(--size-28);
    line-height: 1.4;
  }
  .c-page-section-title {
    font-size: 28px;
    font-size: var(--size-28);
    line-height: 1.4;
  }
  .c-page-subtitle {
    font-size: 22px;
    font-size: var(--size-22);
    line-height: 1.4;
  }
  .c-page-section-title.u-title-green {
    padding: 0 0 0 var(--size-16);
    border-left: solid var(--size-4) var(--green);
    line-height: 1.4;
  }
  .c-hr {
    margin: var(--size-32) 0;
  }
  .c-button.u-w392 {
    width: 100%;
    max-width: var(--size-392);
  }
}

/* layout */

/* ヘッダー */
.l-header {
  position: relative;
  z-index: 301;
  min-width: calc(var(--size-1240) + var(--size-40));
}
.l-header__inner {
  position: relative;
  display: block;
  width: 100%;
  background: var(--white);
  border-bottom: solid var(--size-2) var(--green);
}
.l-header__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--size-20) var(--size-63) var(--size-15);
}
.l-header__logo {
  display: flex;
  gap: var(--size-30);
  align-items: center;
}
.l-header__logo-image {
  height: auto;
  width: var(--size-186);
}
.l-header__logo-text {
  font-size: 14px;
  font-size: var(--size-14);
  color: #4c4948;
  font-weight: 600;
  white-space: nowrap;
}
.l-header__logo-link {
  display: flex;
  gap: var(--size-14);
  align-items: center;
}
.l-header__logo-image {
  width: var(--size-386);
  height: var(--size-38);
  object-fit: contain;
}
.l-header__logo-image-right {
  width: var(--size-420);
  height: var(--size-38);
  object-fit: contain;
}
.l-header__icons {
  display: flex;
  height: var(--size-38);
  align-items: center;
}
.l-header__top-list {
  display: flex;
  align-items: baseline;
  gap: var(--size-41);
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: var(--size-12);
}
.l-header__top-list.c-only-sp {
  display: none;
}
.l-header__top-link {
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  transition: var(--transition);
}
.l-header__top-link:hover {
  color: var(--green);
}
.l-header__bottom {
  padding: 0 var(--size-63);
}
.l-header__nav-list {
  display: flex;
  width: fit-content;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--size-52);
  row-gap: var(--size-12);
  margin-left: auto;
}
.l-header__megamenu-button,
.l-header__nav-item-link {
  position: relative;
  display: block;
  padding: var(--size-5) 0 var(--size-17);
  color: var(--green);
  font-size: 20px;
  font-size: var(--size-20);
  cursor: pointer;
  font-weight: 600;
  line-height: 1.2;
}
.l-header__nav-icon-image {
  width: var(--size-24);
  height: var(--size-24);
}
.l-header__megamenu-button:after,
.l-header__nav-item-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--size-5);
  background: var(--green);
  opacity: 0;
  transition: .3s;
}
.l-header__megamenu-button:hover:after,
.l-header__nav-item-link:hover:after,
.l-header__megamenu-button.is-active:after {
  opacity: 1;
}
.l-header__megamenu-button.is-current:after,
.l-header__nav-item-link.is-current:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--size-5);
  background: var(--green);
  opacity: 1;
}
.l-header__nav-buttons {
  display: flex;
  gap: var(--size-16);
  align-items: center;
}
.l-header__nav-button {
  display: block;
  width: var(--size-124);
  text-align: center;
  padding: var(--size-10) var(--size-20);
  border-radius: var(--size-20);
  font-size: 14px;
  font-size: var(--size-14);
  color: var(--white);
  margin: 0 0 var(--size-10);
  transition: var(--transition);
  font-weight: 600;
}
.l-header__nav-button:hover {
  opacity: .7;
}
.l-login-button {
  background: var(--green);
}
.l-register-button {
  background: #ec662a;
}
.l-header__nav-icon {
  margin: var(--size-4) 0 var(--size-14);
  transition: var(--transition);
}
.l-header__nav-icon-image {
  margin: 0 0 0 var(--size-28);
}
.l-header__nav-icon:hover {
  opacity: .7;
}
.l-header__megamenu-container {
  position: absolute;
  top: calc(100% + var(--size-2));
  left: 0;
  width: 100%;
  height: fit-content;
  background: var(--light-gray);
  padding: var(--size-44) 0 var(--size-60);
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
}
.l-header__megamenu-container.is-active {
  visibility: visible;
  opacity: 1;
}
.l-header__megamenu-container {
  overflow: auto;
}
.l-header__megamenu-container:after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--size-100);
  transform: rotate(180deg);
  background: linear-gradient(#696A6F9E, transparent 100%);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.l-header__megamenu-container.is-scrollable:after {
  opacity: 1;
  visibility: visible;
}
.l-header__megamenu-inner {
  position: relative;
}
.l-header__megamenu-title {
  display: flex;
  align-items: center;
  gap: var(--size-8);
  margin: 0 0 var(--size-48);
  font-size: 26px;
  font-size: var(--size-26);
  font-weight: 600;
  line-height: 1.7;
}
.l-header__megamenu-title__link {
  transition: var(--transition);
  cursor: pointer;
}
.l-header__megamenu-title__link:hover {
  color: var(--green);
}
.l-header__megamenu-close {
  transition: var(--transition);
}
.l-header__megamenu-close:hover {
  opacity: .7;
}
.l-header__megamenu-close {
  position: absolute;
  top: 0;
  right: var(--size-20);
  width: var(--size-24);
  height: var(--size-24);
}
.l-header__megamenu-close-image {
  width: var(--size-24);
  height: var(--size-24);
}
.l-header__megamenu-list {
  display: flex;
  column-gap: var(--size-32);
  row-gap: var(--size-16);
  flex-wrap: wrap;
  align-items: flex-start;
}
.l-header__megamenu-item {
  width: calc(25% - var(--size-32) * 3 / 4);
}
.l-header__megamenu-link {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  transition: var(--transition);
}
.l-header__megamenu-link:hover {
  color: var(--green);
}
.l-header__megamenu-inner-title {
  padding: 0 0 var(--size-20);
  margin: 0 0 var(--size-20);
  border-bottom: solid var(--size-1) var(--border-green);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.42;
}
.l-header__megamenu-inner-item {
  margin-bottom: var(--size-16);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.l-header__megamenu-inner-link {
  transition: var(--transition);
}
.l-header__megamenu-inner-link:hover {
  color: var(--green);
}
.l-header__megamenu-form__searchbar {
  display: flex;
  margin-bottom: var(--size-37);
}
.l-header__megamenu-form__text {
  width: calc(100% - var(--size-157));
  padding: var(--size-17) var(--size-20);
  border: solid 1px var(--gray);
  background: var(--white);
  font-size: 16px;
  font-size: var(--size-16);
}
.l-header__megamenu-form__text::placeholder {
  color: #adadad;
  font-size: 16px;
  font-size: var(--size-16);
}
.l-header__megamenu-form_submit {
  width: var(--size-157);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.6;
  padding: var(--size-18) var(--size-24);
  background: var(--green);
  color: var(--white);
  text-align: center;
  transition: var(--transition)
}
.l-header__megamenu-form_submit:hover {
  opacity: .7;
}
.l-header__megamenu-form__title {
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.42;
  margin: 0 0 var(--size-15);
}
.l-header__megamenu-form__check-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-24);
}
.l-header__megamenu-form__check {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-32);
}
.l-header__nav-item-buttons-list {
  display: flex;
  gap: var(--size-16);
}
.l-header__nav-item.u-member {
  margin: 0 var(--size-20);
}
.u-member .l-header__megamenu-button {
  position: relative;
}
.u-member .l-header__megamenu-button:before,
.u-member .l-header__megamenu-button:after {
  content: "";
  position: absolute;
  top: 0;
  width: var(--size-1);
  height: var(--size-29);
  background: var(--gray);
  opacity: 1;
}
.u-member .l-header__megamenu-button:before {
  left: calc(var(--size-20) * -1);
}
.u-member .l-header__megamenu-button:after {
  left: unset;
  right: calc(var(--size-20) * -1);
}
.l-header__megamenu-button-member:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--size-5);
  background: var(--green);
  opacity: 0;
  transition: .3s;
}
.l-header__megamenu-button:hover .l-header__megamenu-button-member:after {
  opacity: 1;
}
.l-header__megamenu-button.is-active .l-header__megamenu-button-member:after {
  opacity: 1;
}
.l-header__megamenu-member-label {
  display: inline-block;
  padding: var(--size-2) var(--size-12);
  background: var(--orange);
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  line-height: 1.4;
  color: var(--white);
}
.l-header__nav-item-icon-new-tab {
  width: var(--size-16);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-header {
    min-width: unset;
  }
  .l-header__top {
    padding: var(--size-20) var(--size-23) var(--size-20) var(--size-20);
  }
  .l-header__logo-image {
    width: auto;
    height: var(--size-20);
  }
  .l-header__icons {
    height: var(--size-20);
  }
  .l-header__icon {
    width: var(--size-32);
    height: var(--size-32);
  }
  .l-header__nav-list {
    display: flex;
    flex-direction: column;
  }
  .l-header__top-list.c-only-pc {
    display: none;
  }
  .l-header__top-list {
    gap: var(--size-30);
  }
  .l-header__top-list.c-only-sp {
    display: flex;
  }
  .l-hamburger {
    width: var(--size-30);
    height: var(--size-18);
    background: url(../img/icon/icon-hamburger.svg) no-repeat center;
    background-size: contain;
  }
  .l-hamburger.is-active {
    height: var(--size-24);
    background: url(../img/icon/icon-close.svg) no-repeat center;
    background-size: contain;
  }
  .l-search-button {
    width: var(--size-24);
    height: var(--size-24);
    background: url(../img/icon/icon-search.svg);
    background-size: contain;
  }
  .l-search-button.is-active {
    height: var(--size-24);
    background: url(../img/icon/icon-close.svg) no-repeat center;
    background-size: contain;
  }
  .l-hamburger__menu{
    position: absolute;
    top: calc(100% + var(--size-2));
    left: 0;
    width: 100vw;
    height: fit-content;
    max-height: 100vh;
    overflow: scroll;
    visibility: hidden;
    opacity: 0;
    background: var(--light-gray);
    transition: var(--transition);
  }
  .l-hamburger__menu.is-active {
    visibility: visible;
    opacity: 1;
  }
  .l-hamburger__accordion-button,
  .l-hamburger__link {
    position: relative;
    padding: var(--size-16) var(--size-60) var(--size-20) var(--size-20);
    border-bottom: solid 1px var(--gray);
    font-size: 16px;
    font-size: var(--size-16);
    font-weight: 600;
    background: var(--light-gray);
  }
  .l-hamburger__link {
    display: block;
  }
  .l-hamburger__accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--size-4);
    width: 100%;
   }
  .l-hamburger__accordion-button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: var(--size-30);
    transform: translateY(-50%);
    display: block;
    width: var(--size-20);
    height: var(--size-20);
    background: url(../img/icon/icon-accordion-open.svg) no-repeat center;
    background-size: contain;
  }
  .l-hamburger__accordion-button.is-active {
    color: var(--green);
  }
  .l-hamburger__accordion-button.is-active:after {
    content: "";
    position: absolute;
    top: 50%;
    right: var(--size-30);
    transform: translateY(-50%);
    display: block;
    width: var(--size-20);
    height: var(--size-20);
    background: url(../img/icon/icon-accordion-close.svg) no-repeat center;
    background-size: contain;
  }
  .l-hamburger__accordion-contents {
    padding: var(--size-16) var(--size-20) var(--size-24);
    border-bottom: solid 1px var(--gray);
    background: var(--white);
  }
  .l-hamburger__accordion__title {
    margin: 0 0 var(--size-24);
    font-size: 16px;
    font-size: var(--size-16);
    font-weight: 600;
    line-height: 1.4;
  }
  .l-hamburger__accordion__title .u-member {
    margin: 0 0 var(--size-16);
  }
  .l-hamburger__accordion-inner-title {
    padding: 0 0 var(--size-8);
    margin: 0 0 var(--size-16);
    border-bottom: solid 1px var(--green);
    font-size: 14px;
    font-size: var(--size-14);
    font-weight: 600;
    line-height: 1.4;
  }
  .l-hamburger__accordion-link {
    display: block;
    margin: 0 0 var(--size-14);
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.4;
  }
  .u-member .l-hamburger__accordion-link {
    font-size: 16px;
    font-size: var(--size-16);
    margin: 0 0 var(--size-16);
  }
  .l-hamburger__accordion-parent-item .l-hamburger__accordion-link {
    padding: 0 var(--size-10) 0;
  }
  .l-hamburger__accordion-item:last-child .l-hamburger__accordion-link{
    margin: 0;
  }
  .l-hamburger__accordion-icon-new-tab {
    width: var(--size-16);
    height: auto;
    margin: 0 0 0 var(--size-4);
    vertical-align: middle;
  }
  .l-hamburger__accordion-parent-item {
    margin: 0 0 var(--size-24);
  }
  .l-hamburger__accordion-parent-item:last-child {
    margin: 0;
  }
  .l-hamburder-buttons {
    display: flex;
    justify-content: center;
    gap: var(--size-20);
    padding: var(--size-24) var(--size-20);
    border-bottom: solid 1px var(--gray);
    background: var(--light-gray);
  }
  .l-hamburder-button {
    width: var(--size-158);
    padding: var(--size-12);
    border-radius: var(--size-25);
    font-size: 18px;
    font-size: var(--size-18);
    line-height: 1.6;
    color: var(--white);
    text-align: center;
    font-weight: 600;
  }
  .l-hamburger__links-list {
    padding: var(--size-16) var(--size-20) var(--size-24);
    border-bottom: solid 1px var(--gray);
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.4;
    background: var(--light-gray);
  }
  .l-hamburger__links-item {
    margin: 0 0 var(--size-16);
  }
  .l-hamburger__links-list .l-hamburger__links-item:last-child {
    margin: 0;
  }
  .l-hamburger__close-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--size-4);
    padding: var(--size-16);
    width: 100%;
    font-size: 16px;
    font-size: var(--size-16);
    text-align: center;
    line-height: 1.4;
    background: var(--light-gray);
  }
  .l-hamburger__close-icon {
    width: var(--size-16);
    height: var(--size-16);
  }
  .l-search-menu__title {
    padding: var(--size-16) var(--size-20);
    font-size: 16px;
    font-size: var(--size-16);
    font-weight: 600;
    line-height: 1.4;
  }
  .l-search-menu__form {
    border-bottom: solid 1px var(--gray);
  }
  .l-search-menu__searchbar {
    display: flex;
    align-items: center;
    padding: 0 var(--size-20) var(--size-32);
  }
  .l-search-menu__text {
    width: calc(100% - var(--size-63));
    padding: var(--size-11) var(--size-16);
    border: solid 1px var(--gray);
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.8;
    background: var(--white);
  }
  .l-search-menu__text::placeholder {
    color: #adadad;
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.8;
  }
  .l-search-menu_submit {
    width: var(--size-63);
    padding: var(--size-12) 0;
    color: var(--white);
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.8;
    font-weight: 600;
    text-align: center;
    background: var(--green);
  }
  .l-search-menu__check-container {
    padding: 0 var(--size-20) var(--size-24);
  }
  .l-search-menu__search-title {
    margin-bottom: var(--size-14);
    padding: 0 var(--size-20);
    font-size: 16px;
    font-size: var(--size-16);
    font-weight: 600;
    line-height: 1.4;
  }
  .l-header__accordion-member-label {
    display: inline-block;
    padding: var(--size-2) var(--size-12);
    margin: 0 var(--size-8) 0 0;
    font-size: 12px;
    font-size: var(--size-12);
    font-weight: 600;
    line-height: 1.75;
    background: var(--orange);
    color: var(--white);
  }
}

/* main */
.l-main__container {
  min-width: calc(var(--size-1240) + var(--size-40));
  margin: auto;
}
.l-main.u-module {
  margin: 0 auto var(--size-150);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-main {
    overflow: unset;
  }
  .l-main__container {
    min-width: unset;
  }
  .l-main.u-module {
    margin: 0 auto var(--size-96);
  }
}

/* フッター */
.l-footer {
  min-width: calc(var(--size-1240) + var(--size-40));
  margin: auto;
}
.l-footer__links {
  padding: var(--size-45) 0;
  background: var(--light-gray);
}
.l-footer__links-contents {
  display: flex;
  gap: var(--size-32);
  align-items: flex-start;
}
.l-footer__links-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--size-32);
  flex-wrap: wrap;
}
.l-footer__links-item {
  width: calc(33.33% - var(--size-32) * 2 / 3);
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  line-height: 1.4;
  transition: var(--transition);
}
.l-footer__links-item:hover {
  color: var(--green);
}
.p-footer__links-icon {
  width: var(--size-15);
  height: var(--size-20);
  margin: -2px 0 0 var(--size-4);
  object-fit: contain;
  vertical-align: middle;
}
.l-footer__bottom {
  padding: var(--size-24) 0;
  background: var(--green);
  color: var(--white);
}
.l-footer__bottom-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 var(--size-32);
}
.l-footer__bottom-item {
  padding: 0 var(--size-32) 0 0;
  margin: 0 0 0 var(--size-32);
  border-right: solid 1px var(--white);
}
.l-footer__bottom-item:last-child {
  border-right: 0;
}
.l-footer__bottom-link {
  transition: var(--transition);
}
.l-footer__bottom-link:hover {
  opacity: .7;
}
.l-footer__bottom-copy {
  font-size: 14px;
  font-size: var(--size-14);
  text-align: center;
  line-height: 1.7;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-footer {
    min-width: unset;
  }
  .l-footer__links-contents {
    flex-direction: column;
    gap: var(--size-48);
  }
  .l-footer__links-list {
    column-gap: var(--size-20);
    row-gap: var(--size-24);
  }
  .l-footer__links-item {
    width: calc(50% - var(--size-20) * 1 / 2);
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.6;
  }
  .l-footer__bottom-links {
    justify-content: flex-start;
    row-gap: var(--size-32);
  }
  .l-footer__bottom-item {
    margin: 0 var(--size-19) 0 0;
    padding: 0 var(--size-19) 0 0;
  }
  .l-footer__bottom-link {
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.4;
  }
  .l-footer__links-contact {
    width: 100%;
  }
}

/* パンくずリスト */
.l-breadcrumbs-container {
  position: relative;
  overflow: hidden;
}

.l-breadcrumbs-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 100%;
  background: transparent linear-gradient(90deg, #ffffff7a 0%, var(--white) 100%) 0% 0% no-repeat padding-box;;
  display: none;
}

.l-breadcrumbs-container.is-scrollable::after {
  display: block;
}
.l-breadcrumbs__list {
  display: flex;
  padding: var(--size-8) var(--size-20);
  margin: 0 auto;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.l-breadcrumbs__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--size-8);
  white-space: nowrap;
}
.l-breadcrumbs__item:after {
  content: "";
  display: block;
  width: var(--size-8);
  height: var(--size-12);
  margin-top: 1px;
  background: url(../img/icon/icon-arrow-right.svg) no-repeat center;
  background-size: contain;
}
.l-breadcrumbs__item:last-child:after {
  display: none;
}
.l-breadcrumbs__link {
  transition: var(--transition);
}
.l-breadcrumbs__link.is-active {
  font-weight: 600;
}
.l-breadcrumbs__link:hover {
  color: var(--green);
}
.l-breadcrumbs__link.is-active:hover{
  color: var(--black);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-breadcrumbs {
    overflow: scroll;
    overflow-y: hidden;
  }
  .l-breadcrumbs__list {
    width: fit-content;
    flex-wrap: nowrap;
    min-width: 100%;
  }
}

/* 製品ページ ナビゲーション */
.l-navigation,
.l-navigation.l-navigation-tabs {
  padding: var(--size-24) 0;
  background: var(--green-t);
}
.l-navigation-tabs {
  padding: var(--size-24) 0 0;
  background: var(--green-t);
}
.l-navigation-anchors {
  padding: var(--size-24) 0;
  background: var(--green-t);
}
.l-navigation-tabs + .l-navigation-anchors{
  padding: var(--size-8) 0 var(--size-24);
}
.l-navigation-anchors.u-faq {
  padding: 0;
  background: transparent;
}
.l-navigation.u-no-bottom {
  padding: var(--size-24) 0 0;
}
.l-navigation__tabs {
  display: flex;
  padding: 0 0 var(--size-12);
  justify-content: center;
  align-items: stretch;
}
.l-sticky-navigation .l-navigation__tabs {
  padding: 0;
}
.l-navigation__tabs-item {
  position: relative;
  width: calc(16.66%);
  min-width: unset;
  background: var(--white);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.4;
  color: var(--green);
  text-align: center;
}
.l-navigation-tabs-it-solution .l-navigation__tabs-item {
  width: calc(18%);
}
.l-navigation__tabs-item.is-active {
  background: var(--green);
  color: var(--white);
}
.l-navigation__tabs-item:hover:after {
  visibility: visible;
  opacity: 1;
}
.l-navigation__tabs-item.is-active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 12px solid var(--green);
  border-bottom: 0;
}
.l-navigation__tabs-icon {
  margin: -3px 0 0;
  width: var(--size-16);
  height: var(--size-16);
  vertical-align: middle;
}
.l-navigation__tabs-icon.u-lock,
.l-navigation__tabs-icon.u-lock-white {
  width: unset;
  height: unset;
}
.l-navigation__tabs-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: var(--size-10);
  border: solid 1px var(--green);
  transition: var(--transition);
}
.l-navigation__tabs-link:hover {
  box-shadow: 0 0 0 1px var(--green) inset;
}
.js-change-tabs .l-navigation__tabs-item.is-active .u-lock {
  display: none;
}
.js-change-tabs .l-navigation__tabs-item .u-lock-white {
  display: none;
}
.js-change-tabs .l-navigation__tabs-item.is-active .u-lock-white {
  display: inline-block;
}
.l-navigation__anchors {
  display: flex;
  padding: var(--size-8) var(--size-12);
  justify-content: center;
  align-items: stretch;
  background: var(--white);
  text-align: center;
}
.l-sticky-navigation__bottom .l-navigation__anchors,
.l-sticky-navigation__bottom .l-navigation__anchors.u-module {
  margin: 0;
  justify-content: flex-start;
}
.l-navigation__anchors-link {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  padding: var(--size-4) var(--size-12);
  border-right: solid 1px var(--gray);
  transition: var(--transition);
  font-weight: 600;
  line-height: 1.4;
  color: #4c4948;
}
.l-navigation__anchors-item:last-child .l-navigation__anchors-link {
  border-right: 0;
}
.l-navigation__anchors-link:hover {
  color: var(--green);
}
.l-navigation__anchors-link-wrap {
  display: block;
  width: fit-content;
  margin: auto;
}
.l-navigation__anchors-link-wrap:after {
  content: "";
  display: block;
  width: var(--size-16);
  height: var(--size-8);
  margin: var(--size-8) auto 0;
  background: url(../img/icon/icon-arrow-down.svg) no-repeat center;
  background-size: contain;
}
.l-navigation__anchors-link:hover {
  color: var(--green);
}
.l-navigation__anchors-link.is-active .l-navigation__anchors-link-wrap:after {
  width: 100%;
  height: var(--size-2);
  background: var(--green);
  margin-bottom: var(--size-6);
}

@media screen and (min-width: 48.0rem ) {/* 768px */
  .u-equal-size .l-navigation__anchors-item {
    width: var(--size-121);
  }
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-navigation {
    padding: var(--size-20) 0;
  }
  .l-navigation__scroll-wrap {
    width: calc(100% + var(--size-40));
    padding: 0 0 0 var(--size-20);
    margin-left: calc(var(--size-20) * -1);
    overflow: auto;
    overflow-y: hidden;
  }
  .l-navigation__tabs-item,
  .l-navigation-tabs-it-solution .l-navigation__tabs-item {
    width: unset;
    font-size: var(--size-16);
  }
  .l-navigation__tabs-link {
    white-space: nowrap;
    padding: var(--size-11) var(--size-20);
  }
  .l-navigation__tabs-link.u-has-icon {
    padding: var(--size-11) var(--size-36) var(--size-11) var(--size-20);
  }
  .l-navigation__tabs {
    width: fit-content;
    padding-right: 20px;
  }
  .l-navigation__anchors {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: var(--size-12) var(--size-10);
  }
  .l-navigation__anchors.u-col-2 {
    margin: 0;
  }
  .l-navigation__anchors-item {
    width: 25%;
    border-bottom: 1px solid var(--gray);
    border-right: 1px solid var(--gray);
  }
  .l-navigation__anchors-item:nth-child(4n){
    border-right: 0;
  }
  .l-navigation__anchors-link {
    display: flex;
    width: fit-content;
    padding: var(--size-4) var(--size-3);
    margin: auto;
    border-right: 0;
    min-height: var(--size-64);
    min-width: unset;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    font-size: var(--size-14);
  }
  .l-navigation__anchors-item.is-no-border-bottom {
    border-bottom: 0;
  }
  .l-navigation__anchors-item.is-no-border-right {
    border-right: 0;
  }
  .l-navigation.u-no-bottom {
    padding: var(--size-20) 0 0;
  }
  .u-module .l-navigation__anchors-link:after {
    margin: var(--size-4) auto 0;
  }
  .l-navigation-anchors.u-faq .c-inner {
    padding: 0;
  }
  .l-navigation-anchors.u-faq .l-navigation__anchors-item {
    flex: 1;
  }
  .l-navigation-anchors.u-faq .l-navigation__anchors-item:nth-child(4n) {
    border-right: 1px solid var(--gray);
  }
}

/* 製品ページ 追従ナビゲーション */
.l-sticky-navigation {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 300;
  transform: translateY(-110%);
  transition: var(--transition);
  background: transparent;
  visibility: hidden;
}
.l-sticky-navigation__top,
.l-sticky-navigation__bottom {
  min-width: calc(var(--size-1240) + var(--size-40));
  width: 100%;
  background: var(--white);
}
.l-sticky-navigation__top {
  border-bottom: solid 1px var(--gray);
}
.l-sticky-navigation__bottom {
  box-shadow: 0px 3px 6px #00000029;
}
.l-sticky-navigation__top.u-no-bottom {
  box-shadow: 0px 3px 6px #00000029;
}
.l-sticky-navigation.is-fixed:has(.is-visible) {
  transform: translateY(0);
  visibility: visible;
}
.l-sticky-navigation__top,
.l-sticky-navigation__bottom.is-visible {
  transition: var(--transition);
}
.l-sticky-navigation__bottom {
  transition: var(--transition);
}
.l-sticky-navigation__top {
  transform: translateY(0);
  max-height: var(--size-48);
}
.l-sticky-navigation__top:not(.is-visible) {
  transform: translateY(-100%);
}
.l-sticky-navigation__top:not(.is-visible).u-no-bottom {
  transform: translateY(-120%);
}
.l-sticky-navigation__bottom.is-visible {
  transform: translateY(0);
}
.l-sticky-navigation.is-fixed .l-sticky-navigation__bottom {
  position: fixed;
  top: 0;
  z-index: 300;
  width: 100%;
  transition: var(--transition);
}
.l-sticky-navigation.is-fixed .l-sticky-navigation__bottom.is-no-top {
  position: unset;
}
.l-sticky-navigation__top.is-visible + .l-sticky-navigation__bottom {
  top: var(--size-48);
}
.l-sticky-navigation .l-navigation__tabs{
  margin: 0;
  justify-content: flex-start;
}
.l-sticky-navigation .l-navigation__tabs-item.is-active:before {
  display: none;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-sticky-navigation__top,
  .l-sticky-navigation__bottom {
    min-width: unset;
  }
  .l-sticky-navigation-sp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    width: 100%;
    transform: translateY(-110%);
    transition: var(--transition);
  }
  .l-sticky-navigation-sp .l-navigation__tabs-item .c-only-sp {
    display: none;
  }
  .l-sticky-navigation-sp .l-navigation__anchors.u-module,
  .l-sticky-navigation-sp .l-navigation__anchors.u-module.u-mb44-sm {
    margin: 0;
  }
  .l-sticky-navigation-sp.is-fixed {
    transform: translateY(0);
  }
  .l-sticky-navigation-sp__button {
    display: flex;
    width: 100%;
    padding: var(--size-8);
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-size: var(--size-16);
    font-weight: 600;
    line-height: 1.6;
    background: var(--white);
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
  }
  .l-sticky-navigation-sp__button:after {
    content: "";
    display: inline-block;
    width: var(--size-16);
    height: var(--size-16);
    margin: 0 0 0 var(--size-8);
    background: url(../img/icon/icon-accordion-open.svg) no-repeat center;
    background-size: contain;
    vertical-align: middle;
  }
  .l-sticky-navigation-sp__button.is-active:after {
    background: url(../img/icon/icon-accordion-close.svg) no-repeat center;
    background-size: contain;
  }
}

/* 製品ページ ヘッダー */
.l-product-header__subtitle {
  margin: 0 0 var(--size-4);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
  color: #4c4948;
}
.l-product-header__title {
  font-size: 40px;
  font-size: var(--size-40);
  line-height: 1.45;
  font-weight: 600;
}
.l-product-header__title-en {
  margin: 0 0 var(--size-24);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
  color: #4c4948;
}
.l-product-header__labels {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-8);
}
.l-product-header__labels-item {
  padding: var(--size-2) var(--size-8);
  border: solid 1px var(--green);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.2;
  font-weight: 600;
  color: var(--green);
  background: var(--white);
}
.l-product-header__labels-small {
  margin: 0 0 0 var(--size-4);
  font-size: 60%;
  vertical-align: top;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-product-header__subtitle {
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.4;
  }
  .l-product-header__title {
    font-size: 21px;
    font-size: var(--size-21);
  }
  .l-product-header__title-en {
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.4;
    margin: 0 0 var(--size-20);
  }
}

/* 領域ページヘッダー */
.l-realm-header__content {
  display: flex;
  gap: var(--size-24);
}
.l-realm-header__image-wrap {
  width: var(--size-85);
  height: auto;
}
.l-realm-header__title-wrap {
  flex: 1;
}
.l-realm-header__subtitle {
  margin: 0 0 var(--size-4);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
  color: #4c4948;
}
.l-realm-header__title {
  font-size: 40px;
  font-size: var(--size-40);
  line-height: 1.45;
  font-weight: 600;
}
.l-realm-header__desc {
  margin: var(--size-24) 0 0;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.l-realm-header__sub-item {
  margin: 0 0 var(--size-12);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  text-align: right;
}
.l-realm-header__sub-item:last-child {
  margin: 0;
}
.l-realm-header__sub-link {
  transition: var(--transition);
}
.l-realm-header__sub-link:hover {
  color: var(--green);
}
.l-realm-header__sub-icon {
  width: var(--size-8);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-realm-header__content {
    flex-direction: column;
    gap: var(--size-20);
  }
  .l-realm-header__title-wrap {
    order: 1;
  }
  .l-realm-header__subtitle {
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.4;
  }
  .l-realm-header__title {
    font-size: 21px;
    font-size: var(--size-21);
    line-height: 1.4;
  }
  .l-realm-header__sub-item {
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.4;
  }
  .l-realm-header__sub-icon {
    margin: -2px 0 0 var(--size-4)
  }
  .l-realm-header__desc {
    margin: var(--size-12) 0 0;
  }
}

/* sections */

.l-mv {
  visibility: hidden;
}
.l-mv.is-visible {
  visibility: visible;
}
.l-announcement {
  background: #f9e8e9;
}
.l-search-realm {
  padding: var(--size-60) 0 var(--size-60);
  background: transparent linear-gradient(
    0deg, #00B08D 0%, #00B08D 0%, #007C55 100%
  ) 0% 0% no-repeat;
}
.l-news {
  padding: var(--size-80) 0;
}
.l-pickup {
  padding: var(--size-60) 0 var(--size-80);
  background: var(--light-gray);
  overflow-x: hidden;
}
.l-seminar {
  padding: var(--size-60) 0 var(--size-80);
  background: var(--light-gray);
}
.l-support {
  padding: var(--size-60) 0 var(--size-80);
  background: var(--light-gray);
}
.l-member {
  position: relative;
  padding: var(--size-60) 0;
  background: url(../img/member/bg.png) no-repeat center;
  background-size: cover;
}
.l-member:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #96D0BA;
  opacity: .2;
}
.l-related {
  padding: var(--size-80) 0 var(--size-140);
}
.l-login {
  padding: var(--size-60) 0 var(--size-80);
}
.l-section-tabs {
  padding: var(--size-24) 0 var(--size-12);
  background: var(--green-t);
}
.l-movie {
  padding: var(--size-24) 0 var(--size-80);
}
.l-external {
  padding: var(--size-267) 0;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-search-realm {
    padding: var(--size-60) 0;
  }
  .l-news {
    padding: var(--size-60) 0;
  }
  .l-pickup {
    padding: var(--size-60) 0;
  }
  .l-seminar {
    padding: var(--size-60) 0;
  }
  .l-member {
    padding: 0;
    background: none;
  }
  .l-member:after {
    display: none;
  }
  .l-support {
    padding: var(--size-60) 0;
  }
  .l-related {
    padding: var(--size-60) 0 var(--size-124);
  }
  .l-login {
    padding: var(--size-44) 0 var(--size-60);
  }
  .l-section-tabs {
    padding: var(--size-20) 0 var(--size-12);
  }
  .l-movie {
    padding: var(--size-20) 0 var(--size-60);
  }
  .l-external {
    padding: var(--size-94) 0 var(--size-92);
  }
}

/* タブ切り替え */
.l-tabs {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.l-tab__item {
  position: relative;
  width: 50%;
  text-align: center;
  background: var(--white);
}
.l-tab__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: var(--size-10);
  border: solid 1px var(--green);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.4;
  color: var(--green);
  cursor: pointer;
  transition: var(--transition);
}
.l-tab__link:hover {
  box-shadow: 0 0 0 1px var(--green) inset;
}
.l-tab__item.is-active {
  background: var(--green);
}
.is-active .l-tab__link {
  color: var(--white);
}
.l-tab-lock {
  width: var(--size-15);
  height: var(--size-20);
  margin: -4px 0 0 var(--size-4);
  vertical-align: middle;
}
.l-tab__item.is-active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 12px solid var(--green);
  border-bottom: 0;
}

/* ページTOP */
.l-page-header {
  padding: var(--size-24) 0;
  background: #d0e9df;
}
.l-page-header.u-module.u-bg-white {
  padding: var(--size-24) 0 0;
}
.l-page-header.u-has-tabs {
  padding: var(--size-24) 0 var(--size-12);
}
.l-page-header__sub-title {
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 600;
  line-height: 1.5;
  color: #4c4948;
}
.l-page-header__title {
  line-height: 1.425;
}
.l-page-header__title.u-narrow {
  line-height: 1.2;
}
.u-module .l-page-header__title {
  line-height: 1.2;
}
.l-page-contact {
  padding: var(--size-60) 0;
  background: var(--green-t);
}
.l-page-header__attention {
  margin: var(--size-8) 0;
}
.l-page-header__attention-text {
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 600;
  line-height: 1.6;
  color: var(--red);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-page-header {
    padding: var(--size-20) 0;
  }
  .l-page-header.u-module.u-bg-white {
    padding: var(--size-20) 0 0;
  }
  .l-page-header__sub-title {
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.4;
  }
  .l-page-header__title {
    line-height: 1.4375;
  }
  .l-page-contact {
    padding: var(--size-44) 0;
  }
  .l-page-header__attention-text {
    font-size: 14px;
    font-size: var(--size-14);
  }
}

/* project */

/* メインビジュアル */
.front .l-mv:not(:has(.l-announcement)) {
  margin-top: var(--size-10);
}
.l-mv .swiper-container {
  perspective: 1000px;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.l-mv .swiper-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.l-mv .swiper-image.is-transition {
  transition: .5s;
}
.swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
}
.l-mv a.swiper-slide:hover {
  opacity: .7;
}
.l-mv a.swiper-slide:not([href]),
.l-mv a.swiper-slide[href=""] {
  pointer-events: none;
}
.l-mv a.swiper-slide:not([href]):hover,
.l-mv a.swiper-slide[href=""]:hover {
  opacity: 1;
}
.swiper-slide-prev {
  justify-content: flex-end;
}
.swiper-slide-next {
  justify-content: flex-start;
}
.swiper-slide-prev .swiper-image{
  height: 86.6%;
  object-position: right;
  opacity: .5;
}
.l-mv .swiper .c-card-lock-icon {
  transition: .5s;
}
.l-mv .swiper-slide-prev .c-card-lock-icon,
.l-mv .swiper-slide-next .c-card-lock-icon {
  top: 5.9%;
  transform: scale(0.866);
}
@-moz-document url-prefix() {
  .l-mv .swiper-slide-prev .c-card-lock-icon,
  .l-mv .swiper-slide-next .c-card-lock-icon {
    top: 6.2%;
    right: -0.2%;
  }
}
.swiper-slide-next .swiper-image{
  height: 86.6%;
  object-position: left;
  opacity: .5;
}
.swiper-pagination {
  position: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--size-4);
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: fit-content;
}
.swiper-pagination-bullet {
  width: var(--size-40);
  height: var(--size-3);
  border-radius: 0;
  background: var(--gray);
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: var(--green);
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}
.p-mv__page-nation {
  display: flex;
  margin: var(--size-8) 0 0;
  align-items: center;
  justify-content: center;
  gap: var(--size-16);
}
.swiper-pause {
  display: block;
  width: var(--size-9);
  height: var(--size-12);
  background: url(../img/icon/icon-stop.svg) no-repeat center;
  background-size: contain;
}
.swiper-pause.paused {
  background: url(../img/icon/icon-play.svg) no-repeat center;
  background-size: contain;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .front .l-mv:not(:has(.l-announcement)) {
    margin-top: 0;
  }
  .p-mv__page-nation {
    margin: var(--size-14) 0 0;
  }
  .swiper-slide-prev .swiper-image,
  .swiper-slide-next .swiper-image {
    height: unset;
  }
  .l-mv .swiper-slide-prev .c-card-lock-icon,
  .l-mv .swiper-slide-next .c-card-lock-icon {
    top: 0;
    right: 0;
    transform: unset;
  }
  .l-mv .swiper-slide-next .swiper-image,
  .l-mv .swiper-slide-prev .swiper-image,
  .l-mv .swiper-slide-prev {
    opacity: 1;
  }
}

/* お知らせ */
.p-announcement__container {
  display: flex;
  align-items: flex-start;
  padding: var(--size-12) var(--size-20);
}
.p-announcement__prefix {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  line-height: 1.7;
  color: var(--red);
}
.p-announcement__prefix:before {
  content: "";
  display: inline-block;
  margin: 0 var(--size-8) 0 0;
  width: var(--size-16);
  height: var(--size-16);
  background: url(../img/icon/icon-attention.svg) no-repeat center;
  background-size: contain;
}
.p-announcement__prefix:after {
  content: "";
  display: inline-block;
  margin: 0 var(--size-12) 0 var(--size-12);
  width: var(--size-48);
  height: var(--size-1);
  background: var(--red);
}
.p-announcement__contents {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--size-12);
  flex: 1;
}
.p-announcement__text {
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.6;
}
.p-announcement__link {
  text-decoration: underline;
  transition: var(--transition);
}
.p-announcement__link:hover {
  color: var(--green);
  text-decoration: none;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-announcement__container {
    display: block;
    padding: var(--size-14) var(--size-20) var(--size-16);
  }
  .p-announcement__prefix {
    width: 100%;
    margin: 0 0 var(--size-8);
    font-weight: 500;
  }
  .p-announcement__prefix:after {
    display: none;
  }
  .p-announcement__text {
    display: flex;
    align-items: flex-start;
    gap: var(--size-12);
  }
  .p-announcement__text:before {
    content: "";
    display: inline-block;
    margin-top: var(--size-11);
    width: var(--size-20);
    height: var(--size-1);
    background: var(--red);
  }
  .p-announcement__text:nth-child(n + 2):before {
    content: "";
    display: inline-block;
    margin-top: var(--size-11);
    width: var(--size-20);
    height: 0;
    background: var(--red);
  }
  .p-announcement__link {
    flex: 1;
  }
}

/* 製品を探す */
.p-search__header {
  display: flex;
  gap: var(--size-111);
}
.p-search__tab-contents {
  display: none;
  padding: var(--size-48);
  background: var(--light-gray);
}
.p-search__tab-contents.is-active {
  display: block;
}
.p-search__title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-size: var(--size-20);
  font-weight: 600;
  line-height: 1.4;
}
.p-search__word {
  flex: 1;
}
.p-search__word .p-search_submit {
  padding: var(--size-11);
}
.p-search__word .p-search__text {
  padding: var(--size-12) var(--size-20);
}
.u-404 .p-search__word .p-search_submit {
  padding: var(--size-12);
}
.u-404 .p-search__word .p-search__text{
  padding: var(--size-13) var(--size-20);
}
.p-search__title:before {
  content: "";
  display: inline-block;
  margin: 0 var(--size-12) 0 0;
  width: var(--size-30);
  height: var(--size-30);
  background: url(../img/icon/icon-search.svg) no-repeat center;
  background-size: contain;
}
.p-search__title.u-no-icon:before {
  display: none;
}
.p-search__category-title {
  margin: 0 0 var(--size-8);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.6;
}
.p-search__small {
  margin: 0 0 0 var(--size-8);
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 400;
  line-height: 1.8;
}
.p-search__searchbar {
  display: flex;
  align-items: center;
}
.p-search__text {
  width: calc(100% - var(--size-156));
  padding: var(--size-13) var(--size-20);
  border: solid 1px var(--gray);
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 400;
  line-height: 1.6;
  background: var(--white);
}
.p-search__text::placeholder {
  color: #adadad;
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 400;
  line-height: 1.8;
}
.p-search_submit {
  width: var(--size-156);
  padding: var(--size-12) ;
  text-align: center;
  color: var(--white);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.6;
  background: var(--green);
  transition: var(--transition);
}
.p-search_submit:hover {
  opacity: .7;
}
.p-search__tab-list {
  display: flex;
  gap: var(--size-4);
  align-items: center;
}
.p-search__tab-item {
  width: calc(calc(100% / 3) - var(--size-4) * 2 / 3);
}
.p-search__tab-button {
  position: relative;
  width: 100%;
  padding: var(--size-11) 0 var(--size-11);
  color: #006f53;
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
  background: var(--gray);
  text-align: center;
}
.p-search__tab-button:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: var(--green);
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
}
.p-search__tab-button:hover:after {
  visibility: visible;
  opacity: 1;
}
.p-search__tab-button .has-lock {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--size-4);
}
.p-search__tab-button .has-lock:after {
  content: "";
  display: inline-block;
  width: var(--size-15);
  height: var(--size-20);
  background: url(../img/icon/icon-lock.svg) no-repeat center;
  background-size: contain;
}
.p-search__tab-button.is-active .has-lock:after {
  background: url(../img/icon/icon-lock-white.svg) no-repeat center;
  background-size: contain;
}
.p-search__tab-button.is-active {
  position: relative;
  background: var(--green);
  color: var(--white);
}
.p-search__tab-button.is-active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 12px solid var(--green);
  border-bottom: 0;
}
.p-search__accordion {
  margin: 0 0 var(--size-20);
}
.p-search__accordion-button {
  position: relative;
  width: 100%;
  padding: var(--size-12) var(--size-127) var(--size-12) var(--size-24);
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 600;
  line-height: 1.6;
  color: var(--green);
  background: var(--white);
}
.p-search__accordion-button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: var(--size-103);
  height: 100%;
  background: var(--green);
  transition: var(--transition);
}
.p-search__accordion-button:before {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--size-44);
  z-index: 1;
  transform: translateY(-50%);
  width: var(--size-14);
  height: var(--size-14);
  background: url(../img/icon/icon-accordion-open-white.svg) no-repeat center;
  background-size: contain;
}
.p-search__accordion-button:hover:after{
  opacity: .7;
}
.p-search__accordion-button.is-active:before {
  background: url(../img/icon/icon-accordion-close-white.svg) no-repeat center;
  background-size: contain;
}
.p-search__accordion-contents {
  border-top: solid 1px var(--gray);
  padding: var(--size-12) var(--size-24);
  background: var(--white);
}
.js-tab-set .p-search__accordion-contents{
  padding: var(--size-24);
}
.p-search__group-title {
  margin-bottom: var(--size-16);
  border-bottom: solid 1px var(--green);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  color: var(--green);
}
.p-search__group-title-child {
  margin: var(--size-24) 0 var(--size-12);
  padding: 0 0 var(--size-4);
  border-bottom: solid 1px var(--gray);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.l-realm-search .p-search__group-title-child {
  margin: var(--size-21) 0 var(--size-12);
}
.p-search__check-container {
  display: flex;
  margin: 0 0 var(--size-16);
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: var(--size-16);
  column-gap: var(--size-8);
}
.p-search__check-container:last-child {
  margin: 0;
}
.p-search__check-container .c-check-label {
  gap: var(--size-4);
  width: calc(16.66% - var(--size-8) * 5 / 6);
  margin: 0;
}
.p-search__attention {
  display: flex;
  margin: var(--size-12) 0 0;
  flex-wrap: wrap;
  row-gap: var(--size-12);
  column-gap: var(--size-20);
  justify-content: flex-end;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  text-align: right;
}
.p-search__attention-link {
  transition: var(--transition);
  display: flex;
  gap: var(--size-4);
}
.p-search__attention-icon {
  margin: var(--size-4) 0 0;
}
.p-search__attention-text {
  flex: 1;
}
.p-search__attention-link:hover {
  color: var(--green);
}
.p-search__attention-icon {
  width: var(--size-17);
  height: var(--size-20);
  vertical-align: sub;
}
.p-search__attention-button {
  display: flex;
  padding: var(--size-6) var(--size-32);
  border-radius: 100vmax;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  color: var(--white);
  background: var(--green);
  transition: var(--transition);
}
.p-search__attention-button:hover {
  opacity: .7;
}
.p-search__accordion-icon {
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-search__attention-button-wrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  row-gap: var(--size-12);
  column-gap: var(--size-20);
  justify-content: flex-end;
}

/* 3列表示の場合、c-check-labelの親要素に u-col3 のクラスを付与*/
.u-col3 .c-check-label{
  width: calc(33.33% - var(--size-8) * 2 / 3);
}
.p-search__check-wrap-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--size-8);
  flex-wrap: wrap;
}
.p-search__check-wrap-container.u-wfit {
  align-items: flex-start;
  gap: var(--size-32);
  flex-wrap: nowrap
}
.p-search__check-wrap-child {
  display: flex;
  gap: var(--size-32);
  flex-wrap: wrap;
}
.l-page-search .u-wfit .c-check-label {
  width: unset;
  white-space: nowrap;
}
.u-wauto .c-check-wrap-label {
  flex: unset;
}
.p-search__card {
  display: flex;
  width: 100%;
  background: var(--white);
  gap: var(--size-24);
  cursor: pointer;
  transition: var(--transition);
}
.p-search__card:hover {
  background: var(--green-t);
}
.p-search__card-desc {
  flex: 1;
  padding: var(--size-24);
}
.p-search__card-title {
  display: flex;
  margin: 0 0 var(--size-16);
  align-items: center;
  gap: var(--size-4);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.6;
  transition: var(--transition);
}
.p-search__card:hover .p-search__card-title {
  color: var(--green);
}
.p-search__card-title:after {
  content: "";
  position: relative;
  top: var(--size-2);
  display: inline-block;
  width: var(--size-8);
  height: var(--size-16);
  background: url(../img/icon/icon-arrow-right.svg) no-repeat center;
  background-size: contain;
}
.p-search__card-text {
  margin: 0 0 var(--size-8);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-search__card-annotation {
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}
.p-search__card-image {
  display: block;
  padding: var(--size-30) var(--size-24);
  height: auto;
  background: var(--white);
}
.p-search__selector {
  display: flex;
  gap: var(--size-32);
}
.p-search__flex-contents {
  display: flex;
  align-items: flex-start;
  gap: var(--size-34);
}
.p-search__flex-contents.u-select {
  align-items: center;
}
.p-search__title-small {
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.4;
  min-width: 4em;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-search__header {
    flex-direction: column;
    flex-wrap: wrap;
    gap: var(--size-18);
  }
  .p-search__title {
    flex-wrap: wrap;
  }
  .p-search__title:before {
    margin: 0 var(--size-8) 0 0;
    width: var(--size-28);
    height: var(--size-28);
  }
  .p-search__small {
    margin: 0 0 0 var(--size-36);
  }
  .p-search__tab-list {
    gap: var(--size-2);
    align-items: stretch;
  }
  .p-search__tab-button {
    display: block;
    height: 100%;
    padding: var(--size-16) var(--size-6) var(--size-10);
    font-size: 14px;
    font-size: var(--size-14);
    text-align: center;
    line-height: 1.3;
  }
  .p-search__tab-button .has-lock {
    display: block;
    position: relative;
    top: 2px;
  }
  .p-search_submit {
    width: var(--size-63);
    padding: var(--size-12) var(--size-16) var(--size-12) var(--size-15);
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.8;
  }
  .p-search__text {
    width: calc(100% - var(--size-63));
    padding: var(--size-12) var(--size-16);
    line-height: 1.8;
  }
  .p-search__tab-contents {
    padding: var(--size-32) var(--size-16);
  }
  .p-search__accordion-button {
    padding: var(--size-12) var(--size-64) var(--size-12) var(--size-16);
  }
  .p-search__accordion-button:after {
    width: var(--size-48);
  }
  .p-search__accordion-button:before {
    right: var(--size-16);
  }
  .p-search__accordion {
    margin: 0 0 var(--size-16);
  }
  .js-tab-set .p-search__accordion-contents {
    padding: var(--size-28) var(--size-16);
  }
  .p-search__check-container {
    margin: 0 0 var(--size-24);
  }
  .p-search__check-container .c-check-label {
    min-width: unset;
    width: 100%;
  }
  .p-search__check-container {
    column-gap: var(--size-12);
    row-gap: var(--size-24);
  }
  .p-search__tab-item {
    width: calc(calc(100% / 3) - var(--size-2) * 2 / 3);
  }
  .p-search__card {
    flex-direction: column;
    padding: var(--size-16);
    gap: var(--size-20);
  }
  .p-search__card-image {
    width: 56.82%;
    margin: 0 0 0 auto;
    padding: 0;
    height: auto;
    object-fit: contain;
  }
  .p-search__group-title-child,
  .l-realm-search .p-search__group-title-child {
    margin: var(--size-20) 0 var(--size-12)
  }

  /* スマホで2列表示の場合、c-check-labelの親要素に u-col2-sm のクラスを付与*/
  .u-col2-sm .c-check-label{
    width: calc(50% - var(--size-12) * 1 / 2);
  }
  .l-page-search .p-search__check-container.u-col2-sm {
    display: flex;
    column-gap: var(--size-20);
  }
  .p-search__accordion-contents .u-col2-sm .c-check-label {
    width: calc(50% - var(--size-20) / 2);
  }
  .p-search__selector {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-20);
  }
  .p-search__tab-button .has-lock:after {
    display: block;
    margin: var(--size-2) auto 0;
  }
  .p-search__card-desc {
    padding: 0;
  }
  .p-search__word .p-search_submit {
    padding: var(--size-12);
  }
  .p-search__word .p-search__text {
    padding: var(--size-11) var(--size-20);
  }
  .u-404 .p-search__word .p-search__text{
    padding: var(--size-11) var(--size-20);
  }
  .p-search__flex-contents.u-select {
    flex-direction: row;
  }
  .p-search__title-small {
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.6;
  }
  .p-search__flex-contents.u-select .p-search__title-small {
    min-width: unset;
  }
  .p-search__flex-contents.u-select .p-search__select {
    width: 100%;
  }
  .p-search__flex-contents {
    flex-direction: column;
    gap: var(--size-12);
  }
  .p-search__check-wrap-child {
    flex-direction: column;
    row-gap: var(--size-8);
    column-gap: var(--size-20);
  }
  .p-search__check-wrap-container.u-wfit {
    flex-direction: column;
    row-gap: var(--size-8);
    column-gap: var(--size-20);
    width: 100%;
  }
  .u-wauto .c-check-wrap-label {
    width: auto;
  }
  .c-check-label.u-all {
    width: 100%;
    padding: 0;
    margin: 0;
    border-right: 0;
  }
  .u-col2-sm .p-search__check-wrap-child {
    width: 100%;
    flex-direction: row;
  }
  .u-col2-sm .p-search__check-wrap-child .c-check-label {
    width: calc(50% - var(--size-20) * 1 / 2);
    margin: 0;
  }
}

/* 領域別に探す */
.p-search__realm-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--size-40);
}
.p-search__realm-item {
  z-index: 0;
  width: calc(25% - var(--size-40) * 3 / 4);
  box-shadow: 0px 0px 20px #00000047;
}
.p-search-realm__link {
  position: relative;
  z-index: 1;
  display: block;
  padding: var(--size-32) var(--size-16) var(--size-29);
  background: transparent;
  transition: var(--transition);
}
.p-search-realm__link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  background: var(--white);
  transition: var(--transition);
}
.p-search-realm__link:hover:before {
  top: calc(50% + 1.5%);
  transform: scale(1.03) translateY(-50%);
}
.p-search-realm__image {
  display: block;
  width: auto;
  height: var(--size-98);
  object-fit: contain;
  margin: 0 auto var(--size-15);
}
.p-search-realm__text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-10);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.5;
}
.p-search-realm__text:after {
  content: "";
  display: inline-block;
  width: var(--size-8);
  height: var(--size-16);
  margin: var(--size-3) 0 0;
  background: url(../img/icon/icon-arrow-right.svg) no-repeat center;
  background-size: contain;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-search__realm-list {
    flex-direction: column;
    gap: var(--size-20);
  }
  .p-search__realm-item {
    width: 100%;
  }
  .p-search-realm__link {
    display: flex;
    padding: var(--size-20);
    gap: var(--size-20);
  }
  .p-search-realm__image {
    margin: 0;
  }
}

/* お知らせ */
.p-news__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--size-16);
  flex-wrap: wrap;
}
.p-news__title {
  display: flex;
}
.p-news__categories-list {
  display: flex;
  gap: var(--size-36);
}
.p-news__categories-link {
  display: flex;
  align-items: center;
  gap: var(--size-4);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  transition: var(--transition);
}
.p-news__categories-link:hover {
  color: var(--green);
}
.p-news__categories-link:after {
  content: "";
  display: inline-block;
  width: var(--size-8);
  height: var(--size-16);
  background: url(../img/icon/icon-arrow-right.svg) no-repeat center;
  background-size: contain;
}
.p-news__categories-icon {
  display: inline-block;
  width: var(--size-15);
  height: var(--size-20);
  object-fit: contain;
  vertical-align: middle;
}
.p-news__item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--size-30);
  margin: 0 0 var(--size-30);
}
.p-news__item:last-child {
  margin: 0;
}
.p-news__item-date {
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 600;
  line-height: 1.6;
  white-space: nowrap;
  color: #4c4948;
}
.p-news__item-labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--size-8);
  margin: 0 0 var(--size-10);
}
.p-news__item-label {
  padding: var(--size-2) var(--size-8);
  border: solid 1px #4c4948;
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  line-height: 1.2;
  color: #4c4948;
  background: var(--white);
}
.p-news__item-label.u-label-gray {
  background: #4c4948;
  color: var(--white);
}
.p-news__item-link {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  transition: var(--transition);
  vertical-align: text-bottom;
}
.p-news__item-link:hover {
  color: var(--green);
}
.p-news__item-icon {
  width: var(--size-17);
  height: var(--size-20);
  margin: -3px 0 0 var(--size-4);
  object-fit: contain;
}
.p-news__item-icon.u-icon-arrow {
  width: var(--size-8);
}
.p-news__item-text {
  flex: 1;
}
.p-news__item.is-hidden {
  display: none;
}
.l-news-list .p-news__item {
  padding: var(--size-24) 0;
  margin: 0;
  border-bottom: solid 1px var(--gray);
}
.l-news-list .p-news__item:first-child {
  border-top: solid 1px var(--gray);
}


@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-news__categories-list {
    flex-wrap: wrap;
    column-gap: var(--size-32);
    row-gap: var(--size-12);
  }
  .p-news__categories-link {
    gap: var(--size-8);
  }
  .p-news__item {
    flex-direction: column;
  }
  .p-news__item {
    gap: var(--size-6);
  }
  .l-news-list .p-news__item {
    gap: var(--size-8);
  }
  .p-news__item-labels {
    margin: 0 0 var(--size-6);
  }
  .l-news-list .p-news__item-labels {
    margin: 0 0 var(--size-8);
  }
}

/* PICK UP */
.p-pickup__card {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
}
.p-pickup__card-contents {
  flex: 1;
  height: 6rem;
}
.p-pickup__card-image {
  width: 100%;
  height: auto;
}
.l-pickup .swiper {
  overflow: visible;
}
.l-pickup .swiper-button-prev,
.l-pickup .swiper-button-next {
  top: calc(50% - var(--size-32));
  width: var(--size-68);
  height: var(--size-68);
  transition: var(--transition);
}
.l-pickup .swiper-button-prev:hover,
.l-pickup .swiper-button-next:hover {
  opacity: .7;
}
.l-pickup .swiper-button-next {
  right: calc(-1 * var(--size-34));
}
.l-pickup .swiper-button-prev {
  left: calc(-1 * var(--size-34));
}
.l-pickup .swiper-button-prev:after,
.l-pickup .swiper-button-next:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/icon/icon-slide-arrow-left.svg) no-repeat center;
  background-size: contain;
}
.l-pickup .swiper-button-next:after {
  transform: rotate(180deg);
}
.l-pickup .swiper-pickup:not(.swiper-initialized) .swiper-wrapper{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--size-26);
}
.p-pickup__image-wrap {
  position: relative;
}
.p-pickup__image-wrap {
  box-shadow: 0px 0px 20px #00000047;
  margin-bottom: var(--size-16);
  transition: var(--transition);
}
.p-pickup__card:hover .p-pickup__image-wrap {
  transform: scale(1.03);
}
.p-pickup__card-label {
  padding: var(--size-2) var(--size-8);
  margin: 0 0 var(--size-14);
  width: fit-content;
  border: solid 1px #4c4948;
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white);
  background: #4c4948;
}
.p-pickup__card-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 6em;
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.6;
  transition: var(--transition);
}
.p-pickup__card:hover .p-pickup__card-text {
  color: var(--green);
}
.p-pickup__page-nation {
  width: fit-content;
  margin: var(--size-32) auto 0;
}

@media screen and (max-width: 80.0rem) and (min-width: 47.9375rem ) {/* 1280px ~ 767px */
  .l-pickup .swiper-button-prev {
    left: 0;
  }
  .l-pickup .swiper-button-next {
    right: 0;
  }
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-pickup .swiper {
    margin: 0 var(--size-20);
  }
  .l-pickup .swiper-slide {
    visibility: hidden;
  }
  .l-pickup .swiper-slide.swiper-slide-active {
    visibility: visible;
  }
  .l-pickup .swiper-pagination-bullet {
    width: var(--size-24);
  }
}

/* 学会・セミナー */
.p-seminar__contents {
  display: flex;
  margin: 0 0 var(--size-48);
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--size-20);
  flex-wrap: wrap;
}
.p-seminar__card {
  width: calc(33.33% - var(--size-20) * 2 / 3);
  border: solid 1px var(--gray);
  background: #FFF;
}
.p-seminar__card-link {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}
.p-seminar__image-wrap {
  position: relative;
  padding: var(--size-24) var(--size-120) var(--size-12);
}
.p-seminar__image {
  width: 100%;
  height: auto;
}
.p-seminar__card-contents {
  padding: var(--size-12) var(--size-20) var(--size-24);
  transition: var(--transition);
  flex: 1;
}
.p-seminar__card-link:hover .p-seminar__card-contents {
  background: var(--green-t);
}
.p-seminar__card-subtitle {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-seminar__card-title {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 6em;
  overflow: hidden;
  margin: 0 0 var(--size-12);
  font-size: 20px;
  font-size: var(--size-20);
  line-height: 1.4;
  font-weight: 600;
  color: var(--green);
}
.p-seminar__card-title.is-blank:after {
  content: "";
  display: inline-block;
  width: var(--size-16);
  height: var(--size-16);
  margin: 0 0 0 var(--size-4);
  background: url(../img/icon/icon-new-tab-green.svg);
}
.p-seminar__card-icon {
  width: var(--size-16);
  height: var(--size-16);
  margin: 0 0 0 var(--size-4);
  vertical-align: baseline;
}
.l-pickup .p-seminar__card-icon {
  width: var(--size-16);
  height: var(--size-16);
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-seminar__card-meta {
  position: relative;
  padding: 0 0 0 var(--size-16);
}
.p-seminar__card-meta:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: var(--size-4);
  height: 100%;
  background: var(--green);
}
.p-seminar__card-desc {
  display: flex;
  margin: 0 0 var(--size-8);
}
.p-seminar__card-desc-title {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}
.p-seminar__card-desc-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  flex: 1;
}
.p-seminar__no-data {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-seminar__contents {
    flex-direction: column;
    margin: 0;
  }
  .p-seminar__card {
    width: 100%;
  }
  .p-seminar__image-wrap {
    padding: var(--size-32) var(--size-20) 0;
  }
  .p-seminar__image {
    display: none;
  }
  .p-seminar__image-wrap .c-card-new-label {
    position: relative;
    top: unset;
    left: unset;
    margin-bottom: var(--size-4);
    display: block;
    width: fit-content;
  }
  .p-seminar__card-contents {
    padding: 0 var(--size-36) var(--size-32) var(--size-20);
  }
}

/* お役立ち・サポート */
.p-support__contents {
  display: flex;
  justify-content: flex-start;
  column-gap: var(--size-20);
  row-gap: var(--size-44);
  flex-wrap: wrap;
}
.p-support__card {
  position: relative;
  width: calc(33.33% - var(--size-20) * 2 / 3);
  border-left: solid var(--size-5) var(--blue);
  background: var(--white);
}
.p-support__card-link {
  display: block;
  height: 100%;
  padding: 0 var(--size-24) var(--size-19) 0;
  transition: var(--transition);
}
.p-support__card-link:hover {
  background: var(--green-t);
}
.p-support__card-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.p-support__card-title {
  font-size: 20px;
  font-size: var(--size-20);
  line-height: 1.3;
  font-weight: 600;
  color: var(--green);
}
.p-support__card-title-icon {
  width: var(--size-20);
  height: var(--size-20);
  margin: 0 var(--size-8) 0 0;
  vertical-align: baseline;
}
.p-support__card-image-wrap {
  width: var(--size-104);
  height: var(--size-104);
}
.p-support__card-image {
  width: 100%;
  height: auto;
}
.p-support__card-desc-text {
  padding: 0 0 0 var(--size-20);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-support__card-file-icon {
  width: var(--size-17);
  height: var(--size-20);
  margin: 0 0 0 var(--size-8);
  vertical-align: middle;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-support__contents {
    flex-direction: column;
    row-gap: var(--size-20);
  }
  .p-support__card {
    width: 100%;
  }
  .p-support__card-image-wrap {
    width: var(--size-100);
    height: var(--size-100);
    margin: 0 0 var(--size-5);
  }
  .p-support__card-title {
    font-size: 18px;
    font-size: var(--size-18);
    font-weight: 700;
    line-height: 1.3;
  }
  .p-support__card-link {
    padding: 0 var(--size-20) var(--size-22) 0;
  }
}

/* 会員サービスのご案内 */
.p-member__contents {
  position: relative;
  z-index: 1;
  max-width: var(--size-768);
  margin: 0 auto;
  padding: var(--size-44) var(--size-48) var(--size-60);
  background: rgba(255, 255, 255, .9);
}
.p-member__contents.u-w892 {
  max-width: var(--size-892);
}
.u-member .p-member__contents {
  padding: var(--size-44) var(--size-32);
}
.p-member__text {
  margin: 0 0 var(--size-15);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-member__attention {
  display: flex;
  margin: 0 0 var(--size-32);
  justify-content: center;
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.5;
}
.p-member__attention-prefix {
  margin-right: var(--size-4);
}
.p-member__buttons {
  display: flex;
  justify-content: center;
  gap: var(--size-32);
}
.p-member__buttons .c-button {
  margin: unset;
}
.l-member.u-member .c-title {
  font-size: 36px;
  font-size: var(--size-36);
  line-height: 1.2;
}
.p-member__newsletter {
  padding: var(--size-32) var(--size-24);
  border: solid 1px var(--green);
  background: var(--white);
}
.p-member__newsletter-title {
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
}
.p-member__newsletter-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-member .c-inner {
    padding: 0;
  }
  .p-member__contents {
    padding: 0;
    display: flex;
    flex-direction: column;
    background: none;
  }
  .u-member .p-member__contents {
    padding: 0;
  }
  .l-member .c-title {
    position: relative;
    padding: var(--size-24) var(--size-20) var(--size-38);
  }
  .l-member.u-member .c-title {
    font-size: 32px;
    font-size: var(--size-32);
    line-height: 1.2;
    padding: var(--size-24) var(--size-20) var(--size-32);
  }
  .p-member__image-wrap {
    position: relative;
  }
  .p-member__image {
    min-height: var(--size-128);
    height: auto;
    object-fit: cover;
  }
  .p-member__image-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #96D0BA;
    opacity: .2;
  }
  .p-member__text {
    position: relative;
    margin: 0;
    padding: 0 var(--size-20) var(--size-40);
  }
  .u-text-center.p-member__attention {
    position: relative;
    margin: 0;
    padding: 0 var(--size-20) var(--size-37);
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--size-5);
    text-align: left;
    order: 1;
  }
  .u-member .u-text-center.p-member__attention {
    order: unset;
  }
  .p-member__buttons {
    position: relative;
    margin: 0;
    padding: 0 var(--size-20) var(--size-20);
    flex-direction: column;
    align-items: center;
    gap: var(--size-20);
  }
  .u-member .p-member__buttons {
    padding: 0 var(--size-20) var(--size-12);
  }
  .u-member .u-text-center.p-member__attention {
    padding: 0 var(--size-20) var(--size-32)
  }
  .l-member .c-title:after,
  .p-member__text:after,
  .p-member__attention:after,
  .p-member__buttons:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: var(--green-t);
  }
  .p-member__newsletter-wrap {
    padding: 0 var(--size-20) var(--size-24);
    background: var(--green-t)
  }
  .p-member__newsletter {
    padding: var(--size-24) var(--size-16);
  }
}

/* 関連情報 */
.p-related__contents {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--size-20);
  flex-wrap: wrap;
}
.p-related__card {
  width: calc(33.33% - var(--size-20) * 2 / 3);
  border: solid 1px var(--gray);
  background: var(--white);
  transition: var(--transition);
}
.p-related__card:hover {
  background: var(--green-t);
}
.p-related__card-image-wrap {
  width: var(--size-144);
  height: 100%;
}
.p-related__card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-related__card-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.p-related__title {
  padding: var(--size-14) var(--size-20);
  flex: 1;
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.4;
  color: var(--green);
}
.p-related__blank-icon {
  width: var(--size-16);
  height: var(--size-16);
  margin: var(--size-16);
  vertical-align: middle;
}
.p-related__list-title {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.6;
  color: var(--green);
}
.p-related__list-icon {
  width: var(--size-8);
  height: var(--size-16);
  margin: 0 0 0 var(--size-20);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-related__contents {
    flex-direction: column;
  }
  .p-related__card {
    width: 100%;
  }
  .p-related__card-image-wrap {
    width: var(--size-110);
    height: var(--size-104);
  }
  .p-related__blank-icon {
    margin: var(--size-16) var(--size-16) var(--size-16) var(--size-8);
  }
  .p-related__title {
    padding: 0 0 0 var(--size-16);
  }
  .p-related__card-link {
    min-height: var(--size-104);
    justify-content: flex-start;
  }
  .p-related__list-title {
    padding: 0 0 0 var(--size-16);
    width: 100%;
    justify-content: space-between;
  }
}

/* ページTOP お知らせ */
.p-page-news__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 var(--size-20);
  gap: var(--size-20);
}
.p-page-news__item.is-hidden {
  display: none;
}
.p-page-news__item:last-child {
  margin: 0;
}
.p-news__item-date {
  min-width: var(--size-122);
}
.p-page-news__item .p-news__item-text {
  display: inline-block;
}
.p-page-news__item .p-news__item-text {
  gap: var(--size-20);
}
.p-page-news__item .p-news__item-labels {
  display: inline-flex;
  flex-wrap: nowrap;
  margin: 0;
}
.p-news__item-label {
  white-space: nowrap;
}
.p-page-news__item .p-news__item-link {
  vertical-align: middle;
  margin-left: var(--size-20);
}
.p-page-news__item .p-news__item-icon {
  vertical-align: middle;
}
.p-page-news__buttons {
  display: flex;
  gap: var(--size-32);
}
.p-page-news__button {
  display: flex;
  width: 100%;
  max-width: var(--size-604);
  border-radius: var(--size-100);
  justify-content: center;
  align-items: center;
  padding: var(--size-12) 0;
  margin-left: auto;
  margin-right: auto;
  gap: var(--size-4);
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.44;
  font-weight: 600;
  color: var(--white);
  text-align: center;
  background: var(--green);
  transition: var(--transition);
}
.p-page-news__button:hover {
  opacity: .7;
}
.p-page-news__button.is-hidden {
  display: none;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-news__item {
    flex-direction: column;
    row-gap: var(--size-8);
  }
  .p-page-news__item .p-news__item-link {
    display: block;
    margin-left: 0;
  }
  .p-news__no-text {
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.6;
  }
  .p-page-news__buttons {
    flex-direction: column;
  }
  .p-page-news__button {
    padding: var(--size-12) var(--size-24);
  }
  .p-page-news__item .p-news__item-labels {
    margin: 0 0 var(--size-8);
  }
}

/* ページTOP　検索 */
.l-page-search .p-search__criteria {
  padding: var(--size-48);
  background: var(--light-gray);
}
.l-page-search .p-search__check-container {
  gap: var(--size-8);
}
.l-page-search .u-col3 .c-check-label {
  width: calc(33.33% - var(--size-8) * 2 / 3);
}
.l-page-search .u-col4 .c-check-label {
  width: calc(25% - var(--size-12) * 3 / 4);
}
.l-page-search .c-check-label {
  width: calc(16.66% - var(--size-8) * 5 / 6);
  min-width: unset;
}
.l-page-search .p-search__check-container {
  margin: 0 0 var(--size-8);
}
.l-page-search .p-search__check-container:last-child {
  margin: 0;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-page-search .p-search__criteria {
    padding: var(--size-24) var(--size-20);
  }
  .l-page-search .p-search__criteria.u-padding-small {
    padding: var(--size-24) var(--size-16);
  }
  .l-page-search .p-search__form .c-button {
    min-width: unset;
    width: var(--size-295);
  }
  .l-page-search .c-check-label {
    width: 100%;
  }
  .l-page-search .u-col3 .c-check-label {
    width: 100%;
  }
  .l-page-search .u-col4 .c-check-label {
    width: 100%;
  }
  .l-page-search .p-search__accordion-contents {
    padding: var(--size-12) var(--size-16);
  }
}

/* ページTOP 製品分類の説明 */
.p-page-category__contents {
  margin: 0 0 var(--size-60);
}
.p-page-category__contents:last-child {
  margin: 0;
}
.p-page-category__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--size-32);
  row-gap: var(--size-20);
  align-items: stretch;
  justify-content: flex-start;
}
.p-page-category__card {
  width: calc(50% - var(--size-32) * 2 / 3);
  padding: var(--size-16);
  border: solid 1px var(--gray);
  transition: var(--transition);
}
.u-realm .p-page-category__card {
  width: calc(50% - var(--size-32) * 1 / 2);
}
.p-page-category__card:hover {
  background: var(--green-t);
}
.p-page-category__card-title {
  margin: 0 0 var(--size-12);
  font-size: 20px;
  font-size: var(--size-20);
  font-weight: 600;
  line-height: 1.4;
  transition: var(--transition);
}
.p-page-category__card:hover .p-page-category__card-title {
  color: var(--green);
}
.p-page-category__card-icon {
  height: var(--size-16);
  width: var(--size-8);
  vertical-align: middle;
  margin: 0 0 var(--size-2) var(--size-4);
}
.p-page-category__card-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-category__card,
  .u-realm .p-page-category__card {
    width: 100%;
  }
  .p-page-category__card-title {
    margin: 0 0 var(--size-8);
    font-size: 18px;
    font-size: var(--size-18);
  }
}

/* ページTOP お問い合わせ */
.p-page-contact__contents {
  text-align: center;
}
.p-page-contact__desc {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-contact-button {
  display: block;
  width: var(--size-286);
  padding: var(--size-12) 0;
  margin: auto;
  border-radius: var(--size-30);
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
  color: var(--white);
  background: var(--green);
  transition: var(--transition);
}
.p-page-contact-button:hover {
  opacity: .7;
}
.p-page-contact__contents .p-page-contact-button {
  width: var(--size-335);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-contact__title {
    font-size: 32px;
    font-size: var(--size-32);
    line-height: 1.2;
  }
  .p-page-contact-button {
    width: 100%;
  }
}

/* 検索結果 */
.p-search-result__anchor {
  margin: var(--size-48) 0 0;
}
.p-search-result__anchor-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: var(--size-12);
}
.p-search-result__anchor-item {
  padding: 0 var(--size-12) 0 0;
  margin: 0 var(--size-12) 0 0;
  border-right: solid 1px var(--gray);
}
.p-search-result__anchor-item.is-decoration-hidden {
  /*padding: 0;*/
  /*margin: 0;*/
  border-right: 0;
}
.p-search-result__anchor-item:first-child,
.p-search-result__anchor-item.is-decoration-hidden + .p-search-result__anchor-item {
  padding: 0 var(--size-12) 0;
}
.p-search-result__anchor-link {
  display: block;
  padding: 0 0 var(--size-8);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.8;
  font-weight: 600;
  color: #4c4948;
  transition: var(--transition);
}
.p-search-result__anchor-link:hover {
  color: var(--green);
}
.p-search-result__anchor-item:after {
  content: "";
  display: block;
  width: var(--size-16);
  height: var(--size-8);
  margin: 0 auto;
  background: url(../img/icon/icon-arrow-down.svg) no-repeat center;
  background-size: var(--size-16) var(--size-8);
}
.p-search-result-header__sub-title {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
  color: #4c4948;
  text-align: center;
}
.p-search-result-header__title {
  font-weight: 600;
  text-align: center;
  line-height: 1.45;
}
.p-search-result-header__area {
  display: flex;
  padding: var(--size-12) var(--size-24);
  justify-content: space-between;
  align-items: center;
  background: var(--green-t);
}
.p-search-result-header__area-contents {
  display: flex;
  gap: var(--size-16);
  align-items: flex-start;
}
.p-search-result-header__area-arrow {
  width: 8px;
  height: 16px;
}
.p-search-result-header__area-title {
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 600;
  line-height: 1.5;
}
.p-search-result-header__area-text {
  padding: var(--size-2) var(--size-8);
  border: solid 1px var(--green);
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  line-height: 1.2;
  color: var(--green);
  background: var(--white);
}
.p-search-result-header__area-text-container {
  display: flex;
  gap: var(--size-16);
  flex-wrap: wrap;
}
.p-search-result-header__area-top-link {
  font-size: 16px;
  font-size: var(--size-16);
  transition: var(--transition);
}
.p-search-result-header__area-top-link:hover {
  color: var(--green);
}
.p-search-result-header__text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-search-result__anchor-header {
  padding: 0 0 var(--size-8);
  border-bottom: solid 1px var(--gray);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-search-result__anchor-number {
  display: inline-block;
  margin: 0 0 0 var(--size-4);
  font-size: 26px;
  font-size: var(--size-26);
  font-weight: 600;
  line-height: 1.4;
}
.p-search-result-contents__list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  column-gap: var(--size-32);
  row-gap: var(--size-20);
  flex-wrap: wrap;
}
.p-search-result-contents__list.u-module {
  margin: 0 0 var(--size-48);
}
.p-search-result-contents__card {
  width: calc(50% - var(--size-32) * 1 / 2);
}
.p-search-result-contents__card-link {
  display: flex;
  height: 100%;
  border: solid 1px var(--gray);
  transition: var(--transition);
}
.p-search-result-contents__card-link:hover {
  background: var(--green-t);
}
.p-search-result-contents__card-image-wrap {
  width: var(--size-120);
  height: 100%;
  background: var(--white);
  display: flex;
  justify-content: center;
}
.p-search-result-contents__card-image {
  width: var(--size-120);
  height: var(--size-120);
  object-fit: scale-down;
  object-position: center;
}
.p-search-result-contents__card-contents {
  display: flex;
  padding: var(--size-6) 0;
  margin: 0 var(--size-8) 0 var(--size-20);
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.u-medical .p-search-result-contents__card-contents{
  margin: 0 var(--size-8) 0 var(--size-16);
}
.p-search-result-contents__card-arrow {
  display: flex;
  margin: 0 var(--size-20) 0 0;
  align-items: center;
}
.u-medical .p-search-result-contents__card-arrow {
  margin: 0 var(--size-23) 0 0;
}
.p-search-result-contents__card-arrow-icon {
  width: var(--size-8);
  height: var(--size-16);
  object-fit: contain;
  object-position: center;
}
.p-search-result-contents__card-category {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-search-result-contents__card-title {
  font-size: 20px;
  font-size: var(--size-20);
  font-weight: 600;
  line-height: 1.4;
}
.p-search-result-contents__container {
  margin: 0 0 var(--size-60);
}
.p-search-result-contents__container:last-child {
  margin: 0;
}
.p-search-result-header__button {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  transition: color var(--transition);
}
.p-search-result-header__button:hover {
  color: var(--green);
}
.p-search-result-header__button-icon {
  margin: -3px var(--size-4) 0 0;
  vertical-align: middle;
}
.p-search-result-contents__no-result {
  padding: var(--size-32);
  background: var(--light-gray);
  border: solid 1px var(--gray);
}
.p-search-result-contents__no-result-text {
  font-size: 20px;
  font-size: var(--size-20);
  font-weight: 600;
  line-height: 1.4;
  color: var(--green);
}
.p-search-result__anchor-item.u-min-120 {
  min-width: var(--size-120);
  text-align: center;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-search-result-header__area {
    padding: var(--size-12) var(--size-8);
    flex-direction: column;
    gap: var(--size-18);
  }
  .p-search-result__anchor {
    margin: var(--size-44) 0 0;
  }
  .p-search-result-header__area-contents {
    flex-direction: column;
    gap: var(--size-10);
  }
  .u-news .p-search-result-header__area {
    padding: var(--size-14) var(--size-8);
    gap: var(--size-16)
  }
  .u-news .p-search-result-header__area-contents {
    gap: var(--size-8);
  }
  .p-search-result-header__area-title {
    width: 100%;
    text-align: center;
  }
  .p-search-result__anchor-number {
    font-size: 22px;
    font-size: var(--size-22);
    line-height: 1.4;
  }
  .p-search-result__anchor-header {
    padding: 0 0 var(--size-8);
  }
  .p-search-result__anchor-list {
    padding: 0 var(--size-14);
    justify-content: flex-start ;
    row-gap: 0;
  }
  .p-search-result__anchor-list.u-col5-sm {
    justify-content: center;
  }
  .p-search-result__anchor-item,
  .p-search-result__anchor-item:first-child,
  .p-search-result__anchor-item.is-decoration-hidden + .p-search-result__anchor-item {
    display: flex;
    width: 50%;
    min-height: var(--size-83);
    padding: var(--size-6) var(--size-4);
    border-bottom: solid 1px var(--gray);
    flex-direction: column;
    justify-content: center;
  }
  .p-search-result__anchor-item.is-decoration-hidden {
    margin: 0;
  }
  .u-col5-sm .p-search-result__anchor-item {
    width: 20%;
    margin: 0;
  }
  .u-col5-sm .p-search-result__anchor-item:last-child {
    border-right: 0;
  }
  .p-search-result__anchor-item.u-min-120 {
    min-width: unset;
  }
  .p-search-result__anchor-item:nth-child(2n - 1) {
    margin: 0;
    border-right: solid 1px var(--gray);
  }
  .p-search-result__anchor-item.is-decoration-hidden {
    padding: var(--size-6) var(--size-4);
  }
  .p-search-result__anchor-item.is-no-border-bottom,
  .p-search-result__anchor-item.is-decoration-hidden + .p-search-result__anchor-item.is-no-border-bottom {
    border-bottom: 0;
  }
  .p-search-result__anchor-link {
    padding: 0 0 var(--size-4);
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.4;
    text-align: center;
  }
  .p-search-result-contents__card {
    width: 100%;
  }
  .p-search-result-contents__card-image-wrap {
    width: var(--size-90);
    height: var(--size-90);
  }
  .p-search-result-contents__card-contents {
    padding: var(--size-4) 0;
    margin: 0 var(--size-8) 0 var(--size-12);
  }
  .p-search-result-contents__card-title {
    font-size: 18px;
    font-size: var(--size-18);
    line-height: 1.4;
  }
  .p-search-result-contents__card-arrow {
    margin: 0 var(--size-12) 0 0;
  }
  .u-equipment .p-search-result-header__sub-title {
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.4;
  }
  .u-equipment .p-search-result-header__area-text {
    line-height: 1.4;
  }
  .p-search-result-contents__no-result {
    padding: var(--size-20);
  }
  .p-search-result-contents__no-result-text {
    font-size: 18px;
    font-size: var(--size-18);
  }
  .u-medical .p-search-result-contents__card-image-wrap {
    width: var(--size-92);
    height: 100%;
    min-height: var(--size-92);
  }
  .p-search-result-contents__card-image {
    width: var(--size-90);
    height: var(--size-90);
  }
  .u-medical .p-search-result-contents__card-image {
    width: var(--size-92);
    height: var(--size-92);
    padding: var(--size-10) var(--size-5);
  }
  .u-medical .p-search-result-contents__card-contents {
    margin: 0 var(--size-12) 0 var(--size-8);
  }
  .u-medical .p-search-result-contents__card-arrow {
    margin: 0 var(--size-12) 0 0;
  }
  .p-search-result-contents__list.u-module {
    margin: 0 0 var(--size-32);
  }
}

/* 検索結果 現在の指定条件 */
.p-search-result-header__area-creteria-contents {
  display: flex;
  gap: var(--size-20);
  align-items: flex-start;
}
.p-search-result-header__area-criteria-word {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-search-result-header__area-criteria-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--size-20);
  row-gap: var(--size-4);
  flex: 1;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-search-result-header__area-creteria-contents {
    flex-direction: column;
    gap: var(--size-8);
    width: 100%;
  }
  .p-search-result-header__area-criteria-container {
    column-gap: var(--size-16);
    row-gap: var(--size-8);
  }
}

/* 検索結果なし */
.p-search-result__no-result {
  padding: var(--size-32);
  border: solid 1px var(--gray);
  background: var(--light-gray);
  text-align: center;
}
.p-search-result__no-result-text {
  font-size: 20px;
  font-size: var(--size-20);
  line-height: 1.4;
  color: var(--green);
  font-weight: 600;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-search-result__no-result {
    padding: var(--size-20);
  }
  .p-search-result__no-result-text {
    font-size: 18px;
    font-size: var(--size-18);
  }
}

/* 医療用医薬品・医療用麻薬TOPのテーブル */
.p-medical-list__contents .c-page-subtitle {
  font-size: 24px;
  font-size: var(--size-24);
}
.p-medical-list__scroll-wrap {
  overflow: auto;
  overflow-x: hidden;
}
.p-medical-list__table-wrap {
  min-width: 1240px;
}
.p-medical-list__thead {
  position: sticky;
  top: 0;
  z-index: 9;
  border-top: solid 1px var(--gray)
}
.p-medical-list__thead.is-sticky-top {
  z-index: 11;
  filter: drop-shadow(0px 3px 6px #00000029);
}
.p-medical-list__scroll-wrap::-webkit-scrollbar{
  height: var(--size-4);
  width: var(--size-4);
}
.p-medical-list__scroll-wrap::-webkit-scrollbar-track{
  background-color: var(--light-gray);
}
.p-medical-list__scroll-wrap::-webkit-scrollbar-thumb{
  background-color: var(--gray);
}
.p-medical-list__table {
  width: 100%;
}
.p-medical-list__th,
.p-medical-list__td {
  padding: var(--size-8);
  border-left: solid 1px var(--white);
  border-right: solid 1px var(--white);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
  vertical-align: middle;
}
.p-medical-list__th:first-child,
.p-medical-list__td:first-child {
  border-left: solid 1px var(--gray);
}
.p-medical-list__th:last-child,
.p-medical-list__td:last-child {
  border-right: solid 1px var(--gray);
}
.p-medical-list__td {
  height: var(--size-50);
  border-top: solid 1px var(--gray);
  border-bottom: solid 1px var(--gray);
  transition: var(--transition);
}
.p-medical-list__td:hover {
  background: var(--green-t);
  box-shadow: 0 0 1px 1px var(--green) inset;
  color: var(--green);
}
.p-medical-list__td:has(.p-medical-list__td-link) {
  padding: 0;
  height: var(--size-50);
}
@-moz-document url-prefix() {
  .p-medical-list__td:has(.p-medical-list__td-link) {
    height: var(--size-90);
  }
}
.p-medical-list__td-link {
  padding: var(--size-8);
}
.p-medical-list__td-link-inner {
  display: block;
  width: 100%;
}
.p-medical-list__th {
  font-weight: 600;
  background: var(--light-gray);
  text-align: center;
  white-space: nowrap;
}
.p-medical-list__th.u-w324 {
  width: var(--size-324);
}
.p-medical-list__th.u-w206 {
  width: var(--size-206);
}
.p-medical-list__td:hover .u-inherit {
  color: var(--black);
}
.p-medical-list__td:hover.u-inherit {
  color: var(--black);
}
.p-medical-list__td.p-medical-list__generic:hover {
  background: unset;
  box-shadow: none;
  color: inherit;
}
.p-medical-list__td.p-medical-list__note:hover {
  background: unset;
  box-shadow: none;
}
.p-medical-list__banner {
  transition: var(--transition);
}
.p-medical-list__td.p-medical-list__note:hover .p-medical-list__banner {
  opacity: .7;
}
.p-medical-list__tr:nth-child(2n) {
  background: var(--light-gray);
}
.p-medical-list__name {
  max-width: var(--size-324);
}
.p-medical-list__note {
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.6;
}
.p-medical-list__note .p-medical-list__td-link {
  max-width: var(--size-206);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-medical-list__td-medical-category {
  margin: 0 0 var(--size-7);
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}
.p-medical-list__td-medical-name {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-medical-list__td-medical-arrow {
  width: var(--size-6);
  height: var(--size-14);
  vertical-align: middle;
  margin: -2px 0 0 var(--size-4);
}
.p-medical-list__addendum-date {
  display: block;
  margin: var(--size-7) 0 0;
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}
.p-medical-list__td-medical-pdf {
  display: block;
  width: var(--size-17);
  height: var(--size-20);
  margin: 0 auto;
  object-fit: contain;
}
.p-medical-list__td-link {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.p-medical-list__note .p-medical-list__td-link {
  text-align: left;
}
.p-medical-list__name .p-medical-list__td-link {
  text-align: left;
}
.p-medical-list__td-medical-check {
  display: block;
  margin: 0 auto;
  width: var(--size-16);
  height: var(--size-12);
}
.p-medical-list__td-medical-blank {
  display: inline-block;
  margin-left: var(--size-4);
  width: var(--size-16);
  height: var(--size-16);
  vertical-align: middle;
}
.p-medical-list__banner {
  width: 100%;
}
.p-medical-list__attention {
  background: var(--light-gray);
  border: solid 1px var(--gray);
  padding: var(--size-32);
}
.p-medical-list__attention-item {
  margin: 0 0 var(--size-12);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-medical-list__attention-item:last-child {
  margin: 0;
}
.p-medical-list__attention-icon {
  width: var(--size-17);
  height: var(--size-20);
  vertical-align: sub;
  margin: 0 0 0 var(--size-4);
}
.p-medical-list__attention-item-link {
  transition: var(--transition);
}
.p-medical-list__attention-item-link:hover {
  color: var(--green);
}
.scroll-hint {
  display: none;
}
.p-medical-list__no-result {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-medical-list__scroll-wrap {
    position: relative;
    width: calc(100% + 20px);
    padding: 0 0 var(--size-6);
    overflow: scroll;
    overflow-y: auto;
  }
  .p-medical-list__table-attention {
    margin: 0 0 var(--size-8);
    font-size: 12px;
    font-size: var(--size-12);
    line-height: 1.4;
  }
  .p-medical-list__attention {
    padding: var(--size-16);
  }
  .scroll-hint {
    position: absolute;
    top: var(--size-10);
    left: var(--size-135);
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--transition), visibility var(--transition);
    width: var(--size-48);
  }
  .scroll-hint.is-active {
    z-index: 10;
    visibility: visible;
    opacity: 1;
  }
  .p-medical-list__table {
    width: unset;
    min-width: 1220px;
  }
}

/* 下層ページ 製品・領域　レイアウト  */
.p-page-desc__contents {
  margin: 0 0 var(--size-80);
}
.p-page-desc__section {
  margin: 0 0 var(--size-60);
}
.p-page-desc__section:last-child {
  margin: 0;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-desc__contents {
    margin: 0 0 var(--size-60);
  }
}

/* 下層ページ 製品・領域　品種テーブル  */
.kindTable,
.u-porting-table table{
  width: 100%;
  border: solid 1px var(--gray);
  min-width: var(--size-1240);
}
.kindTable th,
.u-porting-table th {
  padding: var(--size-16);
  border: solid 1px var(--gray);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
  background: var(--light-gray);
}
.kindTable .lv02,
.u-porting-table .lv02 {
  background: var(--light-gray);
}
.kindTable .lv03,
.u-porting-table .lv03 {
  background: var(--gray);
}
.kindTable td,
.u-porting-table td {
  padding: var(--size-16);
  border: solid 1px var(--gray);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.kindTable .bold,
.u-porting-table .bold {
  font-weight: bold;
}
.p-no-included th,
.p-no-included td {
  text-align: center;
}
.u-variety td,
.u-variety th {
  vertical-align: middle;
}

/* 下層ページ 製品・領域　テーブル  */
.p-page-table__th {
  padding: var(--size-16);
  border: solid 1px var(--gray);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
  background: var(--light-gray);
}
.p-page-table__th.u-w200 {
  width: var(--size-200);
}
.p-page-table__th.u-w222 {
  width: var(--size-222);
}
.p-page-table__th.u-w240 {
  width: var(--size-240);
}
.p-page-table__th.u-w140 {
  width: var(--size-140);
}
.p-page-table__th.u-w280 {
  width: var(--size-280);
}
.p-page-table__th.u-w342 {
  width: var(--size-342);
}
.p-page-table__th.u-w285 {
  width: var(--size-285);
}
.p-page-table__th.u-w238,
.p-page-table__td.u-w238 {
  width: var(--size-238);
}
.p-page-table__td {
  padding: var(--size-16);
  border: solid 1px var(--gray);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-table__td-list-icon {
  width: var(--size-17);
  height: var(--size-20);
  vertical-align: middle;
  object-fit: contain;
}
.p-page-table__td-list-item {
  margin: 0 0 var(--size-12);
}
.p-page-table__td-list-item:last-child {
  margin: 0;
}
.p-page-table__td-text {
  margin: 0 0 var(--size-12);
}
.p-page-table__td-text:last-child {
  margin: 0;
}
.p-page-table__td-list-link {
  transition: var(--transition);
}
.p-page-table__td-list-link:hover {
  color: var(--green);
}
.p-page-table__table {
  width: 100%;
}
.p-page-table__table.u-fit-width {
  width: fit-content;
}
.p-page-table__scroll-wrap .p-page-table__table.u-min-760 {
  min-width: var(--size-760);
}
.p-page-table__scroll-wrap + .p-page-table__scroll-wrap {
  margin: var(--size-34) 0 0;
}
.p-page-table__image {
  padding: var(--size-7);
  background: var(--white);
  vertical-align: middle;
}
.p-no-include__image {
  display: block;
  width: 100%;
  max-width: var(--size-140);
  margin: 0 auto var(--size-10);
}
.p-no-include__image:last-child {
  margin: 0;
}
.p-page-table__th.u-bg-dark {
  background: var(--gray);
}
.p-page-table__tr.u-text-center {
  text-align: center;
}
.p-no-include__product-dl {
  display: flex;
  margin: 0 0 var(--size-12);
  gap: var(--size-2);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-no-include__product-dl:last-child {
  margin: 0;
}
.p-page-table__images-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-32);
}
.p-page-table__images-item {
  width: calc(25% - var(--size-32) * 3 / 4);
}
.p-page-table__images-image-wrap {
  display: flex;
  margin: 0 0 var(--size-16);
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
  border: solid 1px var(--gray);
}
.p-page-table__images-image {
  object-fit: contain;
}
.p-page-table__images-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
  transition: var(--transition);
}
.p-page-table__images-item:hover .p-page-table__images-text {
  color: var(--green);
}
.p-page-table__images-download-icon {
  margin: 0 0 0 var(--size-4);
}
.p-page-table__th.u-weight-regular {
  font-weight: 400;
}
.p-page-table__thead .p-page-table__th{
  border-bottom: 0;
}

.p-page-table__scroll-wrap.p-page-table__scroll-wrap--always{
  width: 100%;
  padding: 0 var(--size-20) var(--size-6) 0;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
}
.p-page-table__scroll-wrap.p-page-table__scroll-wrap--always::-webkit-scrollbar{
  height: var(--size-4);
}
.p-page-table__scroll-wrap.p-page-table__scroll-wrap--always::-webkit-scrollbar-track{
  background-color: var(--light-gray);
}
.p-page-table__scroll-wrap.p-page-table__scroll-wrap--always::-webkit-scrollbar-thumb{
  background-color: var(--gray);
}
.p-page-table__scroll-wrap.p-page-table__scroll-wrap--always .p-page-table__table-wrap {
  min-width: var(--size-1240);
}
.p-page-table__scroll-wrap.p-page-table__scroll-wrap--always .p-page-table__table-wrap.u-min-760 {
  min-width: var(--size-780);
}
.p-page-table__scroll-wrap.p-page-table__scroll-wrap--always .p-page-table__table-wrap {
  position: relative;
}
.p-page-table__scroll-wrap.p-page-table__scroll-wrap--always .scroll-hint {
  position: absolute;
  top: var(--size-48);
  left: var(--size-135);
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--transition), visibility var(--transition);
}
.p-page-table__scroll-wrap.p-page-table__scroll-wrap--always .scroll-hint.is-active {
  z-index: 10;
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-table__scroll-wrap {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .u-responsive-table .p-page-table__td,
  .u-responsive-table .p-page-table__th {
    display: block;
    width: 100%;
    border-bottom: 0;
  }
  .u-responsive-table .p-page-table__tr:last-child .p-page-table__td {
    border-bottom: solid 1px var(--gray);
  }
  .p-page-table__scroll-wrap,
  .p-page-table__scroll-wrap.p-page-table__scroll-wrap--always {
    width: calc(100% + 20px);
    padding: 0 0 var(--size-6) 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
  }
  .p-page-table__scroll-wrap::-webkit-scrollbar{
    height: var(--size-4);
  }
  .p-page-table__scroll-wrap::-webkit-scrollbar-track{
    background-color: var(--light-gray);
  }
  .p-page-table__scroll-wrap::-webkit-scrollbar-thumb{
    background-color: var(--gray);
  }
  .p-page-table__th.u-bg-green-sp {
    background: var(--green-t);
  }
  .p-page-table__th.u-bg-gray-sp {
    background: var(--gray);
  }
  .u-max-width-200-sp {
    max-width: var(--size-200);
  }
  .p-page-table__images-item {
    width: 100%;
  }
  .p-page-table__scroll-wrap .p-page-table__table-wrap {
    min-width: var(--size-1240);
  }
  .p-page-table__scroll-wrap .p-page-table__table-wrap.u-min-760 {
    min-width: var(--size-780);
  }
  .p-page-table__table-wrap {
    position: relative;
  }
  .p-page-table__scroll-wrap table{
    position: relative;
  }
  .p-page-table__scroll-wrap table::after{
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width:  var(--size-20);
    height: 1px;
  }
}

/* 下層ページ 製品・領域　お知らせ  */
.p-page-news__button-icon {
  width: var(--size-16);
  height: var(--size-16);
  vertical-align: middle;
}
.p-page-news__button-icon.u-news {
  margin: 0 0 0 var(--size-6);
}

/* 下層ページ 製品・領域　説明文  */
.p-page-desc__image-with-text {
  display: flex;
  gap: var(--size-32);
  margin: 0 0 var(--size-32);
}
.p-page-desc__image-with-text__image {
  display: block;
  margin: 0 auto;
  width: var(--size-360);
  object-fit: contain;
}
.p-page-desc__image-with-text__text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  flex: 1;
}
.p-page-desc__text {
  margin: 0 0 var(--size-32);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-desc__image {
  display: block;
  height: unset;
  margin: auto;
  object-fit: contain;
}
.p-no-include__product-subtitle {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-no-include__product-title {
  font-size: 24px;
  font-size: var(--size-24);
  line-height: 1.4;
  font-weight: 600;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-desc__image-with-text {
    flex-direction: column;
  }
  .p-page-desc__section .c-page-subtitle {
    font-size: 22px;
    font-size: var(--size-22);
    line-height: 1.4;
  }
}

/* 下層ページ 製品　Q&A  */
.p-page-qa__contents {
  margin: 0 0 var(--size-20);
}
.p-page-qa__contents:last-child {
  margin: 0;
}
.p-page-qa__accordion-button {
  position: relative;
  width: 100%;
  padding: var(--size-12) var(--size-123) var(--size-12) var(--size-20);
  background: var(--light-gray);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  color: var(--green);
  font-weight: 600;
}
.p-page-qa__accordion-button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: var(--size-103);
  height: 100%;
  background: var(--green);
  transition: var(--transition);
}
.p-page-qa__accordion-button:hover:after {
  opacity: .7;
}
.p-page-qa__accordion-button:before {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--size-44);
  z-index: 1;
  transform: translateY(-50%);
  width: var(--size-14);
  height: var(--size-14);
  background: url(../img/icon/icon-accordion-open-white.svg) no-repeat center;
  background-size: contain;
}
.p-page-qa__accordion-button.is-active:before {
  background: url(../img/icon/icon-accordion-close-white.svg) no-repeat center;
  background-size: contain;
}
.p-page-qa__accordion-contents {
  padding: var(--size-24) var(--size-20) var(--size-24) var(--size-24);
  border-top: 1px solid var(--gray);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  background: var(--light-gray);
}
.p-page-qa__icon {
  width: var(--size-15);
  height: var(--size-20);
  margin: -3px 0 0;
  object-fit: contain;
  vertical-align: middle;
}
.js-tab-select-contents {
  display: none;
}
.p-page-qa.is-active {
  display: block;
}
.p-page-qa__inner {
  padding: var(--size-24);
  background: var(--white);
}
.p-page-qa__inner .p-page-qa__inner:first-child {
  margin: 0;
}
.p-page-qa__text {
  margin: var(--size-24) 0 0;
}
.p-page-qa__text + .p-page-qa__text {
  margin: var(--size-20) 0 0;
}
.p-page-qa__text:first-child {
  margin: 0;
}
.p-page-qa__image {
  display: block;
  margin: var(--size-24) auto 0;
}
.p-page-qa__image:first-child {
  margin: 0;
}
.p-page-qa__inner:last-child {
  margin: 0;
}
.p-page-qa__list {
  margin: var(--size-32) 0 0 var(--size-20);
}
.p-page-qa__list:first-child {
  margin: 0;
}
.p-page-qa__list-icon-lock {
  width: var(--size-15);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}
.p-page-qa__list-icon-movie {
  width: var(--size-20);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}
.p-page-qa__list-icon-pdf {
  width: var(--size-17);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}
.p-page-qa__list-icon-new-tab {
  width: var(--size-16);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}
.p-page-qa__list-item {
  margin: 0 0 var(--size-12);
}
.p-page-qa__list-item:last-child {
  margin: 0 0 0;
}
.p-page-qa__list-link {
  transition: var(--transition);
}
.p-page-qa__list-link:hover {
  color: var(--green);
}
.p-faq__header-title {
  font-size: 40px;
  font-size: var(--size-40);
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
}
.p-faq__header-top-link {
  display: block;
  width: fit-content;
  margin: 0 0 var(--size-32) auto;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  transition: var(--transition);
}
.p-faq__header-top-link:hover {
  color: var(--green);
}
.p-faq__header-top-icon {
  width: var(--size-8);
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}
.p-faq__result-header {
  display: flex;
  justify-content: space-between;
  padding: 0 0 var(--size-16);
  margin: 0 0 var(--size-32);
  border-bottom: solid 1px var(--gray);
}
.p-search__result-header {
  display: flex;
  align-items: baseline;
}
.p-search__result-header-num {
  font-size: 26px;
  font-size: var(--size-26);
  font-weight: 600;
  line-height: 1.4;
}
.p-search__result-header-num-small {
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 400;
  line-height: 1.6;
}
.p-faq__result-header-selector {
  display: flex;
  align-items: center;
  gap: var(--size-16);
}
.p-faq__result-header-selector-title {
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 600;
  line-height: 1.6;
}
.p-search__select-expandLabel {
  background: var(--white);
  transition: var(--transition);
}
.p-search__select-expandLabel:hover {
  background: var(--green-t);
}
.p-search__select {
  position: relative;
  z-index: 10;
  width: var(--size-288);
  height: var(--size-40);
  cursor: pointer;
  background-color: white;
}
.p-search__select.u-w144 {
  width: var(--size-144);
}
.p-search__select.u-w128 {
  width: var(--size-128);
}
.is-open .p-search__select:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  display: block;
  width: calc(100% - var(--size-14) * 2);
  height: var(--size-1);
  transform: translateX(-50%);
  background: var(--gray);
}
.is-open .p-search__select-items{
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  background: var(--white);
}
.p-search__select-expand {
  width: 0;
  height: var(--size-40);
  position: absolute;
  top: 0;
  right: 0;
}
.p-search__select-expand::after {
  content: '';
  position: absolute;
  top: 50%;
  right: var(--size-7);
  z-index: 2;
  display: block;
  width: var(--size-16);
  height: var(--size-8);
  background: url(../img/icon/icon-arrow-down.svg) no-repeat center;
  transform: translate(-50%, -50%) rotate(0);
  pointer-events: none;
}
.p-search__select-expand:hover::after {
  opacity: 1;
}
.p-search__select-expand:checked::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.p-search__select-expandLabel {
  display: block;
  width: 100%;
  height: var(--size-40);
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.p-search__select-close {
  display: none;
}
.p-search__select-closeLabel {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.p-search__select-items {
  width: 100%;
  position:absolute;
  top: 0;
  left: 0;
  border: 1px solid var(--gray);
  padding-top: var(--size-40);
}
.p-search__select-input {
display:        none;
}
.p-search__select-label {
  display: block;
  height: 0;
  width: 100%;
  padding: 0 var(--size-14);
  transition: var(--transition);
  line-height: var(--size-40);
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
}
.p-search__select-label-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: var(--size-40);
  padding: var(--size-8) var(--size-14);
  vertical-align: middle;
  background-color: transparent;
  pointer-events: none;
  transition: var(--transition);
}
.p-search__select:hover .p-search__select-label-placeholder {
  color: var(--green);
}
.is-open .p-search__select:hover .p-search__select-label-placeholder {
  color: var(--black);
}
.p-search__select-label-placeholder,
.p-search__select-label {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-search__select-expand:checked + .p-search__select-closeLabel + .p-search__select-options .p-search__select-label {
  height: fit-content;
  margin: var(--size-8) 0 0;
}
.p-search__select-expand:checked + .p-search__select-closeLabel + .p-search__select-options .p-search__select-label:last-child {
  margin: var(--size-8) 0 var(--size-8);
}
.p-search__select-expand:checked + .p-search__select-closeLabel + .p-search__select-options .p-search__select-label:hover {
  color: var(--green);
}
.p-search__select-expand:checked + .p-search__select-closeLabel + .p-search__select-options + .p-search__select-expandLabel {
  display: none;
}
.p-search__select-input:checked + .p-search__select-label {
  height: var(--size-40);
  margin-top: calc(var(--size-40) * -1);
}
.p-search__select-options {
  background: var(--white);
}
.p-search__select-wrap {
  width: fit-content;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-faq__header-title {
    font-size: 32px;
    font-size: var(--size-32);
    line-height: 1.2;
  }
  .p-page-qa__accordion-button:after {
    width: var(--size-48);
  }
  .p-page-qa__accordion-button:before {
    right: var(--size-16);
  }
  .p-page-qa__accordion-button {
    padding: var(--size-16) var(--size-64) var(--size-16) var(--size-16);
  }
  .p-page-qa__accordion-contents {
    padding: var(--size-24) var(--size-16);
  }
  .p-faq__result-header {
    flex-direction: column;
    gap: var(--size-6);
  }
  .p-search__result-header {
    justify-content: flex-end;
  }
  .p-search__select-wrap {
    flex: 1;
    width: 100%;
  }
  .p-search__select {
    width: 100%;
  }
  .p-search__result-header-num {
    font-size: 22px;
    font-size: var(--size-22);
  }
  .p-faq__result-header {
    padding: 0 0 var(--size-8);
  }
  .l-faq .p-page-qa__accordion-button {
    padding: var(--size-16) var(--size-56) var(--size-16) var(--size-16)
  }
  .l-faq .p-page-qa__accordion-contents {
    padding: var(--size-16);
  }
  .p-page-qa__inner {
    padding: var(--size-16);
  }
  .p-page-qa__image {
    margin: var(--size-32) 0 0;
  }
}

/* 下層ページ 製品・領域　関連商品  */
.p-related-product__list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--size-32);
}
.p-related-product__card {
  width: calc(25% - var(--size-32) * 3 / 4);
}
.p-related-product__card-image-wrap {
  display: flex;
  width: 100%;
  margin: 0 0 var(--size-16);
  border: solid 1px var(--gray);
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
}
.p-related-product__card-image {
  display: block;
  margin: auto;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.p-related-product__card-subtitle {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-related-product__card-title {
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
  transition: var(--transition);
}
.p-related-product__card-link:hover .p-related-product__card-title {
  color: var(--green);
}
.p-related-product__card-icon {
  width: var(--size-8);
  height: auto;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-related-product__card-lock-icon {
  width: var(--size-15);
  height: auto;
  vertical-align: middle;
}
.p-related-product__button-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-32);
  justify-content: center;
}
.p-related-product__button-item {
  width: calc(33.33% - var(--size-32) * 2 / 3);
}
.p-related-product__button {
  display: flex;
  width: 100%;
  max-width: var(--size-392);
  justify-content: center;
  align-items: center;
  padding: var(--size-12);
  border-radius: var(--size-50);
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
  color: var(--white);
  text-align: center;
  background: var(--green);
  transition: var(--transition);
}
.p-related-product__button:hover {
  opacity: .7;
}
.p-related-product__button-icon-lock {
  width: var(--size-15);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-related-product__list {
    column-gap: var(--size-20);
    row-gap: var(--size-32);
  }
  .p-related-product__card {
    width: calc(50% - var(--size-20) / 2);
  }
  .p-related-product__card-title {
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.4;
  }
  .p-related-product__button-list {
    flex-direction: column;
    gap: var(--size-20);
  }
  .p-related-product__button-item {
    width: 100%;
  }
}

/* 下層ページ 製品・領域　関連領域  */
.p-related-realm__list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--size-32);
}
.p-related-realm__list.u-module {
  margin: 0 0 var(--size-48);
}
.p-related-realm__card {
  width: calc(50% - var(--size-32) / 2);
}
.p-related-realm__card-link {
  display: flex;
  width: 100%;
  height: 100%;
  padding: var(--size-16) var(--size-24) var(--size-16) var(--size-16);
  align-items: flex-start;
  background: var(--light-gray);
  transition: var(--transition)
}
.p-related-realm__card-link:hover {
  background: var(--green-t);
}
.p-related-realm__card-image-wrap {
  width: var(--size-88);
  height: var(--size-88);
}
.p-related-realm__card-image {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-related-realm__card-contents {
  display: flex;
  height: 100%;
  margin: 0 0 0 var(--size-32);
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.p-related-realm__card-subtitle {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-related-realm__card-title {
  font-size: 20px;
  font-size: var(--size-20);
  line-height: 1.4;
  font-weight: 600;
}
.p-related-realm__icon {
  display: flex;
  width: var(--size-8);
  height: 100%;
  margin: 0 0 0 var(--size-8);
  align-items: center;
}
.p-related-realm__card-icon {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-related-realm__card {
    width: 100%;
  }
  .p-related-realm__list {
    gap: var(--size-20);
  }
  .p-related-realm__list.u-module {
    margin: 0 0 var(--size-32);
  }
  .p-related-realm__card-image-wrap {
    width: var(--size-72);
    height: var(--size-72);
  }
  .p-related-realm__card-title {
    font-size: 18px;
    font-size: var(--size-18);
    line-height: 1.4;
  }
  .p-related-realm__card-contents {
    margin: 0 0 0 var(--size-22)
  }
  .p-related-realm__card-link {
    padding: var(--size-10) var(--size-12) var(--size-10) var(--size-10);
  }
}

/* 下層ページ 製品・領域　関連サイト  */
.p-related-site__list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--size-32);
}
.p-related-site__card {
  width: calc(33.33% - var(--size-32) * 2 / 3);
}
.p-related-site__list.u-col-4 .p-related-site__card {
  width: calc(25% - var(--size-32) * 3 / 4);
}
.p-related-site__card-image-wrap {
  margin: 0 0 var(--size-16);
  border: solid 1px var(--gray);
  aspect-ratio: 16 / 9;
}
.p-related-site__card-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.p-related-site__card-label-wrap {
  display: flex;
  margin: 0 0 var(--size-4);
  gap: var(--size-8);
  flex-wrap: wrap;
}
.p-related-site__card-label {
  width: fit-content;
  padding: var(--size-2) var(--size-8);
  border: solid 1px var(--green);
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  color: var(--green);
}
.p-related-site__card-title {
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
  transition: var(--transition);
}
.p-related-site__card-link:hover .p-related-site__card-title {
  color: var(--green);
}
.p-related-site__card-icon {
  width: var(--size-16);
  height: auto;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-related-site__card-desc {
  margin: var(--size-16) 0 0;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-related-site__card {
    width: 100%;
  }
  .p-related-site__list.u-col-4 .p-related-site__card{
    width: 100%;
  }
}

/* 下層ページ 製品　製品情報  */
.p-page-meta__label {
  display: block;
  padding: var(--size-2) var(--size-8);
  border: solid 1px var(--red);
  font-size: 14px;
  font-size: var(--size-14);
  font-weight: 600;
  line-height: 1.2;
  color: var(--red);
}
.p-page-meta__container {
  display: flex;
  justify-content: center;
  gap: var(--size-32);
}
.p-page-meta__right {
  width: var(--size-710);
}
.p-page-meta__left {
  /*flex: 1;*/
  width: var(--size-498);
}
.p-page-meta__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.p-page-meta__image-logo-wrap .p-page-meta__image {
  max-height: var(--size-60);
}
.p-page-meta__image-product-wrap {
  display: flex;
  width: var(--size-498);
  height: var(--size-332);
  align-items: center;
  justify-content: center;
}
.p-page-meta__labels {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--size-8);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-meta__container {
    flex-direction: column;
    gap: var(--size-60);
  }
  .p-page-meta__left,
  .p-page-meta__right {
    width: 100%;
  }
  .p-no-include__product-title {
    font-size: 20px;
    font-size: var(--size-20);
  }
  .p-page-meta__image-product-wrap {
    width: 100%;
    height: unset;
    aspect-ratio: 3 / 2;
  }
  .p-page-meta__image-product-wrap .p-page-meta__image {
    object-fit: scale-down;
    object-position: center;
    width: fit-content;
    height: fit-content;
  }
}

/* 製品ページ　注意点 */
.p-page-attention__list-item {
  margin: 0 0 var(--size-12);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-page-attention__list:has(+ .p-page-attention__text) {
  margin: 0 0 var(--size-12);
}
.p-page-attention__list-item:last-child {
  margin: 0;
}
.p-page-attention__list-item.u-mt12 {
  margin: 0 0 var(--size-12);
}
.p-page-attention__text {
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.c-list-style:not(.u-list-ol) .p-page-attention__list-item:before {
  top: var(--size-6);
  max-width: var(--size-6);
  min-width: var(--size-6);
  width: var(--size-6);
  height: var(--size-6);
}

/* 製品ページ 動画 */
.p-mv-movie__content {
  display: block;
  margin: 0 0 var(--size-8);
}
.p-mv-movie__stop-button {
  display: block;
  width: var(--size-9);
  height: auto;
  margin: 0 auto;
}
.p-mv-movie__video-wrap {
  position: relative;
  aspect-ratio: 1920 / 526;
  overflow: hidden;
}
.p-mv-movie__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-mv-movie__video-wrap {
    aspect-ratio: 375 / 211;
  }
  .p-mv-movie__video {
    width: unset;
    height: 100%;
  }
}

/* 製品ページ 使用方法・指導ツール */
.p-page-use__contents {
  margin: 0 0 var(--size-80);
}
.p-page-use__contents:last-child {
  margin: 0;
}

/* 下層ページ 使用方法・指導ツール、領域　情報カード */
.p-information-contents-tabs {
  display: flex;
  flex-wrap: wrap;
  padding: var(--size-16);
  gap: var(--size-8);
  background: var(--light-gray);
}
.p-information-contents-tabs-button {
  padding: var(--size-10) var(--size-24);
  border: solid 1px var(--green);
  font-size: 16px;
  font-size: var(--size-16);
  background: var(--white);
  transition: var(--transition);
}
.p-information-contents-tabs-button:hover {
  background: var(--green-t);
  color: var(--green);
}
.p-information-contents-tabs-button.is-active {
  background: var(--green);
  color: var(--white);
}
.p-information-contents-tabs-button.is-active:hover {
  background: var(--green);
  color: var(--white);
}
.p-information-contents-tabs {
  margin: 0 0 var(--size-48);
}
.p-information-contents-card {
  display: flex;
  padding: var(--size-32);
  margin: 0 0 var(--size-32);
  border: solid 1px var(--gray);
  gap: var(--size-24);
}
.p-information-contents-card:last-child {
  margin: 0;
}
.p-information-contents-card-image-wrap {
  width: var(--size-286);
  max-height: var(--size-286);
  display: flex;
}
.p-information-contents-card-image-wrap.u-small-image {
  width: var(--size-160);
}
.p-information-contents-card-image {
  display: block;
  height: auto;
  max-height: 100%;
  margin: 0 auto;
  object-fit: scale-down;
  object-position: top;
}
.p-information-contents-card-meta {
  flex: 1;
}
.p-information-contents-card-date {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-information-contents-card-subtitle {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-information-contents-card-title {
  margin: 0 0 var(--size-12);
  font-size: 24px;
  font-size: var(--size-24);
  font-weight: 600;
  line-height: 1.4;
}
.p-information-contents-card-desc {
  margin: 0 0 var(--size-12);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-information-contents-card-attention {
  padding: var(--size-12);
  background: var(--light-gray);
}
.p-information-contents-card-list-item {
  margin: 0 0 var(--size-12);
}
.p-information-contents-card-list-item:last-child {
  margin: 0;
}
.p-information-contents-card-list-link {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  transition: var(--transition);
}
.p-information-contents-card-list-link:hover {
  color: var(--green);
}
.p-information-contents-card-dl {
  display: flex;
  margin: var(--size-12) 0 var(--size-16);
  gap: var(--size-16);
}
.p-information-contents-card-dl:last-child {
  margin: var(--size-12) 0 0;
}
.p-information-contents-card-dd {
  flex: 1;
}
.p-information-contents-card-label {
  display: block;
  padding: var(--size-2) var(--size-8);
  border: solid 1px var(--green);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.2;
  font-weight: 600;
  color: var(--green);
  background: var(--white);
}
.p-information-contents-card-dd-list {
  display: flex;
  flex-wrap: wrap;
}
.p-information-contents-card-dd-list-item {
  padding: 0 var(--size-8) 0 0;
  margin: 0 var(--size-8) var(--size-8) 0;
  border-right: solid 1px var(--gray);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.6;
}
.p-information-contents-card-dd-list-item:last-child {
  padding: 0;
  margin: 0;
  border-right: 0;
}
.p-information-contents-card-list-icon-arrow {
  width: var(--size-8);
  height: auto;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-information-contents-card-list-icon-lock {
  width: var(--size-15);
  height: auto;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-information-contents-card-list-icon-movie {
  width: var(--size-20);
  height: auto;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-information-contents-card-list-icon-download {
  width: var(--size-20);
  height: auto;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-information-contents-card-list-icon-new-tab {
  width: var(--size-16);
  height: auto;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-information-contents-card-list-icon-pdf {
  width: var(--size-17);
  height: auto;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-use__contents {
    margin: 0 0 var(--size-32);
  }
  .p-information-contents-tabs {
    margin: 0 0 var(--size-32);
  }
  .p-information-contents-tabs-button {
    padding: var(--size-10) var(--size-12);
  }
  .p-information-contents-card {
    padding: var(--size-16);
    flex-direction: column;
    gap: var(--size-16);
    align-items: center;
  }
  .p-information-contents-card-meta {
    width: 100%;
  }
  .p-information-contents-card-title {
    margin: 0 0 var(--size-16);
    font-size: 20px;
    font-size: var(--size-20);
  }
  .p-information-contents-card-desc {
    margin: 0 0 var(--size-16);
  }
  .p-information-contents-card-dl {
    margin: var(--size-16) 0 var(--size-12);
    gap: var(--size-4);
    flex-direction: column;
  }
  .p-information-contents-card-dl:last-child {
    margin: var(--size-16) 0 0;
  }
  .p-information-contents-card-dd-list {
    flex-direction: column;
  }
  .p-information-contents-card-dd-list-item {
    padding: 0;
    margin: 0 0 var(--size-4);
    border-right: 0;
  }
  .p-information-contents-card-dd-list-item:last-child {
    margin: 0;
  }
  .p-information-contents-card-label {
    width: fit-content;
  }
}

/* 下層ページ 領域　イベントカード */
.p-event-contents__card {
  position: relative;
  margin: 0 0 var(--size-32);
  border: solid 1px var(--gray);
}
.p-event-contents__card:last-child {
  margin: 0;
}
.p-event-contents__card-link {
  display: block;
  padding: var(--size-32);
  transition: var(--transition);
}
.p-event-contents__card-link:hover {
  background: var(--green-t);
}
.p-event-contents__card-label {
  width: fit-content;
  padding: var(--size-2) var(--size-8);
  margin: 0 0 var(--size-4);
  border: solid 1px var(--red);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.2;
  font-weight: 600;
  color: var(--red);
  background: var(--white);
}
.p-event-contents__card-subtitle {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-event-contents__card-title {
  margin: 0 0 var(--size-20);
  font-size: 24px;
  font-size: var(--size-24);
  font-weight: 600;
  line-height: 1.4;
  transition: var(--transition);
}
.p-event-contents__card-link:hover .p-event-contents__card-title {
  color: var(--green);
}
.p-event-contents__card-icon-new-tab {
  width: var(--size-16);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}
.p-event-contents__card-meta {
  border-left: solid 4px var(--green);
  padding: 0 0 0 var(--size-16);
}
.p-event-contents__card-meta {
  display: flex;
  margin: 0 0 var(--size-20);
  flex-wrap: wrap;
  column-gap: var(--size-32);
  row-gap: var(--size-12);
}
.p-event-contents__card-meta.u-module {
  max-width: unset;
}
.p-event-contents__card-meta-contents {
  display: flex;
}
.p-event-contents__card-meta-contents.u-wfull {
  width: 100%;
}
.p-event-contents__card-meta-title,
.p-event-contents__card-meta-desc {
  line-height: 1.6;
}
.p-event-contents__card-meta-title {
  font-weight: 600;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-event-contents__card-label {
    margin: 0 0 var(--size-6);
  }
  .p-event-contents__card-title {
    font-size: 20px;
    font-size: var(--size-20);
    line-height: 1.4;
  }
  .p-event-contents__card-link {
    padding: var(--size-32) var(--size-20);
  }
  .p-event-contents__card-meta-desc {
    flex: 1;
  }
}

/* 下層ページ 領域　資料ダウンロード */
.p-document__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-32);
}
.p-document__card {
  width: calc(25% - var(--size-32) * 3 / 4);
}
.p-document__card-image-wrap {
  display: flex;
  margin: 0 0 var(--size-16);
  border: solid 1px var(--gray);
  aspect-ratio: 1 / 1;
  justify-content: center;
  align-items: center;
}
.p-document__card-image {
  display: block;
  height: auto;
  width: auto;
  max-height: 100%;
  margin: auto;
  object-fit: cover;
}
.p-document__card-subtitle {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-document__card-title {
  font-size: 16px;
  font-size: var(--size-16);
  font-weight: 600;
  line-height: 1.6;
  transition: var(--transition);
}
.p-document__card-link:hover .p-document__card-title {
  color: var(--green);
}
.p-document__card-icon-lock {
  width: var(--size-18);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}
.p-document__card-icon-pdf {
  width: var(--size-20);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}
.p-document__card-icon-download {
  width: var(--size-24);
  height: auto;
  margin: 0 0 0 var(--size-4);
  vertical-align: middle;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-document__card {
    width: 100%;
  }
  .p-document__card-image-wrap{
    width: var(--size-286);
    height: var(--size-286);
    margin: 0 auto var(--size-16);
  }
  .p-document__card-image {
    max-height: 100%;
  }
}

/* 学会・セミナー レイアウト */
.p-realm-seminar__contents {
  margin: 0 0 var(--size-80);
}
.p-realm-seminar__contents:last-child {
  margin: 0;
}

/* 学会・セミナー カレンダー */
.p-event__calendar {
  margin: 0 0 var(--size-80);
  width: 100%;
}
.p-event__calendar-table-wrap {
  border: solid 1px var(--gray);
}
.p-event__calendar-table {
  width: 100%;
}
.p-event__calendar-head-th {
  padding: var(--size-8);
  border-right: solid 1px var(--gray);
  border-left: solid 1px var(--gray);
  text-align: center;
  width: 14.285%;
}
.p-event__calendar-body-td {
  padding: var(--size-8);
  border: solid 1px var(--gray);
  height: var(--size-154);
}
.p-event__calendar-body-td:nth-child(7n),
.p-event__calendar-head-th:nth-child(7n) {
  border-right: 0;
}
.p-event__calendar-body-td:nth-child(7n - 6),
.p-event__calendar-head-th:nth-child(7n - 6) {
  border-left: 0;
}
.p-event__calendar-body-td:nth-child(-n + 7){
  border-bottom: 0;
}
.p-event__calendar-body-td-icon {
  width: var(--size-8);
  height: auto;
  margin: 0 0 0 var(--size-4);
}
.p-event__calendar-body-td-date {
  margin: 0 0 var(--size-4);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-event__calendar-body-td-link {
  display: block;
  padding: var(--size-8);
  background: var(--light-gray);
  transition: var(--transition);
}
.p-event__calendar-body-td-link:hover {
  background: var(--green-t);
}
.p-event__calendar-body-td-time {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-event__calendar-body-td-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.4;
  transition: var(--transition);
}
.p-event__calendar-body-td-link:hover .p-event__calendar-body-td-text {
  color: var(--green);
}
.p-event__calendar-body-td.u-next-month {
  color: #9ca3af;
  background: #f3f4f6
}
.p-event__calendar-title {
  margin: 0 0 var(--size-20);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  text-align: center;
}
.p-event__calendar-title-big {
  font-size: 26px;
  font-size: var(--size-26);
  line-height: 1.66;
  font-weight: 600;
  margin: 0 0 0 var(--size-4);
}
.swiper-calendar .swiper-button-prev,
.swiper-calendar .swiper-button-next {
  top: var(--size-25);
  width: var(--size-40);
  height: var(--size-40);
  transition: var(--transition);
}
.swiper-calendar .swiper-button-prev:hover,
.swiper-calendar .swiper-button-next:hover {
  opacity: .7;
}
.swiper-calendar .swiper-button-next {
  right: var(--size-507);
}
.swiper-calendar .swiper-button-prev {
  left: var(--size-505);
}
.swiper-calendar .swiper-button-prev:after,
.swiper-calendar .swiper-button-next:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/icon/icon-slide-arrow-left.svg) no-repeat center;
  background-size: contain;
}
.swiper-calendar .swiper-button-next:after {
  transform: rotate(180deg);
}
.swiper-calendar .swiper-slide {
  /*height: 100%;*/
}
/* print */
@media print {
  .l-main__container {
    min-width: 0;
  }
  .l-header,
  .l-footer,
  .l-sticky-navigation,
  .c-scroll-button {
    display: none;
  }
  .swiper-wrapper {
    transform: unset !important;
  }
  .l-mv .swiper-slide.swiper-slide-active {
    width: 100% !important;
    display: block;
  }
  .l-mv .swiper-slide {
    display: none;
  }
  .p-seminar__card {
    width: calc(50% - var(--size-20) / 2);
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  .p-search__realm-item {
    width: calc(50% - var(--size-40) / 2);
  }
  .l-pickup .swiper-slide {
    width: 30%!important;
    margin-right: 5.3%!important;
  }
}

/* 汎用モジュール */
.p-module-h1 {
 font-size: 40px;
 font-size: var(--size-40);
 line-height: 1.4;
 font-weight: 600;
}
.p-module-h2 {
  background: #ffd800;
  padding: var(--size-10) var(--size-20);
  font-size: 26px;
  font-size: var(--size-26);
  line-height: 1.4;
  font-weight: 600;
}
.c-page-subtitle.u-orange {
  border-bottom: solid 1px #de6f05;
  color: #de6f05;
}
.p-module-h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.p-module-h4.u-orange {
  color: #de6f05;
}
.l-page-header.u-module {
  margin: 0 0 var(--size-48);
}
.l-page-header__read {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  margin: var(--size-24) 0 0;
}
.l-page-header.u-lv3 {
  background: var(--green-t);
}
.l-page-header.u-bg-white {
  padding: 0;
  background: var(--white);
}
.p-module-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-text__icon {
  margin: -3px var(--size-4) 0 0;
  vertical-align: middle;
}

.code-accordion summary {
  border-bottom: solid 1px #de6f05;
  color: #de6f05;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: var(--size-16) 0;
  margin-bottom: var(--size-16);
  font-weight: bold;
  cursor: pointer;
}

.code-accordion summary::-webkit-details-marker {
  display: none;
}

.code-accordion summary::before {
  transform: rotate(45deg);
  width: var(--size-9);
  height: var(--size-9);
  margin-right: var(--size-16);
  border-bottom: 3px solid #de6f05;
  border-right: 3px solid #de6f05;
  content: '';
  transition: transform .3s;
}

.code-accordion[open] summary::before {
  transform: rotate(225deg);
}

.code-accordion pre {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 2em 1.5em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.code-accordion[open] pre.code {
    transform: none;
    opacity: 1;
}

pre.code{
  background-color: #363132;
  border-radius: 5px;
  color: #fff;
  font-family: Consolas, courier;
  font-size: 0.85em;
  line-height: 1.5;
  padding: 1em;
  white-space: pre;
  overflow-x: auto;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-module-h1 {
    font-size: 32px;
    font-size: var(--size-32);
    line-height: 1.4;
  }
  .p-module-h2 {
    padding: var(--size-10) var(--size-20);
    width: calc(100% + var(--size-40));
    margin: 0 0 0 calc(var(--size-20) * -1);
    font-size: 22px;
    font-size: var(--size-22);
    line-height: 1.4;
  }
  .l-page-header.u-module {
    margin: 0 0 var(--size-44);
  }
  .l-page-header__read {
    margin: var(--size-12) 0 0;
  }
  .c-page-subtitle.u-sp-big {
    font-size: 26px;
    font-size: var(--size-26);
  }
}

/* Pick Upカルーセル */
.u-module-slider .swiper-slide-next .swiper-image,
.u-module-slider .swiper-slide-prev .swiper-image {
  opacity: 1;
}
.u-module-slider {
  margin: 0 0 var(--size-24);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .u-module-slider .p-mv__page-nation {
    margin: var(--size-12) 0 0;
  }
  .u-module-slider {
    margin: 0 0 var(--size-20);
  }
}

/* サブナビゲーション */
.l-navigation-tabs.u-module {
  margin: 0 0 var(--size-24);
}
.l-navigation-anchors .l-navigation__anchors.u-module {
  margin: 0;
}
.l-navigation__anchors.u-module {
  margin: var(--size-48) 0;
  flex-wrap: wrap;
  row-gap: var(--size-12);
}
.l-navigation-tabs + .l-navigation-anchors.u-module {
  margin: 0 0 var(--size-24);
}
.l-navigation-tabs.u-module:has(+ .l-navigation-anchors.u-module) {
  margin: 0;
}
.is-decoration-hidden .l-navigation__anchors-link {
  border-right: 0;
}
.l-navigation-tabs.u-module .l-navigation__tabs-item {
  flex: 1;
}
.l-navigation-tabs.u-wfit .l-navigation__tabs-item{
  flex: 1;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-navigation__anchors.u-module {
    row-gap: 0;
    margin: var(--size-32) 0;
  }
  .l-navigation__anchors.u-module.u-mb44-sm {
    margin: 0 0 var(--size-44);
  }
  .u-col-2 .l-navigation__anchors-item{
    width: 50%;
  }
  .u-col-2 .l-navigation__anchors-item:nth-child(2n) {
    border-right: 0;
  }
  .u-col-2 .l-navigation__anchors-link {
    padding: var(--size-16) var(--size-4);
    line-height: 1.4;
  }
  .l-navigation-tabs.u-module {
    margin: 0 0 var(--size-20);
  }
  .l-navigation-tabs + .l-navigation-anchors.u-module {
    margin: 0 0 var(--size-20);
  }
}

/* 見出し */
.c-page-section-title.u-module{
  margin: var(--size-80) 0 var(--size-48);
}
h1 + .c-page-section-title.u-module{
  margin: var(--size-48) 0 var(--size-48);
}
.c-page-subtitle.u-module {
  margin: var(--size-60) 0 var(--size-32);
}
h2 + .c-page-subtitle.u-module {
  margin: var(--size-48) 0 var(--size-32);
}
.p-page-smalltitle.u-module {
  margin: var(--size-60) 0 var(--size-32);
}
h3 + .p-page-smalltitle.u-module {
  margin: var(--size-32) 0 var(--size-32);
}
.p-page-smalltitle {
  font-size: 24px;
  font-size: var(--size-24);
  line-height: 1.4;
  font-weight: 600;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .c-page-section-title.u-module {
    padding: 0 0 0 var(--size-18);
  }
  .p-page-smalltitle {
    font-size: 20px;
    font-size: var(--size-20);
    color: #4c4948;
  }
  .p-page-smalltitle.u-sp-black {
    color: var(--black);
  }
  .c-page-section-title.u-module{
    margin: var(--size-60) 0 var(--size-44);
  }
  .c-page-subtitle.u-module {
    margin: var(--size-60) 0 var(--size-32);
  }
  .p-page-smalltitle.u-module {
    margin: var(--size-60) 0 var(--size-32);
  }
}

/* 本文テキスト */
.p-page-desc__wrap.u-module {
  margin: 0 0 var(--size-32);
}
.p-page-desc__wrap.u-col-2,
.p-page-desc__wrap.u-col-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--size-32);
}
.p-page-desc__wrap.u-col-2 .p-page-desc__child {
  width: calc( 50% - var(--size-32) / 2);
}
.p-page-desc__wrap.u-col-3 .p-page-desc__child {
  width: calc( 33.33% - var(--size-32) * 2 / 3);
}
.c-page-subtitle.u-not-border {
  border-bottom: 0;
  padding: 0;
}
.p-page-desc__texts {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-desc__wrap.u-col-2,
  .p-page-desc__wrap.u-col-3 {
    flex-direction: column;
    gap: var(--size-20);
  }
  .p-page-desc__wrap.u-col-2.u-title-with-text,
  .p-page-desc__wrap.u-col-3.u-title-with-text {
    gap: var(--size-60);
  }
  .p-page-desc__wrap.u-col-2 .p-page-desc__child,
  .p-page-desc__wrap.u-col-3 .p-page-desc__child {
    width: 100%;
  }
}

/* 画像×本文テキスト */
.p-page__image-with-text.u-module {
  margin: 0 0 var(--size-32);
}
.p-page__image-with-text-contents {
  display: flex;
  gap: var(--size-32);
}
.u-reverse .p-page__image-with-text-contents {
  flex-direction: row-reverse;
}
.p-page__image-with-text__image-wrap {
  width: var(--size-392);
}
.p-page__image-with-text__image {
  display: block;
  margin: auto;
}
.p-page__image-with-text__text {
  flex: 1;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page__image-with-text__image-caption {
  font-size: 12px;
  font-size: var(--size-12);
}
.u-fifty .p-page__image-with-text__image-wrap {
  width: calc(50% - var(--size-16));
}
.p-page__image-with-text.u-col-2,
.p-page__image-with-text.u-col-3 {
  display: flex;
  gap: var(--size-32);
  flex-wrap: wrap;
}
.p-page__image-with-text.u-col-2 .p-page__image-with-text-contents {
  width: calc( 50% - var(--size-32) / 2);
  flex-direction: column;
  gap: var(--size-24);
}
.p-page__image-with-text.u-col-3 .p-page__image-with-text-contents {
  width: calc( 33.33% - var(--size-32) * 2 / 3);
  flex-direction: column;
  gap: var(--size-24);
}
.p-page__image-with-text.u-col-2 .p-page__image-with-text__image-wrap,
.p-page__image-with-text.u-col-3 .p-page__image-with-text__image-wrap {
  width: 100%;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page__image-with-text-contents {
    flex-direction: column;
  }
  .p-page__image-with-text__image-wrap,
  .u-fifty .p-page__image-with-text__image-wrap {
    width: 100%;
  }
  .u-reverse .p-page__image-with-text-contents {
    flex-direction: column;
  }
  .p-page__image-with-text.u-col-2 .p-page__image-with-text-contents,
  .p-page__image-with-text.u-col-3 .p-page__image-with-text-contents {
    width: 100%;
  }
}

/* 引用 */
.p-page-quote {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  display: flex;
  gap: var(--size-8);
}
.p-page-quote.u-module {
  margin: var(--size-60) 0 var(--size-60);
}
.p-page-quote:before {
  content: "";
  display: block;
  height: var(--size-16);
  width: var(--size-10);
  background: url(../img/icon/icon-quote-before.svg) no-repeat center;
  background-size: contain;
}
.p-page-quote__text:after {
  content: "";
  display: inline-block;
  height: var(--size-16);
  width: var(--size-10);
  background: url(../img/icon/icon-quote-after.svg) no-repeat center;
  background-size: contain;
}
.p-page-quote__text {
  flex: 1;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-quote.u-module {
    margin: var(--size-44) 0 var(--size-44);
  }
}

/* リスト */
.p-page-list-wrap.u-module {
  margin: 0 0 var(--size-32);
}
.p-page-list-item {
  margin: var(--size-12) 0 0;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-list-parent > .p-page-list-item:first-child {
  margin: 0;
}
.p-page-list-wrap.u-col-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--size-32);
}
.u-col-2 .p-page-list-parent {
  width: calc(50% - var(--size-32) / 2);
}
.p-page-list-link {
  transition: var(--transition);
}
.p-page-list-link:hover {
  color: var(--green);
}
.p-page-list-icon {
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .u-col-2 .p-page-list-parent {
    width: 100%;
  }
}

/* 注釈 */
.p-page-annotation__container.u-module {
  margin: 0 0 var(--size-32);
}
.p-page-annotation {
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}
.p-page-annotation__list-item {
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}
.u-number {
  counter-reset: number;
}
.u-number .p-page-annotation__list-item {
  counter-increment: number;
  position: relative;
  padding-left: var(--size-18);
}
.u-number .p-page-annotation__list-item::before {
  content: counter(number) "）";
  position: absolute;
  left: 0;
}
.u-annotation .p-page-annotation__list-item {
  position: relative;
  padding-left: var(--size-16);
}
.u-annotation .p-page-annotation__list-item::before {
  content: "※";
  position: absolute;
  left: 0;
}

/* 背景付きボックス */
.p-page-bgbox {
  padding: var(--size-32);
  border: solid 1px var(--gray);
  background: var(--light-gray)
}
.p-page-bgbox.u-module {
  margin: var(--size-80) 0;
}
.p-page-bgbox__title {
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
}
.p-page-bgbox__text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-bgbox__image-wrap {
  width: 100%;
  max-width: var(--size-392);
  margin: 0 auto;
}
.p-page-bgbox__image-caption {
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-bgbox {
    padding: var(--size-24) var(--size-20);
  }
  .p-page-bgbox.u-module {
    margin: var(--size-60) 0;
  }
}

/* 人物紹介 */
.p-page-personal {
  display: flex;
  margin: 0 auto;
  padding: var(--size-32);
  max-width: var(--size-1028);
  border: solid var(--size-2) var(--green);
  align-items: center;
  gap: var(--size-24);
}
.p-page-personal.u-module {
  margin: var(--size-80) auto;
}
.p-page-personal__image {
  width: var(--size-286);
  height: auto;
}
.p-page-personal__desc {
  flex: 1;
}
.p-page-personal__title {
  font-size: 24px;
  font-size: var(--size-24);
  line-height: 1.4;
  font-weight: 600;
}
.p-page-personal__text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-personal {
    flex-direction: column;
  }
  .p-page-personal.u-module {
    margin: var(--size-60) auto;
  }
  .p-page-personal {
    padding: var(--size-16);
  }
  .p-page-personal__image {
    margin: auto;
  }
}

/* テーブル */
.p-page-table__scroll-wrap.u-module {
  margin: var(--size-80) 0;
}
.p-page-table__scroll-wrap sup {
  top: -.25em;
}
.p-page-table__scroll-wrap sub {
  top: 0;
}
.p-page-table__scroll-wrap sup,
.p-page-table__scroll-wrap sub {
  left: 0;
  font-size: 83%;
  line-height: 0;
  position: relative;
  vertical-align: unset;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-table__scroll-wrap.u-module {
    margin: var(--size-60) 0;
  }
}

/* テキストリンク */
.p-page-text-linklist {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-20);
}
.p-page-text-linklist.u-module {
  margin: 0 0 var(--size-32);
}
.p-page-text-linklist.u-text-center {
  justify-content: center;
}
.p-page-text-linklist.u-text-right {
  justify-content: flex-end;
}
.p-page-text-link {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  transition: var(--transition);
}
.p-page-text-link:hover {
  color: var(--green);
}
.p-page-text-link [class^="p-page-text-link__icon-"] {
  margin: -3px 0 0 4px;
  vertical-align: middle;
}

/* リンクボタン */
.p-page-buttons {
  display: flex;
  gap: var(--size-32);
  flex-wrap: wrap;
  width: fit-content;
  margin: 0 auto;
}
.c-button.u-module {
  margin: var(--size-48) auto;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .c-button.u-module {
    margin: var(--size-32) auto;
  }
  .p-page-buttons {
    display: block;
    width: unset;
  }
  .p-page-buttons.u-col2-sm {
    display: flex;
  }
  .p-page-button__wrap {
    width: calc(50% - var(--size-32) / 2);
  }
  .p-page-button__wrap .c-button {
    min-width: unset;
    width: 100%;
  }
}

/* 製品用リンク／資材ダウンロード */
.p-page-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-32);
}
.p-page-card-list.u-module {
  margin: 0 0 var(--size-48);
}
.p-page-card {
  width: calc(25% - var(--size-32) * 3 / 4);
}
.p-page-card__image-wrap {
  display: flex;
  border: solid 1px var(--gray);
  aspect-ratio: 1 / 1;
  justify-content: center;
  align-items: center;
}
.p-page-card__label {
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-page-card__title {
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
  transition: var(--transition)
}
.p-page-card__link:hover .p-page-card__title {
  color: var(--green);
}
.p-page-card__text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-card__icon {
  vertical-align: middle;
  margin: -3px 0 0 4px;
  max-width: var(--size-16);
}
.p-page-card__image {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.u-module .p-information-contents-card-label {
  width: fit-content;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-card-list {
    row-gap: var(--size-32);
    column-gap: var(--size-20);
  }
  .p-page-card {
    width: calc(50% - var(--size-20) * 1 / 2);
  }
  .u-col1-sm .p-page-card {
    width: 100%;
  }
  .p-page-card__title {
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.4;
  }
  .p-page-card-list.u-module {
    margin: 0 0 var(--size-32);
  }
}

/* 画像 縦積みリンク */
.p-page-image-with-text {
  display: flex;
  gap: var(--size-32);
  flex-wrap: wrap;
}
.p-page-image-with-text.u-module {
  margin: 0 0 var(--size-48);
}
.p-page-image-with-text__item {
  width: calc(50% - var(--size-32) * 1 / 2);
}
.u-col-3 .p-page-image-with-text__item {
  width: calc(33.33% - var(--size-32) * 2 / 3);
}
.u-col-4 .p-page-image-with-text__item {
  width: calc(25% - var(--size-32) * 3 / 4);
}
.p-page-image-with-text__image-wrap {
  position: relative;
  margin: 0 0 var(--size-16);
}
.p-page-image-with-text__label {
  margin: 0 0 var(--size-4);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
}
.p-page-image-with-text__title {
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  transition: var(--transition);
  line-height: 1.6;
}
.p-page-image-with-text__link:hover .p-page-image-with-text__title {
  color: var(--green);
}
.p-page-image-with-text__text {
  margin: var(--size-16) 0 0;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-image-with-text__icon {
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-image-with-text.u-module {
    margin: 0 0 var(--size-32);
  }
  .p-page-image-with-text__item,
  .u-col-3 .p-page-image-with-text__item {
    width: 100%;
  }
  .p-page-image-with-text.u-col-4 {
    row-gap: var(--size-32);
    column-gap: var(--size-20);
  }
  .u-col-4 .p-page-image-with-text__item {
    width: calc(50% - var(--size-20) * 1 / 2);
  }
  .u-col-4.u-col1-sm .p-page-image-with-text__item {
    width: 100%;
  }
}

/* 汎用カードリンク（画像なし） */
.p-page-category__list.u-module {
  margin: 0 0 var(--size-48);
}
.p-page-category__card-other-icon {
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-page-category__card-label {
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
  margin: 0 0 var(--size-4);
}
.u-module .p-page-category__card {
  width: calc(50% - var(--size-32) * 1 / 2);
}
.u-module.u-col-3 .p-page-category__card {
  width: calc(33.33% - var(--size-32) * 2 / 3);
}
.p-page-category__list.u-module {
  row-gap: var(--size-32);
}
.p-page-category__card:has(.p-page-category__card-link) {
  padding: 0;
}
.p-page-category__card .p-page-category__card-link {
  padding: var(--size-16);
  display: block;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-category__list.u-module {
    margin: 0 0 var(--size-32);
  }
  .u-module .p-page-category__card,
  .u-module.u-col-3 .p-page-category__card {
    width: 100%;
  }
  .p-page-category__list.u-module {
    row-gap: var(--size-20);
  }
}

/* コンテンツ一覧／詳細用リンク */
.p-information-contents.u-module {
  margin: var(--size-60) 0;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-information-contents.u-module {
    margin: var(--size-44) 0;
  }
}

/* 学会・セミナー用リンク（1カラム・縦積み） */

.p-event-contents.u-module {
  margin: var(--size-60) 0;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-event-contents.u-module {
    margin: var(--size-44) 0;
  }
}

/* 画像 */
.p-page-images.u-module {
  margin: 0 0 var(--size-32);
}
.p-page-images__wrap {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.p-page-image__caption {
  margin: var(--size-12) 0 0;
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}
.p-page-images.u-col-2,
.p-page-images.u-col-3 {
  display: flex;
  gap: var(--size-32);
  flex-wrap: wrap;
}
.p-page-images.u-col-2 .p-page-images__wrap {
  width: calc(50% - var(--size-32) * 1 / 2);
}
.p-page-images.u-col-3 .p-page-images__wrap {
  width: calc(33.33% - var(--size-32) * 2 / 3);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-images.u-col-2 .p-page-images__wrap,
  .p-page-images.u-col-3 .p-page-images__wrap {
    width: 100%
  }
}

/* 動画 */
.p-page-movies.u-module {
  margin: 0 0 var(--size-32);
}
.p-page-movies.u-col-2 {
  display: flex;
  gap: var(--size-32);
  flex-wrap: wrap;
}
.p-page-movies__card {
  display: block;
  width: calc(50% - var(--size-32) * 1 / 2);
  margin: 0 auto;
}
.u-col-2 .p-page-movies__card {
  width: calc(50% - var(--size-32) * 1 / 2);
  margin: 0;
}
.p-page-movies__image-wrap {
  position: relative;
  margin: 0 auto;
}
.p-page-movies__image {
  width: 100%;
}
.p-page-movies__desc {
  margin: var(--size-16) 0 0;
}
.p-page-movies__title {
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.6;
  transition: var(--transition);
}
.p-page-movies__card:hover .p-page-movies__title {
  color: var(--green);
}
.p-page-movies__text {
  margin: var(--size-16) 0 0;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-movies__icon {
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-movies__card,
  .u-col-2 .p-page-movies__card {
    width: 100%;
  }
  .p-page-movies__image-wrap:before {
    width: var(--size-22);
    height: var(--size-27);
  }
}

/* 会員サービス・メルマガ登録案内　 */
.l-page-member {
  padding: var(--size-60) 0;
  background: var(--green-t);
}
.l-page-member.u-module {
  margin: var(--size-80) 0 var(--size-60);
}
.p-page-member__wrap {
  display: flex;
  gap: var(--size-32);
  flex-wrap: wrap;
}
.p-page-member__card {
  width: 100%;
  padding: var(--size-20) var(--size-24);
  background: var(--white);
}
.p-page-member__card-label {
  display: block;
  width: fit-content;
  padding: var(--size-2) var(--size-8);
  margin: 0 0 var(--size-4);
  border: solid 1px var(--green);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.4;
  font-weight: 600;
  color: var(--green);
  background: var(--white);
}
.p-page-member__card-link {
  font-size: 24px;
  font-size: var(--size-24);
  line-height: 1.6;
  font-weight: 600;
  transition: var(--transition)
}
.p-page-member__card-link:hover {
  color: var(--green);
}
.p-page-member__card-icon {
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-page-member__contents {
  width: calc(50% - var(--size-32) / 2);
  padding: var(--size-32) var(--size-24);
  background: var(--white);
}
.p-page-member__text {
  margin: 0 0 var(--size-32);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-member__buttons {
  display: flex;
  justify-content: space-between;
}
.p-page-member__buttons.u-single {
  justify-content: center;
}
.p-page-member__buttons .c-button {
  min-width: 0;
  width: var(--size-262);
  padding: var(--size-12) var(--size-14);
  margin: 0;
}
.p-page-member__annotation {
  margin: var(--size-16) 0 0;
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.5;
}
.p-page-member__title {
  width: 100%;
}
.p-page-smalltitle.p-page-member__title {
  font-size: 36px;
  font-size: var(--size-36);
}
@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-page-member {
    padding: var(--size-44) 0;
  }
  .l-page-member.u-module {
    margin: var(--size-60) 0 var(--size-60);
  }
  .p-page-member__card {
    padding: var(--size-20);
    margin: 0 0 var(--size-12);
    text-align: center;
  }
  .p-page-member__card-label {
    margin: 0 auto var(--size-4);
  }
  .p-page-member__card-link {
    font-size: 20px;
    font-size: var(--size-20);
    line-height: 1.4;
  }
  .p-page-member__wrap {
    flex-direction: column;
    gap: var(--size-20);
  }
  .p-page-member__contents {
    width: 100%;
    padding: var(--size-24) var(--size-16);
  }
  .p-page-member__buttons {
    flex-direction: column;
    gap: var(--size-20);
  }
  .p-page-member__buttons .c-button {
    width: var(--size-303);
    margin: auto;
  }
  .p-page-member__annotation {
    margin: var(--size-12) 0 0;
    line-height: 1.4;
  }
  .c-button.u-w335-sp {
    width: var(--size-335);
  }
  .p-page-smalltitle.p-page-member__title {
    font-size: 32px;
    font-size: var(--size-32);
  }
}

/* お問い合わせ */
.l-page-contact.u-module {
  margin: var(--size-80) 0 var(--size-60);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-page-contact.u-module {
    margin: var(--size-60) 0 var(--size-60);
  }
}

/* 領域TOP */
.u-realm .p-page-category__card-link{
  display: flex;
  height: 100%;
  align-items: center;
  gap: var(--size-16);
}
.p-page-category__card-image-wrap {
  display: flex;
  width: var(--size-88);
  align-items: center;
}
.p-page-category__card-contents {
  flex: 1;
}
.l-page-header.u-realm {
  padding: var(--size-24) 0 var(--size-27);
}
@media screen and (max-width: 47.9375rem) { /* 767px */
  .u-realm .p-page-category__card-image-wrap,
  .u-realm .p-page-category__card-text {
    display: none;
  }
  .u-realm .p-page-category__card-title {
    margin: 0;
  }
  .l-page-header.u-realm {
    padding: var(--size-20) 0 var(--size-33);
  }
}

/* 学会・セミナー */
.p-seminar-no-result {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}

/* ログイン */
.p-login__read {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-login__contents {
  display: flex;
  gap: var(--size-32);
  align-items: stretch;
}
.p-login__content {
  width: calc(50% - var(--size-32) * 1 / 2);
  padding: var(--size-24) var(--size-32);
  border: solid 1px var(--gray);
}
.p-login__content-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-login__content-text.u-bold {
  font-weight: 600;
}
.p-login__form-label {
 display: block;
 font-size: 16px;
 line-height: 1.6;
}
.p-login__content-error-icon {
  margin: 5px 0 0;
  vertical-align: middle;
}
.p-login__content-text.is-error {
  display: flex;
  align-items: flex-start;
  gap: var(--size-8);
  font-weight: 600;
  color: var(--red);
}
.p-login__form-input-text {
  display: block;
  width: 100%;
  padding: var(--size-12);
  border: solid 1px var(--gray);
  font-size: 16px;
  line-height: 1;
}
.p-login__form-input-text.is-error {
  border: solid 1px var(--red);
  background: var(--red-t);
}
.p-login__content-link {
  display: block;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  transition: var(--transition);
}
.p-login__content-link:hover {
  color: var(--green);
}
.p-login__content-icon {
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-login__content-title {
  font-size: 20px;
  font-size: var(--size-20);
  line-height: 1.4;
  font-weight: 600;
}
.p-page-list-item-link {
  text-decoration: underline;
  transition: var(--transition);
}
.p-page-list-item-link:hover {
  text-decoration: none;
  color: var(--green);
}
.p-login__content-buttons {
  display: flex;
  gap: var(--size-32);
}
.p-login__content-button-wrap {
  width: calc(50% - var(--size-32) * 1 / 2);
}
.p-login__content-button-text {
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}
.p-login__content-error-text {
  flex: 1;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-login__contents {
    flex-direction: column;
  }
  .p-login__content {
    width: 100%;
    padding: var(--size-24) var(--size-16);
  }
  .p-login__content-title {
    font-size: 18px;
    font-size: var(--size-18);
    line-height: 1.4;
  }
  .p-login__content-buttons {
    display: flex;
    gap: var(--size-16);
  }
  .p-login__content-button-wrap {
    width: calc(50% - var(--size-16) * 1 / 2);
  }
}

/* Q&Aページ 検索 */
.l-page-search .p-search__faq {
  padding: var(--size-48);
  background: var(--light-gray);
}
.p-search__faq .p-search__accordion-contents {
  padding: var(--size-12) var(--size-24);
}
.p-search__faq .p-search__group-title {
  margin-bottom: var(--size-12);
  font-weight: 600;
}
.p-search__faq .p-search__accordion-button {
  transition: background, box-shadow var(--transition);
}
.p-search-result-header__area.u-faq {
  padding: var(--size-12);
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .u-faq .p-search-result__anchor-item {
    padding: var(--size-16) var(--size-4);
    min-height: unset;
  }
  .l-page-search .p-search__faq {
    padding: var(--size-24) var(--size-20);
  }
  .p-search__faq .p-search__accordion-contents {
    padding: var(--size-12) var(--size-16);
  }
}

/* 動画 */
.p-movie__logo .p-movie__logo-image {
  max-height: var(--size-60);
}
.p-movie__player-wrapper {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}
.p-movie__player {
  width: 100%;
  display: block;
}
.p-movie__player-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.p-movie__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-64);
  height: var(--size-64);
  background-image: url('../img/icon/icon-play-button.svg');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: opacity 0.3s;
}
.p-movie__button.hidden {
  opacity: 0;
  pointer-events: none;
}
.p-movie__subtitle {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
  color: #4c4948;
}
.p-movie__title {
  font-size: 40px;
  font-size: var(--size-40);
  line-height: 1.2;
  font-weight: 600;
}
.p-movie__desc {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-movie__subtitle {
    font-size: 14px;
    font-size: var(--size-14);
    line-height: 1.4;
  }
  .p-movie__title {
    font-size: 21px;
    font-size: var(--size-21);
    line-height: 1.4;
  }
  .p-movie__button {
    width: var(--size-34);
    height: var(--size-34);
  }
}

/* お知らせ詳細 */
.p-page-list-item__icon {
  display: inline-block;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-news-detail__related-contents {
  padding: var(--size-32);
  background: var(--light-gray);
  border: solid 1px var(--gray);
}
.p-news-detail__related-title {
  font-size: 24px;
  font-size: var(--size-24);
  line-height: 1.4;
  font-weight: 600;
}
.p-page-list-item__link {
  transition: color var(--transition);
}
.p-page-list-item__link:hover {
  color: var(--green);
}
.p-news-header__item {
  display: flex;
  padding: var(--size-8) 0;
  border-top: solid 1px var(--gray);
  border-bottom: solid 1px var(--gray);
  gap: var(--size-20);
  align-items: center;
}
.p-news-header__item-text {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.p-news-header__item-labels {
  display: flex;
  gap: var(--size-8);
  align-items: center;
}
.p-news-header__item-label {
  height: fit-content;
  padding: var(--size-2) var(--size-8);
  border: solid 1px #4c4948;
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.2;
  font-weight: 600;
  color: #4c4948;
}
.p-news-header__item-label.u-label-gray {
  background: #4c4948;
  color: var(--white);
}
.p-news-header__item-date {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 400;
}
.p-news-header__print {
  display: flex;
  padding: var(--size-12) var(--size-24);
  border: solid 1px var(--green);
  align-items: center;
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.6;
  font-weight: 600;
  color: var(--green);
  border-radius: 100px;
  transition: background var(--transition);
}
.p-news-header__print:hover {
  background: var(--green-t);
}
.p-news-header__print-icon {
  display: inline-block;
  margin: 0 var(--size-4) 0 0;
  vertical-align: middle;
}
@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-news-header__item {
    padding: var(--size-20) 0;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-8);
  }
  .p-news-header__print.c-only-pc {
    display: none;
  }
  .p-news-detail__related-contents {
    padding: var(--size-16);
  }
  .p-news-detail__related-title {
    font-size: 20px;
    font-size: var(--size-20);
    line-height: 1.4;
  }
}

/* 関連サイト */
.p-page-sites__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-32);
}
.p-page-sites__item {
  width: calc(33.33% - var(--size-32) * 2 / 3);
}
.p-page-sites__desc {
  margin: var(--size-16) 0 0;
}
.p-page-sites__desc-label {
  display: block;
  width: fit-content;
  padding: var(--size-2) var(--size-8);
  border: solid 1px var(--green);
  font-size: 14px;
  font-size: var(--size-14);
  line-height: 1.2;
  font-weight: 600;
  color: var(--green);
  margin: 0 0 var(--size-4);
}
.p-page-sites__desc-title {
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.4;
  font-weight: 600;
  transition: var(--transition);
}
.p-page-sites__link:hover .p-page-sites__desc-title {
  color: var(--green);
}
.p-page-sites__desc-text {
  margin: var(--size-16) 0 0;
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-sites__desc-icon {
  display: inline-block;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-page-sites__image-wrap {
  border: solid 1px var(--gray);
  aspect-ratio: 16 / 9;
}
.p-page-sites__image {
    height: 100%;
    width: 100%;
    object-fit: scale-down;
    object-position: center;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-sites__list {
    flex-direction: column;
  }
  .p-page-sites__item {
    width: 100%;
  }
}

/* Q&A・お問い合わせ、会員限定コンテンツのご案内 */
.p-page-contents__list {
  display: flex;
  gap: var(--size-32);
  align-items: stretch;
  flex-wrap: wrap;
}
.p-page-contents__list-item {
  display: flex;
  width: calc(33.33% - var(--size-32) * 2 / 3);
  border: solid 1px var(--gray);
  flex-direction: column;
}
.u-col-2 .p-page-contents__list-item {
  width: calc(50% - var(--size-32) * 1 / 2);
}
.p-page-contents__list-title {
  padding: var(--size-16) var(--size-24);
  background: var(--green-t);
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.4;
  font-weight: 600;
}
.p-page-contents__list-contents {
  display: flex;
  height: 100%;
  padding: var(--size-16) var(--size-24) var(--size-32);
  flex-direction: column;
  flex: 1;
}
.u-member .p-page-contents__list-contents {
  padding: var(--size-20) var(--size-24) var(--size-32);
}
.p-page-contents__list .p-page-list-parent {
  flex: 1;
}
.p-page-faq__text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-faq__card-link {
  display: flex;
  align-items: center;
  border: solid 1px var(--gray);
  transition: var(--transition)
}
.p-page-faq__card-link:hover {
  background: var(--green-t);
}
.p-page-faq__card-image-wrap {
  width: var(--size-392);
}
.p-page-faq__card-image {
  width: 100%;
  height: auto;
}
.p-page-faq__card-contents {
  padding: var(--size-24) var(--size-32);
  flex: 1;
}
.p-page-faq__card-title {
  font-size: 20px;
  font-size: var(--size-20);
  line-height: 1.4;
  font-weight: 600;
  transition: var(--transition);
}
.p-page-faq__card-link:hover .p-page-faq__card-title{
  color: var(--green);
}
.p-page-faq__card-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-faq__card-title-icon {
  display: inline-block;
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-page-faq__tel {
  font-size: 26px;
  font-size: var(--size-26);
  line-height: 1.4;
  font-weight: 600;
  color: var(--green);
  text-decoration: underline;
}
.p-page-faq__attention {
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}
.p-page-contents__list-sub-title {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
  font-weight: 600;
}
.p-page-contents__list-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-contents__annotation {
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-page-contents__list {
    flex-direction: column;
  }
  .p-page-contents__list-item,
  .u-col-2 .p-page-contents__list-item {
    width: 100%;
  }
  .p-page-contents__list-title {
    padding: var(--size-16);
  }
  .u-member .p-page-contents__list-title {
    padding: var(--size-16);
  }
  .p-page-contents__list-contents {
    padding: var(--size-16) var(--size-16) var(--size-24);
  }
  .u-member .p-page-contents__list-contents {
    padding: var(--size-20) var(--size-16) var(--size-24);
  }
  .p-page-contents__list {
    gap: var(--size-20);
  }
  .p-page-contents__list.u-member {
    gap: var(--size-32);
  }
  .p-page-faq__card-link {
    flex-direction: column;
  }
  .p-page-faq__card-image-wrap {
    width: 100%;
  }
  .p-page-faq__card-contents {
    padding: var(--size-16);
  }
  .p-page-faq__tel {
    font-size: 22px;
    font-size: var(--size-22);
  }
}

/* サイトマップ */
.p-sitemap__list {
  display: flex;
  gap: var(--size-32);
}
.p-sitemap__list.u-has-border {
  padding: 0 0 var(--size-80);
  border-bottom: solid 1px var(--gray);
}
.p-sitemap__list-title-wrap {
  width: var(--size-286);
}
.p-sitemap__list-item {
  flex: 1;
}
.p-sitemap__list-title {
  font-size: 26px;
  font-size: var(--size-26);
  line-height: 1.4;
  font-weight: 600;
}
.p-sitemap__list-child-title {
  font-size: 20px;
  font-size: var(--size-20);
  line-height: 1.4;
  font-weight: 600;
  margin: 0 0 var(--size-16);
}
.p-sitemap__list-link {
  transition: var(--transition);
}
.p-sitemap__list-link:hover {
  color: var(--green);
}
.p-sitemap__list-grandchild-list {
  display: flex;
  column-gap: var(--size-32);
  row-gap: var(--size-16);
  flex-wrap: wrap;
}
.p-sitemap__list-grandchild-item {
  width: calc(33.33% - var(--size-32) * 2 / 3);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-sitemap__list-icon {
  margin: -3px 0 0 var(--size-4);
  vertical-align: middle;
}
.p-sitemap__list-title .p-sitemap__list-icon {
  margin: -3px 0 0 var(--size-8);
}
.p-sitemap__list-child-title .p-page-annotation__list-item {
  font-weight: 400;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-sitemap__list {
    flex-direction: column;
    gap: var(--size-24);
  }
  .p-sitemap__list-title-wrap {
    width: 100%;
  }
  .p-sitemap__list-grandchild-item {
    width: 100%;
  }
  .u-col2-sm .p-sitemap__list-grandchild-item {
    width: calc(50% - var(--size-32) / 2);
  }
  .p-sitemap__list.u-has-border {
    padding: 0 0 var(--size-60);
  }
  .p-sitemap__list-title {
    font-size: 22px;
    font-size: var(--size-22);
    line-height: 1.4;
  }
  .p-sitemap__list-child-title {
    font-size: 18px;
    font-size: var(--size-18);
    line-height: 1.4;
  }
}

/* 外部遷移 */
.p-external__title {
  font-size: 24px;
  font-size: var(--size-24);
  line-height: 1.6;
  font-weight: 600;
}
.p-page-text{
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-page-button__annotation{
  font-size: 12px;
  font-size: var(--size-12);
  line-height: 1.4;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-external__title {
    font-size: 20px;
    font-size: var(--size-20);
    line-height: 1.4;
  }
}

/* お問い合わせ */
.p-contact__inner {
  max-width: calc(var(--size-1024) + var(--size-40));
  padding: 0 var(--size-20);
  margin: auto;
}
.p-contact__annotation {
  padding: var(--size-32);
  background: var(--gray);
}
.p-contact__form iframe {
  height: 100%;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .p-contact__annotation {
    padding: var(--size-20);
  }
}

/* 検索結果 */
/*reset pupfind*/
._sitesearch_component ._attributegroup {
  padding: 0 !important;
  margin: 0 !important
}
._sitesearch_component ._attributegroup ._attributes ._attribute{
  margin: 0 !important;
}
._sitesearch_component ._attributegroup ._group,
._sitesearch_component ._attributegroup ._attributes ._attribute ._count {
  display: none;
}
/*reset pupfind*/

.p-search__check-container {
  display: flex;
  gap: var(--size-16);
}
.p-search__check-container.u-col3 {
  gap: var(--size-8);
}
.p-search-page__check-container {
  display: flex;
  gap: var(--size-32);
}
.p-search-page__check,
._sitesearch_component ._attributegroup ._attributes {
  display: flex;
  column-gap: var(--size-32);
  row-gap: var(--size-13);
  flex-wrap: wrap;
  flex: 1;
}
.p-search-page__check.u-left {
  gap: 0;
  margin: 0 -8px 0 0 !important;
  padding-right: var(--size-24);
  padding-left: 0;
  border-right: solid var(--size-1) var(--gray);
  display: block;
  flex: unset;
}
.p-search-page__title {
  font-size: 18px;
  font-size: var(--size-18);
  line-height: 1.4;
  font-weight: 600;
  width: 6em;
}
.p-search-page__check-container .c-check,
._sitesearch_component ._attributegroup ._attributes ._attribute input {
  min-width: var(--size-16);
  position: relative;
  top: 2px;
  width: var(--size-16) !important;
  height: var(--size-16) !important;
  border: var(--size-1) solid var(--green) !important;
  cursor: pointer;
  background: var(--white);
  transition: var(--transition);
  margin-right: 0 !important;
}
._sitesearch_component ._attributegroup ._attributes ._attribute input:checked {
  background: var(--green);
}
._sitesearch_component ._attributegroup ._attributes ._attribute input:checked::before {
  position: absolute;
  top: var(--size-1);
  left: var(--size-4);
  transform: rotate(50deg);
  width: var(--size-6);
  height: var(--size-9);
  border-right: var(--size-2) solid var(--white);
  border-bottom: var(--size-2) solid var(--white);
  content: '';
}
.p-search-page__check-container .c-check-label,
._sitesearch_component ._attributegroup ._attributes ._attribute label {
  width: unset;
  display: flex !important;
  align-items: baseline;
  gap: var(--size-4);
  cursor: pointer;
  font-size: 16px !important;
  font-size: var(--size-16) !important;
  line-height: 1.6;
  transition: var(--transition);
  margin: 0 !important;
}
.p-search-page__check-group {
  display: flex;
  gap: var(--size-8);
  flex: 1;
}
.p-search-page__check-container .c-check-label-text {
  white-space: nowrap;
}
.p-search-page__result-header-sort {
  display: flex;
  flex-shrink: 0;
  gap: var(--size-24);
}
.p-search-page__result-header ._sitesearch_component ._sortorderselector select,
.p-search-page__result-header ._sitesearch_component ._countselector select {
  flex: unset;
  width: var(--size-128);
  height: var(--size-40);
  border: solid 1px #E6E6E6;
  padding: var(--size-8) var(--size-38) var(--size-8) var(--size-16);
}
.p-search-page__result-header ._sitesearch_component ._sortorderselector select,
.p-search-page__result-header ._sitesearch_component ._countselector select {
  transition: var(--transition);
}
.p-search-page__result-header ._sitesearch_component ._sortorderselector select:hover,
.p-search-page__result-header ._sitesearch_component ._countselector select:hover {
  border-color: var(--green-t);
}
.p-search-page__result-header ._sitesearch_component ._sortorderselector,
.p-search-page__result-header ._sitesearch_component ._countselector {
  position: relative;
  padding: 0;
  margin: 0;
}
.p-search-page__result-header ._sitesearch_component ._sortorderselector ._label,
.p-search-page__result-header ._sitesearch_component ._countselector ._label {
  width: unset!important;
  padding-right: var(--size-4);
}
.p-search-page__result-header ._sitesearch_component ._sortorderselector:after,
.p-search-page__result-header ._sitesearch_component ._countselector:after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--size-16);
  transform: translateY(-50%);
  width: var(--size-16);
  height: var(--size-16);
  background-image: url('../img/icon/icon-arrow-down.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.p-search-page__result-header {
  padding: 0 0 var(--size-8);
  margin: 0 0 var(--size-24);
  border-bottom: solid 1px #E6E6E6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--size-24);
}
.p-search-page__result-header ._keyword {
  font-weight: bold;
}
._status {
  display: flex;
  align-items: center;
}
._status * {
  margin: 0 var(--size-2);
}
._countstart,
._countend,
._totalhits {
  font-size: 26px;
  font-size: var(--size-26);
  font-weight: 600;
  line-height: 1.4;
}
.p-search-page__result-body ._sitesearch_component ._items>._item {
  margin: 0 0 var(--size-24);
  padding: 0 0 var(--size-24);
  border-bottom: solid 1px #E6E6E6;
}
.p-search-page__result-body ._sitesearch_component ._items>._item:last-child {
  margin-bottom: 0;
}
.p-search-page__result-body ._sitesearch_component ._items>._item ._wrap {
  width: 100%;
}
.p-search-page__result-body ._sitesearch_component ._items>._item ._seq {
  display: none;
}
.p-search-page__result-body ._sitesearch_component ._items>._item ._wrap ._sitesearch_group1 ._title {
  display: block;
  max-height: unset;
  padding: 0;
  margin: 0 0 var(--size-16);
  font-size: 18px;
  font-size: var(--size-18);
  font-weight: 600;
  line-height: 1.4;
}
.p-search-page__result-body ._sitesearch_component ._items ._item ._wrap ._filetype._filetype_pdf {
  display: none;
}
.p-search-page__result-body ._sitesearch_component ._items ._item ._wrap ._filetype._filetype_pdf:before {
  content: "";
  display: none;
}
._sitesearch_group1:has(._filetype_pdf) ._title:after {
  content: "";
  position: relative;
  top: var(--size-3);
  display: inline-block;
  margin-left: var(--size-4);
  width: var(--size-17);
  height: var(--size-20);
  background-image: url(../img/icon/icon-pdf.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
._sitesearch_group1:not(:has(._filetype_pdf)) ._title:after {
  content: "";
  position: relative;
  top: var(--size-3);
  display: inline-block;
  height: var(--size-16);
  width: var(--size-8);
  margin-left: var(--size-4);
  background: url(../img/icon/icon-arrow-right.svg) no-repeat center;
}
.p-search-page__result-body ._thumbnail {
  display: none;
}
.p-search-page__result-body ._sitesearch_component ._items ._item ._wrap ._snippet {
  padding: 0;
  margin: 0 0 var(--size-12);
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}
.p-search-page__result-body ._sitesearch_component ._items>._item ._wrap ._sitesearch_group3,
.p-search-page__result-body ._sitesearch_component ._items>._item ._wrap ._sitesearch_group4 {
  justify-content: flex-start;
  font-size: 12px;
  font-size: var(--size-12);
}
.p-search-page__result-body ._sitesearch_component ._items>._item ._wrap ._sitesearch_group3 {
  margin: 0 0 var(--size-8);
}
.p-search-page__result-body ._sitesearch_component ._items>._item ._wrap *[class^=_] {
  padding: 0;
  overflow: hidden;
}
.p-search-page__result-body ._sitesearch_component ._items>._item ._wrap ._sitesearch_group1 {
  display: block;
  margin-bottom: 0;
}
.p-search-page__result-body ._sitesearch_component ._items ._item ._wrap ._filesize {
  order: 1;
}
.p-search-page__result-body ._sitesearch_component ._items ._item ._wrap ._last_modified {
  margin-right: var(--size-16);
}
.p-search-page__result-footer ._sitesearch_component ._pagenator {
  margin: 0;
  padding: 0;
  gap: var(--size-8);
  flex-wrap: wrap;
}
.p-search-page__result-footer ._sitesearch_component ._pagenator>._nav._page,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._page._current,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._first,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._prev,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._next {
  display: flex;
  padding: 0;
  margin: 0;
  flex: unset;
  gap: var(--size-8);
  background: #fff;
  width: var(--size-40);
  height: var(--size-40);
  align-items: center;
  justify-content: center;
}
.p-search-page__result-footer ._sitesearch_component ._pagenator>._nav._page a,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._page._current a,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav a {
  display: flex;
  width: 100%;
  height: 100%;
  border: solid 1px #E6E6E6;
  align-items: center;
  justify-content: center;
}
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._first {
  display: none;
}
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav ._button {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._page._current {
  background: var(--green);
  color: var(--white);
}
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._prev,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._next {
  position: relative;
  color: #fff;
  border: solid 1px #E6E6E6;
}
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._prev:before,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-8);
  height: var(--size-16);
  background-image: url(../img/icon/icon-arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav._prev:before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.p-search-page__result-footer ._sitesearch_component ._pagenator a {
  transition: var(--transition);
}
.p-search-page__result-footer ._sitesearch_component ._pagenator a:hover,
.p-search-page__result-footer ._sitesearch_component ._pagenator ._nav ._button:hover {
  background: var(--green-t);
}
.p-search-page__result-body ._sitesearch_component ._items ._item ._wrap ._snippet em {
  background-color: #FEE291;
  font-weight: 400;
}
.p-search-page__result-body ._sitesearch_component ._items>._item ._wrap ._sitesearch_group1 ._title a em {
  background-color: #FEE291;
}
.p-search-page__result-body-text {
  font-size: 16px;
  font-size: var(--size-16);
  line-height: 1.6;
}

@media screen and (max-width: 47.9375rem) { /* 767px */
  .l-page-search .p-search__criteria {
    padding: var(--size-24) var(--size-16);
  }
  .p-search-page__check-container {
    flex-direction: column;
    gap: var(--size-18);
  }
  .p-search-page__check-group {
    flex-direction: column;
    row-gap: var(--size-12);
  }
  .p-search-page__check,
  ._sitesearch_component ._attributegroup ._attributes {
    flex-direction: column;
    row-gap: var(--size-12);
  }
  .l-page-search .c-check-label {
    margin-bottom: 0;
    width: 100%;
  }
  .p-search-page__check.u-left {
    padding: 0 0 var(--size-12);
    margin-right: 0;
    border-right: 0;
    border-bottom: solid 1px #E6E6E6;
  }
  .p-search-page__title {
    font-size: 16px;
    font-size: var(--size-16);
    line-height: 1.6;
  }
  .p-search-page__result-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-24);
  }
  ._sitesearch_component[data-sitesearch="searchstatusfull"] {
    order: 1;
  }
  .p-search-page__result-header-sort {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-12);
  }
  .p-search-page__result-header ._sitesearch_component[data-sitesearch^="sortselector-type1"] {
    order: 1;
  }
  .p-search-page__result-header ._sitesearch_component ._sortorderselector ._label,
  .p-search-page__result-header ._sitesearch_component ._countselector ._label {
    font-weight: 400;
  }
  ._countstart, ._countend, ._totalhits {
    font-size: 22px;
    font-size: var(--size-22);
    line-height: 1.4;
  }

}