@charset "UTF-8";
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W1);
  font-weight: 100;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W2);
  font-weight: 200;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W3);
  font-weight: 300;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W4);
  font-weight: 400;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W5);
  font-weight: 500;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: 600;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W7);
  font-weight: 700;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W8);
  font-weight: 800;
}
@font-face {
  font-family: "Hiragino Sans W9";
  src: local(HiraginoSans-W9);
  font-weight: 900;
}
.c-hr-line {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .c-hr-line {
    padding: 40px 0;
  }
}
.c-hr-line__inner {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
}
.c-hr-line__line {
  width: 1px;
  height: 25px;
  background-color: #c3c4c7;
}

.c-hr-line2 {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #000;
}

.c-title {
  width: 100%;
}
.c-title__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-title__inner {
    margin: 0 auto 25px;
  }
}
.c-title__inner p {
  margin-bottom: 20px;
  font-size: 10px;
  letter-spacing: 0.1rem;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .c-title__inner p {
    margin-bottom: 10px;
    letter-spacing: 0.05rem;
  }
}
.c-title__inner h2 {
  font-size: 17px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-title__inner h2 {
    font-size: 14px;
    letter-spacing: 0.2rem;
  }
}

.c-title2 {
  width: 100%;
  text-align: center;
}
.c-title2.--color-of-season h2 {
  margin: 0 auto 15px;
  width: 190px;
}
.c-title2.--color-of-season h2 img {
  width: 100%;
}
.c-title2.--color-of-season p {
  font-size: 20px;
  letter-spacing: 0.1rem;
  font-weight: 300;
  font-feature-settings: "palt" on;
  font-family: Arial, Helvetica, sans-serif;
}
.c-title2.--series h2 {
  font-size: 19px;
  letter-spacing: 0.1rem;
  font-weight: 400;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-title2.--series h2 {
    font-size: 14px;
    letter-spacing: 0.2rem;
  }
}
.c-title2.--series p {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 300;
}

.c-title3 {
  width: 100%;
  text-align: center;
}
.c-title3 h3 {
  font-size: 18px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-title3 h3 {
    font-size: 17px;
  }
}

.c-title4 {
  width: 100%;
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .c-title4 {
    margin-bottom: 30px;
  }
}
.c-title4 p {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-title4 p {
    font-size: 10px;
  }
}
.c-title4 h2 {
  font-size: 18px;
  letter-spacing: 0.3rem;
  font-weight: bold;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .c-title4 h2 {
    font-size: 13px;
    letter-spacing: 0.25rem;
  }
}

.c-title5 {
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .c-title5 {
    padding-bottom: 15px;
  }
}
.c-title5 h3 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-title5 h3 {
    font-size: 16px;
    letter-spacing: 0.1rem;
  }
}

.c-title6 {
  margin-bottom: 50px;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .c-title6 {
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
}
.c-title6 h3 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-title6 h3 {
    font-size: 16px;
    letter-spacing: 0.1rem;
  }
}

.c-series {
  width: 100%;
}
.c-series__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.c-series__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-series__title {
    margin-bottom: 20px;
  }
}
.c-series__title h3 {
  font-size: 14px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-series__title h3 {
    font-size: 11px;
    letter-spacing: 0.05rem;
  }
}
.c-series__main-img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-series__main-img {
    margin-bottom: 20px;
  }
}
.c-series__main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-series__accordion-btn {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-series__accordion-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
}
.c-series__accordion-btn a {
  padding: 10px 20px;
  font-size: 11px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
  cursor: pointer;
  position: relative;
  padding-right: 35px;
}
.c-series__accordion-btn a::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 58%;
  transform: translateY(-50%);
  background-image: url("../image/common/arrow-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}
.c-series__accordion-btn a.is-open::after {
  transform: translateY(-100%) rotate(180deg);
}
.c-series__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-series__list {
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    display: none;
  }
  .c-series__list.is-open {
    display: flex;
  }
}
.c-series__item {
  width: calc(16.666% - 13px);
  height: auto;
  position: relative;
  margin-right: 15px;
}
.c-series__item:last-child {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-series__item {
    width: calc(50% - 10px);
    margin-right: 0;
    margin-bottom: 15px;
  }
  .c-series__item:nth-child(2n) {
    margin-right: 0;
  }
  .c-series__item:last-child {
    margin-bottom: 0;
  }
}
.c-series__item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.c-series__item-img {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
}
.c-series__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-series__item-txt {
  width: 100%;
  text-align: center;
}
.c-series__item-txt h4 {
  margin: 0 auto 7px;
  line-height: 0;
  display: block;
}
.c-series__item-txt h4.--color {
  width: 116px;
  height: auto;
  object-fit: contain;
}
.c-series__item-txt h4.--natural {
  width: 112px;
  height: auto;
  object-fit: contain;
}
.c-series__item-txt h4.--night {
  width: 83px;
  height: auto;
  object-fit: contain;
}
.c-series__item-txt h4.--terrametal {
  width: 80px;
  height: auto;
  object-fit: contain;
}
.c-series__item-txt h4.--sora-lab {
  width: 60px;
  height: auto;
  object-fit: contain;
}
.c-series__item-txt h4.--diamond {
  width: 114px;
  height: auto;
  object-fit: contain;
}
.c-series__item-txt h4 img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
.c-series__item-txt p {
  font-size: 10px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}

.c-series2 {
  width: 100%;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .c-series2 {
    margin-bottom: 75px;
  }
}
.c-series2__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.c-series2__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-series2__title {
    margin-bottom: 25px;
  }
}
.c-series2__title.--color img {
  margin: 0 auto;
  width: 204px;
}
@media screen and (max-width: 768px) {
  .c-series2__title.--color img {
    width: 55%;
  }
}
.c-series2__title.--night img {
  margin: 0 auto;
  width: 145px;
}
@media screen and (max-width: 768px) {
  .c-series2__title.--night img {
    width: 39%;
  }
}
.c-series2__title.--diamond img {
  margin: 0 auto;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .c-series2__title.--diamond img {
    width: 54%;
  }
}
.c-series2__title.--natural img {
  margin: 0 auto;
  width: 191px;
}
@media screen and (max-width: 768px) {
  .c-series2__title.--natural img {
    width: 51%;
  }
}
.c-series2__title.--terrametal img {
  margin: 0 auto;
  width: 142px;
}
@media screen and (max-width: 768px) {
  .c-series2__title.--terrametal img {
    width: 38%;
  }
}
.c-series2__title.--sora-lab img {
  margin: 0 auto;
  width: 103px;
}
@media screen and (max-width: 768px) {
  .c-series2__title.--sora-lab img {
    width: 28%;
  }
}
.c-series2__title h3 {
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-series2__title h3 {
    margin-bottom: 10px;
  }
}
.c-series2__title h3 img {
  margin: 0 auto;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.c-series2__title p {
  font-size: 10px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
.c-series2__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}
.c-series2__item {
  width: calc(25% - 15px);
  height: auto;
  position: relative;
  margin: 0 7.5px 15px;
}
.c-series2__item:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .c-series2__item {
    width: calc(50% - 15px);
    margin: 0 2.5px 15px;
  }
}
.c-series2__item-img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.c-series2__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-series2__item-txt {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-series2__item-txt {
    margin-bottom: 0;
    font-size: 11px;
  }
}
.c-series2__item-price {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-series2__item-price {
    font-size: 11px;
  }
}
.c-series2__item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.c-series2__link {
  margin-top: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 45px;
}
@media screen and (max-width: 768px) {
  .c-series2__link {
    margin-top: 15px;
    gap: 35px;
  }
}
.c-series2__link a {
  padding: 10px 20px;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .c-series2__link a {
    padding: 8px;
    font-size: 11px;
    border-bottom: 1px solid #000;
  }
}

.c-reserve-btn {
  width: 100%;
  display: flex;
  justify-content: center;
}
.c-reserve-btn a {
  max-width: 410px;
  height: auto;
}
.c-reserve-btn a img {
  width: 100%;
  height: 100%;
}

.c-list {
  padding: 60px 0;
  width: 100%;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-list {
    padding: 40px 0;
  }
}
.c-list__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.c-list__title h3 {
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
.c-list__txt {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.c-list__txt p {
  margin-bottom: 15px;
  font-size: 14px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-list__txt p {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
.c-list__txt a {
  margin-bottom: 15px;
  font-size: 14px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  margin-bottom: 0;
  text-decoration: underline;
}
.c-list__item {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-list__item {
    width: 90%;
    flex-wrap: wrap;
  }
}
.c-list__item-img {
  width: 100%;
  height: auto;
  margin-right: 10px;
  max-width: 160px;
}
@media screen and (max-width: 768px) {
  .c-list__item-img:nth-of-type(3n) {
    margin-right: 0;
  }
}
.c-list__item-img:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .c-list__item-img {
    width: calc(33.333% - 10px);
    margin-right: 5px;
    margin-bottom: 10px;
    max-width: 120px;
  }
}
.c-list__item-img img {
  width: 100%;
  height: 100%;
}

.c-list2 {
  width: 100%;
  padding: 85px 0;
}
@media screen and (max-width: 768px) {
  .c-list2.--sp-bg-white {
    background-color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .c-list2 {
    padding: 50px 0;
  }
}
.c-list2__title {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.c-list2__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-list2__title p {
    margin-bottom: 10px;
  }
}
.c-list2__title p:last-child {
  margin-bottom: 0;
}
.c-list2__title h3 {
  font-size: 17px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list2__title h3 {
    font-size: 14px;
  }
}
.c-list2__inr {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  max-width: 1000px;
}
@media screen and (max-width: 768px) {
  .c-list2__inr {
    width: 90%;
  }
}
.c-list2__item {
  width: calc(25% - 26.25px);
  margin: 0 35px 0 0;
  position: relative;
  height: auto;
}
.c-list2__item:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .c-list2__item:nth-child(4n) {
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .c-list2__item {
    margin-right: 15px;
  }
}
.c-list2__item-img {
  margin-bottom: 10px;
  width: 100%;
  height: auto;
}
.c-list2__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list2__item-txt {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
.c-list2__item-txt p {
  margin-bottom: 5px;
  font-size: 11px;
}

.c-list3 {
  width: 100%;
  padding: 85px 0;
}
@media screen and (max-width: 768px) {
  .c-list3 {
    padding: 55px 0;
  }
}
.c-list3__title {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .c-list3__title {
    margin-bottom: 30px;
  }
}
.c-list3__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list3__title p {
    margin-bottom: 10px;
  }
}
.c-list3__title h3 {
  font-size: 17px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list3__title h3 {
    font-size: 14px;
  }
}
.c-list3__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 100px;
}
@media screen and (max-width: 768px) {
  .c-list3__inner {
    flex-direction: column;
    gap: 40px;
  }
}
.c-list3__item-img {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list3__item-img {
    margin-bottom: 15px;
  }
}
.c-list3__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list3__item-linkWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 15px 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .c-list3__item-linkWrap {
    margin: 0 auto;
    width: 88%;
    justify-content: space-between;
  }
}
.c-list3__item-linkWrap .c-list3__item-link {
  margin-left: 0;
  margin-right: 0;
}
.c-list3__item-link {
  padding-bottom: 8px;
  width: 35%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  border-bottom: 1px solid #000;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .c-list3__item-link {
    width: 45%;
    font-size: 11px;
  }
}
.c-list3__item-link a {
  text-decoration: none;
  color: #000;
}
.c-list3__item-txt {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-list3__item-txt {
    font-size: 11px;
  }
}
.c-list3__item-txt p {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list3__item-txt p {
    margin-bottom: 15px;
  }
}
.c-list3__item-txt a {
  font-weight: bold;
}

.c-list4 {
  width: 100%;
  padding: 85px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-list4 {
    padding: 55px 0 50px;
    background-color: #f6f6f6;
  }
}
@media screen and (max-width: 768px) {
  .c-list4.--sp-last {
    padding: 70px 0 0px;
    background-color: #fff;
  }
}
.c-list4.--white-bg {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-list4.--white-bg {
    background-color: #f6f6f6;
  }
}
.c-list4__title {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .c-list4__title {
    margin-bottom: 30px;
  }
}
.c-list4__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list4__title p {
    letter-spacing: 0.05rem;
    margin-bottom: 10px;
  }
}
.c-list4__title h3 {
  font-size: 17px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list4__title h3 {
    font-size: 14px;
  }
}
.c-list4__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 100px;
}
@media screen and (max-width: 768px) {
  .c-list4__inner {
    max-width: 90%;
    flex-direction: column;
    gap: 25px;
  }
}
.c-list4__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-list4__item-img {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list4__item-img {
    margin-bottom: 10px;
  }
}
.c-list4__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list4__item-link {
  padding-bottom: 8px;
  width: 35%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  border-bottom: 1px solid #000;
  text-align: center;
}
.c-list4__item-link a {
  text-decoration: none;
  color: #000;
}
.c-list4__link {
  max-width: 408px;
  margin: 55px auto 0;
}
@media screen and (max-width: 768px) {
  .c-list4__link {
    max-width: 90%;
    margin: 30px auto 0;
  }
}

.c-list5 {
  width: 100%;
  padding: 85px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-list5 {
    padding: 85px 0 70px;
  }
}
.c-list5__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.c-list5__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list5__title p {
    margin-bottom: 10px;
  }
}
.c-list5__title h3 {
  font-size: 17px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list5__title h3 {
    font-size: 14px;
  }
}
.c-list5__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
  display: flex;
  flex-wrap: wrap;
}
.c-list5__item {
  width: calc(25% - 28px);
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}
.c-list5__item-date {
  width: 100%;
  font-size: 10px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  margin-bottom: 10px;
}
.c-list5__item-img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.c-list5__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list5__item-tag {
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 500;
  margin-bottom: 10px;
}
.c-list5__item-tag a {
  font-size: 12px;
  text-decoration: none;
  color: #000;
}
.c-list5__item-title {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  line-height: 1.6;
}
.c-list5__taglist {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 24px;
}
@media screen and (max-width: 768px) {
  .c-list5__taglist {
    gap: 10px 13px;
    max-width: 90%;
  }
}
.c-list5__taglist-item {
  padding: 7px 10px;
  width: calc(20% - 20px);
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-list5__taglist-item {
    padding: 8px 10px;
    font-size: 10px;
    width: calc(50% - 7px);
  }
}
.c-list5__taglist-item a {
  text-decoration: none;
  color: #000;
}

.c-list6 {
  width: 100%;
  padding: 85px 0;
}
@media screen and (max-width: 768px) {
  .c-list6 {
    padding: 50px 0;
    background-color: #f6f6f6;
  }
}
.c-list6.--gray-bg {
  background-color: #f8f8f8;
}
.c-list6__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.c-list6__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list6__title p {
    margin-bottom: 10px;
  }
}
.c-list6__title h3 {
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list6__title h3 {
    font-size: 14px;
  }
}
.c-list6__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-list6__inner {
    max-width: 90%;
  }
}

.c-list7 {
  width: 100%;
  padding: 85px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-list7 {
    padding: 55px 0 0;
    background-color: #fff;
  }
}
.c-list7__title {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .c-list7__title {
    margin-bottom: 35px;
  }
}
.c-list7__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-list7__title p {
    margin-bottom: 10px;
  }
}
.c-list7__title h3 {
  font-size: 17px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list7__title h3 {
    font-size: 14px;
  }
}
.c-list7__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-list7__inner {
    max-width: 90%;
  }
}
.c-list7__tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .c-list7__tabs {
    margin-bottom: 10px;
  }
}
.c-list7__tab-item {
  padding: 5px 25px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin: 0 10px;
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-list7__tab-item {
    font-size: 11px;
    padding: 5px 0;
    width: 75px;
    margin: 0 5px;
    text-align: center;
  }
}
.c-list7__tab-item.is-active {
  border-bottom: 1px solid #000;
  font-weight: 200;
}
.c-list7__content-item {
  display: none;
}
.c-list7__content-item.is-active {
  display: block;
}
.c-list7__post-item {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #CECECE;
  text-decoration: none;
  color: #000;
}
@media screen and (max-width: 768px) {
  .c-list7__post-item {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.c-list7__post-item:last-child {
  border-bottom: none;
}
.c-list7__post-cat {
  background-color: #fff;
  color: #000;
  padding: 9px 10px;
  font-size: 12px;
  margin-right: 20px;
  min-width: 136px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-list7__post-cat {
    margin: 0;
    padding: 5px 10px;
    font-size: 10px;
    min-width: 96px;
    background-color: #f6f6f6;
  }
}
.c-list7__post-date {
  font-size: 12px;
  margin-right: 20px;
  font-family: "Helvetica Neue", sans-serif;
  letter-spacing: 0.1rem;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .c-list7__post-date {
    font-size: 10px;
  }
}
.c-list7__post-title {
  font-size: 12px;
  font-weight: 200;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .c-list7__post-title {
    width: 100%;
    font-size: 11px;
  }
}

.c-list8 {
  width: 100%;
  padding: 70px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-list8 {
    padding: 45px 0;
    border-top: 1px solid #000;
    background-color: #fff;
  }
}
.c-list8__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.c-list8__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.c-list8__title p {
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .c-list8__title p {
    font-size: 12px;
  }
}
.c-list8__title h3 {
  margin-bottom: 15px;
  font-size: 16px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list8__title h3 {
    font-feature-settings: "palt" 1;
    letter-spacing: 0.1rem;
    margin-bottom: 10px;
  }
}
.c-list8__list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 75px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-list8__list {
    width: 90%;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px;
    margin: 0 auto;
    padding-bottom: 20px;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  .c-list8__list::-webkit-scrollbar {
    height: 2px;
  }
  .c-list8__list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
  }
  .c-list8__list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    transition: background 0.3s ease;
  }
  .c-list8__list::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
  }
}
.c-list8__item {
  width: calc(25% - 75px);
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.c-list8__item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .c-list8__item {
    width: calc((100vw - 30px) / 3 - 10px);
    min-width: calc((100vw - 30px) / 3 - 10px);
    flex-shrink: 0;
  }
}
.c-list8__item-image {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-list8__item-image {
    margin-bottom: 10px;
  }
}
.c-list8__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list8__item-title {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-list8__item-title {
    font-size: 11px;
  }
}
.c-list8__item-price {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-list8__item-price {
    font-size: 11px;
  }
}

.c-list9 {
  width: 100%;
  margin: 30px 0 45px;
  padding: 35px 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c-list9 {
    padding: 45px 0;
    margin: 0;
    background-color: #f6f6f6;
  }
}
.c-list9.--gray-bg {
  background-color: #f8f8f8;
}
.c-list9__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-list9__inner {
    width: 90%;
  }
}
.c-list9__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-list9__title {
    margin-bottom: 25px;
    text-align: left;
  }
}
.c-list9__title h3 {
  margin-bottom: 15px;
  font-size: 16px;
  letter-spacing: 0.2rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list9__title h3 {
    margin-bottom: 10px;
    font-size: 13px;
  }
}
.c-list9__title p {
  font-size: 14px;
  letter-spacing: 0.05rem;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .c-list9__title p {
    font-size: 10px;
  }
}
.c-list9__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-list9__list.sp-c-list9-slick {
    padding-right: 10vw;
    position: relative;
    width: calc(100% + 60px);
    display: block;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.c-list9__item {
  width: calc(16.666% - 13px);
  height: auto;
  position: relative;
  margin-right: 15px;
}
.c-list9__item:last-child {
  margin: 0;
}
.c-list9__item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.c-list9__item-img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.c-list9__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list9__item-txt {
  width: 100%;
  text-align: center;
}
.c-list9__item-txt h4 {
  margin: 0 auto 7px;
  line-height: 1;
  display: block;
  font-size: 11px;
  letter-spacing: 0.05rem;
  font-weight: 500;
}
.c-list9__item-txt h4.--color {
  width: 116px;
  height: auto;
  object-fit: contain;
}
.c-list9__item-txt h4.--natural {
  width: 112px;
  height: auto;
  object-fit: contain;
}
.c-list9__item-txt h4.--night {
  width: 83px;
  height: auto;
  object-fit: contain;
}
.c-list9__item-txt h4.--terrametal {
  width: 79px;
  height: auto;
  object-fit: contain;
}
.c-list9__item-txt h4.--sora-lab {
  width: 59px;
  height: auto;
  object-fit: contain;
}
.c-list9__item-txt h4.--diamond {
  width: 113px;
  height: auto;
  object-fit: contain;
}
.c-list9__item-txt h4 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.c-list9__item-txt p {
  font-size: 10px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}

.c-list10 {
  width: 100%;
  padding: 70px 0 85px;
}
@media screen and (max-width: 768px) {
  .c-list10 {
    padding: 55px 0;
  }
  .c-list10:last-child {
    padding: 55px 0;
  }
}
.c-list10__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-list10__title {
    margin-bottom: 30px;
  }
}
.c-list10__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list10__title p {
    margin-bottom: 10px;
  }
}
.c-list10__title h3 {
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list10__title h3 {
    font-size: 14px;
  }
}
.c-list10__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 100px;
}
.c-list10__item {
  width: 100%;
}
.c-list10__item-img {
  margin: 0 auto 25px;
  max-width: 450px;
  width: 100%;
  height: auto;
}
.c-list10__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list10__item-link {
  padding-bottom: 8px;
  width: 16%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  border-bottom: 1px solid #000;
  text-align: center;
  display: inline-block;
  margin: 0 1.25%;
}
@media screen and (max-width: 768px) {
  .c-list10__item-link {
    width: 38%;
    margin: 0;
    font-size: 11px;
  }
}
.c-list10__item-link a {
  text-decoration: none;
  color: #000;
}
.c-list10__item-txt {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  text-align: center;
}
.c-list10__item-txt p {
  margin-bottom: 25px;
  letter-spacing: 0;
}
.c-list10__item-linkWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 15px 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .c-list10__item-linkWrap {
    gap: 15px 20px;
  }
}
.c-list10__item-linkWrap .c-list3__item-link {
  margin-left: 0;
  margin-right: 0;
}

.c-list11 {
  width: 100%;
}
.c-list11__inner {
  width: 100%;
}
.c-list11__header {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-list11__header {
    flex-direction: column;
  }
}
.c-list11__header-left {
  margin-right: auto;
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .c-list11__header-left {
    display: none;
  }
}
.c-list11__main-title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.2rem;
  margin-right: 20px;
}
.c-list11__display-count {
  margin-right: 25px;
  font-size: 13px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-list11__display-count {
    font-size: 11px;
  }
}
.c-list11__display-count span {
  font-size: 17px;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-list11__display-count span {
    font-size: 13px;
  }
}
.c-list11__header-right {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-list11__header-right {
    flex-direction: column;
    gap: 10px;
  }
}
.c-list11__filters, .c-list11__view-options {
  display: flex;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .c-list11__filters, .c-list11__view-options {
    width: 100%;
    margin-right: 0;
  }
}
.c-list11__filter-button, .c-list11__view-button {
  background-color: #f8f8f8;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-list11__filter-button, .c-list11__view-button {
    font-size: 11px;
  }
}
.c-list11__filter-button:not(:last-child), .c-list11__view-button:not(:last-child) {
  border-right: 1px solid #C9CCCE;
}
.c-list11__view-button.is-active {
  background-color: #d7d7d7;
}
.c-list11__button-icon {
  max-width: 15px;
  max-height: 15px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .c-list11__button-icon {
    width: 12px;
    height: 12px;
    margin-right: 4px;
  }
}
.c-list11__filter-button {
  min-width: 120px;
}
@media screen and (max-width: 768px) {
  .c-list11__filter-button {
    width: 50%;
  }
}
.c-list11__view-button {
  min-width: 110px;
}
@media screen and (max-width: 768px) {
  .c-list11__view-button {
    width: 33.3333333333%;
  }
}
.c-list11__view-button.--in-series {
  min-width: 165px;
}
@media screen and (max-width: 768px) {
  .c-list11__view-button.--in-series {
    min-width: auto;
    width: 33.3333333333%;
  }
}
.c-list11__clear-button {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-list11__clear-button {
    font-size: 11px;
  }
}
.c-list11__selected-conditions {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .c-list11__selected-conditions {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.c-list11__selected-label {
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}

.c-selected-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-selected-filters {
    width: 100%;
  }
}
.c-selected-filters__item {
  background: #f7f7f7;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  font-weight: 200;
  min-width: 130px;
}
@media screen and (max-width: 768px) {
  .c-selected-filters__item {
    gap: 5px;
    min-width: calc(50% - 5px);
  }
}
.c-selected-filters__remove {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 200;
  line-height: 1;
}

.c-list12 {
  --c-list12-gap: 16px;
  width: 100%;
}
.c-list12__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-list12__inner {
    width: 90%;
  }
}
.c-list12__title {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-list12__title {
    margin-bottom: 35px;
  }
}
.c-list12__title h3 {
  font-size: 16px;
  letter-spacing: 0.15rem;
  margin-bottom: 15px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-list12__title h3 {
    font-size: 19px;
    font-weight: 400;
  }
}
.c-list12__title p {
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 200;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list12__title p {
    font-size: 14px;
    margin-bottom: 0;
  }
}
.c-list12__view-options-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-list12__view-options-wrapper {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
  }
}
.c-list12__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--c-list12-gap);
}
.c-list12__item {
  width: calc((100% - 3 * var(--c-list12-gap)) / 4);
  background-color: #fff;
  position: relative;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-list12__item {
    width: calc((100% - var(--c-list12-gap)) / 2);
  }
}
.c-list12__item:hover {
  opacity: 0.7;
}
.c-list12__item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-list12__item-img {
  max-width: 492px;
  width: 100%;
  margin-bottom: 10px;
}
.c-list12__item-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.c-list12__item-img video {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.c-list12__item-txt {
  width: 100%;
  padding: 0 0 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-list12__item-txt {
    margin-bottom: 15px;
  }
}
.c-list12__item-name {
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 200;
  margin-bottom: 5px;
  color: #000;
}
.c-list12__item-price {
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  color: #000;
}
.c-list12__item--large {
  width: calc((100% - 1 * var(--c-list12-gap)) / 2);
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .c-list12__item--large {
    margin-bottom: 30px;
    width: 100%;
  }
}
.c-list12__item--large .c-list12__item-img {
  margin-bottom: 0;
}
.c-list12__item--large .c-list12__item-img a {
  position: relative;
}
.c-list12__item--no-result {
  width: 100%;
  text-align: center;
  padding: 50px 0 15px;
}
@media screen and (max-width: 768px) {
  .c-list12__item--no-result {
    padding: 40px 0 35px;
  }
}
.c-list12__item--no-result .c-list12__item-name.--no-result {
  font-size: 14px;
  letter-spacing: 0.1rem;
  font-weight: 200;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-list12__item--no-result .c-list12__item-name.--no-result {
    font-size: 12px;
  }
}
.c-list12__item--no-result .c-list12__item-desc.--no-result {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-list12__item--no-result .c-list12__item-desc.--no-result {
    font-size: 11px;
  }
}
.c-list12__spacer {
  width: calc((100% - 1 * var(--c-list12-gap)) / 2);
}

.c-list13 {
  width: 100%;
  padding: 85px 0;
}
@media screen and (max-width: 768px) {
  .c-list13 {
    padding: 0;
  }
}
.c-list13__title {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .c-list13__title {
    margin-bottom: 30px;
  }
}
.c-list13__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list13__title p {
    margin-bottom: 10px;
  }
}
.c-list13__title h3 {
  font-size: 17px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list13__title h3 {
    font-size: 14px;
  }
}
.c-list13__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 100px;
}
@media screen and (max-width: 768px) {
  .c-list13__inner {
    flex-direction: column;
    gap: 0;
  }
}
.c-list13__item {
  width: 100%;
}
.c-list13__item-inner {
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-list13__item-inner {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .c-list13__item {
    padding: 55px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-list13__item:nth-child(2n) {
    background-color: #f6f6f6;
  }
}
.c-list13__item-img {
  max-width: 500px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-list13__item-img {
    margin-bottom: 15px;
  }
}
.c-list13__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list13__item-linkWrap {
  margin: 0 auto;
  width: 100%;
  max-width: 345px;
  justify-content: center;
  display: flex;
  gap: 15px 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .c-list13__item-linkWrap {
    margin: 0 auto;
    width: 88%;
    justify-content: space-between;
  }
}
.c-list13__item-linkWrap .c-list3__item-link {
  margin-left: 0;
  margin-right: 0;
}
.c-list13__item-link {
  padding-bottom: 8px;
  width: 45%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  border-bottom: 1px solid #000;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-list13__item-link {
    width: 45%;
    font-size: 11px;
  }
}
.c-list13__item-link a {
  text-decoration: none;
  color: #000;
}
.c-list13__item-txt {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-list13__item-txt {
    font-size: 11px;
  }
}
.c-list13__item-txt p {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list13__item-txt p {
    margin-bottom: 15px;
  }
}

.c-list14 {
  width: 100%;
  padding: 85px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-list14 {
    padding: 60px 0;
  }
}
.c-list14__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.c-list14__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-list14__title p {
    margin-bottom: 10px;
  }
}
.c-list14__title h3 {
  font-size: 17px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-list14__title h3 {
    font-size: 14px;
  }
}
.c-list14__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
  display: flex;
  gap: 35px;
}
@media screen and (max-width: 768px) {
  .c-list14__inner {
    width: 90%;
  }
}
.c-list14__item {
  width: 31%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.c-list14__item-date {
  width: 100%;
  font-size: 10px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  margin-bottom: 10px;
}
.c-list14__item-img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.c-list14__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list14__item-tag {
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-list14__item-tag {
    padding: 5px 10px;
    font-weight: 200;
    background-color: #fff;
    max-width: fit-content;
    min-width: 97px;
    text-align: center;
  }
}
.c-list14__item-tag a {
  font-size: 12px;
  text-decoration: none;
  color: #000;
}
@media screen and (max-width: 768px) {
  .c-list14__item-tag a {
    font-size: 10px;
  }
}
.c-list14__item-title {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
  line-height: 1.6;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-list14__item-title {
    font-size: 11px;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
}
.c-list14__taglist {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px 24px;
}
@media screen and (max-width: 768px) {
  .c-list14__taglist {
    gap: 10px 13px;
    max-width: 90%;
  }
}
.c-list14__taglist-item {
  padding: 7px 10px;
  width: calc(20% - 20px);
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-list14__taglist-item {
    padding: 8px 10px;
    font-size: 10px;
    width: calc(50% - 7px);
  }
}
.c-list14__taglist-item a {
  text-decoration: none;
  color: #000;
}

.c-list15 {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .c-list15 {
    margin-bottom: 0;
    gap: 10px;
    flex-wrap: wrap;
  }
}
.c-list15__item {
  padding: 5px 25px;
  cursor: pointer;
  border-bottom: 1px solid #000;
  margin: 0 10px;
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-list15__item {
    font-size: 10px;
    padding: 7px 0;
    margin: 0;
    text-align: center;
    background-color: #f6f6f6;
    border-bottom: none;
    width: calc(50% - 6.5px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.c-list16 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 40px 30px;
}
@media screen and (max-width: 768px) {
  .c-list16 {
    width: 90%;
    flex-direction: column;
    gap: 0 30px;
  }
}
.c-list16__title {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-list16__title {
    margin-bottom: 20px;
  }
}
.c-list16__title p {
  font-size: 18px;
  letter-spacing: 0.15rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-list16__title p {
    font-size: 15px;
    letter-spacing: 0.15rem;
  }
}
.c-list16__item {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: calc(33.333% - 20px);
}
@media screen and (max-width: 768px) {
  .c-list16__item {
    width: 100%;
    margin-bottom: 30px;
  }
  .c-list16__item:last-child {
    margin-bottom: 0;
  }
}
.c-list16__item-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-list16__item-header {
    margin-bottom: 10px;
  }
}
.c-list16__item-category {
  font-size: 10px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  color: #666;
  padding: 5px 10px;
  background-color: #f6f6f6;
  min-width: 101px;
  text-align: center;
}
.c-list16__item-date {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 300;
  font-family: "Helvetica Neue", sans-serif;
}
@media screen and (max-width: 768px) {
  .c-list16__item-date {
    font-size: 11px;
  }
}
.c-list16__item-img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.c-list16__item-img img {
  width: 100%;
  height: 155px;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 768px) {
  .c-list16__item-img img {
    height: 180px;
  }
}
.c-list16__item-title {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
  line-height: 2;
  color: #000;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-list16__item-title {
    font-size: 11px;
  }
}
.c-list16__item a {
  text-decoration: none;
  color: inherit;
  display: block;
}
.c-list16__item a:hover {
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.c-slide-list {
  width: 100%;
  padding: 85px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-slide-list {
    padding: 60px 0;
    background-color: #fff;
  }
}
.c-slide-list.--store-slide {
  background-color: transparent;
  padding: 20px 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-slide-list.--sp-bg-gray {
    background-color: #f6f6f6;
  }
}
.c-slide-list__title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.c-slide-list__title p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-slide-list__title p {
    margin-bottom: 10px;
  }
}
.c-slide-list__title h3 {
  font-size: 17px;
  letter-spacing: 0.15rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-slide-list__title h3 {
    font-size: 14px;
  }
}
.c-slide-list__slickWrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-slide-list__slickWrap {
    width: 83%;
  }
}
.c-slide-list__itemWrap {
  margin: 0 20px;
  width: 100%;
  height: auto;
}
.c-slide-list__item {
  width: 100%;
  height: auto;
  position: relative;
}
.c-slide-list__item-img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.c-slide-list__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-slide-list__item-title {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.c-slide-list__item-name {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  margin-bottom: 10px;
}
.c-slide-list__item-txt {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}

.c-link-btn {
  width: 100%;
}
.c-link-btn a {
  padding: 16px 0;
  font-size: 14px;
  letter-spacing: 0.1rem;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  background-color: #000;
  width: 100%;
  text-align: center;
  display: block;
}
@media screen and (max-width: 768px) {
  .c-link-btn a {
    padding: 13px 0;
    font-size: 12px;
    letter-spacing: 0.15rem;
  }
}
.c-link-btn a.--gray {
  color: #000;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-link-btn a.--gray {
    color: #fff;
    background-color: #000;
  }
}
.c-link-btn a.--allgray {
  color: #000;
  background-color: #f8f8f8;
}

.c-link-btn2 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.c-link-btn2 a {
  font-family: helvetica;
  padding: 10px 20px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 300;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .c-link-btn2 a {
    border-bottom: 1px solid #000;
  }
}

.c-accordion {
  width: 100%;
}
.c-accordion.--white-bg .c-accordion__item-content.--product-category-faq {
  background-color: #f8f8f8 !important;
}
.c-accordion.--white-bg .c-accordion__item:nth-of-type(odd) .c-accordion__item-title {
  background-color: #f8f8f8;
}
.c-accordion.--white-bg .c-accordion__item:nth-of-type(odd) .c-accordion__item-content {
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-accordion.--white-bg .c-accordion__item:nth-of-type(odd) .c-accordion__item-content {
    background-color: #fff;
  }
}
.c-accordion.--white-bg .c-accordion__item:nth-of-type(even) .c-accordion__item-title {
  background-color: #fff;
}
.c-accordion.--white-bg .c-accordion__item:nth-of-type(even) .c-accordion__item-content {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-accordion.--white-bg .c-accordion__item:nth-of-type(even) .c-accordion__item-content {
    background-color: #fff;
  }
}
.c-accordion__item {
  border-bottom: 1px solid #CECECE;
}
.c-accordion__item .c-accordion__item-content {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-accordion__item .c-accordion__item-content {
    background-color: #f8f8f8;
  }
}
.c-accordion__item:first-child {
  border-top: 1px solid #CECECE;
}
.c-accordion__item:nth-of-type(2n) .c-accordion__item-title {
  background-color: #f8f8f8;
}
.c-accordion__item:nth-of-type(2n) .c-accordion__item-content {
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-accordion__item:nth-of-type(2n) .c-accordion__item-content {
    background-color: #f8f8f8;
  }
}
.c-accordion__item-title {
  padding: 15px 30px;
  cursor: pointer;
  position: relative;
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-accordion__item-title {
    padding: 15px 20px 15px 0;
    background-color: transparent !important;
  }
}
.c-accordion__item-title p {
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-accordion__item-title p {
    font-size: 11px;
  }
}
.c-accordion__item-title p span {
  margin-right: 10px;
  font-weight: 400;
}
.c-accordion__item-title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 55%;
  transform: translateY(-50%);
  background-image: url("../image/common/arrow-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 768px) {
  .c-accordion__item-title::after {
    width: 12px;
    height: 12px;
    right: 0;
    top: 55%;
  }
}
.c-accordion__item-title.is-open::after {
  transform: translateY(-100%) rotate(180deg);
}
.c-accordion__item-content {
  display: none;
  padding: 15px 30px;
}
@media screen and (max-width: 768px) {
  .c-accordion__item-content {
    padding: 15px 20px 15px 10px;
  }
}
.c-accordion__item-content-inner {
  display: flex;
  gap: 10px;
}
.c-accordion__item-content-inner p {
  font-size: 12px;
  font-weight: 200;
  line-height: 2;
  margin-bottom: 15px;
}
.c-accordion__item-content-inner p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-accordion__item-content-inner p {
    font-size: 11px;
  }
}
.c-accordion__item-content-inner p span {
  color: #808080;
}
.c-accordion__item-content-inner a {
  text-decoration: underline;
}

.c-accordion2 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.c-accordion2__inr {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 60px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-accordion2__inr {
    flex-direction: column;
  }
}
.c-accordion2__item {
  width: calc(50% - 30px);
}
.c-accordion2__item:not(:nth-of-type(1)) .c-accordion2__item-title {
  border-top: 1px solid #CECECE;
}
.c-accordion2__item:not(:nth-of-type(2)) .c-accordion2__item-title {
  border-top: 1px solid #CECECE;
}
@media screen and (max-width: 768px) {
  .c-accordion2__item:not(:nth-of-type(2)) .c-accordion2__item-title {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .c-accordion2__item {
    width: 100%;
  }
}
.c-accordion2__item-title {
  padding: 15px 5px 15px 0;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
}
@media screen and (max-width: 768px) {
  .c-accordion2__item-title {
    padding: 10px 5px 11px 0;
  }
}
.c-accordion2__item-title p {
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-accordion2__item-title p {
    font-size: 11px;
  }
}
.c-accordion2__item-title p a {
  font-size: 12px;
  text-decoration: none;
  color: #000;
  font-weight: 200;
}
.c-accordion2__item-title a {
  text-decoration: none;
  color: #000;
  font-weight: 500;
  font-size: 12px;
}
.c-accordion2__item-title::after {
  content: "";
  background-image: url("../image/common/positive-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}
.c-accordion2__item-title.--link {
  padding: 15px 5px 15px 0;
}
@media screen and (max-width: 768px) {
  .c-accordion2__item-title.--link {
    padding: 10px 5px 11px 0;
  }
}
.c-accordion2__item-title.--link::after {
  display: none;
}
.c-accordion2__item-title.is-open {
  border-bottom: 1px dashed #CECECE;
}
.c-accordion2__item-title.is-open::after {
  background-image: url("../image/common/negative-icon.png");
  height: 3px;
}
.c-accordion2__item-title:hover {
  background-color: #f9f9f9;
}
.c-accordion2__item-content {
  display: none;
  padding: 30px 0 30px 15px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-accordion2__item-content {
    padding: 15px 0 15px 0;
  }
}
.c-accordion2__item-content.is-open {
  display: block;
}
.c-accordion2__item-store-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0px;
}
.c-accordion2__item-store-list .store-item {
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .c-accordion2__item-store-list .store-item {
    width: 100%;
  }
}
.c-accordion2__item-store-list .store-item .store-name {
  font-size: 12px;
  font-weight: 200;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-accordion2__item-store-list .store-item .store-name {
    font-size: 11px;
  }
}
.c-accordion2__item-store-list .store-item .store-details {
  font-size: 11px;
  letter-spacing: 0.03rem;
  font-weight: 200;
  color: #666;
  line-height: 1.6;
}
.c-accordion2__item-online {
  text-align: center;
}
.c-accordion2__item-online .online-link {
  display: inline-block;
  padding: 15px 40px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  transition: background-color 0.3s ease;
}
.c-accordion2__item-online .online-link:hover {
  background-color: #333;
}

.c-accordion3 {
  width: 100%;
}
.c-accordion3__item {
  margin-bottom: 30px;
  border-top: 2px solid #000;
}
@media screen and (max-width: 768px) {
  .c-accordion3__item {
    border-top: 1px solid #000;
  }
}
.c-accordion3__item:last-child {
  margin-bottom: 0;
}
.c-accordion3__item-title {
  padding: 13px 30px;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 768px) {
  .c-accordion3__item-title {
    border-bottom: 1px solid #000;
    justify-content: flex-start;
    padding: 12px 0;
  }
}
.c-accordion3__item-title h3 {
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-accordion3__item-title h3 {
    font-size: 11px;
    text-align: left;
  }
}
.c-accordion3__item-title::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 55%;
  transform: translateY(-50%);
  background-image: url("../image/common/arrow-icon2.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 768px) {
  .c-accordion3__item-title::after {
    width: 12px;
    height: 12px;
    right: 5px;
  }
}
.c-accordion3__item-title.is-open::after {
  transform: translateY(-100%) rotate(180deg);
}
.c-accordion3__item-content {
  display: none;
  padding: 33px 0 65px;
  background-color: #fff;
  border-bottom: 1px solid #CECECE;
}
@media screen and (max-width: 768px) {
  .c-accordion3__item-content {
    padding: 0;
    border-bottom: none;
  }
}
.c-accordion3__item-content.is-open {
  display: block;
}

.c-accordion4 {
  width: 100%;
}
.c-accordion4__item:last-child {
  border-bottom: 1px solid #CECECE;
}
.c-accordion4__item-title {
  padding: 15px 5px 15px 0;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #CECECE;
}
@media screen and (max-width: 768px) {
  .c-accordion4__item-title {
    padding: 13px 0;
    align-items: center;
  }
}
.c-accordion4__item-title p {
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-accordion4__item-title p {
    font-size: 11px;
  }
}
.c-accordion4__item-title.is-open {
  border-bottom: 1px solid #CECECE;
}
.c-accordion4__item-title::after {
  content: "";
  background-image: url("../image/common/arrow-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-accordion4__item-title::after {
    width: 12px;
    height: 12px;
  }
}
.c-accordion4__item-title.is-open::after {
  transform: rotate(180deg);
}
.c-accordion4__item-content {
  display: none;
  padding: 20px 0;
}
.c-accordion4__item-content.is-open {
  display: block;
}
.c-accordion4__item-content-inner {
  display: flex;
  gap: 35px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-accordion4__item-content-inner {
    flex-direction: column;
    gap: 20px;
  }
}
.c-accordion4__item-content-img {
  width: 26%;
}
@media screen and (max-width: 768px) {
  .c-accordion4__item-content-img {
    width: 100%;
  }
}
.c-accordion4__item-content-img img {
  width: 100%;
}
.c-accordion4__item-content-txt {
  width: 74%;
}
@media screen and (max-width: 768px) {
  .c-accordion4__item-content-txt {
    width: 100%;
  }
}
.c-accordion4__item-content-txt p {
  font-size: 12px;
  line-height: 1.9;
  letter-spacing: 0.05rem;
  font-weight: 200;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .c-accordion4__item-content-txt p {
    font-size: 11px;
  }
}
.c-accordion4__item-content-txt p:not(:last-child) {
  margin-bottom: 1em;
}

.c-accordion5 {
  width: 100%;
}
.c-accordion5__item {
  margin-bottom: 20px;
}
.c-accordion5__item:last-child {
  margin-bottom: 0;
}
.c-accordion5__item-title {
  padding: 25px 30px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-accordion5__item-title {
    padding: 15px 35px 15px 20px;
  }
}
.c-accordion5__item-title p {
  font-size: 13px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-accordion5__item-title p {
    font-size: 11px;
  }
}
.c-accordion5__item-title p span {
  margin-right: 20px;
  font-weight: 200;
  font-size: 20px;
  color: #808080;
}
@media screen and (max-width: 768px) {
  .c-accordion5__item-title p span {
    font-size: 17px;
  }
}
.c-accordion5__item-title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../image/common/arrow-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 12px;
}
@media screen and (max-width: 768px) {
  .c-accordion5__item-title::after {
    width: 24px;
    height: 10px;
    right: 10px;
  }
}
.c-accordion5__item-title.is-open::after {
  transform: translateY(-50%) rotate(180deg);
  right: 15px;
}
.c-accordion5__item-content {
  display: none;
  padding: 25px 30px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-accordion5__item-content {
    padding: 15px 20px 15px;
  }
}
.c-accordion5__item-content-answer-text a {
  text-decoration: underline;
}
.c-accordion5__item-content-inner {
  display: flex;
}
.c-accordion5__item-content-inner p {
  font-size: 12px;
  font-weight: 200;
  line-height: 2;
  margin-bottom: 25px;
}
.c-accordion5__item-content-inner p:empty {
  display: none;
  margin: 0;
  padding: 0;
}
.c-accordion5__item-content-inner p:not(:empty):not(:has(~ p:not(:empty))) {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-accordion5__item-content-inner p {
    font-size: 11px;
    margin-bottom: 10px;
  }
}
.c-accordion5__item-content-inner p span {
  margin-right: 20px;
  font-weight: 200;
  font-size: 20px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .c-accordion5__item-content-inner p span {
    font-size: 17px;
  }
}

.c-accordion6 {
  width: 100%;
}
.c-accordion6__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 2.5%;
  margin-bottom: 75px;
}
@media screen and (max-width: 768px) {
  .c-accordion6__tabs {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 42px;
  }
}
.c-accordion6__tab-item {
  width: calc(31.6% - 20px);
  background-color: #fff;
  border: 1px solid #000;
  padding: 15px 10px;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-accordion6__tab-item {
    padding: 10px;
    width: 100%;
    font-size: 13px;
  }
}
.c-accordion6__tab-item.is-active {
  background-color: #000;
  color: #fff;
}
.c-accordion6__content-item {
  display: none;
}
.c-accordion6__content-item.is-active {
  display: block;
}

.c-card {
  width: 100%;
}
.c-card__inner {
  padding: 50px 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .c-card__inner {
    flex-direction: column;
  }
}
.c-card__text {
  width: 100%;
}
.c-card__text-title {
  width: 100%;
  margin-bottom: 10px;
}
.c-card__text-title h3 {
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-card__text-title h3 {
    font-size: 15px;
  }
}
.c-card__text-content {
  width: 100%;
}
.c-card__text-content p {
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-card__text-content p {
    font-size: 11px;
  }
}
.c-card__image {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-card__image {
    margin-bottom: 15px;
  }
}
.c-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-card2 {
  width: 100%;
}
.c-card2__inner {
  max-width: 1000px;
  margin: 0 auto;
}
.c-card2__item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  gap: 0 25px;
}
@media screen and (max-width: 768px) {
  .c-card2__item {
    flex-direction: column;
  }
}
.c-card2__item-img {
  flex: 0 0 340px;
  max-width: 340px;
}
@media screen and (max-width: 768px) {
  .c-card2__item-img {
    flex: 0 0 100%;
    max-width: 90%;
    margin-bottom: 15px;
  }
}
.c-card2__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-card2__item-decs {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-card2__item-decs {
    margin: 0 auto;
    width: 90%;
  }
}
.c-card2__item-decs-title {
  width: 100%;
  margin-bottom: 10px;
}
.c-card2__item-decs-title p {
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 600;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-card2__item-decs-title p {
    font-size: 13px;
  }
}
.c-card2__item-decs-text {
  width: 100%;
}
.c-card2__item-decs-text p {
  font-size: 13px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-card2__item-decs-text p {
    font-size: 11px;
  }
}

.c-thumbnail-gallery {
  width: 100%;
  margin: 0 auto 10px;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .c-thumbnail-gallery {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    gap: 0;
  }
}
.c-thumbnail-gallery__main-image {
  width: 50%;
  margin-bottom: 15px;
  max-width: 467px;
}
@media screen and (max-width: 768px) {
  .c-thumbnail-gallery__main-image {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 15px;
  }
}
.c-thumbnail-gallery__main-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.c-thumbnail-gallery__title {
  display: none;
  align-items: center;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-thumbnail-gallery__title {
    margin-bottom: 15px;
    display: flex;
    width: 100%;
  }
}
.c-thumbnail-gallery__title h3 {
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  margin-right: 10px;
}
.c-thumbnail-gallery__title p {
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 200;
}
.c-thumbnail-gallery__list-wrapper {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .c-thumbnail-gallery__list-wrapper {
    width: 100%;
    position: relative;
  }
}
.c-thumbnail-gallery__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 0 -7.5px 25px;
}
@media screen and (max-width: 768px) {
  .c-thumbnail-gallery__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0;
    padding-bottom: 15px;
    gap: 13px;
    -webkit-overflow-scrolling: touch;
  }
  .c-thumbnail-gallery__list::-webkit-scrollbar {
    height: 2px;
  }
  .c-thumbnail-gallery__list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
  }
  .c-thumbnail-gallery__list::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
  }
  .c-thumbnail-gallery__list::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }
}
.c-thumbnail-gallery__item {
  width: calc(20% - 15px);
  margin: 0 7.5px 15px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .c-thumbnail-gallery__item {
    width: 50px;
    min-width: 50px;
    flex-shrink: 0;
    margin: 0;
  }
}
.c-thumbnail-gallery__item a {
  display: block;
  text-decoration: none;
}
.c-thumbnail-gallery__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.c-thumbnail-gallery__item-count {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-thumbnail-gallery__item-count {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 3px;
    z-index: 10;
    font-weight: 300;
    letter-spacing: 0.05rem;
  }
}

.c-single-content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .c-single-content {
    flex-direction: column;
    gap: 0;
  }
}
.c-single-content__inner {
  width: 50%;
  max-width: 467px;
}
@media screen and (max-width: 768px) {
  .c-single-content__inner {
    width: 90%;
    margin: 0 auto;
  }
}
.c-single-content__inner2 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .c-single-content__inner2 {
    width: 100%;
  }
}
.c-single-content__title {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.c-single-content__title .c-single-content__share {
  position: absolute;
  top: 10px;
  right: 0;
  width: 18px;
  height: 25px;
}
.c-single-content__title .c-single-content__share svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.c-single-content__title h3 {
  font-size: 15px;
  letter-spacing: 0.17rem;
  font-weight: 500;
  line-height: 2.5;
}
.c-single-content__title p {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
.c-single-content__series {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-single-content__series {
    margin-bottom: 15px;
    position: relative;
  }
  .c-single-content__series .c-single-content__share {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 25px;
  }
  .c-single-content__series .c-single-content__share svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.c-single-content__series p {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
.c-single-content__hdg {
  width: 100%;
  margin-bottom: 10px;
}
.c-single-content__hdg p {
  font-size: 14px;
  letter-spacing: 0.1rem;
  font-weight: 500;
}
.c-single-content__description {
  width: 100%;
  margin-bottom: 25px;
}
.c-single-content__description p {
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-single-content__description p {
    font-size: 11px;
  }
}
.c-single-content__detail {
  padding: 40px 30px;
  width: 100%;
  margin-bottom: 30px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .c-single-content__detail {
    padding: 35px 0;
  }
}
.c-single-content__detail__inr {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-single-content__detail__inr {
    width: 90%;
  }
}
.c-single-content__detail-title {
  width: 100%;
  margin-bottom: 20px;
}
.c-single-content__detail-title p {
  font-size: 10px;
  letter-spacing: 0.1rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-single-content__detail-title p {
    font-size: 12px;
  }
}
.c-single-content__detail-list {
  width: 100%;
}
.c-single-content__detail-list dl {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: flex;
  border-bottom: 1px solid #C9CCCE;
}
@media screen and (max-width: 768px) {
  .c-single-content__detail-list dl {
    padding-bottom: 10px;
    margin-bottom: 10px;
    align-items: baseline;
  }
}
.c-single-content__detail-list dl:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.c-single-content__detail-list dl dt {
  width: 60%;
  font-size: 13px;
  font-weight: 200;
  letter-spacing: 0.05rem;
}
@media screen and (max-width: 768px) {
  .c-single-content__detail-list dl dt {
    font-size: 11px;
  }
}
.c-single-content__detail-list dl dt span {
  font-size: 10px;
  font-weight: 200;
}
.c-single-content__detail-list dl dd {
  width: 100%;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.05rem;
}
@media screen and (max-width: 768px) {
  .c-single-content__detail-list dl dd {
    font-size: 10px;
  }
}
.c-single-content__reserve {
  width: 100%;
  margin-top: 30px;
  display: flex;
  align-items: center;
  background-color: #000;
  position: relative;
  border: 2px solid #000;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-single-content__reserve {
    width: 90%;
    margin: 0 auto;
  }
}
.c-single-content__reserve-image {
  width: 22%;
  height: auto;
}
.c-single-content__reserve-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-single-content__reserve-text {
  width: 78%;
  text-align: center;
}
.c-single-content__reserve-text p {
  font-size: 15px;
  letter-spacing: 0.1rem;
  font-weight: 500;
  color: #fff;
}
.c-single-content__reserve a {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.c-single-card {
  width: 100%;
  margin-bottom: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-single-card {
    margin: 0 auto;
    margin-bottom: 40px;
    flex-direction: column;
  }
}
.c-single-card.--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .c-single-card.--reverse {
    flex-direction: column;
  }
}
.c-single-card__inr {
  width: 100%;
}
.c-single-card__img {
  max-width: 450px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-single-card__img {
    margin-bottom: 25px;
  }
}
.c-single-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-single-card__txt {
  max-width: 480px;
  width: 100%;
}
.c-single-card__txt p {
  font-size: 12px;
  letter-spacing: 0.12rem;
  font-weight: 200;
  line-height: 2.2;
  margin-bottom: 15px;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-single-card__txt p {
    font-size: 11px;
  }
}
.c-single-card__txt p strong {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: #0F345B;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-single-card__txt p strong {
    font-size: 12px;
    color: #000;
  }
}
@media screen and (max-width: 768px) {
  .c-single-card__txt p:first-child {
    margin-bottom: 5px;
  }
}
.c-single-card__txt p:last-child {
  margin-bottom: 0;
}
.c-single-card__txt span {
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .c-single-card__txt span {
    font-size: 12px;
  }
}

.c-share-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.c-share-modal.is-open {
  display: flex;
}
.c-share-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.c-share-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 650px;
  background: #fff;
  padding: 80px 0 70px;
  text-align: center;
}
.c-share-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.c-share-modal__close::before, .c-share-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 1px;
  background: #000;
}
.c-share-modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-share-modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-share-modal__head {
  padding-bottom: 30px;
  border-bottom: 1px solid #b1b1b1;
  width: 445px;
  margin: 0 auto;
}
.c-share-modal__head p {
  font-size: 18px;
  letter-spacing: 0.1rem;
  margin-bottom: 50px;
}
.c-share-modal__head h4 {
  font-size: 14px;
  letter-spacing: 0.12rem;
  font-weight: 500;
}
.c-share-modal__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  padding: 30px 0;
}
.c-share-modal__icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.c-share-modal__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.c-share-modal__actions .c-share-modal__copy {
  display: inline-block;
  padding: 13px 24px;
  background: #f7f7f7;
  font-size: 14px;
  letter-spacing: 0.06rem;
  cursor: pointer;
  width: 100%;
  max-width: 445px;
  margin: 0 auto;
  text-align: left;
}
.c-share-modal__actions .is-copied {
  color: #0F345B;
  border-color: #0F345B;
}
.c-share-modal__footer {
  padding-top: 40px;
  text-align: center;
}
.c-share-modal__footer .c-share-modal__close-bottom {
  display: inline-block;
  margin-top: 6px;
  padding: 5px 40px;
  border-bottom: 1px solid #000;
  background: #fff;
  font-size: 13px;
  letter-spacing: 0.06rem;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .c-share-modal {
    display: none !important;
  }
}

.c-share-toast {
  position: fixed;
  left: 50%;
  top: calc(34% - 160px);
  transform: translateX(-50%);
  z-index: 1100;
  display: none;
  min-width: 215px;
}
.c-share-toast.is-open {
  display: block;
}
.c-share-toast__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #cbcbcb;
  color: #000;
  padding: 14px 20px;
}
.c-share-toast__icon {
  width: 16px;
  height: 16px;
}
.c-share-toast__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.c-share-toast__text {
  font-size: 14px;
  letter-spacing: 0.04rem;
  font-weight: 500;
}
.c-share-toast__close {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.c-share-toast__close::before, .c-share-toast__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 1px;
  background: #000;
}
.c-share-toast__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-share-toast__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .c-share-toast {
    display: none;
  }
}

.p-after-service {
  padding-top: 40px;
  margin-bottom: 60px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-after-service {
    margin-bottom: 45px;
  }
}

.p-after-service__wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-after-service__wrapper {
    width: 90%;
  }
}

.p-after-service__title {
  width: 100%;
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .p-after-service__title {
    margin-bottom: 40px;
  }
}

.p-after-service__title-s {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-after-service__title-s {
    font-size: 10px;
  }
}

.p-after-service__title-m {
  font-size: 18px;
  letter-spacing: 0.3rem;
  font-weight: bold;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .p-after-service__title-m {
    font-size: 13px;
    letter-spacing: 0.25rem;
  }
}

.p-after-service__mv {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-after-service__mv {
    margin: 0 calc(50% - 50vw);
    margin-bottom: 0px;
    width: 100vw;
  }
}

.p-after-service__mv-img img {
  width: 100%;
  max-width: 100%;
}

.p-after-service__heading {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-after-service__heading {
    display: block;
    margin: 0 calc(50% - 50vw);
    margin-bottom: 40px;
    width: 100vw;
  }
}
.p-after-service__heading::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
  background-color: #f8f8f8;
}

.p-after-service__heading-l {
  flex: 0 0 340px;
  max-width: 340px;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
  flex-flow: column wrap;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-after-service__heading-l {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    background-color: #000;
    text-align: center;
    padding: 20px 0 18px;
  }
}
.p-after-service__heading-l::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  right: 0;
  width: calc(50vw - 150px);
  height: 100%;
  background-color: #000;
  transform: translate3d(0, 0, 0) rotate(0deg);
}
@media screen and (max-width: 768px) {
  .p-after-service__heading-l::before {
    content: none;
  }
}

.p-after-service__heading-l-sub {
  font-size: 15px;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 16px;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 768px) {
  .p-after-service__heading-l-sub {
    font-size: 10px;
    margin-bottom: 8px;
  }
}

.p-after-service__heading-l-main {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-after-service__heading-l-main {
    font-size: 16px;
  }
}

.p-after-service__heading-r {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
  flex-flow: column wrap;
  padding: 30px 0 30px;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .p-after-service__heading-r {
    display: block;
    padding: 30px 5% 30px;
    text-align: center;
  }
}

.p-after-service__heading-r-tit {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-after-service__heading-r-tit {
    font-size: 14px;
    text-align: center;
  }
}

.p-after-service__heading-r-txt {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-after-service__heading-r-txt {
    font-size: 11px;
    text-align: left;
  }
}

.p-after-service__about {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: center;
  flex-flow: column wrap;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .p-after-service__about {
    margin-bottom: 50px;
  }
}

.p-after-service__about-img {
  width: 460px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.p-after-service__about-img img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-after-service__about-img {
    width: 100%;
    margin-bottom: 18px;
  }
}

.p-after-service__about-cnt-tit {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-after-service__about-cnt-tit {
    order: -1;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
  }
}

.p-after-service__about-cnt-txt {
  font-size: 12px;
  line-height: 2;
  max-width: 720px;
  margin: 0 auto;
  border-left: 1px solid #0f345b;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .p-after-service__about-cnt-txt {
    font-size: 11px;
    padding: 0px;
    padding-left: 14px;
  }
}
.p-after-service__about-cnt-txt .u-emp {
  color: #0f345b;
  font-weight: 700;
}

.p-after-service__sec-tit {
  background-color: #f8f8f8;
  border: 1px solid #808080;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
  padding: 18px 20px;
}
@media screen and (max-width: 768px) {
  .p-after-service__sec-tit {
    font-size: 15px;
    font-weight: 700;
    padding: 12px 10px;
    border: none;
    margin-bottom: 20px;
  }
}
.p-after-service__sec-tit.--black {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-after-service__sec-tit.--black {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__sec-tit .u-emp {
    color: #0f345b;
  }
}

.p-after-service__sec {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  position: relative;
  z-index: 1;
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-after-service__sec {
    margin-bottom: 30px;
    display: block;
    padding: 45px 0 45px;
  }
}
@media screen and (max-width: 768px) {
  .p-after-service__sec::before {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #f8f8f8;
    transform: translate3d(-50vw, 0, 0) rotate(0deg);
  }
}

.p-after-service__sec-img {
  flex: 0 0 390px;
  max-width: 390px;
  padding: 28px 0px;
  padding-right: 28px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-after-service__sec-img {
    padding: 0px;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 18px;
  }
}
.p-after-service__sec-img::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  right: 0;
  width: calc(50vw - 110px);
  height: 100%;
  background-color: #f8f8f8;
}
.p-after-service__sec-img img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.p-after-service__sec-cnt {
  flex: 1;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: flex-start;
  flex-flow: column wrap;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .p-after-service__sec-cnt {
    padding: 0px;
  }
}

.p-after-service__sec-cnt-tit {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 15px;
}
@media screen and (min-width: 769px) {
  .p-after-service__sec-cnt-tit {
    color: #0f345b;
  }
}
@media screen and (max-width: 768px) {
  .p-after-service__sec-cnt-tit {
    font-size: 15px;
    text-align: center;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-after-service__sec-cnt-tit.--sp-sml {
    font-size: 12px;
    color: #0f345b;
    text-align: left;
    margin-bottom: 8px;
  }
}

.p-after-service__sec-cnt-txt {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-after-service__sec-cnt-txt {
    font-size: 11px;
  }
}

@media screen and (min-width: 769px) {
  .p-after-service__sec.--reverse {
    flex-flow: row-reverse nowrap;
  }
  .p-after-service__sec.--reverse .p-after-service__sec-img {
    padding-right: 0px;
    padding-left: 28px;
  }
  .p-after-service__sec.--reverse .p-after-service__sec-img::before {
    right: auto;
    left: 0;
  }
  .p-after-service__sec.--reverse .p-after-service__sec-cnt {
    padding-left: 0px;
    padding-right: 60px;
  }
}

@media screen and (max-width: 768px) {
  .p-after-service__sec.--reverse,
  .p-after-service__sec.--sp-reverse {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .p-after-service__sec.--reverse::before,
  .p-after-service__sec.--sp-reverse::before {
    content: none;
  }
}

@media screen and (max-width: 768px) {
  .p-after-service__sec.--sp-reverse {
    padding-bottom: 0px;
    margin-bottom: 10px;
  }
}

.p-after-service__desc-wrap {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  padding: 55px 0px;
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-wrap {
    margin-top: 50px;
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 35px;
  }
}
.p-after-service__desc-wrap::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background: #f8f8f8;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-wrap::before {
    border-top: 1px solid #000;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__desc-wrap.--pattern2 {
    padding-top: 50px;
    margin-top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-wrap.--pattern2 {
    margin-top: -35px;
    padding-bottom: 10px;
  }
}
.p-after-service__desc-wrap.--pattern2::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 9px;
  background: url("../image/after-service/border.png") no-repeat center center/100% 100%;
  transform: none;
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-wrap.--pattern2::before {
    background: url("../image/after-service/border_sp.png") no-repeat center center/100% 100%;
    height: 14px;
    border: none;
  }
}
.p-after-service__desc-wrap.--pattern2 .p-after-service__desc-tit {
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-wrap.--sp-bg-gray {
    position: relative;
    z-index: 2;
    margin-top: -45px;
    padding-bottom: 40px;
  }
  .p-after-service__desc-wrap.--sp-bg-gray::after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    z-index: -2;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #f8f8f8;
    transform: translate3d(-50vw, 0, 0) rotate(0deg);
  }
}

.p-after-service__desc-tit {
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-tit {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-tit span.sp {
    display: inline !important;
  }
}

.p-after-service__desc {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .p-after-service__desc {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__desc.--3cols .p-after-service__desc-item:nth-of-type(1) {
    flex: 0 0 32%;
    max-width: 32%;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__desc.--3cols .p-after-service__desc-item:nth-of-type(2) {
    flex: 0 0 26%;
    max-width: 26%;
    padding-left: 70px;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__desc.--3cols .p-after-service__desc-item:nth-of-type(3) {
    flex: 0 0 42%;
    max-width: 42%;
  }
}

.p-after-service__desc-item {
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__desc-item:nth-of-type(1) {
    padding-right: 50px;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__desc-item:nth-of-type(n+2) {
    padding-left: 50px;
    border-left: 1px solid #808080;
    padding-right: 50px;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__desc-item:nth-last-child(1) {
    padding-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-item:nth-of-type(1) .p-after-service__desc-item-tit {
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-item:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__desc-item.--no-border {
    padding-left: 0px;
    border-left: none;
  }
}

.p-after-service__desc-item-tit {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-item-tit {
    font-size: 12px;
    margin-bottom: 10px;
  }
}

.p-after-service__desc-txt-tit {
  background-color: #ffffff;
  padding: 8px 8px;
  font-size: 14px;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #0f345b;
  text-align: center;
  margin-bottom: 20px;
}

.p-after-service__desc-txt {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-after-service__desc-txt {
    font-size: 11px;
  }
}

.p-after-service__links {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: column wrap;
  gap: 26px;
  max-width: 408px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 60px;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-after-service__links {
    width: 90%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.p-after-service__links a {
  display: block;
  text-align: center;
  padding: 10px 16px;
  border-bottom: 1px solid #000;
}

.p-after-service__btns {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: flex-start;
  flex-flow: column wrap;
  gap: 26px;
  max-width: 408px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .p-after-service__btns {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .p-after-service__top-index {
    margin-top: 25px;
  }
}

.p-after-service__top-index-tit {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .p-after-service__top-index-tit {
    font-size: 12px;
    text-align: left;
    margin-bottom: 6px;
  }
}

.p-after-service__top-index-txt {
  font-size: 12px;
  line-height: 2;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-after-service__top-index-txt {
    font-size: 11px;
    text-align: left;
    margin-bottom: 20px;
  }
}

.p-after-service__top-index-txt-note {
  font-size: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-after-service__top-index-txt-note {
    margin-top: 5px;
  }
}

.p-after-service__top-index-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  max-width: 400px;
  gap: 15px 60px;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-after-service__top-index-list {
    max-width: 600px;
    gap: 5px 26px;
    margin-bottom: 40px;
  }
}

.p-after-service__top-index-list-item {
  flex: 0 0 calc(50% - 30px);
  max-width: calc(50% - 30px);
  border-bottom: 1px solid #000;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .p-after-service__top-index-list-item {
    flex: 0 0 calc(50% - 13px);
    max-width: calc(50% - 13px);
    max-width: none;
    border-bottom: 1px solid #000;
    font-size: 12px;
  }
}
.p-after-service__top-index-list-item a {
  display: block;
  text-align: center;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .p-after-service__top-index-list-item a {
    padding: 8px 0px;
  }
}

.p-after-service__index-mv {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-mv::before {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #f8f8f8;
    transform: translate3d(-50vw, 0, 0) rotate(0deg);
  }
}
@media screen and (max-width: 768px) {
  .p-after-service__index-mv {
    display: block;
    padding-bottom: 40px;
  }
}

.p-after-service__index-mv-img {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
  height: 460px;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-mv-img {
    flex: 0 0 100%;
    max-width: 100vw;
    height: auto;
    margin: 0 calc(50% - 50vw);
    margin-bottom: 25px;
    width: 100vw;
  }
}
@media screen and (min-width: 769px) {
  .p-after-service__index-mv-img img {
    width: 50vw;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
    bottom: 0px;
    object-fit: cover;
    font-family: "object-fit: cover;";
  }
}
@media screen and (max-width: 768px) {
  .p-after-service__index-mv-img img {
    max-width: 100%;
  }
}

.p-after-service__index-mv-desc {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: flex-start;
  flex-flow: column wrap;
  padding-left: 70px;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-mv-desc {
    max-width: none;
    padding: 0px;
  }
}

.p-after-service__index-mv-desc-tit {
  font-size: 17px;
  color: #0f345b;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 2;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-mv-desc-tit {
    font-size: 12px;
  }
}

.p-after-service__index-mv-desc-txt {
  font-size: 13px;
  color: #000000;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-mv-desc-txt {
    font-size: 11px;
  }
}

.p-after-service__index-mv-desc-note {
  margin-top: 20px;
  font-size: 10px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-mv-desc-note {
    margin-top: 10px;
  }
}

.p-after-service__index-list-item {
  padding: 80px 0px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-list-item {
    padding: 50px 0px;
  }
}
.p-after-service__index-list-item:nth-of-type(2n)::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #f8f8f8;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}

.p-after-service__index-list-item-tit {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-list-item-tit {
    margin-bottom: 20px;
  }
}

.p-after-service__index-list-item-tit-sub {
  font-size: 15px;
  color: #0f345b;
  letter-spacing: 0.15rem;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-list-item-tit-sub {
    font-size: 10px;
    margin-bottom: 10px;
  }
}

.p-after-service__index-list-item-tit-main {
  font-size: 19px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-list-item-tit-main {
    font-size: 15px;
  }
}

.p-after-service__index-list-item-cnt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-list-item-cnt {
    display: block;
  }
}

.p-after-service__index-list-item-cnt-img {
  flex: 0 0 300px;
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-list-item-cnt-img {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.p-after-service__index-list-item-cnt-img img {
  width: 100%;
}

.p-after-service__index-list-item-cnt-desc {
  padding-left: 50px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-list-item-cnt-desc {
    font-size: 11px;
    font-weight: 400;
    padding: 0px;
  }
}

.p-after-service__index-list-item-more {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-after-service__index-list-item-more {
    margin-top: 25px;
  }
}

.p-after-service__index-list-item-more-btn {
  display: inline-block;
  padding: 8px 16px;
  border-bottom: 1px solid #000;
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}

.c-visual {
  width: 100%;
  height: auto;
  margin: 0 auto 25px;
}
.c-visual__image {
  width: 100%;
  height: auto;
}
.c-visual__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-visual2 {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.c-visual2__inner {
  width: 100%;
}
.c-visual2__title {
  width: 100%;
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .c-visual2__title {
    margin-bottom: 30px;
  }
}
.c-visual2__title p {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-visual2__title p {
    font-size: 13px;
  }
}
.c-visual2__title h2 {
  font-size: 18px;
  letter-spacing: 0.25rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .c-visual2__title h2 {
    font-size: 17px;
  }
}
.c-visual2__image {
  width: 100%;
  height: auto;
}
.c-visual2__image img {
  max-width: 1000px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-visual3 {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.c-visual3__inner {
  width: 100%;
}
.c-visual3__video {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.c-visual3__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-visual3__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-visual4 {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-visual4 {
    background-color: #F8F8F8;
    padding: 60px 0 40px;
  }
}
.c-visual4__inr {
  max-width: 1000px;
  width: 100%;
  margin: 90px auto 40px;
}
@media screen and (max-width: 768px) {
  .c-visual4__inr {
    margin: 0 auto 40px;
  }
}
.c-visual4__ttl {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-visual4__ttl {
    margin-bottom: 30px;
  }
}
.c-visual4__ttl p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 200;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-visual4__ttl p {
    letter-spacing: 0.05rem;
    margin-bottom: 15px;
  }
}
.c-visual4__ttl p:last-child {
  margin-bottom: 0;
}
.c-visual4__ttl p span {
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
.c-visual4__card-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-visual4__card-item {
    flex-direction: column;
    gap: 20px;
  }
}
.c-visual4__card-item-img {
  max-width: 464px;
  width: 100%;
  height: auto;
}
.c-visual4__card-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-visual4__card-item-txt {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-visual4__card-item-txt {
    width: 90%;
    margin: 0 auto;
  }
}
.c-visual4__card-item-txt p {
  font-size: 12px;
  letter-spacing: 0.2rem;
  font-weight: 200;
  font-feature-settings: "palt" 1;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-visual4__card-item-txt p {
    font-size: 11px;
    letter-spacing: 0.1rem;
  }
}
.c-visual4__inr2 {
  background-color: #F8F8F8;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .c-visual4__inr2 {
    padding: 0;
  }
}
.c-visual4__hdg {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-visual4__hdg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 768px) {
  .c-visual4__hdg::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #808080;
    margin-right: 1em;
  }
}
@media screen and (max-width: 768px) {
  .c-visual4__hdg::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #808080;
    margin-left: 1em;
  }
}
.c-visual4__hdg p {
  font-size: 10px;
  letter-spacing: 0.15rem;
  font-weight: 200;
}
.c-visual4__list {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-visual4__list {
    flex-direction: column;
    gap: 20px;
  }
}
.c-visual4__list__item {
  max-width: 200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item {
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    max-width: 90%;
    margin: 0 auto;
  }
}
.c-visual4__list__item-img {
  width: 100%;
  height: auto;
}
.c-visual4__list__item-img.--icon1 {
  max-width: 58px;
  width: 100%;
  height: auto;
  margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item-img.--icon1 {
    max-width: 15%;
    margin-bottom: 0;
  }
}
.c-visual4__list__item-img.--icon1 img {
  width: 100%;
}
.c-visual4__list__item-img.--icon2 {
  max-width: 38px;
  width: 100%;
  height: auto;
  margin-bottom: 19px;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item-img.--icon2 {
    text-align: center;
    max-width: 15%;
    margin-bottom: 0;
  }
}
.c-visual4__list__item-img.--icon2 img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item-img.--icon2 img {
    max-width: 80%;
  }
}
.c-visual4__list__item-img.--icon3 {
  max-width: 31px;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item-img.--icon3 {
    max-width: 15%;
    margin-bottom: 0;
    text-align: center;
  }
}
.c-visual4__list__item-img.--icon3 img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item-img.--icon3 img {
    max-width: 70%;
  }
}
.c-visual4__list__item-img.--icon3-2 {
  max-width: 52px;
  width: 100%;
  height: auto;
  margin-bottom: 17px;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item-img.--icon3-2 {
    max-width: 15%;
    margin-bottom: 0;
  }
}
.c-visual4__list__item-img.--icon3-2 img {
  width: 100%;
}
.c-visual4__list__item-img.--icon4 {
  max-width: 47px;
  width: 100%;
  height: auto;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item-img.--icon4 {
    max-width: 15%;
    margin-bottom: 0;
  }
}
.c-visual4__list__item-img.--icon4 img {
  width: 100%;
}
.c-visual4__list__item__title {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item__title {
    margin-bottom: 5px;
    text-align: left;
  }
}
.c-visual4__list__item__title p {
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  text-decoration: underline;
  padding-bottom: 2px;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item__title p {
    font-size: 11px;
    letter-spacing: 0.05rem;
  }
}
.c-visual4__list__item__txt {
  width: 100%;
}
.c-visual4__list__item__txt p {
  font-size: 12px;
  letter-spacing: 0.13rem;
  font-weight: 200;
  font-feature-settings: "palt" 1;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-visual4__list__item__txt p {
    font-size: 11px;
    letter-spacing: 0.05rem;
  }
}

.c-filter-menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  background-color: #fff;
  padding: 0;
  border-right: 0px solid transparent;
  flex-shrink: 0;
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 10;
  transition: opacity 0.2s ease-out, visibility 0s 0.4s, width 0.3s ease-out 0.2s, padding 0.3s ease-out 0.2s, border-right-width 0.3s ease-out 0.2s, transform 0.3s ease-out 0.2s;
}
.c-filter-menu.is-open {
  width: 260px;
  padding-right: 25px;
  padding-top: 5px;
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition: width 0.3s ease-out, padding 0.3s ease-out, border-right-width 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out 0.3s, visibility 0s 0s;
}
.c-filter-menu__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.c-filter-menu__header h3 {
  font-size: 14px;
  font-weight: 200;
  display: flex;
  align-items: center;
  margin: 0;
}
.c-filter-menu__header-icon {
  display: inline-block;
  width: 18px;
  height: 10px;
  margin-right: 8px;
  background: url("../image/common/filter-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-filter-menu__header-close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.c-filter-menu__actions-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.c-filter-menu__item-count {
  margin-bottom: 15px;
  font-size: 13px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-filter-menu__item-count {
    font-size: 11px;
  }
}
.c-filter-menu__item-count span {
  font-size: 17px;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-filter-menu__item-count span {
    font-size: 13px;
  }
}
.c-filter-menu__clear-button, .c-filter-menu__apply-button {
  padding: 6px 0;
  border: 1px solid #000;
  background-color: #fff;
  cursor: pointer;
  font-size: 12px;
  width: calc(50% - 5px);
  text-align: center;
}
.c-filter-menu__apply-button {
  background-color: #000;
  color: #fff;
}
.c-filter-menu__section {
  margin-bottom: 30px;
}
.c-filter-menu__section-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
.c-filter-menu__option {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.c-filter-menu__option input[type=radio] {
  margin-right: 10px;
  width: 18px;
  height: 18px;
  appearance: none;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.c-filter-menu__option input[type=radio]:checked {
  background-color: #000;
  border-color: #000;
}
.c-filter-menu__option input[type=checkbox] {
  margin-right: 10px;
  width: 18px;
  height: 18px;
  appearance: none;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.c-filter-menu__option input[type=checkbox]:checked {
  background-color: #000;
  border-color: #000;
}
.c-filter-menu__option label {
  font-size: 12px;
  color: #333;
}
.c-filter-menu__price-note {
  font-size: 12px;
  color: #757575;
  margin-bottom: 15px;
}
.c-filter-menu__actions-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 20px;
}

.c-filter-menu2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  background-color: #fff;
  padding: 0;
  border-right: 0px solid transparent;
  flex-shrink: 0;
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 11;
  transition: opacity 0.2s ease-out, visibility 0s 0.4s, width 0.3s ease-out 0.2s, padding 0.3s ease-out 0.2s, border-right-width 0.3s ease-out 0.2s, transform 0.3s ease-out 0.2s;
}
.c-filter-menu2.is-open {
  width: 260px;
  padding-right: 25px;
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition: width 0.3s ease-out, padding 0.3s ease-out, border-right-width 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out 0.3s, visibility 0s 0s;
}
.c-filter-menu2__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.c-filter-menu2__header h3 {
  font-size: 14px;
  font-weight: 200;
  display: flex;
  align-items: center;
  margin: 0;
}
.c-filter-menu2__header-icon {
  display: inline-block;
  width: 18px;
  height: 14px;
  margin-right: 8px;
  background: url("../image/common/filter-icon2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-filter-menu2__header-close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.c-filter-menu2__reset-button {
  width: 100%;
  padding: 10px 0;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
  font-size: 13px;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 2px;
}
.c-filter-menu2__sort-options {
  display: flex;
  flex-direction: column;
}
.c-filter-menu2__option {
  padding: 12px 15px;
  font-size: 13px;
  color: #333;
  background-color: #f9f9f9;
  border: none;
  text-align: center;
  cursor: pointer;
  margin-bottom: 8px;
  border-radius: 2px;
}
.c-filter-menu2__option:last-child {
  margin-bottom: 0;
}
.c-filter-menu2__option:hover {
  background-color: #f0f0f0;
}

.c-filter-menu3__section {
  margin-bottom: 25px;
}
.c-filter-menu3__section:last-child {
  margin-bottom: 0;
}
.c-filter-menu3__section-title {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #333;
  letter-spacing: 0.05em;
}
.c-filter-menu3__section-title span {
  font-size: 11px;
  color: #757575;
  margin-bottom: 15px;
  font-weight: 200;
}
.c-filter-menu3__options-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .c-filter-menu3__options-container {
    gap: 10px 15px;
  }
}
@media screen and (max-width: 768px) {
  .c-filter-menu3__option {
    width: calc(50% - 7.5px);
  }
}
.c-filter-menu3__option a {
  display: inline-block;
  width: 123px;
  padding: 6px 10px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 200;
  box-sizing: border-box;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-filter-menu3__option a {
    background-color: #f1f1f1;
    width: 100%;
    box-sizing: border-box;
    font-size: 11px;
  }
}
.c-filter-menu3__option-icon {
  margin-right: 10px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .c-filter-menu3__option-icon {
    margin-right: 4px;
  }
}
.c-filter-menu3__option input[type=radio] {
  display: none;
}
.c-filter-menu3__option input[type=radio]:checked + label {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.c-filter-menu3__option input[type=checkbox] {
  display: none;
}
.c-filter-menu3__option input[type=checkbox]:checked + label {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.c-filter-menu3__option a[data-filter=straight] .c-filter-menu3__option-icon {
  width: 17px;
  height: 4px;
}
@media screen and (max-width: 768px) {
  .c-filter-menu3__option a[data-filter=straight] .c-filter-menu3__option-icon {
    width: 14px;
    height: 3px;
  }
}
.c-filter-menu3__option a[data-filter=wave] .c-filter-menu3__option-icon {
  width: 20px;
  height: 6px;
}
@media screen and (max-width: 768px) {
  .c-filter-menu3__option a[data-filter=wave] .c-filter-menu3__option-icon {
    width: 16px;
    height: 5px;
  }
}
.c-filter-menu3__option a[data-filter=v] .c-filter-menu3__option-icon {
  width: 19px;
  height: 5px;
}
@media screen and (max-width: 768px) {
  .c-filter-menu3__option a[data-filter=v] .c-filter-menu3__option-icon {
    width: 15px;
    height: 4px;
  }
}
.c-filter-menu3__option a[data-filter=wide] .c-filter-menu3__option-icon {
  width: 17px;
  height: 6px;
}
@media screen and (max-width: 768px) {
  .c-filter-menu3__option a[data-filter=wide] .c-filter-menu3__option-icon {
    width: 14px;
    height: 5px;
  }
}
.c-filter-menu3__option a[data-filter=narrow] .c-filter-menu3__option-icon {
  width: 17px;
  height: 4px;
}
@media screen and (max-width: 768px) {
  .c-filter-menu3__option a[data-filter=narrow] .c-filter-menu3__option-icon {
    width: 14px;
    height: 3px;
  }
}

.c-filter-menu4 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1001;
  overflow-y: auto;
}
.c-filter-menu4.is-open {
  display: block;
  justify-content: center;
  align-items: center;
}
.c-filter-menu4__inner {
  background-color: #fff;
  width: 100%;
  max-width: 480px;
  border-radius: 0;
  padding: 20px;
  box-sizing: border-box;
  max-height: 100dvh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.c-filter-menu4__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.c-filter-menu4__header h3 {
  font-size: 11px;
  font-weight: 200;
  margin: 0;
  display: flex;
  align-items: center;
}
.c-filter-menu4__header-icon {
  display: inline-block;
  width: 14px;
  height: 10px;
  margin-right: 8px;
  background: url("../image/common/filter-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-filter-menu4__header-close {
  background: none;
  border: none;
  font-size: 32px;
  font-weight: 200;
  color: #333;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.c-filter-menu4__result-count {
  margin-bottom: 15px;
}
.c-filter-menu4__result-count p {
  font-size: 10px;
  color: #333;
  margin: 0;
  font-weight: 200;
  letter-spacing: 0.05em;
}
.c-filter-menu4__result-count p span {
  font-size: 13px;
}
.c-filter-menu4__actions-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.c-filter-menu4__actions-top button {
  flex-basis: calc(50% - 8px);
  padding: 8px 0;
  font-size: 11px;
  border-radius: 0;
  border: 1px solid #000;
  cursor: pointer;
}
.c-filter-menu4__actions-top .c-filter-menu4__clear-button {
  background-color: #fff;
  color: #000;
}
.c-filter-menu4__actions-top .c-filter-menu4__apply-button {
  background-color: #000;
  color: #fff;
}
.c-filter-menu4__section {
  margin-bottom: 25px;
}
.c-filter-menu4__section-title {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}
.c-filter-menu4__section-title span {
  font-size: 10px;
  color: #757575;
  font-weight: 200;
  margin-left: 8px;
}
.c-filter-menu4__option-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 8px;
}
.c-filter-menu4__option {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  width: calc(50% - 4px);
}
.c-filter-menu4__option input[type=radio] {
  margin: 0 10px 0 0;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  appearance: none;
  border: 1px solid #808080;
  border-radius: 50%;
}
.c-filter-menu4__option input[type=radio]:checked {
  background-color: #808080;
  border-color: #808080;
}
.c-filter-menu4__option input[type=checkbox] {
  margin: 0 10px 0 0;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  appearance: none;
  border: 1px solid #808080;
  border-radius: 50%;
}
.c-filter-menu4__option input[type=checkbox]:checked {
  background-color: #808080;
  border-color: #808080;
}
.c-filter-menu4__option label {
  font-size: 11px;
  flex: 1;
}
.c-filter-menu4__price-note {
  font-size: 11px;
  color: #757575;
  margin-bottom: 10px;
  margin-top: -5px;
}
.c-filter-menu4__actions-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-bottom: 50px;
}
.c-filter-menu4__actions-bottom button {
  flex-basis: calc(50% - 8px);
  padding: 8px 0;
  font-size: 11px;
  border-radius: 0;
  border: 1px solid #000;
  cursor: pointer;
}
.c-filter-menu4__actions-bottom .c-filter-menu4__clear-button {
  background-color: #fff;
  color: #000;
}
.c-filter-menu4__actions-bottom .c-filter-menu4__apply-button {
  background-color: #000;
  color: #fff;
}

@media screen and (max-width: 768px) {
  body.filter-modal-open {
    overflow: hidden;
  }
}

.c-filter-menu5 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1002;
  overflow-y: auto;
}
.c-filter-menu5.is-open {
  display: block;
  justify-content: center;
  align-items: center;
}
.c-filter-menu5__inner {
  background-color: #fff;
  width: 100%;
  padding: 20px 20px 40px;
  box-sizing: border-box;
  max-height: 100dvh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.c-filter-menu5__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.c-filter-menu5__header h3 {
  font-size: 11px;
  font-weight: 200;
  margin: 0;
  display: flex;
  align-items: center;
}
.c-filter-menu5__header-icon {
  display: inline-block;
  width: 14px;
  height: 10px;
  margin-right: 8px;
  background: url("../image/common/filter-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-filter-menu5__header-close {
  background: none;
  border: none;
  font-size: 32px;
  font-weight: 200;
  color: #333;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.c-filter-menu5__reset-button {
  width: 100%;
  padding: 10px 0;
  border: 1px solid #000;
  background-color: #fff;
  cursor: pointer;
  font-size: 11px;
  text-align: center;
  margin-bottom: 25px;
  border-radius: 0;
}
.c-filter-menu5__sort-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.c-filter-menu5__option {
  padding: 7px 20px;
  font-size: 11px;
  color: #333;
  background-color: #f9f9f9;
  border: none;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
}
.c-filter-menu5__option:hover {
  background-color: #f0f0f0;
}
.c-filter-menu5__option.is-active {
  background-color: #e0e0e0;
  font-weight: bold;
}

.c-pager {
  width: 100%;
  max-width: 1000px;
  margin: 80px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .c-pager {
    width: 90%;
    margin: 40px auto;
    margin-top: 40px;
    margin-bottom: 40px;
    gap: 8px;
  }
}
.c-pager a,
.c-pager span {
  flex: 0 0 32px;
  max-width: 32px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  color: #111;
  text-decoration: none;
  background-color: #f8f8f8;
  box-sizing: border-box;
  text-decoration: none !important;
}
@media screen and (max-width: 768px) {
  .c-pager a,
  .c-pager span {
    flex: 0 0 28px;
    max-width: 28px;
    height: 28px;
  }
}
.c-pager .current {
  background-color: #111;
  color: #fff;
}
.c-pager .dots {
  color: #888;
  letter-spacing: 2px;
}
.c-pager .next,
.c-pager .prev {
  display: none;
}

.c-crumb {
  width: 100%;
}
.c-crumb ul {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .c-crumb ul {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .c-crumb ul::-webkit-scrollbar {
    display: none;
  }
}
.c-crumb ul li {
  font-size: 10px;
  color: #666666;
  text-decoration: none;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  font-weight: 200;
}
.c-crumb ul li:not(:last-child)::after {
  content: ">";
  margin-left: 5px;
}
.c-crumb ul li a {
  font-size: 10px;
  color: #666666;
  text-decoration: none;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  font-weight: 200;
}

.l-front {
  width: 100%;
  margin-bottom: 90px;
}

.l-faq {
  width: 100%;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .l-faq {
    margin-bottom: 45px;
  }
}
.l-faq__wrapper1 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 55px;
}
@media screen and (max-width: 768px) {
  .l-faq__wrapper1 {
    width: 90%;
    margin: 0 auto 45px;
  }
}
.l-faq__wrapper2 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .l-faq__wrapper2 {
    width: 90%;
    margin: 0 auto 25px;
  }
}
.l-faq__wrapper3 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .l-faq__wrapper3 {
    width: 90%;
  }
}
.l-faq__wrapper4 {
  width: 100%;
  max-width: 1000px;
  margin: 75px auto 90px;
}
@media screen and (max-width: 768px) {
  .l-faq__wrapper4 {
    width: 90%;
    margin: 45px auto 47px;
  }
}
.l-faq__wrapper5 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .l-faq__wrapper5 {
    width: 90%;
    margin: 0 auto 50px;
  }
}
.l-faq__wrapper6 {
  width: 100%;
  margin: 0 auto 20px;
}
.l-faq__wrapper7 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-faq__wrapper7 {
    width: 90%;
  }
}

.p-project-story__content, .p-case__content, .p-column__content {
  line-height: 2;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0em;
  word-break: break-word;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-project-story__content, .p-case__content, .p-column__content {
    font-size: 11px;
    line-height: 2;
  }
}
.p-project-story__content p, .p-case__content p, .p-column__content p {
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0em;
  font-weight: 400;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 0;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .p-project-story__content p, .p-case__content p, .p-column__content p {
    font-size: 11px;
    line-height: 2;
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
.p-project-story__content p:first-child, .p-case__content p:first-child, .p-column__content p:first-child {
  margin-top: 0px;
}
.p-project-story__content p:has(img), .p-case__content p:has(img), .p-column__content p:has(img) {
  width: fit-content;
  display: block;
  margin: 0 auto;
}
.p-project-story__content a, .p-case__content a, .p-column__content a {
  text-decoration: underline;
}
.p-project-story__content a:hover, .p-case__content a:hover, .p-column__content a:hover {
  text-decoration: underline;
}
.p-project-story__content h1, .p-case__content h1, .p-column__content h1, .p-project-story__content h2, .p-case__content h2, .p-column__content h2, .p-project-story__content h3, .p-case__content h3, .p-column__content h3, .p-project-story__content h4, .p-case__content h4, .p-column__content h4, .p-project-story__content h5, .p-case__content h5, .p-column__content h5, .p-project-story__content h6, .p-case__content h6, .p-column__content h6 {
  margin: 0;
  padding: 0;
  margin-top: 50px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  border: none;
}
@media screen and (max-width: 768px) {
  .p-project-story__content h1, .p-case__content h1, .p-column__content h1, .p-project-story__content h2, .p-case__content h2, .p-column__content h2, .p-project-story__content h3, .p-case__content h3, .p-column__content h3, .p-project-story__content h4, .p-case__content h4, .p-column__content h4, .p-project-story__content h5, .p-case__content h5, .p-column__content h5, .p-project-story__content h6, .p-case__content h6, .p-column__content h6 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
.p-project-story__content h1:first-child, .p-case__content h1:first-child, .p-column__content h1:first-child, .p-project-story__content h2:first-child, .p-case__content h2:first-child, .p-column__content h2:first-child, .p-project-story__content h3:first-child, .p-case__content h3:first-child, .p-column__content h3:first-child, .p-project-story__content h4:first-child, .p-case__content h4:first-child, .p-column__content h4:first-child, .p-project-story__content h5:first-child, .p-case__content h5:first-child, .p-column__content h5:first-child, .p-project-story__content h6:first-child, .p-case__content h6:first-child, .p-column__content h6:first-child {
  margin-top: 0px;
}
.p-project-story__content h1::before, .p-case__content h1::before, .p-column__content h1::before, .p-project-story__content h1::after, .p-case__content h1::after, .p-column__content h1::after, .p-project-story__content h2::before, .p-case__content h2::before, .p-column__content h2::before, .p-project-story__content h2::after, .p-case__content h2::after, .p-column__content h2::after, .p-project-story__content h3::before, .p-case__content h3::before, .p-column__content h3::before, .p-project-story__content h3::after, .p-case__content h3::after, .p-column__content h3::after, .p-project-story__content h4::before, .p-case__content h4::before, .p-column__content h4::before, .p-project-story__content h4::after, .p-case__content h4::after, .p-column__content h4::after, .p-project-story__content h5::before, .p-case__content h5::before, .p-column__content h5::before, .p-project-story__content h5::after, .p-case__content h5::after, .p-column__content h5::after, .p-project-story__content h6::before, .p-case__content h6::before, .p-column__content h6::before, .p-project-story__content h6::after, .p-case__content h6::after, .p-column__content h6::after {
  content: none;
}
.p-project-story__content h1, .p-case__content h1, .p-column__content h1 {
  font-size: 26px;
}
.p-project-story__content h2, .p-case__content h2, .p-column__content h2 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  padding-bottom: 10px;
  margin-top: 80px;
  margin-bottom: 25px;
  background-color: #000;
  text-align: center;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  padding: 5px 20px;
  min-height: 52px;
}
@media screen and (max-width: 768px) {
  .p-project-story__content h2, .p-case__content h2, .p-column__content h2 {
    min-height: 0;
    background: none;
    align-items: stretch;
    justify-content: flex-start;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    padding: 0px;
    margin-top: 40px;
    margin-bottom: 25px;
  }
}
.p-project-story__content h3, .p-case__content h3, .p-column__content h3 {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .p-project-story__content h3, .p-case__content h3, .p-column__content h3 {
    font-size: 12px;
    text-align: left;
  }
}
.p-project-story__content h4, .p-case__content h4, .p-column__content h4 {
  font-size: 1em;
}
.p-project-story__content h5, .p-case__content h5, .p-column__content h5 {
  font-size: 0.83em;
}
.p-project-story__content h6, .p-case__content h6, .p-column__content h6 {
  font-size: 0.67em;
}
.p-project-story__content dt, .p-case__content dt, .p-column__content dt {
  line-height: 2;
}
.p-project-story__content dd, .p-case__content dd, .p-column__content dd {
  line-height: 2;
}
.p-project-story__content ul, .p-case__content ul, .p-column__content ul {
  line-height: 2;
  list-style: none;
}
.p-project-story__content li > ul, .p-case__content li > ul, .p-column__content li > ul {
  margin-top: 10px;
  padding-bottom: 10px;
}
.p-project-story__content li, .p-case__content li, .p-column__content li {
  line-height: 2;
}
.p-project-story__content ul, .p-case__content ul, .p-column__content ul {
  margin-top: 16px;
  margin-bottom: 16px;
}
.p-project-story__content ul:first-child, .p-case__content ul:first-child, .p-column__content ul:first-child {
  margin-top: 0px;
}
.p-project-story__content ul li, .p-case__content ul li, .p-column__content ul li {
  list-style: none;
  padding-left: 0;
  position: relative;
  text-indent: -1em;
  padding-left: 1em;
}
.p-project-story__content li > ul > li::before, .p-case__content li > ul > li::before, .p-column__content li > ul > li::before {
  border-radius: 0;
}
.p-project-story__content li > ul > li > ul > li::before, .p-case__content li > ul > li > ul > li::before, .p-column__content li > ul > li > ul > li::before {
  background-color: transparent;
  border: 1px solid #b4b4b4;
}
.p-project-story__content ol > li > ol > li, .p-case__content ol > li > ol > li, .p-column__content ol > li > ol > li {
  list-style: lower-roman;
}
.p-project-story__content img, .p-case__content img, .p-column__content img {
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
  display: block;
}
.p-project-story__content img.aligncenter, .p-case__content img.aligncenter, .p-column__content img.aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-project-story__content img, .p-case__content img, .p-column__content img {
    width: 500px;
  }
}
@media screen and (max-width: 768px) {
  .p-project-story__content img, .p-case__content img, .p-column__content img {
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
.p-project-story__content p > img, .p-case__content p > img, .p-column__content p > img {
  margin-top: 0px;
  margin-bottom: 0px;
}
.p-project-story__content figcaption, .p-case__content figcaption, .p-column__content figcaption {
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 8px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-project-story__content figcaption, .p-case__content figcaption, .p-column__content figcaption {
    font-size: 11px;
  }
}
.p-project-story__content video, .p-case__content video, .p-column__content video {
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
  margin: 0;
}
.p-project-story__content blockquote, .p-case__content blockquote, .p-column__content blockquote {
  display: block;
  color: #666;
  padding-left: 10px;
  border-left: 1px solid #808080;
}
.p-project-story__content table, .p-case__content table, .p-column__content table {
  border: 1px solid #dedede;
  border-collapse: collapse;
  border: none;
  line-height: 2;
  height: auto !important;
}
@media screen and (min-width: 769px) {
  .p-project-story__content table, .p-case__content table, .p-column__content table {
    width: 100%;
  }
}
.p-project-story__content table tbody, .p-case__content table tbody, .p-column__content table tbody {
  border: none;
  height: auto !important;
}
.p-project-story__content table th, .p-case__content table th, .p-column__content table th {
  border: 1px solid #cecece;
  padding: 10px 10px;
  font-weight: 700;
  vertical-align: top;
  background-color: #f8f8f8;
  font-size: 12px;
  height: auto !important;
}
.p-project-story__content table td, .p-case__content table td, .p-column__content table td {
  border: 1px solid #cecece;
  padding: 10px 10px;
  vertical-align: top;
  font-size: 12px;
  height: auto !important;
}
.p-project-story__content table td p:first-child, .p-case__content table td p:first-child, .p-column__content table td p:first-child {
  margin-top: 0;
}
.p-project-story__content hr, .p-case__content hr, .p-column__content hr {
  display: block;
  height: 1px;
  padding: 0;
  border: 0;
  margin: 0;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 0;
  background: none;
  position: relative;
  z-index: 1;
  background-color: #808080;
}
@media screen and (min-width: 769px) {
  .p-project-story__content hr, .p-case__content hr, .p-column__content hr {
    max-width: 100vw;
    width: 1000px;
    left: 50%;
    transform: translate3d(-50%, 0, 0) rotate(0deg);
  }
}
@media screen and (max-width: 768px) {
  .p-project-story__content hr, .p-case__content hr, .p-column__content hr {
    max-width: 100%;
    margin-left: 0;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.p-project-story__content h2 + hr, .p-case__content h2 + hr, .p-column__content h2 + hr {
  display: none;
}
.p-project-story__content .c-single-card h2, .p-case__content .c-single-card h2, .p-column__content .c-single-card h2,
.p-project-story__content .c-single-card h3,
.p-case__content .c-single-card h3,
.p-column__content .c-single-card h3,
.p-project-story__content .c-single-card h4,
.p-case__content .c-single-card h4,
.p-column__content .c-single-card h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 0px;
  text-align: left;
}
.p-project-story__content .c-single-card h2, .p-case__content .c-single-card h2, .p-column__content .c-single-card h2 {
  font-size: 16px;
  font-weight: 700;
}
.p-project-story__content .c-single-card p, .p-case__content .c-single-card p, .p-column__content .c-single-card p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.p-project-story__content .c-single-card p strong, .p-case__content .c-single-card p strong, .p-column__content .c-single-card p strong {
  font-size: inherit;
  color: inherit;
  letter-spacing: inherit;
}
.p-project-story__content .c-single-card img, .p-case__content .c-single-card img, .p-column__content .c-single-card img {
  margin-top: 0px;
  margin-bottom: 0px;
}

.c-column-recommend {
  background-color: #F8F8F8;
  padding: 60px 0 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .c-column-recommend {
    padding: 45px 0 45px;
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 769px) {
  .c-column-recommend .next-arrow,
  .c-column-recommend .prev-arrow {
    top: 40%;
  }
}
@media screen and (max-width: 768px) {
  .c-column-recommend .next-arrow,
  .c-column-recommend .prev-arrow {
    top: 35%;
  }
}
.c-column-recommend.mb-0 {
  margin-bottom: 0px !important;
}

.c-column-recommend__title {
  font-size: 18px;
  letter-spacing: 0.3rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .c-column-recommend__title {
    font-size: 13px;
    letter-spacing: 0.25rem;
  }
}

.c-column-recommend__title-s {
  display: block;
  text-align: center;
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-column-recommend__title-s {
    font-size: 10px;
    margin-bottom: 10px;
  }
}

.c-column-recommend__list-item-date {
  font-size: 10px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-column-recommend__list-item-date {
    margin-bottom: 5px;
  }
}

.c-column-recommend__list-item-img {
  margin-bottom: 15px;
}
.c-column-recommend__list-item-img img {
  max-width: 100%;
}

.c-column-recommend__list-item-categories {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 0px 5px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-column-recommend__list-item-categories {
    font-size: 11px;
    margin-bottom: 5px;
  }
}
.c-column-recommend__list-item-title {
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .c-column-recommend__list-item-title {
    font-size: 11px;
  }
}

.c-column-list__list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 40px 36px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .c-column-list__list {
    gap: 30px 10px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

.c-column-list__item {
  flex: 0 0 calc(25% - 27px);
  max-width: calc(25% - 27px);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-column-list__item {
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
}

.c-column-list__item-date {
  font-size: 10px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 10px;
}

.c-column-list__list-item-img {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-column-list__list-item-img {
    margin-bottom: 10px;
  }
}
.c-column-list__list-item-img img {
  max-width: 100%;
}

.c-column-list__item-categories {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 0 5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-column-list__item-categories {
    margin-bottom: 5px;
  }
}

.c-column-list__item-categories-item {
  font-size: 12px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-column-list__item-categories-item {
    font-size: 11px;
  }
}

.c-column-list__item-title {
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 768px) {
  .c-column-list__item-title {
    font-size: 11px;
  }
}

.p-archive-column {
  padding-top: 65px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-archive-column {
    padding-top: 35px;
  }
}

.p-column-bottm-links__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: column nowrap;
  gap: 25px 25px;
  max-width: 408px;
  margin: 55px auto 55px;
}
@media screen and (max-width: 768px) {
  .p-column-bottm-links__list {
    width: 90%;
    gap: 15px 15px;
    margin-top: 35px;
    margin-bottom: 40px;
  }
}

.p-column-bottm-links__item {
  padding: 16px 10px;
  font-size: 14px;
  letter-spacing: 0.1rem;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  background-color: #000;
  width: 100%;
  text-align: center;
  display: block;
  box-sizing: border-box;
}
.p-column-bottm-links__item.--color-grey {
  background-color: #f8f8f8;
  color: #000;
}
.p-column-bottm-links__item.--color-transparent {
  background-color: transparent;
  color: #000;
}
.p-column-bottm-links__item img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-column-bottm-links__item {
    font-size: 11px;
    padding: 14px 10px;
  }
}

.p-archive-column__head-title {
  width: 100%;
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .p-archive-column__head-title {
    margin-bottom: 30px;
  }
}

.p-archive-column__head-title-s {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .p-archive-column__head-title-s {
    font-size: 10px;
  }
}

.p-archive-column__head-title-m {
  font-size: 18px;
  letter-spacing: 0.3rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .p-archive-column__head-title-m {
    font-size: 13px;
    letter-spacing: 0.25rem;
  }
}

@media screen and (min-width: 769px) {
  .c-column-recommend .p-column-categories {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c-column-recommend .p-column-categories {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
.c-column-recommend .p-column-categories__item {
  background-color: #ffffff;
}

.p-column-categories {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-column-categories {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

.p-column-categories__title {
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-column-categories__title {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

.p-column-categories__list {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 20px 15px;
}
@media screen and (max-width: 768px) {
  .p-column-categories__list {
    gap: 10px 10px;
  }
}

.p-column-categories__item {
  flex: 0 0 calc(20% - 13px);
  max-width: calc(20% - 13px);
  background-color: #f8f8f8;
  padding: 10px 10px;
  font-size: 12px;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-column-categories__item {
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
    font-size: 10px;
    padding: 7px 5px;
  }
}

.p-archive-column-index-title {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .p-archive-column-index-title {
    margin-bottom: 35px;
  }
}

.p-archive-column-index-title__main {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-archive-column-index-title__main {
    font-size: 14px;
  }
}

.p-crumb__wrapper,
.p-archive-column__wrapper6 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-crumb__wrapper,
  .p-archive-column__wrapper6 {
    width: 90%;
  }
}

.p-column {
  padding-top: 65px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-column {
    padding-top: 35px;
  }
}
.p-column img {
  max-width: 100%;
}

.p-column__inner {
  overflow: hidden;
}

.p-column__head {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-column__head {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.p-column__head-title {
  width: 100%;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .p-column__head-title {
    margin-bottom: 25px;
  }
}

.p-column__head-title-s {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-column__head-title-s {
    font-size: 10px;
  }
}

.p-column__head-title-m {
  font-size: 24px;
  letter-spacing: 0.3rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .p-column__head-title-m {
    font-size: 13px;
    letter-spacing: 0.25rem;
  }
}

.p-column__head-title-m__lead {
  display: block;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-column__head-title-m__lead {
    margin-top: 10px;
  }
}

.p-column__head-title-m__main {
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-column__head-title-m__main {
    margin-top: 5px;
  }
}

.p-column__head-attrs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: flex-start;
  flex-flow: row nowrap;
  gap: 0 15px;
}

.p-column__head-attrs-date {
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .p-column__head-attrs-date {
    font-size: 10px;
  }
}

.p-column__head-attrs-categories {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 0px 5px;
  font-size: 12px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-column__head-attrs-categories {
    font-size: 11px;
  }
}

.p-column-index-title {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .p-column-index-title {
    margin-bottom: 35px;
  }
}

.p-column-index-title__main {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-column-index-title__main {
    font-size: 14px;
  }
}

.p-column__wrapper6 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-column__wrapper6 {
    width: 90%;
  }
}

.p-column__catch {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-column__catch {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.p-column__catch-img img {
  width: 100%;
}

.p-column__catch-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-column__catch-title {
    font-size: 11px;
    margin: 0px 5%;
    margin-top: 20px;
  }
}

.p-column__sub-inner {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-column__sub-inner {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

.p-column__sub-border {
  background-color: #f8f8f8;
  height: 10px;
}

.p-column__sub {
  background-color: #f8f8f8;
}

.p-column__sub-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 40px;
  padding: 35px 0px;
}

.p-column__sub-list-item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  gap: 0 25px;
}
@media screen and (max-width: 768px) {
  .p-column__sub-list-item {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-column__sub-list-item:nth-of-type(2n) .p-column__sub-list-item-img {
    order: 2;
  }
}

.p-column__sub-list-item-img {
  flex: 0 0 340px;
  max-width: 340px;
}
@media screen and (max-width: 768px) {
  .p-column__sub-list-item-img {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.p-column__sub-list-item-img img {
  width: 100%;
}

.p-column__sub-list-item-desc-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-column__sub-list-item-desc-title {
    font-size: 12px;
    margin-bottom: 15px;
  }
}

.p-column__sub-list-item-desc-text {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-column__sub-list-item-desc-text {
    font-size: 11px;
  }
}
.p-column__sub-list-item-desc-text a {
  text-decoration: underline;
}

.p-column__toc {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-column__toc {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

.p-column__toc-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-column__toc-head {
    margin-bottom: 10px;
  }
}

.p-column__toc-head-title {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-column__toc-head-title {
    font-size: 16px;
  }
}

.p-column__toc-head-btn {
  margin-left: auto;
  cursor: pointer;
  background-color: #f8f8f8;
  position: relative;
  font-size: 14px;
  padding: 5px 35px;
  padding-right: 40px;
  box-sizing: border-box;
  min-width: 160px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-column__toc-head-btn {
    font-size: 11px;
    padding: 5px 15px;
    padding-right: 20px;
    min-width: 120px;
  }
}
.p-column__toc-head-btn::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: translate3d(0, -50%, 0) rotate(135deg);
  transition: all 100ms ease-out 0ms;
  margin-top: -1px;
}
@media screen and (max-width: 768px) {
  .p-column__toc-head-btn::after {
    right: 10px;
  }
}
.is-open .p-column__toc-head-btn::after {
  transform: translate3d(0, -50%, 0) rotate(315deg);
  margin-top: 3px;
}
.p-column__toc-head-btn .on-close {
  display: block;
}
.p-column__toc-head-btn .on-open {
  display: none;
}
.is-open .p-column__toc-head-btn .on-close {
  display: none;
}
.is-open .p-column__toc-head-btn .on-open {
  display: block;
}

.p-column__toc-body {
  border-top: 1px solid #808080;
}
.p-column__toc-body span {
  margin-right: 0.5em;
}
.p-column__toc-body > ul {
  display: none;
}
.is-open .p-column__toc-body > ul {
  display: block;
}
.p-column__toc-body > ul > li.has-child > .p-column__toc-body-item {
  cursor: pointer;
}
.p-column__toc-body > ul > li.has-child > .p-column__toc-body-item::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: translate3d(0, -50%, 0) rotate(135deg);
  transition: all 100ms ease-out 0ms;
  margin-top: -1px;
}
@media screen and (max-width: 768px) {
  .p-column__toc-body > ul > li.has-child > .p-column__toc-body-item::after {
    right: 5px;
  }
}
.p-column__toc-body > ul > li.is-active > .p-column__toc-body-item::after {
  transform: translate3d(0, -50%, 0) rotate(315deg);
  margin-top: 3px;
}
.p-column__toc-body > ul > li > .p-column__toc-body-item {
  background-color: #f4f4f4;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  padding-left: 20px;
  padding-right: 50px;
  position: relative;
  margin-top: -1px;
}
@media screen and (max-width: 768px) {
  .p-column__toc-body > ul > li > .p-column__toc-body-item {
    background: none;
    padding-left: 0px;
    padding-right: 30px;
  }
}
.p-column__toc-body > ul > li > .p-column__toc-body-item > a {
  display: inline-block;
  padding: 15px 0px;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-column__toc-body > ul > li > .p-column__toc-body-item > a {
    font-size: 11px;
  }
}
.p-column__toc-body > ul > li.is-active > ul {
  display: block;
  animation: anim-opacity 500ms ease-out 0ms 1 normal forwards;
}
@keyframes anim-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-column__toc-body > ul > li > ul {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  display: none;
}
@media screen and (max-width: 768px) {
  .p-column__toc-body > ul > li > ul {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
}
.p-column__toc-body > ul > li > ul > li > .p-column__toc-body-item > a {
  display: inline-block;
  padding: 5px 0px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .p-column__toc-body > ul > li > ul > li > .p-column__toc-body-item > a {
    font-size: 11px;
  }
}
.p-column__content {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-column__content {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.p-tbl-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  box-sizing: border-box;
  gap: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .p-tbl-list {
    font-size: 11px;
    gap: 2px 0;
  }
}

.p-tbl-list__item {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  margin-left: -1px;
  margin-top: -1px;
  border: 1px solid #cecece;
}
@media screen and (max-width: 768px) {
  .p-tbl-list__item {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    border: none;
    margin: 0px;
  }
}

.p-tbl-list__item-label {
  flex: 0 0 150px;
  max-width: 150px;
  background-color: #f8f8f8;
  border-right: 1px solid #cecece;
  display: flex;
  align-items: center;
  padding: 10px 10px;
  padding-left: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-tbl-list__item-label {
    flex: 0 0 100%;
    max-width: 100%;
    background: none;
    padding: 0px;
    border: none;
  }
}

.p-tbl-list__item-value {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 10px 10px;
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .p-tbl-list__item-value {
    flex: 0 0 100%;
    max-width: 100%;
    background: none;
    padding: 0px;
    border: none;
  }
}

a.p-article-link-more,
a.p-colun-link-more {
  display: block;
  margin: 0 auto;
  width: fit-content;
  text-decoration: none !important;
  text-align: center;
  color: #000 !important;
  font-size: 12px;
  border-bottom: 1px solid #000;
  padding: 10px 10px;
  margin-top: 1em;
  margin-bottom: 2em;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  a.p-article-link-more,
  a.p-colun-link-more {
    font-size: 11px;
    padding: 10px 10px;
  }
}

a.p-article-link-btn,
a.p-colun-link-btn {
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  text-decoration: none !important;
  line-height: 1.5;
  font-size: 14px;
  padding: 15px 10px;
  background-color: #000;
  color: #fff !important;
  max-width: 408px;
  margin-top: 60px;
  margin-bottom: 60px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  a.p-article-link-btn,
  a.p-colun-link-btn {
    font-size: 12px;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 100%;
  }
}

@media screen and (min-width: 769px) {
  a.p-article-link-btn.--gray,
  a.p-colun-link-btn.--gray {
    color: #000 !important;
    background-color: #f8f8f8;
  }
}

a.p-article-link-btn.--allgray,
a.p-colun-link-btn.--allgray {
  color: #000 !important;
  background-color: #f8f8f8;
}

.p-cols {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .p-cols {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-cols .p-cols-row p img,
  .p-cols .p-cols-row img {
    margin: 0px;
  }
}

.p-cols.--2cols {
  gap: 20px 40px;
}
.p-cols.--2cols .p-cols-row {
  flex: 0 0 calc(50% - 20px);
  max-width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .p-cols.--2cols .p-cols-row {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-cols.--3cols {
  gap: 20px 30px;
}
.p-cols.--3cols .p-cols-row {
  flex: 0 0 calc(33.3% - 20px);
  max-width: calc(33.3% - 20px);
}
@media screen and (max-width: 768px) {
  .p-cols.--3cols .p-cols-row {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-article-table-wrapper {
  padding-bottom: 20px;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.p-article-table-wrapper:-webkit-scrollbar {
  display: none;
}
.p-article-table-wrapper table {
  height: auto !important;
  width: auto !important;
  table-layout: fixed;
  min-width: 100%;
}
.p-article-table-wrapper tr {
  height: auto !important;
}
.p-article-table-wrapper tbody {
  height: auto !important;
  width: 100% !important;
}
.p-article-table-wrapper th, .p-article-table-wrapper td {
  height: auto !important;
  white-space: nowrap;
  width: auto !important;
}
@media screen and (max-width: 768px) {
  .p-article-table-wrapper th, .p-article-table-wrapper td {
    width: 100% !important;
  }
}

.p-archive-case {
  padding-top: 65px;
  width: 100%;
  margin: 0 auto;
  height: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .p-archive-case {
    width: 90%;
    padding-top: 35px;
  }
}
.p-archive-case img {
  max-width: 100%;
}

.p-archive-case__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-archive-case__inner {
    margin-bottom: 30px;
  }
}

.p-archive-case__head-title {
  width: 100%;
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .p-archive-case__head-title {
    margin-bottom: 30px;
  }
}

.p-archive-case__head-title-s {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .p-archive-case__head-title-s {
    font-size: 10px;
  }
}

.p-archive-case__head-title-m {
  font-size: 18px;
  letter-spacing: 0.3rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .p-archive-case__head-title-m {
    font-size: 13px;
    letter-spacing: 0.25rem;
  }
}

.p-archive-case__head-img {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-archive-case__head-img {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-bottom: 25px;
  }
}
.p-archive-case__head-img img {
  width: 100%;
}

.p-archive-case__desc {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-archive-case__desc {
    margin-bottom: 25px;
  }
}

.p-archive-case__desc-tit {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-archive-case__desc-tit {
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
  }
}

.p-archive-case__desc-txt {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-archive-case__desc-txt {
    font-size: 11px;
    text-align: left;
  }
}

.p-archive-case__movie {
  margin: 70px auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-archive-case__movie {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
.p-archive-case__movie iframe {
  max-width: 100%;
  width: 560px;
  height: auto;
  aspect-ratio: 16/9;
  margin: 0 auto;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

.p-case-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 50px 50px;
}
@media screen and (max-width: 768px) {
  .p-case-list {
    display: block;
  }
}

.p-case-list-item {
  flex: 0 0 calc(50% - 25px);
  max-width: calc(50% - 25px);
  padding-bottom: 50px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  position: relative;
  box-sizing: border-box;
  gap: 0 30px;
}
@media screen and (max-width: 768px) {
  .p-case-list-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 25px;
    margin-bottom: 25px;
    gap: 0 25px;
  }
}
.p-case-list-item::after {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 200%;
  height: 1px;
  border-bottom: 1px dashed #b2b2b2;
}
@media screen and (max-width: 768px) {
  .p-case-list-item::after {
    content: "";
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-case-list-item:nth-of-type(2n+1)::after {
    content: "";
  }
}
@media screen and (min-width: 769px) {
  .p-case-list-item:nth-last-child(-n-1)::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .p-case-list-item:nth-last-child(1) {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-case-list-item:nth-last-child(1)::after {
    content: none;
  }
}

.p-case-list-item-img {
  flex: 0 0 180px;
  max-width: 180px;
}
@media screen and (max-width: 768px) {
  .p-case-list-item-img {
    flex: 0 0 120px;
    max-width: 120px;
  }
}

.p-case-list-item-desc {
  flex: 1;
  display: block;
}

.p-case-list-item-desc-tit {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 2;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .p-case-list-item-desc-tit {
    font-size: 12px;
    line-height: 1.75;
    -webkit-line-clamp: 2;
  }
}

.p-case-list-item-desc-txt {
  font-size: 12px;
  letter-spacing: 0em;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
@media screen and (max-width: 768px) {
  .p-case-list-item-desc-txt {
    font-size: 11px;
    -webkit-line-clamp: 3;
  }
}

.p-archive-case__reserve {
  max-width: 400px;
  margin: 80px auto;
}
@media screen and (max-width: 768px) {
  .p-archive-case__reserve {
    margin: 50px auto;
  }
}
.p-archive-case__philosophy {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  position: relative;
  gap: 0 60px;
  padding: 80px 0px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-archive-case__philosophy {
    display: block;
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-archive-case__philosophy::before {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #f8f8f8;
    transform: translate3d(-50vw, 0, 0) rotate(0deg);
  }
}

.p-archive-case__philosophy-img {
  flex: 0 0 440px;
  max-width: 440px;
}
@media screen and (max-width: 768px) {
  .p-archive-case__philosophy-img {
    margin: 0 auto;
    margin-bottom: 25px;
  }
}

.p-archive-case__philosophy-desc-head {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2;
  margin-bottom: 20px;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 0 10px;
}
@media screen and (max-width: 768px) {
  .p-archive-case__philosophy-desc-head {
    font-size: 12px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .p-archive-case__philosophy-desc-head-label {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-archive-case__philosophy-desc-txt {
  font-size: 12px;
  letter-spacing: 0em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-archive-case__philosophy-desc-txt {
    font-size: 11px;
  }
}

@media screen and (min-width: 769px) {
  .p-archive-case__philosophy-desc-more.c-link-btn2 {
    justify-content: flex-start;
  }
}

.p-case {
  padding-top: 65px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-case {
    padding-top: 35px;
  }
}
.p-case img {
  max-width: 100%;
}

.p-case__head {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-case__head {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.p-case__head-title {
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .p-case__head-title {
    margin-bottom: 25px;
  }
}

.p-case__head-title-s {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .p-case__head-title-s {
    font-size: 10px;
  }
}

.p-case__head-title-m {
  font-size: 24px;
  letter-spacing: 0.3rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .p-case__head-title-m {
    font-size: 13px;
    letter-spacing: 0.25rem;
  }
}

.p-case__head-title-m__lead {
  display: block;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-case__head-title-m__lead {
    margin-top: 10px;
  }
}

.p-case__head-title-m__main {
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-case__head-title-m__main {
    margin-top: 5px;
  }
}

.p-case__head-attrs {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: flex-start;
  flex-flow: row nowrap;
  gap: 0 15px;
}

.p-case__head-attrs-date {
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .p-case__head-attrs-date {
    font-size: 10px;
  }
}

.p-case__head-attrs-categories {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 0px 5px;
  font-size: 12px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-case__head-attrs-categories {
    font-size: 11px;
  }
}

.p-case-index-title {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .p-case-index-title {
    margin-bottom: 35px;
  }
}

.p-case-index-title__main {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-case-index-title__main {
    font-size: 14px;
  }
}

.p-case__wrapper6 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-case__wrapper6 {
    width: 90%;
  }
}

.p-case__catch {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-case__catch {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.p-case__catch-img img {
  width: 100%;
}

.p-case__catch-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-case__catch-title {
    font-size: 11px;
    margin: 0px 5%;
    margin-top: 20px;
  }
}

.p-case__sub-inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-case__sub-inner {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.p-case__sub {
  background-color: #f8f8f8;
}

.p-case__sub-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 40px;
  padding: 50px 0px;
}
@media screen and (max-width: 768px) {
  .p-case__sub-list {
    padding: 35px 0px;
  }
}

.p-case__sub-list-item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  gap: 0 55px;
}
@media screen and (max-width: 768px) {
  .p-case__sub-list-item {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-case__sub-list-item:nth-of-type(2n) .p-case__sub-list-item-img {
    order: 2;
  }
}

.p-case__sub-list-item-img {
  flex: 0 0 450px;
  max-width: 450px;
}
@media screen and (max-width: 768px) {
  .p-case__sub-list-item-img {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.p-case__sub-list-item-img img {
  width: 100%;
}

.p-case__sub-list-item-desc-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-case__sub-list-item-desc-title {
    font-size: 13px;
    margin-bottom: 20px;
    text-align: center;
  }
}

.p-case__sub-list-item-desc-text {
  font-size: 13px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-case__sub-list-item-desc-text {
    font-size: 11px;
  }
}

.p-case__content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .p-case__content {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

a.p-colun-link-more {
  display: block;
  margin: 0 auto;
  width: fit-content;
  text-decoration: none !important;
  text-align: center;
  color: #000 !important;
  font-size: 12px;
  border-bottom: 1px solid #000;
  padding: 10px 10px;
  margin-top: 1em;
  margin-bottom: 2em;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  a.p-colun-link-more {
    font-size: 11px;
    padding: 10px 10px;
  }
}

a.p-colun-link-btn {
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  text-decoration: none !important;
  color: #000 !important;
  line-height: 1.5;
  font-size: 14px;
  padding: 15px 10px;
  background-color: #f8f8f8;
  max-width: 408px;
  margin-top: 60px;
  margin-bottom: 60px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  a.p-colun-link-btn {
    font-size: 12px;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 100%;
    background-color: #000;
    color: #fff !important;
  }
}

.p-case-wide-bg {
  position: relative;
  z-index: 1;
  padding-top: 80px;
  padding-bottom: 60px;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-case-wide-bg {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.p-case-wide-bg::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #f8f8f8;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}
.p-case-wide-bg a.p-colun-link-btn {
  margin-bottom: 2em;
  background-color: #ffffff;
  color: #000 !important;
}
@media screen and (min-width: 769px) {
  .p-case-wide-bg a.p-colun-link-btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .p-case-wide-bg a.p-colun-link-btn {
    margin-top: 20px;
  }
}

table.p-case-item-tbl {
  border: none;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  table.p-case-item-tbl {
    display: flex;
    flex-flow: row wrap;
    gap: 20px 0;
  }
}
table.p-case-item-tbl tbody {
  border: none;
}
@media screen and (max-width: 768px) {
  table.p-case-item-tbl tbody {
    display: flex;
    flex-flow: row wrap;
    gap: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  table.p-case-item-tbl tr {
    display: flex;
    flex-flow: row wrap;
    gap: 20px 0;
  }
}
table.p-case-item-tbl tr:nth-of-type(n+2) td, table.p-case-item-tbl tr:nth-of-type(n+2) th {
  padding-top: 50px;
}
table.p-case-item-tbl th {
  padding: 0px;
  border: none;
}
@media screen and (max-width: 768px) {
  table.p-case-item-tbl th {
    width: 100%;
    display: block;
    padding: 0px;
  }
}
table.p-case-item-tbl td {
  width: 33.3%;
  padding: 0px 15px;
  border: none;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  table.p-case-item-tbl td {
    width: 100%;
    display: block;
    padding: 0px;
  }
}
table.p-case-item-tbl p {
  margin: 0px;
  padding: 0px;
}
table.p-case-item-tbl img {
  margin: 0px;
  margin-bottom: 1.5em;
}
table.p-case-item-tbl b {
  display: block;
  font-size: 1.1em;
  line-height: 1.75;
  margin-bottom: 0.5em;
}

.p-case__tbl {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 70px;
  margin-bottom: 70px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 0 70px;
}
@media screen and (max-width: 768px) {
  .p-case__tbl {
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.p-case__tbl-item {
  flex: 0 0 calc(50% - 35px);
  max-width: calc(50% - 35px);
  padding: 20px 0;
  border-bottom: 1px solid #c7cacc;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
}
@media screen and (max-width: 768px) {
  .p-case__tbl-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 0px;
  }
}
.p-case__tbl-item:nth-of-type(1) {
  border-top: 1px solid #c7cacc;
}
@media screen and (min-width: 769px) {
  .p-case__tbl-item:nth-of-type(2) {
    border-top: 1px solid #c7cacc;
  }
}

.p-case__tbl-item-label {
  flex: 0 0 160px;
  max-width: 160px;
  font-size: 13px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-case__tbl-item-label {
    flex: 0 0 120px;
    max-width: 120px;
    font-size: 11px;
  }
}

.p-case__tbl-item-val {
  flex: 1;
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-case__tbl-item-val {
    font-size: 11px;
  }
}
.p-case__tbl-item-val a {
  text-decoration: underline;
}

.p-project__bottom-btns,
.p-case__bottom-btns {
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 80px;
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .p-project__bottom-btns,
  .p-case__bottom-btns {
    width: 90%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.p-project__bottom-btns .c-link-btn,
.p-case__bottom-btns .c-link-btn {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .p-project__bottom-btns .c-link-btn,
  .p-case__bottom-btns .c-link-btn {
    margin-bottom: 20px;
  }
}
.p-project__bottom-btns .c-link-btn:nth-last-child(1),
.p-case__bottom-btns .c-link-btn:nth-last-child(1) {
  margin-bottom: 0px;
}

.p-project-list__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-project-list__inner {
    width: 90%;
  }
}

.p-project-list__head-tit {
  text-align: center;
  width: 100%;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .p-project-list__head-tit {
    margin-bottom: 30px;
  }
}

.p-project-list__head-tit-en {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .p-project-list__head-tit-en {
    font-size: 10px;
  }
}

.p-project-list__head-tit-m {
  display: block;
  font-size: 18px;
  letter-spacing: 0.3rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .p-project-list__head-tit-m {
    font-size: 13px;
    letter-spacing: 0.25rem;
  }
}

.p-project-list__toc {
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .p-project-list__toc {
    display: none;
  }
}

.p-project-list__toc-head {
  font-size: 11px;
  padding: 12px 0px;
  position: relative;
  cursor: pointer;
}
.p-project-list__toc-head::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 5px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: translate3d(0, -50%, 0) rotate(135deg);
  transition: all 100ms ease-out 0ms;
  margin-top: -3px;
}
.is-toggle-active .p-project-list__toc-head::after {
  transform: translate3d(0, -50%, 0) rotate(315deg);
  margin-top: 1px;
}

.p-project-list__toc-list {
  display: none;
  padding-bottom: 10px;
}
.is-toggle-active .p-project-list__toc-list {
  display: block;
}

.p-project-list__toc-list-item {
  font-size: 11px;
  padding: 5px 10px;
  opacity: 0;
}
.p-project-list__toc-list-item:nth-of-type(0) {
  animation: anim-opacity 300ms ease-out 0ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(1) {
  animation: anim-opacity 300ms ease-out 10ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(2) {
  animation: anim-opacity 300ms ease-out 20ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(3) {
  animation: anim-opacity 300ms ease-out 30ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(4) {
  animation: anim-opacity 300ms ease-out 40ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(5) {
  animation: anim-opacity 300ms ease-out 50ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(6) {
  animation: anim-opacity 300ms ease-out 60ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(7) {
  animation: anim-opacity 300ms ease-out 70ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(8) {
  animation: anim-opacity 300ms ease-out 80ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(9) {
  animation: anim-opacity 300ms ease-out 90ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(10) {
  animation: anim-opacity 300ms ease-out 100ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(11) {
  animation: anim-opacity 300ms ease-out 110ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(12) {
  animation: anim-opacity 300ms ease-out 120ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(13) {
  animation: anim-opacity 300ms ease-out 130ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(14) {
  animation: anim-opacity 300ms ease-out 140ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(15) {
  animation: anim-opacity 300ms ease-out 150ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(16) {
  animation: anim-opacity 300ms ease-out 160ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(17) {
  animation: anim-opacity 300ms ease-out 170ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(18) {
  animation: anim-opacity 300ms ease-out 180ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(19) {
  animation: anim-opacity 300ms ease-out 190ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(20) {
  animation: anim-opacity 300ms ease-out 200ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(21) {
  animation: anim-opacity 300ms ease-out 210ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(22) {
  animation: anim-opacity 300ms ease-out 220ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(23) {
  animation: anim-opacity 300ms ease-out 230ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(24) {
  animation: anim-opacity 300ms ease-out 240ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(25) {
  animation: anim-opacity 300ms ease-out 250ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(26) {
  animation: anim-opacity 300ms ease-out 260ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(27) {
  animation: anim-opacity 300ms ease-out 270ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(28) {
  animation: anim-opacity 300ms ease-out 280ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(29) {
  animation: anim-opacity 300ms ease-out 290ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(30) {
  animation: anim-opacity 300ms ease-out 300ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(31) {
  animation: anim-opacity 300ms ease-out 310ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(32) {
  animation: anim-opacity 300ms ease-out 320ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(33) {
  animation: anim-opacity 300ms ease-out 330ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(34) {
  animation: anim-opacity 300ms ease-out 340ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(35) {
  animation: anim-opacity 300ms ease-out 350ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(36) {
  animation: anim-opacity 300ms ease-out 360ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(37) {
  animation: anim-opacity 300ms ease-out 370ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(38) {
  animation: anim-opacity 300ms ease-out 380ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(39) {
  animation: anim-opacity 300ms ease-out 390ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(40) {
  animation: anim-opacity 300ms ease-out 400ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(41) {
  animation: anim-opacity 300ms ease-out 410ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(42) {
  animation: anim-opacity 300ms ease-out 420ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(43) {
  animation: anim-opacity 300ms ease-out 430ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(44) {
  animation: anim-opacity 300ms ease-out 440ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(45) {
  animation: anim-opacity 300ms ease-out 450ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(46) {
  animation: anim-opacity 300ms ease-out 460ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(47) {
  animation: anim-opacity 300ms ease-out 470ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(48) {
  animation: anim-opacity 300ms ease-out 480ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(49) {
  animation: anim-opacity 300ms ease-out 490ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(50) {
  animation: anim-opacity 300ms ease-out 500ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(51) {
  animation: anim-opacity 300ms ease-out 510ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(52) {
  animation: anim-opacity 300ms ease-out 520ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(53) {
  animation: anim-opacity 300ms ease-out 530ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(54) {
  animation: anim-opacity 300ms ease-out 540ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(55) {
  animation: anim-opacity 300ms ease-out 550ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(56) {
  animation: anim-opacity 300ms ease-out 560ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(57) {
  animation: anim-opacity 300ms ease-out 570ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(58) {
  animation: anim-opacity 300ms ease-out 580ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(59) {
  animation: anim-opacity 300ms ease-out 590ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(60) {
  animation: anim-opacity 300ms ease-out 600ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(61) {
  animation: anim-opacity 300ms ease-out 610ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(62) {
  animation: anim-opacity 300ms ease-out 620ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(63) {
  animation: anim-opacity 300ms ease-out 630ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(64) {
  animation: anim-opacity 300ms ease-out 640ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(65) {
  animation: anim-opacity 300ms ease-out 650ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(66) {
  animation: anim-opacity 300ms ease-out 660ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(67) {
  animation: anim-opacity 300ms ease-out 670ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(68) {
  animation: anim-opacity 300ms ease-out 680ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(69) {
  animation: anim-opacity 300ms ease-out 690ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(70) {
  animation: anim-opacity 300ms ease-out 700ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(71) {
  animation: anim-opacity 300ms ease-out 710ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(72) {
  animation: anim-opacity 300ms ease-out 720ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(73) {
  animation: anim-opacity 300ms ease-out 730ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(74) {
  animation: anim-opacity 300ms ease-out 740ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(75) {
  animation: anim-opacity 300ms ease-out 750ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(76) {
  animation: anim-opacity 300ms ease-out 760ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(77) {
  animation: anim-opacity 300ms ease-out 770ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(78) {
  animation: anim-opacity 300ms ease-out 780ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(79) {
  animation: anim-opacity 300ms ease-out 790ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(80) {
  animation: anim-opacity 300ms ease-out 800ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(81) {
  animation: anim-opacity 300ms ease-out 810ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(82) {
  animation: anim-opacity 300ms ease-out 820ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(83) {
  animation: anim-opacity 300ms ease-out 830ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(84) {
  animation: anim-opacity 300ms ease-out 840ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(85) {
  animation: anim-opacity 300ms ease-out 850ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(86) {
  animation: anim-opacity 300ms ease-out 860ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(87) {
  animation: anim-opacity 300ms ease-out 870ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(88) {
  animation: anim-opacity 300ms ease-out 880ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(89) {
  animation: anim-opacity 300ms ease-out 890ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(90) {
  animation: anim-opacity 300ms ease-out 900ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(91) {
  animation: anim-opacity 300ms ease-out 910ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(92) {
  animation: anim-opacity 300ms ease-out 920ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(93) {
  animation: anim-opacity 300ms ease-out 930ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(94) {
  animation: anim-opacity 300ms ease-out 940ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(95) {
  animation: anim-opacity 300ms ease-out 950ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(96) {
  animation: anim-opacity 300ms ease-out 960ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(97) {
  animation: anim-opacity 300ms ease-out 970ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(98) {
  animation: anim-opacity 300ms ease-out 980ms 1 normal forwards;
}
.p-project-list__toc-list-item:nth-of-type(99) {
  animation: anim-opacity 300ms ease-out 990ms 1 normal forwards;
}

.p-project-list__tiles {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 60px 60px;
}
@media screen and (max-width: 768px) {
  .p-project-list__tiles {
    display: block;
  }
}

.p-project-list__tiles-item {
  flex: 0 0 calc(33.3% - 40px);
  max-width: calc(33.3% - 40px);
}
@media screen and (max-width: 768px) {
  .p-project-list__tiles-item {
    max-width: none;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-project-list__tiles-item:nth-last-child(1) {
    margin-bottom: 0px;
  }
}

.p-project-list__tiles-item-img {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-project-list__tiles-item-img {
    margin-bottom: 14px;
  }
}
.p-project-list__tiles-item-img img {
  max-width: 100%;
  width: 100%;
}

.p-project-list__tiles-item-tit {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .p-project-list__tiles-item-tit {
    font-size: 12px;
  }
}

.p-project-list__tiles-item-txt {
  font-size: 12px;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .p-project-list__tiles-item-txt {
    font-size: 11px;
  }
}

@media screen and (min-width: 769px) {
  .p-project-list__tiles-item-desc {
    min-height: 100px;
  }
}

.p-project-list__tiles-item-more {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-project-list__tiles-item-more {
    margin-top: 25px;
  }
}
.p-project-list__tiles-item-more a {
  padding-bottom: 8px;
  width: 35%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  text-align: center;
  border-bottom: 1px solid #000;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.p-project {
  overflow: hidden;
}

.p-project__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-project__inner {
    width: 90%;
  }
}

.p-project__head {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: column wrap;
  text-align: center;
  width: 100%;
  gap: 45px 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-project__head {
    gap: 30px 0;
    margin-bottom: 30px;
  }
}

.p-project__head-tit {
  text-align: center;
  width: 100%;
}

.p-project__head-tit-en {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .p-project__head-tit-en {
    font-size: 13px;
  }
}

.p-project__head-tit-sub,
.p-project__head-tit-main {
  display: block;
  font-size: 18px;
  letter-spacing: 0.3rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-project__head-tit-sub,
  .p-project__head-tit-main {
    font-size: 17px;
    letter-spacing: 0.25rem;
  }
}

.p-project__catch {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-project__catch {
    order: -1;
  }
}

.p-project__catch-img {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.p-project__catch-img img {
  width: 100%;
}

.p-project__sub {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-project__sub {
    margin-bottom: 40px;
  }
}

.p-project__sub-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 40px;
}

.p-project__sub-list-item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  gap: 0 60px;
}
@media screen and (max-width: 768px) {
  .p-project__sub-list-item {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-project__sub-list-item:nth-of-type(2n) .p-project__sub-list-item-img {
    order: 2;
  }
}

.p-project__sub-list-item-img {
  flex: 0 0 340px;
  max-width: 340px;
}
@media screen and (max-width: 768px) {
  .p-project__sub-list-item-img {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.p-project__sub-list-item-img img {
  width: 100%;
}

.p-project__sub-list-item-movie {
  flex: 0 0 340px;
  max-width: 340px;
}
@media screen and (max-width: 768px) {
  .p-project__sub-list-item-movie {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.p-project__sub-list-item-movie .youtube-responsive-wrapper {
  margin: 0px !important;
  padding-bottom: 56% !important;
}

.p-project__sub-list-item-desc-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-project__sub-list-item-desc-title {
    font-size: 12px;
    margin-bottom: 15px;
  }
}

.p-project__sub-list-item-desc-text {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-project__sub-list-item-desc-text {
    font-size: 11px;
  }
}

.p-project__stories {
  position: relative;
  z-index: 1;
  margin: 0 calc(50% - 50vw);
  margin-bottom: 40px;
  width: 100vw;
}
@media screen and (max-width: 768px) {
  .p-project__stories {
    margin-bottom: 50px;
    padding: 50px 0 50px;
  }
}
.p-project__stories::before {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #f4f4f4;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}
@media screen and (max-width: 768px) {
  .p-project__stories::before {
    content: "";
  }
}

.p-project__stories-slider {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
}
.p-project__stories-slider .slide-arrow {
  cursor: pointer;
  top: calc(50% - 25px);
}
@media screen and (max-width: 768px) {
  .p-project__stories-slider .slide-arrow {
    top: calc(50% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .p-project__stories-slider .list-slick__dots {
    margin-top: 20px;
  }
}

.p-project__stories-tit {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-project__stories-tit {
    font-size: 13px;
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 769px) {
  .p-project__stories-item {
    flex: 0 0 650px;
    width: 650px;
    padding: 0 5px;
  }
}
@media screen and (max-width: 768px) {
  .p-project__stories-item {
    flex: 0 0 88vw;
    max-width: 88vw;
    width: 100%;
    padding-left: 10px;
  }
}
.p-project__stories-item img {
  width: 100%;
}

.p-project__stories-item-txt {
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-project__stories-item-txt {
    font-size: 11px;
    margin-top: 6px;
  }
}

.p-project__details {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-project__details {
    margin-bottom: 40px;
  }
}

.p-project__details-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  gap: 0 60px;
  padding: 50px 0px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-project__details-item {
    display: block;
    padding: 60px 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-project__details-item:nth-of-type(1) {
    padding-top: 0px;
  }
}
.p-project__details-item:nth-of-type(2n)::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #f8f8f8;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}

.p-project__details-item-img {
  flex: 0 0 270px;
  max-width: 270px;
}
@media screen and (max-width: 768px) {
  .p-project__details-item-img {
    flex: 0 0 100vw;
    max-width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-bottom: 15px;
    width: 100vw;
  }
}
.p-project__details-item-img img {
  width: 100%;
}

.p-project__details-item-r {
  flex: 1;
}

.p-project__details-item-tit {
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
  .p-project__details-item-tit {
    font-size: 12px;
    margin-bottom: 12px;
  }
}

.p-project__details-item-txt {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-project__details-item-txt {
    font-size: 11px;
  }
}

.p-project__details-item-more {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row wrap;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-project__details-item-more {
    margin-top: 25px;
    justify-content: center;
  }
}
.p-project__details-item-more a {
  padding: 0px 20px;
  padding-bottom: 8px;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  text-align: center;
  border-bottom: 1px solid #000;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.p-project__reserve {
  position: relative;
  z-index: 1;
  padding: 50px 0px;
  max-width: 700px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-project__reserve {
    padding: 45px 0px 50px;
  }
}
.p-project__reserve::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #f8f8f8;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}
@media screen and (max-width: 768px) {
  .p-project__reserve.--ptn2 {
    border-top: 1px solid #808080;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-project__reserve.--ptn2::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .p-project__reserve.--ptn2 .p-project__reserve-tit {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
  }
}

.p-project__reserve-tit {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .p-project__reserve-tit {
    font-size: 15px;
    margin-bottom: 25px;
  }
}

.p-project__reserve-txt {
  text-align: left;
  font-size: 12px;
  line-height: 2;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .p-project__reserve-txt {
    font-size: 11px;
    margin-bottom: 30px;
  }
}

.p-project__reserve-btn {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}

.c-link-btn.p-project__back-btn {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .c-link-btn.p-project__back-btn {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
.c-link-btn.p-project__back-btn a {
  background-color: #ffffff;
  color: #000;
  border: 1px solid #1f2a6b;
}
@media screen and (max-width: 768px) {
  .c-link-btn.p-project__back-btn a {
    border-radius: 50px;
  }
}

.p-project__other {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .p-project__other {
    margin-top: 60px;
  }
}
.p-project__other.--gray {
  background-color: #f8f8f8;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-project__other.--gray {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.p-project__other.--gray::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #f4f4f4;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}

.p-project__other-tit {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-project__other-tit {
    margin-bottom: 25px;
  }
}

.p-project__other-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  gap: 0 60px;
}
@media screen and (max-width: 768px) {
  .p-project__other-list {
    gap: 0 10px;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}
.p-project__other-list .slide-arrow {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .p-project__other-list .slide-arrow {
    top: 150px;
  }
}
.p-project__other-list-item {
  display: block;
  flex: 0 0 calc(33.3% - 40px);
  max-width: calc(33.3% - 40px);
}
@media screen and (max-width: 768px) {
  .p-project__other-list-item {
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
}

@media screen and (min-width: 769px) {
  .p-project__other-list-item.slick-slide {
    width: 300px;
    margin-right: 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-project__other-list-item.slick-slide {
    width: 50vw;
    padding-left: 10px;
  }
}

.p-project__other-list-item-img {
  margin-bottom: 10px;
}
.p-project__other-list-item-img img {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .p-project__other-list-item-desc {
    min-height: 114px;
  }
}

.p-project__other-list-item-tit {
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .p-project__other-list-item-tit {
    font-size: 12px;
  }
}

.p-project__other-list-item-txt {
  font-size: 12px;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .p-project__other-list-item-txt {
    font-size: 11px;
    display: none;
  }
}

.p-project-story {
  overflow: hidden;
}

.p-project-story__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-project-story__inner {
    width: 90%;
  }
}

.p-project-story__head-tit {
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-project-story__head-tit {
    margin-bottom: 25px;
  }
}

.p-project-story__head-tit-en {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .p-project-story__head-tit-en {
    font-size: 10px;
  }
}

.p-project-story__head-tit-main {
  display: block;
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0.3rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .p-project-story__head-tit-main {
    font-size: 13px;
    letter-spacing: 0.25rem;
    text-align: left;
  }
}

.p-project-story__head-tit-main-m {
  display: block;
}

.p-project-story__head-tit-main-parent {
  display: block;
}

.p-project-story__catch-img {
  width: 420px;
  margin: 0 auto;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .p-project-story__catch-img {
    width: 100%;
  }
}
.p-project-story__catch-img img {
  width: 100%;
}

.p-project-story__catch-desc {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-project-story__catch-desc {
    padding-top: 30px;
    padding-bottom: 35px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 768px) {
  .p-project-story__catch-desc::before {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #f4f4f4;
    transform: translate3d(-50vw, 0, 0) rotate(0deg);
  }
}

.p-project-story__catch-desc-tit {
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .p-project-story__catch-desc-tit {
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
  }
}

.p-project-story__catch-desc-txt {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-project-story__catch-desc-txt {
    font-size: 11px;
  }
}

.p-project-story__sub {
  padding: 55px 0px 50px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-project-story__sub {
    padding: 0px;
  }
}
.p-project-story__sub::before {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #f4f4f4;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}
@media screen and (min-width: 769px) {
  .p-project-story__sub::before {
    content: "";
  }
}

.p-project-story__sub-list-item-img {
  width: 600px;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-project-story__sub-list-item-img {
    width: 100%;
    margin-bottom: 25px;
  }
}
.p-project-story__sub-list-item-img img {
  width: 100%;
}

.p-project-story__sub-list-item-desc-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .p-project-story__sub-list-item-desc-title {
    font-size: 12px;
    text-align: left;
    margin-bottom: 15px;
  }
}

.p-project-story__sub-list-item-desc-text {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-project-story__sub-list-item-desc-text {
    font-size: 11px;
  }
}

.p-project-story__content {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .p-project-story__content {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-project-story__content h2 {
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 16px 16px;
    justify-content: center;
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .p-project-story__content hr {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 769px) {
  .p-project-story__content img {
    width: 600px;
  }
}
.p-project-story__content table {
  border: none;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .p-project-story__content table {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (max-width: 768px) {
  .p-project-story__content table {
    display: flex;
    flex-flow: row wrap;
    gap: 20px 0;
  }
}
.p-project-story__content table tbody {
  border: none;
}
@media screen and (max-width: 768px) {
  .p-project-story__content table tbody {
    display: flex;
    flex-flow: row wrap;
    gap: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-project-story__content table tr {
    display: flex;
    flex-flow: row wrap;
    gap: 20px 0;
  }
}
.p-project-story__content table tr:nth-of-type(n+2) td, .p-project-story__content table tr:nth-of-type(n+2) th {
  padding-top: 50px;
}
.p-project-story__content table th {
  padding: 0px;
  border: none;
}
@media screen and (max-width: 768px) {
  .p-project-story__content table th {
    width: 100%;
    display: block;
    padding: 0px;
  }
}
.p-project-story__content table td {
  width: 33.3%;
  border: none;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .p-project-story__content table td {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 768px) {
  .p-project-story__content table td {
    padding: 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-project-story__content table td {
    width: 100%;
    display: block;
    padding: 0px;
  }
}
.p-project-story__content table p {
  margin: 0px;
  padding: 0px;
}
.p-project-story__content table img {
  margin: 0px;
  margin-bottom: 1.5em;
}
.p-project-story__content table b {
  display: block;
  font-size: 1.1em;
  line-height: 1.75;
  margin-bottom: 0.5em;
}

.p-project__around-links {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row nowrap;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  max-width: 800px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-project__around-links {
    padding: 40px 0px;
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
.p-project__around-links::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #999;
}
@media screen and (max-width: 768px) {
  .p-project__around-links::before {
    top: 50%;
    height: calc(100% - 40px);
    transform: translate3d(0, -50%, 0) rotate(0deg);
  }
}
.p-project__around-links::after {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #f4f4f4;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}
@media screen and (max-width: 768px) {
  .p-project__around-links::after {
    content: "";
  }
}

.p-project__around-links-prev,
.p-project__around-links-next {
  flex: 0 0 40%;
  max-width: 40%;
  margin-right: auto;
  position: relative;
  padding: 10px 0px;
  padding-left: 30px;
  min-height: 30px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .p-project__around-links-prev,
  .p-project__around-links-next {
    font-size: 10px;
    line-height: 1.75;
    flex: 0 0 36%;
    max-width: 36%;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
.p-project__around-links-prev::after,
.p-project__around-links-next::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 5px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  transform: translate3d(0, -50%, 0) rotate(225deg);
}

.p-project__around-links-next {
  margin-left: auto;
  margin-right: 0px;
  padding-left: 0;
  padding-right: 30px;
}
.p-project__around-links-next::after {
  left: auto;
  right: 5px;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

.p-voices {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-voices {
    margin-bottom: 45px;
  }
}
.p-voices__wrapper {
  padding: 0 40px;
  max-width: 1200px;
  margin: 0 auto;
}
.p-voices__wrapper2 {
  margin: 0 auto;
  background-color: #f5f5f5;
  padding: 35px 0;
}
.p-voices__wrapper3 {
  margin: 0 auto;
  max-width: 1000px;
  padding: 35px 0 0;
}
.p-voices__wrapper5 {
  margin: 0 auto;
  padding: 35px 0;
}
.p-voices__btn-wrapper {
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 40px;
  max-width: 400px;
}
.p-voices__btn-wrapper .c-link-btn {
  margin-bottom: 20px;
}
.p-voices__btn-wrapper .c-link-btn:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-voices__btn-wrapper {
    max-width: 90%;
    margin-top: 60px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-voices .p-voices__content {
    width: 90%;
    margin: 0 auto;
  }
}
.p-voices .p-voices__content h3 {
  margin-bottom: 40px;
  padding: 18px 20px;
  background-color: #000;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-voices .p-voices__content h3 {
    font-size: 13px;
    width: 100%;
    margin: 0 auto 25px;
    border-radius: 5px;
  }
}
.p-voices .p-voices__content h3:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000;
}
@media screen and (max-width: 768px) {
  .p-voices .p-voices__content h3:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
    bottom: -7px;
  }
}
.p-voices__wrapper4 {
  margin: 0 auto;
  max-width: 1000px;
}
.p-voices__list {
  display: flex;
  gap: 35px;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-voices__list {
    justify-content: space-between;
    flex-direction: column;
    gap: 0;
  }
}

.c-voices-title {
  margin-bottom: 50px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-voices-title {
    margin-bottom: 30px;
    font-size: 14px;
  }
}

.p-voices__item-design,
.p-voices__item-history,
.p-voices__item-shop {
  padding: 13px 0 13px 40px;
  min-width: 310px;
  display: flex;
  align-items: center;
  border-top: 1px solid #C9CCCE;
  border-bottom: 1px solid #C9CCCE;
}
@media screen and (max-width: 768px) {
  .p-voices__item-design,
  .p-voices__item-history,
  .p-voices__item-shop {
    padding: 12px 0;
    min-width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .p-voices__item-design:not(:last-child),
  .p-voices__item-history:not(:last-child),
  .p-voices__item-shop:not(:last-child) {
    border-bottom: none;
  }
}

.p-voices__item-design {
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-voices__item-design {
    gap: 20px;
  }
}

.p-voices__item-history {
  gap: 45px;
}
@media screen and (max-width: 768px) {
  .p-voices__item-history {
    gap: 20px;
  }
}

.p-voices__item-shop {
  gap: 45px;
}
@media screen and (max-width: 768px) {
  .p-voices__item-shop {
    gap: 20px;
  }
}

.p-voices__item-design-title,
.p-voices__item-history-title,
.p-voices__item-shop-title {
  font-size: 13px;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .p-voices__item-design-title,
  .p-voices__item-history-title,
  .p-voices__item-shop-title {
    flex-basis: 80px;
    font-size: 11px;
  }
}

.p-voices__item-design-text,
.p-voices__item-history-text,
.p-voices__item-shop-text {
  font-size: 13px;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .p-voices__item-design-text,
  .p-voices__item-history-text,
  .p-voices__item-shop-text {
    font-size: 11px;
  }
}

.p-voices__item-design-text a,
.p-voices__item-shop-text a {
  color: #000;
  text-decoration: underline;
}

.p-store {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-store {
    margin-bottom: 45px;
  }
}
.p-store__inner {
  margin: 0 auto;
}
.p-store__wrapper {
  padding: 0 40px;
}
.p-store__wrapper3 {
  margin: 0 auto 80px;
  max-width: 620px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper3 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper4 {
  max-width: 805px;
  width: 100%;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper4 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper5 {
  max-width: 805px;
  width: 100%;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper5 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper6 {
  max-width: 805px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper6 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper7 {
  max-width: 805px;
  width: 100%;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper7 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper8 {
  max-width: 805px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper8 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper9 {
  max-width: 805px;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper9 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper10 {
  max-width: 805px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper10 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper11 {
  max-width: 805px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper11 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper12 {
  max-width: 805px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper12 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper13 {
  max-width: 400px;
  width: 100%;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper13 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-store__wrapper14 {
  width: 100%;
  margin: 0 auto 20px;
}
.p-store__wrapper15 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-store__wrapper15 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}

.c-store-thumbnail {
  margin: 0 auto 40px;
  max-width: 620px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .c-store-thumbnail {
    margin: 0 auto 30px;
  }
}
.c-store-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-store-lead {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-store-lead {
    text-align: left;
    margin-bottom: 30px;
  }
}
.c-store-lead__title {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.15rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-store-lead__title {
    font-size: 12px;
  }
}
.c-store-lead__text {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.1rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-store-lead__text {
    font-size: 11px;
    font-feature-settings: "palt";
  }
}

.c-store-info-title {
  background-color: #F8F8F8;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .c-store-info-title {
    margin-bottom: 10px;
    padding: 10px 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}
.c-store-info-title h3 {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-info-title h3 {
    display: flex;
    align-items: center;
    font-size: 13px;
    text-align: left;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .c-store-info-title h3 span {
    margin-right: 5px;
  }
}
.c-store-info-item {
  display: flex;
  align-items: baseline;
  padding: 19px 0;
  border-bottom: 1px solid #B2B2B2;
}
@media screen and (max-width: 768px) {
  .c-store-info-item {
    padding: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-store-info-item:first-child {
    padding-top: 0;
  }
}
.c-store-info-item dt {
  width: 100px;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-info-item dt {
    width: 75px;
    font-size: 11px;
    font-weight: 200;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}
.c-store-info-item dd {
  font-size: 12px;
  font-weight: 200;
  flex-grow: 1;
  line-height: 2;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-info-item dd {
    font-size: 11px;
    font-weight: 200;
    letter-spacing: 0.05rem;
    font-feature-settings: "palt";
  }
}
.c-store-info-item dd a {
  color: #000;
  text-decoration: underline;
}

.c-store-map__title {
  margin-bottom: 24px;
  background-color: #F8F8F8;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .c-store-map__title {
    margin-bottom: 10px;
    padding: 10px 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}
.c-store-map__title h3 {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-map__title h3 {
    display: flex;
    align-items: center;
    font-size: 13px;
    text-align: left;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}
.c-store-map__body-item iframe {
  width: 100%;
  height: 325px;
  border: 0;
}

.c-store-access {
  margin-top: 30px;
}
.c-store-access__title {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-store-access__title {
    margin-bottom: 20px;
  }
}
.c-store-access__title h3 {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-access__title h3 {
    font-size: 12px;
  }
}
.c-store-access__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 40px 20px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .c-store-access__list {
    gap: 20px 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-store-access__item-img {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-store-access__item-img {
    margin-bottom: 10px;
  }
}
.c-store-access__item-img img {
  width: 100%;
  height: auto;
  display: block;
}
.c-store-access__item-main {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.c-store-access__item-num {
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-store-access__item-num {
    font-size: 11px;
  }
}
.c-store-access__item-text p {
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-store-access__item-text p {
    font-size: 11px;
    font-feature-settings: "palt";
  }
}

.c-store-flow {
  margin-bottom: 50px;
}
.c-store-flow__title {
  background-color: #F8F8F8;
  padding: 15px 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-store-flow__title {
    margin-bottom: 10px;
    padding: 10px 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}
.c-store-flow__title h3 {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-flow__title h3 {
    display: flex;
    align-items: center;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}
.c-store-flow__list {
  list-style: none;
  padding: 0;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .c-store-flow__list {
    margin: 0 auto 30px;
  }
}
.c-store-flow__item {
  display: flex;
  gap: 50px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-store-flow__item {
    flex-direction: column;
    gap: 15px;
  }
}
.c-store-flow__item:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-store-flow__item:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 35px;
  }
}
.c-store-flow__item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #231815;
}
.c-store-flow__item-img {
  width: 42%;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .c-store-flow__item-img {
    width: 100%;
  }
}
.c-store-flow__item-img img {
  width: 100%;
  height: auto;
  display: block;
}
.c-store-flow__item-body {
  flex-grow: 1;
}
.c-store-flow__item-title {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1rem;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-store-flow__item-title {
    font-size: 12px;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}
.c-store-flow__item-text p {
  font-size: 12px;
  font-weight: 200;
  line-height: 2;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-store-flow__item-text p {
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-store-voices__title {
  margin-bottom: 24px;
  background-color: #F8F8F8;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .c-store-voices__title {
    margin-bottom: 10px;
    padding: 10px 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}
.c-store-voices__title h3 {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-voices__title h3 {
    display: flex;
    align-items: center;
    font-size: 13px;
    text-align: left;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}

.p-store-accordion__title {
  margin-bottom: 24px;
  background-color: #F8F8F8;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .p-store-accordion__title {
    margin-bottom: 10px;
    padding: 10px 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}
.p-store-accordion__title h3 {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .p-store-accordion__title h3 {
    display: flex;
    align-items: center;
    font-size: 13px;
    text-align: left;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}

.c-store-accordion {
  width: 100%;
}
.c-store-accordion__item {
  border-bottom: 1px solid #CCCCCC;
}
.c-store-accordion__item:first-child {
  border-top: 1px solid #CCCCCC;
}
.c-store-accordion__item-title {
  padding: 15px 30px;
  cursor: pointer;
  position: relative;
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-store-accordion__item-title {
    padding: 15px 20px 15px 0;
    background-color: transparent !important;
  }
}
.c-store-accordion__item-title p {
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-store-accordion__item-title p {
    font-size: 11px;
  }
}
.c-store-accordion__item-title p span {
  margin-right: 10px;
  font-weight: 200;
}
.c-store-accordion__item-title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 55%;
  transform: translateY(-50%);
  background-image: url("../image/common/arrow-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 768px) {
  .c-store-accordion__item-title::after {
    width: 12px;
    height: 12px;
    right: 0;
    top: 55%;
  }
}
.c-store-accordion__item-title.is-open::after {
  transform: translateY(-100%) rotate(180deg);
}
.c-store-accordion__item-content {
  display: none;
  padding: 15px 30px;
}
@media screen and (max-width: 768px) {
  .c-store-accordion__item-content {
    padding: 0 20px 15px 0;
  }
}
.c-store-accordion__item-content-inner {
  display: flex;
  gap: 10px;
}
.c-store-accordion__item-content-inner p {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-store-accordion__item-content-inner p {
    margin-bottom: 5px;
  }
}
.c-store-accordion__item-content-inner p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-store-accordion__item-content-inner p {
    font-size: 11px;
  }
}
.c-store-accordion__item-content-inner p span {
  color: #000;
}

.c-store-news__title {
  margin-bottom: 24px;
  background-color: #F8F8F8;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .c-store-news__title {
    margin-bottom: 10px;
    padding: 10px 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}
.c-store-news__title h3 {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-news__title h3 {
    display: flex;
    align-items: center;
    font-size: 13px;
    text-align: left;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}
.c-store-news__post-item {
  display: flex;
  align-items: center;
  padding: 20px 0;
  text-decoration: none;
  color: #000;
}
@media screen and (max-width: 768px) {
  .c-store-news__post-item {
    padding: 10px 0;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.c-store-news__post-item:last-child {
  border-bottom: none;
}
.c-store-news__post-cat {
  background-color: #F5F5F5;
  color: #000;
  padding: 9px 10px;
  font-size: 12px;
  margin-right: 20px;
  min-width: 136px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-store-news__post-cat {
    margin: 0;
    padding: 5px 10px;
    font-size: 10px;
    min-width: 96px;
    background-color: #f6f6f6;
  }
}
.c-store-news__post-date {
  font-size: 12px;
  margin-right: 20px;
  font-family: "Helvetica Neue", sans-serif;
  letter-spacing: 0.1rem;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .c-store-news__post-date {
    font-size: 10px;
  }
}
.c-store-news__post-title {
  font-size: 12px;
  font-weight: 200;
  line-height: 1.6;
  font-feature-settings: "palt";
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-news__post-title {
    width: 100%;
    font-size: 11px;
  }
}

.c-store-free-space__title {
  margin-bottom: 24px;
  background-color: #F8F8F8;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .c-store-free-space__title {
    margin-bottom: 10px;
    padding: 10px 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}
.c-store-free-space__title h3 {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-store-free-space__title h3 {
    display: flex;
    align-items: center;
    font-size: 13px;
    text-align: left;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}
.c-store-free-space__body {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .c-store-free-space__body {
    padding: 0;
  }
}
.c-store-free-space__body-inner p {
  font-size: 12px;
  font-weight: 200;
  line-height: 2;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
.c-store-free-space__body-inner strong {
  font-weight: bold;
}
.c-store-free-space__body-inner a {
  text-decoration: underline;
}

.c-section-accordion {
  width: 100%;
}
.c-section-accordion__title {
  background-color: #F8F8F8;
  padding: 15px 0;
  cursor: default;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-section-accordion__title {
    padding: 10px 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    cursor: pointer;
  }
}
.c-section-accordion__title h3 {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-section-accordion__title h3 {
    display: flex;
    align-items: center;
    font-size: 13px;
    text-align: left;
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .c-section-accordion__title h3 span {
    margin-right: 5px;
  }
}
.c-section-accordion__title::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 60%;
  transform: translateY(-50%);
  background-image: url("../image/common/arrow-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  display: none;
}
@media screen and (max-width: 768px) {
  .c-section-accordion__title::after {
    display: block;
    width: 12px;
    height: 12px;
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .c-section-accordion__title.is-open::after {
    transform: translateY(-50%) rotate(180deg);
    top: 45%;
  }
}
.c-section-accordion__body {
  display: block;
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .c-section-accordion__body {
    padding: 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .c-section-accordion__body {
    display: block;
  }
}

.p-archive-store {
  padding-top: 30px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-archive-store {
    margin-bottom: 45px;
  }
}
.p-archive-store__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.p-archive-store__wrapper2 {
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .p-archive-store__wrapper2 {
    margin: 0 auto 30px;
  }
}
.p-archive-store__wrapper3 {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-archive-store__wrapper3 {
    max-width: 90%;
    width: 100%;
  }
}
.p-archive-store__wrapper4 {
  max-width: 1000px;
  margin: 70px auto 50px;
}
@media screen and (max-width: 768px) {
  .p-archive-store__wrapper4 {
    margin: 60px auto 30px;
  }
}
.p-archive-store__wrapper5 {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-archive-store__wrapper5 {
    max-width: 90%;
    width: 100%;
  }
}
.p-archive-store__wrapper6 {
  max-width: 1000px;
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .p-archive-store__wrapper6 {
    margin: 30px auto 0;
    max-width: 90%;
  }
}

.c-archive-store-ttl h3 {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.2rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-archive-store-ttl h3 {
    font-size: 15px;
  }
}

.c-archive-store-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-archive-store-list {
    flex-direction: column;
    gap: 40px;
  }
}
.c-archive-store-list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .c-archive-store-list__item {
    gap: 10px;
  }
}
.c-archive-store-list__item-img {
  max-width: 470px;
  width: 100%;
  height: 100%;
}
.c-archive-store-list__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-archive-store-list__item-link {
  max-width: 135px;
  width: 100%;
  border-bottom: 1px solid #000;
  text-align: center;
  padding-bottom: 10px;
}
.c-archive-store-list__item-link a {
  display: block;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  text-decoration: none;
  color: #000;
}

.c-archive-accordion {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.c-archive-accordion__inr {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 60px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-archive-accordion__inr {
    gap: 0px 20px;
  }
}
.c-archive-accordion__item {
  width: calc(50% - 30px);
}
@media screen and (max-width: 768px) {
  .c-archive-accordion__item {
    width: calc(50% - 10px);
  }
}
.c-archive-accordion__item:nth-of-type(1) .c-archive-accordion__item-title {
  border-bottom: none;
}
.c-archive-accordion__item:nth-of-type(2) .c-archive-accordion__item-title {
  border-bottom: none;
}
.c-archive-accordion__item:nth-of-type(3) .c-archive-accordion__item-title {
  border-bottom: none;
}
.c-archive-accordion__item:nth-of-type(4) .c-archive-accordion__item-title {
  border-bottom: none;
}
.c-archive-accordion__item-title {
  padding: 15px 5px 15px 0;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-archive-accordion__item-title {
    padding: 10px 5px 11px 0;
  }
}
.c-archive-accordion__item-title.is-open::after {
  background-image: url("../image/common/negative-icon.png");
  height: 3px;
}
.c-archive-accordion__item-title p {
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-archive-accordion__item-title p {
    font-size: 11px;
  }
}
.c-archive-accordion__item-title a {
  text-decoration: none;
  color: #000;
  font-weight: 500;
}
.c-archive-accordion__item-title::after {
  content: "";
  background-image: url("../image/common/positive-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}
.c-archive-accordion__item-title.--link {
  padding: 15px 5px 15px 0;
}
@media screen and (max-width: 768px) {
  .c-archive-accordion__item-title.--link {
    padding: 10px 5px 11px 0;
  }
}
.c-archive-accordion__item-title.--link::after {
  display: none;
}
.c-archive-accordion__item-title:hover {
  background-color: #f9f9f9;
}
.c-archive-accordion__item-content {
  display: none;
  padding: 30px 0 30px 15px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-archive-accordion__item-content {
    padding: 15px 0 15px 0;
  }
}
.c-archive-accordion__item-content.is-open {
  display: block;
}
.c-archive-accordion__item-store-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
}
.c-archive-accordion__item-store-list .store-item {
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .c-archive-accordion__item-store-list .store-item {
    width: 100%;
  }
}
.c-archive-accordion__item-store-list .store-item .store-name {
  font-size: 12px;
  font-weight: 200;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-archive-accordion__item-store-list .store-item .store-name {
    font-size: 11px;
  }
}
.c-archive-accordion__item-store-list .store-item .store-details {
  font-size: 11px;
  letter-spacing: 0.03rem;
  font-weight: 200;
  color: #666;
  line-height: 1.6;
}
.c-archive-accordion__item-online {
  text-align: center;
}
.c-archive-accordion__item-online .online-link {
  display: inline-block;
  padding: 15px 40px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  transition: background-color 0.3s ease;
}
.c-archive-accordion__item-online .online-link:hover {
  background-color: #333;
}

#store-list {
  padding-top: 70px;
}

.c-news-title {
  width: 100%;
}
.c-news-title p {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-news-title p {
    text-align: center;
  }
}
.c-news-title h2 {
  font-size: 18px;
  letter-spacing: 0.15rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-news-title h2 {
    font-size: 13px;
    text-align: left;
    font-feature-settings: "palt" on;
    letter-spacing: 0.2rem;
  }
}

.c-news-tag {
  width: 100%;
  text-align: center;
  background-color: #F8F8F8;
  max-width: 155px;
}
@media screen and (max-width: 768px) {
  .c-news-tag {
    max-width: 98px;
  }
}
.c-news-tag a {
  padding: 5px 0;
  display: block;
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-news-tag a {
    font-size: 10px;
  }
}

.c-news-date p {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-news-date p {
    font-size: 10px;
  }
}

.c-news-mv {
  width: 100%;
  height: auto;
}
.c-news-mv img {
  width: 100%;
  height: 100%;
}

.c-news-hdg {
  width: 100%;
  padding: 31px 0;
  max-width: 810px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-news-hdg {
    width: 90%;
  }
}
.c-news-hdg p {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .c-news-hdg p {
    font-size: 11px;
  }
}
.c-news-hdg p:last-child {
  margin-bottom: 0;
}
.c-news-hdg p span {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: bold;
}

.c-news-border-gray {
  margin: 40px auto 50px;
  display: block;
  width: 100%;
  max-width: 410px;
  padding: 10px 0;
  border-left: 5px solid #000;
  background-color: #E7E8E9;
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt" on;
  font-weight: 700 !important;
  color: #0F345B !important;
  text-decoration: none !important;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-news-border-gray {
    margin: 0 auto 50px;
    padding: 8px 0;
    font-size: 12px;
  }
}
.c-news-border-gray::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../image/common/news-arrow-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 14px;
}

.p-recruit_top {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-recruit_top {
    margin-bottom: 45px;
  }
}
.p-recruit_top__wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit_top__wrapper {
    max-width: 90%;
  }
}
.p-recruit_top__wrapper2 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px;
}
.p-recruit_top__wrapper3 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-recruit_top__wrapper3 {
    max-width: 90%;
    margin-bottom: 40px;
  }
}
.p-recruit_top__wrapper4 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit_top__wrapper4 {
    max-width: 90%;
    margin-bottom: 20px;
  }
}
.p-recruit_top__wrapper5 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 70px;
}
.p-recruit_top__wrapper6 {
  width: 100%;
  margin: 0 auto;
}
.p-recruit_top__wrapper7 {
  width: 100%;
  max-width: 1000px;
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .p-recruit_top__wrapper7 {
    max-width: 90%;
    margin-top: 10px;
  }
}

.c-recruit_top-mv {
  width: 100%;
  height: auto;
}
.c-recruit_top-mv img {
  width: 100%;
  height: auto;
}

.c-recruit_top-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .c-recruit_top-list {
    flex-direction: column;
    gap: 10px;
  }
}
.c-recruit_top-list__item {
  width: 100%;
  max-width: 310px;
  border: 1px solid #272E69;
  background-color: #F5F5F5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-recruit_top-list__item {
    max-width: 100%;
  }
}
.c-recruit_top-list__item a {
  padding: 16px 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
  color: #000;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-recruit_top-list__item a {
    font-size: 12px;
    padding: 12px 0;
  }
}
.c-recruit_top-list__item::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background-image: url(../image/common/right-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.c-recruit_top-hdg {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-recruit_top-hdg {
    text-align: left;
    margin-bottom: 10px;
  }
}
.c-recruit_top-hdg p {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_top-hdg p {
    font-size: 12px;
  }
}

.c-recruit_top-text {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-recruit_top-text {
    text-align: left;
  }
}
.c-recruit_top-text p {
  font-size: 12px;
  font-weight: 200;
  line-height: 2;
  letter-spacing: 0.17rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_top-text p {
    font-size: 11px;
  }
}

.p-recruit {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-recruit {
    margin-bottom: 45px;
  }
}
.p-recruit__wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.p-recruit__wrapper2 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-recruit__wrapper2 {
    margin-bottom: 40px;
  }
}
.p-recruit__wrapper3 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit__wrapper3 {
    margin-bottom: 30px;
  }
}
.p-recruit__wrapper4 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 20px;
}
.p-recruit__wrapper5 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit__wrapper5 {
    max-width: 90%;
  }
}
.p-recruit__wrapper6 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.p-recruit__wrapper7 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-recruit__wrapper7 {
    max-width: 90%;
    margin-bottom: 30px;
  }
}
.p-recruit__wrapper8 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
}
.p-recruit__wrapper9 {
  width: 100%;
  margin: 0 auto;
  padding: 80px 0;
  background-color: #F8F8F8;
}
@media screen and (max-width: 768px) {
  .p-recruit__wrapper9 {
    padding: 50px 0;
    background-color: #fff;
    border-top: 1px solid #1f2a6b;
    border-bottom: 1px solid #1f2a6b;
  }
}
.p-recruit__wrapper10 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 80px 0 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit__wrapper10 {
    max-width: 90%;
    padding: 65px 0 30px;
  }
}
.p-recruit__wrapper11 {
  width: 100%;
  margin: 0 auto 40px;
  padding: 40px 0 30px;
  background-color: #F8F8F8;
}
@media screen and (max-width: 768px) {
  .p-recruit__wrapper11 {
    max-width: 90%;
    padding: 30px 0 20px;
    border: 1px solid #1f2a6b;
  }
}
.p-recruit__wrapper12 {
  width: 100%;
  margin: 0 auto 70px;
}
.p-recruit__btn-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .p-recruit__btn-wrapper {
    gap: 10px;
  }
}
.p-recruit__crumb-wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-recruit__crumb-wrapper {
    max-width: 90%;
    margin-top: 20px;
  }
}

.c-recruit_mv {
  margin: 0 auto;
  max-width: 620px;
  width: 100%;
  height: auto;
}
.c-recruit_mv img {
  width: 100%;
  height: auto;
}

.c-recruit_hdg {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
}
.c-recruit_hdg p {
  font-size: 20px;
  font-weight: 500;
  color: #0f345b;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-recruit_hdg p {
    font-size: 18px;
  }
}

.c-recruit_department {
  width: 100%;
  margin: 0 auto;
}
.c-recruit_department p {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-recruit_department p {
    font-size: 15px;
  }
}

.c-recruit_list {
  margin-bottom: 50px;
}
.c-recruit_list__item {
  margin-bottom: 20px;
  border: 2px solid #1f2a6b;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__item {
    border: 1px solid #1f2a6b;
  }
}
.c-recruit_list__item:last-of-type {
  margin-bottom: 0;
}
.c-recruit_list__item-title {
  padding: 15px 40px;
  position: relative;
  cursor: pointer;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__item-title {
    padding: 11px 20px;
  }
}
.c-recruit_list__item-title p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_list__item-title p {
    font-size: 13px;
    letter-spacing: 0.15rem;
  }
}
.c-recruit_list__item-title::before, .c-recruit_list__item-title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  background-color: #808080;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__item-title::before, .c-recruit_list__item-title::after {
    right: 15px;
  }
}
.c-recruit_list__item-title::before {
  width: 14px;
  height: 3px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-recruit_list__item-title::before {
    width: 12px;
  }
}
.c-recruit_list__item-title::after {
  width: 3px;
  height: 14px;
  transform: translate(-50%, -50%);
  right: 24px;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__item-title::after {
    height: 12px;
    right: 18px;
  }
}
.c-recruit_list__item-title.is-open::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}
.c-recruit_list__item-content {
  padding: 40px 20px;
  border-top: 2px dashed #1f2a6b;
  display: none;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__item-content {
    border-top: 1px dashed #1f2a6b;
    padding: 30px 15px;
  }
}
.c-recruit_list__content {
  max-width: 900px;
  margin: 0 auto;
}
.c-recruit_list__content dl {
  padding-bottom: 35px;
  margin-bottom: 25px;
  border-bottom: 1px solid #808080;
}
.c-recruit_list__content dl:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__content dl {
    margin-bottom: 20px;
  }
}
.c-recruit_list__content dt {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 14px;
  color: #1f2a6b;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__content dt {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.c-recruit_list__content dd {
  font-size: 13px;
  font-weight: 200;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_list__content dd {
    font-size: 12px;
  }
}
.c-recruit_list__content dd p {
  margin-bottom: 15px;
}
.c-recruit_list__content dd p:last-of-type {
  margin-bottom: 0;
}
.c-recruit_list__content dd p strong {
  font-weight: bold;
}
.c-recruit_list__content .dd-flex {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__content .dd-flex {
    flex-direction: column;
  }
}
.c-recruit_list__content-img {
  max-width: 280px;
  min-width: 280px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__content-img {
    max-width: 100%;
    min-width: 100%;
  }
}
.c-recruit_list__content-img img {
  width: 100%;
  height: auto;
}
.c-recruit_list__content-text p {
  font-size: 13px;
  font-weight: 200;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_list__content-text p {
    font-size: 12px;
  }
}
.c-recruit_list__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__buttons {
    flex-direction: column;
    gap: 10px;
  }
}
.c-recruit_list__buttons .c-button {
  max-width: 405px;
  width: 100%;
  padding: 15px 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
  color: #fff;
  background-color: #000;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__buttons .c-button {
    max-width: 100%;
    font-size: 12px;
    padding: 12px 10px;
    box-sizing: border-box;
  }
}
.c-recruit_list__buttons .c-button.--white {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.c-recruit_list__close {
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__close {
    margin-top: 20px;
  }
}
.c-recruit_list__close-button {
  background: none;
  border: none;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  padding: 5px 10px;
  transition: color 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-recruit_list__close-button {
    font-size: 12px;
  }
}
.c-recruit_list__close-button:hover {
  color: #1f2a6b;
}

.c-recruit_btn {
  max-width: 410px;
  width: 100%;
  margin: 0 auto;
  background-color: #1F2A6B;
}
.c-recruit_btn.--black {
  background-color: #000;
}
.c-recruit_btn.--black a {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c-recruit_btn {
    max-width: 90%;
  }
}
.c-recruit_btn.--white {
  background-color: #fff;
  color: #000;
  border: 1px solid #1F2A6B;
}
.c-recruit_btn.--white a {
  color: #000;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
.c-recruit_btn a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
  display: block;
  padding: 15px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-recruit_btn a {
    font-size: 12px;
    padding: 12px 0;
  }
}

.c-recruit_lead {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
}
.c-recruit_lead__title {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.c-recruit_lead__title p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_lead__title p {
    font-size: 12px;
  }
}
.c-recruit_lead__text p {
  font-size: 13px;
  font-weight: 200;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.14rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_lead__text p {
    font-size: 11px;
  }
}

.c-recruit_about {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-recruit_about {
    max-width: 90%;
  }
}
.c-recruit_about__title {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-recruit_about__title {
    margin-bottom: 35px;
  }
}
.c-recruit_about__title p {
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_about__title p {
    font-size: 13px;
  }
}
.c-recruit_about__content {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .c-recruit_about__content {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 35px;
  }
}
.c-recruit_about__content:nth-of-type(odd) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .c-recruit_about__content:nth-of-type(odd) {
    flex-direction: column;
  }
}
.c-recruit_about__content:last-of-type {
  margin-bottom: 0;
}
.c-recruit_about__content-img {
  min-width: 420px;
  max-width: 420px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-recruit_about__content-img {
    min-width: 100%;
    max-width: 100%;
  }
}
.c-recruit_about__content-img img {
  width: 100%;
  height: auto;
}
.c-recruit_about__content-text p {
  font-size: 13px;
  font-weight: 200;
  line-height: 1.8;
  letter-spacing: 0.14rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_about__content-text p {
    font-size: 12px;
  }
}

.c-recruit_ttl {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.c-recruit_ttl p {
  font-size: 16px;
  color: #1F2A6B;
  font-weight: 700;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_ttl p {
    font-size: 15px;
    color: #000;
    font-weight: 500;
  }
}
.c-recruit_text {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-recruit_text {
    text-align: left;
  }
}
.c-recruit_text p {
  font-size: 13px;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-recruit_text p {
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.12rem;
    font-feature-settings: "palt";
  }
}
.c-recruit_flow {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-recruit_flow {
    flex-direction: column;
    gap: 20px;
  }
}
.c-recruit_flow__text {
  width: 100%;
  max-width: 500px;
}
.c-recruit_flow__text__ttl {
  width: 100%;
  margin-bottom: 5px;
}
.c-recruit_flow__text__ttl p {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_flow__text__ttl p {
    font-size: 15px;
    text-align: center;
  }
}
.c-recruit_flow__text__content {
  width: 100%;
}
.c-recruit_flow__text__content p {
  font-size: 13px;
  font-weight: 200;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_flow__text__content p {
    font-size: 12px;
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0.12rem;
  }
}
.c-recruit_flow__img {
  width: 100%;
  max-width: 435px;
}
@media screen and (max-width: 768px) {
  .c-recruit_flow__img {
    max-width: 90%;
  }
}
.c-recruit_flow__img img {
  width: 100%;
  height: auto;
}

.c-recruit_detail {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-recruit_detail {
    max-width: 90%;
    max-height: 150px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-in-out;
  }
  .c-recruit_detail.is-open {
    max-height: 1000px;
  }
}
.c-recruit_detail__item {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-recruit_detail__item {
    margin-bottom: 20px;
  }
}
.c-recruit_detail__item:last-of-type {
  margin-bottom: 0;
}
.c-recruit_detail__item-title {
  width: 100%;
}
.c-recruit_detail__item-title p {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt";
  color: #1F2A6B;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-recruit_detail__item-title p {
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.12rem;
  }
}
.c-recruit_detail__item-content p {
  font-size: 13px;
  font-weight: 200;
  line-height: 1.8;
  letter-spacing: 0.12rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-recruit_detail__item-content p {
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.12rem;
  }
}
.c-recruit_detail__item-content p span {
  font-weight: 700;
}

.c-recruit_readmore {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-recruit_readmore {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .c-recruit_readmore__button {
    font-family: helvetica;
    padding: 10px 40px 10px 20px;
    font-size: 12px;
    letter-spacing: 0.15rem;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
  }
  .c-recruit_readmore__button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(90deg);
    width: 8px;
    height: 14px;
    background-image: url(../image/common/right-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s;
  }
  .c-recruit_readmore__button.is-open::after {
    transform: translateY(-50%) rotate(-90deg);
  }
}

.p-reservation {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-reservation {
    margin-bottom: 45px;
  }
}
.p-reservation__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.p-reservation__wrapper2 {
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .p-reservation__wrapper2 {
    margin: 0 auto 30px;
  }
}
.p-reservation__wrapper3 {
  max-width: 1000px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-reservation__wrapper3 {
    max-width: 90%;
    width: 100%;
  }
}
.p-reservation__wrapper4 {
  max-width: 410px;
  margin: 0 auto 70px;
}
.p-reservation__wrapper4 a {
  display: block;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-reservation__wrapper4 {
    max-width: 90%;
    width: 100%;
    margin: 0 auto 20px;
  }
}
.p-reservation__wrapper5 {
  max-width: 1000px;
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .p-reservation__wrapper5 {
    margin: 0 auto;
    max-width: 90%;
  }
}

.c-reservation-ttl h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-reservation-ttl h3 {
    font-size: 12px;
    line-height: 2;
  }
}

.c-reservation-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-reservation-list {
    flex-direction: column;
    gap: 40px;
  }
}
.c-reservation-list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .c-reservation-list__item {
    gap: 10px;
  }
}
.c-reservation-list__item-img {
  max-width: 470px;
  width: 100%;
  height: 100%;
}
.c-reservation-list__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-reservation-list__item-link {
  max-width: 165px;
  width: 100%;
  border-bottom: 1px solid #000;
  text-align: center;
  padding-bottom: 10px;
}
.c-reservation-list__item-link a {
  display: block;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
  text-decoration: none;
  color: #000;
}

.p-noindex_post {
  padding-top: 65px;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-noindex_post {
    padding-top: 0;
    margin-bottom: 45px;
  }
}

.p-noindex_post__wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper {
    margin: 0 auto 20px;
    width: 90%;
  }
}

.p-noindex_post__wrapper2 {
  width: 100%;
  max-width: 810px;
  margin: 0 auto 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper2 {
    width: 90%;
  }
}

.p-noindex_post__wrapper3 {
  width: 100%;
  max-width: 810px;
  margin: 0 auto 45px;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper3 {
    margin: 0 auto 30px;
    width: 90%;
  }
}

.p-noindex_post__wrapper4 {
  background-color: #F8F8F8;
  width: 100%;
  margin: 0 auto 55px;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper4 {
    margin: 0 auto 30px;
  }
}

.p-noindex_post__wrapper5 {
  width: 100%;
  max-width: 810px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper5 {
    width: 90%;
  }
}
.p-noindex_post__wrapper5 p {
  font-size: 12px;
  letter-spacing: 0.12rem;
  font-weight: 200;
  line-height: 2.2;
  font-feature-settings: "palt" on;
  margin-bottom: 2em;
}
.p-noindex_post__wrapper5 p img {
  max-width: 500px;
  width: 100%;
  margin-bottom: 30px;
}
.p-noindex_post__wrapper5 p:has(img) {
  width: fit-content;
  display: block;
  margin: 0 auto;
}
.p-noindex_post__wrapper5 h2 {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 25px;
  background-color: #000;
  text-align: center;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  padding: 5px 20px;
  min-height: 52px;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper5 h2 {
    min-height: 0;
    background: none;
    align-items: stretch;
    justify-content: flex-start;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    padding: 0px;
    margin-bottom: 25px;
  }
}
.p-noindex_post__wrapper5 h3 {
  font-size: 22px;
  letter-spacing: 0.12rem;
  font-weight: bold;
  line-height: 2.2;
  font-feature-settings: "palt" on;
  margin: 2em 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper5 h3 {
    font-size: 18px;
    margin: 1em 0;
  }
}
.p-noindex_post__wrapper5 a {
  color: #000;
  text-decoration: underline;
  font-weight: 500;
}
.p-noindex_post__wrapper5 strong {
  font-weight: bold;
}

.p-noindex_post__wrapper6 {
  max-width: 408px;
  margin: 50px auto 85px;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper6 {
    width: 90%;
    margin: 0 auto 50px;
  }
}

.p-noindex_post__wrapper7 {
  width: 100%;
  margin: 0 auto 75px;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper7 {
    margin: 0 auto 45px;
  }
}

.p-noindex_post__wrapper8 {
  width: 100%;
  margin: 0 auto 70px;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper8 {
    width: 90%;
  }
}

.p-noindex_post__wrapper9 {
  width: 100%;
  max-width: 1000px;
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .p-noindex_post__wrapper9 {
    width: 95%;
    margin-right: 0;
    overflow-x: visible;
    padding-right: 20px;
  }
}

.c-noindex_post-title {
  width: 100%;
}
.c-noindex_post-title p {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-noindex_post-title p {
    text-align: center;
  }
}
.c-noindex_post-title h2 {
  font-size: 18px;
  letter-spacing: 0.15rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-noindex_post-title h2 {
    font-size: 13px;
    text-align: left;
    font-feature-settings: "palt" on;
    letter-spacing: 0.2rem;
  }
}

.c-noindex_post-date p {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-noindex_post-date p {
    font-size: 10px;
  }
}

.c-noindex_post-mv {
  width: 100%;
  height: auto;
}
.c-noindex_post-mv img {
  width: 100%;
  height: 100%;
}

.c-noindex_post-hdg {
  width: 100%;
  padding: 31px 0;
  max-width: 810px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-noindex_post-hdg {
    width: 90%;
  }
}
.c-noindex_post-hdg p {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .c-noindex_post-hdg p {
    font-size: 11px;
  }
}
.c-noindex_post-hdg p:last-child {
  margin-bottom: 0;
}
.c-noindex_post-hdg p span {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: bold;
}

.c-noindex_post-border-gray {
  margin: 40px auto 50px;
  display: block;
  width: 100%;
  max-width: 410px;
  padding: 10px 0;
  border-left: 5px solid #000;
  background-color: #E7E8E9;
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt" on;
  font-weight: 700 !important;
  color: #0F345B !important;
  text-decoration: none !important;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-noindex_post-border-gray {
    margin: 0 auto 50px;
    padding: 8px 0;
    font-size: 12px;
  }
}
.c-noindex_post-border-gray::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../image/common/news-arrow-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 14px;
}

.p-philosophy {
  padding-top: 30px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-philosophy {
    margin-bottom: 45px;
  }
}
.p-philosophy__wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.p-philosophy__wrapper2 {
  max-width: 1000px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-philosophy__wrapper2 {
    max-width: 90%;
    margin-bottom: 40px;
  }
}
.p-philosophy__wrapper3 {
  max-width: 1000px;
  margin: 0 auto 110px;
}
@media screen and (max-width: 768px) {
  .p-philosophy__wrapper3 {
    max-width: 90%;
    margin-bottom: 70px;
  }
}
.p-philosophy__wrapper4 {
  max-width: 1000px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .p-philosophy__wrapper4 {
    max-width: 90%;
    margin-bottom: 50px;
  }
}
.p-philosophy__wrapper5 {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-philosophy__wrapper5 {
    margin-top: 10px;
    max-width: 90%;
  }
}

.c-philosophy_mv {
  margin: 0 auto 40px;
  max-width: 1000px;
  width: 100%;
  height: 100%;
}
.c-philosophy_mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-philosophy_lead__hdg {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.12rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-philosophy_lead__hdg {
    font-size: 12px;
  }
}
.c-philosophy_lead__txt {
  font-size: 12px;
  line-height: 2.2;
  letter-spacing: 0.1rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-philosophy_lead__txt {
    font-size: 11px;
    letter-spacing: 0.05rem;
  }
}

.c-philosophy_card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .c-philosophy_card {
    flex-direction: column;
  }
}
.c-philosophy_card:last-child {
  margin-bottom: 0;
}
.c-philosophy_card.--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .c-philosophy_card.--reverse {
    flex-direction: column;
  }
}
.c-philosophy_card__img {
  max-width: 450px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .c-philosophy_card__img {
    margin-bottom: 20px;
  }
}
.c-philosophy_card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-philosophy_card__inr {
  max-width: 480px;
  width: 100%;
}
.c-philosophy_card__hdg {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.12rem;
  font-feature-settings: "palt";
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-philosophy_card__hdg {
    font-size: 12px;
    letter-spacing: 0.05rem;
    margin-bottom: 5px;
  }
}
.c-philosophy_card__txt {
  font-size: 12px;
  line-height: 2.2;
  letter-spacing: 0.1rem;
  font-feature-settings: "palt";
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-philosophy_card__txt {
    font-size: 11px;
    letter-spacing: 0.05rem;
    line-height: 1.8;
  }
}
.c-philosophy_card__btn {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.12rem;
  font-feature-settings: "palt";
  text-align: center;
  max-width: 120px;
}
@media screen and (max-width: 768px) {
  .c-philosophy_card__btn {
    margin: 0 auto;
  }
}
.c-philosophy_card__btn a {
  display: block;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.p-company {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-company {
    margin-bottom: 45px;
  }
}
.p-company__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-company__wrapper {
    margin-bottom: 60px;
  }
}
.p-company__wrapper2 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-company__wrapper2 {
    margin-bottom: 50px;
  }
}
.p-company__wrapper3 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 110px;
}
@media screen and (max-width: 768px) {
  .p-company__wrapper3 {
    max-width: 90%;
  }
}
.p-company__wrapper4 {
  width: 100%;
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  .p-company__wrapper4 {
    margin-bottom: 90px;
  }
}
.p-company__wrapper5 {
  max-width: 1000px;
  width: 100%;
  margin: 90px auto 100px;
}
@media screen and (max-width: 768px) {
  .p-company__wrapper5 {
    margin: 60px auto 60px;
    max-width: 90%;
  }
}
.p-company__wrapper6 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .p-company__wrapper6 {
    max-width: 90%;
    margin: 0 auto 60px;
  }
}
.p-company__wrapper7 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .p-company__wrapper7 {
    max-width: 90%;
    margin: 0 auto 65px;
  }
}
.p-company__wrapper8 {
  max-width: 1000px;
  width: 100%;
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .p-company__wrapper8 {
    max-width: 90%;
  }
}
.p-company__wrapper9 {
  max-width: 1000px;
  width: 100%;
  margin: 90px auto 100px;
}
@media screen and (max-width: 768px) {
  .p-company__wrapper9 {
    margin: 60px auto 100px;
    max-width: 90%;
  }
}

.c-company_logo {
  max-width: 93px;
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .c-company_logo {
    max-width: 70px;
    margin-bottom: 0;
  }
}
.c-company_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-company_info {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-company_info {
    flex-direction: column;
  }
}
.c-company_info__head h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: 0.18rem;
}
@media screen and (max-width: 768px) {
  .c-company_info__head h3 {
    font-size: 15px;
    margin-bottom: 30px;
  }
}
.c-company_info dl {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  .c-company_info dl {
    width: 100%;
  }
}
.c-company_info__item {
  display: flex;
  border-bottom: 1px solid #808080;
  padding: 13px 0 13px 15px;
}
@media screen and (max-width: 768px) {
  .c-company_info__item {
    padding: 12px 0;
  }
}
.c-company_info__item:nth-child(odd) {
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-company_info__item:nth-child(odd) {
    background-color: #fff;
  }
}
.c-company_info__item:first-child {
  border-top: 1px solid #808080;
}
.c-company_info__item dt {
  width: 20%;
  font-weight: bold;
  font-size: 13px;
  font-feature-settings: "palt";
  letter-spacing: 0.05rem;
}
@media screen and (max-width: 768px) {
  .c-company_info__item dt {
    font-size: 11px;
    font-weight: 200;
  }
}
.c-company_info__item dd {
  width: 80%;
  font-weight: 200;
  font-size: 13px;
  font-feature-settings: "palt";
  letter-spacing: 0.1rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-company_info__item dd {
    font-size: 10px;
  }
}
.c-company_info__item dd a {
  text-decoration: underline;
  color: #000;
  font-weight: bold;
}

.c-company_ttl {
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .c-company_ttl {
    margin-bottom: 30px;
  }
}
.c-company_ttl h3 {
  width: 100%;
  height: auto;
  font-size: 18px;
  letter-spacing: 0.18rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-company_ttl h3 {
    font-size: 15px;
  }
}
.c-company_ttl h3 img {
  max-width: 92px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-company_card {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .c-company_card {
    flex-direction: column;
    gap: 35px;
    margin-bottom: 55px;
  }
}
.c-company_card:last-child {
  margin-bottom: 0;
}
.c-company_card.--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .c-company_card.--reverse {
    flex-direction: column;
  }
}
.c-company_card__img {
  width: 52%;
}
@media screen and (max-width: 768px) {
  .c-company_card__img {
    width: 100%;
  }
}
.c-company_card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-company_card__txt {
  width: 20%;
}
@media screen and (max-width: 768px) {
  .c-company_card__txt {
    width: 100%;
  }
}
.c-company_card__txt p {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.15rem;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-company_card__txt p {
    font-size: 13px;
  }
}
.c-company_card__txt p:last-child {
  margin-bottom: 0;
}
.c-company_card__txt p span {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-company_card__txt p span {
    font-size: 13px;
  }
}

.c-company_hr {
  width: 100%;
  height: 1px;
  background-color: #999999;
}

.c-company_timeline {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-company_timeline {
    flex-direction: column;
  }
}
.c-company_timeline__col {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .c-company_timeline__col {
    width: 100%;
  }
}
.c-company_timeline__col.--right .c-company_timeline__item:nth-child(even) {
  background-color: #f8f8f8;
}
.c-company_timeline__col.--right .c-company_timeline__item:nth-child(odd) {
  background-color: #fff;
}
.c-company_timeline__item {
  display: flex;
  padding: 25px 20px;
  border-bottom: 1px solid #808080;
}
@media screen and (max-width: 768px) {
  .c-company_timeline__item {
    padding: 20px 0 20px 15px;
  }
}
.c-company_timeline__item:first-child {
  border-top: 1px solid #808080;
}
.c-company_timeline__item:nth-child(odd) {
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-company_timeline__item.--sp-border-none {
    border-bottom: none;
  }
}
.c-company_timeline__year {
  font-size: 13px;
  font-weight: bold;
  width: 80px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .c-company_timeline__year {
    font-size: 11px;
    width: 55px;
    margin-right: 10px;
  }
}
.c-company_timeline__body {
  width: calc(100% - 100px);
}
@media screen and (max-width: 768px) {
  .c-company_timeline__body {
    width: 100%;
  }
}
.c-company_timeline__tags {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.c-company_timeline__tag {
  font-size: 12px;
  color: #fff;
  padding: 2px 13px;
}
@media screen and (max-width: 768px) {
  .c-company_timeline__tag {
    font-size: 10px;
  }
}
.c-company_timeline__tag.--sougyou {
  background-color: #80272d;
}
.c-company_timeline__tag.--iten {
  background-color: #006eb0;
}
.c-company_timeline__tag.--service {
  background-color: #1f2a6b;
}
.c-company_timeline__tag.--setsuritsu {
  background-color: #80272d;
}
.c-company_timeline__tag.--tokkyo {
  background-color: #006682;
}
.c-company_timeline__text {
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.05rem;
  font-feature-settings: "palt";
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-company_timeline__text {
    font-size: 10px;
  }
}

.c-company_card2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .c-company_card2 {
    flex-direction: column;
    margin-bottom: 55px;
  }
}
.c-company_card2:last-child {
  margin-bottom: 0;
}
.c-company_card2.--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .c-company_card2.--reverse {
    flex-direction: column;
  }
}
.c-company_card2__img {
  max-width: 450px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .c-company_card2__img {
    margin-bottom: 15px;
  }
}
.c-company_card2__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-company_card2__inr {
  max-width: 480px;
  width: 100%;
}
.c-company_card2__hdg {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.12rem;
  font-feature-settings: "palt";
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-company_card2__hdg {
    font-size: 12px;
  }
}
.c-company_card2__txt {
  font-size: 12px;
  line-height: 2.2;
  letter-spacing: 0.1rem;
  font-feature-settings: "palt";
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-company_card2__txt {
    font-size: 11px;
  }
}
.c-company_card2__btn {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.12rem;
  font-feature-settings: "palt";
  text-align: center;
  max-width: 120px;
}
@media screen and (max-width: 768px) {
  .c-company_card2__btn {
    margin: 0 auto;
  }
}
.c-company_card2__btn a {
  display: block;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.p-contact {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-contact {
    margin-bottom: 45px;
  }
}
.p-contact__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-contact__wrapper {
    margin-bottom: 0;
  }
}
.p-contact__wrapper2 {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.p-contact__wrapper3 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .p-contact__wrapper3 {
    margin-bottom: 20px;
  }
}
.p-contact__wrapper4 {
  max-width: 410px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-contact__wrapper4 {
    max-width: 90%;
    margin-bottom: 30px;
  }
}
.p-contact__wrapper5 {
  width: 100%;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .p-contact__wrapper5 {
    margin-bottom: 50px;
  }
}
.p-contact__wrapper6 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-contact__wrapper6 {
    max-width: 90%;
  }
}
.p-contact__wrapper7 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  max-height: 1150px;
}
@media screen and (max-width: 768px) {
  .p-contact__wrapper7 {
    max-width: 90%;
    max-height: 1650px;
  }
}
.p-contact__wrapper7 iframe {
  height: 1400px;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-contact__wrapper7 iframe {
    height: 1800px;
  }
}

.c-contact_mv {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .c-contact_mv {
    margin-bottom: 20px;
  }
}
.c-contact_mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-contact_lead p {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.25rem;
  font-feature-settings: "palt" on;
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-contact_lead p {
    font-size: 12px;
  }
}

.c-contact_info {
  margin: 0 auto;
  padding: 60px 0 75px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .c-contact_info {
    padding: 40px 0 30px;
  }
}
.c-contact_info__title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin-bottom: 55px;
  letter-spacing: 0.25rem;
}
@media screen and (max-width: 768px) {
  .c-contact_info__title {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
.c-contact_info__item {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-contact_info__item {
    max-width: 90%;
    flex-direction: column;
    gap: 0;
  }
}
.c-contact_info__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 100%;
  background-color: #000;
}
@media screen and (max-width: 768px) {
  .c-contact_info__item::before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .c-contact_info__item-content {
    padding: 20px 0;
    border-bottom: 1px solid #808080;
  }
  .c-contact_info__item-content:last-child {
    border-bottom: none;
  }
}
.c-contact_info__item-content p {
  font-size: 16px;
  font-weight: 200;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-contact_info__item-content p {
    font-size: 12px;
  }
  .c-contact_info__item-content p:last-child {
    margin-bottom: 0;
  }
}
.c-contact_info__item-content p span {
  font-weight: 500;
}

.c-contact_form {
  text-align: center;
}
.c-contact_form-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.25rem;
  font-feature-settings: "palt" on;
  text-align: center;
  line-height: 2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-contact_form-title {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.c-contact_form-desc {
  font-size: 12px;
  font-weight: 200;
  font-feature-settings: "palt" on;
  letter-spacing: 0.17rem;
  margin-bottom: 40px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-contact_form-desc {
    text-align: left;
    font-size: 11px;
    margin-bottom: 10px;
  }
}
.c-contact_form-annotation p {
  font-size: 14px;
  font-weight: 200;
  font-feature-settings: "palt" on;
  letter-spacing: 0.1rem;
  margin-bottom: 15px;
}
.c-contact_form-annotation p span {
  color: #ff0000;
}
@media screen and (max-width: 768px) {
  .c-contact_form-annotation p {
    text-align: left;
    font-size: 11px;
    margin-bottom: 10px;
  }
}

.p-thanks {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-thanks {
    margin-bottom: 40px;
  }
}
.p-thanks__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-thanks__wrapper {
    margin-bottom: 70px;
  }
}
.p-thanks__wrapper2 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
.p-thanks__wrapper3 {
  max-width: 410px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-thanks__wrapper3 {
    max-width: 90%;
  }
}

.c-thanks_img {
  width: 100%;
  max-width: 100px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .c-thanks_img {
    max-width: 80px;
    margin-bottom: 30px;
  }
}
.c-thanks_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-thanks_hdg {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-thanks_hdg {
    margin-bottom: 10px;
  }
}
.c-thanks_hdg p {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  .c-thanks_hdg p {
    font-size: 12px;
  }
}

.c-thanks_txt {
  text-align: center;
}
.c-thanks_txt p {
  font-size: 12px;
  font-feature-settings: "palt" on;
  color: #000;
  line-height: 2;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  .c-thanks_txt p {
    font-size: 11px;
  }
}
.c-thanks_txt p a {
  font-size: 12px;
  font-feature-settings: "palt" on;
  color: #000;
  line-height: 2;
  letter-spacing: 0.1rem;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .c-thanks_txt p a {
    font-size: 11px;
  }
}

.p-order {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-order {
    margin-bottom: 45px;
  }
}
.p-order__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-order__wrapper {
    margin-bottom: 40px;
  }
}
.p-order__wrapper2 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}
.p-order__wrapper3 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-order__wrapper3 {
    max-width: 90%;
  }
}
.p-order__wrapper4 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-order__wrapper4 {
    max-width: 90%;
    margin-bottom: 80px;
  }
}
.p-order__wrapper5 {
  width: 100%;
  margin: 0 auto 80px;
}
.p-order__wrapper6 {
  max-width: 1000px;
  width: 100%;
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .p-order__wrapper6 {
    max-width: 90%;
    margin-top: 10px;
  }
}

.c-order_img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.c-order_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-order_hdg {
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-order_hdg {
    text-align: left;
  }
}
.c-order_hdg p {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  letter-spacing: 0.1rem;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-order_hdg p {
    font-size: 12px;
  }
}

.c-order_hdg2 {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-order_hdg2 {
    margin-bottom: 30px;
  }
}
.c-order_hdg2 p {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-order_hdg2 p {
    font-size: 15px;
  }
}

.c-order_txt {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-order_txt {
    text-align: left;
  }
}
.c-order_txt p {
  font-size: 12px;
  font-weight: 200;
  line-height: 2;
  color: #000;
  letter-spacing: 0.1rem;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-order_txt p {
    font-size: 11px;
  }
}

.c-order_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px 0;
}

.c-order_list_item {
  max-width: 470px;
  width: 100%;
}
.c-order_list_item_img {
  width: 100%;
  margin-bottom: 20px;
}
.c-order_list_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-order_list_item_hdg {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt" on;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-order_list_item_hdg {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.c-order_list_item_txt {
  font-size: 12px;
  font-weight: 200;
  line-height: 2;
  color: #000;
  letter-spacing: 0.1rem;
  font-feature-settings: "palt" on;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-order_list_item_txt {
    font-size: 11px;
    margin-bottom: 10px;
  }
}
.c-order_list_item_btn {
  max-width: 120px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.c-order_list_item_btn a {
  display: block;
  font-size: 12px;
  font-weight: 200;
  color: #000;
  border-bottom: 1px solid #000;
  padding: 10px 20px;
  letter-spacing: 0.1rem;
  font-feature-settings: "palt" on;
}

.p-material {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-material {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  .p-material {
    overflow-x: hidden;
  }
}
.p-material__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}
.p-material__wrapper2 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-material__wrapper2 {
    margin: 0 auto 30px;
  }
}
.p-material__wrapper3 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-material__wrapper3 {
    max-width: 90%;
    margin: 0 auto 20px;
  }
}
.p-material__wrapper4 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-material__wrapper4 {
    max-width: 90%;
    margin: 0 auto 35px;
  }
}
.p-material__wrapper5 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-material__wrapper5 {
    max-width: 90%;
    margin: 0 auto 20px;
  }
}
.p-material__wrapper6 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-material__wrapper6 {
    max-width: 90%;
    margin: 0 auto 20px;
  }
}
.p-material__wrapper7 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-material__wrapper7 {
    max-width: 90%;
    margin: 0 auto 40px;
  }
}
.p-material__wrapper8 {
  width: 100%;
  margin: 0 auto 80px;
  padding: 90px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .p-material__wrapper8 {
    padding: 40px 0;
    margin: 0 auto 50px;
  }
}
.p-material__wrapper9 {
  width: 100%;
  margin: 0 auto 110px;
}
@media screen and (max-width: 768px) {
  .p-material__wrapper9 {
    margin: 0 auto 60px;
  }
}
.p-material__wrapper10 {
  max-width: 1000px;
  width: 100%;
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .p-material__wrapper10 {
    max-width: 90%;
    margin: 10px auto 0;
  }
}

.c-material_img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.c-material_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-material_lead {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-material_lead {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .c-material_lead__hdg_en {
    text-align: center;
  }
}
.c-material_lead__hdg_en p {
  font-size: 24px;
  color: #0f345b;
  font-feature-settings: "palt" on;
  letter-spacing: 0.25rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-material_lead__hdg_en p {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .c-material_lead__hdg_ja {
    margin-bottom: 10px;
    text-align: center;
  }
}
.c-material_lead__hdg_ja p {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-material_lead__hdg_ja p {
    font-size: 15px;
  }
}
.c-material_lead__txt {
  max-width: 720px;
  width: 100%;
}
.c-material_lead__txt p {
  font-size: 12px;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.07rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-material_lead__txt p {
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-material_card {
  width: 100%;
  margin: 0 auto;
  padding: 50px;
  box-shadow: 0 0 8px rgb(231, 231, 231);
}
@media screen and (max-width: 768px) {
  .c-material_card {
    padding: 30px;
  }
}
.c-material_card__hdg {
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-material_card__hdg {
    margin-bottom: 20px;
  }
}
.c-material_card__hdg p {
  font-size: 20px;
  font-weight: bold;
  color: #0f345b;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-material_card__hdg p {
    font-size: 12px;
  }
}
.c-material_card__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-material_card__item {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}
.c-material_card__item-img {
  width: 100%;
  max-width: 290px;
}
@media screen and (max-width: 768px) {
  .c-material_card__item-img {
    max-width: 100%;
  }
}
.c-material_card__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-material_card__item-txt p {
  font-size: 12px;
  font-weight: 200;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.07rem;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .c-material_card__item-txt p {
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-material_card2 {
  padding: 110px 0 55px;
  border-bottom: 1px solid #808080;
}
.c-material_card2:first-child {
  padding: 140px 0 55px;
}
@media screen and (max-width: 768px) {
  .c-material_card2:first-child {
    padding: 0 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .c-material_card2 {
    padding: 40px 0;
  }
}
.c-material_card2:last-child {
  padding: 140px 0 0;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .c-material_card2:last-child {
    padding: 40px 0 0;
  }
}
.c-material_card2__inr {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-material_card2__inr {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.c-material_card2__img {
  width: 52%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-material_card2__img {
    width: 100%;
  }
}
.c-material_card2__img_box {
  position: absolute;
  top: -65px;
  left: 0;
  width: 150px;
  height: 150px;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-material_card2__img_box {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    padding: 15px 0;
    width: 100%;
    height: auto;
  }
}
.c-material_card2__img_box .en {
  font-size: 11px;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  .c-material_card2__img_box .en {
    font-size: 10px;
    letter-spacing: 0.1rem;
  }
}
.c-material_card2__img_box .ja {
  font-size: 17px;
  font-weight: bold;
  color: #0f345b;
}
@media screen and (max-width: 768px) {
  .c-material_card2__img_box .ja {
    font-size: 14px;
    letter-spacing: 0.1rem;
  }
}
.c-material_card2__img_box2 {
  margin-left: auto;
  width: 100%;
  max-width: 405px;
}
@media screen and (max-width: 768px) {
  .c-material_card2__img_box2 {
    max-width: 100%;
    margin: auto;
  }
}
.c-material_card2__img_box2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-material_card2__content {
  width: 55%;
}
@media screen and (max-width: 768px) {
  .c-material_card2__content {
    width: 100%;
  }
}
.c-material_card2__content_info {
  padding-bottom: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .c-material_card2__content_info {
    padding-bottom: 0;
  }
}
.c-material_card2__content_info_inr {
  margin-bottom: 10px;
}
.c-material_card2__content_info_inr:last-child {
  margin-bottom: 0;
}
.c-material_card2__content_info_inr p {
  display: inline-block;
  width: 150px;
  font-size: 14px;
  color: #0f345b;
  font-weight: 500;
  font-feature-settings: "palt" on;
  letter-spacing: 0.07rem;
}
@media screen and (max-width: 768px) {
  .c-material_card2__content_info_inr p {
    font-size: 11px;
    letter-spacing: 0.1rem;
  }
}
.c-material_card2__content_txt p {
  line-height: 2.2;
  font-size: 12px;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
.c-material_card2__content_txt p + p {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .c-material_card2__content_txt p {
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-material_ttl {
  background-color: #f8f8f8;
  padding: 10px 20px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-material_ttl {
    padding: 15px 20px;
  }
}
.c-material_ttl p {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-material_ttl p {
    font-size: 12px;
  }
}

.c-material_txt {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-material_txt {
    text-align: left;
    margin-bottom: 30px;
  }
}
.c-material_txt p {
  font-size: 12px;
  font-weight: 200;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  .c-material_txt p {
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-material_list {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-material_list {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}
.c-material_list__item {
  max-width: 290px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-material_list__item {
    max-width: 100%;
  }
}
.c-material_list__item-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-material_list__item-img {
    max-width: 60%;
    margin: 0 auto 15px;
  }
}
.c-material_list__item-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.c-material_list__item-name {
  margin-bottom: 10px;
  text-align: center;
}
.c-material_list__item-name p {
  font-size: 16px;
  font-weight: bold;
  color: #0f345b;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-material_list__item-name p {
    font-size: 12px;
  }
}
.c-material_list__item-txt p {
  font-size: 12px;
  font-weight: 200;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.1rem;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .c-material_list__item-txt p {
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-material_menu-list {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-material_menu-list {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.c-material_menu-list__item {
  max-width: 280px;
  width: 100%;
  text-align: center;
  border: 1px solid #0f345b;
}
@media screen and (max-width: 768px) {
  .c-material_menu-list__item {
    max-width: 100%;
  }
}
.c-material_menu-list__item a {
  padding: 15px 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-material_menu-list__item a {
    padding: 13px 0;
    font-size: 11px;
    letter-spacing: 0.1rem;
  }
}
.c-material_menu-list__item.--gray {
  background-color: #f8f8f8;
  border: none;
}

.c-material_series {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-material_series {
    max-width: 90%;
  }
}
.c-material_series__title {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .c-material_series__title {
    text-align: left;
    margin-bottom: 20px;
  }
}
.c-material_series__title h3 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.18rem;
}

.p-design {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-design {
    margin-bottom: 45px;
    overflow-x: hidden;
  }
}
.p-design__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}
.p-design__wrapper2 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-design__wrapper2 {
    margin: 0 auto 30px;
  }
}
.p-design__wrapper3 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .p-design__wrapper3 {
    max-width: 90%;
    margin: 0 auto 40px;
  }
}
.p-design__wrapper4 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-design__wrapper4 {
    max-width: 90%;
    margin: 0 auto 70px;
  }
}
.p-design__wrapper5 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-design__wrapper5 {
    max-width: 90%;
    margin: 0 auto 30px;
  }
}
.p-design__wrapper6 {
  width: 100%;
  margin: 0 auto 80px;
  padding: 90px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .p-design__wrapper6 {
    padding: 40px 0;
    margin: 0 auto 50px;
  }
}
.p-design__wrapper7 {
  width: 100%;
  margin: 0 auto 110px;
}
@media screen and (max-width: 768px) {
  .p-design__wrapper7 {
    margin: 0 auto 60px;
  }
}
.p-design__wrapper8 {
  max-width: 1000px;
  width: 100%;
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .p-design__wrapper8 {
    max-width: 90%;
    margin: 10px auto 0;
  }
}

.c-design_img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.c-design_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-design_lead {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-design_lead {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .c-design_lead__hdg_en {
    text-align: center;
  }
}
.c-design_lead__hdg_en p {
  font-size: 24px;
  color: #0f345b;
  font-feature-settings: "palt" on;
  letter-spacing: 0.25rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-design_lead__hdg_en p {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .c-design_lead__hdg_ja {
    margin-bottom: 10px;
  }
}
.c-design_lead__hdg_ja p {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-design_lead__hdg_ja p {
    font-size: 15px;
  }
}
.c-design_lead__txt {
  max-width: 720px;
  width: 100%;
}
.c-design_lead__txt p {
  font-size: 12px;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.07rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-design_lead__txt p {
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-design_card2 {
  padding: 110px 0 55px;
  border-bottom: 1px solid #808080;
}
.c-design_card2:first-child {
  padding: 140px 0 55px;
}
@media screen and (max-width: 768px) {
  .c-design_card2:first-child {
    padding: 0 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .c-design_card2 {
    padding: 40px 0;
  }
}
.c-design_card2:last-child {
  padding: 140px 0 0;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .c-design_card2:last-child {
    padding: 40px 0 0;
  }
}
.c-design_card2__inr {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-design_card2__inr {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.c-design_card2__img {
  width: 52%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-design_card2__img {
    width: 100%;
  }
}
.c-design_card2__img_box {
  position: absolute;
  top: -65px;
  left: 0;
  width: 150px;
  height: 150px;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-design_card2__img_box {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    padding: 15px 0;
    width: 100%;
    height: auto;
  }
}
.c-design_card2__img_box .en {
  font-size: 11px;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  .c-design_card2__img_box .en {
    font-size: 10px;
    letter-spacing: 0.1rem;
  }
}
.c-design_card2__img_box .ja {
  font-size: 17px;
  font-weight: bold;
  color: #0f345b;
}
@media screen and (max-width: 768px) {
  .c-design_card2__img_box .ja {
    font-size: 14px;
    letter-spacing: 0.1rem;
  }
}
.c-design_card2__img_box2 {
  margin-left: auto;
  width: 100%;
  max-width: 405px;
}
@media screen and (max-width: 768px) {
  .c-design_card2__img_box2 {
    max-width: 100%;
    margin: auto;
  }
}
.c-design_card2__img_box2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-design_card2__content {
  width: 55%;
}
@media screen and (max-width: 768px) {
  .c-design_card2__content {
    width: 100%;
  }
}
.c-design_card2__content_info {
  padding-bottom: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .c-design_card2__content_info {
    padding-bottom: 0;
  }
}
.c-design_card2__content_info_inr {
  margin-bottom: 10px;
}
.c-design_card2__content_info_inr:last-child {
  margin-bottom: 0;
}
.c-design_card2__content_info_inr p {
  font-size: 14px;
  color: #0f345b;
  font-weight: 500;
  font-feature-settings: "palt" on;
  letter-spacing: 0.07rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-design_card2__content_info_inr p {
    font-size: 11px;
  }
}
.c-design_card2__content_txt p {
  line-height: 2.2;
  font-size: 12px;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .c-design_card2__content_txt p {
    font-size: 11px;
    line-height: 2;
  }
}
.c-design_card2__content_txt p + p {
  margin-top: 15px;
}

.c-design_ttl {
  background-color: #f8f8f8;
  padding: 10px 20px;
  text-align: center;
  margin-bottom: 20px;
}
.c-design_ttl p {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}

.c-design_txt {
  text-align: center;
  margin-bottom: 40px;
}
.c-design_txt p {
  font-size: 12px;
  font-weight: 200;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  line-height: 2.2;
}

.c-design_list {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-bottom: 40px;
}
.c-design_list__item {
  max-width: 290px;
  width: 100%;
}
.c-design_list__item-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 10px;
}
.c-design_list__item-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.c-design_list__item-name {
  margin-bottom: 10px;
  text-align: center;
}
.c-design_list__item-name p {
  font-size: 16px;
  font-weight: bold;
  color: #0f345b;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}
.c-design_list__item-txt p {
  font-size: 12px;
  font-weight: 200;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.1rem;
  line-height: 2.1;
}

.c-design_menu-list {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-design_menu-list {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.c-design_menu-list__item {
  max-width: 280px;
  width: 100%;
  text-align: center;
  border: 1px solid #0f345b;
}
@media screen and (max-width: 768px) {
  .c-design_menu-list__item {
    max-width: 100%;
  }
}
.c-design_menu-list__item a {
  padding: 15px 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-design_menu-list__item a {
    padding: 13px 0;
    font-size: 11px;
    letter-spacing: 0.1rem;
  }
}
.c-design_menu-list__item.--gray {
  background-color: #f8f8f8;
  border: none;
}

.c-design_series {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-design_series {
    max-width: 90%;
  }
}
.c-design_series__title {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .c-design_series__title {
    text-align: left;
    margin-bottom: 20px;
  }
}
.c-design_series__title h3 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.18rem;
}

.p-color {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-color {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  .p-color {
    overflow-x: hidden;
  }
}
.p-color__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}
.p-color__wrapper2 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-color__wrapper2 {
    margin: 0 auto 30px;
  }
}
.p-color__wrapper3 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-color__wrapper3 {
    max-width: 90%;
    margin: 0 auto 35px;
  }
}
.p-color__wrapper4 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-color__wrapper4 {
    margin: 0 auto 50px;
  }
}
.p-color__wrapper5 {
  width: 100%;
  margin: 0 auto 80px;
  padding: 70px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .p-color__wrapper5 {
    padding: 50px 0;
    margin: 0 auto 50px;
  }
}
.p-color__wrapper5_inr {
  margin-bottom: 50px;
}
.p-color__wrapper5_inr:last-child {
  margin-bottom: 0;
}
.p-color__wrapper6 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-color__wrapper6 {
    max-width: 90%;
    margin: 0 auto 40px;
  }
}
.p-color__wrapper7 {
  width: 100%;
  margin: 0 auto 80px;
  padding: 90px 0;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .p-color__wrapper7 {
    padding: 40px 0;
    margin: 0 auto 50px;
  }
}
.p-color__wrapper8 {
  width: 100%;
  margin: 0 auto 110px;
}
@media screen and (max-width: 768px) {
  .p-color__wrapper8 {
    margin: 0 auto 60px;
  }
}
.p-color__wrapper9 {
  max-width: 1000px;
  width: 100%;
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .p-color__wrapper9 {
    max-width: 90%;
    margin: 10px auto 0;
  }
}

.c-color_img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.c-color_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-color_lead {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-color_lead {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .c-color_lead__hdg_en {
    text-align: center;
  }
}
.c-color_lead__hdg_en p {
  font-size: 24px;
  color: #0f345b;
  font-feature-settings: "palt" on;
  letter-spacing: 0.25rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-color_lead__hdg_en p {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .c-color_lead__hdg_ja {
    margin-bottom: 10px;
    text-align: center;
  }
}
.c-color_lead__hdg_ja p {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-color_lead__hdg_ja p {
    font-size: 15px;
  }
}
.c-color_lead__txt {
  max-width: 720px;
  width: 100%;
}
.c-color_lead__txt p {
  font-size: 12px;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.07rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-color_lead__txt p {
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-color_ttl {
  background-color: #f8f8f8;
  padding: 17px 20px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-color_ttl {
    padding: 15px 20px;
    max-width: 90%;
    margin: 0 auto 20px;
  }
}
.c-color_ttl p {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-color_ttl p {
    font-size: 12px;
  }
}

.c-color_txt {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-color_txt {
    text-align: left;
    margin-bottom: 30px;
  }
}
.c-color_txt p {
  font-size: 12px;
  font-weight: 200;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  .c-color_txt p {
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-color_menu-list {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-color_menu-list {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.c-color_menu-list__item {
  max-width: 280px;
  width: 100%;
  text-align: center;
  border: 1px solid #0f345b;
}
@media screen and (max-width: 768px) {
  .c-color_menu-list__item {
    max-width: 100%;
  }
}
.c-color_menu-list__item a {
  padding: 15px 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-color_menu-list__item a {
    padding: 13px 0;
    font-size: 11px;
    letter-spacing: 0.1rem;
  }
}
.c-color_menu-list__item.--gray {
  background-color: #f8f8f8;
  border: none;
}

.c-color_series {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-color_series {
    max-width: 90%;
  }
}
.c-color_series__title {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .c-color_series__title {
    text-align: left;
    margin-bottom: 20px;
  }
}
.c-color_series__title h3 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.18rem;
}

.c-color_hdg {
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .c-color_hdg {
    max-width: 90%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 40px;
  }
}
.c-color_hdg p {
  font-size: 16px;
  font-weight: 700;
  color: #0f345b;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-color_hdg p {
    font-size: 12px;
    letter-spacing: 0.1rem;
    line-height: 1.8;
  }
}

.c-color_list__hdg {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-color_list__hdg {
    max-width: 90%;
    margin: 0 auto 25px;
  }
}
.c-color_list__hdg h3 {
  font-size: 24px;
  font-weight: 700;
  font-feature-settings: "palt" on;
  letter-spacing: 0.2rem;
  align-items: center;
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-color_list__hdg h3 {
    font-size: 16px;
  }
}
.c-color_list__hdg h3::before, .c-color_list__hdg h3::after {
  content: "";
  background-color: #808080;
  flex-grow: 1;
  height: 1px;
}
.c-color_list__hdg h3::before {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .c-color_list__hdg h3::before {
    margin-right: 10px;
  }
}
.c-color_list__hdg h3::after {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .c-color_list__hdg h3::after {
    margin-left: 10px;
  }
}
.c-color_list__item {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .c-color_list__item {
    margin: 0 auto;
  }
}
.c-color_list__item-txt {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-color_list__item-txt {
    max-width: 90%;
    margin: 0 auto 20px;
  }
}
.c-color_list__item-txt p {
  font-size: 16px;
  font-weight: 700;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-color_list__item-txt p {
    font-size: 11px;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
}
.c-color_list__item-img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-color_list__item-img {
    margin-bottom: 20px;
    max-width: 460px;
    margin: 0 auto;
  }
}
.c-color_list__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-color_img_list {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-color_img_list {
    gap: 5px;
    margin-bottom: 20px;
  }
}
.c-color_img_list__item {
  width: 100%;
  max-width: 470px;
}
.c-color_img_list__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-color_hdg2 {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-color_hdg2 {
    max-width: 90%;
    margin: 0 auto 10px;
    text-align: left;
  }
}
.c-color_hdg2 p {
  font-size: 16px;
  font-weight: 700;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-color_hdg2 p {
    font-size: 11px;
    letter-spacing: 0.1rem;
    line-height: 1.8;
  }
}

.c-color_txt_list {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-color_txt_list {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.c-color_txt_list__item {
  width: 100%;
  max-width: 470px;
}
@media screen and (max-width: 768px) {
  .c-color_txt_list__item {
    max-width: 90%;
    margin: 0 auto;
  }
}
.c-color_txt_list__item p {
  font-size: 12px;
  font-weight: 200;
  color: #000;
  font-feature-settings: "palt" on;
  letter-spacing: 0.15rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-color_txt_list__item p {
    font-size: 11px;
    letter-spacing: 0.1rem;
    line-height: 1.8;
  }
}

.p-price {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-price {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  .p-price {
    overflow-x: hidden;
  }
}
.p-price__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}
.p-price__wrapper2 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-price__wrapper2 {
    margin: 0 auto 30px;
  }
}
.p-price__wrapper3 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-price__wrapper3 {
    max-width: 90%;
    margin: 0 auto 30px;
  }
}
.p-price__wrapper4 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 50px;
}
.p-price__wrapper5 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-price__wrapper5 {
    padding: 50px 0;
    background-color: #f8f8f8;
  }
}
.p-price__wrapper6 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-price__wrapper6 {
    margin: 0 auto;
  }
}
.p-price__wrapper7 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 50px;
}
.p-price__wrapper8 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-price__wrapper8 {
    margin: 0 auto 40px;
  }
}
.p-price__wrapper9 {
  background-color: #f8f8f8;
  margin: 0 auto 30px;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .p-price__wrapper9 {
    padding: 45px 0;
    margin: 0 auto 35px;
  }
}
.p-price__wrapper9-inr {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.p-price__wrapper10 {
  background-color: #f8f8f8;
  margin: 0 auto 50px;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .p-price__wrapper10 {
    padding: 45px 0;
    margin: 0 auto 35px;
  }
}
.p-price__wrapper10-inr {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.p-price__wrapper11 {
  width: 100%;
  max-width: 410px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-price__wrapper11 {
    max-width: 90%;
    margin: 0 auto 60px;
  }
}

.c-price_img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .c-price_img {
    margin: 0 auto;
  }
}
.c-price_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-price_lead {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-price_lead {
    text-align: left;
  }
}
.c-price_lead p {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.1rem;
  line-height: 2;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-price_lead p {
    font-size: 11px;
    line-height: 1.8;
  }
}
.c-price_lead p:last-child {
  margin-bottom: 0;
}
.c-price_lead p span {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 1.8;
  color: #0f345b;
}
@media screen and (max-width: 768px) {
  .c-price_lead p span {
    font-size: 10px;
  }
}

.c-price_title {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .c-price_title {
    background: none;
    color: #000;
  }
}
.c-price_title p {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-price_title p {
    font-size: 15px;
  }
}

.c-price_calc__inner {
  padding: 40px 20px 0;
}
@media screen and (max-width: 768px) {
  .c-price_calc__inner {
    padding: 20px 16px 0;
  }
}
.c-price_calc__lead {
  text-align: center;
  color: #0f345b;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-bottom: 24px;
}
.c-price_calc__lead span {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.c-price_calc__diagram {
  max-width: 430px;
  margin: 0 auto 35px;
}
@media screen and (max-width: 768px) {
  .c-price_calc__diagram {
    margin: 0 auto 25px;
  }
}
.c-price_calc__diagram img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-price_calc__summary {
  margin-bottom: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0f345b;
}
@media screen and (max-width: 768px) {
  .c-price_calc__summary {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}
.c-price_calc__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-price_calc__list {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.c-price_calc__card {
  text-align: center;
}
.c-price_calc__card-title {
  padding: 13px 20px;
  background: #f5f7fa;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .c-price_calc__card-title {
    padding: 9px 16px;
    font-size: 12px;
  }
}
.c-price_calc__card-text {
  font-size: 12px;
  line-height: 1.8;
  font-weight: 200;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-price_calc__card-text {
    font-size: 11px;
  }
}

.c-price_sec-inr {
  padding: 40px 0 0;
}
@media screen and (max-width: 768px) {
  .c-price_sec-inr {
    margin: 40px auto 0;
    padding: 0 16px;
  }
}

.c-price_hdg {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-price_hdg {
    text-align: left;
  }
}
.c-price_hdg p {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0f345b;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-price_hdg p {
    font-size: 13px;
    line-height: 1.8;
  }
}

.c-price_boxtext {
  max-width: 250px;
  margin: 0 auto 20px;
  text-align: center;
  background: #f8f8f8;
  padding: 13px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-price_boxtext {
    background: #fff;
    padding: 11px 0;
    max-width: 57%;
  }
}
.c-price_boxtext p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-price_boxtext p {
    font-size: 11px;
  }
}
.c-price_boxtext::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #f8f8f8;
}

.c-price_desc-img {
  max-width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-price_desc-img {
    margin-bottom: 20px;
  }
}
.c-price_desc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-price_desc-txt__inner {
  margin-bottom: 15px;
}
.c-price_desc-txt__inner:last-child {
  margin-bottom: 0;
}
.c-price_desc-txt__inner p {
  font-size: 11px;
  font-weight: 200;
}
.c-price_desc-txt__inner p span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0f345b;
  display: inline-block;
  margin-bottom: 5px;
}

.c-price_list {
  display: flex;
  gap: 65px;
}

.c-price_list__item {
  width: 100%;
}
.c-price_list__item-number {
  text-align: center;
}
.c-price_list__item-number p {
  font-size: 34px;
  font-weight: 200;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  color: #0f345b;
}
.c-price_list__item-img {
  margin: 0 auto;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-price_list__item-img {
    margin-bottom: 30px;
  }
}
.c-price_list__item-img.-first {
  margin-top: 15px;
  max-width: 180px;
  margin-bottom: 30px;
}
.c-price_list__item-img.-second {
  max-width: 220px;
  margin-bottom: 7px;
}
.c-price_list__item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-price_list__item-img img {
    max-width: 49%;
  }
}
.c-price_list__item-hdg {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0f345b;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-price_list__item-hdg {
    text-align: left;
    font-size: 12px;
    color: #24375a;
    margin-bottom: 0;
  }
}
.c-price_list__item-text {
  background-color: #f8f8f8;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 2;
  padding: 19px 20px;
}
@media screen and (max-width: 768px) {
  .c-price_list__item-text {
    padding: 5px 0 25px;
    font-size: 11px;
    background-color: transparent;
  }
}

.c-price_hr {
  text-align: center;
}
.c-price_hr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .c-price_hr img {
    width: 100%;
  }
}

.c-price_pricelist {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-price_pricelist {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-price_pricelist__txt {
    max-width: 90%;
    margin: 0 auto;
  }
}
.c-price_pricelist__txt p {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0f345b;
  line-height: 2;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-price_pricelist__txt p {
    font-size: 11px;
    letter-spacing: 0.15rem;
  }
}

.c-price_pricelist__img {
  width: 100%;
  max-width: 560px;
}
@media screen and (max-width: 768px) {
  .c-price_pricelist__img {
    background-color: #f8f8f8;
    padding: 30px 0;
  }
}
.c-price_pricelist__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .c-price_pricelist__img img {
    max-width: 90%;
    margin: 0 auto;
  }
}

.c-price_card {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-price_card {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 10px;
  }
}
.c-price_card.-reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .c-price_card.-reverse {
    flex-direction: column;
  }
}
.c-price_card__img {
  width: 100%;
  max-width: 500px;
}
@media screen and (max-width: 768px) {
  .c-price_card__img {
    max-width: 90%;
    margin: 0 auto;
  }
}
.c-price_card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-price_card__inr {
  width: 100%;
}
.c-price_card__title {
  width: 100%;
  background-color: #fff;
  padding: 13px 20px;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-price_card__title {
    background-color: transparent;
    margin-bottom: 5px;
    padding: 0;
  }
}
.c-price_card__title p {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0f345b;
}
@media screen and (max-width: 768px) {
  .c-price_card__title p {
    font-size: 17px;
  }
}
.c-price_card__txt {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-price_card__txt {
    max-width: 90%;
    margin: 0 auto;
    font-size: 11px;
    line-height: 1.8;
  }
}

.c-price_link {
  text-align: center;
}
.c-price_link a {
  font-size: 12px;
  font-weight: 200;
  border-bottom: 1px solid #000;
  padding: 10px 20px;
  display: inline-block;
  transition: all 0.3s ease;
}

.p-select {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-select {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  .p-select {
    overflow-x: hidden;
  }
}
.p-select__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}
.p-select__wrapper2 {
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-select__wrapper2 {
    margin: 0 auto 50px;
  }
}
.p-select__wrapper3 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .p-select__wrapper3 {
    max-width: 90%;
    margin: 0 auto 35px;
  }
}
.p-select__wrapper4-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-select__wrapper4-sp {
    display: block;
    max-width: 90%;
    width: 100%;
    margin: 0 auto 60px;
  }
}
.p-select__wrapper5 {
  background-color: #f8f8f8;
  padding: 49px 0;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .p-select__wrapper5 {
    padding: 40px 0 60px;
    margin-bottom: 50px;
  }
}
.p-select__wrapper5_inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.c-select_mv {
  position: relative;
}
.c-select_mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-select_mv-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 1000px;
  width: 100%;
  height: fit-content;
  margin: auto;
}
.c-select_mv-text-en {
  font-size: 16px;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  margin-bottom: 15px;
}
.c-select_mv-text-hdg {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  margin-bottom: 15px;
}
.c-select_mv-text-content {
  max-width: 330px;
}
.c-select_mv-text-content p {
  font-size: 13px;
  font-weight: 200;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  line-height: 2;
}
.c-select_mv-text-content p span {
  font-size: 10px;
  font-weight: 200;
  letter-spacing: 0.05em;
}

.c-select_flow-ttl {
  text-align: center;
  margin-bottom: 60px;
}
.c-select_flow-ttl p {
  font-size: 20px;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  color: #0f345b;
}

.c-select_flow-item__list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.c-select_flow-item__row {
  display: grid;
  grid-template-columns: 120px 1fr 260px;
  gap: 20px;
  align-items: start;
  padding: 10px 0 30px;
  position: relative;
}
.c-select_flow-item__row:last-child {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-select_flow-item__row {
    grid-template-columns: 90px 1fr;
    gap: 12px 16px;
    padding: 0 0 22px;
  }
}
.c-select_flow-item__row .c-select_flow-item__marker {
  position: relative;
  --marker-half: 35px;
}
@media screen and (max-width: 768px) {
  .c-select_flow-item__row .c-select_flow-item__marker {
    --marker-half: 30px;
  }
}
.c-select_flow-item__row .c-select_flow-item__marker::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -60px;
  bottom: -75px;
  width: 2px;
  background: #d9dee7;
}
.c-select_flow-item__row:first-child .c-select_flow-item__marker::before {
  top: var(--marker-half);
}
.c-select_flow-item__row:last-child .c-select_flow-item__marker::before {
  bottom: var(--marker-half);
}
@media screen and (max-width: 768px) {
  .c-select_flow-item__row .c-select_flow-item__media {
    grid-column: 1/-1;
    order: 3;
  }
}
.c-select_flow-item__marker {
  display: flex;
  justify-content: center;
  padding-top: 4px;
}
.c-select_flow-item__marker-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #0f345b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .c-select_flow-item__marker-circle {
    width: 60px;
    height: 60px;
    font-size: 11px;
  }
}
.c-select_flow-item__head {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0f345b;
  margin-bottom: 10px;
}
.c-select_flow-item__head span {
  margin-right: 6px;
  font-family: Helvetica, Arial, sans-serif;
}
.c-select_flow-item__text p {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 2;
}
.c-select_flow-item__media {
  max-width: 185px;
  width: 100%;
  height: auto;
}
.c-select_flow-item__media img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.p-diy {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-diy {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  .p-diy {
    overflow-x: hidden;
  }
}
.p-diy__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}
.p-diy__wrapper2 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-diy__wrapper2 {
    margin: 0 auto 30px;
  }
}
.p-diy__wrapper3 {
  background-color: #f8f8f8;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-diy__wrapper3 {
    margin: 0 auto 40px;
  }
}
.p-diy__wrapper4 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-diy__wrapper4 {
    max-width: 90%;
    margin: 0 auto 55px;
  }
}
.p-diy__wrapper5 {
  width: 100%;
  margin: 0 auto 80px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .p-diy__wrapper5 {
    margin: 0 auto 60px;
  }
}
.p-diy__wrapper6 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .p-diy__wrapper6 {
    max-width: 90%;
    margin: 0 auto 60px;
  }
}
.p-diy__wrapper7 {
  background-color: #f8f8f8;
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .p-diy__wrapper7 {
    padding: 40px 0;
    margin-bottom: 50px;
  }
}
.p-diy__wrapper7_inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .p-diy__wrapper7_inner {
    margin: 0 auto;
  }
}
.p-diy__wrapper8 {
  max-width: 1000px;
  width: 100%;
  margin: 60px auto;
}
@media screen and (max-width: 768px) {
  .p-diy__wrapper8 {
    max-width: 90%;
    margin: 0 auto 10px;
  }
}
.p-diy__wrapper9 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 70px;
}
@media screen and (max-width: 768px) {
  .p-diy__wrapper9 {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}

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

.c-diy_course {
  padding: 80px 0;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-diy_course {
    padding: 65px 0 0;
  }
}
.c-diy_course-ttl {
  text-align: center;
  margin-bottom: 30px;
}
.c-diy_course-ttl p {
  font-size: 20px;
  letter-spacing: 0.1em;
  color: #0f345b;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-diy_course-ttl p {
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 20px;
  }
}
.c-diy_course-ttl h3 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #0f345b;
}
@media screen and (max-width: 768px) {
  .c-diy_course-ttl h3 {
    font-size: 18px;
    line-height: 2;
  }
}
.c-diy_course-media {
  margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .c-diy_course-media {
    margin-bottom: 40px;
  }
}
.c-diy_course-media__list {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .c-diy_course-media__list {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
}
.c-diy_course-media__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.c-diy_course-note {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .c-diy_course-note {
    max-width: 90%;
    margin: 0 auto;
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.c-diy_course-note__box {
  border: 1px solid #cccccc;
  padding: 15px 18px;
}
@media screen and (max-width: 768px) {
  .c-diy_course-note__box {
    padding: 11px 0;
  }
}
.c-diy_course-note__box p {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15rem;
  line-height: 1.9;
  font-feature-settings: "palt" on;
}
.c-diy_course-plans {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: 28px;
  align-items: start;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plans {
    max-width: 90%;
    margin: 0 auto;
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.c-diy_course-divider {
  width: 1px;
  background: repeating-linear-gradient(to bottom, #808080, #808080 6px, transparent 6px, transparent 12px);
  min-height: 100%;
}
@media screen and (max-width: 768px) {
  .c-diy_course-divider {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .c-diy_course-plan {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px dashed #808080;
  }
  .c-diy_course-plan:last-child {
    border-bottom: none;
  }
}
.c-diy_course-plan__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__head {
    gap: 5px;
  }
}
.c-diy_course-plan__num {
  color: #567399;
  font-size: 25px;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__num {
    font-size: 18px;
  }
}
.c-diy_course-plan__title h4 {
  font-size: 18px;
  color: #0f345b;
  font-weight: 500;
  letter-spacing: 0.06em;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__title h4 {
    font-size: 16px;
  }
}
.c-diy_course-plan__title p {
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #0f345b;
}
.c-diy_course-plan__section {
  margin-bottom: 20px;
}
.c-diy_course-plan__section-ttl {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
  background: #fff;
  padding: 17px 12px;
  margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__section-ttl {
    font-size: 10px;
    padding: 10px 0;
  }
}
.c-diy_course-plan__rec-list {
  list-style: none;
  position: relative;
  padding-bottom: 30px;
  height: 95px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__rec-list {
    padding-bottom: 20px;
    height: auto;
  }
}
.c-diy_course-plan__rec-list li {
  font-size: 13px;
  line-height: 1.9;
  letter-spacing: 0.01rem;
  font-weight: 200;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__rec-list li {
    font-size: 12px;
    margin-bottom: 5px;
    letter-spacing: 0.1rem;
  }
}
.c-diy_course-plan__rec-list li span {
  font-weight: 700;
  color: #0f345b;
}
.c-diy_course-plan__rec-list::before {
  content: "▼";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  font-size: 13px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__rec-list::before {
    font-size: 10px;
  }
}
.c-diy_course-plan__spec {
  display: grid;
  gap: 14px;
}
.c-diy_course-plan__spec-row {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 12px;
  align-items: start;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__spec-row {
    grid-template-columns: 70px 1fr;
  }
}
.c-diy_course-plan__spec-row dt {
  font-size: 13px;
  color: #0f345b;
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__spec-row dt {
    font-size: 11px;
  }
}
.c-diy_course-plan__spec-row dd {
  font-size: 13px;
  font-weight: 200;
  line-height: 1.9;
  letter-spacing: 0.01rem;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-diy_course-plan__spec-row dd {
    font-size: 11px;
  }
}

.c-diy_lead {
  padding: 40px 0;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-diy_lead {
    padding: 30px 0;
    max-width: 90%;
    flex-direction: column;
    gap: 0;
  }
}
.c-diy_lead__img {
  max-width: 440px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-diy_lead__img {
    margin-bottom: 15px;
  }
}
.c-diy_lead__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-diy_lead__hdg {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.17rem;
  color: #0f345b;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-diy_lead__hdg {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.c-diy_lead__txt {
  font-size: 13px;
  font-weight: 200;
  letter-spacing: 0.15rem;
  line-height: 1.8;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-diy_lead__txt {
    font-size: 11px;
  }
}

.c-diy_card__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-diy_card__list {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
.c-diy_card__item {
  display: flex;
  flex-direction: column;
}
.c-diy_card__head {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 6px 10px;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .c-diy_card__head {
    padding: 13px 0;
    background: #f8f8f8;
    color: #000;
  }
}
.c-diy_card__head p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-diy_card__head p {
    font-size: 15px;
  }
}
.c-diy_card__media {
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .c-diy_card__media {
    margin-bottom: 10px;
  }
}
.c-diy_card__media img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.c-diy_card__text p {
  font-size: 13px;
  font-weight: 200;
  letter-spacing: 0.08em;
  line-height: 2.1;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-diy_card__text p {
    font-size: 11px;
  }
}

.c-diy_reservation__head {
  text-align: center;
  margin-bottom: 35px;
}
.c-diy_reservation__head p {
  font-size: 20px;
  letter-spacing: 0.1em;
  color: #0f345b;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-diy_reservation__head p {
    font-size: 13px;
    font-weight: 200;
    letter-spacing: 0.15rem;
  }
}
.c-diy_reservation__head h3 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #0f345b;
}
@media screen and (max-width: 768px) {
  .c-diy_reservation__head h3 {
    font-size: 18px;
  }
}
.c-diy_reservation__txt {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 2.1;
  font-feature-settings: "palt" on;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-diy_reservation__txt {
    font-size: 12px;
  }
}

.c-diy_flow-ttl {
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-ttl {
    margin-bottom: 20px;
  }
}
.c-diy_flow-ttl p {
  font-size: 20px;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  color: #0f345b;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-ttl p {
    font-size: 13px;
    font-weight: 200;
    letter-spacing: 0.15rem;
  }
}
.c-diy_flow-ttl h3 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #0f345b;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-ttl h3 {
    font-size: 18px;
  }
}

.c-diy_flow-item-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item-sp {
    display: block;
  }
}
.c-diy_flow-item-sp__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item-sp__list {
    max-width: 90%;
    margin: 0 auto;
  }
}
.c-diy_flow-item-sp__num {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #0f345b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  letter-spacing: 0.05em;
  margin: 0 auto 10px;
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item-sp__num {
    width: 40px;
    height: 40px;
  }
}
.c-diy_flow-item-sp__title {
  text-align: center;
  color: #0f345b;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item-sp__title {
    font-size: 12px;
  }
}
.c-diy_flow-item-sp__media {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item-sp__media {
    margin: 0 auto 10px;
    max-width: 67%;
  }
}
.c-diy_flow-item-sp__media img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.c-diy_flow-item-sp__text p {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 2;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item-sp__text p {
    font-size: 11px;
  }
}

.c-diy_readmore {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-diy_readmore {
    display: block;
    margin-top: 20px;
  }
}
.c-diy_readmore__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.c-diy_readmore.is-open .c-diy_readmore__button {
  display: none;
}
.c-diy_readmore__actions {
  text-align: center;
  margin-top: 10px;
}
.c-diy_readmore__button {
  font-family: helvetica;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.1rem;
  position: relative;
  background: transparent;
  cursor: pointer;
  border-bottom: 1px solid #000;
}

.c-diy_flow-item__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.c-diy_flow-item__row {
  display: grid;
  grid-template-columns: 120px 1fr 260px;
  gap: 20px;
  align-items: start;
  padding: 10px 0;
  position: relative;
}
.c-diy_flow-item__row:last-child {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item__row {
    grid-template-columns: 90px 1fr;
    gap: 12px 16px;
    padding: 0 0 22px;
  }
}
.c-diy_flow-item__row .c-diy_flow-item__marker {
  position: relative;
  --marker-half: 35px;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item__row .c-diy_flow-item__marker {
    --marker-half: 30px;
  }
}
.c-diy_flow-item__row .c-diy_flow-item__marker::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -28px;
  bottom: -75px;
  width: 2px;
  background: #d9dee7;
}
.c-diy_flow-item__row:first-child .c-diy_flow-item__marker::before {
  top: var(--marker-half);
}
.c-diy_flow-item__row:last-child .c-diy_flow-item__marker::before {
  bottom: var(--marker-half);
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item__row .c-diy_flow-item__media {
    grid-column: 1/-1;
    order: 3;
  }
}
.c-diy_flow-item__marker {
  display: flex;
  justify-content: center;
  padding-top: 4px;
}
.c-diy_flow-item__marker-circle {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: #0f345b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 19px;
  letter-spacing: 0.05em;
  z-index: 2;
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .c-diy_flow-item__marker-circle {
    width: 60px;
    height: 60px;
    font-size: 11px;
  }
}
.c-diy_flow-item__head {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0f345b;
  margin-bottom: 10px;
}
.c-diy_flow-item__head span {
  margin-right: 6px;
  font-family: Helvetica, Arial, sans-serif;
}
.c-diy_flow-item__text p {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 2;
}
.c-diy_flow-item__media {
  max-width: 185px;
  width: 100%;
  height: auto;
}
.c-diy_flow-item__media img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.c-diy_card2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-diy_card2 {
    flex-direction: column;
    gap: 20px;
  }
}
.c-diy_card2__hdg {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-diy_card2__hdg {
    margin-bottom: 10px;
    text-align: center;
  }
}
.c-diy_card2__hdg p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-diy_card2__hdg p {
    font-size: 13px;
  }
}
.c-diy_card2__text p {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.08em;
  line-height: 2;
  font-feature-settings: "palt" on;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-diy_card2__text p {
    font-size: 11px;
  }
}
.c-diy_card2__img {
  max-width: 455px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-diy_card2__img {
    margin-bottom: 15px;
  }
}
.c-diy_card2__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.p-full {
  padding: 40px 0 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-full {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  .p-full {
    overflow-x: hidden;
  }
}
.p-full__wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}
.p-full__wrapper2 {
  width: 100%;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .p-full__wrapper2 {
    margin: 0 auto 30px;
  }
}
.p-full__wrapper3 {
  background-color: #f8f8f8;
  width: 100%;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .p-full__wrapper3 {
    margin: 0 auto 50px;
  }
}
.p-full__wrapper4 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 80px;
}
.p-full__wrapper5 {
  width: 100%;
  margin: 0 auto 100px;
  background-color: #f8f8f8;
}
.p-full__wrapper6 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 100px;
}
.p-full__wrapper7_inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .p-full__wrapper7_inner {
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.p-full__wrapper8 {
  background-color: #f8f8f8;
  padding: 49px 0;
}
@media screen and (max-width: 768px) {
  .p-full__wrapper8 {
    padding: 40px 0 60px;
  }
}
.p-full__wrapper8_inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.p-full__wrapper9 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 70px;
}

.c-full_mv {
  position: relative;
}
.c-full_mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-full_mv-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 1000px;
  width: 100%;
  height: fit-content;
  margin: auto;
  color: #fff;
}
.c-full_mv-text-en {
  font-size: 16px;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  margin-bottom: 15px;
}
.c-full_mv-text-hdg {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  margin-bottom: 15px;
}
.c-full_mv-text-content {
  max-width: 330px;
}
.c-full_mv-text-content p {
  font-size: 13px;
  font-weight: 200;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  line-height: 2;
}
.c-full_mv-text-content p span {
  font-size: 10px;
  font-weight: 200;
  letter-spacing: 0.05em;
}

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

.c-full_mv-lead {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-full_mv-lead {
    display: block;
  }
}
.c-full_mv-lead__inner {
  max-width: 90%;
  width: 100%;
  margin: 15px auto 0;
}
.c-full_mv-lead__hdg {
  margin-bottom: 5px;
}
.c-full_mv-lead__hdg p {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.15rem;
  line-height: 2;
}
.c-full_mv-lead__hdg p span {
  font-size: 10px;
  letter-spacing: 0.17rem;
}
.c-full_mv-lead__txt p {
  font-size: 11px;
  font-weight: 200;
  line-height: 2;
  font-feature-settings: "palt" on;
  letter-spacing: 0.1rem;
}

.c-full_lead {
  padding: 40px 0;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .c-full_lead {
    padding: 50px 0;
    flex-direction: column;
    gap: 20px;
  }
}
.c-full_lead__img {
  max-width: 440px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-full_lead__img {
    max-width: 90%;
  }
}
.c-full_lead__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-full_lead__hdg {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.17rem;
  color: #0f345b;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-full_lead__hdg {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
.c-full_lead__txt {
  font-size: 13px;
  font-weight: 200;
  letter-spacing: 0.15rem;
  line-height: 1.8;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-full_lead__txt {
    font-size: 11px;
    line-height: 1.8;
    max-width: 90%;
    margin: 0 auto;
  }
}

.c-full_flow-ttl {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-full_flow-ttl {
    margin-bottom: 20px;
  }
}
.c-full_flow-ttl p {
  font-size: 20px;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  color: #0f345b;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .c-full_flow-ttl p {
    font-size: 13px;
    margin-bottom: 20px;
  }
}
.c-full_flow-ttl h3 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #0f345b;
}
@media screen and (max-width: 768px) {
  .c-full_flow-ttl h3 {
    font-size: 15px;
  }
}

.c-full_flow-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp {
    display: block;
  }
}
.c-full_flow-sp .c-accordion4 {
  width: 100%;
}
.c-full_flow-sp .c-accordion4__item:last-child {
  border-bottom: 1px solid #000;
}
.c-full_flow-sp .c-accordion4__item.--btm {
  border-bottom: 1px solid #000;
}
.c-full_flow-sp .c-accordion4__item-title {
  padding: 15px 5px 15px 0;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp .c-accordion4__item-title {
    padding: 11px 5px 11px 0;
    align-items: center;
  }
}
.c-full_flow-sp .c-accordion4__item-title p {
  font-size: 13px;
  letter-spacing: 0.05rem;
  font-weight: 500;
  color: #000;
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp .c-accordion4__item-title p {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp .c-accordion4__item-title p span {
    color: #24375a;
    font-weight: 700;
  }
}
.c-full_flow-sp .c-accordion4__item-title.is-open {
  border-bottom: 1px dashed #000;
}
.c-full_flow-sp .c-accordion4__item-title::after {
  content: "";
  background-image: url("../image/common/arrow-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp .c-accordion4__item-title::after {
    width: 12px;
    height: 12px;
  }
}
.c-full_flow-sp .c-accordion4__item-title.is-open::after {
  transform: rotate(180deg);
}
.c-full_flow-sp .c-accordion4__item-content {
  display: none;
  padding: 20px 0;
}
.c-full_flow-sp .c-accordion4__item-content.is-open {
  display: block;
}
.c-full_flow-sp .c-accordion4__item-content-inner {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp .c-accordion4__item-content-inner {
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp .c-accordion4__item-content-img {
    width: 100%;
    margin-bottom: 15px;
  }
}
.c-full_flow-sp .c-accordion4__item-content-img img {
  width: 100%;
}
.c-full_flow-sp .c-accordion4__item-content-hdg {
  font-size: 12px;
  text-align: left;
  margin-bottom: 10px;
}
.c-full_flow-sp .c-accordion4__item-content-txt {
  width: 74%;
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp .c-accordion4__item-content-txt {
    width: 100%;
    margin-bottom: 15px;
  }
}
.c-full_flow-sp .c-accordion4__item-content-txt p {
  font-size: 12px;
  line-height: 1.9;
  letter-spacing: 0.15rem;
  font-weight: 200;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp .c-accordion4__item-content-txt p {
    font-size: 11px;
  }
}
.c-full_flow-sp .c-accordion4__item-content-txt p:not(:last-child) {
  margin-bottom: 1em;
}
.c-full_flow-sp .c-accordion4__item-content-arrow {
  margin: 0 auto 5px;
}
@media screen and (max-width: 768px) {
  .c-full_flow-sp .c-accordion4__item-content-arrow p {
    font-size: 13px;
  }
}

.c-full_flow-item__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.c-full_flow-item__row {
  display: grid;
  grid-template-columns: 120px 1fr 210px;
  gap: 20px;
  align-items: start;
  padding: 30px 0 30px;
  position: relative;
}
.c-full_flow-item__row:last-child {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-full_flow-item__row {
    grid-template-columns: 90px 1fr;
    gap: 12px 16px;
    padding: 0 0 22px;
  }
}
.c-full_flow-item__row .c-full_flow-item__marker {
  position: relative;
  --marker-half: 35px;
}
@media screen and (max-width: 768px) {
  .c-full_flow-item__row .c-full_flow-item__marker {
    --marker-half: 30px;
  }
}
.c-full_flow-item__row .c-full_flow-item__marker::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -173px;
  bottom: -177px;
  width: 2px;
  background: #d9dee7;
}
.c-full_flow-item__row:first-child .c-full_flow-item__marker::before {
  top: var(--marker-half);
}
.c-full_flow-item__row:last-child .c-full_flow-item__marker::before {
  bottom: var(--marker-half);
}
@media screen and (max-width: 768px) {
  .c-full_flow-item__row .c-full_flow-item__media {
    grid-column: 1/-1;
    order: 3;
  }
}
.c-full_flow-item__marker {
  display: flex;
  justify-content: center;
  padding-top: 4px;
}
.c-full_flow-item__marker-circle {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: #0f345b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 19px;
  letter-spacing: 0.05em;
  z-index: 2;
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .c-full_flow-item__marker-circle {
    width: 60px;
    height: 60px;
    font-size: 11px;
  }
}
.c-full_flow-item__head {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0f345b;
  margin-bottom: 10px;
}
.c-full_flow-item__head span {
  margin-right: 6px;
  font-family: Helvetica, Arial, sans-serif;
}
.c-full_flow-item__text p {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.15rem;
  font-feature-settings: "palt" on;
  line-height: 2;
}
.c-full_flow-item__media {
  margin-left: auto;
  max-width: 185px;
  width: 100%;
  height: auto;
}
.c-full_flow-item__media img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.c-full_flow-item__hdg {
  text-align: center;
  margin: 60px 0 20px;
}
@media screen and (max-width: 768px) {
  .c-full_flow-item__hdg {
    margin: 50px 0 20px;
  }
}
.c-full_flow-item__hdg p {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #0f345b;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-full_flow-item__hdg p {
    font-size: 15px;
  }
}
.c-full_flow-item__link {
  text-align: center;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .c-full_flow-item__link {
    margin: 10px auto 50px;
  }
}
.c-full_flow-item__link a {
  padding: 0 20px 15px;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .c-full_flow-item__link a {
    font-size: 11px;
  }
}

.c-full_card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .c-full_card {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-full_card__inner {
    max-width: 90%;
    margin: 0 auto;
  }
}
.c-full_card__hdg {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-full_card__hdg {
    text-align: center;
    margin-bottom: 20px;
  }
}
.c-full_card__hdg p {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.18rem;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-full_card__hdg p {
    font-size: 12px;
  }
}
.c-full_card__text {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .c-full_card__text {
    margin-bottom: 15px;
  }
}
.c-full_card__text p {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.08em;
  line-height: 2;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .c-full_card__text p {
    font-size: 11px;
  }
}
.c-full_card__img {
  max-width: 380px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-full_card__img {
    margin-bottom: 10px;
  }
}
.c-full_card__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .c-full_card__link {
    text-align: center;
  }
}
.c-full_card__link a {
  padding: 0 35px 15px;
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-weight: 200;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .c-full_card__link a {
    padding: 0 17px 12px;
    font-size: 11px;
  }
}

body {
  padding-top: 65px;
  font-family: "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Yu Gothic UI", YuGothic, sans-serif;
}
@media screen and (max-width: 768px) {
  body {
    padding-top: 88px;
  }
}

a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover {
  opacity: 0.7;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  color: #000;
}

input[type=radio] {
  appearance: none;
}

.hel {
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.pc {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  #wpadminbar {
    display: none;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .header__inner {
    padding: 10px 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
  }
}
.header__logo {
  width: 44px;
  height: 44px;
}
@media screen and (max-width: 768px) {
  .header__logo {
    width: 33px;
    height: 33px;
    z-index: 101;
  }
}
.header__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__menu {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .header__menu {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .header__menu.header__menu--hidden {
    display: none;
  }
}
.header__menu ul {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .header__menu ul {
    width: 100%;
    justify-content: space-between;
    gap: 10px;
  }
}
.header__menu ul li a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  .header__menu ul li a {
    font-size: 10px;
    font-weight: 200;
  }
}
.header__menu__reserve {
  width: 164px;
  height: 27px;
}
.header__menu__reserve img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .header__reserve-sp {
    position: absolute;
    top: 13px;
    right: 60px;
    width: 125px;
    height: 25px;
  }
}
.header__reserve-sp a {
  display: block;
  width: 100%;
  height: 100%;
}
.header__reserve-sp a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header__hamburger {
  display: none;
  position: relative;
  width: 28px;
  height: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 101;
}
@media screen and (max-width: 768px) {
  .header__hamburger {
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
  }
}
.header__hamburger span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease;
}
.header__hamburger span:nth-child(1) {
  top: 0;
}
.header__hamburger span:nth-child(2) {
  display: none;
}
.header__hamburger span:nth-child(3) {
  bottom: 0;
}
.header__hamburger.is-active span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.header__hamburger.is-active span:nth-child(2) {
  opacity: 0;
}
.header__hamburger.is-active span:nth-child(3) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.header__nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #f8f8f8;
  z-index: 100;
  padding-top: 60px;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .header__nav.is-active {
    display: block;
  }
}
.header__nav__inner {
  width: 90%;
  margin: 0 auto;
}
.header__nav__inner2 {
  width: 100%;
  padding: 23px 20px 30px;
  background-color: #fff;
}
.header__nav__inner3 {
  width: 100%;
  padding: 0 20px;
  background-color: #fff;
}
.header__nav__inner4 {
  width: 100%;
  margin: 0 auto;
}
.header__nav__list {
  padding: 20px 20px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F6F6F6;
}
.header__nav__list__item {
  width: 100%;
  border-bottom: 1px solid #bec1c3;
}
.header__nav__list__item:last-child {
  border-bottom: none;
}
.header__nav__list__item a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0px;
  text-align: left;
  font-size: 11px;
  color: #000;
  position: relative;
}
.header__nav__list__item a small {
  display: block;
  font-size: 10px;
  color: #000;
  margin-top: 4px;
}

body.no-scroll {
  overflow: hidden;
}

.accordion {
  width: 100%;
}
.accordion-item {
  border-bottom: 1px solid #808080;
}
.accordion-item:first-child {
  border-top: 1px solid #808080;
}
.accordion-header {
  width: 100%;
  border: none;
  padding: 10px 0px;
  text-align: left;
  font-size: 10px;
  color: #000;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
}
.accordion-header::after {
  content: "+";
  font-size: 16px;
  color: #000;
}
.accordion-header.is-active {
  background-color: #000;
  color: #fff;
  font-weight: 500;
  padding: 10px 15px 10px 10px;
}
.accordion-header.is-active::after {
  content: "-";
  color: #fff;
}
.accordion-content {
  padding: 15px 0px 15px 15px;
  display: none;
}
.accordion-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.accordion-content ul .head_page {
  font-weight: bold;
}
.accordion-content ul li {
  margin-bottom: 10px;
}
.accordion-content ul li:last-child {
  margin-bottom: 0;
}
.accordion-content ul li a {
  font-size: 10px;
  color: #000;
  text-decoration: none;
}
.accordion-columns {
  display: flex;
  gap: 20px;
}
.accordion-column {
  flex: 1;
}
.accordion-column-title {
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #555;
}
.accordion-column ul {
  padding-left: 0;
}
.accordion-column ul li a {
  font-weight: 200;
  letter-spacing: 0.1rem;
}

.nav-links li {
  border-bottom: 1px solid #808080;
}
.nav-links li a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 0px;
  text-align: left;
  font-size: 10px;
  font-weight: 200;
  color: #000;
  position: relative;
}

.footer {
  width: 100%;
}
.footer__inr {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .footer__inr {
    width: 90%;
  }
}
.footer__logo {
  margin: 0 auto 60px;
  width: 78px;
  height: 75px;
}
.footer__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__reserve-btn {
  margin: 0 auto 60px;
  width: 245px;
  height: 41px;
}
@media screen and (max-width: 768px) {
  .footer__reserve-btn {
    width: 100%;
    height: 100%;
  }
}
.footer__reserve-btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__nav {
  width: 100%;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .footer__nav {
    margin-bottom: 40px;
  }
}
.footer__nav ul {
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .footer__nav ul {
    flex-direction: column;
    align-items: center;
  }
}
.footer__nav ul li a {
  font-size: 15px;
  letter-spacing: 0.1rem;
}
.footer__nav-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .footer__nav-sp {
    display: block;
  }
}
.footer__nav-sp ul {
  display: flex;
  justify-content: center;
  gap: 20px 35px;
  padding-bottom: 35px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .footer__nav-sp ul {
    margin: 0 auto;
    max-width: 225px;
    padding-bottom: 30px;
  }
}
.footer__nav-sp ul li a {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  .footer__nav-sp ul li a {
    font-size: 10px;
  }
}
.footer__sns {
  width: 100%;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .footer__sns {
    padding-bottom: 40px;
  }
}
.footer__sns ul {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.footer__sns ul li {
  width: 30px;
}
.footer__sns ul li a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__nav2 {
  width: 100%;
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .footer__nav2 {
    display: none;
  }
}
.footer__nav2-inr {
  flex-basis: 186px;
}
.footer__nav2-inr:nth-child(1) {
  flex-basis: 320px;
}
.footer__nav2-title {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CECECE;
}
.footer__nav2-title .letter-spacing-fix {
  letter-spacing: 0.05rem;
}
.footer__nav2-title a {
  font-size: 13px;
  letter-spacing: 0.1rem;
  font-weight: bold;
}
.footer__nav2-title p {
  font-size: 13px;
  letter-spacing: 0.1rem;
  font-weight: bold;
}
.footer__nav2-item-wrapper {
  display: flex;
  gap: 30px;
}
.footer__nav2-item a {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.15rem;
  font-weight: bold;
  font-feature-settings: "palt" 1;
}
.footer__nav2-item ul li {
  margin-bottom: 10px;
}
.footer__nav2-item ul li a {
  font-size: 10px;
  letter-spacing: 0.1rem;
  font-weight: 300;
}
.footer__nav3 {
  width: 100%;
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .footer__nav3 {
    display: none;
  }
}
.footer__nav3-inr {
  flex-basis: 184px;
}
.footer__nav3-inr:last-of-type {
  flex-basis: 200px;
}
.footer__nav3-title {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CECECE;
}
.footer__nav3-title a {
  font-size: 12px;
  letter-spacing: 0.13rem;
  font-weight: bold;
  font-feature-settings: "palt" 1;
}
.footer__nav4 {
  padding: 28px 0;
  width: 100%;
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
  .footer__nav4 {
    display: none;
  }
}
.footer__nav4-inr {
  display: flex;
  justify-content: center;
  gap: 37px;
}
.footer__nav4-item a {
  font-size: 13px;
  letter-spacing: 0.1rem;
  font-weight: bold;
}
.footer__bottom {
  width: 100%;
  padding: 35px 0;
  background-color: #000;
}
@media screen and (max-width: 768px) {
  .footer__bottom {
    padding: 25px 0;
  }
}
.footer__bottom-inr {
  margin: 0 auto;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 37px;
}
@media screen and (max-width: 768px) {
  .footer__bottom-inr {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }
}
.footer__bottom-item-logo {
  width: 100px;
  height: 35px;
}
.footer__bottom-item-logo a img {
  width: 100%;
  height: 100%;
}
.footer__bottom-item-txt p {
  font-size: 12px;
  letter-spacing: 0.1rem;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .footer__bottom-item-txt p {
    font-size: 10px;
  }
}
.footer__bottom-item-txt p sup {
  font-size: 11px;
  font-weight: 300;
  color: #fff;
}
.footer__top-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 37px;
  height: 37px;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .footer__top-btn {
    bottom: 20px;
    right: 20px;
  }
}
.footer__top-btn a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fv {
  margin-bottom: 70px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .fv {
    margin-bottom: 50px;
  }
}
.fv__img {
  width: 100%;
  height: calc(100vh - 64px);
}
@media screen and (max-width: 768px) {
  .fv__img {
    height: auto;
  }
}
.fv__img img {
  height: calc(100vh - 64px);
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fv__img img {
    height: auto;
    object-fit: contain;
  }
}

.main-hdg {
  width: 100%;
}
.main-hdg__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.main-hdg__txt {
  width: 100%;
  text-align: center;
}
.main-hdg__txt h2 {
  margin-bottom: 10px;
  font-size: 16px;
  letter-spacing: 0.05rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main-hdg__txt h2 {
    margin-bottom: 25px;
    font-size: 15px;
    letter-spacing: 0.15rem;
  }
}
.main-hdg__txt p {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: 0.15rem;
  font-weight: 200;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .main-hdg__txt p {
    font-size: 11px;
    letter-spacing: 0;
  }
}

.p-top__wrapper {
  margin-bottom: 85px;
}

.p-top__wrapper2 {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .p-top__wrapper2 {
    margin-bottom: 80px;
  }
}

.p-top__wrapper3 {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .p-top__wrapper3 {
    margin: 0 20px 60px;
  }
}

.p-single {
  padding-top: 5px;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-single {
    padding-top: 15px;
    margin-bottom: 45px;
  }
}

.p-single__wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 65px;
}
@media screen and (max-width: 768px) {
  .p-single__wrapper {
    margin: 0 auto 35px;
  }
}

.p-single__wrapper2 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-single__wrapper2 {
    width: 90%;
  }
}

.p-single__wrapper3 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-single__wrapper3 {
    width: 90%;
    margin-top: 15px;
  }
}

.p-single__is-nonvisual {
  width: 100%;
  margin: 0 auto;
}

.p-single__is-nonvisual2 {
  width: 100%;
  margin: 30px auto 0;
}

.p-single__btn-wrapper {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  max-width: 410px;
  margin: 50px auto 85px;
}
@media screen and (max-width: 768px) {
  .p-single__btn-wrapper {
    margin: 50px auto 55px;
    gap: 15px;
  }
}

.p-news {
  padding-top: 65px;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-news {
    padding-top: 35px;
    margin-bottom: 45px;
  }
}

.p-news__wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper {
    margin: 0 auto 20px;
    width: 90%;
  }
}

.p-news__wrapper2 {
  width: 100%;
  max-width: 810px;
  margin: 0 auto 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper2 {
    width: 90%;
  }
}

.p-news__wrapper3 {
  width: 100%;
  max-width: 810px;
  margin: 0 auto 45px;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper3 {
    margin: 0 auto 30px;
    width: 90%;
  }
}

.p-news__wrapper4 {
  background-color: #F8F8F8;
  width: 100%;
  margin: 0 auto 55px;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper4 {
    margin: 0 auto 30px;
  }
}

.p-news__wrapper5 {
  width: 100%;
  max-width: 810px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper5 {
    width: 90%;
  }
}
.p-news__wrapper5 p {
  font-size: 12px;
  letter-spacing: 0.12rem;
  font-weight: 200;
  line-height: 2.2;
  font-feature-settings: "palt" on;
  margin-bottom: 2em;
}
.p-news__wrapper5 p img {
  max-width: 500px;
  width: 100%;
  margin-bottom: 30px;
}
.p-news__wrapper5 p:has(img) {
  width: fit-content;
  display: block;
  margin: 0 auto;
}
.p-news__wrapper5 h2 {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 25px;
  background-color: #000;
  text-align: center;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  padding: 5px 20px;
  min-height: 52px;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper5 h2 {
    min-height: 0;
    background: none;
    align-items: stretch;
    justify-content: flex-start;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    padding: 0px;
    margin-bottom: 25px;
  }
}
.p-news__wrapper5 h3 {
  font-size: 22px;
  letter-spacing: 0.12rem;
  font-weight: bold;
  line-height: 2.2;
  font-feature-settings: "palt" on;
  margin: 2em 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper5 h3 {
    font-size: 18px;
    margin: 1em 0;
  }
}
.p-news__wrapper5 a {
  color: #000;
  text-decoration: underline;
  font-weight: 500;
}
.p-news__wrapper5 strong {
  font-weight: bold;
}

.p-news__wrapper6 {
  max-width: 408px;
  margin: 50px auto 85px;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper6 {
    width: 90%;
    margin: 0 auto 50px;
  }
}

.p-news__wrapper7 {
  width: 100%;
  margin: 0 auto 75px;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper7 {
    margin: 0 auto 45px;
  }
}

.p-news__wrapper8 {
  width: 100%;
  margin: 0 auto 70px;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper8 {
    width: 90%;
  }
}

.p-news__wrapper9 {
  width: 100%;
  max-width: 1000px;
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .p-news__wrapper9 {
    width: 95%;
    margin-right: 0;
    overflow-x: visible;
    padding-right: 20px;
  }
}

.p-archive {
  padding-top: 65px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-archive {
    padding-top: 35px;
  }
}

@media screen and (max-width: 768px) {
  .c-list12__view-options-wrapper.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    z-index: 2;
    background: #fff;
    padding: 10px 0;
  }
  .c-list12__view-options-wrapper.is-sticky .c-list11__view-button {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .c-list12__view-options-wrapper.is-sticky .c-list11__view-button .c-list11__button-icon {
    margin-right: 0;
  }
  .c-list12__view-options-wrapper.is-sticky .c-list11__clear-button {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .c-list11.is-sticky {
    position: fixed;
    top: 53px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    background: #fff;
    padding: 6px 0;
  }
  .c-list11.is-sticky .c-list11__display-count {
    display: none;
  }
  .c-list11.is-sticky .c-list11__clear-button {
    display: none;
  }
  .c-list11.is-sticky .c-list11__header-right {
    flex-direction: row;
    gap: 0;
    width: 100%;
    max-width: 90%;
  }
  .c-list11.is-sticky .c-list11__filter-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    border-right: 1px solid #C9CCCE;
    padding: 8px 0;
  }
  .c-list11.is-sticky .c-list11__button-icon {
    margin-right: 0;
  }
  .c-list11.is-sticky .c-list11__view-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    gap: 5px;
    padding: 8px 0;
  }
  .c-list11.is-sticky .c-list11__filter-button {
    min-width: 68px;
  }
  .c-list11.is-sticky .c-list11__filters, .c-list11.is-sticky .c-list11__view-options {
    width: 100%;
  }
}
.p-archive__wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.p-archive__wrapper2 {
  width: 100%;
  margin: 0 auto;
}
.p-archive__wrapper2-inner {
  max-width: 1000px;
  margin: 0 auto 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #CECECE;
}
@media screen and (max-width: 768px) {
  .p-archive__wrapper2-inner {
    margin: 35px auto 10px;
    padding-bottom: 0;
    border-bottom: none;
    width: 90%;
  }
}

.p-archive__wrapper3 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.p-archive__wrapper3__inner {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  transition: padding-left 0.3s ease-out 0.2s;
}
.p-archive__wrapper3__inner.has-menu-open {
  padding-left: 260px;
  transition: padding-left 0.3s ease-out;
  min-height: 1350px;
}

.p-archive__wrapper4 {
  width: 100%;
  padding: 40px 0;
  margin-bottom: 80px;
  background-color: #F3F3F3;
}
@media screen and (max-width: 768px) {
  .p-archive__wrapper4 {
    padding: 40px 0 0;
    margin-bottom: 50px;
    background-color: #fff;
  }
}
.p-archive__wrapper4__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-archive__wrapper4__inner {
    width: 90%;
  }
}

.p-archive-news {
  padding-top: 65px;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-archive-news {
    padding-top: 35px;
    margin-bottom: 45px;
  }
}

.p-archive-news__wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-archive-news__wrapper {
    width: 90%;
  }
}

.p-archive-news__wrapper2 {
  width: 100%;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .p-archive-news__wrapper2 {
    width: 90%;
    margin: 0 auto 40px;
  }
}

.p-archive-news__wrapper3 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 100px;
}

.p-archive-news__wrapper4 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .p-archive-news__wrapper4 {
    width: 90%;
  }
}

.p-archive-news__wrapper5 {
  width: 100%;
  margin: 0 auto 20px;
}

.p-archive-news__wrapper6 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-archive-news__wrapper6 {
    width: 95%;
    margin-right: 0;
    overflow-x: visible;
    padding-right: 20px;
  }
}

.p-product-category {
  padding-top: 30px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-product-category {
    padding-top: 40px;
  }
}

.p-product-category__wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-product-category__wrapper {
    margin: 0 auto 20px;
  }
}

.p-product-category__wrapper2 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .p-product-category__wrapper2 {
    margin: 0 auto 30px;
  }
}

.p-product-category__wrapper3 {
  width: 100%;
  margin: 0 auto 30px;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .p-product-category__wrapper3 {
    margin: 0 auto 40px;
  }
}

.p-product-category__wrapper4 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .p-product-category__wrapper4 {
    width: 90%;
    margin: 0 auto 35px;
  }
}

.p-product-category__wrapper5 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.p-product-category__wrapper6 {
  width: 100%;
  padding: 45px 0 50px;
  margin-bottom: 80px;
  background-color: #F3F3F3;
}
@media screen and (max-width: 768px) {
  .p-product-category__wrapper6 {
    padding: 0;
    margin-bottom: 40px;
    background-color: #fff;
  }
}
.p-product-category__wrapper6__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-product-category__wrapper6__inner {
    width: 90%;
  }
}

.p-product-category__wrapper7 {
  width: 100%;
  max-width: 407px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-product-category__wrapper7 {
    margin: 0 auto 40px;
    width: 90%;
  }
}

.p-product-category__wrapper8 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .p-product-category__wrapper8 {
    margin: 40px auto 0;
    width: 90%;
  }
}

.fv__dots {
  margin-top: 15px;
  display: flex;
  justify-content: center;
}

.fv__dots li {
  width: 40px;
  height: 2px;
  margin: 0 5px;
  background: #8C8C8C;
  cursor: pointer;
}

.fv__dots li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.fv__dots li:hover,
.fv__dots li.slick-active {
  background: #000;
}

.list-slick__dots {
  margin-top: 45px;
  display: flex;
  justify-content: center;
}

.list-slick__dots li {
  width: 40px;
  height: 2px;
  margin: 0 5px;
  background: #8C8C8C;
  cursor: pointer;
}

.list-slick__dots li:only-child {
  display: none;
}

.list-slick__dots li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.list-slick__dots li:hover,
.list-slick__dots li.slick-active {
  background: #000;
}

.sp-slick-wrapper__dots {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .sp-slick-wrapper__dots.--negative {
    margin-left: -15vw;
  }
}

.sp-slick-wrapper__dots li {
  width: 40px;
  height: 2px;
  margin: 0 5px;
  background: #8C8C8C;
  cursor: pointer;
}

.sp-slick-wrapper__dots li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.sp-slick-wrapper__dots li:hover,
.sp-slick-wrapper__dots li.slick-active {
  background: #000;
}

.slide-arrow {
  position: absolute;
  top: 30%;
  margin-top: -15px;
}
@media screen and (max-width: 768px) {
  .slide-arrow {
    top: 28%;
  }
}

.prev-arrow {
  left: -40px;
  width: 11px;
  height: 22px;
}
@media screen and (max-width: 768px) {
  .prev-arrow {
    left: -15px;
  }
}

.next-arrow {
  right: -25px;
  width: 11px;
  height: 22px;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .next-arrow {
    right: -15px;
  }
}

.u-hidden {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .c-filter-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
    transform: none !important;
  }
  .c-filter-menu.is-modal-open {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: calc(100% - 40px);
    max-width: 400px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 20px;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
    width: 100%;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__header h3 {
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__header h3 .c-filter-menu__header-icon {
    margin-right: 8px;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__header .c-filter-menu__header-close {
    font-size: 28px;
    font-weight: lighter;
    color: #333;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__actions-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__actions-top button {
    flex-basis: calc(50% - 5px);
    padding: 12px 0;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #000;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__actions-top button:first-child {
    background-color: #fff;
    color: #000;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__actions-top button:last-child {
    background-color: #000;
    color: #fff;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__section {
    margin-bottom: 15px;
    width: 100%;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__section .c-filter-menu__section-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__section .c-filter-menu__option {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__section .c-filter-menu__option input[type=radio] {
    margin-right: 8px;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__section .c-filter-menu__option label {
    font-size: 13px;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__section .c-filter-menu__price-note {
    font-size: 11px;
    color: #555;
    margin-bottom: 10px;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__actions-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0;
    width: 100%;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__actions-bottom button {
    flex-basis: calc(50% - 5px);
    padding: 12px 0;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #000;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__actions-bottom button:first-child {
    background-color: #fff;
    color: #000;
  }
  .c-filter-menu.is-modal-open .c-filter-menu__actions-bottom button:last-child {
    background-color: #000;
    color: #fff;
  }
}

@media screen and (max-width: 768px) {
  body.modal-open {
    overflow: hidden;
  }
}