/*====================================================================================
START TABLE OF CONTENT

1.1 START TITLE CHILD PAGE.
1.2 START HEADING CHILD PAGE.
1.3 START LIST ICON, ICON CHILD PAGE.
1.4 START LIST BUTTON, BUTTON CHILD PAGE.
1.5 START LIST LINK, LINK CHILD PAGE.
1.6 START LIST BOX, BOX CHILD PAGE.
1.7 START LIST, ITEM CHILD PAGE.
1.8 START LIST TAB, TAB CHILD PAGE.
1.9 START LIST PANEL, PANEL CHILD PAGE.
1.10 START LIST STEP, STEP CHILD PAGE.
1.11 START BANNER CHILD PAGE.
1.12 START LIST PART, PART CHILD PAGE.
1.13 START LIST GROUP, GROUP CHILD PAGE.
1.14 START LIST TABLE, TABLE CHILD PAGE.
1.15 START LIST NOTIFY, NOTIFY CHILD PAGE.
1.16 START LIST VIDEO, VIDEO CHILD PAGE.
1.17 START ANCHOR CHILD PAGE.
1.18 START COMMON, SECTION CHILD PAGE.
1.19 START PAGINATION CHILD PAGE.
1.20 START TOGGLE CHILD PAGE.

2. START PAGE VISUAL SECTION.
3. START BREADCRUMB SECTION.
4. START REPORT PAGE.
5. START EVENT PAGE.
6. START PINO PAGE.
7. START TICKET PAGE.
8. START ACCESS PAGE.
9. START OVERVIEW PAGE.
10. START MANAGEMENT PAGE.
11. START PROGRAM PAGE.
12. START FAQ PAGE.
13. START SITEMAP PAGE.
14. START PP PAGE.
15. START SEAT PAGE.
16. START MORI PAGE.
17. START HALL PAGE.
18. START YOYAKU PAGE.
19. START RYOUKIN PAGE.
20. START DOWNLOAD PAGE.

/*====================================================================================
1.1 START TITLE CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT TITLE BASE ----------*/
.c-title-base {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .c-title-base {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-title-base {
    font-size: 1.8rem;
  }
}
/*---------- START COMPONENT TITLE BASE LINE ----------*/
.c-title-base--line {
  position: relative;
}
.c-title-base--line::before {
  position: absolute;
  content: "";
  left: 0;
  width: 2px;
  background-color: currentColor;
}

@media only screen and (max-width: 767px) {
  .c-title-base--line {
    padding-left: 1.5rem;
  }
  .c-title-base--line::before {
    top: 0.3rem;
    height: calc(100% - 0.6rem);
  }
}
@media only screen and (min-width: 768px) {
  .c-title-base--line {
    padding-left: 2rem;
  }
  .c-title-base--line::before {
    top: 0.5rem;
    height: calc(100% - 1rem);
  }
}
/*---------- START COMPONENT TITLE BASE LINE 02 ----------*/
.c-title-base--line02 {
  position: relative;
  padding-left: 1.3rem;
}
.c-title-base--line02::before {
  position: absolute;
  content: "";
  top: 0.9em;
  left: 0;
  height: 1px;
  width: 0.4rem;
  background-color: currentColor;
}

@media only screen and (max-width: 767px) {
  .c-title-base--line02 {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-title-base--line02 {
    font-size: 1.4rem;
  }
}
/*---------- START COMPONENT TITLE GROUP ----------*/
.c-title-group {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .c-title-group {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-title-group {
    font-size: 2.4rem;
  }
}
/*---------- START COMPONENT TITLE NUMBER ----------*/
.c-title-number {
  position: relative;
}
.c-title-number__char {
  position: absolute;
  left: 0;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .c-title-number {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-title-number {
    font-size: 1.8rem;
  }
}
/*---------- START COMPONENT TITLE NUMBER ONE DOT ----------*/
.c-title-number--one-dot {
  padding-left: 1.2em;
}
.c-title-number--one-dot .c-title-number__char {
  width: 1.2em;
}

/*====================================================================================
1.2 START HEADING CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT HEADING MAIN ----------*/
.c-heading-main {
  background-color: var(--theme-color-undenary);
}
.c-heading-main__title {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .c-heading-main {
    padding: 1.5rem 1.5rem 1.5rem 2rem;
    border-left: 0.8rem solid var(--theme-color-primary);
  }
  .c-heading-main__title {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-main {
    padding: 1.8rem 1.5rem 1.8rem 3rem;
    border-left: 1rem solid var(--theme-color-primary);
  }
  .c-heading-main__title {
    font-size: 1.8rem;
  }
}
/*---------- START COMPONENT HEADING GROUP ----------*/
.c-heading-group__title {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .c-heading-group {
    padding: 1.1rem 0 1.1rem 1.5rem;
  }
  .c-heading-group__title {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-group {
    padding: 1.5rem 0 1.5rem 3rem;
  }
  .c-heading-group__title {
    font-size: 2.2rem;
  }
}
/*---------- START COMPONENT HEADING PART ----------*/
.c-heading-part__title {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .c-heading-part {
    padding-left: 1rem;
  }
  .c-heading-part__title {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-part {
    padding-left: 1.5rem;
  }
  .c-heading-part__title {
    font-size: 2.4rem;
  }
}
/*---------- START COMPONENT HEADING PANEL ----------*/
.c-heading-panel {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 4rem;
  text-decoration: none;
}
.c-heading-panel__title {
  font-weight: 500;
}
.c-heading-panel .c-icon-circle {
  top: 50%;
  right: 0;
  margin-top: -1.5rem;
}

@media only screen and (max-width: 767px) {
  .c-heading-panel__title {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-panel__title {
    font-size: 2rem;
  }
  .c-heading-panel:hover .c-icon-circle {
    background-color: var(--theme-color-secondary);
  }
}
/*---------- START COMPONENT HEADING PANEL GRAY ----------*/
.c-heading-panel--gray .c-icon-circle {
  border-color: var(--theme-color-tertiary);
  background-color: var(--theme-color-tertiary);
}
.c-heading-panel--gray .c-heading-panel__title {
  color: var(--theme-color-tertiary);
}

@media only screen and (min-width: 768px) {
  .c-heading-panel--gray:hover .c-icon-circle::before {
    background-image: url("./../common_img/arrow-right-gray.webp");
  }
}
/*---------- START COMPONENT HEADING PANEL GREEN ----------*/
.c-heading-panel--green .c-icon-circle {
  border-color: var(--theme-color-octonary);
  background-color: var(--theme-color-octonary);
}
.c-heading-panel--green .c-heading-panel__title {
  color: var(--theme-color-octonary);
}

@media only screen and (min-width: 768px) {
  .c-heading-panel--green:hover .c-icon-circle::before {
    background-image: url("./../common_img/arrow-right-green02.webp");
  }
}
/*---------- START COMPONENT HEADING PANEL BROWN ----------*/
.c-heading-panel--brown .c-icon-circle {
  border-color: var(--theme-color-quinary);
  background-color: var(--theme-color-quinary);
}
.c-heading-panel--brown .c-heading-panel__title {
  color: var(--theme-color-quinary);
}

@media only screen and (min-width: 768px) {
  .c-heading-panel--brown:hover .c-icon-circle::before {
    background-image: url("./../common_img/arrow-right-brown.webp");
  }
}
/*---------- START COMPONENT HEADING PANEL BLUE ----------*/
.c-heading-panel--blue .c-icon-circle {
  border-color: var(--theme-color-senary);
  background-color: var(--theme-color-senary);
}
.c-heading-panel--blue .c-heading-panel__title {
  color: var(--theme-color-senary);
}

@media only screen and (min-width: 768px) {
  .c-heading-panel--blue:hover .c-icon-circle::before {
    background-image: url("./../common_img/arrow-right-blue.webp");
  }
}
/*====================================================================================
1.3 START LIST ICON, ICON CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT ICON PLUS ----------*/
.c-icon-plus {
  position: absolute;
  top: 50%;
}
.c-icon-plus::before, .c-icon-plus::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
}
.c-icon-plus::before {
  transform: rotate(-90deg);
  transition: transform 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

@media only screen and (max-width: 767px) {
  .c-icon-plus {
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -0.7rem;
  }
  .c-icon-plus::before, .c-icon-plus::after {
    height: 0.2rem;
    margin-top: -0.1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-icon-plus {
    width: 1.9rem;
    height: 1.9rem;
    margin-top: -0.95rem;
  }
  .c-icon-plus::before, .c-icon-plus::after {
    height: 0.3rem;
    margin-top: -0.15rem;
  }
}
/*---------- START COMPONENT ICON CIRCLE ----------*/
.c-icon-circle {
  position: absolute;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
}
.c-icon-circle::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 1.1rem;
  margin-top: -0.55rem;
  margin-left: -0.2rem;
  background-image: url("./../common_img/arrow-right-white.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*====================================================================================
1.4 START LIST BUTTON, BUTTON CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT BUTTON MAIN ----------*/
.c-btn-main {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 43rem;
  text-decoration: none;
  border-radius: 1.5rem;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.c-btn-main__bg {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.c-btn-main__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-btn-main__text,
.c-btn-main .c-icon {
  z-index: 2;
}
.c-btn-main__text {
  position: relative;
  color: var(--theme-color-secondary);
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: color 0.3s ease;
}

@media only screen and (max-width: 767px) {
  .c-btn-main .c-icon {
    right: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-btn-main .c-icon {
    right: 2rem;
  }
  .c-btn-main:hover .c-btn-main__bg {
    opacity: 0.8;
    transform: scale(1.03);
  }
}
/*---------- START COMPONENT BUTTON MAIN LOW ----------*/
.c-btn-main--low {
  min-height: 9.5rem;
}

/*---------- START COMPONENT BUTTON MAIN HIGH ----------*/
@media only screen and (max-width: 575px) {
  .c-btn-main--high {
    min-height: 10rem;
  }
}
@media only screen and (min-width: 576px) {
  .c-btn-main--high {
    min-height: 12.5rem;
  }
}
/*---------- START COMPONENT BTN SQUARE ----------*/
.c-btn-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  text-decoration: none;
  border: 1px solid var(--theme-border-secondary);
}
.c-btn-square__num {
  line-height: 1;
  font-weight: 500;
}
.c-btn-square__arrow {
  line-height: 0;
}
.c-btn-square:hover {
  background-color: var(--color-neutral-325);
}
.c-btn-square.is-current {
  background-color: var(--color-neutral-325);
}

/*====================================================================================
1.5 START LIST LINK, LINK CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT LINK ANCHOR ----------*/
.c-link-anchor {
  display: inline;
  font-weight: 570;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 0% 0.1rem;
  background-image: linear-gradient(currentColor, currentColor);
}

@media only screen and (max-width: 767px) {
  .c-link-anchor {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-link-anchor {
    font-size: 1.8rem;
  }
  .c-link-anchor:hover {
    background-position: 0 100%;
    background-size: 100% 0.1rem;
  }
}
/*---------- START COMPONENT LINK MAIN ----------*/
.c-link-main {
  position: relative;
  display: inline-block;
  padding-right: 1.8rem;
  font-weight: 500;
  text-decoration: none;
}
.c-link-main::before {
  position: absolute;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 767px) {
  .c-link-main {
    font-size: 1.4rem;
  }
  .c-link-main::before {
    top: 0.65rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-link-main {
    font-size: 1.6rem;
  }
  .c-link-main:hover {
    text-decoration: underline;
  }
}
/*---------- START COMPONENT LINK MAIN RIGHT ----------*/
.c-link-main--right::before {
  right: 0;
  width: 0.6rem;
  height: 1.1rem;
  background-image: url("./../common_img/arrow-right-black.webp");
}

@media only screen and (min-width: 768px) {
  .c-link-main--right::before {
    top: 1rem;
  }
}
/*---------- START COMPONENT LINK MAIN DOWN ----------*/
.c-link-main--down::before {
  right: 0;
  width: 1.1rem;
  height: 0.6rem;
  background-image: url("./../common_img/arrow-down-black.webp");
}

@media only screen and (max-width: 767px) {
  .c-link-main--down::before {
    top: 0.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-link-main--down::before {
    top: 1.25rem;
  }
}
/*---------- START COMPONENT LINK MAIN BLACK TO GRAY ----------*/
a.c-link-main--black-to-gray:hover {
  color: var(--theme-color-tertiary);
}
a.c-link-main--black-to-gray:hover::before {
  background-image: url("./../common_img/arrow-right-gray.webp");
}

/*---------- START COMPONENT LINK MAIN BLACK TO GREEN ----------*/
a.c-link-main--black-to-green:hover {
  color: var(--theme-color-octonary);
}
a.c-link-main--black-to-green:hover::before {
  background-image: url("./../common_img/arrow-right-green.webp");
}

/*---------- START COMPONENT LINK MAIN BLACK TO BROWN ----------*/
a.c-link-main--black-to-brown:hover {
  color: var(--theme-color-quinary);
}
a.c-link-main--black-to-brown:hover::before {
  background-image: url("./../common_img/arrow-right-brown.webp");
}

/*---------- START COMPONENT LINK MAIN BLACK TO BLUE ----------*/
a.c-link-main--black-to-blue:hover {
  color: var(--theme-color-senary);
}
a.c-link-main--black-to-blue:hover::before {
  background-image: url("./../common_img/arrow-right-blue.webp");
}

/*====================================================================================
1.6 START LIST BOX, BOX CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT BOX ZOOM ----------*/
.c-box-zoom {
  border: 1px solid var(--theme-border-denary);
}
.c-box-zoom__figcaption {
  position: absolute;
  top: var(--spacing-sp15-pc20);
  min-width: 8rem;
  padding: 0.8rem;
  color: var(--theme-color-secondary);
  line-height: 1;
  font-weight: 700;
  text-align: center;
  background-color: var(--theme-color-quaternary);
}

@media only screen and (max-width: 767px) {
  .c-box-zoom__figcaption {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-box-zoom__figcaption {
    font-size: 1.8rem;
  }
}
/*---------- START PROJECT LIST BOX ZOOM ----------*/
@media only screen and (max-width: 575px) {
  .p-list-box-zoom .c-box-zoom {
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 576px) {
  .p-list-box-zoom {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .p-list-box-zoom .c-box-zoom {
    width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-list-box-zoom .c-box-zoom {
    width: calc(50% - 2rem);
  }
}
@media only screen and (min-width: 1300px) {
  .p-list-box-zoom .c-box-zoom {
    width: calc(50% - 5.5rem);
  }
}
/*---------- START COMPONENT BOX MAIN ----------*/
.c-box-main__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  background-color: var(--theme-color-secondary);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.c-box-main__text {
  position: relative;
  z-index: 2;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: color 0.3s ease;
}
.c-box-main .c-arrow,
.c-box-main .c-icon {
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .c-box-main__link {
    min-height: 6rem;
    padding: 1rem 2.5rem 1rem 5rem;
  }
  .c-box-main__text {
    font-size: 1.4rem;
  }
  .c-box-main .c-arrow--left {
    left: 1rem;
  }
  .c-box-main .c-arrow--right {
    right: 1rem;
  }
  .c-box-main .c-icon--pdf {
    left: 1.4rem;
  }
  .c-box-main .c-icon--word,
  .c-box-main .c-icon--excel {
    left: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-box-main__text {
    font-size: 1.6rem;
  }
  .c-box-main .c-arrow--right {
    right: 13rem;
  }
  .c-box-main .c-icon--pdf {
    left: 13rem;
  }
  .c-box-main__link {
    min-height: 7rem;
    padding: 1rem 17rem;
    transition: background-color 0.3s ease;
  }
  .c-box-main__link:hover {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.35);
  }
  .c-box-main__link:hover .c-arrow::before,
  .c-box-main__link:hover .c-icon::before {
    opacity: 0;
  }
  .c-box-main__link:hover .c-arrow::after,
  .c-box-main__link:hover .c-icon::after {
    opacity: 1;
  }
}
/*---------- START COMPONENT BOX MAIN MD ----------*/
@media only screen and (max-width: 767px) {
  .c-box-main--md .c-box-main__link {
    max-width: 42rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-box-main--md .c-icon--pdf {
    left: 4rem;
  }
  .c-box-main--md .c-icon--word {
    left: 3.2rem;
  }
  .c-box-main--md .c-icon--excel {
    left: 3.2rem;
  }
  .c-box-main--md .c-arrow--right {
    right: 4rem;
  }
  .c-box-main--md .c-box-main__link {
    max-width: 50rem;
    padding: 1rem 6.5rem 1rem 8rem;
  }
}
/*---------- START COMPONENT BOX MAIN WHITE TO BLACK ----------*/
.c-box-main--white-to-black .c-box-main__link {
  border-color: var(--theme-border-tertiary);
}
.c-box-main--white-to-black .c-box-main__text {
  color: var(--theme-color-primary);
}

@media only screen and (min-width: 768px) {
  .c-box-main--white-to-black .c-box-main__link:hover {
    border-color: var(--theme-border-octonary);
    background-color: var(--theme-color-primary);
  }
  .c-box-main--white-to-black .c-box-main__link:hover .c-box-main__text {
    color: var(--theme-color-secondary);
  }
}
/*---------- START COMPONENT BOX MAIN GRAY TO BLACK ----------*/
.c-box-main--gray-to-black .c-box-main__link {
  border-color: var(--theme-border-tertiary);
  background-color: var(--theme-color-denary);
}
.c-box-main--gray-to-black .c-box-main__text {
  color: var(--theme-color-primary);
}

@media only screen and (min-width: 768px) {
  .c-box-main--gray-to-black .c-box-main__link:hover {
    border-color: var(--theme-border-octonary);
    background-color: var(--theme-color-primary);
  }
  .c-box-main--gray-to-black .c-box-main__link:hover .c-box-main__text {
    color: var(--theme-color-secondary);
  }
}
/*---------- START LIST BOX MAIN ----------*/
.p-list-box-main .c-box-main:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .p-list-box-main .c-box-main {
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-box-main .c-box-main {
    margin-top: 2rem;
  }
}
/*---------- START LIST BOX MAIN ONE COLUMN ----------*/
@media only screen and (min-width: 768px) {
  .p-list-box-main--one-col {
    max-width: 85rem;
    margin: 0 auto;
  }
}
/*---------- START LIST BOX MAIN TWO COLUMN ----------*/
@media only screen and (min-width: 576px) {
  .p-list-box-main--two-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .p-list-box-main--two-col .c-box-main__link {
    max-width: 100%;
  }
  .p-list-box-main--two-col .c-box-main:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .p-list-box-main--two-col .c-box-main {
    width: calc(50% - 0.75rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-list-box-main--two-col .c-box-main {
    width: calc(50% - 2.5rem);
  }
}
/*====================================================================================
1.7 START LIST, ITEM CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT ITEM NUMBER ----------*/
.c-item-number {
  position: relative;
}
.c-item-number__char {
  position: absolute;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .c-item-number__array > li {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-item-number__array {
    display: flex;
    margin: -1rem -2.8rem -1rem -2.8rem;
  }
  .c-item-number__array > li {
    margin: 1rem 2.8rem;
  }
}
/*---------- START COMPONENT LIST NUMBER ----------*/
.c-list-number--int > li {
  margin-left: 1.1em;
  list-style-type: decimal;
}
.c-list-number--one-indent .c-item-number {
  padding-left: 1.8em;
  text-indent: -1.8em;
}
.c-list-number--one-dot .c-item-number {
  padding-left: 1.8em;
}
.c-list-number--one-dot .c-item-number__char {
  width: 1.8em;
}
.c-list-number--one-dot02 .c-item-number {
  padding-left: 2em;
}
.c-list-number--one-dot02 .c-item-number__char {
  width: 2em;
  padding-right: 0.2em;
  text-align: right;
}
.c-list-number--two-quotes .c-item-number {
  padding-left: 1.8em;
}
.c-list-number--two-quotes .c-item-number__char {
  width: 1.8em;
}

/*---------- START COMPONENT ITEM NEWS ----------*/
.c-item-news__link {
  text-decoration: none;
}
.c-item-news__right {
  font-weight: 500;
}
.c-item-news__heading {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .c-item-news__left {
    margin-bottom: 1rem;
  }
  .c-item-news__time {
    margin-left: 2rem;
  }
  .c-item-news__time time {
    font-size: 1.4rem;
  }
  .c-item-news .c-tag__wrap {
    min-width: 12rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-item-news__link {
    display: flex;
  }
  .c-item-news__link:hover .c-item-news__right p {
    text-decoration: underline;
  }
  .c-item-news__left {
    flex: 0 0 auto;
  }
  .c-item-news__right {
    flex: 1;
    padding-left: 3rem;
    transition: color 0.3s ease;
  }
  .c-item-news__time {
    margin-left: 2.5rem;
  }
  .c-item-news__time time {
    font-size: 1.6rem;
  }
  .c-item-news .c-tag__wrap {
    min-width: 12.5rem;
  }
}
/*---------- START PROJECT LIST ITEM NEWS ----------*/
.p-list-item-news .c-item-news {
  border-bottom: 1px solid var(--theme-border-quaternary);
}
.p-list-item-news .c-item-news:first-child {
  border-top: 1px solid var(--theme-border-quaternary);
}

@media only screen and (max-width: 767px) {
  .p-list-item-news .c-item-news {
    padding: 2rem 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-item-news .c-item-news {
    padding: 2.6rem 0;
  }
}
/*---------- START COMPONENT ITEM MONTH ----------*/
.c-item-month {
  display: flex;
}
.c-item-month__right {
  flex: 1;
}

@media only screen and (max-width: 767px) {
  .c-item-month__left {
    width: 4.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-item-month__left {
    width: 5.5rem;
  }
}
/*====================================================================================
1.8 START LIST TAB, TAB CHILD PAGE.
====================================================================================*/
/*---------- START TAB MAIN ----------*/
.c-tab-main {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.5rem 1rem 0.5rem;
  color: var(--theme-color-secondary);
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  background-color: var(--color-neutral-600);
}

@media only screen and (max-width: 767px) {
  .c-tab-main {
    min-height: 6rem;
    font-size: 1.6rem;
    border-top: 0.4rem solid transparent;
    border-bottom: 0.4rem solid var(--theme-color-septenary);
  }
}
@media only screen and (min-width: 768px) {
  .c-tab-main {
    min-height: 8.5rem;
    font-size: 1.8rem;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid var(--theme-color-septenary);
  }
}
/*---------- START LIST TAB MAIN ----------*/
.p-list-tab-main {
  display: flex;
  flex-wrap: wrap;
}

/*---------- START LIST TAB MAIN TWO COL ----------*/
@media only screen and (max-width: 767px) {
  .p-list-tab-main--two-col {
    margin: 0 -0.2rem;
  }
  .p-list-tab-main--two-col .c-tab-main {
    width: calc(50% - 0.4rem);
    margin: 0 0.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-tab-main--two-col .c-tab-main {
    width: calc(33.333% - 0.5rem);
    margin-left: 0.6rem;
  }
  .p-list-tab-main--two-col .c-tab-main:first-child {
    margin-left: 0;
  }
}
/*---------- START LIST TAB MAIN SIX COL ----------*/
@media only screen and (max-width: 767px) {
  .p-list-tab-main--six-col {
    margin: 0 -0.2rem;
  }
  .p-list-tab-main--six-col .c-tab-main {
    width: calc(16.667% - 0.4rem);
    margin: 0 0.2rem;
    writing-mode: vertical-rl;
    text-orientation: upright;
    word-wrap: break-word;
    letter-spacing: 0.25em;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-tab-main--six-col .c-tab-main {
    width: calc(16.667% - 0.5rem);
    margin-left: 0.6rem;
  }
  .p-list-tab-main--six-col .c-tab-main:first-child {
    margin-left: 0;
  }
}
/*---------- START COMPONENT PANEL GROUP ----------*/
.c-panel-group {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}
.c-panel-group__title {
  color: var(--theme-color-secondary);
  font-weight: 700;
}
.c-panel-group__body {
  background-color: var(--theme-color-secondary);
}
.c-panel-group__item {
  margin-top: var(--spacing-sp25-pc50);
}
.c-panel-group__item:first-child {
  margin-top: 0;
}
.c-panel-group__item .c-title-base {
  margin-bottom: var(--spacing-sp10-pc20);
}
.c-panel-group__item-btn {
  margin-top: var(--spacing-sp20-pc35);
  text-align: center;
}
.c-panel-group__item .p-list-step-group {
  margin-top: var(--spacing-sp20-pc35);
}
.c-panel-group__item .c-tbl-group {
  margin-top: var(--spacing-sp20-pc35);
}
.c-panel-group__item-notes {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-sp20-pc35);
}
.c-panel-group__item-notes .c-list-circle > li {
  margin-top: var(--spacing-sp20-pc30);
}
.c-panel-group__item-notes .c-list-circle > li:first-child {
  margin-top: 0;
}
.c-panel-group__month {
  margin-top: var(--spacing-sp15-pc30);
}

@media only screen and (max-width: 767px) {
  .c-panel-group__title {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-panel-group__title {
    font-size: 1.8rem;
  }
  .c-panel-group__item-body {
    padding-left: 2rem;
  }
}
/*---------- START COMPONENT PANEL GROUP SPECIAL ----------*/
.c-panel-group--special {
  background-color: var(--theme-color-denary);
  border: 1px solid var(--theme-border-nonary);
}
.c-panel-group--special .c-title-base {
  margin-bottom: var(--spacing-sp10-pc20);
}

@media only screen and (max-width: 767px) {
  .c-panel-group--special {
    padding: 2.5rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-panel-group--special {
    padding: 2.5rem 3rem;
  }
}
/*---------- START COMPONENT PANEL GROUP SM ----------*/
.c-panel-group--sm {
  border: 1px solid var(--theme-border-nonary);
}

@media only screen and (max-width: 767px) {
  .c-panel-group--sm .c-panel-group__header {
    padding: 1.5rem;
  }
  .c-panel-group--sm .c-panel-group__body {
    padding: 2.5rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-panel-group--sm .c-panel-group__header {
    padding: 1.35rem 3.5rem;
  }
  .c-panel-group--sm .c-panel-group__body {
    padding: 2.5rem 3rem;
  }
}
/*---------- START COMPONENT PANEL GROUP MD ----------*/
@media only screen and (max-width: 767px) {
  .c-panel-group--md .c-panel-group__header {
    padding: 1.5rem;
  }
  .c-panel-group--md .c-panel-group__body {
    padding: 3rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-panel-group--md .c-panel-group__header {
    padding: 1.35rem 4rem;
  }
  .c-panel-group--md .c-panel-group__body {
    padding: 5rem 4rem 6rem 4rem;
  }
}
/*---------- START PROJECT LIST PANEL GROUP ----------*/
.p-list-panel-group .c-panel-group {
  margin-top: var(--spacing-sp25-pc50);
}
.p-list-panel-group .c-panel-group:first-child {
  margin-top: 0;
}

/*====================================================================================
1.9 START LIST PANEL, PANEL CHILD PAGE.
====================================================================================*/
/*---------- START PANEL MAIN ----------*/
.c-panel-main {
  display: none;
  opacity: 0;
}
.c-panel-main .c-title {
  margin-bottom: var(--spacing-sp25-pc40);
}

/*---------- START TAB 01 ----------*/
#tab01:checked ~ .p-list-tab-main .c-tab-main01 {
  color: var(--theme-color-primary);
  background-color: var(--theme-color-secondary);
  border-top-color: var(--theme-color-primary);
  border-bottom-color: var(--theme-color-secondary);
}
#tab01:checked ~ .p-list-panel-main .c-panel-main01 {
  display: block;
  animation: fadeIn ease 0.2s 0.1s forwards;
}

/*---------- START TAB 02 ----------*/
#tab02:checked ~ .p-list-tab-main .c-tab-main02 {
  color: var(--theme-color-primary);
  background-color: var(--theme-color-secondary);
  border-top-color: var(--theme-color-primary);
  border-bottom-color: var(--theme-color-secondary);
}
#tab02:checked ~ .p-list-panel-main .c-panel-main02 {
  display: block;
  animation: fadeIn ease 0.2s 0.1s forwards;
}

/*---------- START TAB 03 ----------*/
#tab03:checked ~ .p-list-tab-main .c-tab-main03 {
  color: var(--theme-color-primary);
  background-color: var(--theme-color-secondary);
  border-top-color: var(--theme-color-primary);
  border-bottom-color: var(--theme-color-secondary);
}
#tab03:checked ~ .p-list-panel-main .c-panel-main03 {
  display: block;
  animation: fadeIn ease 0.2s 0.1s forwards;
}

/*---------- START TAB 04 ----------*/
#tab04:checked ~ .p-list-tab-main .c-tab-main04 {
  color: var(--theme-color-primary);
  background-color: var(--theme-color-secondary);
  border-top-color: var(--theme-color-primary);
  border-bottom-color: var(--theme-color-secondary);
}
#tab04:checked ~ .p-list-panel-main .c-panel-main04 {
  display: block;
  animation: fadeIn ease 0.2s 0.1s forwards;
}

/*---------- START TAB 05 ----------*/
#tab05:checked ~ .p-list-tab-main .c-tab-main05 {
  color: var(--theme-color-primary);
  background-color: var(--theme-color-secondary);
  border-top-color: var(--theme-color-primary);
  border-bottom-color: var(--theme-color-secondary);
}
#tab05:checked ~ .p-list-panel-main .c-panel-main05 {
  display: block;
  animation: fadeIn ease 0.2s 0.1s forwards;
}

/*---------- START TAB 06 ----------*/
#tab06:checked ~ .p-list-tab-main .c-tab-main06 {
  color: var(--theme-color-primary);
  background-color: var(--theme-color-secondary);
  border-top-color: var(--theme-color-primary);
  border-bottom-color: var(--theme-color-secondary);
}
#tab06:checked ~ .p-list-panel-main .c-panel-main06 {
  display: block;
  animation: fadeIn ease 0.2s 0.1s forwards;
}

/*---------- START LIST PANEL MAIN ----------*/
.p-list-panel-main {
  background-color: var(--theme-color-secondary);
}

@media only screen and (max-width: 767px) {
  .p-list-panel-main {
    padding: 3.5rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-panel-main {
    padding: 5rem;
  }
}
/*====================================================================================
1.10 START LIST STEP, STEP CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT STEP MAIN ----------*/
.c-step-main__header {
  display: flex;
}
.c-step-main__number, .c-step-main__heading {
  display: flex;
  align-items: center;
}
.c-step-main__number {
  justify-content: center;
}
.c-step-main__number p {
  color: var(--theme-color-secondary);
  line-height: 1;
  font-weight: 500;
  font-family: var(--theme-font-en-primary);
}
.c-step-main__heading {
  flex: 1;
  background-color: var(--theme-color-undenary);
}
.c-step-main__title {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .c-step-main__number, .c-step-main__heading {
    min-height: 5.5rem;
  }
  .c-step-main__number {
    width: 8rem;
  }
  .c-step-main__number p {
    font-size: 2.6rem;
  }
  .c-step-main__heading {
    padding: 1rem 1.5rem;
  }
  .c-step-main__title {
    font-size: 1.6rem;
  }
  .c-step-main__body {
    padding-top: 1.7rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-step-main__number, .c-step-main__heading {
    min-height: 6.5rem;
  }
  .c-step-main__number {
    width: 10rem;
  }
  .c-step-main__number p {
    font-size: 3rem;
  }
  .c-step-main__heading {
    padding: 1rem 3rem;
  }
  .c-step-main__title {
    font-size: 1.8rem;
  }
  .c-step-main__body {
    padding-top: 2.2rem;
  }
}
/*---------- START PROJECT LIST STEP MAIN ----------*/
.p-list-step-main .c-step-main {
  margin-top: var(--spacing-sp30-pc50);
}
.p-list-step-main .c-step-main:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT STEP GROUP ----------*/
.c-step-group__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.c-step-group__title {
  color: var(--theme-color-secondary);
  font-weight: 500;
}

@media only screen and (max-width: 575px) {
  .c-step-group__left {
    margin-bottom: 1.2rem;
  }
}
@media only screen and (min-width: 576px) {
  .c-step-group {
    display: flex;
  }
  .c-step-group__left {
    width: 16rem;
  }
  .c-step-group__right {
    flex: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-step-group__right {
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-step-group__heading {
    min-height: 5rem;
  }
  .c-step-group__title {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-step-group__right {
    padding-left: 3.5rem;
  }
  .c-step-group__heading {
    min-height: 6rem;
  }
  .c-step-group__title {
    font-size: 1.8rem;
  }
}
/*---------- START COMPONENT STEP GROUP LOW ----------*/
@media only screen and (min-width: 768px) {
  .c-step-group--low {
    align-items: center;
  }
}
/*---------- START PROJECT LIST STEP GROUP ----------*/
.p-list-step-group .c-step-group {
  margin-top: var(--spacing-sp25-pc40);
}
.p-list-step-group .c-step-group:first-child {
  margin-top: 0;
}

/*====================================================================================
1.11 START BANNER CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT BANNER MAIN ----------*/
.c-bnr-main__wrap {
  max-width: 80rem;
  margin: 0 auto;
  background-color: var(--theme-color-secondary);
  border: 1px solid var(--theme-border-nonary);
}
.c-bnr-main .c-title-base {
  margin-bottom: var(--spacing-sp20-pc30);
  text-align: center;
}
.c-bnr-main__btn {
  text-align: center;
}
.c-bnr-main__btn .c-btn {
  max-width: 43rem;
  padding: 1rem;
}

@media only screen and (max-width: 767px) {
  .c-bnr-main__wrap {
    padding: 3.5rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-bnr-main__wrap {
    padding: 3.5rem 3rem 4rem 3rem;
  }
}
/*====================================================================================
1.12 START LIST PART, PART CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT PART MAIN ----------*/
.c-part-main .c-heading-group {
  margin-bottom: var(--spacing-sp15-pc25);
}
.c-part-main__info dl {
  display: flex;
}
.c-part-main__info dl:first-child {
  margin-top: 0;
}
.c-part-main__info dt {
  font-weight: 500;
}
.c-part-main__info dd {
  flex: 1;
}
.c-part-main .p-list-panel-group {
  margin-top: var(--spacing-sp20-pc30);
}

@media only screen and (max-width: 767px) {
  .c-part-main__info dl {
    margin-top: 0.4rem;
  }
  .c-part-main__info dt {
    width: 10rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-part-main__info dl {
    margin-top: 0.7rem;
  }
  .c-part-main__info dt {
    width: 12.5rem;
  }
}
/*---------- START PROJECT LIST PART MAIN ----------*/
.p-list-part-main .c-part-main {
  margin-top: var(--spacing-sp30-pc55);
}
.p-list-part-main .c-part-main:first-child {
  margin-top: 0;
}

/*====================================================================================
1.13 START LIST GROUP, GROUP CHILD PAGE.
====================================================================================*/
/*---------- START PROJECT GROUP MAIN ----------*/
.p-group-tab > input[type=radio] {
  display: none;
}
.p-group-tab__control {
  margin-top: var(--spacing-sp25-pc50);
}
.p-group-tab__list {
  margin: 0 auto;
  max-width: 48.5rem;
}

@media only screen and (max-width: 767px) {
  .p-group-tab__item {
    width: 13rem;
  }
  .p-group-tab__item.u-pull-left .c-btn {
    padding-left: 2rem;
  }
  .p-group-tab__item.u-pull-right .c-btn {
    padding-right: 2rem;
  }
  .p-group-tab__item .c-btn {
    min-height: 4.5rem;
    padding: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-group-tab__item {
    width: 21.2rem;
  }
  .p-group-tab__item .c-btn {
    min-height: 5.5rem;
  }
}
/*---------- START COMPONENT GROUP MAIN ----------*/
.c-group-main {
  padding: var(--spacing-sp35-pc70) var(--spacing-sp15-pc30);
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}
.c-group-main__desc {
  margin-bottom: var(--spacing-sp20-pc35);
}
.c-group-main .c-box-main__link {
  max-width: 50rem;
  margin: 0 auto;
}
.c-group-main .c-bnr-main {
  margin-top: var(--spacing-sp25-pc50);
}

@media only screen and (min-width: 768px) {
  .c-group-main .c-box-main__link {
    max-width: 50rem;
    margin: 0 auto;
    padding: 1rem 6.5rem 1rem 7.5rem;
  }
  .c-group-main .c-box-main .c-icon--pdf {
    left: 4.5rem;
  }
  .c-group-main .c-box-main .c-arrow--right {
    right: 4.5rem;
  }
}
/*---------- START PROJECT GROUP MAIN ----------*/
.p-list-group-main .c-group-main {
  margin-top: var(--spacing-sp40-pc80);
}
.p-list-group-main .c-group-main:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT GROUP PAGE ----------*/
.c-group-page {
  background-color: var(--theme-color-secondary);
  border: 1px solid var(--theme-border-nonary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}
.c-group-page .c-title-base {
  margin-bottom: var(--spacing-sp20-pc30);
  text-align: center;
}
.c-group-page__btns .c-btn {
  padding: 1rem;
}

@media only screen and (max-width: 575px) {
  .c-group-page__btns {
    text-align: center;
  }
  .c-group-page__btns .c-btn {
    margin-top: 2rem;
  }
  .c-group-page__btns .c-btn:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) {
  .c-group-page__btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1rem;
  }
  .c-group-page__btns .c-btn {
    margin: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-group-page {
    padding: 3.5rem 1.5rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-group-page__btns .c-btn {
    width: calc(50% - 2rem);
  }
}
@media only screen and (min-width: 768px) {
  .c-group-page {
    max-width: 104rem;
    margin: 0 auto;
    padding: 3.5rem 3rem 4rem 3rem;
  }
  .c-group-page__btns .c-btn {
    width: calc(33.333% - 2rem);
  }
}
/*====================================================================================
1.14 START LIST TABLE, TABLE CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT HEADING TABLE ----------*/
.c-heading-table {
  color: var(--theme-color-secondary);
  font-weight: 500;
  text-align: center;
  border-left: 2px solid var(--theme-color-secondary);
}
.c-heading-table__text {
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  .c-heading-table {
    padding: 1.5rem 1rem;
  }
  .c-heading-table__text {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-table {
    padding: 1.35rem 4rem;
    border-right: 2px solid var(--theme-color-secondary);
  }
  .c-heading-table__text {
    font-size: 1.8rem;
  }
}
/*---------- START COMPONENT TABLE CLASSIC ----------*/
.c-tbl-classic table {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
}
.c-tbl-classic table th {
  font-weight: 500;
}
.c-tbl-classic table td {
  font-weight: 400;
  background-color: var(--theme-color-secondary);
}
.c-tbl-classic table thead th {
  color: var(--theme-color-secondary);
}
.c-tbl-classic table tbody th,
.c-tbl-classic table tbody td {
  border: 1px solid var(--theme-border-septenary);
}
.c-tbl-classic table tbody th {
  background-color: var(--theme-color-undenary);
}

@media only screen and (max-width: 767px) {
  .c-tbl-classic table th,
  .c-tbl-classic table td {
    padding: 1.25rem 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-classic table th,
  .c-tbl-classic table td {
    padding: 1.4rem 2rem;
  }
}
/*---------- START COMPONENT TABLE CLASSIC THREE COL ----------*/
.c-tbl-classic--three-col table {
  max-width: 50rem;
}
.c-tbl-classic--three-col table th,
.c-tbl-classic--three-col table td {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-tbl-classic--three-col table th:first-child {
    width: 7rem;
  }
  .c-tbl-classic--three-col table th:nth-child(2) {
    width: 8rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-classic--three-col table th:first-child {
    width: 9.5rem;
  }
  .c-tbl-classic--three-col table th:nth-child(2) {
    width: 11.5rem;
  }
}
/*---------- START COMPONENT TABLE CLASSIC THREE COL 02 ----------*/
.c-tbl-classic--three-col02 table {
  table-layout: fixed;
}
.c-tbl-classic--three-col02 table thead th {
  text-align: left;
}
.c-tbl-classic--three-col02 table tbody th,
.c-tbl-classic--three-col02 table tbody td {
  text-align: left;
}

/*---------- START COMPONENT TABLE CLASSIC FOUR COL ----------*/
.c-tbl-classic--four-col table thead th {
  line-height: 1.35;
  text-align: center;
}
.c-tbl-classic--four-col table tbody th,
.c-tbl-classic--four-col table tbody td {
  text-align: left;
}

@media only screen and (max-width: 575px) {
  .c-tbl-classic--four-col table {
    width: 65rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-tbl-classic--four-col table {
    width: 70rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-tbl-classic--four-col table thead th:first-child {
    width: 8.5rem;
  }
  .c-tbl-classic--four-col table thead th:nth-child(3) {
    width: 16.5rem;
  }
  .c-tbl-classic--four-col table thead th:last-child {
    width: 16.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-classic--four-col table thead th {
    padding: 1.5rem 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .c-tbl-classic--four-col table thead th:first-child {
    width: 12rem;
  }
  .c-tbl-classic--four-col table thead th:nth-child(3) {
    width: 19rem;
  }
  .c-tbl-classic--four-col table thead th:last-child {
    width: 19rem;
  }
}
@media only screen and (min-width: 1300px) {
  .c-tbl-classic--four-col table thead th:first-child {
    width: 21rem;
  }
  .c-tbl-classic--four-col table thead th:nth-child(3) {
    width: 23rem;
  }
  .c-tbl-classic--four-col table thead th:last-child {
    width: 23.5rem;
  }
}
/*---------- START COMPONENT TABLE CLASSIC FOUR COLUMN 02 ----------*/
.c-tbl-classic--four-col02 table thead th {
  text-align: center;
}
.c-tbl-classic--four-col02 table tbody th,
.c-tbl-classic--four-col02 table tbody td {
  width: 18%;
  text-align: left;
}
.c-tbl-classic--four-col02 table tbody th:first-child,
.c-tbl-classic--four-col02 table tbody td:first-child {
  width: 40%;
}

@media only screen and (max-width: 767px) {
  .c-tbl-classic--four-col02 table {
    width: 65rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-tbl-classic--four-col02 table {
    width: 70rem;
  }
}
/*---------- START COMPONENT TABLE CLASSIC FOUR COLUMN 03 ----------*/
.c-tbl-classic--four-col03 table {
  table-layout: fixed;
}
.c-tbl-classic--four-col03 table thead th {
  text-align: left;
}
.c-tbl-classic--four-col03 table tbody th {
  text-align: left;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .c-tbl-classic--four-col03 table {
    width: 65rem;
  }
  .c-tbl-classic--four-col03 table thead th:nth-child(2) {
    width: 45%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-tbl-classic--four-col03 table {
    width: 70rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-classic--four-col03 table thead th:nth-child(2) {
    width: 40%;
  }
}
/*---------- START COMPONENT TABLE CLASSIC FIVE COLUMN ----------*/
.c-tbl-classic--five-col table {
  table-layout: fixed;
}
.c-tbl-classic--five-col table thead th {
  text-align: center;
}
.c-tbl-classic--five-col table tbody th,
.c-tbl-classic--five-col table tbody td {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .c-tbl-classic--five-col table {
    width: 65rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-tbl-classic--five-col table {
    width: 70rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-classic--five-col table thead th {
    padding: 1.4rem 0rem;
  }
}
/*---------- START COMPONENT TABLE CLASSIC SIX COL ----------*/
.c-tbl-classic--six-col table {
  table-layout: fixed;
}
.c-tbl-classic--six-col table thead th,
.c-tbl-classic--six-col table thead td {
  text-align: center;
}
.c-tbl-classic--six-col table thead th:first-child {
  background-color: var(--theme-color-undenary);
  border: 1px solid var(--theme-border-septenary);
}
.c-tbl-classic--six-col table thead td {
  font-weight: 500;
  background-color: var(--theme-color-undenary);
  border: 1px solid var(--theme-border-septenary);
}
.c-tbl-classic--six-col table tbody th {
  vertical-align: top;
  color: var(--theme-color-secondary);
  text-align: left;
  background-color: var(--theme-color-quinary);
  border: 1px solid var(--theme-color-quinary);
}
.c-tbl-classic--six-col table tbody td {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-tbl-classic--six-col table {
    width: 90rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-classic--six-col table th,
  .c-tbl-classic--six-col table td {
    padding: 1.4rem 1rem;
  }
}
/*---------- START PROJECT LIST TABLE CLASSIC ----------*/
.p-list-tbl-classic .c-tbl-classic {
  margin-top: var(--spacing-sp25-pc50);
}
.p-list-tbl-classic .c-tbl-classic:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT TABLE ----------*/
.c-tbl__heading {
  position: relative;
  z-index: 2;
}
.c-tbl table {
  width: 100%;
  table-layout: fixed;
}
.c-tbl table strong {
  font-weight: 700;
}
.c-tbl table th,
.c-tbl table td {
  text-align: left;
  vertical-align: top;
}
.c-tbl table th {
  font-size: 1.6rem;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .c-tbl table th,
  .c-tbl table td {
    display: block;
  }
  .c-tbl table th {
    padding: 2rem 0 1rem 0;
  }
  .c-tbl table td {
    padding: 0 0 2rem 0;
  }
}
/*---------- START COMPONENT TABLE NORMAL ----------*/
.c-tbl--special {
  padding: var(--spacing-sp30-pc50) var(--spacing-sp15-pc30);
  background-color: var(--theme-color-secondary);
}
.c-tbl--special table tr:first-child th,
.c-tbl--special table tr:first-child td {
  padding-top: 0;
}
.c-tbl--special table tr:last-child {
  border-bottom: 0;
}
.c-tbl--special table tr:last-child td {
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .c-tbl--special table th {
    width: 20rem;
    padding: 2.5rem;
  }
  .c-tbl--special table td {
    padding: 2.5rem 0 2.5rem 5rem;
  }
  .c-tbl--special table tr:last-child th {
    padding-bottom: 0;
  }
}
/*---------- START COMPONENT TABLE NORMAL ----------*/
.c-tbl--normal table {
  max-width: 90rem;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .c-tbl--normal table th {
    width: 15.5rem;
    padding: 2rem;
  }
  .c-tbl--normal table td {
    padding: 2rem;
  }
}
/*---------- START PROJECT TABLE MAIN ----------*/
.p-tbl-main table {
  width: 100%;
  table-layout: fixed;
}
.p-tbl-main th,
.p-tbl-main td {
  border-top: 1px solid var(--theme-border-septenary);
  border-bottom: 1px solid var(--theme-border-septenary);
}
.p-tbl-main th {
  font-weight: 500;
  text-align: center;
  background-color: var(--theme-color-undenary);
}
.p-tbl-main td {
  background-color: var(--theme-color-secondary);
}

@media only screen and (max-width: 767px) {
  .p-tbl-main th,
  .p-tbl-main td {
    padding: 1.3rem 1rem;
    font-size: 1.4rem;
  }
  .p-tbl-main th {
    width: 11rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-tbl-main th,
  .p-tbl-main td {
    font-size: 1.6rem;
  }
  .p-tbl-main th {
    width: 15rem;
    padding: 1.5rem;
  }
  .p-tbl-main td {
    padding: 1.5rem 2.5rem;
  }
}
/*---------- START COMPONENT TABLE PAGE ----------*/
.c-tbl-page table {
  width: 100%;
  table-layout: fixed;
}
.c-tbl-page table th {
  text-align: left;
  font-weight: 500;
  background-color: var(--theme-color-undenary);
}
.c-tbl-page table td {
  text-align: left;
  background-color: var(--theme-color-secondary);
}
.c-tbl-page table tr {
  border-top: 1px solid var(--theme-border-septenary);
  border-bottom: 1px solid var(--theme-border-septenary);
}

@media only screen and (max-width: 767px) {
  .c-tbl-page table td,
  .c-tbl-page table th {
    display: block;
    padding: 1.3rem 1rem;
  }
  .c-tbl-page table td .c-title-number,
  .c-tbl-page table th .c-title-number {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-page table td .c-title-number,
  .c-tbl-page table th .c-title-number {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .c-tbl-page table th {
    padding: 1.5rem 2.5rem;
  }
  .c-tbl-page table td {
    padding: 1.5rem 2.5rem;
  }
}
@media only screen and (min-width: 1300px) {
  .c-tbl-page table th {
    padding: 1.5rem 4rem;
  }
  .c-tbl-page table td {
    padding: 1.5rem 4rem;
  }
}
/*---------- START COMPONENT TABLE PAGE TWO COLUMN ----------*/
.c-tbl-page--two-col .c-heading-table {
  border-left: 0;
  border-right: 0;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .c-tbl-page--two-col table th {
    width: 32.5rem;
  }
}
/*---------- START COMPONENT TABLE PAGE TWO COLUMN 02 ----------*/
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .c-tbl-page--two-col02 table th {
    width: 62rem;
  }
}
@media only screen and (min-width: 1300px) {
  .c-tbl-page--two-col02 table th {
    width: 74rem;
  }
}
/*---------- START COMPONENT TABLE GROUP ----------*/
.c-tbl-group table {
  width: 100%;
  table-layout: fixed;
}
.c-tbl-group table td,
.c-tbl-group table th {
  border: 1px solid var(--theme-border-septenary);
}
.c-tbl-group table th {
  font-weight: 500;
  text-align: center;
  border-bottom: 0;
  background-color: var(--theme-color-undenary);
}
.c-tbl-group table tr:first-child td {
  border-top: 0;
}

@media only screen and (max-width: 767px) {
  .c-tbl-group table td,
  .c-tbl-group table th {
    padding: 1.3rem 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-group table th {
    padding: 1.5rem 2rem;
  }
  .c-tbl-group table td {
    padding: 1.5rem 2rem;
  }
}
/*---------- START COMPONENT TABLE GROUP THREE COLUMN ----------*/
.c-tbl-group--three-col table thead th:first-child, .c-tbl-group--three-col table thead th:nth-child(2) {
  width: 30%;
}
.c-tbl-group--three-col table tbody td:first-child, .c-tbl-group--three-col table tbody td:nth-child(2) {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-tbl-group--three-col table {
    width: 70rem;
  }
}
/*---------- START COMPONENT TABLE GROUP FOUR COLUMN ----------*/
.c-tbl-group--four-col .c-tbl-group__wrap td {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  border-bottom: 0;
}
.c-tbl-group--four-col .c-tbl-group__rowspan {
  padding-top: 1.3rem !important;
  padding-bottom: 1.3rem !important;
}
.c-tbl-group--four-col .c-tbl-group__line-end {
  border-bottom: 1px solid var(--theme-border-septenary);
}
.c-tbl-group--four-col table tbody tr td {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .c-tbl-group--four-col .c-tbl-group__line-start td {
    padding-top: 1.3rem;
  }
  .c-tbl-group--four-col .c-tbl-group__line-end td {
    padding-bottom: 1.3rem;
  }
  .c-tbl-group--four-col table {
    width: 77rem;
  }
  .c-tbl-group--four-col table thead th:first-child {
    width: 20rem;
  }
  .c-tbl-group--four-col table thead th:nth-child(2) {
    width: 24rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-group--four-col .c-tbl-group__line-start td {
    padding-top: 1.5rem;
  }
  .c-tbl-group--four-col .c-tbl-group__line-end td {
    padding-bottom: 1.5rem;
  }
  .c-tbl-group--four-col table thead th:first-child {
    width: 24rem;
  }
  .c-tbl-group--four-col table thead th:nth-child(2) {
    width: 28rem;
  }
}
/*---------- START COMPONENT TABLE GROUP FIVE COLUMN ----------*/
.c-tbl-group--five-col table thead th:nth-child(2), .c-tbl-group--five-col table thead th:nth-child(3), .c-tbl-group--five-col table thead th:nth-child(4) {
  width: 17%;
}
.c-tbl-group--five-col table tbody tr td {
  text-align: center;
}
.c-tbl-group--five-col table tbody tr td:first-child {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .c-tbl-group--five-col table {
    width: 77rem;
  }
}
/*---------- START COMPONENT TABLE POST ----------*/
.c-tbl-post table {
  width: 100%;
  table-layout: fixed;
}
.c-tbl-post table th,
.c-tbl-post table td {
  text-align: left;
}
.c-tbl-post table th {
  font-size: 1.6rem;
  font-weight: 700;
  background-color: var(--theme-color-undenary);
}

@media only screen and (max-width: 767px) {
  .c-tbl-post table th,
  .c-tbl-post table td {
    display: block;
  }
  .c-tbl-post table th {
    padding: 1.35rem 1rem;
    border-bottom: 1px solid var(--theme-border-septenary);
  }
  .c-tbl-post table td {
    padding: 1.4rem 1rem;
  }
  .c-tbl-post table tr {
    border: 1px solid var(--theme-border-septenary);
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-post table th,
  .c-tbl-post table td {
    padding: 1.45rem 2rem;
    border: 1px solid var(--theme-border-septenary);
  }
  .c-tbl-post table th {
    width: 15.5rem;
  }
}
/*====================================================================================
1.15 START LIST NOTIFY, NOTIFY CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT NOTIFY MAIN ----------*/
.c-notify-main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
  background-color: var(--color-red-300);
}
.c-notify-main p {
  color: var(--color-red-900);
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .c-notify-main {
    min-height: 5.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-notify-main {
    min-height: 6.5rem;
  }
}
/*====================================================================================
1.16 START LIST VIDEO, VIDEO CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT VIDEO MAIN ----------*/
.c-video-main__body {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.c-video-main__body iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*---------- START COMPONENT VIDEO MAIN MD ----------*/
.c-video-main--md {
  max-width: 61rem;
}

/*====================================================================================
1.17 START ANCHOR CHILD PAGE.
====================================================================================*/
/*---------- START PROJECT ANCHOR ----------*/
.p-anchor__desc {
  margin-bottom: var(--spacing-sp25-pc50);
  text-align: center;
}
.p-anchor__row {
  overflow: hidden;
}
.p-anchor__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-anchor__item {
  position: relative;
  text-align: center;
}
.p-anchor__item::before {
  position: absolute;
  content: "";
  right: 0;
  width: 1px;
  background-color: var(--theme-border-quinary);
}
.p-anchor__item.is-last-item::before {
  content: none;
}
.p-anchor__item:last-child::before {
  content: none;
}

@media only screen and (max-width: 767px) {
  .p-anchor__list {
    margin: -0.7rem -1.5rem;
  }
  .p-anchor__item {
    padding: 0.7rem 1.5rem;
  }
  .p-anchor__item::before {
    top: 0.7rem;
    height: calc(100% - 1.4rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-anchor__list {
    margin: -1.4rem -5.5rem;
  }
  .p-anchor__item {
    padding: 1.4rem 5.5rem;
  }
  .p-anchor__item::before {
    top: 1.4rem;
    height: calc(100% - 2.8rem);
  }
}
/*====================================================================================
1.18 START COMMON, SECTION CHILD PAGE.
====================================================================================*/
/*---------- START SECTION MAIN ----------*/
.p-main {
  padding: var(--spacing-sp00-pc60) 0 var(--spacing-sp50-pc100) 0;
}
.p-main__header {
  border-bottom: 3px solid var(--theme-border-secondary);
}
.p-main__metadata {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.p-main__metadata .tag__wrap {
  min-width: 11rem;
}
.p-main__title {
  font-weight: 500;
}
.p-main__body {
  padding-top: var(--spacing-sp25-pc50);
}
.p-main__event {
  padding-top: var(--spacing-sp45-pc90);
}
.p-main .c-link-container {
  margin-top: var(--spacing-sp30-pc60);
  text-align: center;
}
.p-main .p-pagination {
  margin-top: var(--spacing-sp35-pc70);
}

@media only screen and (max-width: 575px) {
  .p-main__left img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-main__left {
    margin-bottom: 2.5rem;
    text-align: center;
  }
  .p-main__header {
    padding-bottom: 1.5rem;
  }
  .p-main__time {
    margin-right: 2rem;
  }
  .p-main__title {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-main__left {
    float: left;
    width: calc(50% - 2rem);
    padding-right: 4rem;
  }
  .p-main__header {
    padding-bottom: 2.5rem;
  }
  .p-main__time {
    margin-right: 2.7rem;
  }
  .p-main__title {
    font-size: 2.4rem;
  }
}
/*====================================================================================
1.19 START PAGINATION CHILD PAGE.
====================================================================================*/
/*---------- START PROJECT PAGINATION ----------*/
.p-pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .p-pagination__list {
    margin: -0.4rem -0.2rem;
  }
  .p-pagination__list .c-btn-square {
    margin: 0.4rem 0.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-pagination__list {
    margin: -0.5rem -0.75rem;
  }
  .p-pagination__list .c-btn-square {
    margin: 0.5rem 0.75rem;
  }
}
/*====================================================================================
1.20 START TOGGLE CHILD PAGE.
====================================================================================*/
/*---------- START TOGGLE ----------*/
.toggle.active .toggle__icon::before {
  transform: rotate(0deg);
}
.toggle__head {
  position: relative;
  cursor: pointer;
}
.toggle__icon {
  position: absolute;
}
.toggle__icon::before, .toggle__icon::after {
  position: absolute;
  content: "";
}
.toggle__icon::before {
  transform: rotate(-90deg);
  transition: transform 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.toggle__body {
  display: none;
}

/*====================================================================================
2. START PAGE VISUAL SECTION.
====================================================================================*/
/*---------- START PAGE VISUAL ----------*/
.p-pv__row {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .p-pv__row {
    min-height: 18rem;
    padding-top: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-pv__row {
    min-height: 26.5rem;
    padding-top: 3rem;
  }
}
/*====================================================================================
3. START BREADCRUMB SECTION.
====================================================================================*/
@media only screen and (max-width: 767px) {
  .l-breadcrumb {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .l-breadcrumb__list {
    display: flex;
    align-items: center;
  }
  .l-breadcrumb__item {
    position: relative;
    margin-right: 1.3rem;
    padding-right: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
  }
  .l-breadcrumb__item:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  .l-breadcrumb__item:last-child::before {
    content: none;
  }
  .l-breadcrumb__item::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 0.6rem;
    height: 1.1rem;
    margin-top: -0.5rem;
    background-image: url("./../common_img/arrow-right-black.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .l-breadcrumb__item a {
    text-decoration: none;
  }
  .l-breadcrumb__item a:hover {
    text-decoration: underline;
  }
}
/*====================================================================================
4. START REPORT PAGE.
====================================================================================*/
/*---------- START PROJECT SECTION REPORT ----------*/
.p-report {
  padding: var(--spacing-sp00-pc60) 0 var(--spacing-sp50-pc100) 0;
}

/*====================================================================================
5. START EVENT PAGE.
====================================================================================*/
/*---------- START COMPONENT CARD EVENT ----------*/
.c-card-event__link {
  text-decoration: none;
}
.c-card-event__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-card-event .c-tag {
  margin-bottom: 1rem;
}
.c-card-event__title {
  font-weight: 700;
  transition: color 0.3s ease;
}
.c-card-event__tbl {
  margin-top: 1.2rem;
}
.c-card-event__dl {
  display: flex;
  line-height: 1.6;
}
.c-card-event__dt {
  flex: 0 0 auto;
}
.c-card-event__dd {
  flex: 1;
  padding-left: 0.2rem;
}

@media only screen and (max-width: 767px) {
  .c-card-event__title {
    font-size: 1.4rem;
  }
  .c-card-event__img {
    margin-bottom: 1.5rem;
  }
  .c-card-event .c-tag__wrap {
    min-width: 10rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-card-event__title {
    font-size: 1.6rem;
  }
  .c-card-event__img {
    margin-bottom: 2rem;
  }
  .c-card-event .c-tag__wrap {
    min-width: 11rem;
  }
  .c-card-event:hover .c-card-event__img img {
    transform: scale(1.03);
  }
}
/*---------- START PROJECT LIST CARD EVENT ----------*/
.p-list-card-event {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .p-list-card-event {
    margin: -1.8rem -0.75rem;
  }
  .p-list-card-event .c-card-event {
    width: calc(50% - 1.5rem);
    margin: 1.8rem 0.75rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-card-event {
    margin: -3rem -2rem;
  }
  .p-list-card-event .c-card-event {
    width: calc(25% - 4rem);
    margin: 3rem 2rem;
  }
}
/*---------- START PROJECT SLIDER EVENT ----------*/
.p-slider-event__item-img img {
  height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .p-slider-event__item-img {
    max-height: 45rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-slider-event__item-img {
    max-height: 60.8rem;
  }
}
/*---------- START PROJECT NAV EVENT ----------*/
.p-nav-event__list {
  display: grid;
}
.p-nav-event__item {
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  overflow: hidden;
}
.p-nav-event__item-img {
  position: relative;
  display: block;
}
.p-nav-event__item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}
.p-nav-event__item.is-active {
  border-color: var(--theme-border-octonary);
}

@media only screen and (max-width: 575px) {
  .p-nav-event__list {
    gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .p-nav-event__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .p-nav-event__list {
    gap: 1rem;
  }
  .p-nav-event__item-img {
    padding-top: 145%;
  }
}
@media only screen and (min-width: 768px) {
  .p-nav-event__list {
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .p-nav-event__item-img {
    padding-top: 18.4rem;
  }
  .p-nav-event__item:hover .p-nav-event__item-img img {
    transform: scale(1.04);
    transition: transform 0.3s ease;
  }
}
/*---------- START COMPONENT GALLERY EVENT ----------*/
@media only screen and (max-width: 575px) {
  .c-gallery-event__item {
    margin-top: 2rem;
  }
  .c-gallery-event__item:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) {
  .c-gallery-event__list {
    display: grid;
    gap: 4rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
/*---------- START COMPONENT GROUP EVENT ----------*/
.c-group-event .c-heading-main {
  margin-bottom: var(--spacing-sp20-pc30);
}
.c-group-event__body {
  padding: 0 4.5rem;
}
.c-group-event__item {
  margin-top: var(--spacing-sp20-pc30);
}
.c-group-event__item:first-child {
  margin-top: 0;
}
.c-group-event .c-gallery-event,
.c-group-event .c-video-main {
  margin-top: var(--spacing-sp25-pc40);
}
.c-group-event__btn {
  margin-top: var(--spacing-sp20-pc40);
}
.c-group-event__btn .c-btn {
  padding: 1rem;
}

@media only screen and (max-width: 767px) {
  .c-group-event__body {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-group-event__body {
    padding: 0 4.5rem;
  }
}
/*---------- START COMPONENT GROUP EVENT SPECIAL ----------*/
.c-group-event--special .c-group-event__body {
  background-color: var(--theme-color-secondary);
}

@media only screen and (max-width: 767px) {
  .c-group-event--special .c-group-event__body {
    padding: 3rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-group-event--special .c-group-event__body {
    padding: 4.5rem;
  }
}
/*---------- START PROJECT LIST GROUP EVENT ----------*/
.p-list-group-event .c-group-event {
  margin-top: var(--spacing-sp40-pc80);
}
.p-list-group-event .c-group-event:first-child {
  margin-top: 0;
}

/*---------- START PROJECT EVENT ----------*/
.p-event {
  padding: var(--spacing-sp00-pc60) 0 var(--spacing-sp50-pc100) 0;
}
.p-event__header {
  padding-bottom: var(--spacing-sp15-pc25);
  border-bottom: 3px solid var(--theme-border-secondary);
}
.p-event__metadata {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-sp10-pc15);
}
.p-event__metadata .tag__wrap {
  min-width: 11rem;
}
.p-event__title {
  font-weight: 500;
}
.p-event .p-nav-event {
  margin-top: var(--spacing-sp10-pc20);
}
.p-event .c-notify-main {
  margin-bottom: var(--spacing-sp20-pc30);
}
.p-event__btn {
  margin-top: var(--spacing-sp30-pc60);
  text-align: var(--position-sp-center-pc-left);
}
.p-event__body {
  padding-top: var(--spacing-sp25-pc50);
}
.p-event .p-list-group-event {
  margin-top: var(--spacing-sp45-pc90);
}
.p-event .c-link-container {
  margin-top: var(--spacing-sp30-pc60);
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .p-event__title {
    font-size: 2rem;
    line-height: 1.5;
  }
  .p-event__left {
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-event__time {
    margin-right: 2.7rem;
  }
  .p-event .c-tag__wrap {
    min-width: 11rem;
  }
  .p-event__title {
    font-size: 2.4rem;
  }
  .p-event__row {
    display: flex;
  }
  .p-event__left {
    width: calc(50% - 12rem);
  }
  .p-event__right {
    flex: 1;
    padding-left: 5rem;
  }
}
/*====================================================================================
6. START PINO PAGE.
====================================================================================*/
/*---------- START PROJECT PINO ----------*/
.p-pino__desc {
  margin-bottom: var(--spacing-sp25-pc50);
  text-align: center;
}

/*====================================================================================
7. START TICKET PAGE.
====================================================================================*/
/*---------- START COMPONENT PART TICKET ----------*/
.c-part-ticket .c-heading-group {
  margin-bottom: var(--spacing-sp15-pc25);
}
.c-part-ticket .p-list-panel-group {
  margin-top: var(--spacing-sp25-pc50);
}
.c-part-ticket .p-list-panel-group .c-panel-group {
  margin-top: var(--spacing-sp35-pc60);
}

/*====================================================================================
8. START ACCESS PAGE.
====================================================================================*/
/*---------- START COMPONENT LIST ITEM ACCESS ----------*/
.c-item-access {
  display: flex;
}
.c-item-access__right {
  flex: 1;
}

@media only screen and (max-width: 767px) {
  .c-item-access__left {
    width: 4.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-item-access__left {
    width: 5.5rem;
  }
}
/*---------- START COMPONENT LIST BLOCK ACCESS ----------*/
.c-block-access .c-title-base {
  margin-bottom: var(--spacing-sp10-pc15);
}
.c-block-access__list > li::before {
  transform: scale(0.55);
}

/*---------- START PROJECT LIST BLOCK ACCESS ----------*/
.p-list-block-access .c-block-access {
  margin-top: var(--spacing-sp20-pc25);
}
.p-list-block-access .c-block-access:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT PART ACCESS ----------*/
.c-part-access .c-heading-group {
  margin-bottom: var(--spacing-sp15-pc30);
}
.c-part-access__img {
  border: 1px solid var(--theme-border-denary);
}
.c-part-access__btn {
  margin-top: var(--spacing-sp25-pc40);
}
.c-part-access__notes {
  margin-top: var(--spacing-sp15-pc30);
}

@media only screen and (max-width: 767px) {
  .c-part-access__row {
    margin-bottom: 2.5rem;
  }
  .c-part-access__left {
    margin-bottom: 2.5rem;
  }
  .c-part-access__btn {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .c-part-access__row {
    display: flex;
  }
  .c-part-access__left {
    width: calc(50% + 1px);
  }
  .c-part-access__right {
    flex: 1;
    margin-top: -0.6rem;
    padding-left: 5rem;
  }
  .c-part-access__btn .c-btn {
    max-width: 43rem;
  }
}
/*---------- START PROJECT LIST PART ACCESS ----------*/
.p-list-part-access .c-part-access {
  margin-top: var(--spacing-sp30-pc60);
}
.p-list-part-access .c-part-access:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT PANEL ACCESS ----------*/
.c-panel-access__header {
  background-color: var(--theme-color-quaternary);
}
.c-panel-access__title {
  color: var(--theme-color-secondary);
  font-weight: 700;
}
.c-panel-access__body {
  background-color: var(--theme-color-secondary);
}
.c-panel-access__item {
  margin-top: 1rem;
}
.c-panel-access__item .c-link-main {
  display: block;
  text-align: center;
}
.c-panel-access__item:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .c-panel-access__header {
    padding: 1.45rem 1.5rem;
  }
  .c-panel-access__body {
    padding: 2rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-panel-access__header {
    padding: 1.3rem 2.5rem;
  }
  .c-panel-access__body {
    padding: 1.5rem 8rem;
  }
}
/*---------- START COMPONENT MAP ACCESS ----------*/
.c-map-access__left {
  border: 1px solid var(--theme-border-denary);
}
.c-map-access__right {
  border: 1px solid var(--theme-border-nonary);
}

@media only screen and (max-width: 767px) {
  .c-map-access__left {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-map-access {
    display: flex;
  }
  .c-map-access__left {
    width: calc(50% + 1px);
    margin-right: 2rem;
  }
  .c-map-access__right {
    flex: 1;
  }
}
/*---------- START PROJECT LIST MAP ACCESS ----------*/
.p-list-map-access .c-map-access {
  margin-top: var(--spacing-sp30-pc40);
}
.p-list-map-access .c-map-access:first-child {
  margin-top: 0;
}

/*---------- START PROJECT DESIGN ACCESS ----------*/
.p-design-access {
  border: 1px solid var(--theme-border-septenary);
}

@media only screen and (min-width: 576px) {
  .p-design-access__list {
    display: flex;
  }
}
/*---------- START COMPONENT GROUP ACCESS ----------*/
.c-group-access {
  padding: var(--spacing-sp35-pc70) var(--spacing-sp15-pc30);
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}
.c-group-access__gg {
  width: 89.5rem;
  max-width: 100%;
  margin: 0 auto;
}
.c-group-access__gg iframe {
  width: 100%;
  height: 100%;
}
.c-group-access__row {
  margin-top: var(--spacing-sp15-pc20);
}
.c-group-access__subtitle {
  font-weight: 500;
}

@media only screen and (max-width: 575px) {
  .c-group-access__gg {
    height: 70vw;
    max-height: 30rem;
  }
  .c-group-access__left {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 576px) {
  .c-group-access__gg {
    height: 33rem;
  }
  .c-group-access__row {
    display: flex;
    justify-content: center;
  }
  .c-group-access__left {
    display: flex;
    justify-content: flex-end;
    margin-right: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-group-access__subtitle {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-group-access__left {
    padding-top: 0.3rem;
  }
  .c-group-access__subtitle {
    font-size: 1.6rem;
  }
}
/*---------- START PROJECT LIST GROUP ACCESS ----------*/
.p-list-group-access .c-group-access {
  margin-top: var(--spacing-sp40-pc80);
}
.p-list-group-access .c-group-access:first-child {
  margin-top: 0;
}

/*====================================================================================
9. START OVERVIEW PAGE.
====================================================================================*/
/*---------- START COMPONENT TABLE OVERVIEW ----------*/
.c-tbl-overview table tbody th {
  width: 20%;
}
.c-tbl-overview table tbody td {
  width: 40%;
}

/*---------- START COMPONENT GROUP OVERVIEW ----------*/
.c-group-overview .c-heading-part {
  margin-bottom: var(--spacing-sp20-pc30);
}
.c-group-overview .c-part-overview {
  margin-top: var(--spacing-sp35-pc60);
}

/*---------- START PROJECT LIST GROUP OVERVIEW ----------*/
.p-list-group-overview .c-group-overview {
  margin-top: var(--spacing-sp35-pc60);
}
.p-list-group-overview .c-group-overview:first-child {
  margin-top: 0;
}

/*====================================================================================
10. START MANAGEMENT PAGE.
====================================================================================*/
/*---------- START COMPONENT POST MANAGEMENT ----------*/
.c-post-management__img {
  margin-bottom: var(--spacing-sp15-pc25);
}

@media only screen and (min-width: 768px) {
  .c-post-management {
    max-width: 78rem;
    margin: 0 auto;
  }
}
/*---------- START COMPONENT TABLE PART ----------*/
.c-tbl-part table {
  width: 100%;
  table-layout: fixed;
}
.c-tbl-part table th,
.c-tbl-part table td {
  text-align: left;
  vertical-align: top;
}
.c-tbl-part table th {
  font-size: 1.6rem;
  font-weight: 700;
}
.c-tbl-part table tr {
  border-bottom: 1px solid var(--theme-border-quinary);
}
.c-tbl-part table tr:first-child th,
.c-tbl-part table tr:first-child td {
  padding-top: 0;
}
.c-tbl-part table tr:last-child {
  border-bottom: 0;
}
.c-tbl-part table tr:last-child td {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .c-tbl-part table th,
  .c-tbl-part table td {
    display: block;
  }
  .c-tbl-part table th {
    padding: 1.5rem 0 1rem 0;
  }
  .c-tbl-part table td {
    padding: 0 0 1.5rem 0;
  }
}
@media only screen and (min-width: 768px) {
  .c-tbl-part table th,
  .c-tbl-part table td {
    padding: 1.3rem 0 1.4rem 0;
  }
  .c-tbl-part table th {
    width: 11rem;
  }
  .c-tbl-part table td {
    padding-left: 2rem;
  }
  .c-tbl-part table tr:last-child th {
    padding-bottom: 0;
  }
}
/*---------- START COMPONENT PART MANAGEMENT ----------*/
.c-part-management .c-heading-part {
  margin-bottom: var(--spacing-sp20-pc30);
}
.c-part-management__gg iframe {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .c-part-management__gg {
    height: 70vw;
    max-height: 30rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-part-management__gg {
    height: 37rem;
  }
}
/*---------- START PROJECT LIST PART MANAGEMENT ----------*/
.p-list-part-management {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .p-list-part-management {
    flex-direction: column-reverse;
  }
  .p-list-part-management .c-part-management {
    margin-top: 3.5rem;
  }
  .p-list-part-management .c-part-management:last-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-part-management {
    justify-content: space-between;
  }
  .p-list-part-management .c-part-management {
    width: calc(50% - 2.5rem);
  }
}
/*---------- START COMPONENT GROUP MANAGEMENT ----------*/
.c-group-management {
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}
.c-group-management .c-title-group {
  margin-bottom: var(--spacing-sp20-pc35);
  text-align: center;
}
.c-group-management .p-list-part-management {
  margin-top: var(--spacing-sp30-pc60);
}
.c-group-management__btn {
  margin-top: var(--spacing-sp25-pc50);
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-group-management {
    padding: 3.5rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-group-management {
    padding: 5rem;
  }
}
/*---------- START PROJECT LIST GROUP MANAGEMENT ----------*/
.p-list-group-management .c-group-management {
  margin-top: var(--spacing-sp50-pc100);
}
.p-list-group-management .c-group-management:first-child {
  margin-top: 0;
}

/*====================================================================================
11. START PROGRAM PAGE.
====================================================================================*/
/*---------- START COMPONENT GALLERY PROGRAM ----------*/
@media only screen and (max-width: 575px) {
  .c-gallery-program__item {
    margin-top: 2rem;
    text-align: center;
  }
  .c-gallery-program__item:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) {
  .c-gallery-program__list {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/*---------- START COMPONENT GALLERY PROGRAM NARROW ----------*/
@media only screen and (min-width: 576px) {
  .c-gallery-program--narrow .c-gallery-program__item:first-child {
    margin-right: 2.5rem;
  }
}
/*---------- START COMPONENT GALLERY PROGRAM WIDE ----------*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-gallery-program--wide .c-gallery-program__list {
    margin: 0 -1.25rem;
  }
  .c-gallery-program--wide .c-gallery-program__item {
    margin: 0 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-gallery-program--wide .c-gallery-program__list {
    margin: 0 -3rem;
  }
  .c-gallery-program--wide .c-gallery-program__item {
    margin: 0 3rem;
  }
}
/*---------- START COMPONENT POST PROGRAM ----------*/
.c-post-program__title {
  margin-bottom: var(--spacing-sp15-pc25);
}
.c-post-program__desc {
  margin-top: var(--spacing-sp15-pc30);
}
.c-post-program__item {
  margin-top: var(--spacing-sp25-pc50);
}
.c-post-program__item-title {
  margin-bottom: var(--spacing-sp15-pc25);
}
.c-post-program__item:first-child {
  margin-top: 0;
}
.c-post-program .c-gallery-program {
  margin-top: var(--spacing-sp25-pc50);
}

@media only screen and (max-width: 767px) {
  .c-post-program {
    padding: 3.5rem 0;
  }
  .c-post-program__left {
    margin-bottom: 2.5rem;
    text-align: center;
  }
  .c-post-program__title {
    font-size: 1.8rem;
  }
  .c-post-program__item-title {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-post-program {
    padding: 5rem;
  }
  .c-post-program__left {
    float: right;
    padding-left: 2.5rem;
  }
  .c-post-program__title {
    font-size: 2rem;
  }
  .c-post-program__item-title {
    font-size: 2rem;
  }
  .c-post-program__dots {
    display: flex;
    flex-wrap: wrap;
  }
  .c-post-program__dots > li:nth-child(odd) {
    width: 33rem;
  }
  .c-post-program__dots > li:nth-child(even) {
    width: calc(100% - 33rem);
  }
}
/*---------- START COMPONENT POST PROGRAM ----------*/
@media only screen and (max-width: 767px) {
  .c-post-program--sp-reverse .c-post-program__row {
    display: flex;
    flex-direction: column-reverse;
  }
  .c-post-program--sp-reverse .c-post-program__left {
    margin: 2.5rem 0 0 0;
  }
}
/*---------- START PROJECT LIST POST PROGRAM ----------*/
.p-list-post-program .c-post-program {
  border-top: 1px solid var(--theme-border-secondary);
}
.p-list-post-program .c-post-program:last-child {
  border-bottom: 1px solid var(--theme-border-secondary);
}

/*---------- START COMPONENT PART PROGRAM ----------*/
.c-part-program .c-heading-part {
  margin-bottom: var(--spacing-sp25-pc50);
}

/*====================================================================================
12. START FAQ PAGE.
====================================================================================*/
/*---------- START COMPONENT ITEM FAQ ----------*/
.c-item-faq {
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}
.c-item-faq__header {
  position: relative;
  cursor: pointer;
}
.c-item-faq__header.is-active .c-icon-plus::before {
  transform: rotate(0deg);
}
.c-item-faq__char {
  position: absolute;
  line-height: 1;
  font-weight: 600;
  font-family: var(--theme-font-en-primary);
}
.c-item-faq__title {
  font-weight: 500;
}
.c-item-faq__body {
  display: none;
}
.c-item-faq__row {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .c-item-faq__header {
    padding: 2rem 3.5rem 2rem 5.5rem;
  }
  .c-item-faq__char {
    top: 1.7rem;
    font-size: 3rem;
  }
  .c-item-faq__char {
    left: 1.2rem;
  }
  .c-item-faq__icon {
    right: 1.2rem;
  }
  .c-item-faq__title {
    font-size: 1.6rem;
  }
  .c-item-faq__inner {
    padding: 0 2.5rem 2.5rem 2.5rem;
  }
  .c-item-faq__center {
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-item-faq__header {
    padding: 2rem 5.5rem 2rem 10.5rem;
  }
  .c-item-faq__char {
    top: 1.4rem;
    left: 4rem;
    font-size: 4rem;
  }
  .c-item-faq__icon {
    right: 2rem;
  }
  .c-item-faq__title {
    font-size: 2rem;
  }
  .c-item-faq__inner {
    padding: 0 4.5rem 3rem 4.5rem;
  }
  .c-item-faq__center {
    padding: 0 2.5rem;
  }
}
/*---------- START PROJECT LIST ITEM FAQ ----------*/
.p-list-item-faq .c-item-faq {
  margin-top: var(--spacing-sp25-pc50);
}

/*====================================================================================
13. START SITEMAP PAGE.
====================================================================================*/
/*---------- START COMPONENT LIST BOX SITEMAP ----------*/
.c-box-sitemap__title {
  font-weight: 700;
}
.c-box-sitemap__link {
  text-decoration: none;
}
.c-box-sitemap__list {
  padding-left: 1.25em;
}
.c-box-sitemap__item-sub {
  margin-left: 2em;
}
.c-box-sitemap__item:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .c-box-sitemap__title {
    font-size: 1.6rem;
  }
  .c-box-sitemap__list {
    margin-top: 1rem;
  }
  .c-box-sitemap__item {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-box-sitemap__title {
    font-size: 1.8rem;
  }
  .c-box-sitemap__list {
    margin-top: 2rem;
  }
  .c-box-sitemap__item {
    margin-top: 2rem;
  }
}
/*---------- START PROJECT LIST BOX SITEMAP ----------*/
.p-list-box-sitemap .c-box-sitemap:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .p-list-box-sitemap .c-box-sitemap {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-box-sitemap .c-box-sitemap {
    margin-top: 2rem;
  }
}
/*---------- START COMPONENT LIST GROUP SITEMAP ----------*/
.c-group-sitemap .p-list-box-sitemap:first-child {
  margin-top: 0;
}
.c-group-sitemap__item:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .c-group-sitemap .p-list-box-sitemap {
    margin-top: 1rem;
  }
  .c-group-sitemap__item {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-group-sitemap .p-list-box-sitemap {
    margin-top: 2rem;
  }
  .c-group-sitemap__item {
    margin-top: 2rem;
  }
}
/*---------- START PROJECT LIST GROUP SITEMAP ----------*/
@media only screen and (min-width: 576px) {
  .p-list-group-sitemap {
    display: flex;
  }
  .p-list-group-sitemap .c-group-sitemap:nth-child(odd) {
    flex: 1;
  }
  .p-list-group-sitemap .c-group-sitemap:nth-child(even) {
    width: 27rem;
  }
}
@media only screen and (max-width: 575px) {
  .p-list-group-sitemap .c-group-sitemap {
    margin-top: 1rem;
  }
  .p-list-group-sitemap .c-group-sitemap:first-child {
    margin-top: 0;
  }
}
/*---------- START COMPONENT PANEL SITEMAP ----------*/
.c-panel-sitemap {
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}

@media only screen and (max-width: 767px) {
  .c-panel-sitemap {
    padding: 3rem 2rem;
  }
  .c-panel-sitemap__left {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-panel-sitemap {
    display: flex;
    align-items: center;
  }
  .c-panel-sitemap__right {
    flex: 1;
    min-width: 1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .c-panel-sitemap__left {
    width: 28rem;
    padding: 5rem 0 5rem 2rem;
  }
  .c-panel-sitemap__right {
    padding: 5rem 2rem 5rem 5rem;
  }
  .c-panel-sitemap .c-heading-panel__title {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1300px) {
  .c-panel-sitemap__left {
    width: 37rem;
    padding: 5rem 0 5rem 6rem;
  }
  .c-panel-sitemap__right {
    padding: 5rem 3rem 5rem 9rem;
  }
}
/*---------- START COMPONENT PANEL SITEMAP ----------*/
.c-panel-sitemap--gray .c-box-sitemap__link:hover {
  color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT PANEL SITEMAP GREEN ----------*/
.c-panel-sitemap--green .c-box-sitemap__link:hover {
  color: var(--theme-color-octonary);
}

/*---------- START COMPONENT PANEL SITEMAP BROWN ----------*/
.c-panel-sitemap--brown .c-box-sitemap__link:hover {
  color: var(--theme-color-quinary);
}

/*---------- START COMPONENT PANEL SITEMAP BLUE ----------*/
.c-panel-sitemap--blue .c-box-sitemap__link:hover {
  color: var(--theme-color-senary);
}

/*---------- START PROJECT LIST PANEL SITEMAP ----------*/
.p-list-panel-sitemap .c-panel-sitemap {
  margin-top: 2rem;
}

@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-list-panel-sitemap .c-panel-sitemap:not(:first-child) .c-panel-sitemap__left {
    width: 24rem;
  }
}
/*====================================================================================
14. START PP PAGE.
====================================================================================*/
/*---------- START COMPONENT BLOCK PP ----------*/
.c-block-pp__title {
  margin-bottom: 0.3rem;
}

@media only screen and (max-width: 767px) {
  .c-block-pp__title {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-block-pp__title {
    font-size: 1.8rem;
  }
}
/*---------- START PROJECT LIST BLOCK PP ----------*/
.p-list-block-pp .c-block-pp {
  margin-top: var(--spacing-sp20-pc30);
}
.p-list-block-pp .c-block-pp:first-child {
  margin-top: 0;
}

/*---------- START SECTION PP ----------*/
.p-pp__outer {
  padding: 5rem;
  background-color: var(--theme-color-secondary);
}
.p-pp__body {
  margin-top: 3rem;
}
.p-pp__name {
  margin-top: 1.5rem;
  text-align: right;
}
.p-pp__footer {
  margin-top: var(--spacing-sp40-pc80);
}

@media only screen and (max-width: 767px) {
  .p-pp__outer {
    padding: 3.5rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-pp__outer {
    padding: 5rem;
  }
}
/*====================================================================================
15. START SEAT PAGE.
====================================================================================*/
/*---------- START COMPONENT POST SEAT ----------*/
.c-post-seat__right .c-list-number > li {
  margin-top: var(--spacing-sp10-pc30);
}
.c-post-seat__right .c-list-number > li:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 575px) {
  .c-post-seat__left {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 576px) {
  .c-post-seat {
    display: flex;
  }
  .c-post-seat__left {
    width: 50%;
  }
  .c-post-seat__right {
    flex: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-post-seat__left {
    padding-right: 1rem;
  }
  .c-post-seat__right {
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .c-post-seat__left {
    padding-right: 2rem;
  }
  .c-post-seat__right {
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 1300px) {
  .c-post-seat__left {
    padding-right: 5.5rem;
  }
}
/*---------- START PROJECT LIST POST SEAT ----------*/
.p-list-post-seat .c-post-seat {
  margin-top: var(--spacing-sp30-pc40);
}
.p-list-post-seat .c-post-seat:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT PART SEAT ----------*/
.c-part-seat .c-heading-group {
  margin-bottom: var(--spacing-sp15-pc30);
}
.c-part-seat .p-list-box-zoom {
  margin-top: var(--spacing-sp30-pc40);
}
.c-part-seat__row {
  margin-top: var(--spacing-sp25-pc35);
}
.c-part-seat__left, .c-part-seat__right {
  text-align: center;
}
.c-part-seat__text {
  margin-bottom: var(--spacing-sp15-pc30);
}
.c-part-seat__box .c-box-main {
  margin-top: var(--spacing-sp15-pc20);
}
.c-part-seat__box .c-box-main:first-child {
  margin-top: 0;
}
.c-part-seat .c-tbl-classic table {
  margin: 0 auto;
}

@media only screen and (max-width: 575px) {
  .c-part-seat__left {
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 576px) {
  .c-part-seat__row {
    display: flex;
    justify-content: space-between;
  }
  .c-part-seat__right--v-1 {
    padding-top: 2.6rem;
  }
  .c-part-seat__right--v-2 {
    display: flex;
    align-items: center;
    padding-top: 6rem;
  }
  .c-part-seat__box {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-part-seat__left, .c-part-seat__right {
    width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .c-part-seat__left, .c-part-seat__right {
    width: calc(50% - 2rem);
  }
}
@media only screen and (min-width: 1300px) {
  .c-part-seat__left, .c-part-seat__right {
    width: calc(50% - 5.5rem);
  }
}
/*---------- START PROJECT LIST PART SEAT ----------*/
.p-list-part-seat .c-part-seat {
  margin-top: var(--spacing-sp35-pc60);
}
.p-list-part-seat .c-part-seat:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT MAP SEAT ----------*/
.c-map-seat .c-heading-group {
  margin-bottom: var(--spacing-sp20-pc30);
}
.c-map-seat__body {
  padding: var(--spacing-sp30-pc50) var(--spacing-sp10-pc20);
  border: 1px solid var(--theme-border-septenary);
}
.c-map-seat__subtitle {
  margin-bottom: var(--spacing-sp20-pc30);
  font-size: 3.5rem;
  font-weight: 500;
  text-align: center;
}
.c-map-seat__img {
  text-align: center;
}
.c-map-seat__footer {
  padding-top: var(--spacing-sp20-pc30);
}

@media only screen and (max-width: 767px) {
  .c-map-seat__subtitle {
    font-size: 2.2rem;
  }
  .c-map-seat__img {
    width: 52rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-map-seat__subtitle {
    padding-right: 5.5rem;
  }
}
/*---------- START COMPONENT GROUP SEAT ----------*/
.c-group-seat {
  padding: var(--spacing-sp35-pc70) var(--spacing-sp15-pc30);
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}

/*---------- START PROJECT LIST GROUP SEAT ----------*/
.p-list-group-seat .c-group-seat {
  margin-top: var(--spacing-sp40-pc80);
}
.p-list-group-seat .c-group-seat:first-child {
  margin-top: 0;
}

/*====================================================================================
16. START MORI PAGE.
====================================================================================*/
/*---------- START COMPONENT POST MORI ----------*/
.c-post-mori__left img {
  width: 100%;
}
.c-post-mori__right .c-heading-group {
  margin-bottom: var(--spacing-sp15-pc30);
}
.c-post-mori__contact {
  max-width: 43rem;
  margin: var(--spacing-sp20-pc40) auto 0 auto;
}
.c-post-mori__btns {
  display: flex;
  justify-content: space-between;
}
.c-post-mori__btn {
  margin-top: var(--spacing-sp20-pc30);
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-post-mori__left {
    margin-bottom: 2rem;
  }
  .c-post-mori__btns {
    margin-top: 1.5rem;
  }
  .c-post-mori__btns .c-btn {
    width: calc(50% - 0.75rem);
  }
}
@media only screen and (min-width: 768px) {
  .c-post-mori {
    display: flex;
  }
  .c-post-mori__left {
    width: 50%;
  }
  .c-post-mori__right {
    flex: 1;
    padding-left: 2rem;
  }
  .c-post-mori__btn .c-btn {
    max-width: 38rem;
  }
  .c-post-mori__btns {
    margin-top: 2rem;
  }
  .c-post-mori__btns .c-btn {
    width: calc(50% - 1rem);
  }
}
/*---------- START PROJECT LIST POST MORI ----------*/
.p-list-post-mori .c-post-mori {
  margin-top: var(--spacing-sp35-pc60);
}
.p-list-post-mori .c-post-mori:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT CARD MORI ----------*/
.c-card-mori__img {
  margin-bottom: var(--spacing-sp15-pc30);
}
.c-card-mori__img img {
  width: 100%;
}
.c-card-mori .c-heading-group {
  margin-bottom: var(--spacing-sp15-pc20);
}
.c-card-mori__btn {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-card-mori__btn {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-card-mori {
    position: relative;
    padding-bottom: 9.5rem;
  }
  .c-card-mori__btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
/*---------- START PROJECT LIST CARD MORI ----------*/
.p-list-card-mori .c-card-mori {
  margin-top: var(--spacing-sp35-pc60);
}
.p-list-card-mori .c-card-mori:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .p-list-card-mori {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .p-list-card-mori .c-card-mori {
    width: calc(50% - 2rem);
  }
  .p-list-card-mori .c-card-mori:nth-child(2) {
    margin-top: 0;
  }
}
/*---------- START COMPONENT GROUP MORI ----------*/
.c-group-mori {
  padding: var(--spacing-sp35-pc70) var(--spacing-sp15-pc30);
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}
.c-group-mori__desc, .c-group-mori__img {
  text-align: center;
}
.c-group-mori__desc {
  font-weight: 500;
}
.c-group-mori__img {
  margin-top: var(--spacing-sp20-pc40);
}
.c-group-mori .p-list-card-mori {
  margin-top: var(--spacing-sp35-pc70);
}

@media only screen and (max-width: 767px) {
  .c-group-mori__img img {
    height: 45vw;
    max-height: 30rem;
    object-fit: cover;
  }
}
/*---------- START PROJECT LIST GROUP MORI ----------*/
.p-list-group-mori .c-group-mori {
  margin-top: var(--spacing-sp40-pc80);
}
.p-list-group-mori .c-group-mori:first-child {
  margin-top: 0;
}

/*====================================================================================
17. START HALL PAGE.
====================================================================================*/
/*---------- START COMPONENT BLOCK HALL ----------*/
.c-block-hall__img {
  margin-bottom: var(--spacing-sp20-pc30);
  text-align: center;
}
.c-block-hall__title {
  margin-bottom: var(--spacing-sp15-pc25);
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-block-hall__img img {
    height: 45vw;
    max-height: 30rem;
    object-fit: cover;
  }
  .c-block-hall__title {
    font-size: 1.7rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-block-hall__title {
    font-size: 2rem;
  }
}
/*---------- START COMPONENT CARD HALL ----------*/
.c-card-hall .c-heading-group {
  margin-bottom: var(--spacing-sp20-pc30);
}

@media only screen and (max-width: 767px) {
  .c-card-hall__img img {
    width: 100%;
  }
}
/*---------- START PROJECT LIST CARD HALL ----------*/
.p-list-card-hall .c-card-hall {
  margin-top: var(--spacing-sp35-pc60);
}
.p-list-card-hall .c-card-hall:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .p-list-card-hall {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .p-list-card-hall .c-card-hall {
    width: calc(50% - 2rem);
  }
  .p-list-card-hall .c-card-hall:nth-child(2) {
    margin-top: 0;
  }
}
/*---------- START PROJECT GALLERY HALL ----------*/
.p-gallery-hall .c-heading-group {
  margin-bottom: var(--spacing-sp20-pc25);
}

@media only screen and (max-width: 767px) {
  .p-gallery-hall__item {
    margin-top: 2rem;
  }
  .p-gallery-hall__item img {
    width: 100%;
  }
  .p-gallery-hall__item:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-gallery-hall__list {
    display: grid;
    gap: 4rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
/*---------- START COMPONENT POST HALL ----------*/
.c-post-hall .c-heading-group {
  margin-bottom: var(--spacing-sp20-pc30);
}
.c-post-hall__left img {
  width: 100%;
}
.c-post-hall__item {
  margin-top: var(--spacing-sp20-pc25);
  text-align: center;
}
.c-post-hall__item-text {
  margin-bottom: var(--spacing-sp10-pc15);
}
.c-post-hall__item:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .c-post-hall__left {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-post-hall__row {
    display: flex;
  }
  .c-post-hall__left {
    width: 50%;
  }
  .c-post-hall__right {
    flex: 1;
    padding-left: 2rem;
  }
}
/*---------- START COMPONENT PANEL HALL ----------*/
.c-panel-hall__heading {
  margin-bottom: var(--spacing-sp20-pc35);
  background-color: var(--theme-color-quaternary);
}
.c-panel-hall__title {
  color: var(--theme-color-secondary);
  font-weight: 700;
}
.c-panel-hall__list {
  margin-top: var(--spacing-sp25-pc50);
}
.c-panel-hall__item {
  margin-top: var(--spacing-sp30-pc50);
}
.c-panel-hall__item .c-title-base {
  margin-bottom: var(--spacing-sp15-pc30);
}
.c-panel-hall__item:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .c-panel-hall__heading {
    padding: 1.5rem 1.5rem;
  }
  .c-panel-hall__title {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-panel-hall__heading {
    padding: 1.35rem 3rem;
  }
  .c-panel-hall__title {
    font-size: 1.8rem;
  }
  .c-panel-hall__item .c-title-base {
    margin-left: 3rem;
  }
}
/*---------- START PROJECT LIST PANEL HALL ----------*/
.p-list-panel-hall .c-panel-hall {
  margin-top: var(--spacing-sp35-pc60);
}
.p-list-panel-hall .c-panel-hall:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .p-list-panel-hall {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .p-list-panel-hall .c-panel-hall {
    width: calc(50% - 2rem);
    margin-left: 4rem;
  }
  .p-list-panel-hall .c-panel-hall:nth-child(odd) {
    margin-left: 0;
  }
  .p-list-panel-hall .c-panel-hall:nth-child(2) {
    margin-top: 0;
  }
}
/*---------- START COMPONENT PART HALL ----------*/
.c-part-hall .c-title-base {
  margin-bottom: var(--spacing-sp10-pc20);
}

/*---------- START COMPONENT GROUP HALL ----------*/
.c-group-hall {
  padding: var(--spacing-sp35-pc70) var(--spacing-sp15-pc30);
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}
.c-group-hall__box {
  margin-top: var(--spacing-sp20-pc40);
  text-align: center;
}
.c-group-hall__box-text {
  margin-bottom: var(--spacing-sp15-pc25);
}
.c-group-hall__box .c-box-main__link {
  margin: 0 auto;
}
.c-group-hall .c-block-hall {
  margin-bottom: var(--spacing-sp25-pc50);
}
.c-group-hall .p-list-card-hall {
  margin-top: var(--spacing-sp35-pc70);
}
.c-group-hall .p-gallery-hall {
  margin-top: var(--spacing-sp35-pc60);
}
.c-group-hall .c-part-hall {
  margin-top: var(--spacing-sp35-pc70);
}

@media only screen and (max-width: 767px) {
  .c-group-hall .c-box-main__link {
    max-width: 40rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-group-hall .c-box-main__link {
    max-width: 55rem;
  }
}
/*---------- START PROJECT LIST GROUP HALL ----------*/
.p-list-group-hall .c-group-hall {
  margin-top: var(--spacing-sp40-pc80);
}
.p-list-group-hall .c-group-hall:first-child {
  margin-top: 0;
}

/*====================================================================================
18. START YOYAKU PAGE.
====================================================================================*/
/*---------- START COMPONENT HEADING YOYAKU ----------*/
.c-heading-yoyaku__text {
  margin-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .c-heading-yoyaku__left {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-yoyaku__row {
    display: flex;
    align-items: flex-end;
  }
  .c-heading-yoyaku__right {
    margin-left: 4rem;
  }
}
/*---------- START COMPONENT BLOCK YOYAKU ----------*/
.c-block-yoyaku .c-heading-yoyaku {
  margin-bottom: var(--spacing-sp15-pc25);
}
.c-block-yoyaku__item {
  margin-top: var(--spacing-sp15-pc20);
}
.c-block-yoyaku__item-title,
.c-block-yoyaku__item .c-title-number {
  margin-bottom: 0.3rem;
}
.c-block-yoyaku__item:first-child {
  margin-top: 0;
}
.c-block-yoyaku__note {
  margin-top: var(--spacing-sp15-pc30);
}
.c-block-yoyaku__notes {
  margin-top: var(--spacing-sp15-pc25);
}

@media only screen and (max-width: 767px) {
  .c-block-yoyaku__item-title {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-block-yoyaku__item-title {
    font-size: 1.8rem;
  }
}
/*---------- START PROJECT LIST BLOCK YOYAKU ----------*/
.p-list-block-yoyaku .c-block-yoyaku {
  margin-top: var(--spacing-sp20-pc40);
}
.p-list-block-yoyaku .c-block-yoyaku:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT PANEL YOYAKU ----------*/
.c-panel-yoyaku__title {
  color: var(--theme-color-secondary);
  font-weight: 700;
}
.c-panel-yoyaku__body {
  background-color: var(--theme-color-septenary);
}

@media only screen and (max-width: 767px) {
  .c-panel-yoyaku__header {
    padding: 1.5rem;
  }
  .c-panel-yoyaku__title {
    font-size: 1.6rem;
  }
  .c-panel-yoyaku__body {
    padding: 3rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-panel-yoyaku__header {
    padding: 1.35rem 4rem;
  }
  .c-panel-yoyaku__title {
    font-size: 1.8rem;
  }
  .c-panel-yoyaku__body {
    padding: 4rem 4rem 5rem 4rem;
  }
}
/*---------- START PROJECT LIST PANEL YOYAKU ----------*/
.p-list-panel-yoyaku .c-panel-yoyaku {
  margin-top: var(--spacing-sp25-pc50);
}
.p-list-panel-yoyaku .c-panel-yoyaku:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT ITEM YOYAKU ----------*/
.c-item-yoyaku {
  display: flex;
}
.c-item-yoyaku__right {
  flex: 1;
}

@media only screen and (max-width: 767px) {
  .c-item-yoyaku__left {
    width: 4.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-item-yoyaku__left {
    width: 5.5rem;
  }
}
/*---------- START COMPONENT PART YOYAKU ----------*/
.c-part-yoyaku .c-heading-group {
  margin-bottom: var(--spacing-sp15-pc25);
}
.c-part-yoyaku__btn {
  margin-top: var(--spacing-sp25-pc40);
  text-align: center;
}
.c-part-yoyaku .p-list-panel-yoyaku {
  margin-top: var(--spacing-sp20-pc30);
}
.c-part-yoyaku__item {
  margin-top: var(--spacing-sp15-pc30);
}
.c-part-yoyaku__item .c-title-number {
  margin-bottom: 0.3rem;
}
.c-part-yoyaku__item:first-child {
  margin-top: 0;
}
.c-part-yoyaku__calendar {
  margin-top: var(--spacing-sp15-pc30);
}
.c-part-yoyaku__note {
  margin-top: var(--spacing-sp15-pc30);
}

/*---------- START PROJECT LIST PART YOYAKU ----------*/
.p-list-part-yoyaku .c-part-yoyaku {
  margin-top: var(--spacing-sp30-pc60);
}
.p-list-part-yoyaku .c-part-yoyaku:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT GROUP YOYAKU ----------*/
.c-group-yoyaku {
  padding: var(--spacing-sp35-pc70) var(--spacing-sp15-pc30);
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}

/*---------- START PROJECT LIST GROUP YOYAKU ----------*/
.p-list-group-yoyaku .c-group-yoyaku {
  margin-top: var(--spacing-sp40-pc80);
}
.p-list-group-yoyaku .c-group-yoyaku:first-child {
  margin-top: 0;
}

/*====================================================================================
19. START RYOUKIN PAGE.
====================================================================================*/
/*---------- START PROJECT LIST BUTTON ----------*/
.p-list-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-list-btn .c-btn {
  min-height: 6rem;
}

@media only screen and (max-width: 767px) {
  .p-list-btn {
    margin: -0.5rem;
  }
  .p-list-btn .c-btn {
    width: calc(50% - 1rem);
    margin: 0.5rem;
  }
}
/*---------- START PROJECT LIST BUTTON THREE COLUMN ----------*/
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-list-btn--four-col {
    margin: -1rem -0.5rem;
  }
  .p-list-btn--four-col .c-btn {
    width: calc(25% - 1rem);
    margin: 1rem 0.5rem;
  }
}
@media only screen and (min-width: 1300px) {
  .p-list-btn--four-col {
    margin: -1.5rem -2rem;
  }
  .p-list-btn--four-col .c-btn {
    width: calc(25% - 4rem);
    margin: 1.5rem 2rem;
  }
}
/*---------- START PROJECT LIST BUTTON FOUR COLUMN 02 ----------*/
@media only screen and (min-width: 768px) {
  .p-list-btn--four-col02 .c-btn {
    width: initial;
    margin: 0.5rem;
  }
  .p-list-btn--four-col02 .c-btn:first-child {
    margin-left: 0;
  }
  .p-list-btn--four-col02 .c-btn:last-child {
    margin-right: 0;
  }
  .p-list-btn--four-col02 .c-btn:nth-child(2) {
    flex: 0 0 auto;
  }
  .p-list-btn--four-col02 .c-btn:nth-child(4) {
    flex: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-list-btn--four-col02 .c-btn {
    padding: 1rem 4rem 1rem 1.5rem;
  }
}
@media only screen and (min-width: 1300px) {
  .p-list-btn--four-col02 .c-btn {
    min-width: 19rem;
    padding: 1rem 6rem 1rem 3rem;
  }
}
/*---------- START PROJECT LIST BUTTON FIVE COLUMN ----------*/
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-list-btn--five-col {
    margin: -1rem -0.5rem;
  }
  .p-list-btn--five-col .c-btn {
    width: calc(20% - 1rem);
    margin: 1rem 0.5rem;
  }
}
@media only screen and (min-width: 1300px) {
  .p-list-btn--five-col {
    margin: -1rem -1rem;
  }
  .p-list-btn--five-col .c-btn {
    width: calc(20% - 3rem);
    margin: 1rem 1.5rem;
  }
}
/*---------- START PROJECT LIST LINK MAIN ----------*/
.p-list-link-main {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .p-list-link-main {
    justify-content: center;
    margin: -0.5rem -1rem;
  }
  .p-list-link-main .c-link-main {
    margin: 0.5rem 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-link-main {
    justify-content: space-between;
    margin: -1rem -2rem;
  }
  .p-list-link-main .c-link-main {
    margin: 1rem 2rem;
  }
}
/*---------- START COMPONENT PANEL RYOUKIN ----------*/
.c-panel-ryoukin__text {
  margin-bottom: 1rem;
  text-align: right;
}
.c-panel-ryoukin__header {
  background-color: var(--theme-color-quaternary);
}
.c-panel-ryoukin__title {
  color: var(--theme-color-secondary);
  font-weight: 700;
}
.c-panel-ryoukin__body {
  background-color: var(--theme-color-septenary);
}
.c-panel-ryoukin__item {
  margin-top: var(--spacing-sp15-pc20);
}
.c-panel-ryoukin__item-title {
  margin-bottom: 0.3rem;
  font-weight: 700;
}
.c-panel-ryoukin__item:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .c-panel-ryoukin__header {
    padding: 1.5rem;
  }
  .c-panel-ryoukin__title {
    font-size: 1.6rem;
  }
  .c-panel-ryoukin__body {
    padding: 3rem 1.5rem;
  }
  .c-panel-ryoukin__item-title {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-panel-ryoukin__header {
    padding: 1.35rem 4rem;
  }
  .c-panel-ryoukin__title {
    font-size: 1.8rem;
  }
  .c-panel-ryoukin__body {
    padding: 4rem 4rem 5rem 4rem;
  }
  .c-panel-ryoukin__item-title {
    font-size: 1.8rem;
  }
}
/*---------- START PROJECT LIST PANEL RYOUKIN ----------*/
.p-list-panel-ryoukin .c-panel-ryoukin {
  margin-top: var(--spacing-sp25-pc50);
}
.p-list-panel-ryoukin .c-panel-ryoukin:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT BLOCK RYOUKIN ----------*/
.c-block-ryoukin__title {
  margin-bottom: 0.3rem;
  color: var(--theme-color-quinary);
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .c-block-ryoukin__title {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-block-ryoukin__title {
    font-size: 1.8rem;
  }
}
/*---------- START COMPONENT PART RYOUKIN ----------*/
.c-part-ryoukin__row {
  margin: var(--spacing-sp25-pc50) 0;
}
.c-part-ryoukin .c-heading-group {
  margin-bottom: var(--spacing-sp15-pc25);
}
.c-part-ryoukin .c-tbl-classic--four-col,
.c-part-ryoukin .c-tbl-classic--three-col02 {
  margin-top: var(--spacing-sp20-pc30);
}
.c-part-ryoukin .c-tbl-page {
  margin-top: var(--spacing-sp20-pc30);
}
.c-part-ryoukin .p-list-link-main {
  margin-top: var(--spacing-sp10-pc15);
  margin-bottom: var(--spacing-sp20-pc30);
}
.c-part-ryoukin .p-list-panel-ryoukin {
  margin-top: var(--spacing-sp25-pc50);
}
.c-part-ryoukin__desc02 {
  margin-top: var(--spacing-sp15-pc30);
}
.c-part-ryoukin .c-block-ryoukin {
  margin-top: var(--spacing-sp20-pc30);
}
.c-part-ryoukin__text {
  margin-bottom: 1rem;
  text-align: right;
}
.c-part-ryoukin__note {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  color: var(--theme-color-quindenary);
}

@media only screen and (max-width: 767px) {
  .c-part-ryoukin__left {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  .c-part-ryoukin__right .c-box-main__link {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .c-part-ryoukin__row {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-part-ryoukin__left {
    padding-right: 7.5rem;
  }
  .c-part-ryoukin__right {
    width: 46rem;
  }
}
/*---------- START PROJECT LIST PART RYOUKIN ----------*/
.p-list-part-ryoukin .c-part-ryoukin {
  margin-top: var(--spacing-sp30-pc60);
}
.p-list-part-ryoukin .c-part-ryoukin:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT GROUP RYOUKIN ----------*/
.c-group-ryoukin {
  padding: var(--spacing-sp35-pc70) var(--spacing-sp15-pc30);
  background-color: var(--theme-color-secondary);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.01);
}
.c-group-ryoukin .p-list-btn--five-col {
  margin-top: 0.5rem;
}
.c-group-ryoukin__row {
  margin: var(--spacing-sp25-pc50) 0;
}
.c-group-ryoukin .p-list-part-ryoukin {
  margin-top: var(--spacing-sp25-pc50);
}

@media only screen and (max-width: 767px) {
  .c-group-ryoukin__left {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  .c-group-ryoukin__right .c-box-main__link {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .c-group-ryoukin__row {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-group-ryoukin__left {
    padding-right: 7.5rem;
  }
  .c-group-ryoukin__right {
    width: 46rem;
  }
}
/*---------- START PROJECT LIST GROUP RYOUKIN ----------*/
.p-list-group-ryoukin .c-group-ryoukin {
  margin-top: var(--spacing-sp40-pc80);
}
.p-list-group-ryoukin .c-group-ryoukin:first-child {
  margin-top: 0;
}

/*====================================================================================
20. START DOWNLOAD PAGE.
====================================================================================*/
/*---------- START PROJECT LIST PART DOWNLOAD ----------*/
@media only screen and (min-width: 768px) {
  .c-part-download .c-box-main__link {
    padding: 1rem 6.5rem 1rem 7.5rem;
  }
  .c-part-download .c-box-main .c-icon--pdf {
    left: 4.5rem;
  }
  .c-part-download .c-box-main .c-arrow--right {
    right: 4.5rem;
  }
}
/*---------- START PROJECT LIST PART DOWNLOAD ----------*/
@media only screen and (max-width: 575px) {
  .p-list-part-download .c-part-download {
    margin-top: 1.5rem;
  }
  .p-list-part-download .c-part-download:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) {
  .p-list-part-download {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .p-list-part-download .c-part-download {
    width: calc(50% - 0.75rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-list-part-download .c-part-download {
    width: calc(50% - 5rem);
  }
}
/*---------- START COMPONENT GROUP DOWNLOAD ----------*/
.c-group-download .c-heading-part {
  margin-bottom: var(--spacing-sp20-pc30);
}

/*---------- START PROJECT LIST GROUP DOWNLOAD ----------*/
.p-list-group-download .c-group-download {
  margin-top: var(--spacing-sp35-pc60);
}
.p-list-group-download .c-group-download:first-child {
  margin-top: 0;
}

/*====================================================================================
21. START  PAGE
====================================================================================*/
.p-group-tab input[type=radio].force-show {
  display: block !important;
}