main {
  position: relative;
}

section {
  position: relative;
  width: 100%;
}

section#s-kv .c-cols {
  padding-top: 40.26vw;
  position: relative;
}
section#s-kv .c-cols .c-cols_l ul.js-slideshow {
  width: 100%;
  aspect-ratio: 780/975;
  position: relative;
}
section#s-kv .c-cols .c-cols_l ul.js-slideshow li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: opacity 2s ease;
}
section#s-kv .c-cols .c-cols_l ul.js-slideshow li.active {
  opacity: 1;
}
section#s-kv .c-cols .c-cols_r .c-ttl {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40.26vw;
  padding: 8.46vw 0 0 0;
}
section#s-kv .c-cols .c-cols_r .c-ttl hgroup {
  width: calc(100% - var(--grid1) * 2);
  margin-inline: auto;
}
section#s-kv .c-cols .c-cols_r .c-ttl p {
  font-size: var(--fs-15-18);
}
section#s-kv .c-cols .c-cols_r .c-ttl h1 {
  width: 85.38vw;
  margin-top: var(--grid1);
}
section#s-kv .c-cols .c-cols_r .c-content {
  width: calc(100% - var(--grid1) * 2);
  margin-inline: auto;
  padding-bottom: var(--space4);
  margin-top: var(--space2);
}
section#s-kv .c-cols .c-cols_r .c-content p {
  font-size: var(--fs-15-18);
  line-height: 2.2;
  letter-spacing: 0.03em;
  text-align: justify;
  margin-bottom: 2em;
}
section#s-kv .c-cols .c-cols_r .c-content p:nth-last-of-type(1) {
  margin-bottom: 0px;
}
section#s-kv .c-cols .c-cols_r .c-content .c-sign {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space1-5);
}
section#s-kv .c-cols .c-cols_r .c-content .c-sign img {
  width: 42.31vw;
  line-height: 1;
}

section#about .s-inner {
  width: calc(100% - var(--space2));
  margin-inline: auto;
  border-top: 1px solid var(--color-bdr);
  padding: var(--space2) 0 0 0;
}
section#about .c-ttl h2 {
  width: 76.41vw;
  aspect-ratio: 298/20;
}
section#about .c-ttl p {
  font-size: var(--fs-15-18);
  margin-top: var(--space1);
}
section#about .c-ttl p span {
  display: block;
}
section#about .c-content {
  margin-top: var(--space2);
  width: 100%;
  padding-bottom: var(--space4);
}
section#about .c-list_images ul {
  display: flex;
  flex-flow: column;
  row-gap: 1.28vw;
}
section#about .c-note {
  width: calc(100% - var(--space2));
  margin-inline: auto;
  margin-top: var(--space2);
}
section#about .c-note p {
  font-size: var(--fs-16-18);
}

section#howto .s-inner {
  width: calc(100% - var(--space2));
  margin-inline: auto;
  border-top: 1px solid var(--color-bdr);
  padding: var(--space2) 0 var(--space2) 0;
}
section#howto .c-ttl h2 {
  width: 69.74vw;
  aspect-ratio: 272/55;
}
section#howto .c-content {
  margin-top: var(--space2);
}
section#howto .c-list_howto ul li:last-child .c-cols {
  border-bottom: none;
}
section#howto .c-list_howto ul li .c-cols {
  display: flex;
  padding: var(--space1) 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
section#howto .c-list_howto ul li .c-cols .n {
  width: 10.77vw;
}
section#howto .c-list_howto ul li .c-cols .n img {
  width: 3.08vw;
  position: relative;
  top: -0.07vw;
}
section#howto .c-list_howto ul li .c-cols .txt {
  width: calc(100% - 10.77vw);
}
section#howto .c-list_howto ul li .c-cols .txt p {
  font-size: var(--fs-15-14);
  line-height: 1.8;
  letter-spacing: 0.03em;
}

section#read {
  background: var(--color-gray);
}
section#read .s-inner {
  width: calc(100% - var(--space2));
  margin-inline: auto;
  padding: var(--space3) 0 var(--space4) 0;
}
section#read .c-ttl h2 {
  width: 69.74vw;
  aspect-ratio: 272/58;
}
section#read .c-ttl p {
  font-size: var(--fs-15-18);
  letter-spacing: 0.03em;
  margin-top: var(--space1);
}
section#read .c-ttl p span {
  display: block;
}
section#read .c-content {
  margin-top: var(--space2);
}
section#read .c-content .c-slide {
  width: 100%;
  position: relative;
  height: calc(68.46vw + 36px);
  overflow: hidden;
}
section#read .c-content .c-slide iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  scale: 1.007;
  transform-origin: bottom center;
}
section#read .c-content .c-slide .sketchyViewerContentFixed {
  border: none !important;
}

section#pcs {
  padding-top: var(--space2);
}
section#pcs .s-inner {
  width: calc(100% - var(--space2));
  margin-inline: auto;
  border-top: 1px solid var(--color-bdr);
  padding: var(--space2) 0 var(--space2) 0;
}
section#pcs .c-ttl h2 {
  font-size: var(--fs-24-42);
  letter-spacing: 0.05em;
  line-height: 1.5;
}
section#pcs .c-content {
  margin-top: var(--space2);
}
section#pcs .c-cols .c-cols_r figure {
  width: var(--space8);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-inline: auto;
}
section#pcs .c-cols .c-cols_l .c-lead {
  margin-top: var(--space2);
  padding-bottom: var(--space2);
}
section#pcs .c-cols .c-cols_l .c-lead .c-txt p {
  font-size: var(--fs-15-18);
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-bottom: 2em;
}
section#pcs .c-cols .c-cols_l .c-lead .c-accordion_body {
  height: 0px;
  overflow: hidden;
  transition: height 0.5s ease;
}
section#pcs .c-cols .c-cols_l .c-lead .c-accordion_body p {
  font-size: var(--fs-15-18);
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-bottom: 2em;
}
section#pcs .c-cols .c-cols_l .c-lead .c-btn_wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
section#pcs .c-cols .c-cols_l .c-lead .c-btn_wrap button {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
section#pcs .c-cols .c-cols_l .c-lead .c-btn_wrap button span.txt {
  font-size: var(--fs-12-14);
}
section#pcs .c-cols .c-cols_l .c-lead.open .c-btn_wrap {
  display: none;
}
section#pcs .c-list_accordions li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
section#pcs .c-list_accordions li:last-child {
  border-bottom: none;
}
section#pcs .c-list_accordions .c-accordion .head {
  width: 100%;
  height: var(--accordion-head-height);
}
section#pcs .c-list_accordions .c-accordion .head button {
  width: 100%;
  height: var(--accordion-head-height);
  display: block;
  cursor: pointer;
}
section#pcs .c-list_accordions .c-accordion .head button span.inr {
  width: 100%;
  height: var(--accordion-head-height);
  display: flex;
  align-items: center;
  position: relative;
}
section#pcs .c-list_accordions .c-accordion .head button span.txt {
  font-size: var(--fs-15-24);
}
section#pcs .c-list_accordions .c-accordion .head button span.c-icon_plus {
  width: 2.82vw;
  height: 2.82vw;
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
section#pcs .c-list_accordions .c-accordion .head button span.c-icon_plus span {
  display: block;
  position: absolute;
  background: var(--color-black);
  border-radius: 100vmax;
}
section#pcs .c-list_accordions .c-accordion .head button span.c-icon_plus span.i0 {
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
}
section#pcs .c-list_accordions .c-accordion .head button span.c-icon_plus span.i1 {
  width: 2px;
  height: 100%;
  left: 50%;
  margin-left: -1px;
  transition: rotate 0.2s ease;
}
section#pcs .c-list_accordions .c-accordion .body {
  width: 100%;
  overflow: hidden;
  height: 0px;
  transition: height 0.5s ease;
}
section#pcs .c-list_accordions .c-accordion .body .body_inner {
  padding-top: var(--space-d2);
  padding-bottom: var(--space-d2);
}
section#pcs .c-list_accordions .c-accordion .body .img0,
section#pcs .c-list_accordions .c-accordion .body .img1 {
  width: 53.85vw;
  margin-inline: auto;
}
section#pcs .c-list_accordions .c-accordion .body .c-img + p {
  margin-top: var(--space1);
}
section#pcs .c-list_accordions .c-accordion .body p {
  font-size: var(--fs-12-14);
  line-height: 1.8;
  letter-spacing: 0.03em;
  margin-bottom: 2em;
}
section#pcs .c-list_accordions .c-accordion .body p:nth-last-of-type(1) {
  margin-bottom: 0px;
}
section#pcs .c-list_accordions .c-accordion.open .head button span.c-icon_plus span.i1 {
  rotate: 90deg;
}
section#pcs .c-list_accordions .c-accordion.h-auto .body {
  height: auto !important;
}
section#pcs .c-list_accordions .c-accordion_inside {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
section#pcs .c-list_accordions .c-accordion_inside:nth-last-of-type(1) {
  border-bottom: none;
}
section#pcs .c-list_accordions .c-accordion_inside .head_inside {
  width: 100%;
  height: var(--accordion-head-height);
}
section#pcs .c-list_accordions .c-accordion_inside .head_inside button {
  width: 100%;
  height: var(--accordion-head-height);
  display: block;
  cursor: pointer;
}
section#pcs .c-list_accordions .c-accordion_inside .head_inside button span.inr {
  width: 100%;
  height: var(--accordion-head-height);
  display: flex;
  align-items: center;
  position: relative;
}
section#pcs .c-list_accordions .c-accordion_inside .head_inside button span.txt {
  font-size: var(--fs-15-18);
}
section#pcs .c-list_accordions .c-accordion_inside .head_inside button span.c-icon_plus {
  width: 2.82vw;
  height: 2.82vw;
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
section#pcs .c-list_accordions .c-accordion_inside .head_inside button span.c-icon_plus span {
  display: block;
  position: absolute;
  background: var(--color-black);
  border-radius: 100vmax;
}
section#pcs .c-list_accordions .c-accordion_inside .head_inside button span.c-icon_plus span.i0 {
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
}
section#pcs .c-list_accordions .c-accordion_inside .head_inside button span.c-icon_plus span.i1 {
  width: 2px;
  height: 100%;
  left: 50%;
  margin-left: -1px;
  transition: rotate 0.2s ease;
}
section#pcs .c-list_accordions .c-accordion_inside .body_inside {
  width: 100%;
  overflow: hidden;
  height: 0px;
  transition: height 0.5s ease;
}
section#pcs .c-list_accordions .c-accordion_inside .body_inside .body_inner {
  padding-top: var(--space-d2);
}
section#pcs .c-list_accordions .c-accordion_inside .body_inside .img0,
section#pcs .c-list_accordions .c-accordion_inside .body_inside .img1 {
  width: 53.85vw;
  margin-inline: auto;
}
section#pcs .c-list_accordions .c-accordion_inside .body_inside .c-img + p {
  margin-top: var(--space1);
}
section#pcs .c-list_accordions .c-accordion_inside .body_inside p {
  font-size: var(--fs-12-14);
  line-height: 1.8;
  letter-spacing: 0.03em;
  margin-bottom: 2em;
}
section#pcs .c-list_accordions .c-accordion_inside .body_inside p:nth-last-of-type(1) {
  margin-bottom: 0px;
}
section#pcs .c-list_accordions .c-accordion_inside.open .head_inside button span.c-icon_plus span.i1 {
  rotate: 90deg;
}
section#pcs .c-list_accordions .c-accordion_inside.h-auto .body_inside {
  height: auto !important;
}

@media all and (min-width: 1024px) {
  section#s-kv .c-cols {
    display: flex;
    padding-top: 0;
    padding-bottom: 14.01vw;
  }
  section#s-kv .c-cols .c-cols_l {
    width: 41.38%;
  }
  section#s-kv .c-cols .c-cols_l ul.js-slideshow {
    position: sticky;
    top: 0px;
    aspect-ratio: revert;
    width: 100%;
    height: 100%;
  }
  section#s-kv .c-cols .c-cols_l figure {
    position: sticky;
    top: 0px;
    width: 100%;
    height: 100vh;
  }
  section#s-kv .c-cols .c-cols_l figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  section#s-kv .c-cols .c-cols_r {
    width: 58.62%;
  }
  section#s-kv .c-cols .c-cols_r .c-inner {
    width: var(--space11);
    margin-inline: auto;
    padding-top: 21.48vw;
  }
  section#s-kv .c-cols .c-cols_r .c-ttl {
    position: relative;
    top: auto;
    height: auto;
    padding: 0 0 13.43vw 0;
  }
  section#s-kv .c-cols .c-cols_r .c-ttl hgroup {
    width: 100%;
    margin-inline: 0;
  }
  section#s-kv .c-cols .c-cols_r .c-ttl h1 {
    width: 100%;
    margin-top: 2.59vw;
  }
  section#s-kv .c-cols .c-cols_r .c-content {
    width: 100%;
  }
  section#s-kv .c-cols .c-cols_r .c-content .c-sign img {
    width: 13.79vw;
  }
  section#about .s-inner {
    width: calc(100% - var(--space6));
    margin-inline: auto;
    border-top: 1px solid var(--color-bdr);
    padding: var(--space2) 0 0 0;
  }
  section#about .c-ttl h2 {
    width: 37.64vw;
    aspect-ratio: 524/35;
    line-height: 1;
  }
  section#about .c-ttl p {
    margin-top: var(--space1-3);
  }
  section#about .c-ttl p span {
    display: block;
  }
  section#about .c-content {
    width: calc(100% - var(--space6));
    margin-inline: auto;
    margin-top: var(--space1);
    padding-bottom: var(--space4);
  }
  section#about .c-list_images ul {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
    flex-wrap: wrap;
    row-gap: var(--space1);
  }
  section#about .c-list_images ul li:nth-child(1), section#about .c-list_images ul li:nth-child(4) {
    width: 100%;
  }
  section#about .c-list_images ul li:nth-child(2), section#about .c-list_images ul li:nth-child(3), section#about .c-list_images ul li:nth-child(5), section#about .c-list_images ul li:nth-child(6), section#about .c-list_images ul li:nth-child(7), section#about .c-list_images ul li:nth-child(8) {
    width: calc((100% - var(--space1)) / 2);
  }
  section#about .c-list_images ul li:nth-child(2), section#about .c-list_images ul li:nth-child(5), section#about .c-list_images ul li:nth-child(7) {
    margin-right: var(--space1);
  }
  section#about .c-note {
    width: 100%;
    margin-top: var(--space1);
  }
  section#howto .s-inner {
    width: calc(100% - var(--space6));
  }
  section#howto .c-ttl h2 {
    width: 44.25vw;
    aspect-ratio: 616/38;
  }
  section#howto .c-content {
    margin-top: var(--space1);
  }
  section#howto .c-list_howto ul {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
    column-gap: var(--space1);
  }
  section#howto .c-list_howto ul li:last-child .c-cols {
    border-bottom: none;
  }
  section#howto .c-list_howto ul li .c-cols {
    display: flex;
    padding: calc(var(--grid1) * 0.75) 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  section#howto .c-list_howto ul li .c-cols .n {
    width: 2.59vw;
  }
  section#howto .c-list_howto ul li .c-cols .n img {
    width: 0.86vw;
    top: -0.07vw;
  }
  section#howto .c-list_howto ul li .c-cols .txt {
    width: calc(100% - 2.59vw);
  }
  section#howto .c-list_howto ul li:nth-child(5) .c-cols {
    border-bottom: none;
  }
  section#read .s-inner {
    width: calc(100% - var(--space6));
    margin-inline: auto;
    padding: var(--space3) 0 var(--space4) 0;
  }
  section#read .c-ttl h2 {
    width: 41.02vw;
    aspect-ratio: 571/63;
    padding: 0.86vw 0;
  }
  section#read .c-ttl p {
    font-size: var(--fs-15-18);
    letter-spacing: 0.03em;
    margin-top: calc(var(--space1) / 2);
  }
  section#read .c-ttl p span {
    display: block;
  }
  section#read .c-content {
    margin-top: var(--space1);
  }
  section#read .c-content .c-slide {
    width: 37.93vw;
    margin-inline: auto;
    height: calc(30.6vw + 36px);
  }
  section#pcs .s-inner {
    width: calc(100% - var(--space6));
  }
  section#pcs .c-ttl h2 {
    line-height: 1;
  }
  section#pcs .c-cols {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  section#pcs .c-cols .c-cols_r {
    width: var(--space11);
  }
  section#pcs .c-cols .c-cols_r .c-img {
    width: 100%;
    position: sticky;
    top: 0px;
  }
  section#pcs .c-cols .c-cols_r figure {
    width: 100%;
    padding: 2.3vw;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-inline: auto;
  }
  section#pcs .c-cols .c-cols_l {
    width: var(--space11);
  }
  section#pcs .c-cols .c-cols_l .c-lead {
    margin-top: 0;
    padding-bottom: var(--space1);
  }
  section#pcs .c-cols .c-cols_l .c-btn_wrap {
    margin-top: -2em;
  }
  section#pcs .c-list_accordions .c-accordion .head button span.c-icon_plus {
    width: 0.79vw;
    height: 0.79vw;
  }
  section#pcs .c-list_accordions .c-accordion .body .body_inner {
    padding-top: var(--space-d2); /* padding-bottom: var(--space-d2); */
  }
  section#pcs .c-list_accordions .c-accordion .body .img0,
  section#pcs .c-list_accordions .c-accordion .body .img1 {
    width: 24.14vw;
  }
  section#pcs .c-list_accordions .c-accordion_inside .head_inside button span.c-icon_plus {
    width: 0.79vw;
    height: 0.79vw;
  }
  section#pcs .c-list_accordions .c-accordion_inside .body_inside .img0,
  section#pcs .c-list_accordions .c-accordion_inside .body_inside .img1 {
    width: 24.14vw;
  }
}
@starting-style {}
@media (any-hover: hover) {
  .pc #myknowtebook .c-btn_fixed a span.txt {
    display: block;
    transition: scale 0.3s ease;
  }
  .pc #myknowtebook .c-btn_fixed a:hover span.txt {
    scale: 1.1;
  }
  .pc #myknowtebook h1 a img {
    display: block;
    transition: scale 0.3s ease;
  }
  .pc #myknowtebook h1 a:hover img {
    scale: 1.1;
  }
  .pc #myknowtebook button[data-open-text] {
    cursor: pointer;
  }
  .pc #myknowtebook button[data-open-text] span.txt {
    display: block;
    transition: scale 0.3s ease;
  }
  .pc #myknowtebook button[data-open-text]:hover span.txt {
    scale: 1.1;
  }
  .pc #myknowtebook .c-list_accordions ul button span.txt {
    transition: scale 0.3s ease;
    transform-origin: left center;
  }
  .pc #myknowtebook .c-list_accordions ul button:hover span.txt {
    scale: 1.1;
  }
  .pc #myknowtebook footer .c-links ul li a span {
    transition: scale 0.3s ease;
  }
  .pc #myknowtebook footer .c-links ul li a:hover span {
    scale: 1.1;
  }
  .pc #myknowtebook footer .c-links ul li a.u-black {
    border: 1px solid var(--color-black);
    transition: background 0.3s ease;
  }
  .pc #myknowtebook footer .c-links ul li a.u-black span {
    transition: scale 0.3s ease;
  }
  .pc #myknowtebook footer .c-links ul li a.u-black:hover {
    background: var(--color-white);
  }
  .pc #myknowtebook footer .c-links ul li a.u-black:hover span {
    color: var(--color-black);
    scale: 1.1;
  }
  .pc #myknowtebook footer .c-external_links ul li a .inr {
    transition: scale 0.3s ease;
  }
  .pc #myknowtebook footer .c-external_links ul li a:hover .inr {
    scale: 1.1;
  }
}