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

1. START SECTION MAIN VISUAL.
2. START SECTION ABOUT.
3. START SECTION REASON.
4. START SECTION JOB.
5. START SECTION DAYS.
6. START SECTION DIFFERENT.
7. START SECTION TRAINING.
8. START SECTION INTERVIEW.
9. START SECTION WELFARE.
10. START SECTION REQUIREMENTS.
11. START SECTION FAQ.
12. START SECTION ENTRY.

/*====================================================================================
1. START SECTION MAIN VISUAL.
====================================================================================*/
/*---------- START PROJECT MAIN VISUAL ----------*/
.p-mv__body {
  position: relative;
}
.p-mv__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.p-mv__title {
  width: 100%;
}
.p-mv__title img {
  width: 100%;
}
.p-mv__footer {
  padding: 2.5rem 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.p-mv__footer .l-container-sm {
  max-width: 97rem;
}

@media only screen and (max-width: 767px) {
  .p-mv__wrap {
    padding: 0 20vw 8vw 0.5rem;
  }
  .p-mv__footer {
    background-image: url("./../images/mv-bg-sp.webp");
  }
}
@media only screen and (min-width: 768px) {
  .p-mv__img img {
    height: 100dvh;
    object-fit: cover;
    object-position: center top;
  }
  .p-mv__wrap {
    padding: 0 20vw 3vw 1.5rem;
  }
  .p-mv__footer {
    background-image: url("./../images/mv-bg.webp");
  }
}
/*---------- START LIST ITEM MAIN VISUAL ----------*/
.p-list-item-mv {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.p-list-item-mv .c-item-mv {
  margin: 0.75rem 0.5rem;
}

@media only screen and (max-width: 575px) {
  .p-list-item-mv {
    justify-content: center;
    margin: -0.75rem -1.5rem;
  }
}
@media only screen and (min-width: 576px) {
  .p-list-item-mv {
    justify-content: space-between;
    margin: -0.75rem -0.5rem;
  }
}
/*---------- START ITEM MAIN VISUAL ----------*/
.c-item-mv {
  position: relative;
}
.c-item-mv::before, .c-item-mv::after {
  position: absolute;
  content: "";
  top: 50%;
  width: 3.3rem;
  height: 100%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  mix-blend-mode: multiply;
}
.c-item-mv::before {
  left: 0;
  background-image: url("./../images/mv-item-deco-left.svg");
}
.c-item-mv::after {
  right: 0;
  background-image: url("./../images/mv-item-deco-right.svg");
}

@media only screen and (max-width: 767px) {
  .c-item-mv {
    padding: 1rem 3rem;
  }
  .c-item-mv img {
    width: auto;
    max-height: 9.4vw;
  }
}
@media only screen and (min-width: 768px) {
  .c-item-mv {
    padding: 1rem 4rem;
  }
}
/*====================================================================================
2. START SECTION ABOUT.
====================================================================================*/
/*---------- START PROJECT ABOUT ----------*/
.p-about {
  padding: var(--spacing-sp-50-pc-100) 0;
  color: var(--theme-color-secondary);
  background-color: var(--theme-color-tertiary);
}
.p-about .c-deco__shape--v2 {
  bottom: 0;
}
.p-about .c-deco__img--v1 {
  top: 1.6rem;
}
.p-about .c-deco__img--v2 {
  right: 0;
  bottom: 0;
}
.p-about .l-container-sm {
  position: relative;
  z-index: 2;
}
.p-about .c-heading {
  margin-bottom: var(--spacing-sp-35-pc-75);
}
.p-about__subtitle, .p-about__desc {
  color: var(--theme-color-nonary);
  font-weight: 700;
  text-align: center;
}
.p-about__subtitle {
  margin-bottom: var(--spacing-sp-10-pc-25);
}

@media only screen and (max-width: 767px) {
  .p-about .c-deco__shape--v1 {
    top: 40%;
    left: -30%;
  }
  .p-about .c-deco__shape--v2 {
    left: -50%;
  }
  .p-about .c-deco__img--v1 {
    left: 0;
  }
  .p-about__subtitle {
    font-size: clamp(2.5rem, 4.6vw, 3rem);
    line-height: 1.6;
  }
  .p-about__desc {
    font-size: clamp(1.5rem, 2.7vw, 1.8rem);
    line-height: 2.4;
  }
}
@media only screen and (min-width: 768px) {
  .p-about .c-deco__shape--v1 {
    top: 26rem;
    left: -56rem;
  }
  .p-about .c-deco__shape--v2 {
    left: -35rem;
  }
  .p-about .c-deco__img--v1 {
    left: 1.9rem;
  }
  .p-about__subtitle {
    font-size: 4.8rem;
  }
  .p-about__desc {
    font-size: 2.4rem;
    line-height: 3;
  }
}
/*====================================================================================
3. START SECTION REASON.
====================================================================================*/
/*---------- START PROJECT REASON ----------*/
.p-reason {
  padding-bottom: var(--spacing-sp-50-pc-100);
  background-color: var(--theme-color-tertiary);
}
.p-reason .c-deco__shape {
  z-index: -1;
}
.p-reason .c-heading {
  margin-bottom: var(--spacing-sp-30-pc-60);
}

@media only screen and (max-width: 767px) {
  .p-reason .c-deco__shape {
    top: 4.5vw;
    left: -15.5rem;
  }
  .p-reason__outer {
    margin-top: -4.5vw;
  }
}
@media only screen and (min-width: 768px) {
  .p-reason .c-deco__shape {
    top: 4.5rem;
    left: -15.5rem;
  }
  .p-reason__outer {
    margin-top: -4.5rem;
  }
}
/*---------- START PROJECT LIST POST REASON ----------*/
.p-list-post-reason .c-post-reason {
  margin-top: var(--spacing-sp-20-pc-35);
}
.p-list-post-reason .c-post-reason:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT POST REASON ----------*/
.c-post-reason {
  position: relative;
  background-color: var(--theme-color-quaternary);
}
.c-post-reason::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0.6rem;
  height: 100%;
  background: linear-gradient(90deg, rgb(189, 162, 47) 0%, rgb(200, 177, 75) 18%, rgb(231, 219, 157) 43%, rgb(217, 200, 120) 69%, rgb(194, 168, 58) 100%);
}
.c-post-reason__header {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid var(--theme-color-septendenary);
}
.c-post-reason__title {
  color: var(--theme-color-secondary);
  font-weight: 700;
}
.c-post-reason__icon {
  position: absolute;
}
.c-post-reason__icon--shape {
  left: 0;
}
.c-post-reason .c-icon-plus {
  top: 1.4rem;
  right: 0;
}
.c-post-reason__body {
  display: none;
}
.c-post-reason__row {
  display: flex;
}
.c-post-reason__left {
  color: var(--theme-color-nonary);
}

@media only screen and (max-width: 767px) {
  .c-post-reason {
    padding: 2.5rem 1.5rem 2.5rem 2rem;
  }
  .c-post-reason__header {
    padding: 0 2.5rem 1.3rem 4.7rem;
  }
  .c-post-reason__title {
    font-size: clamp(1.7rem, 3vw, 2rem);
  }
  .c-post-reason__icon--shape {
    top: -0.3rem;
    left: -0.2rem;
    transform: scale(0.85);
  }
  .c-post-reason__row {
    flex-direction: column-reverse;
    padding-top: 2rem;
  }
  .c-post-reason__right {
    margin-bottom: 2rem;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .c-post-reason {
    padding: 4.5rem 6.5rem 4.5rem 6.5rem;
  }
  .c-post-reason__header {
    padding: 0 4rem 1.5rem 5.2rem;
  }
  .c-post-reason__title {
    font-size: 2.4rem;
  }
  .c-post-reason__icon--shape {
    top: 0.2rem;
  }
  .c-post-reason__row {
    padding-top: 3rem;
  }
  .c-post-reason__left {
    flex: 1;
    padding-right: 8rem;
    line-height: 2.15;
  }
  .c-post-reason__right {
    width: 29.6rem;
  }
}
/*====================================================================================
4. START SECTION JOB.
====================================================================================*/
/*---------- START PROJECT JOB ----------*/
.p-job {
  position: relative;
  background-color: var(--theme-color-tertiary);
}
.p-job::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--theme-color-octonary);
}
.p-job__body {
  padding: var(--spacing-sp-40-pc-80) 0;
}
.p-job .c-heading {
  margin-bottom: var(--spacing-sp-25-pc-50);
}
.p-job .c-heading-job {
  margin-bottom: var(--spacing-sp-35-pc-75);
}

@media only screen and (max-width: 767px) {
  .p-job {
    background-image: url("./../images/s3-bg-sp.webp");
  }
  .p-job::before {
    height: 30vw;
  }
}
@media only screen and (min-width: 768px) {
  .p-job {
    background-image: url("./../images/s3-bg.webp");
  }
  .p-job::before {
    height: 20rem;
  }
}
/*---------- START COMPONENT HEADING JOB ----------*/
.c-heading-job {
  display: flex;
  justify-content: center;
}
.c-heading-job__wrap {
  padding: 0.3rem 0.7rem 0.5rem 1rem;
  background-color: var(--theme-color-secondary);
}
.c-heading-job__title {
  color: var(--theme-color-primary);
  font-family: var(--theme-font-jp-secondary);
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-heading-job__title {
    font-size: 1.9rem;
    letter-spacing: 0.05em;
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-job__title {
    font-size: 3.6rem;
    letter-spacing: 0.12em;
  }
}
/*---------- START PROJECT GROUP JOB ----------*/
.p-group-job {
  background: url("./../images/s3-group-bg.webp") no-repeat center center/cover;
}

@media only screen and (min-width: 576px) {
  .p-group-job {
    margin: 0 auto;
  }
  .p-group-job .p-list-item-check {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .p-group-job .p-list-item-check {
    max-width: 35rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-group-job {
    max-width: 50rem;
    padding: 2rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-group-job {
    width: 73.3rem;
    padding: 3rem;
  }
  .p-group-job .p-list-item-check {
    max-width: 44rem;
  }
}
/*---------- START COMPONENT SLIDER JOB ----------*/
@media only screen and (max-width: 767px) {
  .c-slider-job__item {
    margin: 0 0.75rem;
  }
  .c-slider-job__item img {
    width: 45vw;
  }
}
@media only screen and (min-width: 768px) {
  .c-slider-job__item {
    margin: 0 1.4rem;
  }
}
/*====================================================================================
5. START SECTION DAYS.
====================================================================================*/
/*---------- START PROJECT DAYS ----------*/
.p-days {
  padding: var(--spacing-sp-50-pc-100) 0 var(--spacing-sp-55-pc-110) 0;
  background-color: var(--theme-color-octonary);
}
.p-days .c-title {
  margin-bottom: var(--spacing-sp-25-pc-45);
}

/*---------- START COMPONENT GROUP DAYS ----------*/
.c-group-days__notes {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.c-group-days__notes .c-list-star li {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .c-group-days__inner {
    padding: 2.5rem 1.5rem 2rem 1.5rem;
  }
  .c-group-days__notes {
    margin-top: 1rem;
  }
  .c-group-days__notes .c-list-star li {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-group-days__inner {
    padding: 5rem 2.5rem 2rem 2.5rem;
  }
  .c-group-days__notes .c-list-star li {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
/*---------- START PROJECT TIMELINE ----------*/
@media only screen and (max-width: 767px) {
  .p-timeline__body {
    width: 95rem;
  }
}
/*---------- START COMPONENT LIST BOX ITEM ----------*/
.c-list-box-time {
  display: flex;
}
.c-list-box-time--v1 {
  justify-content: center;
}
.c-list-box-time--v2 {
  align-items: flex-start;
}

/*---------- START COMPONENT BOX ITEM ----------*/
.c-box-time {
  background-color: var(--theme-color-quattuordenary);
}
.c-box-time--v1 {
  margin-right: 3.7rem;
}
.c-box-time--v3 {
  margin-right: 15rem;
}
.c-box-time--v4 {
  width: 35%;
}
.c-box-time--v5 {
  margin-left: auto;
}
.c-box-time__title {
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .c-box-time {
    padding: 1rem 1.5rem;
  }
  .c-box-time__title {
    font-size: 1.6rem;
  }
  .c-box-time__text {
    margin-top: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-box-time {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
  }
  .c-box-time__title {
    font-size: 1.8rem;
  }
  .c-box-time__text {
    margin-top: 1rem;
    line-height: 1.4;
  }
}
/*---------- START COMPONENT LIST ITEM TIME ----------*/
.c-list-item-time {
  position: relative;
  display: flex;
}
.c-list-item-time::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  background-color: var(--theme-color-quindenary);
}

@media only screen and (max-width: 767px) {
  .c-list-item-time {
    padding: 4.6rem 2rem;
  }
  .c-list-item-time::before {
    height: 0.4rem;
    margin-top: -0.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-list-item-time {
    padding: 5.8rem 3rem;
  }
  .c-list-item-time::before {
    height: 0.5rem;
    margin-top: -0.25rem;
  }
}
/*---------- START COMPONENT ITEM TIME ----------*/
.c-item-time {
  position: relative;
}
.c-item-time::before {
  position: absolute;
  content: "";
  left: 50%;
  background: url("./../images/s3-time-dotted.svg") no-repeat center center/100% auto;
}
.c-item-time--v1::before, .c-item-time--v3::before, .c-item-time--v5::before {
  top: 120%;
}
.c-item-time--v2::before, .c-item-time--v4::before {
  bottom: 120%;
}
.c-item-time--v1 .c-item-time__icon, .c-item-time--v4 .c-item-time__icon {
  width: 5.8rem;
}
.c-item-time--v1 .c-item-time__icon {
  left: 9.2rem;
}
.c-item-time--v2 {
  margin-left: 11rem;
}
.c-item-time--v2 .c-item-time__icon {
  top: 3.5rem;
  left: 1.3rem;
  width: 4rem;
}
.c-item-time--v3 {
  margin-left: 11.5rem;
}
.c-item-time--v3 .c-item-time__icon {
  top: -3.8rem;
  left: 1.8rem;
  width: 3.6rem;
}
.c-item-time--v4 {
  margin-left: 11.5rem;
}
.c-item-time--v5 {
  margin-left: auto;
}
.c-item-time__box {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  padding: 0 1.2rem;
  border-radius: 1.5rem;
  color: var(--theme-color-secondary);
  font-size: 1.5rem;
  font-weight: 700;
  background-color: var(--theme-color-quindenary);
}
.c-item-time__icon {
  position: absolute;
}
.c-item-time__icon img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .c-item-time::before {
    width: 0.3rem;
    height: 3.4rem;
    margin-left: -0.15rem;
  }
  .c-item-time--v1 .c-item-time__icon, .c-item-time--v4 .c-item-time__icon {
    top: -1.3rem;
  }
  .c-item-time--v4 .c-item-time__icon {
    left: 16rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-item-time::before {
    width: 0.4rem;
    height: 4.5rem;
    margin-left: -0.2rem;
  }
  .c-item-time--v1 .c-item-time__icon, .c-item-time--v4 .c-item-time__icon {
    top: -1.5rem;
  }
  .c-item-time--v4 .c-item-time__icon {
    left: 20rem;
  }
}
/*====================================================================================
6. START SECTION DIFFERENT.
====================================================================================*/
/*---------- START PROJECT DIFFERENT ----------*/
.p-different {
  padding: var(--spacing-sp-40-pc-80) 0 var(--spacing-sp-55-pc-110) 0;
  background-color: var(--theme-color-tertiary);
}
.p-different .c-title {
  margin-bottom: var(--spacing-sp-25-pc-45);
}

@media only screen and (max-width: 767px) {
  .p-different {
    background-image: url("./../images/s5-bg.webp");
  }
}
@media only screen and (min-width: 768px) {
  .p-different {
    background-image: url("./../images/s5-bg.webp");
  }
}
/*---------- START PROJECT GROUP DIFFERENT ----------*/
.p-group-different__title {
  margin-top: var(--spacing-sp-20-pc-35);
  font-family: var(--theme-font-jp-secondary);
  font-weight: 700;
  text-align: center;
}
.p-group-different__title strong {
  position: relative;
  z-index: 2;
  font-weight: 700;
}
.p-group-different__title strong::before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  width: 100%;
  height: 15%;
  background: linear-gradient(90deg, rgb(189, 162, 47) 0%, rgb(200, 177, 75) 18%, rgb(231, 219, 157) 43%, rgb(217, 200, 120) 69%, rgb(194, 168, 58) 100%);
}

@media only screen and (max-width: 767px) {
  .p-group-different__inner {
    padding: 2rem 1.5rem 2.5rem 1.5rem;
  }
  .p-group-different__title {
    font-size: 1.8rem;
  }
  .p-group-different__title strong {
    display: inline-block;
    font-size: 3rem;
  }
  .p-group-different__title strong::before {
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-group-different__inner {
    padding: 2.5rem 5rem 5rem 5rem;
  }
  .p-group-different__title {
    font-size: 3.6rem;
  }
  .p-group-different__title strong {
    margin-left: 0.4rem;
    font-size: 5.2rem;
  }
  .p-group-different__title strong::before {
    bottom: 5%;
  }
}
/*---------- START PROJECT TABLE ----------*/
.p-tbl__row {
  display: flex;
  align-items: flex-end;
}
.p-tbl__right {
  flex: 1;
}
.p-tbl__list {
  height: 100%;
  background-color: var(--theme-color-primary);
}
.p-tbl__item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--theme-color-novemdenary);
  color: var(--theme-color-secondary);
  text-align: center;
}
.p-tbl__item:last-child {
  border-bottom: none;
}
.p-tbl__notes {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.p-tbl__notes ul {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 700;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .p-tbl__notes ul {
    min-width: 25.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-tbl__left {
    width: 7rem;
    padding-bottom: 1.8rem;
  }
  .p-tbl__right {
    padding: 2rem 0 1.8rem 0;
  }
  .p-tbl__list {
    padding: 0 0.5rem;
  }
  .p-tbl__item {
    min-height: 7rem;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-tbl {
    max-width: 82rem;
    margin: 0 auto;
  }
  .p-tbl__left {
    width: 23.5rem;
    padding-bottom: 2rem;
  }
  .p-tbl__right {
    padding: 2.6rem 0 2rem 0;
  }
  .p-tbl__list {
    padding: 0 1.5rem;
  }
  .p-tbl__item {
    min-height: 9.5rem;
    font-size: 2rem;
  }
  .p-tbl__notes ul {
    min-width: 29.5rem;
  }
}
/*---------- START PROJECT LIST CARD ----------*/
.p-list-card {
  display: flex;
  align-items: flex-end;
}
.p-list-card .c-card {
  width: 50%;
}

@media only screen and (max-width: 575px) {
  .p-list-card {
    width: 45rem;
  }
}
/*---------- START COMPONENT CARD ----------*/
.c-card__header {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.c-card__item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-card__item {
    min-height: 7rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-card__item {
    min-height: 9.5rem;
  }
}
/*---------- START COMPONENT CARD GRAY ----------*/
.c-card--gray .c-card__header {
  background-color: var(--theme-color-quinary);
}
.c-card--gray .c-card__title {
  color: var(--theme-color-secondary);
  line-height: 1.5;
  text-align: center;
}
.c-card--gray .c-card__body {
  padding: 0 0.5rem;
  background-color: var(--theme-color-dodenary);
}
.c-card--gray .c-card__item {
  font-weight: 500;
  background: url("./../images/s5-table-dashed-gray.svg") repeat-x left bottom/auto 2px;
}
.c-card--gray .c-card__item:last-child {
  background: none;
}

@media only screen and (max-width: 767px) {
  .c-card--gray .c-card__header {
    min-height: 5.5rem;
  }
  .c-card--gray .c-card__title {
    font-size: 1.3rem;
  }
  .c-card--gray .c-card__item {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-card--gray .c-card__header {
    min-height: 6.7rem;
  }
  .c-card--gray .c-card__title {
    font-size: 1.6rem;
  }
  .c-card--gray .c-card__item {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
/*---------- START COMPONENT CARD GOLD ----------*/
.c-card--gold {
  display: flex;
  flex-direction: column;
  background: linear-gradient(90deg, rgb(189, 162, 47) 0%, rgb(200, 177, 75) 18%, rgb(231, 219, 157) 43%, rgb(217, 200, 120) 69%, rgb(194, 168, 58) 100%);
}
.c-card--gold .c-card__header {
  position: relative;
}
.c-card--gold .c-card__tag {
  position: absolute;
  border-radius: 2.6rem;
  background-color: var(--theme-color-quindenary);
}
.c-card--gold .c-card__tag p {
  color: var(--theme-color-secondary);
  font-family: var(--theme-font-jp-secondary);
  line-height: 1;
  font-weight: 600;
}
.c-card--gold .c-card__logo img {
  max-height: 3.5rem;
}
.c-card--gold .c-card__body {
  flex: 1;
  padding: 0 0.5rem 1.4rem 0.5rem;
  background-color: var(--theme-color-secondary);
}
.c-card--gold .c-card__item {
  border-bottom: 1px solid var(--theme-color-octodenary);
  font-family: var(--theme-font-jp-secondary);
  color: var(--theme-color-sexdenary);
  line-height: 1.5;
  font-weight: 700;
}
.c-card--gold .c-card__item:last-child {
  border-bottom: 0;
}
.c-card--gold .c-card__item small {
  display: block;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .c-card--gold {
    margin-bottom: -1.8rem;
    padding: 0 0.5rem 0.5rem 0.5rem;
  }
  .c-card--gold .c-card__header {
    height: 7rem;
    padding-top: 2rem;
  }
  .c-card--gold .c-card__tag {
    top: -2rem;
    padding: 1rem 2rem;
  }
  .c-card--gold .c-card__tag p {
    font-size: 2rem;
  }
  .c-card--gold .c-card__item {
    font-size: 1.6rem;
  }
  .c-card--gold .c-card__item small {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-card--gold {
    margin-bottom: -2rem;
    padding: 0 0.7rem 0.7rem 0.7rem;
  }
  .c-card--gold .c-card__header {
    height: 9rem;
    padding-top: 3rem;
  }
  .c-card--gold .c-card__tag {
    top: -2.6rem;
    padding: 1.3rem 2.2rem;
  }
  .c-card--gold .c-card__tag p {
    font-size: 2.6rem;
  }
  .c-card--gold .c-card__item {
    font-size: 2rem;
  }
  .c-card--gold .c-card__item small {
    font-size: 1.6rem;
  }
}
/*====================================================================================
7. START SECTION TRAINING.
====================================================================================*/
/*---------- START PROJECT TRAINING ----------*/
.p-training {
  position: relative;
  padding: var(--spacing-sp-60-pc-120) 0;
  color: var(--theme-color-secondary);
  background-color: var(--theme-color-tertiary);
}
.p-training::before, .p-training::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: linear-gradient(90deg, rgb(189, 162, 47) 0%, rgb(200, 177, 75) 18%, rgb(231, 219, 157) 43%, rgb(217, 200, 120) 69%, rgb(194, 168, 58) 100%);
}
.p-training::before {
  top: 0;
}
.p-training::after {
  bottom: 0;
}
.p-training .c-heading {
  margin-bottom: var(--spacing-sp-25-pc-50);
}
.p-training .c-heading__row {
  max-width: 83rem;
}
.p-training__subtitle {
  text-align: center;
}
.p-training__subtitle strong {
  color: var(--theme-color-quattuordenary);
}
.p-training .p-slider {
  margin-top: var(--spacing-sp-50-pc-100);
}

@media only screen and (max-width: 767px) {
  .p-training {
    background-image: url("./../images/s6-bg-sp.webp");
  }
  .p-training__subtitle {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .p-training__subtitle strong {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-training {
    background-image: url("./../images/s6-bg.webp");
  }
  .p-training__subtitle {
    font-size: 2.8rem;
    line-height: 1.9;
  }
  .p-training__subtitle strong {
    font-size: 3.6rem;
  }
}
/*---------- START PROJECT SLIDER ----------*/
.p-slider {
  position: relative;
}
.p-slider__swiper {
  overflow: visible;
}
.p-slider__scrollbar {
  position: relative;
  width: 100%;
  margin-top: var(--spacing-sp-20-pc-35);
}
.p-slider__scrollbar .swiper-scrollbar,
.p-slider__scrollbar .swiper-scrollbar-drag {
  top: 0;
  height: 100%;
  border-radius: 0;
}
.p-slider__scrollbar .swiper-scrollbar {
  left: 0;
  background: var(--theme-color-quaternary);
}
.p-slider__scrollbar .swiper-scrollbar-drag {
  background-color: var(--theme-color-vigenary);
}
.p-slider .c-btn-circle {
  position: absolute;
  z-index: 3;
}
.p-slider .c-btn-circle.swiper-button-disabled {
  display: none;
}

@media only screen and (max-width: 575px) {
  .p-slider .c-btn-circle--prev {
    top: 40vw;
  }
  .p-slider .c-btn-circle--next {
    top: 40vw;
    right: 12.5vw;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .p-slider .c-btn-circle--prev {
    top: 35vw;
  }
  .p-slider .c-btn-circle--next {
    top: 35vw;
    right: 14vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-slider {
    padding: 0 1.5rem;
  }
  .p-slider__scrollbar {
    height: 0.5rem;
  }
  .p-slider__scrollbar .swiper-scrollbar {
    width: 100%;
  }
  .p-slider .c-btn-circle--prev {
    left: -1rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-slider {
    width: 94.5rem;
    margin: 0 auto;
  }
  .p-slider__scrollbar {
    height: 0.7rem;
  }
  .p-slider__scrollbar .swiper-scrollbar {
    width: 90rem;
  }
  .p-slider .c-btn-circle {
    top: 13.5rem;
  }
  .p-slider .c-btn-circle--prev {
    left: -7.6rem;
  }
  .p-slider .c-btn-circle--next {
    right: -6rem;
  }
}
/*---------- START COMPONENT SLIDE ----------*/
.c-slide__row {
  position: relative;
  z-index: 3;
  display: flex;
}
.c-slide__left {
  font-family: var(--theme-font-jp-secondary);
}
.c-slide__right img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .c-slide .c-heading-slide {
    margin-bottom: 2.5rem;
  }
  .c-slide__row {
    flex-direction: column-reverse;
  }
  .c-slide__left {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-slide .c-heading-slide {
    margin-bottom: -8rem;
  }
  .c-slide__left {
    flex: 1;
    padding: 13rem 5rem 0 1rem;
    line-height: 2;
  }
  .c-slide__right {
    width: 46rem;
  }
}
/*---------- START COMPONENT SLIDER ----------*/
.c-heading-slide {
  position: relative;
  font-family: var(--theme-font-jp-secondary);
}
.c-heading-slide::before {
  position: absolute;
  content: "";
  z-index: 1;
  transform: rotate(45deg);
  background-color: var(--theme-color-tertiary);
  border-left: 1px solid var(--theme-color-quattuordenary);
}
.c-heading-slide__num {
  position: absolute;
  top: -0.15em;
  left: 0;
  color: var(--theme-color-quattuordenary);
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.c-heading-slide__title {
  position: relative;
  z-index: 2;
  color: var(--theme-color-secondary);
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .c-heading-slide {
    padding: 3rem 0 0 6rem;
  }
  .c-heading-slide::before {
    top: 2rem;
    left: 2.8rem;
    width: 10rem;
    height: 10rem;
  }
  .c-heading-slide__num {
    font-size: 4.5rem;
  }
  .c-heading-slide__title {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-slide {
    padding: 5.8rem 0 0 11rem;
  }
  .c-heading-slide::before {
    top: 3.6rem;
    left: 5.7rem;
    width: 17rem;
    height: 17rem;
  }
  .c-heading-slide__num {
    font-size: 8.4rem;
  }
  .c-heading-slide__title {
    font-size: 3.2rem;
  }
}
/*---------- START COMPONENT CIRCLE ----------*/
.c-btn-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--theme-color-vigenary);
}
.c-btn-circle svg {
  height: auto;
}
.c-btn-circle:hover {
  border-color: var(--theme-color-secondary);
}
.c-btn-circle:hover path {
  fill: var(--theme-color-secondary);
}

@media only screen and (max-width: 767px) {
  .c-btn-circle {
    width: 4rem;
    height: 4rem;
  }
  .c-btn-circle svg {
    width: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-btn-circle {
    width: 8.4rem;
    height: 8.4rem;
  }
}
/*---------- START COMPONENT CIRCLE PREV ----------*/
.c-btn-circle--prev {
  padding-right: 0.2em;
}
.c-btn-circle--prev svg {
  transform: scaleX(-1);
}

/*---------- START COMPONENT CIRCLE NEXT ----------*/
.c-btn-circle--next {
  padding-left: 0.2em;
}

/*====================================================================================
8. START SECTION INTERVIEW.
====================================================================================*/
/*---------- START PROJECT INTERVIEW ----------*/
.p-interview {
  padding: var(--spacing-sp-55-pc-110) 0 var(--spacing-sp-60-pc-120) 0;
  background-color: var(--theme-color-primary);
}
.p-interview .c-heading {
  margin-bottom: var(--spacing-sp-30-pc-60);
}
.p-interview .c-heading__row {
  max-width: 72rem;
}

@media only screen and (max-width: 767px) {
  .p-interview {
    background-image: url("./../images/s7-bg-sp.webp");
  }
}
@media only screen and (min-width: 768px) {
  .p-interview {
    background-image: url("./../images/s7-bg.webp");
  }
}
/*---------- START PROJECT LIST POST INTERVIEW ----------*/
.p-list-post-interview .c-post-interview {
  margin-top: 6rem;
}
.p-list-post-interview .c-post-interview:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT POST INTERVIEW ----------*/
.c-post-interview__header {
  background-color: var(--theme-color-undenary);
}
.c-post-interview__info {
  margin-top: var(--spacing-sp-20-pc-45);
}
.c-post-interview__dl {
  display: flex;
}
.c-post-interview__dt {
  font-weight: 700;
}
.c-post-interview__body {
  flex: 1;
  background-color: var(--theme-color-secondary);
}

@media only screen and (max-width: 575px) {
  .c-post-interview .c-img-interview img {
    height: 60vw;
    max-height: 30rem;
    object-position: center 20%;
  }
}
@media only screen and (min-width: 576px) {
  .c-post-interview {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .c-post-interview .c-img-interview {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-post-interview .c-img-interview {
    width: 55%;
  }
  .c-post-interview__desc {
    max-width: 52%;
  }
}
@media only screen and (max-width: 767px) {
  .c-post-interview__header {
    padding: 2rem 2rem 1.7rem 2rem;
  }
  .c-post-interview__body {
    padding: 1.8rem 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-post-interview {
    min-height: 41.5rem;
  }
  .c-post-interview .c-img-interview {
    width: 50%;
  }
  .c-post-interview__header {
    padding: 3.5rem 3.5rem 1.7rem 3.5rem;
  }
  .c-post-interview__dt, .c-post-interview__dd {
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .c-post-interview__body {
    padding: 1.8rem 3rem 1.8rem 3.5rem;
  }
  .c-post-interview__desc {
    max-width: 56%;
    font-size: 1.4rem;
    line-height: 1.85;
  }
}
/*---------- START COMPONENT TITLE INTERVIEW ----------*/
.c-title-interview__text {
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.4rem 0.7rem 0.4rem 1rem;
  color: var(--theme-color-secondary);
  font-family: var(--theme-font-jp-secondary);
  font-weight: 700;
  background: var(--theme-bg-secondary);
}
.c-title-interview__text:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .c-title-interview__text {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-title-interview__text {
    font-size: 2.8rem;
  }
}
/*---------- START COMPONENT IMAGE INTERVIEW ----------*/
.c-img-interview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 576px) {
  .c-img-interview {
    overflow: hidden;
    transform: skewX(18.5deg);
    transform-origin: left top;
  }
  .c-img-interview__inner {
    width: 100%;
    height: 100%;
    transform: skewX(-18.5deg);
    transform-origin: left top;
  }
  .c-img-interview__inner img {
    object-position: left center;
  }
}
/*====================================================================================
9. START SECTION WELFARE.
====================================================================================*/
/*---------- START PROJECT WELFARE ----------*/
.p-welfare {
  padding: var(--spacing-sp-55-pc-110) 0 var(--spacing-sp-60-pc-120) 0;
  background-color: var(--theme-color-unvigenary);
}
.p-welfare .c-heading {
  margin-bottom: var(--spacing-sp-30-pc-60);
}

@media only screen and (max-width: 767px) {
  .p-welfare {
    background-image: url("./../images/s8-bg-sp.webp");
  }
}
@media only screen and (min-width: 768px) {
  .p-welfare {
    background-image: url("./../images/s8-bg.webp");
  }
  .p-welfare .c-heading__row {
    max-width: 72rem;
  }
}
/*---------- START PROJECT LIST CARD WELFARE ----------*/
.p-list-card-welfare {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .p-list-card-welfare {
    margin: -1.5rem -1rem;
    padding-right: 0.5rem;
  }
  .p-list-card-welfare .c-card-welfare {
    width: calc(50% - 2rem);
    margin: 1.5rem 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-list-card-welfare {
    margin: -2.5rem;
  }
  .p-list-card-welfare .c-card-welfare {
    width: calc(33.333% - 5rem);
    margin: 2.5rem;
  }
}
/*---------- START COMPONENT CARD WELFARE ----------*/
.c-card-welfare {
  position: relative;
}
.c-card-welfare::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url("./../images/s8-card-bg.webp") no-repeat center center/cover;
}
.c-card-welfare__wrap {
  position: relative;
  height: 100%;
  background-color: var(--theme-color-secondary);
}
.c-card-welfare__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-card-welfare__img img {
  width: auto;
}
.c-card-welfare__title {
  font-family: var(--theme-font-jp-secondary);
  text-align: center;
}

@media only screen and (max-width: 575px) {
  .c-card-welfare__wrap {
    padding: 0 0.5rem 2rem 0.5rem;
  }
  .c-card-welfare__img {
    transform: scale(0.65);
  }
  .c-card-welfare__title {
    margin-top: -1rem;
  }
}
@media only screen and (min-width: 576px) {
  .c-card-welfare__wrap {
    padding: 5.8rem 2rem 3rem 2rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-card-welfare__title {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-card-welfare::before {
    top: 0.5rem;
    left: 0.5rem;
  }
  .c-card-welfare__title {
    font-size: clamp(1.4rem, 3vw, 2rem);
  }
}
@media only screen and (min-width: 768px) {
  .c-card-welfare::before {
    top: 0.8rem;
    left: 0.8rem;
  }
  .c-card-welfare__title {
    margin-top: 2.5rem;
    font-size: 2rem;
  }
}
/*====================================================================================
10. START SECTION REQUIREMENTS.
====================================================================================*/
/*---------- START PROJECT REQUIREMENTS ----------*/
.p-requirements {
  padding: var(--spacing-sp-55-pc-110) 0 var(--spacing-sp-60-pc-120) 0;
  background-color: var(--theme-color-octonary);
}
.p-requirements .c-heading {
  margin-bottom: var(--spacing-sp-30-pc-60);
}

/*---------- START PROJECT TABLE REQUIREMENTS ----------*/
.p-tbl-requirements table {
  width: 100%;
  table-layout: fixed;
}
.p-tbl-requirements tr:first-child th,
.p-tbl-requirements tr:first-child td {
  padding-top: 0;
}
.p-tbl-requirements tr:last-child th,
.p-tbl-requirements tr:last-child td {
  padding-bottom: 0;
  border-bottom: 0;
}
.p-tbl-requirements th,
.p-tbl-requirements td {
  text-align: left;
  vertical-align: top;
}
.p-tbl-requirements th {
  font-weight: 700;
  border-bottom: 1px solid var(--theme-color-primary);
}
.p-tbl-requirements td {
  font-weight: 400;
  border-bottom: 1px solid var(--theme-color-septenary);
}

@media only screen and (max-width: 767px) {
  .p-tbl-requirements th,
  .p-tbl-requirements td {
    font-size: 1.3rem;
  }
  .p-tbl-requirements th {
    width: 9rem;
    padding: 1.5rem 0;
  }
  .p-tbl-requirements td {
    padding: 1.5rem 0 1.5rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-tbl-requirements th,
  .p-tbl-requirements td {
    padding: 3.5rem 2rem;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .p-tbl-requirements th {
    width: 24rem;
  }
}
/*====================================================================================
11. START SECTION FAQ.
====================================================================================*/
/*---------- START PROJECT FAQ ----------*/
.p-faq {
  padding: var(--spacing-sp-55-pc-110) 0 var(--spacing-sp-35-pc-60) 0;
  background-color: var(--theme-color-primary);
}
.p-faq .c-heading {
  margin-bottom: var(--spacing-sp-30-pc-60);
}

/*---------- START PROJECT LIST POST FAQ ----------*/
.c-post-faq {
  color: var(--theme-color-secondary);
  background: url("./../images/s10-post-dotted.svg") repeat-x left bottom/auto 2px;
}
.c-post-faq:first-child {
  padding-top: 0;
}
.c-post-faq__header, .c-post-faq__inner {
  position: relative;
}
.c-post-faq__header {
  cursor: pointer;
}
.c-post-faq__header.is-active::before {
  transform: rotate(180deg);
}
.c-post-faq__header::before {
  position: absolute;
  content: "";
  width: 1.5rem;
  height: 0.8rem;
  background: url("./../common_img/arrow2-down-white.svg") no-repeat center center/100% auto;
}
.c-post-faq__char {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  padding-bottom: 0.4em;
}
.c-post-faq__char--q {
  background-color: var(--theme-color-quattuordenary);
}
.c-post-faq__char--a {
  background-color: var(--theme-color-senary);
}
.c-post-faq__char p {
  font-family: var(--theme-font-jp-secondary);
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.c-post-faq__body {
  display: none;
}

@media only screen and (max-width: 767px) {
  .c-post-faq {
    padding: 2rem 0;
  }
  .c-post-faq__header, .c-post-faq__inner {
    min-height: 4.5rem;
  }
  .c-post-faq__header {
    padding: 1.1rem 2.5rem 0 6rem;
  }
  .c-post-faq__header::before {
    top: 2rem;
    right: 0;
  }
  .c-post-faq__inner {
    margin-top: 2rem;
    padding: 1rem 0 0 6rem;
  }
  .c-post-faq__char {
    width: 4.5rem;
    height: 4.5rem;
  }
  .c-post-faq__char p {
    font-size: 2.4rem;
  }
  .c-post-faq__title {
    font-size: 1.6rem;
  }
  .c-post-faq__desc {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-post-faq {
    padding: 6rem 0 6rem 4rem;
  }
  .c-post-faq__header, .c-post-faq__inner {
    min-height: 5.7rem;
  }
  .c-post-faq__header {
    padding: 1.5rem 3.5rem 0 9.5rem;
  }
  .c-post-faq__header::before {
    top: 2.5rem;
    right: 1rem;
  }
  .c-post-faq__inner {
    margin-top: 3rem;
    padding: 1.2rem 3.4rem 0 9.5rem;
  }
  .c-post-faq__char {
    width: 5.7rem;
    height: 5.7rem;
  }
  .c-post-faq__char p {
    font-size: 2.8rem;
  }
  .c-post-faq__title {
    font-size: 2rem;
  }
  .c-post-faq__desc {
    font-size: 1.6rem;
  }
}
/*====================================================================================
12. START SECTION ENTRY.
====================================================================================*/
/*---------- START PROJECT ENTRY ----------*/
.p-entry {
  position: relative;
  z-index: 100;
  background-color: var(--theme-color-secondary);
}
.p-entry__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.p-entry__bg img {
  width: 100%;
}
.p-entry__header {
  position: relative;
}
.p-entry__outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-entry__outer .l-container-sm {
  height: 100%;
}
.p-entry__inner {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 7.5vw;
}
.p-entry__inner .c-heading {
  width: 100%;
}
.p-entry__body {
  padding: var(--spacing-sp-30-pc-60) 0 var(--spacing-sp-70-pc-140);
}
.p-entry__desc {
  margin-bottom: var(--spacing-sp-20-pc-40);
}

@media only screen and (min-width: 768px) {
  .p-entry__desc {
    text-align: center;
  }
}
/*---------- START COMPONENT TITLE SAMPLE ----------*/
.c-title-sample {
  position: relative;
  padding-left: 1rem;
  font-weight: 400;
}
.c-title-sample::before {
  position: absolute;
  content: "*";
  top: 0;
  left: 0;
  color: var(--theme-color-dovigenary);
}

@media only screen and (max-width: 767px) {
  .c-title-sample {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-title-sample {
    font-size: 1.6rem;
  }
}
/*---------- START PROJECT FORM ----------*/
.p-form {
  background-color: var(--theme-color-secondary);
}
.p-form__table {
  margin-top: var(--spacing-sp-20-pc-40);
}
.p-form__row {
  margin-top: var(--spacing-sp-15-pc-25);
}
.p-form__row:first-child {
  margin-top: 0;
}
.p-form__text {
  font-size: 1.3rem;
}
.p-form .c-form-submit {
  margin-top: var(--spacing-sp-40-pc-80);
}

@media only screen and (max-width: 767px) {
  .p-form {
    font-size: 1.4rem;
  }
  .p-form__dl:first-child .p-form__dt {
    padding-top: 0;
  }
  .p-form__dt {
    border-bottom: 1px solid var(--theme-color-septenary);
  }
  .p-form__dd {
    border-bottom: 1px solid var(--theme-color-primary);
  }
  .p-form__dt, .p-form__dd {
    padding: 1.5rem 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-form {
    font-size: 1.6rem;
  }
  .p-form__dl {
    display: flex;
  }
  .p-form__dt {
    width: 24rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--theme-color-primary);
  }
  .p-form__dd {
    flex: 1;
    padding: 3.5rem 0 3.5rem 2.5rem;
    border-bottom: 1px solid var(--theme-color-septenary);
  }
  .p-form--fix-height {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
}
/*---------- START COMPONENT HEADING FORM ----------*/
.c-heading-form {
  display: flex;
}
.c-heading-form__title {
  font-weight: 700;
}
.c-heading-form__icon {
  margin-left: 0.5rem;
  font-weight: 700;
}
.c-heading-form__icon.hissu {
  color: var(--theme-color-dovigenary);
}

@media only screen and (max-width: 767px) {
  .c-heading-form__title {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-form {
    padding: 2.2rem 0 2.2rem 2rem;
  }
  .c-heading-form__title {
    font-size: 1.6rem;
  }
}
/*---------- START COMPONENT FORM NAME ----------*/
.c-form-name .c-input {
  margin-top: var(--spacing-sp-15-pc-20);
}
.c-form-name .c-input:first-child {
  margin-top: 0;
}

/*---------- START COMPONENT FORM STATUS ----------*/
@media only screen and (max-width: 575px) {
  .c-form-status__item {
    margin-top: 1.5rem;
  }
  .c-form-status__item:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) {
  .c-form-status__list {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-form-status__item {
    width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .c-form-status {
    padding-right: 3.5rem;
  }
  .c-form-status__item {
    width: calc(50% - 3rem);
  }
}
/*---------- START COMPONENT FORM DRIVER ----------*/
.c-form-driver__other {
  display: flex;
  align-items: center;
}
.c-form-driver__radio {
  flex: 0 0 auto;
}

@media only screen and (max-width: 575px) {
  .c-form-driver__item {
    margin-top: 1rem;
  }
  .c-form-driver__item:first-child {
    margin-top: 0;
  }
  .c-form-driver__input {
    flex: 1;
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 576px) {
  .c-form-driver__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .c-form-driver__list {
    margin: -0.5rem -1.5rem;
  }
  .c-form-driver__item {
    margin: 0.5rem 1.5rem;
  }
  .c-form-driver__input {
    width: 35rem;
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-form-driver__list {
    margin: -1.2rem -3rem;
  }
  .c-form-driver__item {
    margin: 1.2rem 3rem;
  }
  .c-form-driver__input {
    width: 39rem;
    padding-left: 3rem;
  }
}
/*---------- START COMPONENT FORM SHIKAKU ----------*/
.c-form-shikaku__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c-form-shikaku__other {
  width: 100%;
  display: flex;
  align-items: center;
}
.c-form-shikaku__radio {
  flex: 0 0 auto;
}

@media only screen and (max-width: 767px) {
  .c-form-shikaku__list {
    margin: -0.5rem -1.5rem;
  }
  .c-form-shikaku__item {
    margin: 0.5rem 1.5rem;
  }
  .c-form-shikaku__other {
    margin-top: 0.8rem;
  }
  .c-form-shikaku__input {
    flex: 1;
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-form-shikaku__list {
    margin: -1.2rem;
  }
  .c-form-shikaku__item {
    margin: 1.2rem;
  }
  .c-form-shikaku__radio {
    margin-right: 3rem;
  }
}
/*---------- START COMPONENT FORM COMMENT ----------*/
@media only screen and (max-width: 767px) {
  .c-form-comment .c-textarea {
    height: 18rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-form-comment .c-textarea {
    height: 24rem;
  }
}
/*---------- START COMPONENT FORM CONFIRM ----------*/
.c-form-confirm__text {
  margin-top: var(--spacing-sp-10-pc-20);
}

/*---------- START COMPONENT FORM SUBMIT ----------*/
@media only screen and (max-width: 767px) {
  .c-form-submit .c-form-btn {
    width: 100%;
    margin-bottom: 2.5rem;
    text-align: center;
  }
  .c-form-submit .c-form-btn:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .c-form-submit {
    display: flex;
    text-align: center;
    justify-content: space-around;
  }
  .c-form-submit .c-form-btn {
    width: 46rem;
  }
}
/*====================================================================================
12. START SECTION PRIVACY POLICY.
====================================================================================*/
.p-pp {
  position: relative;
  z-index: 100;
  padding: var(--spacing-sp-55-pc-110) 0 var(--spacing-sp-60-pc-120) 0;
  background-color: var(--theme-color-octonary);
}
.p-pp .c-heading {
  margin-bottom: var(--spacing-sp-25-pc-50);
}
.p-pp__desc {
  margin-bottom: var(--spacing-sp-20-pc-40);
}
.p-pp__inner {
  background-color: var(--theme-color-secondary);
}

@media only screen and (max-width: 767px) {
  .p-pp__inner .c-list-block-pp {
    padding: 3rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-pp__inner .c-list-block-pp {
    padding: 4rem;
  }
}
/*---------- START LIST BLOCK PRIVACY POLICY ----------*/
@media only screen and (max-width: 767px) {
  .c-list-block-pp .c-block-pp:not(:first-child) {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-list-block-pp .c-block-pp:not(:first-child) {
    margin-top: 4rem;
  }
}
/*---------- START BLOCK PRIVACY POLICY ----------*/
.c-block-pp__title, .c-block-pp__subtitle {
  font-weight: 700;
}
.c-block-pp__title {
  margin-bottom: var(--spacing-sp-10-pc-15);
  font-family: var(--theme-font-jp-secondary);
}
.c-block-pp__subtitle {
  margin-top: var(--spacing-sp-15-pc-20);
}

@media only screen and (max-width: 767px) {
  .c-block-pp__title {
    padding: 0.5rem 0 0.5rem 1rem;
    border-left: 0.5rem solid var(--color-red-500);
    font-size: 1.6rem;
  }
  .c-block-pp__subtitle {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-block-pp__title {
    padding: 0.8rem 0 0.8rem 1.5rem;
    border-left: 0.8rem solid var(--color-red-500);
    font-size: 1.8rem;
  }
  .c-block-pp__subtitle {
    font-size: 1.6rem;
  }
}