@charset "UTF-8";
/* c-breadcrumb */
.c-breadcrumb {
  padding: 26.666px 0;
  padding: 1.6666666667rem 0;
  position: relative;
  max-width: 1253.333px;
  max-width: 78.3333333333rem;
  position: absolute;
  right: 0;
  top: 169.777px;
  top: 10.6111111111rem;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb {
    position: static;
    text-align: end;
  }
}

.c-breadcrumb__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb__items {
    display: block;
  }
}

.c-breadcrumb__item {
  font-size: 11.555px;
  font-size: 0.7222222222rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb__item {
    display: inline-block;
    font-size: 0.6666666667rem;
    letter-spacing: 0.05em;
  }
}
.c-breadcrumb__item:not(:first-child) {
  margin-left: 28.444px;
  margin-left: 1.7777777778rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb__item:not(:first-child) {
    margin-left: 0.8333333333rem;
  }
}
.c-breadcrumb__item:not(:first-child)::before {
  position: absolute;
  content: "/";
  top: 0;
  left: -17.777px;
  left: -1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb__item:not(:first-child)::before {
    left: -0.6666666667rem;
  }
}
.c-breadcrumb__item a {
  color: #0086a3;
  text-decoration: underline;
  text-underline-offset: 7.111px;
  text-underline-offset: 0.4444444444rem;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb__item a {
    text-underline-offset: 0.1666666667rem;
  }
}
#en .c-breadcrumb__item {
  letter-spacing: 0.03em;
  word-spacing: 0.08em;
}

/* c-btn */
.c-btn {
  display: block;
  width: 368.888px;
  width: 23.0555555556rem;
  max-width: 100%;
  font-size: 14.222px;
  font-size: 0.8888888889rem;
  font-weight: 800;
  letter-spacing: normal;
  border: 0.888px solid #0086a3;
  border: 0.0555555556rem solid #0086a3;
  background: #0086a3;
  border-radius: 2.4444444444rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
}
.c-btn::before, .c-btn::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  z-index: 1;
}
.c-btn:before {
  width: 53.333px;
  width: 3.3333333333rem;
  height: 53.333px;
  height: 3.3333333333rem;
  border-radius: 50%;
  background: #0086a3;
  right: 12.444px;
  right: 0.7777777778rem;
}
@media screen and (max-width: 768px) {
  .c-btn:before {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.c-btn::after {
  width: 17.777px;
  width: 1.1111111111rem;
  height: 10.666px;
  height: 0.6666666667rem;
  background: url(../img/common/white-arrow_icon.png) no-repeat center/contain;
  right: 31.111px;
  right: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .c-btn::after {
    width: 1rem;
    height: 0.5555555556rem;
    right: 1.5rem;
  }
}
.c-btn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2.4444444444rem;
  width: 100%;
  min-height: 78.222px;
  min-height: 4.8888888889rem;
  padding: 8.888px 35.555px;
  padding: 0.5555555556rem 2.2222222222rem;
  will-change: transform;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-btn span {
    font-size: 0.8333333333rem;
    min-height: 3.8888888889rem;
    padding: 0.5555555556rem 1.6666666667rem;
  }
}
.c-btn span::before {
  position: absolute;
  content: "";
  will-change: transform;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #fff;
  width: 100%;
  border-radius: 2.4444444444rem;
  height: 100%;
  -webkit-transition: position 200ms 0s ease-out;
  transition: position 200ms 0s ease-out;
  pointer-events: none;
}
.c-btn:hover {
  color: #fff;
  opacity: 1;
}
.c-btn:hover::before {
  background: #fff;
}
.c-btn:hover::after {
  background: url(../img/common/blue-arrow_icon_001.png) no-repeat center/contain;
}
.c-btn:hover span::before {
  left: 100%;
  -webkit-transition: all 0.25s ease-out 0s;
  transition: all 0.25s ease-out 0s;
}

.c-btn--back::after {
  width: 31.111px;
  width: 1.9444444444rem;
  height: 20.444px;
  height: 1.2777777778rem;
  background: url(../img/common/white-back-link_icon.png) no-repeat center/contain;
  right: 23.111px;
  right: 1.4444444444rem;
}
@media screen and (max-width: 768px) {
  .c-btn--back::after {
    width: 1.3888888889rem;
    height: 0.8333333333rem;
    right: 1.3888888889rem;
  }
}
.c-btn--back:hover::after {
  background: url(../img/common/blue-back-link_icon.png) no-repeat center/contain;
}

/* c-card */
/* c-category */
.c-category span,
.c-category a {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 1rem;
  border: 0.888px solid #0086a3;
  border: 0.0555555556rem solid #0086a3;
  padding: 1.777px 24.888px 3.555px;
  padding: 0.1111111111rem 1.5555555556rem 0.2222222222rem;
  margin-right: 6.222px;
  margin-right: 0.3888888889rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c-category span,
  .c-category a {
    font-size: 0.7222222222rem;
    margin-right: 0.2777777778rem;
    padding: 0.1111111111rem 0.6666666667rem 0.1666666667rem;
  }
}
.c-category span,
.c-category a.js-active {
  color: #fff;
  background: #0086a3;
}
.c-category a {
  color: #0086a3;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
.c-category a:hover {
  opacity: 1;
  color: #fff;
  background: #0086a3;
}

/* c-entitle */
.c-entitle {
  font-family: "Poppins", sans-serif;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.2em;
  margin-bottom: 13.333px;
  margin-bottom: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .c-entitle {
    font-size: 1rem;
    margin-bottom: 0.2777777778rem;
  }
}

/* c-heading */
.c-heading {
  font-size: 49.777px;
  font-size: 3.1111111111rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.17em;
}
@media screen and (max-width: 768px) {
  .c-heading {
    font-size: 1.5555555556rem;
  }
}

/* c-headline */
.c-headline {
  text-align: center;
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.3;
  color: #0086a3;
}
@media screen and (max-width: 768px) {
  .c-headline {
    font-size: 1.3333333333rem;
  }
}
.c-headline span {
  font-size: 30.222px;
  font-size: 1.8888888889rem;
}
@media screen and (max-width: 768px) {
  .c-headline span {
    font-size: 0.8888888889rem;
  }
}

#en .c-headline {
  letter-spacing: 0;
  word-spacing: 0.08em;
}

/* c-lead */
.c-lead {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.78;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-lead {
    text-align: left;
    font-size: 0.8333333333rem;
  }
}

/* c-link */
.c-link {
  display: block;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.33;
  border-radius: 0.8888888889rem;
  background: #fff;
  border: 0.888px solid #cbdce2;
  border: 0.0555555556rem solid #cbdce2;
  position: relative;
  -webkit-transition: background 0.3s, border 0.3s, color 0.3s;
  transition: background 0.3s, border 0.3s, color 0.3s;
}
@media screen and (max-width: 768px) {
  .c-link {
    font-size: 0.8333333333rem;
  }
}
.c-link::before, .c-link::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-link::before {
  width: 44.444px;
  width: 2.7777777778rem;
  height: 44.444px;
  height: 2.7777777778rem;
  border-radius: 50%;
  background: #e5f3f6;
  right: 19.555px;
  right: 1.2222222222rem;
  -webkit-transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, color 0.3s;
  transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 768px) {
  .c-link::before {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.c-link::after {
  width: 17.777px;
  width: 1.1111111111rem;
  height: 9.777px;
  height: 0.6111111111rem;
  background: url(../img/common/blue-arrow_icon_002.png) no-repeat center/contain;
  right: 32px;
  right: 2rem;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (max-width: 768px) {
  .c-link::after {
    width: 1rem;
    height: 0.5555555556rem;
  }
}
.c-link:hover {
  opacity: 1;
  color: #0086a3;
  border: 0.888px solid transparent;
  border: 0.0555555556rem solid transparent;
  background: #e5f3f6;
}
.c-link:hover::before {
  background: #fff;
  -webkit-transform: translateY(-50%) scale(1.2);
          transform: translateY(-50%) scale(1.2);
}
.c-link:hover:after {
  background: url(../img/common/blue-arrow_icon_001.png) no-repeat center/contain;
}
.c-link span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 97.777px;
  min-height: 6.1111111111rem;
  padding: 8.888px 71.111px 8.888px 90px;
  padding: 0.5555555556rem 4.4444444444rem 0.5555555556rem 90px;
}
@media screen and (max-width: 1000px) {
  .c-link span {
    padding-left: 80px;
  }
}
@media screen and (max-width: 768px) {
  .c-link span {
    min-height: 4.4444444444rem;
    padding: 0.5555555556rem 4.4444444444rem 0.5555555556rem 6.6666666667rem;
  }
}
.c-link__text {
  color: #0086a3;
}

/* c-more */
.c-more {
  display: inline-block;
  color: #0086a3;
  letter-spacing: 0.05em;
  padding-right: 38.222px;
  padding-right: 2.3888888889rem;
  position: relative;
}
.c-more::before, .c-more::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  width: 1rem;
  height: 7.111px;
  height: 0.4444444444rem;
  background: url(../img/common/white-arrow_icon.png) no-repeat center/contain;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  z-index: 1;
}
.c-more::before {
  right: 7.111px;
  right: 0.4444444444rem;
}
.c-more::after {
  opacity: 0;
  right: 7.111px;
  right: 0.4444444444rem;
  -webkit-transform: translateX(-2.1111111111rem) translateY(-50%);
          transform: translateX(-2.1111111111rem) translateY(-50%);
}
.c-more span {
  display: inline-block;
  padding: 1.777px 0;
  padding: 0.1111111111rem 0;
  position: relative;
}
.c-more span:before, .c-more span::after {
  position: absolute;
  content: "";
}
.c-more span::before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.888px;
  height: 0.0555555556rem;
  background: #0086a3;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.c-more span::after {
  width: 26.666px;
  width: 1.6666666667rem;
  height: 26.666px;
  height: 1.6666666667rem;
  background: #0086a3;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -37.333px;
  right: -2.3333333333rem;
}
.c-more:hover {
  opacity: 1;
}
.c-more:hover::before {
  -webkit-animation: transformBefore 0.5s;
          animation: transformBefore 0.5s;
}
.c-more:hover::after {
  -webkit-animation: transformAfter 0.5s;
          animation: transformAfter 0.5s;
}
.c-more:hover span::before {
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
}

@-webkit-keyframes transformBefore {
  0% {
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(2.1111111111rem) translateY(-50%);
            transform: translateX(2.1111111111rem) translateY(-50%);
    opacity: 0;
  }
}

@keyframes transformBefore {
  0% {
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(2.1111111111rem) translateY(-50%);
            transform: translateX(2.1111111111rem) translateY(-50%);
    opacity: 0;
  }
}
@-webkit-keyframes transformAfter {
  0% {
    -webkit-transform: translateX(-2.1111111111rem) translateY(-50%);
            transform: translateX(-2.1111111111rem) translateY(-50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
}
@keyframes transformAfter {
  0% {
    -webkit-transform: translateX(-2.1111111111rem) translateY(-50%);
            transform: translateX(-2.1111111111rem) translateY(-50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
}
.c-pagetop {
  position: fixed;
  right: 26.666px;
  right: 1.6666666667rem;
  bottom: 26.666px;
  bottom: 1.6666666667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 88.888px;
  width: 5.5555555556rem;
  height: 88.888px;
  height: 5.5555555556rem;
  background: #fff;
  -webkit-box-shadow: 6px 6px 0px 0px #cccccc;
          box-shadow: 6px 6px 0px 0px #cccccc;
  border: solid 2px #e8e8e8;
  border-radius: 50%;
  color: #0086a3;
  font-family: "Poppins", sans-serif;
  font-size: 12.444px;
  font-size: 0.7777777778rem;
  font-weight: bold;
  cursor: pointer;
  opacity: 0;
  line-height: 2;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .c-pagetop {
    right: 1.1111111111rem;
    bottom: 1.1111111111rem;
    width: 4.4444444444rem;
    height: 4.4444444444rem;
    font-size: 0.6666666667rem;
    -webkit-box-shadow: 4px 4px 0px 0px #cccccc;
            box-shadow: 4px 4px 0px 0px #cccccc;
  }
}
.c-pagetop__arrow {
  display: inline-block;
  vertical-align: middle;
  color: #0086a3;
  line-height: 1;
  position: relative;
  width: 12.444px;
  width: 0.7777777778rem;
  height: 12.444px;
  height: 0.7777777778rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .c-pagetop__arrow {
    width: 0.5555555556rem;
    height: 0.5555555556rem;
  }
}
.c-pagetop__arrow::before, .c-pagetop__arrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
.c-pagetop__arrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
}
.c-pagetop__arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 3px;
}
.c-pagetop.hover:hover {
  -webkit-transform: translate(6px, 6px);
          transform: translate(6px, 6px);
  -webkit-box-shadow: 1px 1px 0px 0px #cccccc;
          box-shadow: 1px 1px 0px 0px #cccccc;
}
.c-pagetop.is-show {
  opacity: 1;
}

/* c-subheading */
.c-subheading {
  text-align: center;
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.1em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-subheading {
    font-size: 1.3333333333rem;
  }
}
.c-subheading::before {
  position: absolute;
  font-family: "Poppins", sans-serif;
  font-size: 115.555px;
  font-size: 7.2222222222rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  color: rgba(6, 121, 148, .05);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .c-subheading::before {
    font-size: 3.3333333333rem;
  }
}

#en .c-subheading {
  letter-spacing: 0.03em;
  word-spacing: 0.08em;
}

/* c-subheadline */
.c-subheadline {
  text-align: center;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 0.05em;
  color: #0086a3;
}
@media screen and (max-width: 768px) {
  .c-subheadline {
    font-size: 1.2222222222rem;
  }
}

/* c-subtitle */
.c-subtitle {
  text-align: center;
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding-bottom: 12.444px;
  padding-bottom: 0.7777777778rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-subtitle {
    font-size: 1.1111111111rem;
  }
}

/* c-text */
.c-text {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-text {
    font-size: 0.8333333333rem;
    line-height: 1.75;
  }
}

.c-title {
  font-size: 42.666px;
  font-size: 2.6666666667rem;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .c-title {
    font-size: 1.5555555556rem;
  }
}

#en .c-title {
  letter-spacing: 0;
  word-spacing: 0.08em;
}

/* c-unit */
.c-unit__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 333.333px;
  min-height: 20.8333333333rem;
  background: #f2f2f0;
  border-radius: 1.6666666667rem;
  padding: 31.111px 17.777px 17.777px;
  padding: 1.9444444444rem 1.1111111111rem 1.1111111111rem;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-unit__inner {
    min-height: unset;
    padding: 1.6666666667rem 1.3888888889rem 3.8888888889rem;
  }
}
.c-unit__inner::before, .c-unit__inner::after {
  position: absolute;
  content: "";
}
.c-unit__inner::before {
  width: 53.333px;
  width: 3.3333333333rem;
  height: 53.333px;
  height: 3.3333333333rem;
  background: #fff;
  border-radius: 50%;
  right: 21.333px;
  right: 1.3333333333rem;
  bottom: 22.222px;
  bottom: 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .c-unit__inner::before {
    width: 1.6666666667rem;
    height: 1.6666666667rem;
    right: 0.8333333333rem;
    bottom: 0.8333333333rem;
  }
}
.c-unit__inner::after {
  width: 16px;
  width: 1rem;
  height: 8.888px;
  height: 0.5555555556rem;
  bottom: 44.444px;
  bottom: 2.7777777778rem;
  right: 40px;
  right: 2.5rem;
  background: url(../img/common/blue-arrow_icon_001.png) no-repeat center/contain;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-unit__inner::after {
    width: 0.7777777778rem;
    height: 0.3333333333rem;
    bottom: 1.5rem;
    background-size: cover;
    right: 1.2777777778rem;
  }
}
.c-unit__inner:hover {
  opacity: 1;
  background: #0086a3;
}
.c-unit__inner:hover .c-unit__title {
  color: #fff;
}
.c-unit__inner:hover .c-unit__text {
  color: #fff;
}

.c-unit__title {
  text-align: center;
  font-size: 24.888px;
  font-size: 1.5555555556rem;
  font-weight: 700;
  color: #0086a3;
  line-height: 1.28;
  letter-spacing: 0.05em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .c-unit__title {
    font-size: 1.1111111111rem;
    white-space: wrap;
  }
  .c-unit__title br {
    display: none;
  }
}

.c-unit__img {
  max-width: 100%;
  margin: 0 auto;
}

.c-unit__text {
  letter-spacing: normal;
  font-size: 14.222px;
  font-size: 0.8888888889rem;
  line-height: 1.875;
  margin-top: 21.333px;
  margin-top: 1.3333333333rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .c-unit__text {
    font-size: 0.8333333333rem;
  }
}

.c-unit__category {
  text-align: left;
  margin-top: auto;
}
.c-unit__category span {
  display: inline-block;
  font-size: 10.666px;
  font-size: 0.6666666667rem;
  color: #0086a3;
  letter-spacing: normal;
  border-radius: 0.6666666667rem;
  border: 0.888px solid #0086a3;
  border: 0.0555555556rem solid #0086a3;
  background: #e5f3f6;
  padding: 1.777px 8.888px;
  padding: 0.1111111111rem 0.5555555556rem;
  margin-right: 4.444px;
  margin-right: 0.2777777778rem;
}

/* リキッドレイアウト対応 */
html {
  font-size: 16px;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  html {
    font-size: 1.125vw;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 18px;
  }
}

/* 基本スタイル */
html {
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  font-weight: 500;
  line-height: 1.5;
}

/* pcの電話番号発信対応 */
a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: unset;
  }
}

/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  a:hover {
    opacity: 1;
  }
}

button {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
button:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  button:hover {
    opacity: 1;
  }
}

#en > * {
  letter-spacing: 0 !important;
}

#en h1,
#en h2,
#en h3,
#en h4,
#en h5,
#en h6 {
  letter-spacing: 0;
}
#en p {
  letter-spacing: 0;
}
#en a {
  letter-spacing: 0;
}
#en dl,
#en dd,
#en dt {
  letter-spacing: 0;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default type */
ul,
ol {
  list-style: none;
}

li,
dd {
  list-style-type: none;
}

/* Remove default margin padding */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* Make images easier to work with */
img {
  display: block;
  width: 100%;
  height: auto;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  margin-right: 8px;
  margin-right: 0.5rem;
  scale: 1.2;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

button {
  padding: 0;
}

/* l-footer　*/
/* l-header */
.l-inner {
  width: 100%;
  max-width: 1410px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .l-inner {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* l-main */
.l-main {
  overflow: hidden;
}

/* l-page */
.l-page {
  padding-top: 88.888px;
  padding-top: 5.5555555556rem;
}
@media screen and (max-width: 768px) {
  .l-page {
    padding-top: 2.2222222222rem;
  }
}

/* l-section */
.l-section {
  padding: 106.666px 0;
  padding: 6.6666666667rem 0;
}
@media screen and (max-width: 768px) {
  .l-section {
    padding: 3.3333333333rem 0;
  }
}
.l-section:nth-child(even) {
  background: #f8f7f8;
}
.l-section:last-of-type {
  padding-bottom: 106.666px;
  padding-bottom: 6.6666666667rem;
}
@media screen and (max-width: 768px) {
  .l-section:last-of-type {
    padding-bottom: 3.3333333333rem;
  }
}
.l-section--last {
  padding-bottom: 400px !important;
  padding-bottom: 25rem !important;
}
@media screen and (max-width: 768px) {
  .l-section--last {
    padding-bottom: 12.2222222222rem !important;
  }
}

/* p-business */
.p-business {
  padding-bottom: 59.555px;
  padding-bottom: 3.7222222222rem;
}

.p-business__text {
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-business__text {
    margin-top: 1.1111111111rem;
  }
}

.p-business__category {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .p-business__category {
    margin-top: 2.2222222222rem;
  }
}

.p-business__units {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-business__units {
    margin-top: 2.2222222222rem;
  }
}
.p-business__units .c-unit .c-unit__inner {
  min-height: 333.333px;
  min-height: 20.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-business__units .c-unit .c-unit__inner {
    min-height: unset;
  }
}
.p-business__units .c-unit .c-unit__img {
  width: 311.111px;
  width: 19.4444444444rem;
  margin: 13.333px auto 0;
  margin: 0.8333333333rem auto 0;
  margin-top: auto;
}
@media screen and (max-width: 500px) {
  .p-business__units .c-unit.p-units__item {
    width: 100%;
  }
}

.p-business__img {
  width: 257.777px;
  width: 16.1111111111rem;
  max-width: 100%;
  margin-left: auto;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-business__img {
    width: 8.3333333333rem;
    margin-top: 2.2222222222rem;
  }
}

.p-business-cta {
  background: #e5f3f6;
  width: 888.888px;
  width: 55.5555555556rem;
  max-width: 100%;
  margin: 17.777px auto 0;
  margin: 1.1111111111rem auto 0;
  padding: 44.444px;
  padding: 2.7777777778rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 53.333px;
  gap: 3.3333333333rem;
  border-radius: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-business-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6666666667rem;
    padding: 1.3888888889rem;
  }
}
.p-business-cta h3 {
  font-size: 19.555px;
  font-size: 1.2222222222rem;
  font-weight: bold;
  margin-bottom: 17.777px;
  margin-bottom: 1.1111111111rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-business-cta .p-business-cta__title-tel {
  position: relative;
}
.p-business-cta .p-business-cta__title-tel::before {
  content: "";
  display: block;
  width: 35.555px;
  width: 2.2222222222rem;
  height: 35.555px;
  height: 2.2222222222rem;
  background: url("../img/common/icon_tel.png") no-repeat;
  background-size: cover;
  margin: 0 8.888px 0 0;
  margin: 0 0.5555555556rem 0 0;
}
.p-business-cta .p-business-cta__title-mail {
  position: relative;
}
.p-business-cta .p-business-cta__title-mail::before {
  content: "";
  display: block;
  width: 35.555px;
  width: 2.2222222222rem;
  height: 35.555px;
  height: 2.2222222222rem;
  background: url("../img/common/icon_mail.png") no-repeat;
  background-size: cover;
  margin: 0 8.888px 0 0;
  margin: 0 0.5555555556rem 0 0;
}
.p-business-cta__note {
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  margin-top: 4.444px;
  margin-top: 0.2777777778rem;
}
.p-business-cta__tel {
  font-size: 23.111px;
  font-size: 1.4444444444rem;
  font-weight: bold;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
.p-business-cta .p-inquiry__btn {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
  margin-left: 0;
  border: 1px solid #f66d03;
}
.p-business-cta .p-business-cta__tel + .p-business-cta__title {
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
.p-business-cta .p-business-cta__title + .p-business-cta__tel {
  margin-top: 0;
}

.l-section:nth-child(even) .p-business-cta {
  background: #fff;
}

.p-business__links .c-link span {
  min-height: 71.111px;
  min-height: 4.4444444444rem;
  padding-left: 22.222px;
  padding-left: 1.3888888889rem;
}

#en .p-business__section {
  padding: 106.666px 0;
  padding: 6.6666666667rem 0;
}
@media screen and (max-width: 768px) {
  #en .p-business__section {
    padding: 3.3333333333rem 0;
  }
}
#en .p-business__section:nth-of-type(odd) {
  background: #f8f7f8;
}
#en .p-business__section:nth-of-type(odd) .p-products-base__item {
  background: #f8f7f8;
}
#en .p-business__section:nth-of-type(odd) .p-products-base__item-textbox-sub {
  background: #fff;
}
#en .p-business__section:last-of-type {
  padding-bottom: 106.666px;
  padding-bottom: 6.6666666667rem;
}
@media screen and (max-width: 768px) {
  #en .p-business__section:last-of-type {
    padding-bottom: 3.3333333333rem;
  }
}
#en .p-products-base__item-img {
  padding: 0;
}
#en .p-home_electronic_recycle .p-products-base__item-border {
  border: none;
}
#en .p-business__anchor .p-links {
  -webkit-column-gap: 0.2777777778rem;
     -moz-column-gap: 0.2777777778rem;
          column-gap: 0.2777777778rem;
  row-gap: 4.444px;
  row-gap: 0.2777777778rem;
}
#en .p-business__anchor .p-links__item {
  width: calc(16.66667% - 0.23148rem);
}
@media screen and (max-width: 768px) {
  #en .p-business__anchor .p-links__item {
    width: 100%;
  }
}
#en .p-business__anchor .p-links__item span {
  background: none;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #en .p-business__anchor .p-links__item span {
    padding: 0.5555555556rem;
  }
}
#en .p-business__anchor .c-link {
  letter-spacing: 0;
}
#en .p-business__anchor .c-link span {
  min-height: 66.666px;
  min-height: 4.1666666667rem;
  max-width: 177.777px;
  max-width: 11.1111111111rem;
  padding: 8.888px;
  padding: 0.5555555556rem;
  font-size: 12.444px;
  font-size: 0.7777777778rem;
}
@media screen and (max-width: 768px) {
  #en .p-business__anchor .c-link span {
    min-height: 4.4444444444rem;
    padding: 1.1111111111rem;
    max-width: none;
  }
}
#en .p-business__anchor .c-link::after {
  content: "";
  display: block;
  width: 5.777px;
  width: 0.3611111111rem;
  height: 5.777px;
  height: 0.3611111111rem;
  border-top: 1.777px solid #8eb6c3;
  border-top: 0.1111111111rem solid #8eb6c3;
  border-right: 1.777px solid #8eb6c3;
  border-right: 0.1111111111rem solid #8eb6c3;
  position: absolute;
  right: 14.222px;
  right: 0.8888888889rem;
  top: calc(50% - 0.36111rem);
  -webkit-transform: rotate(135deg) translateY(-50%);
          transform: rotate(135deg) translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: none;
}
#en .p-business__anchor .c-link::before {
  content: "";
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  background-color: #e5f3f6;
  border-radius: 0.5rem;
  position: absolute;
  right: 7.111px;
  right: 0.4444444444rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#en .p-business__anchor .c-link:hover {
  opacity: 1;
  color: #0086a3;
}
#en .p-business__anchor .c-link:hover::after {
  border-color: #fff;
}
#en .p-business__anchor .c-link:hover::before {
  background-color: #0086a3;
}
#en .p-solution {
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  #en .p-solution {
    margin-top: 2.2222222222rem;
  }
}

.p-business--border + .p-business--border {
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
  padding-top: 53.333px;
  padding-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-business--border + .p-business--border {
    margin-top: 2.2222222222rem;
    padding-top: 2.2222222222rem;
  }
}

#en .p-confidential_documents .p-products__body {
  width: 100%;
}

/* p-products */
.p-products__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-products__inner {
    display: block;
    margin-bottom: 3.3333333333rem;
  }
}

.p-products__img-wrapper {
  width: 47%;
}
@media screen and (max-width: 768px) {
  .p-products__img-wrapper {
    width: 100%;
    margin-top: 1.1111111111rem;
  }
}

.p-products__bg-gray {
  background: #f8f7f8;
}

.p-products__bg-white {
  background: #fff !important;
}

.p-products__img img {
  border-radius: 1.1111111111rem;
}

.p-products__caption {
  letter-spacing: 0.05em;
  margin-top: 4.444px;
  margin-top: 0.2777777778rem;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-products__caption {
    font-size: 0.8333333333rem;
  }
}

.p-products__body {
  width: 49%;
}
@media screen and (max-width: 768px) {
  .p-products__body {
    width: 100%;
  }
}

.p-products__subtitle {
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-products__subtitle {
    font-size: 1.3333333333rem;
  }
}

.p-products__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.78;
  letter-spacing: 0.05em;
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-products__text {
    font-size: 0.8333333333rem;
    margin-top: 1.1111111111rem;
  }
}

.p-products__figure {
  width: 1102.222px;
  width: 68.8888888889rem;
  max-width: 100%;
  margin: 44.444px auto 0;
  margin: 2.7777777778rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-products__figure {
    margin-top: 2.2222222222rem;
  }
}
.p-products__figure--auto img {
  width: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-products__figure--auto img {
    max-width: 100%;
  }
}

.p-products__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-products__items {
    display: block;
    margin-top: 2.2222222222rem;
  }
}

.p-products__items--two {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-products__items--two .p-products__item {
  width: 486.222px;
  width: 30.3888888889rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-products__items--two .p-products__item {
    width: 100%;
  }
}
.p-products__items--two .p-products__item:nth-child(2) {
  margin-left: 38.222px;
  margin-left: 2.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-products__items--two .p-products__item:nth-child(2) {
    margin-left: 0;
    margin-top: 2.2222222222rem;
  }
}

.p-products__item {
  width: calc(33.33333% - 1.74074rem);
}
@media screen and (max-width: 768px) {
  .p-products__item {
    width: 100%;
  }
  .p-products__item + .p-products__item {
    margin-top: 2.2222222222rem;
  }
}
.p-products__item:not(:nth-child(3n+1)) {
  margin-left: 41.777px;
  margin-left: 2.6111111111rem;
}
@media screen and (max-width: 768px) {
  .p-products__item:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}

.p-products__item-img img {
  border-radius: 1.3888888889rem;
}

.p-products__item-title {
  text-align: center;
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  margin-top: 19.555px;
  margin-top: 1.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-products__item-title {
    font-size: 1rem;
  }
}

.p-products__item-text {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-products__item-text {
    font-size: 0.8333333333rem;
  }
}

.p-products__accordion {
  width: 1013.333px;
  width: 63.3333333333rem;
  max-width: 100%;
  margin: 71.111px auto 0;
  margin: 4.4444444444rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-products__accordion {
    margin-top: 2.2222222222rem;
  }
}

.p-products__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 1013.333px;
  width: 63.3333333333rem;
  max-width: 100%;
  margin: 64px auto 0;
  margin: 4rem auto 0;
  gap: 41.777px;
  gap: 2.6111111111rem;
}
@media screen and (max-width: 768px) {
  .p-products__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1111111111rem;
  }
}

.p-products__card-inner {
  display: block;
  border-radius: 1.3888888889rem;
}
.p-products__card-inner:hover {
  opacity: 1;
}
.p-products__card-inner:hover .p-products__card-title {
  color: #0086a3;
}
.p-products__card-inner:hover .p-products__card-text::before {
  background: #0086a3;
}
.p-products__card-inner:hover .p-products__card-text::after {
  background: url(../img/common/white-arrow_icon.png) no-repeat center/contain;
}

.p-products__card-img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1.3888888889rem 1.3888888889rem 0 0;
  background: #e5f3f6;
  padding: 30.222px 0 35.555px;
  padding: 1.8888888889rem 0 2.2222222222rem;
}

.p-products__card-img {
  width: 156.444px;
  width: 9.7777777778rem;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-products__card-img {
    width: 6.6666666667rem;
  }
}
@media screen and (max-width: 500px) {
  .p-products__card-img {
    width: 4.4444444444rem;
  }
}

.p-products__card-body {
  background: #fff;
  border-radius: 0 0 1.3888888889rem 1.3888888889rem;
  padding: 26.666px 22.222px 33.777px;
  padding: 1.6666666667rem 1.3888888889rem 2.1111111111rem;
}

.p-products__card-title {
  text-align: center;
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  -webkit-transform: color 0.3s;
          transform: color 0.3s;
}
@media screen and (max-width: 768px) {
  .p-products__card-title {
    font-size: 1.1111111111rem;
  }
}
@media screen and (max-width: 500px) {
  .p-products__card-title {
    font-size: 0.8888888889rem;
  }
}

.p-products__card-text {
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.1em;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
  padding-right: 45.333px;
  padding-right: 2.8333333333rem;
  position: relative;
}
@media screen and (max-width: 500px) {
  .p-products__card-text {
    font-size: 0.7777777778rem;
    padding-right: 1.6666666667rem;
  }
}
.p-products__card-text::before, .p-products__card-text:after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.p-products__card-text::before {
  width: 35.555px;
  width: 2.2222222222rem;
  height: 35.555px;
  height: 2.2222222222rem;
  background: #e5f3f6;
  border-radius: 50%;
  right: 0;
}
@media screen and (max-width: 500px) {
  .p-products__card-text::before {
    width: 1.6666666667rem;
    height: 1.6666666667rem;
  }
}
.p-products__card-text::after {
  width: 14.222px;
  width: 0.8888888889rem;
  height: 8.888px;
  height: 0.5555555556rem;
  right: 10.666px;
  right: 0.6666666667rem;
  background: url(../img/common/blue-arrow_icon_001.png) no-repeat center/contain;
}
@media screen and (max-width: 500px) {
  .p-products__card-text::after {
    width: 0.6666666667rem;
    height: 0.4444444444rem;
    right: 0.5rem;
  }
}

.p-products-base__items {
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-products-base__items {
    margin-top: 2.2222222222rem;
  }
}

.p-products-base__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-products-base__item {
    display: block;
  }
}
.p-products-base__item + .p-products-base__item {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-products-base__item + .p-products-base__item {
    margin-top: 3.3333333333rem;
  }
}

.p-products-base__item-border {
  border: 1px solid #d6d6d6;
}

.p-products-base__item-img {
  width: 35.5%;
  padding: 16px 0 16px 16px;
  padding: 1rem 0 1rem 1rem;
}
@media screen and (max-width: 768px) {
  .p-products-base__item-img {
    width: 100%;
    padding: 0;
  }
}

.p-products-base__item-img-sub {
  width: 35.5%;
}
@media screen and (max-width: 768px) {
  .p-products-base__item-img-sub {
    width: 100%;
    padding: 0;
  }
}

.p-products-base__item-body {
  width: 64%;
  padding: 32px;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  .p-products-base__item-body {
    width: 100%;
    padding: 1rem;
  }
}

.p-products-base__item-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  margin-bottom: 17.777px;
  margin-bottom: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-products-base__item-title {
    font-size: 1.1111111111rem;
  }
}

.p-products-base__item-title-sub {
  font-weight: 700;
  letter-spacing: 0.05em;
  background-color: #0086a3;
  color: #fff;
  padding-left: 17.777px;
  padding-left: 1.1111111111rem;
}

.p-products-base__item-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-products-base__item-text {
    font-size: 0.8333333333rem;
  }
}

.p-products-base__item-textbox {
  background-color: #f8f7f8;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
  margin-bottom: 17.777px;
  margin-bottom: 1.1111111111rem;
}

.p-products-base__item-textbox-sub {
  padding: 16px 48px;
  padding: 1rem 3rem;
}
@media screen and (max-width: 768px) {
  .p-products-base__item-textbox-sub {
    padding: 1rem 1rem;
  }
}

.p-products-base__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-products-base__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-products-base__list + .p-products-base__list {
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
.p-products-base__list + .p-products-base__item-text {
  margin-top: 16px;
  margin-top: 1rem;
}
.p-products-base__list dt {
  font-weight: bold;
}
.p-products-base__list dt::after {
  content: "：";
  margin-left: 4.444px;
  margin-left: 0.2777777778rem;
  margin-right: 4.444px;
  margin-right: 0.2777777778rem;
}

.p-products__results-text {
  font-size: 24.888px;
  font-size: 1.5555555556rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.04em;
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-products__results-text {
    font-size: 1.0555555556rem;
  }
}

.p-products__note {
  font-size: 13.333px;
  font-size: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-products__note {
    font-size: 0.7222222222rem;
  }
}
.p-products__note--right {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-products__note--right {
    text-align: left;
  }
}

/* p-economy */
.p-economy__text {
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-economy__text {
    margin-top: 1.3888888889rem;
  }
}

.p-economy__header {
  padding-bottom: 91.555px;
  padding-bottom: 5.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-economy__header {
    padding-bottom: 3.3333333333rem;
  }
}

.p-economy__item-wrapper {
  border-radius: 2.2222222222rem;
  background: #e5f3f6;
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
  padding: 97.777px 106.666px 93.333px;
  padding: 6.1111111111rem 6.6666666667rem 5.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-economy__item-wrapper {
    border-radius: 1.1111111111rem;
    margin-top: 2.2222222222rem;
    padding: 2.2222222222rem 1.1111111111rem;
  }
}

.p-economy__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -22.222px;
  margin-top: -1.3888888889rem;
}
.p-economy__item {
  width: calc(25% - 2.08333rem);
  margin-top: 22.222px;
  margin-top: 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-economy__item {
    width: calc(50% - 0.55556rem);
  }
}
.p-economy__item:not(:nth-child(4n+1)) {
  margin-left: 44.444px;
  margin-left: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-economy__item:not(:nth-child(4n+1)) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-economy__item:not(:nth-child(2n+1)) {
    margin-left: 1.1111111111rem;
  }
}

.p-economy__item-text {
  text-align: center;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 11.555px;
  margin-top: 0.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-economy__item-text {
    font-size: 0.8888888889rem;
    margin-top: 0.4444444444rem;
  }
}

.p-economy__content {
  background: #f8f8f8;
  padding: 93.333px 0 95.111px;
  padding: 5.8333333333rem 0 5.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-economy__content {
    padding: 3.3333333333rem 0;
  }
}

.p-economy__units {
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-economy__units {
    margin-top: 2.7777777778rem;
  }
}

.p-economy__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-economy__unit {
    display: block;
  }
}
.p-economy__unit:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.p-economy__unit + .p-economy__unit {
  margin-top: 67.555px;
  margin-top: 4.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit + .p-economy__unit {
    margin-top: 3.3333333333rem;
  }
}

.p-economy__unit-texts {
  width: 45%;
  padding-bottom: 26.666px;
  padding-bottom: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-texts {
    width: 100%;
    padding-bottom: 0;
  }
}

.p-economy__unit-title {
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-title {
    font-size: 1.1111111111rem;
  }
}

.p-economy__unit-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.78;
  letter-spacing: 0.05em;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-text {
    font-size: 0.8333333333rem;
    margin-top: 0.8333333333rem;
  }
}

.p-economy__unit-btn {
  margin-top: 75.555px;
  margin-top: 4.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-btn {
    margin-top: 2.2222222222rem;
  }
}

.p-economy__unit-body {
  width: 50%;
  background: #fff;
  border-radius: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-body {
    width: 100%;
    border-radius: 1.1111111111rem;
    margin-top: 2.2222222222rem;
  }
}

.p-economy__unit-items {
  padding: 53.333px 25.777px 71.111px;
  padding: 3.3333333333rem 1.6111111111rem 4.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-items {
    padding: 1.6666666667rem 1.1111111111rem;
  }
}

.p-economy__unit-item + .p-economy__unit-item {
  padding-top: 35.555px;
  padding-top: 2.2222222222rem;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
  border-top: 1.777px solid #dae8eb;
  border-top: 0.1111111111rem solid #dae8eb;
}
.p-economy__unit-item:first-child .p-economy__unit-part::before {
  top: 62.222px;
  top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-item:first-child .p-economy__unit-part::before {
    top: -2.2222222222rem;
  }
}
.p-economy__unit-item:first-child .p-economy__unit-part:first-child .p-economy__unit-part-img {
  width: 98.666px;
  width: 6.1666666667rem;
}
.p-economy__unit-item:first-child .p-economy__unit-part:nth-child(2) .p-economy__unit-part-img {
  width: 76.444px;
  width: 4.7777777778rem;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-item:first-child .p-economy__unit-part:nth-child(2) .p-economy__unit-part-img {
    margin-top: 0;
  }
}
.p-economy__unit-item:first-child .p-economy__unit-part:nth-child(3) .p-economy__unit-part-img {
  width: 96.888px;
  width: 6.0555555556rem;
}
.p-economy__unit-item:nth-child(2) .p-economy__unit-part::before {
  top: 31.111px;
  top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-item:nth-child(2) .p-economy__unit-part::before {
    top: -2.2222222222rem;
  }
}
.p-economy__unit-item:nth-child(2) .p-economy__unit-part:first-child .p-economy__unit-part-img {
  width: 128px;
  width: 8rem;
  margin-bottom: 22.222px;
  margin-bottom: 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-item:nth-child(2) .p-economy__unit-part:first-child .p-economy__unit-part-img {
    margin-bottom: 0;
  }
}
.p-economy__unit-item:nth-child(2) .p-economy__unit-part:nth-child(2)::before {
  left: -13.333px;
  left: -0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-item:nth-child(2) .p-economy__unit-part:nth-child(2)::before {
    left: 50%;
  }
}
.p-economy__unit-item:nth-child(2) .p-economy__unit-part:nth-child(2) .p-economy__unit-part-img {
  width: 86.222px;
  width: 5.3888888889rem;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-item:nth-child(2) .p-economy__unit-part:nth-child(2) .p-economy__unit-part-img {
    margin-top: 0;
  }
}
.p-economy__unit-item:nth-child(2) .p-economy__unit-part:nth-child(3)::before {
  left: -26.666px;
  left: -1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-item:nth-child(2) .p-economy__unit-part:nth-child(3)::before {
    left: 50%;
  }
}
.p-economy__unit-item:nth-child(2) .p-economy__unit-part:nth-child(3) .p-economy__unit-part-img {
  width: 134.222px;
  width: 8.3888888889rem;
  margin-bottom: 17.777px;
  margin-bottom: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-item:nth-child(2) .p-economy__unit-part:nth-child(3) .p-economy__unit-part-img {
    margin-bottom: 0;
  }
}

.p-economy__unit-subtitle {
  text-align: center;
  font-size: 18.666px;
  font-size: 1.1666666667rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-subtitle {
    font-size: 1rem;
  }
}

.p-economy__unit-parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-parts {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .p-economy__unit-parts img {
    width: 100%;
  }
}

.p-economy__unit-part {
  min-width: 142.222px;
  min-width: 8.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-part {
    min-width: unset;
    width: 100%;
  }
}
.p-economy__unit-part + .p-economy__unit-part {
  margin-left: 26.666px;
  margin-left: 1.6666666667rem;
  position: relative;
}
.p-economy__unit-part + .p-economy__unit-part::before {
  position: absolute;
  content: "";
  width: 13.333px;
  width: 0.8333333333rem;
  height: 20.444px;
  height: 1.2777777778rem;
  background: url(../img/circular-economy/arrow_icon.png) no-repeat center/contain;
  left: -17.777px;
  left: -1.1111111111rem;
}

.p-economy__unit-part-img {
  max-width: 100%;
  margin: 0 auto;
}

.p-economy__unit-part-text {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.05em;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-part-text {
    font-size: 0.8888888889rem;
  }
}

.p-economy__unit-img {
  padding: 41.777px 21.333px 35.555px;
  padding: 2.6111111111rem 1.3333333333rem 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-economy__unit-img {
    padding: 1.6666666667rem 0.8333333333rem;
  }
}

.p-economy__footer {
  padding: 75.555px 0 94.222px;
  padding: 4.7222222222rem 0 5.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-economy__footer {
    padding: 3.3333333333rem 0 5.5555555556rem;
  }
}

.p-economy__boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 66.666px;
  margin-top: 4.1666666667rem;
  gap: 53.333px;
  gap: 3.3333333333rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-economy__boxes {
    display: block;
    margin-top: 2.2222222222rem;
  }
}

.p-economy__box {
  width: 47.5%;
  background: #e5f3f6;
  border-radius: 2.2222222222rem;
  padding: 53.333px 46.222px 62.222px;
  padding: 3.3333333333rem 2.8888888889rem 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-economy__box {
    width: 100%;
    padding: 1.6666666667rem 1.1111111111rem;
  }
  .p-economy__box + .p-economy__box {
    margin-top: 1.1111111111rem;
  }
}

.p-economy__box-title {
  text-align: center;
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  color: #0086a3;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-economy__box-title {
    font-size: 1.1111111111rem;
  }
}
.p-economy__box-title span {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-economy__box-title span {
    font-size: 0.8888888889rem;
  }
}

.p-economy__box-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-economy__box-imgs {
    margin-top: 1.6666666667rem;
  }
}

.p-economy__box-img:first-child {
  width: 45%;
}
.p-economy__box-img:nth-child(2) {
  width: 51%;
}
.p-economy__box-img img + img {
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}

#en .c-breadcrumb.p-circular-economy {
  width: 533.333px;
  width: 33.3333333333rem;
}
@media screen and (max-width: 768px) {
  #en .c-breadcrumb.p-circular-economy {
    width: auto;
  }
}
#en .c-breadcrumb.p-circular-economy .c-breadcrumb__items {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 8.888px;
  row-gap: 0.5555555556rem;
}

/* p-horizontal */
.p-horizontal__header {
  padding-bottom: 99.555px;
  padding-bottom: 6.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__header {
    padding-bottom: 3.3333333333rem;
  }
}

.p-horizontal__item-wrapper {
  position: relative;
}

.p-horizontal__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-horizontal__items {
    display: block;
    margin-top: 2.2222222222rem;
  }
}

.p-horizontal__item {
  width: 46%;
  background: #e5f4f6;
  border-radius: 1.1111111111rem;
  padding: 31.111px 31.111px 31.111px;
  padding: 1.9444444444rem 1.9444444444rem 1.9444444444rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-horizontal__item {
    width: 100%;
    padding: 1.6666666667rem 1.1111111111rem;
  }
  .p-horizontal__item + .p-horizontal__item {
    margin-top: 1.1111111111rem;
  }
}
.p-horizontal__item::before {
  position: absolute;
  content: "";
  width: 320.888px;
  width: 20.0555555556rem;
  height: 404.444px;
  height: 25.2777777778rem;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-horizontal__item::before {
    display: none;
  }
}
.p-horizontal__item:nth-child(odd) {
  margin-top: 88.888px;
  margin-top: 5.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__item:nth-child(odd) {
    margin-top: 1.1111111111rem;
  }
}
.p-horizontal__item:nth-child(odd)::before {
  background: url(../img/circular-economy/border_icon_001.png) no-repeat center/contain;
  right: -177.777px;
  right: -11.1111111111rem;
  top: 124.444px;
  top: 7.7777777778rem;
}
.p-horizontal__item:nth-child(even) {
  margin-top: 346.666px;
  margin-top: 21.6666666667rem;
  margin-bottom: -346.666px;
  margin-bottom: -21.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__item:nth-child(even) {
    margin-top: 1.1111111111rem;
    margin-bottom: 0;
  }
}
.p-horizontal__item:nth-child(even)::before {
  background: url(../img/circular-economy/border_icon_002.png) no-repeat center/contain;
  left: -177.777px;
  left: -11.1111111111rem;
  top: 160px;
  top: 10rem;
}
.p-horizontal__item:last-child::before {
  display: none;
}

.p-horizontal__item-number {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.1em;
}

.p-horizontal__item-title {
  text-align: center;
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__item-title {
    font-size: 1.2222222222rem;
  }
}

.p-horizontal__item-text {
  line-height: 1.875;
  letter-spacing: 0.05em;
  min-height: 80px;
  min-height: 5rem;
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__item-text {
    min-height: unset;
    margin-top: 1.1111111111rem;
  }
}

.p-horizontal__item-img {
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__item-img {
    margin-top: 1.1111111111rem;
  }
}
.p-horizontal__item-img img {
  border-radius: 1.1111111111rem;
}

.p-horizontal__subimg {
  position: absolute;
  right: 0;
  top: 80px;
  top: 5rem;
  width: 275.555px;
  width: 17.2222222222rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-horizontal__subimg {
    position: static;
    width: 13.8888888889rem;
    margin: 2.2222222222rem 0 0 auto;
  }
}

.p-horizontal__box {
  width: 1048.888px;
  width: 65.5555555556rem;
  max-width: 100%;
  background: #fff;
  border-radius: 1.1111111111rem;
  margin: 44.444px auto 0;
  margin: 2.7777777778rem auto 0;
  padding: 57.777px 46.222px 71.111px;
  padding: 3.6111111111rem 2.8888888889rem 4.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__box {
    padding: 2.2222222222rem 1.1111111111rem;
    margin-top: 2.2222222222rem;
  }
}
.p-horizontal__box.bg-gray {
  background: #f8f8f8;
}

.p-horizontal__unit + .p-horizontal__unit {
  border-top: 1.777px solid #dae8eb;
  border-top: 0.1111111111rem solid #dae8eb;
  padding-top: 44.444px;
  padding-top: 2.7777777778rem;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__unit + .p-horizontal__unit {
    padding-top: 2.2222222222rem;
    margin-top: 2.2222222222rem;
  }
}
.p-horizontal__unit--noborder {
  border-top: none !important;
  padding-top: 0 !important;
}
.p-horizontal__unit:first-child .p-horizontal__enheading,
.p-horizontal__unit:first-child .p-horizontal__heading {
  color: #ccc;
}
.p-horizontal__unit:first-child .p-horizontal__img {
  width: 765.333px;
  width: 47.8333333333rem;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
.p-horizontal__unit:first-child .p-horizontal__part:not(:first-child)::before {
  top: 88.888px;
  top: 5.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__unit:first-child .p-horizontal__part:not(:first-child)::before {
    top: -2.2222222222rem;
  }
}
.p-horizontal__unit:first-child .p-horizontal__part:first-child .p-horizontal__part-img {
  width: 126.222px;
  width: 7.8888888889rem;
}
.p-horizontal__unit:first-child .p-horizontal__part:nth-child(2) .p-horizontal__part-img {
  width: 102.222px;
  width: 6.3888888889rem;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__unit:first-child .p-horizontal__part:nth-child(2) .p-horizontal__part-img {
    margin-top: 0;
  }
}
.p-horizontal__unit:first-child .p-horizontal__part:nth-child(3) .p-horizontal__part-img {
  width: 124.444px;
  width: 7.7777777778rem;
}
.p-horizontal__unit:first-child .p-horizontal__part-text {
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
.p-horizontal__unit:nth-child(2) .p-horizontal__enheading,
.p-horizontal__unit:nth-child(2) .p-horizontal__heading {
  color: #0086a3;
}
.p-horizontal__unit:nth-child(2) .p-horizontal__img {
  width: 765.333px;
  width: 47.8333333333rem;
}
.p-horizontal__unit:nth-child(2) .p-horizontal__part:not(:first-child)::before {
  top: 35.555px;
  top: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__unit:nth-child(2) .p-horizontal__part:not(:first-child)::before {
    top: -2.2222222222rem;
  }
}
.p-horizontal__unit:nth-child(2) .p-horizontal__part:first-child .p-horizontal__part-img {
  width: 164.444px;
  width: 10.2777777778rem;
}
.p-horizontal__unit:nth-child(2) .p-horizontal__part:nth-child(2)::before {
  left: -22.222px;
  left: -1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__unit:nth-child(2) .p-horizontal__part:nth-child(2)::before {
    left: 50%;
  }
}
.p-horizontal__unit:nth-child(2) .p-horizontal__part:nth-child(2) .p-horizontal__part-img {
  width: 111.111px;
  width: 6.9444444444rem;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__unit:nth-child(2) .p-horizontal__part:nth-child(2) .p-horizontal__part-img {
    margin-top: 0;
  }
}
.p-horizontal__unit:nth-child(2) .p-horizontal__part:nth-child(3)::before {
  left: -44.444px;
  left: -2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__unit:nth-child(2) .p-horizontal__part:nth-child(3)::before {
    left: 50%;
  }
}
.p-horizontal__unit:nth-child(2) .p-horizontal__part:nth-child(3) .p-horizontal__part-img {
  width: 172.444px;
  width: 10.7777777778rem;
}
.p-horizontal__unit:nth-child(2) .p-horizontal__part-text {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__unit:nth-child(2) .p-horizontal__part-text {
    margin-top: 0.5555555556rem;
  }
}

.p-horizontal__enheading {
  font-family: "Poppins", sans-serif;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 768px) {
  .p-horizontal__enheading {
    font-size: 0.8888888889rem;
    letter-spacing: 0.2em;
  }
}

.p-horizontal__heading {
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-horizontal__heading {
    font-size: 1.2222222222rem;
  }
}

.p-horizontal__img {
  max-width: 100%;
  margin: 0 auto;
}

.p-horizontal__subtitle {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0086a3;
  line-height: 1.11;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-horizontal__subtitle {
    font-size: 1.1111111111rem;
    line-height: 1.3;
  }
}

.p-horizontal__parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__parts {
    display: block;
  }
}

.p-horizontal__part {
  min-width: 168.888px;
  min-width: 10.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__part {
    min-width: unset;
    margin: 0 auto;
  }
}
.p-horizontal__part + .p-horizontal__part {
  margin-left: 53.333px;
  margin-left: 3.3333333333rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-horizontal__part + .p-horizontal__part {
    margin-top: 3.3333333333rem;
    margin-left: auto;
  }
}
.p-horizontal__part + .p-horizontal__part::before {
  position: absolute;
  content: "";
  width: 22.222px;
  width: 1.3888888889rem;
  height: 25.777px;
  height: 1.6111111111rem;
  background: url(../img/circular-economy/arrow_icon.png) no-repeat center/contain;
  left: -35.555px;
  left: -2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-horizontal__part + .p-horizontal__part::before {
    width: 1.1111111111rem;
    height: 1.3333333333rem;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
}

.p-horizontal__part-img {
  max-width: 100%;
  margin: 0 auto;
}

.p-horizontal__part-text {
  text-align: center;
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-horizontal__part-text {
    font-size: 1rem;
  }
}

/* p-info */
.p-info {
  height: 478.222px;
  height: 29.8888888889rem;
  background: url(../img/circular-economy/recycle_bg.png) no-repeat center/cover;
  position: relative;
}
@media screen and (max-width: 1800px) {
  .p-info {
    height: 22.2222222222rem;
  }
}
@media screen and (max-width: 768px) {
  .p-info {
    height: auto;
    padding: 3.3333333333rem 0;
  }
}

.p-info__body {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  top: -293.333px;
  top: -18.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-info__body {
    position: static;
    -webkit-transform: unset;
            transform: unset;
    margin-top: -11.1111111111rem;
  }
}

.p-info__title {
  text-align: center;
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-info__title {
    font-size: 1.3333333333rem;
  }
}

.p-info__box {
  background: #fff;
  border-radius: 1.1111111111rem;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
  padding: 57.777px 92.444px 57.777px 71.111px;
  padding: 3.6111111111rem 5.7777777778rem 3.6111111111rem 4.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-info__box {
    margin-top: 1.1111111111rem;
    padding: 2.2222222222rem 1.1111111111rem;
  }
}

.p-info__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-info__inner {
    display: block;
  }
}

.p-info__texts {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .p-info__texts {
    width: 100%;
  }
}

.p-info__subtitle {
  font-size: 28.444px;
  font-size: 1.7777777778rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0086a3;
}
@media screen and (max-width: 768px) {
  .p-info__subtitle {
    font-size: 1.1111111111rem;
  }
}

.p-info__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.78;
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-info__text {
    font-size: 0.8333333333rem;
    margin-top: 1.1111111111rem;
  }
}

.p-info__more-wrapper {
  text-align: right;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
  padding-right: 17.777px;
  padding-right: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-info__more-wrapper {
    padding-right: 0;
    margin-top: 1.3888888889rem;
  }
}

.p-info__img {
  width: 28%;
}
@media screen and (max-width: 768px) {
  .p-info__img {
    width: 11.1111111111rem;
    max-width: 100%;
    margin: 2.2222222222rem auto 0;
  }
}

/* p-local */
.p-local__header {
  padding-bottom: 128.888px;
  padding-bottom: 8.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-local__header {
    padding-bottom: 3.3333333333rem;
  }
}

.p-local__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-local__items {
    display: block;
    margin-top: 2.2222222222rem;
  }
}

.p-local__item {
  position: relative;
}
.p-local__item:first-child {
  width: 63%;
  padding-top: 35.555px;
  padding-top: 2.2222222222rem;
  padding-left: 35.555px;
  padding-left: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-local__item:first-child {
    width: 100%;
    padding: 0;
  }
}
.p-local__item:nth-child(2) {
  width: 33.5%;
  padding-top: 155.555px;
  padding-top: 9.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-local__item:nth-child(2) {
    width: 100%;
    padding: 0;
    margin-top: 2.2222222222rem;
  }
}
@media screen and (max-width: 768px) {
  .p-local__item:nth-child(2) .p-local__item-img {
    margin-top: 0.8333333333rem;
  }
}

.p-local__item-texts {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 133.333px;
  width: 8.3333333333rem;
  height: 133.333px;
  height: 8.3333333333rem;
  background: #f9f9f9;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-local__item-texts {
    position: static;
    width: 5.5555555556rem;
    height: 5.5555555556rem;
  }
}

.p-local__item-entitle {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 0.15em;
  color: #0086a3;
}
@media screen and (max-width: 768px) {
  .p-local__item-entitle {
    font-size: 0.7777777778rem;
  }
}

.p-local__item-title {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 1.777px;
  margin-top: 0.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-local__item-title {
    font-size: 0.8888888889rem;
    line-height: 1.3;
    margin-top: 0;
  }
}

.p-local__box {
  width: 1051.555px;
  width: 65.7222222222rem;
  max-width: 100%;
  margin: 53.333px auto 0;
  margin: 3.3333333333rem auto 0;
  background: #fff;
  border-radius: 1.1111111111rem;
  padding: 53.333px 17.777px;
  padding: 3.3333333333rem 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-local__box {
    margin-top: 2.2222222222rem;
    padding: 1.6666666667rem 1.1111111111rem;
  }
}
.p-local__box.bg-blue {
  background: #e5f3f6;
}

.p-local__img {
  width: 728.888px;
  width: 45.5555555556rem;
  max-width: 100%;
  margin: 0 auto;
}

.p-local__caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12.444px;
  font-size: 0.7777777778rem;
  line-height: 1.71;
  letter-spacing: 0.05em;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-local__caption {
    display: block;
    margin-top: 1.6666666667rem;
  }
}
#en .local__text {
  margin-top: 71.111px;
  margin-top: 4.4444444444rem;
}
@media screen and (max-width: 768px) {
  #en .local__text {
    margin-top: 0.2777777778rem;
  }
}
#en .p-local__item-title {
  font-size: 14.222px;
  font-size: 0.8888888889rem;
}
@media screen and (max-width: 768px) {
  #en .p-local__item-title {
    font-size: 0.6111111111rem;
  }
}
#en .p-local__item-img img {
  width: auto;
}
@media screen and (max-width: 1800px) {
  #en .p-local__item-img img {
    width: 100%;
  }
}

/* p-recycle */
.p-recycle__heading {
  text-align: center;
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-recycle__heading {
    font-size: 1.3333333333rem;
  }
}

.p-recycle__subtitle {
  margin-top: 71.111px;
  margin-top: 4.4444444444rem;
  font-size: 23.111px;
  font-size: 1.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-recycle__subtitle {
    font-size: 1rem;
    margin-top: 2.2222222222rem;
  }
}

.p-recycle__text {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-recycle__text {
    margin-top: 1.1111111111rem;
  }
}

.p-recycle__items {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-recycle__items {
    margin-top: 2.2222222222rem;
  }
}

.p-recycle__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-recycle__item {
    display: block;
  }
}
.p-recycle__item + .p-recycle__item {
  margin-top: 78.222px;
  margin-top: 4.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-recycle__item + .p-recycle__item {
    margin-top: 2.2222222222rem;
  }
}

.p-recycle__item-img {
  width: 35.5%;
}
@media screen and (max-width: 768px) {
  .p-recycle__item-img {
    width: 100%;
  }
}
.p-recycle__item-img img {
  border-radius: 1.1111111111rem;
}

.p-recycle__item-body {
  width: 61%;
  padding-top: 8.888px;
  padding-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-recycle__item-body {
    width: 100%;
    padding-top: 0;
    margin-top: 1.1111111111rem;
  }
}

.p-recycle__item-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-recycle__item-title {
    font-size: 1rem;
  }
}

.p-recycle__item-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.78;
  margin-top: 22.222px;
  margin-top: 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-recycle__item-text {
    font-size: 0.8333333333rem;
    margin-top: 0.8333333333rem;
  }
}

#en .p-recycle__item-list li {
  position: relative;
  padding-left: 24px;
  padding-left: 1.5rem;
}
#en .p-recycle__item-list li::before {
  position: absolute;
  content: "●";
  top: 0;
  left: 0;
  color: #0086a3;
}

/* p-accordion */
.p-accordion {
  border-top: 0.888px solid #b6cbd3;
  border-top: 0.0555555556rem solid #b6cbd3;
}

.p-accordion__item {
  border-bottom: 0.888px solid #b6cbd3;
  border-bottom: 0.0555555556rem solid #b6cbd3;
}

.p-accordion__item-header {
  cursor: pointer;
  padding: 26.666px 0;
  padding: 1.6666666667rem 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-accordion__item-header {
    padding: 1.1111111111rem 0;
  }
}
.p-accordion__item-header::after, .p-accordion__item-header::before {
  position: absolute;
  content: "";
  width: 20.444px;
  width: 1.2777777778rem;
  height: 2.666px;
  height: 0.1666666667rem;
  background: #0086a3;
  top: 50%;
  right: 17.777px;
  right: 1.1111111111rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-accordion__item-header::after, .p-accordion__item-header::before {
    width: 1rem;
    height: 0.1111111111rem;
    right: 0;
  }
}
.p-accordion__item-header::before {
  top: 48%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.p-accordion__item-header.active::before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.p-accordion__item-question,
.p-accordion__item-answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.05em;
}
.p-accordion__item-question span,
.p-accordion__item-answer span {
  display: inline-block;
  width: 40px;
  width: 2.5rem;
  min-width: 40px;
  min-width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Poppins", sans-serif;
  font-size: 19.555px;
  font-size: 1.2222222222rem;
  font-weight: 700;
  border-radius: 50%;
  margin-right: 26.666px;
  margin-right: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-accordion__item-question span,
  .p-accordion__item-answer span {
    width: 1.9444444444rem;
    min-width: 1.9444444444rem;
    height: 1.9444444444rem;
    font-size: 1rem;
    margin-right: 0.6666666667rem;
  }
}

.p-accordion__item-question {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.33;
  font-weight: 700;
  color: #0086a3;
  padding-right: 53.333px;
  padding-right: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-accordion__item-question {
    font-size: 0.8888888889rem;
    padding-right: 1.6666666667rem;
  }
}
.p-accordion__item-question span {
  color: #fff;
  background: #0086a3;
}

.p-accordion__item-body {
  display: none;
}

.p-accordion__item-answer {
  line-height: 1.875;
  font-weight: 400;
  padding-bottom: 26.666px;
  padding-bottom: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-accordion__item-answer {
    font-size: 0.8333333333rem;
    padding-bottom: 1.1111111111rem;
  }
}
.p-accordion__item-answer span {
  color: #0086a3;
  background: #e5f3f6;
}
.p-accordion__item-answer a {
  color: #0086a3;
  text-decoration: underline;
}
.p-accordion__item-answer a:hover {
  text-decoration: none;
}

/* p-box */
@media screen and (max-width: 768px) {
  .p-box {
    background: #e5f3f6;
  }
}
.p-box .p-flow__item:not(:last-child) {
  padding-bottom: 53.333px;
  padding-bottom: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-box .p-flow__item:not(:last-child) {
    padding-bottom: 1.1111111111rem;
  }
}
.p-box .p-flow__item-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  margin-left: 38.222px;
  margin-left: 2.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-box .p-flow__item-text {
    font-size: 0.8333333333rem;
    margin-left: 1.1111111111rem;
  }
}

.p-box__body {
  width: 622.222px;
  width: 38.8888888889rem;
  max-width: 100%;
  position: relative;
  min-height: 688.888px;
  min-height: 43.0555555556rem;
  padding: 88.888px 0;
  padding: 5.5555555556rem 0;
}
@media screen and (max-width: 768px) {
  .p-box__body {
    min-height: unset;
    width: 100%;
    padding: 3.3333333333rem 0;
  }
}

.p-box__img-wrapper {
  position: absolute;
  top: 58%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 533.333px;
  width: 33.3333333333rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-box__img-wrapper {
    position: static;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    margin: 2.2222222222rem auto 0;
  }
}

.p-box__img img {
  border-radius: 1.1111111111rem;
}

.p-box__caption {
  letter-spacing: 0.05em;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-box__caption {
    font-size: 0.8333333333rem;
  }
}

.p-box__title {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  color: #0086a3;
  line-height: 1.33;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-box__title {
    font-size: 1.3333333333rem;
  }
}

.p-box__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-box__text {
    font-size: 0.8333333333rem;
    margin-top: 1.1111111111rem;
  }
}

.p-box__flow {
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-box__flow {
    margin-top: 2.2222222222rem;
  }
}

.p-box__subtext {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-box__subtext {
    font-size: 0.8333333333rem;
  }
}

#en .p-flow__item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#en .p-flow__item-body {
  margin-bottom: 0.888px;
  margin-bottom: 0.0555555556rem;
}

/* p-boxes */
.p-boxes__item {
  position: relative;
}
.p-boxes__item::before {
  position: absolute;
  content: "";
  top: 0%;
  height: 100%;
  background: #e5f3f6;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-boxes__item::before {
    display: none;
  }
}
.p-boxes__item:nth-child(odd)::before {
  width: 74%;
  left: 0;
  border-radius: 0 6.9444444444rem 6.9444444444rem 0;
}
.p-boxes__item:nth-child(odd) .p-box__img-wrapper {
  right: -595.555px;
  right: -37.2222222222rem;
}
.p-boxes__item:nth-child(even)::before {
  width: 76%;
  right: 0;
  border-radius: 6.9444444444rem 0 0 6.9444444444rem;
}
.p-boxes__item:nth-child(even) .p-box__body {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-boxes__item:nth-child(even) .p-box__body {
    margin-left: 0;
  }
}
.p-boxes__item:nth-child(even) .p-box__img-wrapper {
  left: -595.555px;
  left: -37.2222222222rem;
}
.p-boxes__item:nth-child(even) .p-box__caption {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-boxes__item:nth-child(even) .p-box__caption {
    text-align: left;
  }
}
.p-boxes__item + .p-boxes__item {
  margin-top: 111.111px;
  margin-top: 6.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-boxes__item + .p-boxes__item {
    margin-top: 5.5555555556rem;
  }
}

/* p-cards */
.p-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* p-drawer */
.p-drawer {
  position: fixed;
  z-index: 20;
  top: -17.777px;
  top: -1.1111111111rem;
  left: 0;
  text-align: center;
  background: #fff;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100vw;
  height: 100vh;
  padding: 53.333px 17.777px;
  padding: 3.3333333333rem 1.1111111111rem;
}
.p-drawer.active {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  overflow: auto;
}

.p-drawer__item {
  text-align: center;
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
}
.p-drawer__item a {
  display: block;
  padding: 13.333px 0;
  padding: 0.8333333333rem 0;
  text-align: left;
}

.p-drawer__subitem {
  display: none;
  padding: 0 4.444px 26.666px;
  padding: 0 0.2777777778rem 1.6666666667rem;
}
.p-drawer__subitem-toplevel {
  position: relative;
  padding-left: 21.333px;
  padding-left: 1.3333333333rem;
}
.p-drawer__subitem-toplevel::after {
  content: "";
  display: block;
  background: url("../img/common/submenu_arrow_top.png");
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  background-size: cover;
  line-height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-drawer__subitem ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13.333px;
  gap: 0.8333333333rem;
}
.p-drawer__subitem ul li {
  position: relative;
}
.p-drawer__subitem ul li a {
  position: relative;
  padding: 0;
  padding-left: 21.333px;
  padding-left: 1.3333333333rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-drawer__subitem ul li a::after {
  content: "";
  display: block;
  width: 5.777px;
  width: 0.3611111111rem;
  height: 5.777px;
  height: 0.3611111111rem;
  border-top: 1.777px solid #8eb6c3;
  border-top: 0.1111111111rem solid #8eb6c3;
  border-right: 1.777px solid #8eb6c3;
  border-right: 0.1111111111rem solid #8eb6c3;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 1.777px;
  left: 0.1111111111rem;
  top: 46%;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-drawer__subitem ul li a::before {
  content: "";
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  background-color: #e5f3f6;
  border-radius: 0.5rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-drawer__accordion > a {
  display: block;
  position: relative;
}
.p-drawer__accordion > a::before {
  content: "";
  display: block;
  width: 16px;
  width: 1rem;
  height: 1.777px;
  height: 0.1111111111rem;
  background-color: #0086a3;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-drawer__accordion > a::after {
  content: "";
  display: block;
  width: 16px;
  width: 1rem;
  height: 1.777px;
  height: 0.1111111111rem;
  background-color: #0086a3;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.p-drawer__accordion > a.open::after {
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-drawer__btns {
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 17.777px;
  gap: 1.1111111111rem;
}

.p-drawer__btn:first-child a {
  background: #0086a3;
}
.p-drawer__btn:nth-child(2) a {
  background: #f66d03;
}
.p-drawer__btn a {
  display: block;
  text-align: center;
  width: 133.333px;
  width: 8.3333333333rem;
  max-width: 100%;
  font-size: 12.444px;
  font-size: 0.7777777778rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
  border-radius: 1.1111111111rem;
  padding: 8.888px 8.888px;
  padding: 0.5555555556rem 0.5555555556rem;
  margin: 0 auto;
}

.p-drawer__language {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  font-weight: 700;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
  margin-right: 4.444px;
  margin-right: 0.2777777778rem;
}
.p-drawer__language--en {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  font-weight: 700;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
  margin-left: 4.444px;
  margin-left: 0.2777777778rem;
}
.p-drawer__language span {
  color: #0086a3;
}

#en .p-drawer__btn a {
  width: 168.888px;
  width: 10.5555555556rem;
}

/* p-flow */
.p-flow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-flow__item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.p-flow__item.p-flow__item--fstart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.p-flow__item:not(:last-child) {
  padding-bottom: 44.444px;
  padding-bottom: 2.7777777778rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-flow__item:not(:last-child) {
    padding-bottom: 1.1111111111rem;
  }
}
.p-flow__item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1.777px;
  width: 0.1111111111rem;
  height: 100%;
  background: #0086a3;
  bottom: 0;
  left: 32px;
  left: 2rem;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-flow__item:not(:last-child)::before {
    left: 1.6666666667rem;
  }
}

.p-flow__item-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 65.777px;
  width: 4.1111111111rem;
  min-width: 65.777px;
  min-width: 4.1111111111rem;
  height: 65.777px;
  height: 4.1111111111rem;
  font-family: "Poppins", sans-serif;
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 600;
  color: #0086a3;
  background: #fff;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-flow__item-number {
    width: 3.3333333333rem;
    min-width: 3.3333333333rem;
    height: 3.3333333333rem;
    font-size: 1.1111111111rem;
  }
}

.p-flow__item-body {
  margin-left: 17.777px;
  margin-left: 1.1111111111rem;
  margin-bottom: -35.555px;
  margin-bottom: -2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-flow__item-body {
    margin-bottom: 0;
  }
}
.p-flow__item-body .p-flow__item-text {
  margin-left: 0;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}

.p-flow__item-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-flow__item-title {
    font-size: 1.1111111111rem;
  }
}

.p-flow__item-text {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-left: 24px;
  margin-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-flow__item-text {
    font-size: 0.8333333333rem;
    margin-left: 1.1111111111rem;
  }
}

.p-flow__item-text--red {
  color: #ff0000;
  font-weight: bold;
}

/* p-fnav */
.p-fnav__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-fnav__wrapper {
    display: block;
    margin-top: 1.6666666667rem;
  }
}

@media screen and (max-width: 768px) {
  .p-fnav__item-wrapper + .p-fnav__item-wrapper {
    margin-top: 1.6666666667rem;
  }
}

.p-fnav__items + .p-fnav__items {
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-fnav__items + .p-fnav__items {
    margin-top: 1.6666666667rem;
  }
}
.p-fnav__items:nth-child(2) {
  margin-top: 66.666px;
  margin-top: 4.1666666667rem;
}
@media screen and (max-width: 768px) {
  .p-fnav__items:nth-child(2) {
    margin-top: 1.6666666667rem;
  }
}

.p-fnav__item {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #0086a3;
}
@media screen and (max-width: 768px) {
  .p-fnav__item {
    font-size: 0.8888888889rem;
  }
}
.p-fnav__item a {
  display: block;
}
.p-fnav__item a[target=_blank] span {
  display: inline-block;
}
.p-fnav__item a[target=_blank] span:first-of-type {
  background: url(../img/common/blue-link_icon.png) no-repeat center right/12.444px;
  background: url(../img/common/blue-link_icon.png) no-repeat center right/0.7777777778rem;
  padding-right: 14.222px;
  padding-right: 0.8888888889rem;
}
.p-fnav__item a[target=_blank] span:nth-of-type(2) {
  font-size: 12.444px;
  font-size: 0.7777777778rem;
  margin-left: -8.888px;
  margin-left: -0.5555555556rem;
}

.p-fnav__subitems {
  margin-top: 7.111px;
  margin-top: 0.4444444444rem;
}

.p-fnav__subitem {
  font-size: 12.444px;
  font-size: 0.7777777778rem;
  color: #555555;
  line-height: 1.86;
  letter-spacing: 0.05em;
}
.p-fnav__subitem a {
  display: block;
}

#en .p-fnav__items:nth-child(2) {
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  #en .p-fnav__items:nth-child(2) {
    margin-top: 1.6666666667rem;
  }
}

/* p-footer */
.p-footer .l-inner {
  max-width: 1182.222px;
  max-width: 73.8888888889rem;
}

.p-footer__content {
  background: url(../img/common/footer_bg.png) no-repeat center/cover;
  padding: 53.333px 0 66.666px;
  padding: 3.3333333333rem 0 4.1666666667rem;
}
@media screen and (max-width: 768px) {
  .p-footer__content {
    background: none;
    padding: 2.7777777778rem 0 1.6666666667rem;
  }
}

.p-footer__bottom {
  padding: 8.888px 0 8.888px;
  padding: 0.5555555556rem 0 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-footer__bottom {
    padding-top: 1.1111111111rem;
  }
}

.p-footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-footer__inner {
    display: block;
  }
}

.p-footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-footer__links {
    display: block;
  }
}

.p-footer__link {
  font-size: 12.444px;
  font-size: 0.7777777778rem;
  color: #838383;
  letter-spacing: 0.05em;
}
.p-footer__link a {
  display: block;
}
.p-footer__link + .p-footer__link {
  margin-left: 22.222px;
  margin-left: 1.3888888889rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-footer__link + .p-footer__link {
    margin-left: 0;
    margin-top: 0.5555555556rem;
  }
}
.p-footer__link + .p-footer__link::before {
  position: absolute;
  content: "｜";
  top: 0;
  left: -17.777px;
  left: -1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-footer__link + .p-footer__link::before {
    display: none;
  }
}

.p-footer__copyright {
  letter-spacing: 0.05em;
  color: #a9a9a9;
  margin-right: -35.555px;
  margin-right: -2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-footer__copyright {
    text-align: center;
    font-size: 0.8333333333rem;
    margin-right: 0;
    margin-top: 1.1111111111rem;
  }
}

/* p-form */
.p-form__text {
  text-align: center;
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .p-form__text {
    font-size: 1rem;
  }
}

.p-form__content {
  border-radius: 1.1111111111rem;
  background: rgba(248, 248, 248, .5);
  padding: 48.888px 139.555px 87.111px;
  padding: 3.0555555556rem 8.7222222222rem 5.4444444444rem;
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-form__content {
    margin-top: 1.1111111111rem;
    padding: 2.2222222222rem 1.1111111111rem;
  }
}

.p-form__flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-form__flow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 50%;
  background: #e5f3f6;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-form__flow-item {
    width: 3.3333333333rem;
    height: 3.3333333333rem;
    font-size: 0.8888888889rem;
  }
}
.p-form__flow-item.current {
  color: #fff;
  background: #0086a3;
}
.p-form__flow-item + .p-form__flow-item {
  margin-left: 66.666px;
  margin-left: 4.1666666667rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-form__flow-item + .p-form__flow-item {
    margin-left: 2.2222222222rem;
  }
}
.p-form__flow-item + .p-form__flow-item::before {
  position: absolute;
  content: "";
  height: 2.666px;
  height: 0.1666666667rem;
  width: 66.666px;
  width: 4.1666666667rem;
  background: #0086a3;
  top: 50%;
  left: -66.666px;
  left: -4.1666666667rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}

.p-form__items {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}

.p-form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-form__item {
    display: block;
  }
}
.p-form__item + .p-form__item {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-form__item + .p-form__item {
    margin-top: 2.2222222222rem;
  }
}
.p-form__item--half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8.888px;
  gap: 0.5555555556rem;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-form__item--half {
    gap: 0.4444444444rem;
  }
}
.p-form__item.p-form__item--address {
  width: 70%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .p-form__item.p-form__item--address {
    width: 100%;
  }
}

.p-form__item-label {
  width: 28%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-form__item-label {
    width: 100%;
  }
}
.p-form__item-label > span {
  display: inline-block;
  font-size: 12.444px;
  font-size: 0.7777777778rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: 0.2222222222rem;
  margin-right: 8.888px;
  margin-right: 0.5555555556rem;
  margin-top: 4.444px;
  margin-top: 0.2777777778rem;
  padding: 0 4.444px;
  padding: 0 0.2777777778rem;
}
.p-form__item-label > span.required {
  color: #fff;
  background: #e83250;
}
.p-form__item-label > span.optional {
  color: #888;
  border: 0.888px solid #888;
  border: 0.0555555556rem solid #888;
}
.p-form__item-label label {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .p-form__item-label label {
    font-size: 1rem;
  }
}
.p-form__item-label label span {
  font-size: 14.222px;
  font-size: 0.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-form__item-label label span {
    font-size: 0.8333333333rem;
  }
}

.p-form__item-input {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .p-form__item-input {
    width: 100%;
    margin-top: 0.8333333333rem;
  }
}
.p-form__item-input input[type=text],
.p-form__item-input input[type=tel],
.p-form__item-input input[type=email],
.p-form__item-input textarea {
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  background: #fff;
  border-radius: 0.2222222222rem;
  border: 1.777px solid #cbdce2;
  border: 0.1111111111rem solid #cbdce2;
  padding: 10.666px 16.888px;
  padding: 0.6666666667rem 1.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-form__item-input input[type=text],
  .p-form__item-input input[type=tel],
  .p-form__item-input input[type=email],
  .p-form__item-input textarea {
    font-size: 16px;
    padding: 0.5555555556rem 0.8333333333rem;
  }
}
.p-form__item-input input[type=text]::-webkit-input-placeholder,
.p-form__item-input input[type=tel]::-webkit-input-placeholder,
.p-form__item-input input[type=email]::-webkit-input-placeholder,
.p-form__item-input textarea::-webkit-input-placeholder {
  color: #a5b0b4;
}
.p-form__item-input input[type=text]::-moz-placeholder,
.p-form__item-input input[type=tel]::-moz-placeholder,
.p-form__item-input input[type=email]::-moz-placeholder,
.p-form__item-input textarea::-moz-placeholder {
  color: #a5b0b4;
}
.p-form__item-input input[type=text]::-ms-input-placeholder,
.p-form__item-input input[type=tel]::-ms-input-placeholder,
.p-form__item-input input[type=email]::-ms-input-placeholder,
.p-form__item-input textarea::-ms-input-placeholder {
  color: #a5b0b4;
}
.p-form__item-input input[type=text]::placeholder,
.p-form__item-input input[type=tel]::placeholder,
.p-form__item-input input[type=email]::placeholder,
.p-form__item-input textarea::placeholder {
  color: #a5b0b4;
}
.p-form__item-input input[type=text],
.p-form__item-input input[type=tel],
.p-form__item-input input[type=email] {
  height: 53.333px;
  height: 3.3333333333rem;
}
.p-form__item-input textarea {
  height: 110.222px;
  height: 6.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-form__item-input textarea {
    height: 5.5555555556rem;
    font-size: 16px;
  }
}
.p-form__item-input--horaizon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 35.555px;
  gap: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-form__item-input--horaizon {
    gap: 1.1111111111rem;
  }
}

.p-form__purpose textarea {
  display: block;
  width: 95%;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-form__purpose textarea {
    width: 100%;
    margin-left: 0;
  }
}

.p-form__service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-form__service {
    display: block;
  }
}
.p-form__service textarea {
  right: 0;
  bottom: 0;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
  width: 91%;
  margin-left: 9%;
}
@media screen and (max-width: 768px) {
  .p-form__service textarea {
    width: 100%;
    margin-left: 0;
    margin-top: 0.8333333333rem;
  }
}

.p-form__service-wrapper {
  width: 47%;
}
@media screen and (max-width: 768px) {
  .p-form__service-wrapper {
    width: 100%;
  }
}

.p-form__check {
  margin-top: -6.222px;
  margin-top: -0.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-form__check {
    margin-top: 0;
  }
}
.p-form__check label {
  display: block;
  margin-top: 6.222px;
  margin-top: 0.3888888889rem;
}

.p-form__privacy {
  text-align: center;
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-form__privacy {
    margin-top: 2.2222222222rem;
  }
}

.p-form__btn {
  font-size: 16px;
  font-size: 1rem;
  color: #333;
  margin: 44.444px auto 0;
  margin: 2.7777777778rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-form__btn {
    font-size: 0.8333333333rem;
  }
}

#en .p-form__flow-item {
  font-size: 13.333px;
  font-size: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  #en .p-form__flow-item {
    width: 4.4444444444rem;
    height: 4.4444444444rem;
    font-size: 0.7222222222rem;
  }
}
@media screen and (max-width: 768px) {
  #en .p-form__item--half {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* p-gnav */
.p-gnav__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-gnav__item {
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.p-gnav__item + .p-gnav__item {
  margin-left: 22.222px;
  margin-left: 1.3888888889rem;
}
.p-gnav__item a {
  display: inline-block;
  padding: 4.444px 0;
  padding: 0.2777777778rem 0;
}

/* p-hamburger */
.p-hamburger {
  display: block;
  position: absolute;
  z-index: 30;
  right: 35.555px;
  right: 2.2222222222rem;
  top: 17.777px;
  top: 1.1111111111rem;
  width: 24.888px;
  width: 1.5555555556rem;
  height: 26.666px;
  height: 1.6666666667rem;
  cursor: pointer;
  text-align: center;
}
.p-hamburger.active .p-hamburger__border {
  top: 7.111px;
  top: 0.4444444444rem;
}
.p-hamburger.active .p-hamburger__border:nth-child(1) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.p-hamburger.active .p-hamburger__border:nth-child(2), .p-hamburger.active .p-hamburger__border:nth-child(3) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.p-hamburger__border {
  display: block;
  position: absolute;
  width: 100%;
  height: 2.666px;
  height: 0.1666666667rem;
  left: 0;
  background: #333;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.p-hamburger__border:nth-child(1) {
  top: 0;
}
.p-hamburger__border:nth-child(2) {
  top: 8px;
  top: 0.5rem;
}
.p-hamburger__border:nth-child(3) {
  top: 16px;
  top: 1rem;
}

/* p-header */
.p-header {
  position: fixed;
  top: 35.555px;
  top: 2.2222222222rem;
  left: 50%;
  z-index: 10;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 71.111px;
  height: 4.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-header {
    top: 1.1111111111rem;
    height: 3.3333333333rem;
  }
}
@media print {
  .p-header {
    display: none;
  }
}
.p-header .l-inner {
  height: inherit;
  max-width: 1333.333px;
  max-width: 83.3333333333rem;
}

.p-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
  background: #fff;
  border-radius: 2.2222222222rem;
  -webkit-box-shadow: 3.5px 3.5px 0 0 rgba(0, 0, 0, .2);
          box-shadow: 3.5px 3.5px 0 0 rgba(0, 0, 0, .2);
  padding: 8.888px 26.666px 8.888px 44.444px;
  padding: 0.5555555556rem 1.6666666667rem 0.5555555556rem 2.7777777778rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-header__inner {
    padding: 0.5555555556rem 1.3888888889rem;
  }
}

.p-header__logo {
  width: 172.444px;
  width: 10.7777777778rem;
  max-width: 100%;
  margin-bottom: 4.444px;
  margin-bottom: 0.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-header__logo {
    width: 8.3333333333rem;
    margin-bottom: 0;
  }
}
.p-header__logo a {
  display: block;
}

.p-header__nav {
  margin-left: auto;
}

.p-header__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 32px;
  margin-left: 2rem;
}

.p-header__btn + .p-header__btn {
  margin-left: 11.555px;
  margin-left: 0.7222222222rem;
}
.p-header__btn:first-child a {
  background: #0086a3;
}
.p-header__btn:nth-child(2) a {
  background: #f66d03;
}
.p-header__btn a {
  display: block;
  text-align: center;
  width: 133.333px;
  width: 8.3333333333rem;
  max-width: 100%;
  font-size: 12.444px;
  font-size: 0.7777777778rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
  border-radius: 1.1111111111rem;
  padding: 8.888px 8.888px;
  padding: 0.5555555556rem 0.5555555556rem;
}

.p-header__lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-header__language {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  font-weight: 700;
  margin-left: 14.222px;
  margin-left: 0.8888888889rem;
  margin-right: 4.444px;
  margin-right: 0.2777777778rem;
}
.p-header__language--en {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  font-weight: 700;
  margin-left: 4.444px;
  margin-left: 0.2777777778rem;
}
.p-header__language span {
  color: #0086a3;
}

#en .p-header__btn a {
  width: 168.888px;
  width: 10.5555555556rem;
}
#en .p-header__logo {
  width: 222.222px;
  width: 13.8888888889rem;
  margin-bottom: 0;
}

/* p-inquiry */
.p-inquiry {
  background: #0086a3;
  padding: 80px 0 75.555px;
  padding: 5rem 0 4.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-inquiry {
    padding: 2.2222222222rem 0 3.8888888889rem;
  }
}

.p-inquiry__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-inquiry__inner {
    display: block;
  }
}

.p-inquiry__img {
  position: absolute;
  right: 4.444px;
  right: 0.2777777778rem;
  bottom: -80px;
  bottom: -5rem;
  width: 189.333px;
  width: 11.8333333333rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-inquiry__img {
    width: 4.4444444444rem;
    bottom: -4.1666666667rem;
  }
}

.p-inquiry__texts {
  padding-left: 31.111px;
  padding-left: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-inquiry__texts {
    padding-left: 0;
  }
}

.p-inquiry__title {
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-inquiry__title {
    font-size: 1.3333333333rem;
  }
}

.p-inquiry__text {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  color: #fff;
  letter-spacing: 0.05em;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-inquiry__text {
    font-size: 0.8888888889rem;
  }
}

.p-inquiry__btn {
  background: #f66d03;
  margin-left: 124.444px;
  margin-left: 7.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-inquiry__btn {
    margin: 1.6666666667rem auto 0;
  }
}
.p-inquiry__btn::before {
  background: #f66d03;
}
.p-inquiry__btn:hover {
  opacity: 1;
}
.p-inquiry__btn:hover::after {
  background: url(../img/common/orange-arrow_icon.png) no-repeat center/contain;
}

#en .p-inquiry__title {
  letter-spacing: 0.03em;
  word-spacing: 0.08em;
}

.p-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1.1111111111rem;
     -moz-column-gap: 1.1111111111rem;
          column-gap: 1.1111111111rem;
  row-gap: 16px;
  row-gap: 1rem;
}
.p-links--business .p-links__item:first-child .c-link span {
  background: url(../img/business/business-link_icon_005.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_005.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:first-child .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:first-child.current span {
  background: url(../img/business/business-link_icon_white_005.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_005.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:first-child.current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(2) .c-link span {
  background: url(../img/business/business-link_icon_004.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_004.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(2) .c-link span {
    background-position: center left 1.3888888889rem;
  }
}
.p-links--business .p-links__item:nth-child(2).current span {
  background: url(../img/business/business-link_icon_white_004.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_004.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(2).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(3) .c-link span {
  background: url(../img/business/business-link_icon_001.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_001.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(3) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(3).current span {
  background: url(../img/business/business-link_icon_white_001.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_001.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(3).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(4) .c-link span {
  background: url(../img/business/business-link_icon_002.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_002.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(4) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(4).current span {
  background: url(../img/business/business-link_icon_white_002.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_002.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(4).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(5) .c-link span {
  background: url(../img/business/business-link_icon_003.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_003.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(5) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(5).current span {
  background: url(../img/business/business-link_icon_white_003.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_003.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(5).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(6) .c-link span {
  background: url(../img/business/business-link_icon_006.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_006.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(6) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(6).current span {
  background: url(../img/business/business-link_icon_white_006.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_006.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(6).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(7) .c-link span {
  background: url(../img/business/business-link_icon_007.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_007.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(7) .c-link span {
    background-position: center left 1.3888888889rem;
  }
}
.p-links--business .p-links__item:nth-child(7).current span {
  background: url(../img/business/business-link_icon_white_007.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_007.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(7).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(8) .c-link span {
  background: url(../img/business/business-link_icon_008.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_008.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(8) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(8).current span {
  background: url(../img/business/business-link_icon_white_008.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_008.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(8).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(9) .c-link span {
  background: url(../img/business/business-link_icon_009.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_009.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(9) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(9).current span {
  background: url(../img/business/business-link_icon_white_009.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_009.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(9).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(10) .c-link span {
  background: url(../img/business/business-link_icon_010.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_010.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(10) .c-link span {
    background-position: center left 1.3888888889rem;
  }
}
.p-links--business .p-links__item:nth-child(10).current span {
  background: url(../img/business/business-link_icon_white_010.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_010.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(10).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(11) .c-link span {
  background: url(../img/business/business-link_icon_011.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_011.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(11) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(11).current span {
  background: url(../img/business/business-link_icon_white_011.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_011.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(11).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(12) .c-link span {
  background: url(../img/business/business-link_icon_012.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_012.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(12) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(12).current span {
  background: url(../img/business/business-link_icon_white_012.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_012.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(12).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(13) .c-link span {
  background: url(../img/business/business-link_icon_013.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_013.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(13) .c-link span {
    background-position: center left 1.3888888889rem;
  }
}
.p-links--business .p-links__item:nth-child(13).current span {
  background: url(../img/business/business-link_icon_white_013.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_013.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(13).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(14) .c-link span {
  background: url(../img/business/business-link_icon_016.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_016.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(14) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(14).current span {
  background: url(../img/business/business-link_icon_white_016.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_016.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(14).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(15) .c-link span {
  background: url(../img/business/business-link_icon_015.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_015.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(15) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(15).current span {
  background: url(../img/business/business-link_icon_white_015.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_015.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(15).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(16) .c-link span {
  background: url(../img/business/business-link_icon_014.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_014.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(16) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(16).current span {
  background: url(../img/business/business-link_icon_white_014.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_014.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(16).current span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(17) .c-link span {
  background: url(../img/business/business-link_icon_017.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_017.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(17) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--business .p-links__item:nth-child(17).current span {
  background: url(../img/business/business-link_icon_white_017.png) no-repeat center left 8.888px;
  background: url(../img/business/business-link_icon_white_017.png) no-repeat center left 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-links--business .p-links__item:nth-child(17).current span {
    background-position: center left 1.1111111111rem;
  }
}

.p-links--company .p-links__item:first-child .c-link span {
  background: url(../img/company/company-link_icon_001.png) no-repeat center left 26.666px/36.444px;
  background: url(../img/company/company-link_icon_001.png) no-repeat center left 1.6666666667rem/2.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:first-child .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--company .p-links__item:first-child.current .c-link span {
  background: url(../img/company/company-link_icon_009.png) no-repeat center left 26.666px/36.444px;
  background: url(../img/company/company-link_icon_009.png) no-repeat center left 1.6666666667rem/2.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:first-child.current .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--company .p-links__item:nth-child(2) .c-link span {
  background: url(../img/company/company-link_icon_002.png) no-repeat center left 25.777px/45.333px;
  background: url(../img/company/company-link_icon_002.png) no-repeat center left 1.6111111111rem/2.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(2) .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--company .p-links__item:nth-child(2).current .c-link span {
  background: url(../img/company/company-link_icon_010.png) no-repeat center left 25.777px/45.333px;
  background: url(../img/company/company-link_icon_010.png) no-repeat center left 1.6111111111rem/2.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(2).current .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--company .p-links__item:nth-child(3) .c-link span {
  background: url(../img/company/company-link_icon_003.png) no-repeat center left 32px/41.777px;
  background: url(../img/company/company-link_icon_003.png) no-repeat center left 2rem/2.6111111111rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(3) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--company .p-links__item:nth-child(3).current .c-link span {
  background: url(../img/company/company-link_icon_011.png) no-repeat center left 32px/41.777px;
  background: url(../img/company/company-link_icon_011.png) no-repeat center left 2rem/2.6111111111rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(3).current .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--company .p-links__item:nth-child(4) .c-link span {
  background: url(../img/company/company-link_icon_004.png) no-repeat center left 28.444px/39.111px;
  background: url(../img/company/company-link_icon_004.png) no-repeat center left 1.7777777778rem/2.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(4) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--company .p-links__item:nth-child(4).current .c-link span {
  background: url(../img/company/company-link_icon_012.png) no-repeat center left 28.444px/39.111px;
  background: url(../img/company/company-link_icon_012.png) no-repeat center left 1.7777777778rem/2.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(4).current .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--company .p-links__item:nth-child(5) .c-link span {
  background: url(../img/company/company-link_icon_005.png) no-repeat center left 32px/37.333px;
  background: url(../img/company/company-link_icon_005.png) no-repeat center left 2rem/2.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(5) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--company .p-links__item:nth-child(5).current .c-link span {
  background: url(../img/company/company-link_icon_013.png) no-repeat center left 32px/37.333px;
  background: url(../img/company/company-link_icon_013.png) no-repeat center left 2rem/2.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(5).current .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--company .p-links__item:nth-child(6) .c-link span {
  background: url(../img/company/company-link_icon_006.png) no-repeat center left 24.888px/45.333px;
  background: url(../img/company/company-link_icon_006.png) no-repeat center left 1.5555555556rem/2.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(6) .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--company .p-links__item:nth-child(6).current .c-link span {
  background: url(../img/company/company-link_icon_014.png) no-repeat center left 24.888px/45.333px;
  background: url(../img/company/company-link_icon_014.png) no-repeat center left 1.5555555556rem/2.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(6).current .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--company .p-links__item:nth-child(7) .c-link span {
  background: url(../img/company/company-link_icon_007.png) no-repeat center left 26.666px/44.444px;
  background: url(../img/company/company-link_icon_007.png) no-repeat center left 1.6666666667rem/2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(7) .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--company .p-links__item:nth-child(7).current .c-link span {
  background: url(../img/company/company-link_icon_015.png) no-repeat center left 26.666px/44.444px;
  background: url(../img/company/company-link_icon_015.png) no-repeat center left 1.6666666667rem/2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(7).current .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--company .p-links__item:nth-child(8) .c-link span {
  background: url(../img/company/company-link_icon_008.png) no-repeat center left 27.555px/39.111px;
  background: url(../img/company/company-link_icon_008.png) no-repeat center left 1.7222222222rem/2.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item:nth-child(8) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--company .p-links__item.current .c-link span {
  background: url(../img/company/company-link_icon_016.png) no-repeat center left 27.555px/39.111px;
  background: url(../img/company/company-link_icon_016.png) no-repeat center left 1.7222222222rem/2.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-links--company .p-links__item.current .c-link span {
    background-position: center left 1.1111111111rem;
  }
}

.p-links--csr .p-links__item:first-child .c-link span {
  background: url(../img/csr/csr-link_icon_001.png) no-repeat center left 24px/42.666px;
  background: url(../img/csr/csr-link_icon_001.png) no-repeat center left 1.5rem/2.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:first-child .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--csr .p-links__item:first-child.current .c-link span {
  background: url(../img/csr/csr-link_icon_008.png) no-repeat center left 24px/42.666px;
  background: url(../img/csr/csr-link_icon_008.png) no-repeat center left 1.5rem/2.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:first-child.current .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--csr .p-links__item:nth-child(2) .c-link span {
  background: url(../img/csr/csr-link_icon_002.png) no-repeat center left 26.666px/38.222px;
  background: url(../img/csr/csr-link_icon_002.png) no-repeat center left 1.6666666667rem/2.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(2) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--csr .p-links__item:nth-child(2).current .c-link span {
  background: url(../img/csr/csr-link_icon_009.png) no-repeat center left 26.666px/38.222px;
  background: url(../img/csr/csr-link_icon_009.png) no-repeat center left 1.6666666667rem/2.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(2).current .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--csr .p-links__item:nth-child(3) .c-link span {
  background: url(../img/csr/csr-link_icon_003.png) no-repeat center left 24.888px/38.222px;
  background: url(../img/csr/csr-link_icon_003.png) no-repeat center left 1.5555555556rem/2.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(3) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--csr .p-links__item:nth-child(3).current .c-link span {
  background: url(../img/csr/csr-link_icon_010.png) no-repeat center left 24.888px/38.222px;
  background: url(../img/csr/csr-link_icon_010.png) no-repeat center left 1.5555555556rem/2.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(3).current .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--csr .p-links__item:nth-child(4) .c-link span {
  background: url(../img/csr/csr-link_icon_004.png) no-repeat center left 25.777px/41.777px;
  background: url(../img/csr/csr-link_icon_004.png) no-repeat center left 1.6111111111rem/2.6111111111rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(4) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--csr .p-links__item:nth-child(4).current .c-link span {
  background: url(../img/csr/csr-link_icon_011.png) no-repeat center left 25.777px/41.777px;
  background: url(../img/csr/csr-link_icon_011.png) no-repeat center left 1.6111111111rem/2.6111111111rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(4).current .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--csr .p-links__item:nth-child(5) .c-link span {
  background: url(../img/csr/csr-link_icon_005.png) no-repeat center left 21.333px/45.333px;
  background: url(../img/csr/csr-link_icon_005.png) no-repeat center left 1.3333333333rem/2.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(5) .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--csr .p-links__item:nth-child(5).current .c-link span {
  background: url(../img/csr/csr-link_icon_012.png) no-repeat center left 21.333px/45.333px;
  background: url(../img/csr/csr-link_icon_012.png) no-repeat center left 1.3333333333rem/2.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(5).current .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--csr .p-links__item:nth-child(6) .c-link span {
  background: url(../img/csr/csr-link_icon_006.png) no-repeat center left 28.444px/40px;
  background: url(../img/csr/csr-link_icon_006.png) no-repeat center left 1.7777777778rem/2.5rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(6) .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--csr .p-links__item:nth-child(6).current .c-link span {
  background: url(../img/csr/csr-link_icon_013.png) no-repeat center left 28.444px/40px;
  background: url(../img/csr/csr-link_icon_013.png) no-repeat center left 1.7777777778rem/2.5rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(6).current .c-link span {
    background-position: center left 1.1111111111rem;
  }
}
.p-links--csr .p-links__item:nth-child(7) .c-link span {
  background: url(../img/csr/csr-link_icon_007.png) no-repeat center left 22.222px/44.444px;
  background: url(../img/csr/csr-link_icon_007.png) no-repeat center left 1.3888888889rem/2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(7) .c-link span {
    background-position: center left 0.8333333333rem;
  }
}
.p-links--csr .p-links__item:nth-child(7).current .c-link span {
  background: url(../img/csr/csr-link_icon_014.png) no-repeat center left 22.222px/44.444px;
  background: url(../img/csr/csr-link_icon_014.png) no-repeat center left 1.3888888889rem/2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-links--csr .p-links__item:nth-child(7).current .c-link span {
    background-position: center left 0.8333333333rem;
  }
}

.p-links--subject .c-link span {
  padding-left: 35.555px;
  padding-left: 2.2222222222rem;
}

.p-links__item {
  width: calc(33.33333% - 0.74074rem);
}
@media screen and (max-width: 768px) {
  .p-links__item {
    width: calc(50% - 0.55556rem);
  }
}
@media screen and (max-width: 680px) {
  .p-links__item {
    width: 100%;
  }
}
.p-links__item.current .c-link {
  pointer-events: none;
  color: #fff;
  background: #0086a3;
}
.p-links__item.current .c-link::before, .p-links__item.current .c-link::after {
  display: none;
}

/* p-list */
.p-list__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.888px solid #cbdce2;
  border-bottom: 0.0555555556rem solid #cbdce2;
  padding: 34.666px 0;
  padding: 2.1666666667rem 0;
  position: relative;
  -webkit-transition: color 0.3s, border 0.3s;
  transition: color 0.3s, border 0.3s;
}
@media screen and (max-width: 768px) {
  .p-list__item-inner {
    padding: 1.3888888889rem 0;
  }
}
.p-list__item-inner::before, .p-list__item-inner::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-list__item-inner::before {
  width: 44.444px;
  width: 2.7777777778rem;
  height: 44.444px;
  height: 2.7777777778rem;
  background: #fff;
  border-radius: 50%;
  right: 0;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, transform 0.3s;
  transition: background 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 768px) {
  .p-list__item-inner::before {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.p-list__item-inner::after {
  width: 16px;
  width: 1rem;
  height: 8.888px;
  height: 0.5555555556rem;
  right: 15.111px;
  right: 0.9444444444rem;
  background: url(../img/common/blue-arrow_icon_002.png) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .p-list__item-inner::after {
    right: 0.7777777778rem;
  }
}
.p-list__item-inner:hover {
  opacity: 1;
  border-bottom: 0.888px solid #0086a3;
  border-bottom: 0.0555555556rem solid #0086a3;
}
.p-list__item-inner:hover .p-list__item-number, .p-list__item-inner:hover .p-list__item-text {
  color: #0086a3;
}
.p-list__item-inner:hover::before {
  background: #0086a3;
  -webkit-transform: translateY(-50%) scale(1.2);
          transform: translateY(-50%) scale(1.2);
}
.p-list__item-inner:hover::after {
  background: url(../img/common/white-arrow_icon.png) no-repeat center/contain;
}

.p-list__item-number {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #93aab1;
  letter-spacing: 0.05em;
  min-width: 19.555px;
  min-width: 1.2222222222rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.p-list__item-text {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-left: 31.111px;
  margin-left: 1.9444444444rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .p-list__item-text {
    font-size: 1rem;
    margin-left: 0.8333333333rem;
    padding-right: 2.7777777778rem;
  }
}

/* p-menu */
.p-menu {
  background: #f8f8f8;
  padding: 66.666px 0;
  padding: 4.1666666667rem 0;
}
@media screen and (max-width: 768px) {
  .p-menu {
    padding: 3.3333333333rem 0;
  }
}

.p-menu--white {
  background: #fff;
}

.p-menu__btn {
  margin: 0 auto;
}

.p-menu__links {
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-menu__links {
    margin-top: 1.6666666667rem;
  }
}

/* p-mv */
.p-mv {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-mv__img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right bottom;
       object-position: right bottom;
    height: 13.8888888889rem;
  }
}

.p-mv__texts {
  padding-bottom: 17.777px;
  padding-bottom: 1.1111111111rem;
  position: relative;
  min-height: 347.555px;
  min-height: 21.7222222222rem;
  overflow-y: hidden;
  margin-top: -276.444px;
  margin-top: -17.2777777778rem;
  padding-top: 106.666px;
  padding-top: 6.6666666667rem;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-mv__texts {
    padding-bottom: 0rem;
    padding-top: 2.7777777778rem;
    margin-top: -5.5555555556rem;
    min-height: 8.3333333333rem;
  }
}
@media screen and (max-width: 500px) {
  .p-mv__texts {
    margin-top: -4.4444444444rem;
  }
}
.p-mv__texts .u-wave {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.p-mv__texts .l-inner {
  position: relative;
  max-width: 1253.333px;
  max-width: 78.3333333333rem;
}

.u-wave--fixed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  overflow-y: hidden;
}
@media screen and (max-width: 768px) {
  .u-wave--fixed img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left top;
       object-position: left top;
  }
}

.p-mv__subtitle {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 900;
  color: #0086a3;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .p-mv__subtitle {
    letter-spacing: 0.1em;
  }
}

.p-mv__subtitle--en {
  font-family: "Poppins", sans-serif;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-mv__subtitle--en {
    font-size: 0.7777777778rem;
  }
}

.p-mv__title {
  font-size: 53.333px;
  font-size: 3.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-mv__title {
    font-size: 1.4444444444rem;
  }
}
.p-mv__title.mt-15 {
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-mv__title.mt-15 {
    margin-top: 0.2777777778rem;
  }
}

.p-mv__title--md {
  font-size: 49.777px;
  font-size: 3.1111111111rem;
  letter-spacing: 0.05em;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-mv__title--md {
    font-size: 1.3333333333rem;
  }
}

.p-mv__title--sm {
  font-size: 46.222px;
  font-size: 2.8888888889rem;
  letter-spacing: 0.05em;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-mv__title--sm {
    font-size: 1.3333333333rem;
  }
}

.p-mv__title--xs {
  font-size: 40.888px;
  font-size: 2.5555555556rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-mv__title--xs {
    font-size: 1.3333333333rem;
    margin-top: 0.2777777778rem;
  }
}

.p-mv__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.67;
  letter-spacing: 0.05em;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-mv__text {
    font-size: 0.8333333333rem;
    margin-top: 0.2777777778rem;
  }
}

.p-mv__btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -13.333px;
  right: -0.8333333333rem;
  width: 325.333px;
  width: 20.3333333333rem;
  border: none;
  color: #fff;
}
@media screen and (max-width: 1800px) {
  .p-mv__btn {
    right: 1.1111111111rem;
  }
}
@media screen and (max-width: 768px) {
  .p-mv__btn {
    position: static;
    position: relative;
    top: unset;
    right: unset;
    -webkit-transform: unset;
            transform: unset;
    width: 16.6666666667rem;
    margin: 1.1111111111rem auto 0;
  }
}
.p-mv__btn::before {
  background: #fff;
}
.p-mv__btn::after {
  background: url(../img/common/orange-arrow_icon.png) no-repeat center/contain;
}
.p-mv__btn:hover {
  color: #ed6a02;
  border: 0.888px solid #ed6a02;
  border: 0.0555555556rem solid #ed6a02;
}
.p-mv__btn:hover::before {
  background: #ed6a02;
}
.p-mv__btn:hover::after {
  background: url(../img/common/white-arrow_icon.png) no-repeat center/contain;
}
.p-mv__btn span {
  background: #fff;
}
.p-mv__btn span::before {
  background: #ed6a02;
}

.p-mv__sdgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.444px;
  gap: 0.2777777778rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 17.777px 0;
  margin: 1.1111111111rem 0;
}
.p-mv__sdgs img {
  width: auto;
}

#en .p-mv__title {
  letter-spacing: 0;
  word-spacing: 0.08em;
}
#en .p-mv__subtitle {
  letter-spacing: 0;
  word-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  #en .p-mv__subtitle {
    margin-top: 0.8333333333rem;
  }
}

/* p-news */
.p-news__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-news__category-item {
  width: 25%;
}
.p-news__category-item + .p-news__category-item {
  margin-left: 3.555px;
  margin-left: 0.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-news__category-item + .p-news__category-item {
    margin-left: 0.1111111111rem;
  }
}
.p-news__category-item.current a {
  color: #fff;
  background: #0086a3;
}
.p-news__category-item a {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #8eb6c3;
  background: #e5f3f6;
  border-radius: 0.4444444444rem 0.4444444444rem 0 0;
  min-height: 44.444px;
  min-height: 2.7777777778rem;
  padding: 16px 4.444px;
  padding: 1rem 0.2777777778rem;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
@media screen and (max-width: 768px) {
  .p-news__category-item a {
    font-size: 0.7222222222rem;
    line-height: 1.2;
    padding: 0.5555555556rem 0.2777777778rem;
  }
}
.p-news__category-item a:hover {
  opacity: 1;
  background: #0086a3;
  color: #fff;
}

.p-news__item {
  border-bottom: 0.888px solid #cbdce2;
  border-bottom: 0.0555555556rem solid #cbdce2;
}

.p-news__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 111.111px;
  min-height: 6.9444444444rem;
  padding: 22.222px 0;
  padding: 1.3888888889rem 0;
}
@media screen and (max-width: 768px) {
  .p-news__item-inner {
    display: block;
    min-height: unset;
  }
}
.p-news__item-inner:hover {
  opacity: 1;
}
.p-news__item-inner:hover .p-news__item-title {
  color: #0086a3;
}

.p-news__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-news__item-date {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  color: #818790;
  letter-spacing: 0.05em;
  min-width: 80px;
  min-width: 5rem;
}

.p-news__item-category {
  text-align: center;
  margin-left: 13.333px;
  margin-left: 0.8333333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.444px;
  gap: 0.2777777778rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .p-news__item-category {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.p-news__item-category span {
  display: inline-block;
  font-size: 8.888px;
  font-size: 0.5555555556rem;
  font-weight: 600;
  border: 0.888px solid #0086a3;
  border: 0.0555555556rem solid #0086a3;
  border-radius: 0.1666666667rem;
  color: #0086a3;
  min-width: 84.444px;
  min-width: 5.2777777778rem;
  padding: 1.777px 1.777px 2.666px;
  padding: 0.1111111111rem 0.1111111111rem 0.1666666667rem;
}
.p-news__item-category span.release {
  border: none;
  background: #69be9b;
  color: #fff;
}
.p-news__item-category span.news {
  border: none;
  background: #58abc0;
  color: #fff;
}
.p-news__item-category span.event {
  border: none;
  background: #778fcc;
  color: #fff;
}
.p-news__item-category span.company {
  border: none;
  background: #d26b6b;
  color: #fff;
}
.p-news__item-category span.business {
  border: none;
  background: #b175c0;
  color: #fff;
}
.p-news__item-category span.kyoninka {
  border: none;
  background: #ddbb45;
  color: #fff;
}
.p-news__item-category span.recruit {
  border: none;
  background: #d78448;
  color: #fff;
}
.p-news__item-category span.other, .p-news__item-category span.company, .p-news__item-category span.business, .p-news__item-category span.kyoninka, .p-news__item-category span.recruit {
  border: 1px solid #e7e7e7;
  background: #f6f6f6;
  color: #333;
}

.p-news__item-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.33;
  margin-left: 29.333px;
  margin-left: 1.8333333333rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .p-news__item-title {
    font-size: 0.8888888889rem;
    margin-left: 0;
    margin-top: 0.5555555556rem;
  }
}

#en .p-news__category-item {
  width: 33%;
}

/* p-slider */
.p-slider {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-slider {
    padding: 0 1.1111111111rem;
  }
}
.p-slider .slide-arrow {
  position: absolute;
  top: 38%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 22.222px;
  width: 1.3888888889rem;
  height: 22.222px;
  height: 1.3888888889rem;
  cursor: pointer;
}
.p-slider .slide-arrow:hover {
  opacity: 1;
}
.p-slider .prev-arrow {
  background: url(../img/common/prev-arrow_icon.png) no-repeat center/15.111px;
  background: url(../img/common/prev-arrow_icon.png) no-repeat center/0.9444444444rem;
  left: -35.555px;
  left: -2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-slider .prev-arrow {
    left: -0.8333333333rem;
  }
}
.p-slider .next-arrow {
  background: url(../img/common/next-arrow_icon.png) no-repeat center/15.111px;
  background: url(../img/common/next-arrow_icon.png) no-repeat center/0.9444444444rem;
  right: -35.555px;
  right: -2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-slider .next-arrow {
    right: -0.6666666667rem;
  }
}

.p-slider__item {
  margin: 0 24.888px;
  margin: 0 1.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-slider__item {
    margin: 0 2px;
  }
}

.p-slider__item-inner:hover {
  opacity: 1;
}
.p-slider__item-inner:hover .p-slider__item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.p-slider__item-inner:hover .p-slider__item-title {
  color: #0086a3;
}

.p-slider__item-img {
  width: 100%;
  padding-top: 61.6666666667%;
  border-radius: 1.3333333333rem;
  position: relative;
  overflow: hidden;
}
.p-slider__item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.3333333333rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.p-slider__item-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.66;
  letter-spacing: 0.02em;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
  padding: 0 13.333px;
  padding: 0 0.8333333333rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .p-slider__item-title {
    font-size: 0.8888888889rem;
    padding: 0;
  }
}

.p-slider__item-date {
  font-size: 12.444px;
  font-size: 0.7777777778rem;
  line-height: 1.66;
  letter-spacing: 0.02em;
  margin-top: 7.111px;
  margin-top: 0.4444444444rem;
  padding: 0 13.333px;
  padding: 0 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-slider__item-date {
    font-size: 0.7777777778rem;
    padding: 0;
  }
}

/* p-menu */
.p-submenu {
  border-radius: 2.2222222222rem;
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 92.444px;
  top: 5.7777777778rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1288.888px;
  width: 80.5555555556rem;
  padding: 44.444px;
  padding: 2.7777777778rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: 3.5px 3.5px 0 0 rgba(0, 0, 0, .2);
          box-shadow: 3.5px 3.5px 0 0 rgba(0, 0, 0, .2);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-submenu.js-active {
  opacity: 1;
  visibility: visible;
}
.p-submenu::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 15.111px solid transparent;
  border-right: 0.9444444444rem solid transparent;
  border-left: 15.111px solid transparent;
  border-left: 0.9444444444rem solid transparent;
  border-bottom: 18.666px solid #ffffff;
  border-bottom: 1.1666666667rem solid #ffffff;
  border-top: 0;
  position: absolute;
  top: -15.111px;
  top: -0.9444444444rem;
}
.p-submenu--company::before {
  content: "";
  left: 324.444px;
  left: 20.2777777778rem;
}
@media screen and (max-width: 1280px) {
  .p-submenu--company::before {
    left: 20rem;
  }
}
.p-submenu--business .p-submenu__item-right {
  grid-template-rows: repeat(6, auto);
}
.p-submenu--business::before {
  content: "";
  left: 412.444px;
  left: 25.7777777778rem;
}
@media screen and (max-width: 1280px) {
  .p-submenu--business::before {
    left: 25.5rem;
  }
}
.p-submenu--subject::before {
  content: "";
  left: 527.111px;
  left: 32.9444444444rem;
}
@media screen and (max-width: 1280px) {
  .p-submenu--subject::before {
    left: 32.6666666667rem;
  }
}
.p-submenu--csr .p-submenu__item-right {
  grid-template-rows: repeat(4, auto);
}
.p-submenu--csr::before {
  content: "";
  left: 627.555px;
  left: 39.2222222222rem;
}
@media screen and (max-width: 1280px) {
  .p-submenu--csr::before {
    left: 38.9444444444rem;
  }
}
.p-submenu--recruit .p-submenu__item-right {
  grid-template-rows: repeat(4, auto);
}
.p-submenu--recruit::before {
  content: "";
  left: 782.222px;
  left: 48.8888888889rem;
}
@media screen and (max-width: 1280px) {
  .p-submenu--recruit::before {
    left: 48.6111111111rem;
  }
}
.p-submenu__item-left {
  margin-right: 62.222px;
  margin-right: 3.8888888889rem;
  padding-right: 62.222px;
  padding-right: 3.8888888889rem;
  border-right: 1px solid #cbdce2;
}
.p-submenu__item-left a {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  padding-right: 36.444px;
  padding-right: 2.2777777778rem;
}
.p-submenu__item-left a::after {
  content: "";
  display: block;
  background: url("../img/common/submenu_arrow_top.png");
  width: 22.222px;
  width: 1.3888888889rem;
  height: 22.222px;
  height: 1.3888888889rem;
  background-size: cover;
  line-height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: 2.666px;
  right: 0.1666666667rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-submenu__item-left a:hover {
  opacity: 1;
  color: #0086a3;
}
.p-submenu__item-left a:hover::after {
  right: 0;
}
.p-submenu__item-left figure {
  width: 136px;
  width: 8.5rem;
  height: 136px;
  height: 8.5rem;
  margin-top: 22.222px auto 0;
  margin-top: 1.3888888889rem auto 0;
}
.p-submenu__item-left figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-submenu__item-right {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);
  gap: 0 53.333px;
  gap: 0 3.3333333333rem;
}
.p-submenu__item-right li a {
  font-size: 14.222px;
  font-size: 0.8888888889rem;
  position: relative;
  padding-left: 21.333px;
  padding-left: 1.3333333333rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-submenu__item-right li a::after {
  content: "";
  display: block;
  width: 5.777px;
  width: 0.3611111111rem;
  height: 5.777px;
  height: 0.3611111111rem;
  border-top: 1.777px solid #8eb6c3;
  border-top: 0.1111111111rem solid #8eb6c3;
  border-right: 1.777px solid #8eb6c3;
  border-right: 0.1111111111rem solid #8eb6c3;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 1.777px;
  left: 0.1111111111rem;
  top: 46%;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-submenu__item-right li a::before {
  content: "";
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  background-color: #e5f3f6;
  border-radius: 0.5rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-submenu__item-right li a:hover {
  opacity: 1;
  color: #0086a3;
}
.p-submenu__item-right li a:hover::after {
  border-color: #fff;
}
.p-submenu__item-right li a:hover::before {
  background-color: #0086a3;
}

#en .p-submenu {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#en .p-submenu--company::before {
  left: 408.888px;
  left: 25.5555555556rem;
}
@media screen and (max-width: 1280px) {
  #en .p-submenu--company::before {
    left: 25.2777777778rem;
  }
}

/* p-units */
.p-units {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 44.444px;
  gap: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-units {
    gap: 1.6666666667rem;
  }
}

.p-units__item {
  width: calc(33.33333% - 1.85185rem);
}
@media screen and (max-width: 768px) {
  .p-units__item {
    width: calc(50% - 0.83333rem);
  }
}

/* p-base */
.p-base__parts {
  width: 1133.333px;
  width: 70.8333333333rem;
  max-width: 100%;
  margin: 106.666px auto 0;
  margin: 6.6666666667rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-base__parts {
    margin-top: 3.3333333333rem;
  }
}

.p-base__part {
  position: relative;
}
.p-base__part + .p-base__part {
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
  padding-top: 75.555px;
  padding-top: 4.7222222222rem;
  margin-top: 75.555px;
  margin-top: 4.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-base__part + .p-base__part {
    padding-top: 2.2222222222rem;
    margin-top: 2.2222222222rem;
  }
}
.p-base__part:first-child {
  padding-left: 106.666px;
  padding-left: 6.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-base__part:first-child {
    padding-left: 0;
  }
}
.p-base__part:first-child .p-base__part-texts {
  top: 8.888px;
  top: 0.5555555556rem;
}
.p-base__part:first-child .p-base__part-img {
  width: 1004.444px;
  width: 62.7777777778rem;
}
.p-base__part:nth-child(2) {
  padding-left: 44.444px;
  padding-left: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-base__part:nth-child(2) {
    padding-left: 0;
  }
}
.p-base__part:nth-child(2) .p-base__part-texts {
  top: 75.555px;
  top: 4.7222222222rem;
}
.p-base__part:nth-child(2) .p-base__part-img {
  width: 691.555px;
  width: 43.2222222222rem;
}

.p-base__part-texts {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 144.888px;
  width: 9.0555555556rem;
  height: 144.888px;
  height: 9.0555555556rem;
  border-radius: 50%;
  background: #f8f8f7;
}
@media screen and (max-width: 768px) {
  .p-base__part-texts {
    position: static;
    width: 5.5555555556rem;
    height: 5.5555555556rem;
  }
}

.p-base__part-entitle {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #0086a3;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .p-base__part-entitle {
    font-size: 0.8333333333rem;
  }
}

.p-base__part-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 1.777px;
  margin-top: 0.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-base__part-title {
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 0;
  }
}

.p-base__part-img {
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-base__part-img {
    margin-top: 1.1111111111rem;
  }
}

.p-base__middle {
  background: #f8f8f8;
  padding: 113.777px 0 119.111px;
  padding: 7.1111111111rem 0 7.4444444444rem;
  margin-top: 109.333px;
  margin-top: 6.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-base__middle {
    margin-top: 3.3333333333rem;
    padding: 3.3333333333rem 0;
  }
}

.p-base__content {
  background: #fff;
  border-radius: 1.1111111111rem;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
  padding: 82.666px 71.111px 97.777px;
  padding: 5.1666666667rem 4.4444444444rem 6.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-base__content {
    padding: 2.2222222222rem 1.1111111111rem;
  }
}

.p-base__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-base__unit {
    display: block;
  }
}
.p-base__unit + .p-base__unit {
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
  margin-top: 57.777px;
  margin-top: 3.6111111111rem;
  padding-top: 48.888px;
  padding-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-base__unit + .p-base__unit {
    margin-top: 2.2222222222rem;
    padding-top: 2.2222222222rem;
  }
}

.p-base__unit-titles {
  width: 18.5%;
}
@media screen and (max-width: 768px) {
  .p-base__unit-titles {
    width: 100%;
  }
}

.p-base__unit-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-base__unit-title {
    font-size: 1.1111111111rem;
  }
}

.p-base__unit-more {
  font-weight: 700;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-base__unit-more {
    margin-top: 0.5555555556rem;
  }
}

.p-base__unit-body {
  width: 81.5%;
  padding-left: 43.555px;
  padding-left: 2.7222222222rem;
  border-left: 1.777px solid #0086a3;
  border-left: 0.1111111111rem solid #0086a3;
}
@media screen and (max-width: 768px) {
  .p-base__unit-body {
    width: 100%;
    padding-left: 0;
    margin-top: 1.3888888889rem;
    border-left: none;
  }
}

.p-base__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-base__list-item {
    display: block;
  }
}
.p-base__list-item + .p-base__list-item {
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-base__list-item + .p-base__list-item {
    margin-top: 1.6666666667rem;
  }
}

.p-base__list-title {
  width: 30%;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .p-base__list-title {
    width: 100%;
    font-size: 0.8888888889rem;
  }
}

.p-base__list-text {
  width: 68%;
}
@media screen and (max-width: 768px) {
  .p-base__list-text {
    width: 100%;
    font-size: 0.8333333333rem;
    margin-top: 0.5555555556rem;
  }
}

.p-base__footer {
  padding: 115.555px 0 120px;
  padding: 7.2222222222rem 0 7.5rem;
}
@media screen and (max-width: 768px) {
  .p-base__footer {
    padding: 3.3333333333rem 0;
  }
}

.p-base__body {
  border-radius: 1.1111111111rem;
  background: #f8f8f8;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
  padding: 66.666px 63.111px;
  padding: 4.1666666667rem 3.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-base__body {
    margin-top: 2.2222222222rem;
    padding: 2.2222222222rem 1.1111111111rem;
  }
}

.p-base__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-base__item {
    display: block;
  }
}
.p-base__item + .p-base__item {
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
  padding-top: 48.888px;
  padding-top: 3.0555555556rem;
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-base__item + .p-base__item {
    padding-top: 2.2222222222rem;
    margin-top: 2.2222222222rem;
  }
}

.p-base__item-body {
  width: 66%;
}
@media screen and (max-width: 768px) {
  .p-base__item-body {
    width: 100%;
  }
}

.p-base__item-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-base__item-title {
    font-size: 1rem;
  }
}

.p-base__item-text {
  font-weight: 700;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-base__item-text {
    font-size: 0.8333333333rem;
  }
}

.p-base__item-list {
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-base__item-list {
    margin-top: 1.1111111111rem;
  }
}

.p-base__item-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-base__item-list-item + .p-base__item-list-item {
  margin-top: 20.444px;
  margin-top: 1.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-base__item-list-item + .p-base__item-list-item {
    margin-top: 0.8333333333rem;
  }
}

.p-base__item-list-title {
  width: 10%;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-base__item-list-title {
    min-width: 3.3333333333rem;
    width: 3.3333333333rem;
  }
}

.p-base__item-list-body {
  width: 86%;
  padding-right: 17.777px;
  padding-right: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-base__item-list-body {
    width: 100%;
    padding-right: 0;
    margin-left: 0.5555555556rem;
  }
}

.p-base__item-list-text {
  letter-spacing: 0.05em;
}

.p-base__item-list-more {
  font-weight: 700;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}

.p-base__item-img {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p-base__item-img {
    width: 100%;
    margin-top: 1.1111111111rem;
  }
}
.p-base__item-img img {
  border-radius: 1.3888888889rem;
}

#en .p-base__part-title {
  font-size: 14.222px;
  font-size: 0.8888888889rem;
}
@media screen and (max-width: 768px) {
  #en .p-base__part-title {
    font-size: 0.6111111111rem;
  }
}
#en .p-base__part-img img {
  width: auto;
}
@media screen and (max-width: 1800px) {
  #en .p-base__part-img img {
    width: 100%;
  }
}

/* p-company */
.p-company {
  padding-bottom: 32.888px;
  padding-bottom: 2.0555555556rem;
}

.p-company__inner {
  position: relative;
}

.p-company__text {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-company__text {
    margin-top: 1.1111111111rem;
  }
}

.p-company__units {
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-company__units {
    margin-top: 2.2222222222rem;
  }
}
.p-company__units .c-unit__inner {
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .p-company__units .c-unit__inner {
    padding-bottom: 2.7777777778rem;
  }
}
.p-company__units .c-unit__img {
  margin-top: auto;
}

.p-company__img {
  width: 330.666px;
  width: 20.6666666667rem;
  max-width: 100%;
  margin-left: auto;
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-company__img {
    width: 10rem;
    margin-top: 2.2222222222rem;
  }
}

/* p-map */
.p-ecotown {
  max-width: 977.777px;
  max-width: 61.1111111111rem;
  margin: 0 auto;
}
.p-ecotown__photo-box {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 35.555px;
  gap: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-ecotown__photo-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-ecotown__img {
  width: 298.666px;
  width: 18.6666666667rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .p-ecotown__img {
    width: 100%;
  }
}
.p-ecotown__img img {
  border-radius: 1.6666666667rem;
  width: 100% !important;
}
.p-ecotown ol {
  padding-left: 16px;
  padding-left: 1rem;
}
.p-ecotown ol li {
  list-style-type: decimal;
}
.p-ecotown ol li::marker {
  color: #0086a3;
  font-weight: bold;
}
.p-ecotown ol li + li {
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
.p-ecotown ul {
  padding-left: 19.555px;
  padding-left: 1.2222222222rem;
}
.p-ecotown ul li {
  list-style-type: disc;
}
.p-ecotown ul li::marker {
  color: #0086a3;
  font-weight: bold;
}
.p-ecotown ul li + li {
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
.p-ecotown__note {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
  font-size: 12.444px;
  font-size: 0.7777777778rem;
}

/* p-greeting */
.p-greeting {
  padding-bottom: 124.444px;
  padding-bottom: 7.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-greeting {
    padding-bottom: 5.5555555556rem;
  }
}

.p-greeting__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-greeting__inner {
    display: block;
  }
}

.p-greeting__img {
  width: 25.5%;
}
@media screen and (max-width: 768px) {
  .p-greeting__img {
    width: 80%;
    margin: 0 auto;
  }
}
.p-greeting__img img {
  border-radius: 1.6666666667rem;
}

.p-greeting__body {
  width: 68%;
}
@media screen and (max-width: 768px) {
  .p-greeting__body {
    width: 100%;
    margin-top: 1.3888888889rem;
  }
}

.p-greeting__text {
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-greeting__text {
    font-size: 0.8333333333rem;
  }
}

.p-greeting__name {
  text-align: right;
  letter-spacing: 0.05em;
  margin-top: 22.222px;
  margin-top: 1.3888888889rem;
}
.p-greeting__name span {
  display: block;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-greeting__name span {
    font-size: 1rem;
  }
}

/* p-group */
.p-group {
  padding-bottom: 107.555px;
  padding-bottom: 6.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-group {
    padding-bottom: 5.5555555556rem;
  }
}

.p-group__item + .p-group__item {
  margin-top: 88.888px;
  margin-top: 5.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-group__item + .p-group__item {
    margin-top: 3.3333333333rem;
  }
}

.p-group__subtitle {
  text-align: center;
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-group__subtitle {
    font-size: 1.2222222222rem;
  }
}

.p-group__body {
  background: rgba(248, 248, 248, .5);
  border-radius: 1.1111111111rem;
  margin-top: 28.444px;
  margin-top: 1.7777777778rem;
  padding: 20.444px 45.333px 47.111px;
  padding: 1.2777777778rem 2.8333333333rem 2.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-group__body {
    margin-top: 1.1111111111rem;
    padding: 1.6666666667rem 1.1111111111rem;
  }
}

.p-group__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-group__links {
    display: block;
  }
}

.p-group__link {
  width: calc(50% - 0.94444rem);
  margin-top: 27.555px;
  margin-top: 1.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-group__link {
    width: 100%;
    margin-top: 0;
  }
  .p-group__link + .p-group__link {
    margin-top: 0.5555555556rem;
  }
}
.p-group__link:not(:nth-child(2n+1)) {
  margin-left: 30.222px;
  margin-left: 1.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-group__link:not(:nth-child(2n+1)) {
    margin-left: 0;
  }
}
.p-group__link a {
  display: block;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  color: #0086a3;
  background: #fff;
  letter-spacing: 0.05em;
  border: 0.888px solid #0086a3;
  border: 0.0555555556rem solid #0086a3;
  border-radius: 2.4444444444rem;
  padding: 25.777px 44.444px;
  padding: 1.6111111111rem 2.7777777778rem;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
@media screen and (max-width: 768px) {
  .p-group__link a {
    font-size: 0.8333333333rem;
    height: 3.6111111111rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.2777777778rem 1.1111111111rem;
  }
}
.p-group__link a:hover {
  opacity: 1;
  color: #fff;
  background: #0086a3;
}
.p-group__link a:hover span {
  background: url(../img/common/white-link_icon.png) no-repeat center right/17.777px;
  background: url(../img/common/white-link_icon.png) no-repeat center right/1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-group__link a:hover span {
    background: url(../img/common/white-link_icon.png) no-repeat center right/0.8333333333rem;
  }
}
.p-group__link span {
  display: inline-block;
  background: url(../img/common/blue-link_icon.png) no-repeat center right/17.777px;
  background: url(../img/common/blue-link_icon.png) no-repeat center right/1.1111111111rem;
  padding-right: 23.111px;
  padding-right: 1.4444444444rem;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (max-width: 768px) {
  .p-group__link span {
    background: url(../img/common/blue-link_icon.png) no-repeat center right/0.8333333333rem;
    padding-right: 1.2222222222rem;
  }
}
.p-group__link--nolink a {
  pointer-events: none;
}
.p-group__link--nolink span {
  background: none;
  padding-right: 0;
}

/* p-history */
.p-history {
  padding-bottom: 133.333px;
  padding-bottom: 8.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-history {
    padding-bottom: 5.5555555556rem;
  }
}

.p-history__items {
  width: 835.555px;
  width: 52.2222222222rem;
  max-width: 100%;
  margin: 0 auto;
}

.p-history__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-history__item:not(:last-child) {
  padding-bottom: 71.111px;
  padding-bottom: 4.4444444444rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-history__item:not(:last-child) {
    padding-bottom: 2.2222222222rem;
  }
}
.p-history__item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 4.444px;
  width: 0.2777777778rem;
  height: 100%;
  background: rgba(0, 134, 163, .5);
  left: 184.888px;
  left: 11.5555555556rem;
  bottom: -22.222px;
  bottom: -1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-history__item:not(:last-child)::before {
    width: 0.1666666667rem;
    left: 5rem;
    bottom: -0.8333333333rem;
  }
}
.p-history__item:not(:first-child) .p-history__item-body {
  padding-top: 8.888px;
  padding-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-history__item:not(:first-child) .p-history__item-body {
    padding-top: 0;
  }
}
.p-history__item:first-child .p-history__item-date::before {
  top: 8.888px;
  top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-history__item:first-child .p-history__item-date::before {
    top: 0.4444444444rem;
  }
}
.p-history__item:nth-child(n+6):nth-child(-n+14) .p-history__item-year {
  letter-spacing: 0;
}

.p-history__item-year {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 44.444px;
  font-size: 2.7777777778rem;
  font-weight: 600;
  color: rgba(6, 121, 148, .4);
  line-height: 1;
  letter-spacing: 0.1em;
  min-width: 146.666px;
  min-width: 9.1666666667rem;
}
@media screen and (max-width: 768px) {
  .p-history__item-year {
    font-size: 1.5555555556rem;
    min-width: 4.1666666667rem;
    line-height: 1.1;
  }
}

.p-history__item-body {
  margin-left: 62.222px;
  margin-left: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-history__item-body {
    margin-left: 1.6666666667rem;
  }
}

.p-history__item-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.p-history__item-date:not(:first-child) {
  margin-top: 40px;
  margin-top: 2.5rem;
}
.p-history__item-date::before {
  position: absolute;
  content: "";
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  border-radius: 50%;
  background: #0086a3;
  border: 2.666px solid #fff;
  border: 0.1666666667rem solid #fff;
  left: -30.222px;
  left: -1.8888888889rem;
  top: 10.666px;
  top: 0.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-history__item-date::before {
    width: 0.6666666667rem;
    height: 0.6666666667rem;
    border: 0.1111111111rem solid #fff;
    top: 0.4444444444rem;
    left: -1.1111111111rem;
  }
}

.p-history__item-month {
  display: inline-block;
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  min-width: 48.888px;
  min-width: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-history__item-month {
    font-size: 1rem;
    min-width: 2.5rem;
  }
}

.p-history__item-text {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-left: 57.777px;
  margin-left: 3.6111111111rem;
}
@media screen and (max-width: 768px) {
  .p-history__item-text {
    font-size: 0.7777777778rem;
    margin-left: 0.5555555556rem;
  }
}

#en .p-history__item-date {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#en .p-history__item-text {
  margin-left: 0;
}
#en .p-history__item-month {
  letter-spacing: 0;
}

/* p-map */
.p-map {
  padding-bottom: 71.111px;
  padding-bottom: 4.4444444444rem;
  max-width: 977.777px;
  max-width: 61.1111111111rem;
  margin: 0 auto;
}
.p-map h3 {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
  margin-bottom: 26.666px;
  margin-bottom: 1.6666666667rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-map h3 {
    font-size: 1.1111111111rem;
  }
}
.p-map h4 {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
  padding-bottom: 13.333px;
  padding-bottom: 0.8333333333rem;
  margin-bottom: 13.333px;
  margin-bottom: 0.8333333333rem;
  border-bottom: 2px solid #8eb6c3;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-map h4 {
    font-size: 1rem;
  }
}
.p-map h5 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
  margin-bottom: 13.333px;
  margin-bottom: 0.8333333333rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-map h5 {
    font-size: 1rem;
  }
}
.p-map img {
  display: block;
  width: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-map img {
    width: 100%;
  }
}
.p-map img.c-left {
  margin: 8.888px 0 0 0;
  margin: 0.5555555556rem 0 0 0;
}
.p-map__map-img {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
.p-map a {
  display: block;
  text-align: center;
  width: 222.222px;
  width: 13.8888888889rem;
  max-width: 100%;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0086a3;
  border-radius: 55.5555555556rem;
  padding: 8.888px 8.888px;
  padding: 0.5555555556rem 0.5555555556rem;
  background: #fff;
  border: 1px solid #0086a3;
  margin: 17.777px auto;
  margin: 1.1111111111rem auto;
}
.p-map a::after {
  content: "";
  display: inline-block;
  width: 14.222px;
  width: 0.8888888889rem;
  height: 14.222px;
  height: 0.8888888889rem;
  background: url(../img/common/blue-link_icon.png);
  background-size: cover;
  margin-left: 7.111px;
  margin-left: 0.4444444444rem;
}
.p-map table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-map table {
    display: block;
  }
}
.p-map table th {
  text-align: left;
  width: 30%;
  padding: 17.777px;
  padding: 1.1111111111rem;
  background-color: #e5f3f6;
  color: #0086a3;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-map table th {
    width: 100%;
    display: block;
  }
}
.p-map table td {
  padding: 17.777px;
  padding: 1.1111111111rem;
  background-color: #efefef;
}
@media screen and (max-width: 768px) {
  .p-map table td {
    width: 100%;
    display: block;
  }
}
.p-map table dl {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 768px) {
  .p-map table dl {
    grid-template-columns: 1fr;
  }
}
.p-map table dl dt::after {
  content: "・・・";
}
.p-map table dl + p {
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
.p-map table dl.wide {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 768px) {
  .p-map table dl.wide {
    grid-template-columns: 1fr;
  }
}

/* p-mission */
.p-mission {
  padding-bottom: 62.222px;
  padding-bottom: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-mission {
    padding-bottom: 2.2222222222rem;
  }
}

.p-mission__title::before {
  content: "MISSION";
}

.p-mission__content {
  border-radius: 1.1111111111rem;
  background: rgba(248, 248, 248, .5);
  padding: 35.555px 97.777px 17.777px 102.222px;
  padding: 2.2222222222rem 6.1111111111rem 1.1111111111rem 6.3888888889rem;
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-mission__content {
    padding: 1.6666666667rem 1.1111111111rem;
    margin-top: 2.2222222222rem;
  }
}

.p-mission__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-mission__item {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-mission__item:not(:first-child) {
    border-top: 0.0555555556rem solid #cbdce2;
    margin-top: 1.3888888889rem;
    padding-top: 1.3888888889rem;
  }
}
.p-mission__item:not(:first-child) .p-mission__item-text {
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
}
@media screen and (max-width: 768px) {
  .p-mission__item:not(:first-child) .p-mission__item-text {
    border-top: none;
  }
}

.p-mission__item-number {
  font-family: "Poppins", sans-serif;
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  font-weight: 400;
  color: #067994;
  min-width: 17.777px;
  min-width: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-mission__item-number {
    font-size: 1.7777777778rem;
    text-align: center;
  }
}

.p-mission__item-text {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-left: 66.666px;
  margin-left: 4.1666666667rem;
  padding: 41.777px 0;
  padding: 2.6111111111rem 0;
}
@media screen and (max-width: 768px) {
  .p-mission__item-text {
    font-size: 0.8888888889rem;
    padding: 0;
    margin-left: 0;
    margin-top: 0.5555555556rem;
  }
}
.p-mission__item-text h3 {
  font-size: 19.555px;
  font-size: 1.2222222222rem;
  font-weight: bold;
  color: #067994;
  margin-bottom: 8.888px;
  margin-bottom: 0.5555555556rem;
}

/* p-network */
.p-network {
  padding-bottom: 127.111px;
  padding-bottom: 7.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-network {
    padding-bottom: 5.5555555556rem;
  }
}

.p-network__subtitle {
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-network__subtitle {
    font-size: 1.1111111111rem;
  }
}

.p-network__content {
  background: rgba(248, 248, 248, .5);
  border-radius: 1.1111111111rem;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
  padding: 71.111px 71.111px 58.666px;
  padding: 4.4444444444rem 4.4444444444rem 3.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-network__content {
    padding: 1.6666666667rem 1.1111111111rem;
  }
}

.p-network__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-network__item {
    display: block;
  }
}
.p-network__item + .p-network__item {
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
  padding-top: 44.444px;
  padding-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-network__item + .p-network__item {
    margin-top: 2.2222222222rem;
    padding-top: 2.2222222222rem;
  }
}
.p-network__item:first-child .p-network__item-list-item {
  font-size: 14.222px;
  font-size: 0.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-network__item:first-child .p-network__item-list-item {
    font-size: 0.8333333333rem;
  }
}

.p-network__item-img {
  width: 38%;
}
@media screen and (max-width: 768px) {
  .p-network__item-img {
    width: 100%;
  }
}
.p-network__item-img img {
  border-radius: 1.3888888889rem;
}

.p-network__item-body {
  width: 58%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .p-network__item-body {
    width: 100%;
    display: block;
    margin-top: 0.8333333333rem;
  }
}

.p-network__item-texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-network__item-texts {
    display: block;
    height: auto;
  }
}

.p-network__item-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-network__item-title {
    font-size: 1rem;
  }
}

.p-network__item-subtitle {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 22.222px;
  margin-top: 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-network__item-subtitle {
    font-size: 0.8888888889rem;
    margin-top: 0.5555555556rem;
  }
}

.p-network__item-list {
  margin-top: 10.666px;
  margin-top: 0.6666666667rem;
  margin-left: 13.333px;
  margin-left: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-network__item-list {
    margin-left: 0;
    margin-top: 0.2777777778rem;
  }
}

.p-network__item-list-item {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.875;
  letter-spacing: 0.05em;
  padding-left: 1.5em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-network__item-list-item {
    font-size: 0.8333333333rem;
    padding-left: 1.2em;
  }
}
.p-network__item-list-item::before {
  position: absolute;
  content: "●";
  font-size: 14.222px;
  font-size: 0.8888888889rem;
  color: #0086a3;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .p-network__item-list-item::before {
    font-size: 0.7222222222rem;
    top: 0.1666666667rem;
  }
}

@media screen and (max-width: 768px) {
  .p-network__item-link-wrapper {
    text-align: right;
    margin-top: 1.1111111111rem;
  }
}

.p-network__item-link {
  display: inline-block;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.1em;
  background: url(../img/common/blue-link_icon.png) no-repeat center right/15.111px;
  background: url(../img/common/blue-link_icon.png) no-repeat center right/0.9444444444rem;
  margin-left: 8.888px;
  margin-left: 0.5555555556rem;
  padding-right: 20.444px;
  padding-right: 1.2777777778rem;
}
.p-network__item-link span {
  display: inline-block;
  padding-bottom: 1.777px;
  padding-bottom: 0.1111111111rem;
  position: relative;
}
.p-network__item-link span::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.888px;
  height: 0.0555555556rem;
  background: #0086a3;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.p-network__item-link:hover {
  opacity: 1;
}
.p-network__item-link:hover span::before {
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
}

#en .p-network__item-link {
  word-spacing: 0.08em;
  margin-left: 0;
}

/* p-organization */
.p-organization {
  padding-bottom: 96px;
  padding-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .p-organization {
    padding-bottom: 4.4444444444rem;
  }
  .p-organization .l-inner {
    padding: 0 0.5555555556rem;
  }
}

/* p-policy */
.p-policy {
  padding: 62.222px 0 66.666px;
  padding: 3.8888888889rem 0 4.1666666667rem;
}
@media screen and (max-width: 768px) {
  .p-policy {
    padding: 2.2222222222rem 0;
  }
}

.p-policy__title::before {
  content: "POLICY";
}

.p-policy__content {
  border-radius: 1.1111111111rem;
  background: rgba(248, 248, 248, .5);
  padding: 35.555px 97.777px 26.666px 80px;
  padding: 2.2222222222rem 6.1111111111rem 1.6666666667rem 5rem;
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-policy__content {
    padding: 2.2222222222rem 1.1111111111rem 1.6666666667rem;
    margin-top: 2.2222222222rem;
  }
}

.p-policy__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-policy__unit {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-policy__unit:not(:first-child) {
    border-top: 0.0555555556rem solid #cbdce2;
    padding-top: 1.3888888889rem;
    margin-top: 1.3888888889rem;
  }
}
.p-policy__unit:not(:first-child) .p-policy__unit-body {
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
}
@media screen and (max-width: 768px) {
  .p-policy__unit:not(:first-child) .p-policy__unit-body {
    border-top: none;
  }
}

.p-policy__unit-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0086a3;
  padding-top: 44.444px;
  padding-top: 2.7777777778rem;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-policy__unit-title {
    text-align: center;
    font-size: 1.1111111111rem;
    padding-top: 0;
  }
}

.p-policy__unit-body {
  margin-left: 29.333px;
  margin-left: 1.8333333333rem;
  padding: 84.444px 0 44.444px;
  padding: 5.2777777778rem 0 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-policy__unit-body {
    padding: 0;
    margin-left: 0;
    margin-top: 1.1111111111rem;
  }
}

.p-policy__unit-text {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-policy__unit-text {
    font-size: 1rem;
  }
}

.p-policy__unit-subtext {
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.67;
  letter-spacing: 0.05em;
  margin-top: 4.444px;
  margin-top: 0.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-policy__unit-subtext {
    font-size: 0.8888888889rem;
    margin-top: 0.8333333333rem;
  }
}

.p-policy__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-policy__item {
    display: block;
  }
}
.p-policy__item + .p-policy__item {
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-policy__item + .p-policy__item {
    margin-top: 1.6666666667rem;
  }
}

.p-policy__item-number {
  font-family: "Poppins", sans-serif;
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  color: #067994;
  min-width: 13.333px;
  min-width: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-policy__item-number {
    text-align: center;
    font-size: 1.5555555556rem;
  }
}

.p-policy__item-body {
  padding-left: 28.444px;
  padding-left: 1.7777777778rem;
  margin-left: 19.555px;
  margin-left: 1.2222222222rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-policy__item-body {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0.2777777778rem;
  }
}
.p-policy__item-body::before {
  position: absolute;
  content: "";
  left: 0;
  top: 4.444px;
  top: 0.2777777778rem;
  background: #0086a3;
  width: 1.777px;
  width: 0.1111111111rem;
  height: 96px;
  height: 6rem;
}
@media screen and (max-width: 768px) {
  .p-policy__item-body::before {
    display: none;
  }
}

.p-policy__item-title {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-policy__item-title {
    font-size: 0.8888888889rem;
  }
}

.p-policy__item-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.89;
  letter-spacing: 0.05em;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-policy__item-text {
    font-size: 0.8333333333rem;
  }
}

.p-policy__item-list {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.89;
  letter-spacing: 0.05em;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
  margin-left: 40px;
  margin-left: 2.5rem;
  text-indent: -40px;
  text-indent: -2.5rem;
}
@media screen and (max-width: 768px) {
  .p-policy__item-list {
    font-size: 0.8333333333rem;
  }
}

.p-policy__item-notice {
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}

#en .p-safety__unit-subtext {
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.67;
  letter-spacing: 0.05em;
  margin-top: 4.444px;
  margin-top: 0.2777777778rem;
  padding-bottom: 44.444px;
  padding-bottom: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  #en .p-safety__unit-subtext {
    font-size: 0.8888888889rem;
    margin-top: 2.7777777778rem;
    padding-bottom: 0;
  }
}

/* p-profile */
.p-profile {
  padding-bottom: 151.111px;
  padding-bottom: 9.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-profile {
    padding-bottom: 5.5555555556rem;
  }
}

.p-profile__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-profile__inner {
    display: block;
  }
}

.p-profile__img {
  width: 29vw;
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .p-profile__img {
    width: 80%;
    margin: 0 auto;
  }
}
.p-profile__img img {
  border-radius: 0 2.2222222222rem 2.2222222222rem 0;
  height: 632.888px;
  height: 39.5555555556rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-profile__img img {
    height: auto;
    border-radius: 2.2222222222rem;
  }
}

.p-profile__list {
  width: 68%;
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
}
@media screen and (max-width: 768px) {
  .p-profile__list {
    width: 100%;
    margin-top: 2.2222222222rem;
  }
}

.p-profile__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.888px solid #cbdce2;
  border-bottom: 0.0555555556rem solid #cbdce2;
  padding: 25.777px 0;
  padding: 1.6111111111rem 0;
}
@media screen and (max-width: 768px) {
  .p-profile__list-item {
    display: block;
    font-size: 0.8333333333rem;
    padding: 1.3888888889rem 0;
  }
}

.p-profile__list-title {
  width: 12%;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-profile__list-title {
    width: 100%;
  }
}

.p-profile__list-body {
  width: 85%;
}
@media screen and (max-width: 768px) {
  .p-profile__list-body {
    width: 100%;
    margin-top: 0.5555555556rem;
  }
}

.p-profile__list-text {
  line-height: 1.75;
  letter-spacing: 0.05em;
}

.p-profile__list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-profile__list-flex:not(:first-child) {
  margin-top: 22.222px;
  margin-top: 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-profile__list-flex:not(:first-child) {
    margin-top: 0.8333333333rem;
  }
}

.p-profile__list-flex-title {
  line-height: 1.75;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.p-profile__list-flex-text {
  line-height: 1.75;
  letter-spacing: 0.05em;
  margin-left: 31.111px;
  margin-left: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-profile__list-flex-text {
    margin-left: 1.1111111111rem;
  }
}
.p-profile__list-flex-text a {
  color: #0086a3;
}
.p-profile__list-flex-text a::after {
  content: "";
  display: inline-block;
  width: 14.222px;
  width: 0.8888888889rem;
  height: 14.222px;
  height: 0.8888888889rem;
  background: url(../img/common/blue-link_icon.png);
  background-size: cover;
  margin-left: 7.111px;
  margin-left: 0.4444444444rem;
}

#en .p-profile__list-title {
  width: 20%;
}
@media screen and (max-width: 768px) {
  #en .p-profile__list-title {
    width: 100%;
  }
}
#en .p-profile__list-body {
  width: 80%;
}
@media screen and (max-width: 768px) {
  #en .p-profile__list-body {
    width: 100%;
  }
}
#en .p-profile__list-flex-text a::after {
  content: "";
  display: inline-block;
  width: 14.222px;
  width: 0.8888888889rem;
  height: 14.222px;
  height: 0.8888888889rem;
  background: url(../img/common/blue-link_icon.png);
  background-size: cover;
  margin-left: 7.111px;
  margin-left: 0.4444444444rem;
}

/* p-safety */
.p-safety {
  padding: 66.666px 0 142.222px;
  padding: 4.1666666667rem 0 8.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-safety {
    padding: 2.2222222222rem 0 5.5555555556rem;
  }
}

.p-safety__title::before {
  content: "SAFETY";
}

.p-safety__img {
  width: 640px;
  width: 40rem;
  max-width: 100%;
  margin: 75.555px auto 0;
  margin: 4.7222222222rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-safety__img {
    margin-top: 2.2222222222rem;
  }
}

/* p-contact */
.p-contact {
  padding-bottom: 118.222px;
  padding-bottom: 7.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-contact {
    padding-bottom: 5.5555555556rem;
  }
}

@media screen and (max-width: 768px) {
  .p-contact__form textarea::-webkit-input-placeholder,
  .p-contact__form input::-webkit-input-placeholder {
    font-size: 0.7777777778rem;
  }
  .p-contact__form textarea::-moz-placeholder,
  .p-contact__form input::-moz-placeholder {
    font-size: 0.7777777778rem;
  }
  .p-contact__form textarea::-ms-input-placeholder,
  .p-contact__form input::-ms-input-placeholder {
    font-size: 0.7777777778rem;
  }
  .p-contact__form textarea::placeholder,
  .p-contact__form input::placeholder {
    font-size: 0.7777777778rem;
  }
}

/* p-csr */
.p-csr {
  padding-bottom: 48.888px;
  padding-bottom: 3.0555555556rem;
}

.p-csr__inner {
  position: relative;
  padding-bottom: 62.222px;
  padding-bottom: 3.8888888889rem;
}

.p-csr__units {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-csr__units {
    margin-top: 2.2222222222rem;
  }
}
.p-csr__units .c-unit__inner {
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .p-csr__units .c-unit__inner {
    padding-bottom: 2.7777777778rem;
  }
}
.p-csr__units .c-unit__title {
  white-space: wrap;
}
.p-csr__units .c-unit__img {
  margin-top: auto;
}
.p-csr__img {
  width: 227.555px;
  width: 14.2222222222rem;
  max-width: 100%;
  margin-left: auto;
  margin-top: 60.444px;
  margin-top: 3.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-csr__img {
    width: 8.3333333333rem;
    margin-top: 2.2222222222rem;
  }
}

/* p-diversity */
.p-diversity {
  padding-bottom: 123.555px;
  padding-bottom: 7.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-diversity {
    padding-bottom: 5.5555555556rem;
  }
}

.p-diversity__content {
  background: #e5f3f6;
  border-radius: 1.7222222222rem;
  padding: 74.666px 76.444px 62.222px 90.666px;
  padding: 4.6666666667rem 4.7777777778rem 3.8888888889rem 5.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-diversity__content {
    padding: 2.2222222222rem 1.1111111111rem;
    border-radius: 1.1111111111rem;
  }
}

.p-diversity__text {
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-diversity__text {
    font-size: 0.8333333333rem;
    margin-top: 2.2222222222rem;
  }
}

#en .p-diversity {
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  #en .p-diversity {
    margin-top: 1.1111111111rem;
  }
}

/* p-health */
.p-health {
  padding-bottom: 110.222px;
  padding-bottom: 6.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-health {
    padding-bottom: 5.5555555556rem;
  }
}

.p-health__group + .p-health__group {
  margin-top: 102.222px;
  margin-top: 6.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-health__group + .p-health__group {
    margin-top: 4.4444444444rem;
  }
}

.p-health__box {
  background: #e5f3f6;
  border-radius: 1.1666666667rem;
  padding: 62.222px 35.555px 26.666px;
  padding: 3.8888888889rem 2.2222222222rem 1.6666666667rem;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-health__box {
    padding: 1.6666666667rem 1.1111111111rem;
    margin-top: 1.6666666667rem;
  }
}

.p-health__text {
  text-align: center;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .p-health__text {
    text-align: left;
    font-size: 0.8888888889rem;
  }
}

.p-health__subtext {
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.05em;
  margin-top: -8.888px;
  margin-top: -0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-health__subtext {
    font-size: 0.8333333333rem;
    margin-top: 0.5555555556rem;
  }
}

.p-health__lead {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-health__lead {
    text-align: left;
    font-size: 0.8888888889rem;
    margin-top: 1.1111111111rem;
  }
}

.p-health__img-wrapper {
  background: #e5f3f6;
  border-radius: 1.1666666667rem;
  padding: 50.666px 127.111px 62.222px 124.444px;
  padding: 3.1666666667rem 7.9444444444rem 3.8888888889rem 7.7777777778rem;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-health__img-wrapper {
    padding: 1.3888888889rem 0.8333333333rem;
    margin-top: 1.1111111111rem;
  }
}

.p-health__link {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  margin: 53.333px auto 0;
  margin: 3.3333333333rem auto 0;
  display: block;
}
.p-health__link a {
  text-decoration: underline;
  background: url(../img/common/pdf_icon.png) no-repeat right/19.555px;
  background: url(../img/common/pdf_icon.png) no-repeat right/1.2222222222rem;
  padding-right: 22.222px;
  padding-right: 1.3888888889rem;
}
.p-health__link a:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .p-health__link {
    font-size: 0.8888888889rem;
    margin: 2.2222222222rem auto 0;
  }
}

/* p-iso */
.p-iso__body {
  width: 1031.111px;
  width: 64.4444444444rem;
  max-width: 100%;
  background: #e5f3f6;
  border-radius: 1.7222222222rem;
  margin: 40px auto 0;
  margin: 2.5rem auto 0;
  padding: 53.333px 80px 52.444px 76.444px;
  padding: 3.3333333333rem 5rem 3.2777777778rem 4.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-iso__body {
    border-radius: 1.1111111111rem;
    padding: 2.2222222222rem 1.1111111111rem;
  }
}

.p-iso__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-iso__inner {
    display: block;
  }
}

.p-iso__items {
  width: 54%;
}
@media screen and (max-width: 768px) {
  .p-iso__items {
    width: 100%;
  }
}

.p-iso__item {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.05em;
  padding-left: 1.5em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-iso__item {
    font-size: 0.8333333333rem;
  }
}
.p-iso__item::before {
  position: absolute;
  content: "●";
  top: 0;
  left: 0;
  color: #0086a3;
}

.p-iso__img {
  width: 44%;
}
@media screen and (max-width: 768px) {
  .p-iso__img {
    width: 16.6666666667rem;
    max-width: 100%;
    margin: 1.1111111111rem auto 0;
  }
}
.p-iso__img img {
  border-radius: 1.3888888889rem;
}

.p-iso__content {
  background: #e5f3f6;
  margin-top: 120.888px;
  margin-top: 7.5555555556rem;
  padding: 111.111px 0 128px;
  padding: 6.9444444444rem 0 8rem;
}
@media screen and (max-width: 768px) {
  .p-iso__content {
    margin-top: 4.4444444444rem;
    padding: 3.3333333333rem 0 5.5555555556rem;
  }
}

.p-iso__list {
  width: 888.888px;
  width: 55.5555555556rem;
  max-width: 100%;
  margin: 57.777px auto 0;
  margin: 3.6111111111rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-iso__list {
    margin-top: 2.2222222222rem;
  }
}

.p-iso__list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #0086a3;
  border-radius: 1.1111111111rem 1.1111111111rem 0 0;
}

.p-iso__list-subtitle {
  text-align: center;
  width: 50%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  padding: 17.777px 0;
  padding: 1.1111111111rem 0;
}
@media screen and (max-width: 768px) {
  .p-iso__list-subtitle {
    font-size: 0.8888888889rem;
    padding: 0.8333333333rem 0;
  }
}
.p-iso__list-subtitle:nth-child(2) {
  border-left: 0.888px solid #fff;
  border-left: 0.0555555556rem solid #fff;
}

.p-iso__list-items {
  background: #fff;
  padding: 0 35.555px 8.888px;
  padding: 0 2.2222222222rem 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-iso__list-items {
    padding: 0 1.1111111111rem 0.5555555556rem;
  }
}

.p-iso__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 23.111px 17.777px 16.888px;
  padding: 1.4444444444rem 1.1111111111rem 1.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-iso__list-item {
    padding: 1.1111111111rem 0;
  }
}
.p-iso__list-item + .p-iso__list-item {
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
}

.p-iso__list-text {
  width: 50%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-iso__list-text {
    font-size: 0.7777777778rem;
  }
}
@media screen and (max-width: 768px) {
  .p-iso__list-text:first-child {
    padding-right: 0.5555555556rem;
  }
}
.p-iso__list-text:nth-child(2) {
  padding-left: 53.333px;
  padding-left: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-iso__list-text:nth-child(2) {
    padding-left: 0.5555555556rem;
  }
}

/* p-next */
.p-next {
  padding-bottom: 103.111px;
  padding-bottom: 6.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-next {
    padding-bottom: 5.5555555556rem;
  }
}
@media screen and (max-width: 768px) {
  .p-next .p-flow__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-next__group + .p-next__group {
  margin-top: 106.666px;
  margin-top: 6.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-next__group + .p-next__group {
    margin-top: 5.5555555556rem;
  }
}

.p-next__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-next__items {
    display: block;
    margin-top: 1.6666666667rem;
  }
}

.p-next__item {
  width: 46%;
  border-radius: 1.7222222222rem;
  padding: 44.444px 35.555px 49.777px 53.333px;
  padding: 2.7777777778rem 2.2222222222rem 3.1111111111rem 3.3333333333rem;
  background: #e5f3f6;
}
@media screen and (max-width: 768px) {
  .p-next__item {
    width: 100%;
    border-radius: 1.1111111111rem;
    padding: 2.2222222222rem 1.1111111111rem;
  }
}
.p-next__item + .p-next__item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-next__item + .p-next__item {
    margin-top: 3.3333333333rem;
  }
}
.p-next__item + .p-next__item::before {
  position: absolute;
  content: "";
  width: 40px;
  width: 2.5rem;
  height: 64.888px;
  height: 4.0555555556rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -12%;
  background: url(../img/csr/next_arrow_pc.png) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .p-next__item + .p-next__item::before {
    width: 2rem;
    height: 1.2222222222rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -2.2222222222rem;
    background: url(../img/csr/next_arrow_sp.png) no-repeat center/contain;
  }
}
.p-next__item:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-next__item:nth-child(2) {
    display: block;
  }
}

.p-next__lead {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-next__lead {
    font-size: 0.8333333333rem;
  }
}

.p-next__flow {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-next__flow {
    margin-top: 1.1111111111rem;
  }
}

.p-next__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-next__inner {
    display: block;
  }
}

.p-next__texts {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .p-next__texts {
    width: 100%;
  }
}

.p-next__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-next__text {
    font-size: 0.8333333333rem;
  }
}

.p-next__subtext {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  color: #0086a3;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-next__subtext {
    font-size: 0.8888888889rem;
  }
}

.p-next__img {
  width: 34%;
}
@media screen and (max-width: 768px) {
  .p-next__img {
    width: 8.3333333333rem;
    max-width: 100%;
    margin: 1.1111111111rem auto 0;
  }
}
.p-next__img img {
  border-radius: 1.1111111111rem;
}

.p-next__content {
  border-radius: 1.7222222222rem;
  background: #e5f3f6;
  padding: 88.888px 87.111px 75.555px 78.222px;
  padding: 5.5555555556rem 5.4444444444rem 4.7222222222rem 4.8888888889rem;
  margin-top: 37.333px;
  margin-top: 2.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-next__content {
    border-radius: 1.1111111111rem;
    padding: 2.2222222222rem 1.1111111111rem;
    margin-top: 1.6666666667rem;
  }
}

.p-next__subtitle {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-bottom: 0.888px solid #cbdce2;
  border-bottom: 0.0555555556rem solid #cbdce2;
  padding-bottom: 8.888px;
  padding-bottom: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-next__subtitle {
    font-size: 1rem;
    padding-right: 0;
  }
}

.p-next__list {
  margin-top: 62.222px;
  margin-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-next__list {
    margin-top: 2.2222222222rem;
  }
}

.p-next__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-next__list-item {
    display: block;
  }
}
.p-next__list-item + .p-next__list-item {
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-next__list-item + .p-next__list-item {
    margin-top: 1.6666666667rem;
  }
}
.p-next__list-item:first-child .p-next__list-body::before {
  top: -13.333px;
  top: -0.8333333333rem;
  bottom: -13.333px;
  bottom: -0.8333333333rem;
}
.p-next__list-item:nth-child(3) {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}

.p-next__list-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  min-width: 88.888px;
  min-width: 5.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-next__list-title {
    font-size: 1rem;
  }
}

.p-next__list-body {
  padding-top: 4.444px;
  padding-top: 0.2777777778rem;
  padding-left: 32px;
  padding-left: 2rem;
  margin-left: 30.222px;
  margin-left: 1.8888888889rem;
  margin-top: -2.666px;
  margin-top: -0.1666666667rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-next__list-body {
    margin-top: 0.8333333333rem;
    margin-left: 0;
    padding: 0;
  }
}
.p-next__list-body::before {
  position: absolute;
  content: "";
  width: 1.777px;
  width: 0.1111111111rem;
  background: #0086a3;
  left: 0;
  top: 13.333px;
  top: 0.8333333333rem;
  bottom: 4.444px;
  bottom: 0.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-next__list-body::before {
    display: none;
  }
}

.p-next__list-text {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-next__list-text {
    font-size: 0.8888888889rem;
  }
}

.p-next__list-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-next__list-unit + .p-next__list-unit {
  margin-top: 22.222px;
  margin-top: 1.3888888889rem;
}

.p-next__list-unit-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  min-width: 44.444px;
  min-width: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-next__list-unit-title {
    font-size: 0.8888888889rem;
  }
}

.p-next__list-unit-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-left: 28.444px;
  margin-left: 1.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-next__list-unit-text {
    font-size: 0.8333333333rem;
    margin-top: 0.1111111111rem;
    margin-left: 0.8333333333rem;
  }
}
.p-next__list-unit-text span {
  display: inline-block;
}
.p-next__list-unit-text span:not(:first-child) {
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}

.p-next__date {
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-next__date {
    font-size: 0.8333333333rem;
    margin-top: 1.6666666667rem;
  }
}

/* p-sustainability */
.p-sustainability {
  padding-bottom: 124.444px;
  padding-bottom: 7.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-sustainability {
    padding-bottom: 5.5555555556rem;
  }
}

.p-sustainability__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-sustainability__inner {
    display: block;
  }
}

.p-sustainability__text {
  width: 45%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-sustainability__text {
    width: 100%;
    font-size: 0.8333333333rem;
    margin-top: 1.1111111111rem;
  }
}

.p-sustainability__img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-sustainability__img {
    width: 100%;
  }
}
.p-sustainability__img img {
  border-radius: 1.1111111111rem;
}

.p-sustainability__boxes {
  margin-top: 112px;
  margin-top: 7rem;
}
@media screen and (max-width: 768px) {
  .p-sustainability__boxes {
    margin-top: 3.3333333333rem;
  }
}

.p-sustainability__box:first-child .p-box__body {
  padding: 66.666px 0 120px;
  padding: 4.1666666667rem 0 7.5rem;
}
@media screen and (max-width: 768px) {
  .p-sustainability__box:first-child .p-box__body {
    padding: 3.3333333333rem 0;
  }
}
.p-sustainability__box:nth-child(2) .p-box__body {
  padding-top: 71.111px;
  padding-top: 4.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-sustainability__box:nth-child(2) .p-box__body {
    padding-top: 3.3333333333rem;
  }
}
.p-sustainability__box:nth-child(2) .p-box__subimg {
  width: 210.666px;
  width: 13.1666666667rem;
  max-width: 100%;
  position: absolute;
  right: 8.888px;
  right: 0.5555555556rem;
  bottom: 71.111px;
  bottom: 4.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-sustainability__box:nth-child(2) .p-box__subimg {
    position: static;
    width: 6.6666666667rem;
    margin-left: auto;
    margin-top: 1.1111111111rem;
  }
}

#en .p-sustainability__inner {
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  #en .p-sustainability__inner {
    margin-top: 1.1111111111rem;
  }
}

/* p-women */
.p-women {
  padding-bottom: 148.444px;
  padding-bottom: 9.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-women {
    padding-bottom: 5.5555555556rem;
  }
}

.p-women__box:first-child .p-box__body {
  padding-bottom: 142.222px;
  padding-bottom: 8.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-women__box:first-child .p-box__body {
    padding-bottom: 2.2222222222rem;
  }
}
.p-women__img01,
.p-women__img02 {
  position: absolute;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-women__img01,
  .p-women__img02 {
    position: static;
  }
}

.p-women__img01 {
  width: 534.222px;
  width: 33.3888888889rem;
  top: 44.444px;
  top: 2.7777777778rem;
  right: -551.111px;
  right: -34.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-women__img01 {
    width: 13.8888888889rem;
    margin-top: 3.3333333333rem;
  }
}

.p-women__img02 {
  width: 242.666px;
  width: 15.1666666667rem;
  top: 355.555px;
  top: 22.2222222222rem;
  right: -551.111px;
  right: -34.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-women__img02 {
    width: 8.3333333333rem;
    margin-left: auto;
  }
}

.p-women__body {
  width: 584px;
  width: 36.5rem;
  max-width: 100%;
  border-radius: 1.1111111111rem;
  background: #fff;
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
  padding: 22.222px 53.333px 44.444px 40px;
  padding: 1.3888888889rem 3.3333333333rem 2.7777777778rem 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-women__body {
    width: 100%;
    margin-top: 2.2222222222rem;
    padding: 1.6666666667rem 1.1111111111rem;
  }
}

.p-women__subtitle {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.2em;
}

.p-women__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 17.777px;
  padding-left: 1.1111111111rem;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-women__inner {
    display: block;
    padding-left: 0;
    margin-top: 1.1111111111rem;
  }
}

.p-women__texts {
  padding-bottom: 22.222px;
  padding-bottom: 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-women__texts {
    padding-bottom: 0;
  }
}

.p-women__text {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-women__text {
    font-size: 1rem;
  }
}
.p-women__text + .p-women__text {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-women__text + .p-women__text {
    margin-top: 0.8333333333rem;
  }
}

.p-women__img {
  width: 170.666px;
  width: 10.6666666667rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-women__img {
    margin: 1.1111111111rem auto 0;
  }
}

.p-women__list {
  margin-top: 64px;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .p-women__list {
    margin-top: 2.2222222222rem;
  }
}

.p-women__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-women__list-item {
    display: block;
  }
}
.p-women__list-item + .p-women__list-item {
  margin-top: 32px;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .p-women__list-item + .p-women__list-item {
    margin-top: 1.1111111111rem;
    padding-top: 1.1111111111rem;
    border-top: 0.0555555556rem solid #0086a3;
  }
}

.p-women__list-date {
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  min-width: 97.777px;
  min-width: 6.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-women__list-date {
    text-align: left;
  }
}

.p-women__list-body {
  padding-left: 28.444px;
  padding-left: 1.7777777778rem;
  margin-left: 26.666px;
  margin-left: 1.6666666667rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-women__list-body {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0.5555555556rem;
  }
}
.p-women__list-body::before {
  position: absolute;
  content: "";
  width: 1.777px;
  width: 0.1111111111rem;
  left: 0;
  top: 4.444px;
  top: 0.2777777778rem;
  height: 95%;
  background: #0086a3;
}
@media screen and (max-width: 768px) {
  .p-women__list-body::before {
    display: none;
  }
}

.p-women__list-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-women__list-text {
    font-size: 0.8333333333rem;
  }
}
.p-women__list-text a {
  display: inline-block;
  color: #0086a3;
  text-decoration: underline;
  background: url(../img/common/blue-link_icon.png) no-repeat right/11.555px;
  background: url(../img/common/blue-link_icon.png) no-repeat right/0.7222222222rem;
  padding-right: 14.222px;
  padding-right: 0.8888888889rem;
}

.p-women__list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-women__list-flex {
    display: block;
  }
}

.p-women__list-img {
  width: 175.111px;
  width: 10.9444444444rem;
  max-width: 100%;
  margin-left: 26.666px;
  margin-left: 1.6666666667rem;
  margin-right: -17.777px;
  margin-right: -1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-women__list-img {
    margin: 1.1111111111rem auto 0;
  }
}

.p-women__link {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  margin-top: 88.888px;
  margin-top: 5.5555555556rem;
  display: inline-block;
  text-decoration: underline;
  background: url(../img/common/pdf_icon.png) no-repeat right/19.555px;
  background: url(../img/common/pdf_icon.png) no-repeat right/1.2222222222rem;
  padding-right: 22.222px;
  padding-right: 1.3888888889rem;
}
.p-women__link:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .p-women__link {
    font-size: 0.8888888889rem;
    margin-top: 2.2222222222rem;
  }
}

.p-interview__cont,
.p-interview__wrap,
.p-interview__bloc {
  margin: 0 auto;
  max-width: 1080px;
}

.p-interview__ttl {
  font-family: "Noto Serif JP", serif;
  color: #007b99;
  line-height: 1.42;
  font-weight: 400;
}

.p-interview__txt {
  letter-spacing: 0.08em;
  line-height: 2.18;
}

.p-interview .g-lowerkv {
  background-size: auto 100%;
  background-color: #d1e8ec;
  background-position: right center;
  background-repeat: no-repeat;
}

.p-interview__caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  color: #fff;
  background-color: #0086a3;
}

.p-interview__lead {
  text-align: center;
}

.p-interview__lead:not(:first-of-type) {
  border-top: 2px solid #0086a3;
}

.p-interview__fig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-interview__mv {
  padding-top: 133.333px;
  padding-top: 8.3333333333rem;
  background-color: #d5e7eb;
}

.p-interview__bloc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.p-interview__item {
  font-family: "Noto Serif JP", serif;
  width: 50%;
}
@media screen and (max-width: 769px) {
  .p-interview__item {
    width: 100%;
  }
}

.p-interview__intttl {
  font-weight: normal;
  color: #007b99;
  line-height: 1.6;
}

.p-interview__intsubttl {
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .p-interview__cont {
    padding-top: 90px;
    padding-bottom: 8.3333333333rem;
  }
  .p-interview__wrap {
    margin-top: 5rem;
  }
  .p-interview__wrap + .p-interview__wrap {
    margin-top: 6.4444444444rem;
  }
  .p-interview__wrap:last-of-type {
    margin-bottom: 8.4444444444rem;
  }
  .p-interview__ttl {
    font-size: 2.1111111111rem;
    margin-bottom: 2.5rem;
  }
  .p-interview__txt {
    font-size: 16px;
  }
  .p-interview__txt + .p-interview__ttl {
    margin-top: 4.1666666667rem;
  }
  .p-interview__caption {
    padding-left: 1.6666666667rem;
    height: 4.4444444444rem;
    font-size: 2.1111111111rem;
  }
  .p-interview__lead {
    padding-top: 3.3333333333rem;
    font-size: 16px;
    line-height: 2.2;
  }
  .p-interview__lead:not(:first-of-type) {
    margin-top: 3.8888888889rem;
  }
  .p-interview__fig {
    margin-top: 2.7777777778rem;
  }
  .p-interview__bloc {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0 36px;
  }
  .p-interview__mvfig {
    width: 43%;
  }
  .p-interview__intttl {
    font-size: 2rem;
  }
  .p-interview__intsubttl {
    font-size: 2.5555555556rem;
  }
}
@media screen and (max-width: 767px) {
  .p-interview__cont,
  .p-interview__wrap,
  .p-interview__bloc {
    width: 92%;
  }
  .p-interview__cont {
    padding-top: 50px;
    padding-bottom: 4.1666666667rem;
  }
  .p-interview__wrap {
    margin-top: 2.2222222222rem;
  }
  .p-interview__wrap:last-of-type {
    margin-bottom: 5.5555555556rem;
  }
  .p-interview__ttl {
    font-size: 1.3333333333rem;
    margin-bottom: 1.3888888889rem;
  }
  .p-interview__intttl {
    font-size: 1.4444444444rem;
  }
  .p-interview__txt {
    font-size: 0.8888888889rem;
  }
  .p-interview__txt + .p-interview__ttl {
    margin-top: 35px;
  }
  .p-interview__caption {
    padding-left: 12px;
    height: 40px;
    font-size: 18px;
  }
  .p-interview__lead {
    padding-top: 20px;
    font-size: 12px;
    line-height: 2.2;
  }
  .p-interview__lead:not(:first-of-type) {
    margin-top: 28px;
  }
  .p-interview__fig {
    margin-top: 20px;
  }
  .p-interview__bloc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 0 36px;
  }
  .p-interview__mv {
    padding-top: 4.1666666667rem;
  }
  .p-interview__mvfig {
    margin-bottom: 24px;
  }
  .p-interview__intsubttl {
    font-size: 1.5555555556rem;
  }
}
.p-interview .c-breadcrumb {
  position: static !important;
  margin: 0 auto;
}

/* p-permission */
.p-permission {
  padding-bottom: 115.555px;
  padding-bottom: 7.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-permission {
    padding-bottom: 5.5555555556rem;
  }
}

.p-permission__content {
  width: 749.333px;
  width: 46.8333333333rem;
  max-width: 100%;
  margin: 0 auto;
}

.p-permission__sanpaikun {
  width: 749.333px;
  width: 46.8333333333rem;
  max-width: 100%;
  margin: 0 auto 62.222px;
  margin: 0 auto 3.8888888889rem;
}
.p-permission__sanpaikun a {
  display: inline-block;
  color: #0086a3;
  text-decoration: underline;
  background: url(../img/common/blue-link_icon.png) no-repeat right/11.555px;
  background: url(../img/common/blue-link_icon.png) no-repeat right/0.7222222222rem;
  padding-right: 14.222px;
  padding-right: 0.8888888889rem;
}

.p-permission__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-permission__tab:first-child .p-permission__tab-item button {
  border-radius: 0.5555555556rem 0.5555555556rem 0 0;
}
.p-permission__tab:last-child .p-permission__tab-item button {
  border-radius: 0 0 0.5555555556rem 0.5555555556rem;
}

.p-permission__tab-item {
  width: 49.5%;
  text-align: center;
}
.p-permission__tab-item.current button {
  color: #fff;
  background: #0086a3;
}
.p-permission__tab-item button {
  display: block;
  width: 100%;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #8eb6c3;
  background: #e5f3f6;
  padding: 13.333px 0;
  padding: 0.8333333333rem 0;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
@media screen and (max-width: 768px) {
  .p-permission__tab-item button {
    font-size: 0.8888888889rem;
    padding: 0.6666666667rem 0;
  }
}
.p-permission__tab-item button:hover {
  opacity: 1;
  background: #0086a3;
  color: #fff;
}

.p-permission__menu-item {
  display: none;
}
.p-permission__menu-item.active {
  display: block;
  -webkit-animation-name: displayAnime;
          animation-name: displayAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-permission__units {
  padding-bottom: 53.333px;
  padding-bottom: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-permission__units {
    padding-bottom: 1.1111111111rem;
  }
}

.p-permission__subtitle {
  text-align: center;
  font-size: 28.444px;
  font-size: 1.7777777778rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  border-bottom: 1.777px solid #0086a3;
  border-bottom: 0.1111111111rem solid #0086a3;
  padding: 20.444px 0;
  padding: 1.2777777778rem 0;
}
@media screen and (max-width: 768px) {
  .p-permission__subtitle {
    font-size: 1.1111111111rem;
    padding: 1.1111111111rem 0;
  }
}

.p-permission__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 17.777px 62.222px;
  padding: 1.1111111111rem 3.8888888889rem;
  border-bottom: 0.888px solid #cbdce2;
  border-bottom: 0.0555555556rem solid #cbdce2;
}
@media screen and (max-width: 768px) {
  .p-permission__item {
    padding: 0.8333333333rem 0;
  }
}
.p-permission__item:first-child .p-permission__item-text {
  font-weight: 700;
}

.p-permission__item-text {
  max-width: 100%;
  width: 142.222px;
  width: 8.8888888889rem;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.05em;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-permission__item-text {
    width: 6.6666666667rem;
    font-size: 0.7222222222rem;
    letter-spacing: 0;
  }
}
.p-permission__item-text:first-child {
  margin-left: 8.888px;
  margin-left: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-permission__item-text:first-child {
    margin-left: 0;
  }
}
.p-permission__item-text:nth-child(2) {
  text-align: center;
  margin-right: 8.888px;
  margin-right: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-permission__item-text:nth-child(2) {
    margin-right: 1.1111111111rem;
  }
}
.p-permission__item-text a {
  display: inline-block;
  padding-right: 17.777px;
  padding-right: 1.1111111111rem;
  background: url(../img/common/pdf_icon.png) no-repeat center right/15.111px;
  background: url(../img/common/pdf_icon.png) no-repeat center right/0.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-permission__item-text a {
    padding-right: 0.8333333333rem;
    background-size: 0.6666666667rem;
  }
}

/* p-privacy */
.p-privacy {
  width: 1111.111px;
  width: 69.4444444444rem;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 112px;
  padding-bottom: 7rem;
}
@media screen and (max-width: 768px) {
  .p-privacy {
    padding-bottom: 5.5555555556rem;
  }
}

.p-privacy__link {
  display: inline-block;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
  background: url(../img/common/blue-link_icon.png) no-repeat center right/17.777px;
  background: url(../img/common/blue-link_icon.png) no-repeat center right/1.1111111111rem;
  padding-right: 19.555px;
  padding-right: 1.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__link {
    font-size: 1rem;
  }
}

.p-privacy__lead {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.78;
  letter-spacing: 0.05em;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__lead {
    font-size: 0.8333333333rem;
  }
}

.p-privacy__content {
  background: rgba(248, 248, 248, .5);
  border-radius: 1.1111111111rem;
  margin-top: 66.666px;
  margin-top: 4.1666666667rem;
  padding: 46.222px 53.333px 56px;
  padding: 2.8888888889rem 3.3333333333rem 3.5rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__content {
    margin-top: 2.2222222222rem;
    padding: 1.6666666667rem 1.1111111111rem;
  }
}

.p-privacy__subtitle {
  font-size: 28.444px;
  font-size: 1.7777777778rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-privacy__subtitle {
    font-size: 1.2222222222rem;
  }
}

.p-privacy__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.77;
  letter-spacing: 0.05em;
  margin-top: 13.333px;
  margin-top: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__text {
    font-size: 0.8333333333rem;
  }
}

.p-privacy__items {
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__items {
    margin-top: 2.2222222222rem;
  }
}

.p-privacy__item + .p-privacy__item {
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__item + .p-privacy__item {
    margin-top: 2.2222222222rem;
  }
}

.p-privacy__item-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0086a3;
  border-bottom: 1.777px solid #0086a3;
  border-bottom: 0.1111111111rem solid #0086a3;
  padding-bottom: 2.666px;
  padding-bottom: 0.1666666667rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__item-title {
    font-size: 1rem;
    line-height: 1.3;
    padding-bottom: 0.3333333333rem;
  }
}

.p-privacy__item-body {
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__item-body {
    margin-top: 0.8333333333rem;
  }
}

.p-privacy__item-text {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1.78;
}
@media screen and (max-width: 768px) {
  .p-privacy__item-text {
    font-size: 0.7777777778rem;
  }
}
.p-privacy__item-text span.bold {
  font-weight: 700;
}
.p-privacy__item-text span.circle {
  color: #0086a3;
}

.p-privacy__table-wrapper {
  width: 823.111px;
  width: 51.4444444444rem;
  max-width: 100%;
  margin: 17.777px auto 0;
  margin: 1.1111111111rem auto 0;
}

.p-privacy__table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.p-privacy__table tr > :first-child {
  width: 24%;
}
.p-privacy__table tr > :nth-child(2) {
  width: 76%;
  border-left: 1.777px solid #e0e0e0;
  border-left: 0.1111111111rem solid #e0e0e0;
}
.p-privacy__table tr:first-child th {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__table tr:first-child th {
    font-size: 0.8888888889rem;
  }
}
.p-privacy__table tr:not(:first-child) {
  border-top: 1.777px solid #e0e0e0;
  border-top: 0.1111111111rem solid #e0e0e0;
}
.p-privacy__table th {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  background: #5d6a6d;
  color: #fff;
  padding: 10.666px 4.444px;
  padding: 0.6666666667rem 0.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__table th {
    font-size: 0.8333333333rem;
  }
}
.p-privacy__table td {
  letter-spacing: 0.05em;
  background: #fff;
  padding: 17.777px 22.222px;
  padding: 1.1111111111rem 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__table td {
    font-size: 0.8333333333rem;
    padding: 1.1111111111rem 0.8333333333rem;
  }
}

.p-privacy__list {
  width: 823.111px;
  width: 51.4444444444rem;
  max-width: 100%;
  margin: 26.666px auto 0;
  margin: 1.6666666667rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-privacy__list {
    margin-top: 1.1111111111rem;
  }
}

.p-privacy__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-privacy__list-item {
    display: block;
  }
}
.p-privacy__list-item + .p-privacy__list-item {
  border-top: 1.777px solid #e0e0e0;
  border-top: 0.1111111111rem solid #e0e0e0;
}
@media screen and (max-width: 768px) {
  .p-privacy__list-item + .p-privacy__list-item {
    border-top: none;
  }
}

.p-privacy__list-title {
  width: 29%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-size: 1rem;
  background: #5d6a6d;
  color: #fff;
  line-height: 1.44;
  letter-spacing: 0.05em;
  padding: 17.777px 8.888px 17.777px 22.222px;
  padding: 1.1111111111rem 0.5555555556rem 1.1111111111rem 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__list-title {
    width: 100%;
    font-size: 0.8888888889rem;
    padding: 0.8333333333rem 1.1111111111rem;
  }
}

.p-privacy__list-text {
  width: 71%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.05em;
  background: #fff;
  padding: 17.777px 22.222px;
  padding: 1.1111111111rem 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__list-text {
    width: 100%;
    font-size: 0.8333333333rem;
    padding: 1.1111111111rem 1.1111111111rem;
  }
}

.p-privacy__box {
  display: inline-block;
  background: #fff;
  margin-top: 22.222px;
  margin-top: 1.3888888889rem;
  padding: 19.555px 13.333px 24.888px 31.111px;
  padding: 1.2222222222rem 0.8333333333rem 1.5555555556rem 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__box {
    padding: 1.1111111111rem 0.8333333333rem;
  }
}

.p-privacy__address {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.56;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-privacy__address {
    font-size: 0.8333333333rem;
  }
}

.p-privacy__tel {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 24.888px;
  font-size: 1.5555555556rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .p-privacy__tel {
    font-size: 1.2222222222rem;
  }
}

.p-privacy__time {
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  letter-spacing: 0.05em;
  margin-left: -4.444px;
  margin-left: -0.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-privacy__time {
    font-size: 0.7222222222rem;
  }
}

@media screen and (max-width: 768px) {
  #en .p-privacy__table tr > :first-child {
    width: 30%;
  }
  #en .p-privacy__table tr > :nth-child(2) {
    width: 70%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #en .p-privacy__table tr:first-child th {
    font-size: 0.7777777778rem;
  }
}
@media screen and (max-width: 768px) {
  #en .p-privacy__table th {
    font-size: 0.6666666667rem;
  }
}
#en .p-privacy__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 19.555px 44.444px 24.888px 44.444px;
  padding: 1.2222222222rem 2.7777777778rem 1.5555555556rem 2.7777777778rem;
}
#en .p-privacy__box span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  #en .p-privacy__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.7777777778rem;
    padding: 1.1111111111rem 0.8333333333rem;
  }
}
#en .p-privacy__address span:nth-child(1) {
  font-weight: 700;
}
#en .p-privacy__btn {
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  #en .p-privacy__btn {
    margin-top: 2.2222222222rem;
  }
}

/* p-recruit-alumni */
.p-recruit-alumni__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 71.111px;
  gap: 4.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.2222222222rem;
  }
}
.p-recruit-alumni__flex-text {
  text-align: left;
  width: calc(50% - 2.22222rem);
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni__flex-text {
    width: 100%;
  }
}
.p-recruit-alumni__flex-text .c-headline {
  text-align: left;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni__flex-text .c-headline {
    margin-top: 1.1111111111rem;
  }
}
.p-recruit-alumni__flex-text .c-text {
  margin-top: 48px;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni__flex-text .c-text {
    margin-top: 1.6666666667rem;
  }
}
.p-recruit-alumni__flex-img {
  width: calc(50% - 2.22222rem);
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni__flex-img {
    width: 100%;
  }
}
.p-recruit-alumni__flex-img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-alumni-overview {
  padding: 100.444px 0;
  padding: 6.2777777778rem 0;
  margin-top: 88.888px;
  margin-top: 5.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-overview {
    padding: 3.3333333333rem 0;
    margin-top: 4.4444444444rem;
  }
}
.p-recruit-alumni-overview__text .c-headline {
  font-size: 32px;
  font-size: 2rem;
  color: #333;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-overview__text .c-headline {
    font-size: 1.5555555556rem;
  }
}
.p-recruit-alumni-overview__text .c-text {
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-overview__text .c-text {
    margin-top: 1.1111111111rem;
  }
}
.p-recruit-alumni-overview__img {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 57.777px 35.555px;
  padding: 3.6111111111rem 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-overview__img {
    margin-top: 2.2222222222rem;
    padding: 2.2222222222rem 1.1111111111rem;
  }
}
.p-recruit-alumni-overview__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-alumni-flow {
  margin-top: 88.888px;
  margin-top: 5.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-flow {
    margin-top: 3.3333333333rem;
  }
}
.p-recruit-alumni-flow__text .c-headline {
  font-size: 32px;
  font-size: 2rem;
  color: #333;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-flow__text .c-headline {
    font-size: 1.5555555556rem;
  }
}
.p-recruit-alumni-flow__img {
  width: 1098.666px;
  width: 68.6666666667rem;
  max-width: 90%;
  margin: 71.111px auto 0;
  margin: 4.4444444444rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-flow__img {
    margin-top: 2.2222222222rem;
  }
}
.p-recruit-alumni-flow__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-alumni-guide {
  padding: 100.444px 0;
  padding: 6.2777777778rem 0;
  margin-top: 88.888px;
  margin-top: 5.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-guide {
    padding: 3.3333333333rem 0;
    margin-top: 4.4444444444rem;
  }
}
.p-recruit-alumni-guide__text .c-headline {
  font-size: 32px;
  font-size: 2rem;
  color: #333;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-guide__text .c-headline {
    font-size: 1.5555555556rem;
  }
}
.p-recruit-alumni-guide__list {
  width: 924.444px;
  width: 57.7777777778rem;
  max-width: 90%;
  margin: 53.333px auto 0;
  margin: 3.3333333333rem auto 0;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 53.333px;
  padding: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-guide__list {
    padding: 1.8888888889rem 1.6666666667rem;
  }
}
.p-recruit-alumni-guide__item {
  display: grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17.777px;
  gap: 1.1111111111rem;
  grid-template-columns: 22% 1fr;
  border-bottom: 1px solid #cbdce2;
  margin-bottom: 17.777px;
  margin-bottom: 1.1111111111rem;
  padding-bottom: 17.777px;
  padding-bottom: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-guide__item {
    display: block;
  }
}
.p-recruit-alumni-guide__item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.p-recruit-alumni-guide__item dt {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  color: rgb(0, 134, 163);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-guide__item dt {
    font-size: 1rem;
  }
}
.p-recruit-alumni-guide__item dd {
  font-size: 16px;
  font-size: 1rem;
  color: rgb(39, 42, 47);
  line-height: 1.889;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-guide__item dd {
    margin-top: 0.5555555556rem;
    font-size: 0.8888888889rem;
  }
}
.p-recruit-alumni-guide__btn {
  margin: 71.111px auto 0;
  margin: 4.4444444444rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-guide__btn {
    margin: 3.3333333333rem auto 0;
  }
}
.p-recruit-alumni-guide__btn .c-btn {
  margin-inline: auto;
  font-size: 15.111px;
  font-size: 0.9444444444rem;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.p-recruit-alumni-guide__btn .c-btn::after {
  background: url(../img/common/white-blank-link_icon.png) no-repeat center/contain;
  width: 18.666px;
  width: 1.1666666667rem;
  height: 18.666px;
  height: 1.1666666667rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-alumni-guide__btn .c-btn::after {
    width: 1rem;
    height: 1rem;
  }
}
.p-recruit-alumni-guide__btn .c-btn:hover::after {
  background: url(../img/common/blue-link_icon.png) no-repeat center/contain;
}

/* p-recruit */
.p-recruit-wrapper {
  background: #e3f2fd;
}

.p-recruit__content {
  padding-bottom: 167.111px;
  padding-bottom: 10.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__content {
    padding-bottom: 2.2222222222rem;
  }
}

.p-recruit__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 106.666px;
  margin-bottom: 6.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__inner {
    display: block;
    margin-bottom: 4.4444444444rem;
  }
}

.p-recruit__body {
  width: 45%;
  padding-top: 17.777px;
  padding-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__body {
    width: 100%;
    padding-top: 0;
  }
}

.p-recruit__heading {
  width: 535.111px;
  width: 33.4444444444rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-recruit__heading {
    width: 22.2222222222rem;
    margin: 0 auto;
  }
}

.p-recruit__text {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  line-height: 2.4;
  letter-spacing: 0.05em;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__text {
    font-size: 0.8333333333rem;
    margin-top: 1.1111111111rem;
  }
}

.p-recruit__img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-recruit__img {
    width: 100%;
    margin-top: 1.1111111111rem;
  }
}
.p-recruit__img img {
  border-radius: 2.2222222222rem;
}

.p-recruit__subtitle {
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-recruit__subtitle {
    font-size: 1.3333333333rem;
  }
}

.p-recruit__subtitle--center {
  text-align: center;
}

.p-recruit__units {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 1079.111px;
  width: 67.4444444444rem;
  max-width: 100%;
  margin: 35.555px auto 0;
  margin: 2.2222222222rem auto 0;
  padding-right: 17.777px;
  padding-right: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__units {
    display: block;
    padding-right: 0;
  }
}
.p-recruit__units::before {
  position: absolute;
  content: "";
  width: 1079.111px;
  width: 67.4444444444rem;
  height: 413.333px;
  height: 25.8333333333rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../img/recruit/recruit_bg.png) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .p-recruit__units::before {
    display: none;
  }
}

.p-recruit__unit {
  padding-top: 71.111px;
  padding-top: 4.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__unit {
    padding-top: 0;
  }
  .p-recruit__unit + .p-recruit__unit {
    margin-top: 2.2222222222rem;
  }
}
.p-recruit__unit:first-child .p-recruit__unit-img {
  width: 134.222px;
  width: 8.3888888889rem;
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
.p-recruit__unit:nth-child(2) {
  margin: 0 142.222px;
  margin: 0 8.8888888889rem;
  padding-right: 13.333px;
  padding-right: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__unit:nth-child(2) {
    margin: 2.2222222222rem 0 0;
    padding-right: 0;
  }
}
.p-recruit__unit:nth-child(2) .p-recruit__unit-title {
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
.p-recruit__unit:nth-child(2) .p-recruit__unit-img {
  width: 166.222px;
  width: 10.3888888889rem;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
.p-recruit__unit:nth-child(3) .p-recruit__unit-img {
  width: 182.222px;
  width: 11.3888888889rem;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}

.p-recruit__unit-entitle {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #1c9acb;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit__unit-entitle {
    font-size: 0.8888888889rem;
  }
}

.p-recruit__unit-title {
  text-align: center;
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit__unit-title {
    font-size: 1rem;
    margin-top: 0.5555555556rem;
  }
}

.p-recruit__unit-img {
  max-width: 100%;
  margin: 0 auto;
}

.p-recruit__footer {
  padding: 97.777px 0 108.444px;
  padding: 6.1111111111rem 0 6.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__footer {
    padding: 2.2222222222rem 0 5.5555555556rem;
  }
}

.p-recruit__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__items {
    display: block;
  }
}

.p-recruit__item {
  width: calc(33.33333% - 1.85185rem);
}
@media screen and (max-width: 768px) {
  .p-recruit__item {
    width: 100%;
  }
  .p-recruit__item + .p-recruit__item {
    margin-top: 2.2222222222rem;
  }
}
.p-recruit__item:not(:nth-child(3n+1)) {
  margin-left: 44.444px;
  margin-left: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__item:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}

.p-recruit__item-inner {
  display: block;
  position: relative;
}
.p-recruit__item-inner::before, .p-recruit__item-inner::after {
  position: absolute;
  content: "";
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.p-recruit__item-inner::before {
  width: 53.333px;
  width: 3.3333333333rem;
  height: 53.333px;
  height: 3.3333333333rem;
  border-radius: 50%;
  background: #fff;
  right: 17.777px;
  right: 1.1111111111rem;
  bottom: 18.666px;
  bottom: 1.1666666667rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__item-inner::before {
    width: 2.7777777778rem;
    height: 2.7777777778rem;
  }
}
.p-recruit__item-inner::after {
  width: 17.777px;
  width: 1.1111111111rem;
  height: 10.666px;
  height: 0.6666666667rem;
  background: url(../img/common/blue-arrow_icon_001.png) no-repeat center/contain;
  bottom: 39.111px;
  bottom: 2.4444444444rem;
  right: 36.444px;
  right: 2.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__item-inner::after {
    bottom: 2.1666666667rem;
    right: 2rem;
  }
}
.p-recruit__item-inner:hover {
  opacity: 1;
}
.p-recruit__item-inner:hover::before {
  background: #1c9acb;
}
.p-recruit__item-inner:hover::after {
  background: url(../img/common/white-arrow_icon.png) no-repeat center/contain;
}
.p-recruit__item-inner:hover .p-recruit__item-title {
  color: #1c9acb;
}

.p-recruit__item-title {
  font-size: 23.111px;
  font-size: 1.4444444444rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.1em;
  border-left: 5.333px solid #1c9acb;
  border-left: 0.3333333333rem solid #1c9acb;
  padding-left: 12.444px;
  padding-left: 0.7777777778rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .p-recruit__item-title {
    font-size: 1.1111111111rem;
    padding-left: 0.5555555556rem;
  }
}

.p-recruit__item-img {
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
.p-recruit__item-img img {
  border-radius: 1.1111111111rem;
}

.p-recruit__item-text {
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}

.p-sitemap {
  padding-bottom: 101.333px;
  padding-bottom: 6.3333333333rem;
}
.p-sitemap a[target=_blank] {
  background: url(../img/common/blue-link_icon.png) no-repeat center right/12.444px;
  background: url(../img/common/blue-link_icon.png) no-repeat center right/0.7777777778rem;
  padding-right: 14.222px;
  padding-right: 0.8888888889rem;
}
.p-sitemap a:hover {
  color: #0086a3;
}
.p-sitemap__item + .p-sitemap__item {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
  padding-top: 26.666px;
  padding-top: 1.6666666667rem;
  border-top: 1px dotted #ccc;
}
.p-sitemap h3 {
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding-bottom: 12.444px;
  padding-bottom: 0.7777777778rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-sitemap h3 {
    font-size: 1.1111111111rem;
  }
}
.p-sitemap h3 a {
  display: inline-block;
  padding-right: 40px;
  padding-right: 2.5rem;
  position: relative;
}
.p-sitemap h3 a::after {
  content: "";
  width: 8.888px;
  width: 0.5555555556rem;
  height: 8.888px;
  height: 0.5555555556rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: block;
  position: absolute;
  right: 10.666px;
  right: 0.6666666667rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-sitemap h3 a::before {
  content: "";
  width: 26.666px;
  width: 1.6666666667rem;
  height: 26.666px;
  height: 1.6666666667rem;
  background-color: #0086a3;
  border-radius: 0.8333333333rem;
  border: 2px solid #0086a3;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-sitemap h3 a:hover::after {
  border-top: 2px solid #0086a3;
  border-right: 2px solid #0086a3;
}
.p-sitemap h3 a:hover::before {
  background-color: #fff;
}
.p-sitemap ul {
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 26.666px;
  gap: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-sitemap ul {
    grid-template-columns: 1fr 1fr;
  }
}
.p-sitemap ul li {
  font-size: 15.111px;
  font-size: 0.9444444444rem;
  padding-left: 13.333px;
  padding-left: 0.8333333333rem;
  position: relative;
}
.p-sitemap ul li::before {
  content: "";
  width: 7.111px;
  width: 0.4444444444rem;
  height: 7.111px;
  height: 0.4444444444rem;
  border-top: 2px solid #0086a3;
  border-right: 2px solid #0086a3;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  top: 0.5rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-sitemap__level-01 {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  padding-left: 17.777px;
  padding-left: 1.1111111111rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-sitemap__level-01 {
    font-size: 0.9444444444rem;
  }
}
.p-sitemap__level-01::before {
  content: "";
  width: 8.888px;
  width: 0.5555555556rem;
  height: 8.888px;
  height: 0.5555555556rem;
  border-top: 2px solid #0086a3;
  border-right: 2px solid #0086a3;
  display: block;
  position: absolute;
  left: 0;
  top: 10.666px;
  top: 0.6666666667rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .p-sitemap__level-01::before {
    width: 0.4444444444rem;
    height: 0.4444444444rem;
    top: 0.5rem;
  }
}
.p-sitemap__level-01 + .p-sitemap__level-01 {
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}

/* p-problem */
.p-problem__header {
  padding-bottom: 444.444px;
  padding-bottom: 27.7777777778rem;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 2000px) {
  .p-problem__header {
    padding-bottom: 30.5555555556rem;
  }
}
@media screen and (max-width: 768px) {
  .p-problem__header {
    padding-bottom: 11.1111111111rem;
  }
}

.p-problem__subtitle {
  text-align: center;
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .p-problem__subtitle {
    font-size: 1.3333333333rem;
  }
}

.p-problem__unit-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1137.777px;
  width: 71.1111111111rem;
  max-width: 100%;
  margin: 71.111px auto 0;
  margin: 4.4444444444rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-problem__unit-wrapper {
    display: block;
    margin-top: 3.3333333333rem;
  }
}

.p-problem__units {
  width: 33.333%;
}
@media screen and (max-width: 768px) {
  .p-problem__units {
    width: 100%;
  }
}
.p-problem__units + .p-problem__units {
  margin-left: 35.555px;
  margin-left: 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-problem__units + .p-problem__units {
    margin-left: 0;
    margin-top: 2.2222222222rem;
  }
}
.p-problem__units:nth-child(2) {
  padding-top: 133.333px;
  padding-top: 8.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-problem__units:nth-child(2) {
    padding-top: 0;
  }
}

.p-problem__unit {
  min-height: 171.555px;
  min-height: 10.7222222222rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1.1111111111rem;
  background: #eae8e8;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-problem__unit {
    min-height: 8.3333333333rem;
  }
}
.p-problem__unit::before, .p-problem__unit::after {
  position: absolute;
  content: "";
  z-index: -1;
}
.p-problem__unit::before {
  width: 65.777px;
  width: 4.1111111111rem;
  height: 105.777px;
  height: 6.6111111111rem;
  background: url(../img/subject/question_icon.png) no-repeat center/contain;
  right: 10.666px;
  right: 0.6666666667rem;
  bottom: 12.444px;
  bottom: 0.7777777778rem;
  width: 48.888px;
  width: 3.0555555556rem;
  height: 88.888px;
  height: 5.5555555556rem;
}
.p-problem__unit::after {
  width: 18.666px;
  width: 1.1666666667rem;
  height: 30.222px;
  height: 1.8888888889rem;
  background: url(../img/subject/arrow_icon.png) no-repeat center/contain;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -26.666px;
  bottom: -1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-problem__unit::after {
    bottom: -1.3888888889rem;
  }
}
.p-problem__unit + .p-problem__unit {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .p-problem__unit + .p-problem__unit {
    margin-top: 2.5rem;
  }
}

.p-problem__unit-number {
  position: absolute;
  top: -32.888px;
  top: -2.0555555556rem;
  left: 17.777px;
  left: 1.1111111111rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 65.777px;
  width: 4.1111111111rem;
  height: 65.777px;
  height: 4.1111111111rem;
  background: #0086a3;
  border-radius: 50%;
  font-family: "Poppins", sans-serif;
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-problem__unit-number {
    top: -1.6666666667rem;
    width: 3.3333333333rem;
    height: 3.3333333333rem;
    font-size: 1.1111111111rem;
  }
}

.p-problem__unit-text {
  text-align: center;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .p-problem__unit-text {
    font-size: 0.8888888889rem;
  }
}

.p-problem__img01, .p-problem__img02 {
  position: absolute;
  max-width: 100%;
  bottom: 168.888px;
  bottom: 10.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-problem__img01, .p-problem__img02 {
    bottom: 0;
  }
}

.p-problem__img01 {
  width: 185.777px;
  width: 11.6111111111rem;
  left: 27%;
}
@media screen and (max-width: 768px) {
  .p-problem__img01 {
    width: 5.5555555556rem;
    left: 10%;
  }
}

.p-problem__img02 {
  width: 174.222px;
  width: 10.8888888889rem;
  right: 26%;
}
@media screen and (max-width: 768px) {
  .p-problem__img02 {
    width: 5.5555555556rem;
    right: 10%;
  }
}

.p-problem__content {
  padding: 62.222px 0 106.666px;
  padding: 3.8888888889rem 0 6.6666666667rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 2000px) {
  .p-problem__content {
    padding-top: 6.6666666667rem;
  }
}
@media screen and (max-width: 768px) {
  .p-problem__content {
    padding: 6.6666666667rem 0 4.4444444444rem;
  }
}
@media screen and (max-width: 500px) {
  .p-problem__content {
    padding-top: 4.4444444444rem;
  }
}
.p-problem__content::before, .p-problem__content::after {
  position: absolute;
  content: "";
}
.p-problem__content::before {
  width: 100%;
  top: -560px;
  top: -35rem;
  left: 0;
  bottom: 0;
  background: url(../img/subject/problem_bg.png) no-repeat center top/cover;
  z-index: -1;
}
@media screen and (min-width: 2000px) {
  .p-problem__content::before {
    top: -40rem;
  }
}
@media screen and (max-width: 768px) {
  .p-problem__content::before {
    top: -8.3333333333rem;
    background: url(../img/subject/problem_bg.png) no-repeat center top/contain;
  }
}
@media screen and (max-width: 500px) {
  .p-problem__content::before {
    top: -5.5555555556rem;
  }
}
@media screen and (max-width: 768px) {
  .p-problem__content::after {
    width: 100%;
    top: 11.1111111111rem;
    left: 0;
    bottom: 0;
    background: #f8f8f8;
    z-index: -1;
  }
}

.p-problem__items {
  margin: 71.111px 0 124.444px;
  margin: 4.4444444444rem 0 7.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-problem__items {
    margin: 2.2222222222rem 0 5.5555555556rem;
  }
}

.p-problem__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-problem__item {
    display: block;
  }
}
.p-problem__item + .p-problem__item {
  margin-top: 97.777px;
  margin-top: 6.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-problem__item + .p-problem__item {
    margin-top: 3.3333333333rem;
  }
}

.p-problem__item-img {
  width: 35.5%;
}
@media screen and (max-width: 768px) {
  .p-problem__item-img {
    width: 100%;
  }
}
.p-problem__item-img img {
  border-radius: 1.1111111111rem;
}

.p-problem__item-body {
  width: 60.5%;
  margin-top: -4.444px;
  margin-top: -0.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-problem__item-body {
    width: 100%;
    margin-top: 1.1111111111rem;
  }
}

.p-problem__item-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-problem__item-title {
    font-size: 1.1111111111rem;
  }
}

.p-problem__item-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.78;
  letter-spacing: 0.04em;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-problem__item-text {
    font-size: 0.8333333333rem;
    margin-top: 0.8333333333rem;
  }
}

.p-problem__item-box {
  border-radius: 0.1111111111rem;
  background: #fff;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
  padding: 26.666px 35.555px;
  padding: 1.6666666667rem 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-problem__item-box {
    padding: 1.6666666667rem 1.1111111111rem;
  }
}

.p-problem__item-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-problem__item-list-item {
    font-size: 0.8333333333rem;
  }
}
.p-problem__item-list-item + .p-problem__item-list-item {
  margin-top: 16.888px;
  margin-top: 1.0555555556rem;
}
.p-problem__item-list-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 39.111px;
  width: 2.4444444444rem;
  min-width: 39.111px;
  min-width: 2.4444444444rem;
  height: 39.111px;
  height: 2.4444444444rem;
  font-family: "Poppins", sans-serif;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 600;
  color: #0086a3;
  border-radius: 50%;
  background: url(../img/common/circle_icon.png) no-repeat center/contain;
  margin-right: 16.888px;
  margin-right: 1.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-problem__item-list-item span {
    width: 2.1111111111rem;
    min-width: 2.1111111111rem;
    height: 2.1111111111rem;
    font-size: 1rem;
    margin-right: 0.6666666667rem;
  }
}

/* p-related */
.p-related__title {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  border-left: 5.333px solid #0086a3;
  border-left: 0.3333333333rem solid #0086a3;
  padding-left: 17.777px;
  padding-left: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-related__title {
    font-size: 1.3333333333rem;
    padding-left: 0.5555555556rem;
  }
}

.p-related__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-related__items {
    display: block;
  }
}

.p-related__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(33.33333% - 1.25926rem);
}
@media screen and (max-width: 768px) {
  .p-related__item {
    width: 100%;
  }
  .p-related__item + .p-related__item {
    margin-top: 1.1111111111rem;
  }
}
.p-related__item:not(:nth-child(3n+1)) {
  margin-left: 30.222px;
  margin-left: 1.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-related__item:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}

.p-related__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: #fff;
  border-radius: 1.1111111111rem;
}
.p-related__item-inner:hover {
  opacity: 1;
}
.p-related__item-inner:hover .p-related__item-title {
  color: #0086a3;
}
.p-related__item-inner:hover .p-related__item-more::before {
  background: #0086a3;
}
.p-related__item-inner:hover .p-related__item-more::after {
  background: url(../img/common/white-arrow_icon.png) no-repeat center/contain;
}

.p-related__item-img img {
  border-radius: 1.1111111111rem 1.1111111111rem 0 0;
}

.p-related__company {
  margin: 16px auto 0;
  margin: 1rem auto 0;
}
.p-related__company img {
  width: 248.888px;
  width: 15.5555555556rem;
}

.p-related__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 0 0 1.1111111111rem 1.1111111111rem;
  padding: 26.666px 32px 35.555px 29.333px;
  padding: 1.6666666667rem 2rem 2.2222222222rem 1.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-related__item-body {
    padding: 1.6666666667rem 1.1111111111rem;
  }
}

.p-related__item-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .p-related__item-title {
    font-size: 1rem;
  }
}

.p-related__item-text {
  line-height: 1.63;
  letter-spacing: 0.03em;
  margin: 13.333px 0 35.555px;
  margin: 0.8333333333rem 0 2.2222222222rem;
}
@media screen and (max-width: 768px) {
  .p-related__item-text {
    font-size: 0.8333333333rem;
    margin-bottom: 0;
  }
}

.p-related__item-more {
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.1em;
  margin-top: auto;
  padding-right: 48.888px;
  padding-right: 3.0555555556rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-related__item-more {
    margin-top: 1.6666666667rem;
  }
}
.p-related__item-more::before, .p-related__item-more::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.p-related__item-more::before {
  width: 47.111px;
  width: 2.9444444444rem;
  height: 47.111px;
  height: 2.9444444444rem;
  background: #e5f3f6;
  border-radius: 50%;
  right: -8.888px;
  right: -0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-related__item-more::before {
    width: 2.5rem;
    height: 2.5rem;
    right: 0;
  }
}
.p-related__item-more::after {
  width: 18.666px;
  width: 1.1666666667rem;
  height: 11.555px;
  height: 0.7222222222rem;
  background: url(../img/common/blue-arrow_icon_001.png) no-repeat center/contain;
  right: 4.444px;
  right: 0.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-related__item-more::after {
    width: 1rem;
    height: 0.6111111111rem;
    right: 0.7222222222rem;
  }
}

/* p-subject */
.p-subject {
  padding-bottom: 51.555px;
  padding-bottom: 3.2222222222rem;
}

.p-subject__inner {
  position: relative;
}

.p-subject__text {
  margin-top: 26.666px;
  margin-top: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-subject__text {
    margin-top: 1.1111111111rem;
  }
}

.p-subject__units {
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-subject__units {
    margin-top: 2.2222222222rem;
    display: block;
  }
}
.p-subject__units .c-unit__title br {
  display: block;
}
.p-subject__units .c-unit:first-child .c-unit__img {
  width: 164.444px;
  width: 10.2777777778rem;
  margin-top: 14.222px;
  margin-top: 0.8888888889rem;
}
.p-subject__units .c-unit:nth-child(2) .c-unit__img {
  width: 186.666px;
  width: 11.6666666667rem;
  margin-top: 20.444px;
  margin-top: 1.2777777778rem;
}
.p-subject__units .c-unit:nth-child(3) .c-unit__img {
  width: 171.555px;
  width: 10.7222222222rem;
  margin-top: 16.888px;
  margin-top: 1.0555555556rem;
}
.p-subject__units .c-unit:nth-child(4) .c-unit__img {
  width: 177.777px;
  width: 11.1111111111rem;
  margin-top: 37.333px;
  margin-top: 2.3333333333rem;
}
.p-subject__units .c-unit:nth-child(5) .c-unit__img {
  width: 148.444px;
  width: 9.2777777778rem;
  margin-top: 20.444px;
  margin-top: 1.2777777778rem;
}
.p-subject__units .c-unit__inner {
  min-height: 333.333px;
  min-height: 20.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-subject__units .c-unit__inner {
    min-height: unset;
  }
}
@media screen and (max-width: 768px) {
  .p-subject__units .p-units__item {
    width: 100%;
  }
  .p-subject__units .p-units__item + .p-units__item {
    margin-top: 1.1111111111rem;
  }
}

.p-subject__img {
  width: 312px;
  width: 19.5rem;
  max-width: 100%;
  margin-left: auto;
  margin-top: 68.444px;
  margin-top: 4.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-subject__img {
    width: 8.3333333333rem;
    margin-top: 2.2222222222rem;
  }
}

/* p-terms */
.p-terms {
  padding-bottom: 101.333px;
  padding-bottom: 6.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-terms {
    padding-bottom: 5.5555555556rem;
  }
}

.p-terms__content {
  width: 1066.666px;
  width: 66.6666666667rem;
  max-width: 100%;
  margin: 0 auto;
  background: rgba(248, 248, 248, .5);
  border-radius: 1.1111111111rem;
  padding: 53.333px 35.555px 56.888px 53.333px;
  padding: 3.3333333333rem 2.2222222222rem 3.5555555556rem 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-terms__content {
    padding: 1.6666666667rem 1.1111111111rem;
  }
}

.p-terms__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .p-terms__text {
    font-size: 0.8333333333rem;
  }
}

.p-terms__list {
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-terms__list {
    margin-top: 2.2222222222rem;
  }
}

.p-terms__list-item + .p-terms__list-item {
  margin-top: 48px;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .p-terms__list-item + .p-terms__list-item {
    margin-top: 2.2222222222rem;
  }
}

.p-terms__list-title {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  border-bottom: 1.777px solid #0086a3;
  border-bottom: 0.1111111111rem solid #0086a3;
  padding-bottom: 2.666px;
  padding-bottom: 0.1666666667rem;
}
@media screen and (max-width: 768px) {
  .p-terms__list-title {
    font-size: 1rem;
  }
}

.p-terms__list-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.65;
  margin-top: 20.444px;
  margin-top: 1.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-terms__list-text {
    font-size: 0.8333333333rem;
    margin-top: 0.8333333333rem;
  }
}
.p-terms__list-text span {
  font-size: 13.333px;
  font-size: 0.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-terms__list-text span {
    font-size: 0.7777777778rem;
  }
}

.p-terms__box {
  background: #fff;
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
  padding: 28.444px 33.777px;
  padding: 1.7777777778rem 2.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-terms__box {
    margin-top: 2.2222222222rem;
    padding: 1.3888888889rem 0.8333333333rem;
  }
}

.p-terms__heading {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  color: #0086a3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-terms__heading {
    font-size: 1.1111111111rem;
  }
}

.p-terms__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-terms__inner {
    display: block;
  }
}

.p-terms__tel .p-terms__subtitle {
  background: url(../img/common/black-tel_icon.png) no-repeat center left/26.666px;
  background: url(../img/common/black-tel_icon.png) no-repeat center left/1.6666666667rem;
  padding-left: 30.222px;
  padding-left: 1.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-terms__tel .p-terms__subtitle {
    background-size: 1.3888888889rem;
    padding-left: 1.6666666667rem;
  }
}

.p-terms__subtitle {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-terms__subtitle {
    font-size: 0.8888888889rem;
  }
}

.p-terms__number {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 26.666px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-terms__number {
    font-size: 1.3333333333rem;
  }
}

.p-terms__time {
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  margin-left: -4.444px;
  margin-left: -0.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-terms__time {
    font-size: 0.6666666667rem;
  }
}

.p-terms__contact {
  margin-left: 44.444px;
  margin-left: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-terms__contact {
    margin-left: 0;
    margin-top: 1.1111111111rem;
  }
}
.p-terms__contact .p-terms__subtitle {
  background: url(../img/common/black-mail_icon.png) no-repeat center left/24px;
  background: url(../img/common/black-mail_icon.png) no-repeat center left/1.5rem;
  padding-left: 28.444px;
  padding-left: 1.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-terms__contact .p-terms__subtitle {
    background-size: 1.2222222222rem;
    padding-left: 1.5rem;
  }
}

.p-terms__btn {
  display: inline-block;
  width: 266.666px;
  width: 16.6666666667rem;
  max-width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  color: #fff;
  background: #f66d03;
  border-radius: 0.6111111111rem;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
  padding: 14.222px 23.111px;
  padding: 0.8888888889rem 1.4444444444rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-terms__btn {
    font-size: 0.8888888889rem;
  }
}
.p-terms__btn::after {
  position: absolute;
  content: "";
  width: 20.444px;
  width: 1.2777777778rem;
  height: 16px;
  height: 1rem;
  right: 15.111px;
  right: 0.9444444444rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/common/white-arrow_icon.png) no-repeat center/contain;
}

/* p-top-business */
.p-top-business {
  padding: 97.777px 0 231.111px;
  padding: 6.1111111111rem 0 14.4444444444rem;
}
@media screen and (max-width: 768px) {
  .p-top-business {
    padding: 5rem 0 11.1111111111rem;
  }
}

.p-top-business__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .p-top-business__header {
    display: block;
  }
}

.p-top-business__title {
  white-space: nowrap;
}

.p-top-business__text {
  margin-left: 35.555px;
  margin-left: 2.2222222222rem;
  margin-bottom: 8.888px;
  margin-bottom: 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-top-business__text {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 2.2222222222rem;
  }
}

.p-top-business__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 93.333px;
  margin-top: 5.8333333333rem;
}
@media screen and (max-width: 768px) {
  .p-top-business__flex {
    display: block;
    margin-top: 2.2222222222rem;
  }
}

.p-top-business__subtitle {
  font-size: 21.333px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  border-left: 2.666px solid #0086a3;
  border-left: 0.1666666667rem solid #0086a3;
  padding-left: 10.666px;
  padding-left: 0.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-top-business__subtitle {
    font-size: 1.1111111111rem;
  }
}

@media screen and (max-width: 768px) {
  .p-top-business__more-wrapper {
    text-align: center;
    margin-top: 2.2222222222rem;
  }
}

.p-top-business__links {
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}

/* p-top-scr */
.p-top-csr {
  padding: 106.666px 0 133.333px;
  padding: 6.6666666667rem 0 8.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-top-csr {
    padding: 4.4444444444rem 0 5.5555555556rem;
  }
}

.p-top-csr__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-top-csr__inner {
    display: block;
  }
}

.p-top-csr__body {
  width: 31%;
}
@media screen and (max-width: 768px) {
  .p-top-csr__body {
    width: 100%;
  }
}

.p-top-csr__text {
  margin-top: 35.555px;
  margin-top: 2.2222222222rem;
}

@media screen and (max-width: 768px) {
  .p-top-csr__more-wrapper {
    text-align: center;
  }
}

.p-top-csr__more {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-top-csr__more {
    margin-top: 2.2222222222rem;
  }
}

.p-top-csr__links {
  width: 60%;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-top-csr__links {
    width: 100%;
  }
}
.p-top-csr__links .p-links__item {
  width: calc(50% - 0.55556rem);
}
@media screen and (max-width: 768px) {
  .p-top-csr__links .p-links__item {
    width: 100%;
    margin-top: 0;
  }
}
.p-top-csr__links .c-link {
  font-size: 14.222px;
  font-size: 0.8888888889rem;
}
.p-top-csr__links .c-link span {
  min-height: 71.111px;
  min-height: 4.4444444444rem;
  padding-left: 22.222px;
  padding-left: 1.3888888889rem;
}

/* p-top-economy */
.p-top-economy {
  background: url(../img/top/top-economy_bg.png) no-repeat center/cover;
  padding: 97.777px 0 142.222px;
  padding: 6.1111111111rem 0 8.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-top-economy {
    padding: 4.4444444444rem 0;
  }
}

.p-top-economy__entitle {
  text-align: center;
}

.p-top-economy__title {
  text-align: center;
}

.p-top-economy__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-top-economy__items {
    display: block;
    margin-top: 2.2222222222rem;
  }
}

.p-top-economy__item {
  width: 48.5%;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item {
    width: 100%;
  }
  .p-top-economy__item + .p-top-economy__item {
    margin-top: 1.1111111111rem;
  }
}
.p-top-economy__item:first-child .p-top-economy__item-img {
  width: 216px;
  width: 13.5rem;
  top: 48px;
  top: 3rem;
  right: 72px;
  right: 4.5rem;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item:first-child .p-top-economy__item-img {
    width: 8.3333333333rem;
  }
}
.p-top-economy__item:nth-child(2) .p-top-economy__item-img {
  width: 232px;
  width: 14.5rem;
  top: 40px;
  top: 2.5rem;
  right: 59.555px;
  right: 3.7222222222rem;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item:nth-child(2) .p-top-economy__item-img {
    width: 8.8888888889rem;
  }
}

.p-top-economy__item-inner {
  display: block;
  padding: 106.666px 44.444px 44.444px;
  padding: 6.6666666667rem 2.7777777778rem 2.7777777778rem;
  border-radius: 2.2222222222rem;
  background: #fff;
  -webkit-box-shadow: 3.5px 3.5px 0 1px rgba(0, 92, 112, .1);
          box-shadow: 3.5px 3.5px 0 1px rgba(0, 92, 112, .1);
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item-inner {
    padding: 2.2222222222rem 1.1111111111rem 3.8888888889rem;
  }
}
.p-top-economy__item-inner::before, .p-top-economy__item-inner::after {
  position: absolute;
  content: "";
}
.p-top-economy__item-inner::before {
  width: 50.666px;
  width: 3.1666666667rem;
  height: 50.666px;
  height: 3.1666666667rem;
  background: #e5f3f6;
  border-radius: 50%;
  right: 26.666px;
  right: 1.6666666667rem;
  bottom: 26.666px;
  bottom: 1.6666666667rem;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item-inner::before {
    width: 2.5rem;
    height: 2.5rem;
    right: 1.1111111111rem;
    bottom: 1.1111111111rem;
  }
}
.p-top-economy__item-inner::after {
  width: 17.777px;
  width: 1.1111111111rem;
  height: 10.666px;
  height: 0.6666666667rem;
  right: 44.444px;
  right: 2.7777777778rem;
  bottom: 46.222px;
  bottom: 2.8888888889rem;
  background: url(../img/common/blue-arrow_icon_002.png) no-repeat center/contain;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item-inner::after {
    width: 1rem;
    height: 0.5555555556rem;
    right: 1.8888888889rem;
    bottom: 2.0555555556rem;
  }
}
.p-top-economy__item-inner:hover {
  opacity: 1;
}
.p-top-economy__item-inner:hover::before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.p-top-economy__item-inner:hover::after {
  background: url(../img/common/blue-arrow_icon_001.png) no-repeat center/contain;
}
.p-top-economy__item-inner:hover .p-top-economy__item-title {
  color: #0086a3;
}
.p-top-economy__item-inner:hover .p-top-economy__item-img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.p-top-economy__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item-header {
    display: block;
  }
}

.p-top-economy__item-title {
  font-size: 24.888px;
  font-size: 1.5555555556rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item-title {
    text-align: center;
    font-size: 1.1111111111rem;
  }
}

.p-top-economy__item-img {
  position: absolute;
  max-width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item-img {
    position: static;
    margin: 1.1111111111rem auto 0;
  }
}

.p-top-economy__item-text {
  margin-top: 106.666px;
  margin-top: 6.6666666667rem;
  padding-right: 44.444px;
  padding-right: 2.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-top-economy__item-text {
    margin-top: 1.1111111111rem;
    padding-right: 0;
  }
}

.p-top-economy__more-wrapper {
  text-align: center;
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-top-economy__more-wrapper {
    margin-top: 2.2222222222rem;
  }
}

#en .p-top-economy__item-inner {
  height: 100%;
  padding: 44.444px;
  padding: 2.7777777778rem;
}
#en .p-top-economy__item-title {
  letter-spacing: 0;
  word-spacing: 0.08em;
}
#en .p-top-economy__item:first-child .p-top-economy__item-img {
  width: 195.555px;
  width: 12.2222222222rem;
}
@media screen and (max-width: 768px) {
  #en .p-top-economy__item:first-child .p-top-economy__item-img {
    width: 8.8888888889rem;
  }
}
#en .p-top-economy__item:nth-child(2) .p-top-economy__item-img {
  width: 195.555px;
  width: 12.2222222222rem;
  top: 57.777px;
  top: 3.6111111111rem;
}
@media screen and (max-width: 768px) {
  #en .p-top-economy__item:nth-child(2) .p-top-economy__item-img {
    width: 8.8888888889rem;
  }
}

/* p-top-menu */
.p-top-menu__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-top-menu__items {
    display: block;
  }
}

.p-top-menu__item {
  width: 48.5%;
  border-radius: 2.2222222222rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-menu__item {
    width: 100%;
  }
  .p-top-menu__item + .p-top-menu__item {
    margin-top: 1.1111111111rem;
  }
}
.p-top-menu__item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  border-radius: 2.2222222222rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  .p-top-menu__item::before {
    opacity: 0;
  }
}
.p-top-menu__item:hover::before {
  opacity: 0;
}
.p-top-menu__item:first-child {
  background: url(../img/top/top-menu_bg_001.png) no-repeat center/cover;
}
.p-top-menu__item:nth-child(2) {
  background: url(../img/top/top-menu_bg_002.png) no-repeat center/cover;
}

.p-top-menu__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 266.666px;
  min-height: 16.6666666667rem;
  border-radius: 2.2222222222rem;
  padding: 17.777px 53.333px;
  padding: 1.1111111111rem 3.3333333333rem;
  position: relative;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .p-top-menu__item-inner {
    min-height: unset;
    border-radius: 1.1111111111rem;
    padding: 1.6666666667rem 1.1111111111rem 3.8888888889rem;
    color: #fff;
  }
}
.p-top-menu__item-inner::before, .p-top-menu__item-inner::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-top-menu__item-inner::before, .p-top-menu__item-inner::after {
    top: unset;
    -webkit-transform: unset;
            transform: unset;
  }
}
.p-top-menu__item-inner::before {
  width: 53.333px;
  width: 3.3333333333rem;
  height: 53.333px;
  height: 3.3333333333rem;
  background: #fff;
  border-radius: 50%;
  right: 44.444px;
  right: 2.7777777778rem;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 768px) {
  .p-top-menu__item-inner::before {
    width: 2.5rem;
    height: 2.5rem;
    bottom: 1.1111111111rem;
    right: 1.1111111111rem;
  }
}
.p-top-menu__item-inner::after {
  width: 21.333px;
  width: 1.3333333333rem;
  height: 14.222px;
  height: 0.8888888889rem;
  right: 59.555px;
  right: 3.7222222222rem;
  background: url(../img/common/blue-arrow_icon_001.png) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .p-top-menu__item-inner::after {
    width: 1rem;
    height: 0.6666666667rem;
    right: 1.8333333333rem;
    bottom: 2rem;
  }
}
.p-top-menu__item-inner:hover {
  opacity: 1;
  color: #fff;
}
.p-top-menu__item-inner:hover::before {
  -webkit-transform: translateY(-50%) scale(1.2);
          transform: translateY(-50%) scale(1.2);
}
@media screen and (max-width: 768px) {
  .p-top-menu__item-inner:hover::before {
    -webkit-transform: unset;
            transform: unset;
  }
}
.p-top-menu__item-inner:hover:nth-child(2) {
  background: url(../img/top/top-menu_bg_002.png) no-repeat center/cover;
}

.p-top-menu__item-title {
  font-size: 35.555px;
  font-size: 2.2222222222rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-top-menu__item-title {
    font-size: 1.3333333333rem;
  }
}

.p-top-menu__item-text {
  width: 346.666px;
  width: 21.6666666667rem;
  max-width: 100%;
  margin-top: 22.222px;
  margin-top: 1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-top-menu__item-text {
    width: 100%;
    margin-top: 0.8333333333rem;
  }
}

#en .p-top-menu {
  padding: 97.777px 0;
  padding: 6.1111111111rem 0;
}
@media screen and (max-width: 768px) {
  #en .p-top-menu {
    padding: 5rem 0;
  }
}
#en .p-top-menu__item {
  width: 32%;
  border-radius: 2.5rem;
}
#en .p-top-menu__item:first-child {
  background: url(../img/top/en_top-menu_bg_003.png) no-repeat center/cover;
}
#en .p-top-menu__item:nth-child(2) {
  background: url(../img/top/top-menu_bg_001.png) no-repeat center/cover;
}
#en .p-top-menu__item:nth-child(3) {
  background: url(../img/top/top-menu_bg_002.png) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  #en .p-top-menu__item {
    width: 100%;
  }
}
#en .p-top-menu__item-inner {
  padding: 17.777px 80px 17.777px 35.555px;
  padding: 1.1111111111rem 5rem 1.1111111111rem 2.2222222222rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  height: 100%;
}
#en .p-top-menu__item-inner::before {
  right: 26.666px;
  right: 1.6666666667rem;
}
#en .p-top-menu__item-inner::after {
  right: 41.777px;
  right: 2.6111111111rem;
}
@media screen and (max-width: 768px) {
  #en .p-top-menu__item-inner::after {
    right: 2.4444444444rem;
  }
}
@media screen and (max-width: 768px) {
  #en .p-top-menu__item-inner {
    min-height: 11.6666666667rem;
  }
}
#en .p-top-menu__item-title {
  letter-spacing: 0;
  word-spacing: 0.08em;
}

/* p-top-message */
.p-top-message {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-message {
    background: #e5f3f6;
    padding: 3.3333333333rem 0 4.4444444444rem;
  }
}
.p-top-message::before {
  position: absolute;
  content: "MESSAGE";
  font-family: "Poppins", sans-serif;
  font-size: 177.777px;
  font-size: 11.1111111111rem;
  font-weight: 600;
  color: rgba(0, 134, 163, .15);
  line-height: 1;
  letter-spacing: 0.05em;
  top: -88.888px;
  top: -5.5555555556rem;
  right: 0px;
  right: 0rem;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-top-message::before {
    font-size: 3.3333333333rem;
    top: -1.6666666667rem;
    right: 0rem;
  }
}

.p-top-message__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-top-message__inner {
    display: block;
  }
}

.p-top-message__img {
  width: 39%;
  margin-left: -88.888px;
  margin-left: -5.5555555556rem;
}
@media screen and (max-width: 1600px) {
  .p-top-message__img {
    width: 35%;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-message__img {
    width: 80%;
    margin: 2.2222222222rem auto 0;
    background: #fff;
    border-radius: 1.6666666667rem;
    padding: 1.6666666667rem;
  }
}

.p-top-message__body {
  width: 62%;
  padding: 106.666px 0 88.888px 115.555px;
  padding: 6.6666666667rem 0 5.5555555556rem 7.2222222222rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-top-message__body {
    width: 100%;
    padding: 0;
  }
}
.p-top-message__body::after {
  position: absolute;
  content: "";
  background: #e5f3f6;
  border-radius: 7.3333333333rem 0 0 7.3333333333rem;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-top-message__body::after {
    display: none;
  }
}

.p-top-message__subtitle {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .p-top-message__subtitle {
    font-size: 1rem;
  }
}

.p-top-message__title {
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
  margin-left: -22.222px;
  margin-left: -1.3888888889rem;
}
@media screen and (max-width: 768px) {
  .p-top-message__title {
    font-size: 1.4444444444rem;
    letter-spacing: 0.1em;
    margin-left: -0.8333333333rem;
  }
}

.p-top-message__text {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-top-message__btn {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-top-message__btn {
    margin: 2.2222222222rem auto 0;
  }
}

#en .p-top-message__subtitle {
  letter-spacing: 0.03em;
  word-spacing: 0.08em;
}
#en .p-top-message__title {
  margin-left: 0;
  letter-spacing: 0.03em;
  word-spacing: 0.08em;
}

/* p-top-mv */
.p-top-mv {
  position: relative;
}
.p-top-mv .l-inner {
  max-width: 1511.111px;
  max-width: 94.4444444444rem;
}

.p-top-mv__img-wrapper {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-top-mv__img img {
    height: 25.5555555556rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-top-mv__icon {
  width: 75.555px;
  width: 4.7222222222rem;
  animation: floating-y 1.2s ease-in-out infinite alternate-reverse;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-top-mv__icon {
    display: none;
    width: 2.2222222222rem;
  }
}
.p-top-mv__icon:nth-of-type(2) {
  left: 3.5%;
  top: 4%;
}
.p-top-mv__icon:nth-of-type(3) {
  left: 17.5%;
  top: 26%;
}
.p-top-mv__icon:nth-of-type(4) {
  left: 61.5%;
  top: 63%;
  display: none;
}
.p-top-mv__icon:nth-of-type(5) {
  left: 68%;
  top: 20%;
}
.p-top-mv__icon:nth-of-type(6) {
  left: 82.5%;
  top: 28%;
}

@-webkit-keyframes floating-y {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
}

@keyframes floating-y {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
}
.p-top-mv__texts {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  margin-top: -53.333px;
  margin-top: -3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-top-mv__texts {
    margin-top: 0;
  }
}
.p-top-mv__texts .u-wave {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1600px) {
  .p-top-mv__texts .u-wave {
    top: 8.3333333333rem;
    bottom: -2px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mv__texts .u-wave {
    top: inherit;
  }
}

.p-top-mv__text {
  font-size: 28.444px;
  font-size: 1.7777777778rem;
  color: #0086a3;
  line-height: 1.4;
  letter-spacing: 0.18em;
}
@media screen and (max-width: 768px) {
  .p-top-mv__text {
    font-size: 0.8888888889rem;
  }
}

.p-top-mv__title {
  font-size: 53.333px;
  font-size: 3.3333333333rem;
  font-weight: 600;
  color: #0086a3;
  line-height: 1.3;
  letter-spacing: 0.15em;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}
@media screen and (max-width: 768px) {
  .p-top-mv__title {
    font-size: 1.5555555556rem;
    margin-top: 0.8333333333rem;
  }
}
.p-top-mv__title span {
  font-family: "Poppins", sans-serif;
  font-size: 60.444px;
  font-size: 3.7777777778rem;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .p-top-mv__title span {
    font-size: 1.6666666667rem;
  }
}

.p-top-mv__scroll {
  position: absolute;
  right: 53.333px;
  right: 3.3333333333rem;
  bottom: -40px;
  bottom: -2.5rem;
  z-index: 2;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #0086a3;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .p-top-mv__scroll {
    display: none;
    font-size: 0.8333333333rem;
    right: 0.5555555556rem;
  }
}
.p-top-mv__scroll::after {
  position: absolute;
  content: "";
  width: 0.888px;
  width: 0.0555555556rem;
  width: 1px;
  height: 166.222px;
  height: 10.3888888889rem;
  background: #0086a3;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -180.444px;
  bottom: -11.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-top-mv__scroll::after {
    height: 4.4444444444rem;
    bottom: -5rem;
  }
}

#en .p-top-mv__text {
  word-spacing: 0.08em;
}
#en .p-top-mv__title span {
  letter-spacing: 0;
  word-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  #en .p-top-mv__title span {
    font-size: 1.6666666667rem;
  }
}

/* p-top-news */
.p-top-news {
  padding: 161.777px 0;
  padding: 10.1111111111rem 0;
}
@media screen and (max-width: 768px) {
  .p-top-news {
    padding: 5.5555555556rem 0 3.3333333333rem;
  }
}

.p-top-news__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-news__inner {
    display: block;
  }
}

.p-top-news__img {
  position: absolute;
  left: 80px;
  left: 5rem;
  bottom: -93.333px;
  bottom: -5.8333333333rem;
  width: 173.333px;
  width: 10.8333333333rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-top-news__img {
    position: static;
    width: 8.8888888889rem;
    margin-left: auto;
    margin-top: 2.2222222222rem;
  }
}

.p-top-news__titles {
  padding-top: 62.222px;
  padding-top: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-top-news__titles {
    padding-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-top-news__more-wrapper {
    text-align: center;
  }
}

.p-top-news__more {
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}

.p-top-news__body {
  width: 71%;
}
@media screen and (max-width: 768px) {
  .p-top-news__body {
    width: 100%;
    margin-top: 2.2222222222rem;
  }
}
.p-top-news__body .p-news__category-item:not(:first-child) {
  margin-left: 1.777px;
  margin-left: 0.1111111111rem;
}
.p-top-news__body .p-news__category-item a {
  font-size: 14.222px;
  font-size: 0.8888888889rem;
  padding: 11.555px 4.444px;
  padding: 0.7222222222rem 0.2777777778rem;
}
@media screen and (max-width: 768px) {
  .p-top-news__body .p-news__category-item a {
    font-size: 0.7222222222rem;
    padding: 0.5555555556rem 0.2777777778rem;
  }
}
.p-top-news__body .p-news__item-inner {
  padding-right: 142.222px;
  padding-right: 8.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-top-news__body .p-news__item-inner {
    padding-right: 0;
  }
}
.p-top-news__body .p-news__item-title {
  font-size: 14.222px;
  font-size: 0.8888888889rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
}

/* p-top-solution */
.p-top-solution {
  background: #f8f8f8;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-solution {
    padding-bottom: 5.5555555556rem;
  }
}
.p-top-solution .u-wave {
  position: absolute;
  left: 0;
  top: -44.444px;
  top: -2.7777777778rem;
  width: 100%;
  z-index: 1;
}

.p-top-solution__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-solution__inner {
    display: block;
  }
}

.p-top-solution__img {
  position: absolute;
  top: -128.888px;
  top: -8.0555555556rem;
  right: 62.222px;
  right: 3.8888888889rem;
  width: 98.666px;
  width: 6.1666666667rem;
  max-width: 100%;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-top-solution__img {
    width: 4.4444444444rem;
    right: 1.1111111111rem;
    top: -6.6666666667rem;
  }
}

.p-top-solution__body {
  width: 42%;
}
@media screen and (max-width: 768px) {
  .p-top-solution__body {
    width: 100%;
  }
}

.p-top-solution__text {
  width: 368.888px;
  width: 23.0555555556rem;
  max-width: 100%;
  margin-top: 57.777px;
  margin-top: 3.6111111111rem;
}
@media screen and (max-width: 768px) {
  .p-top-solution__text {
    width: 100%;
    margin-top: 2.2222222222rem;
  }
}

@media screen and (max-width: 768px) {
  .p-top-solution__more-wrapper {
    text-align: center;
  }
}

.p-top-solution__more {
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-top-solution__more {
    margin-top: 2.2222222222rem;
  }
}

.p-top-solution__list {
  width: 58%;
  margin-top: 88.888px;
  margin-top: 5.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-top-solution__list {
    width: 100%;
    margin-top: 1.3888888889rem;
  }
}

/* p-top-topics */
.p-top-topics {
  padding: 115.555px 0 128.888px;
  padding: 7.2222222222rem 0 8.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-top-topics {
    padding: 4.4444444444rem 0 2.2222222222rem;
  }
}

.p-top-topics__title {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .p-top-topics__title {
    font-size: 1.5555555556rem;
  }
}

.p-top-topics__slider {
  width: 1111.111px;
  width: 69.4444444444rem;
  max-width: 100%;
  margin: 26.666px auto 0;
  margin: 1.6666666667rem auto 0;
  display: none;
}
.p-top-topics__slider.slick-initialized {
  display: block;
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}

.star-section {
  position: relative;
  margin-bottom: 224px;
  margin-bottom: 14rem;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .star-section {
    margin-bottom: 6rem;
  }
}
.star-section__bg-video .video-wrapper {
  position: relative;
  width: 100%;
  height: calc(100vh - 13rem);
  height: calc(100svh - 13rem);
  z-index: 1;
  border-radius: 6rem;
  overflow: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

@media screen and (max-width: 768px) {
  .star-section__bg-video .video-wrapper {
    border-radius: 3rem;
    height: calc(100vh - 12rem);
    height: calc(100svh - 12rem);
    contain: size layout;
  }
}
.star-section__bg-video .video-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0086a3;
  opacity: 0.2;
  z-index: 2;
  pointer-events: none;
}

.star-section__bg-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.image-stalker {
  position: fixed;
  top: 0;
  left: 0;
  width: 386px;
  height: 386px;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 1024px) {
  .image-stalker {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
    width: 100px;
    height: 100px;
    opacity: 1;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
}
/* PCでホバーした時の表示クラス */
.image-stalker.is-active {
  opacity: 1;
}

.stalker-rotator {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate-circle 10s linear infinite;
          animation: rotate-circle 10s linear infinite;
}

.stalker-inner-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 56px;
  height: 68px;
}

@media screen and (max-width: 1024px) {
  .stalker-inner-icon {
    width: 20px;
    height: 26px;
  }
}
@-webkit-keyframes rotate-circle {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-circle {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.modal-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-wrapper.is-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 9999;
}

.modal-container {
  position: relative;
  z-index: 10001;
  width: 50%;
  max-width: 900px;
  aspect-ratio: 16/9;
}

@media screen and (max-width: 768px) {
  .modal-container {
    width: 90%;
  }
}
.modal-video-box {
  width: 100%;
  height: 100%;
}

.modal-video-box video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal-close {
  position: absolute;
  top: -80px;
  top: -5rem;
  right: -80px;
  right: -5rem;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  padding: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  .modal-close {
    top: -3rem;
    right: 0; /* 位置調整 */
    width: 30px;
    height: 30px;
  }
}
.modal-close:hover {
  opacity: 0.7;
}

.modal-close::before, .modal-close::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .modal-close::before, .modal-close::after {
    width: 14px;
  }
}
.modal-close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal-close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* p-archive-news */
.p-archive-news {
  padding-bottom: 137.777px;
  padding-bottom: 8.6111111111rem;
}
@media screen and (max-width: 768px) {
  .p-archive-news {
    padding-bottom: 5.5555555556rem;
  }
}

.p-archive-news__content {
  width: 924.444px;
  width: 57.7777777778rem;
  max-width: 100%;
  margin: 0 auto;
}

.p-archive-news__year {
  width: 137.777px;
  width: 8.6111111111rem;
  max-width: 100%;
  position: relative;
}
.p-archive-news__year::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10.666px;
  right: 0.6666666667rem;
  width: 10.666px;
  width: 0.6666666667rem;
  height: 10.666px;
  height: 0.6666666667rem;
  background: url(../img/news/select-arrow_icon.png) no-repeat center/contain;
}
.p-archive-news__year select {
  width: 100%;
  height: 38.222px;
  height: 2.3888888889rem;
  color: #333;
  font-weight: 600;
  border: 0.888px solid #cbdce2;
  border: 0.0555555556rem solid #cbdce2;
  border-radius: 0.2222222222rem;
  padding: 7.111px 11.555px;
  padding: 0.4444444444rem 0.7222222222rem;
}

.p-archive-news__body {
  margin-top: 25.777px;
  margin-top: 1.6111111111rem;
}

.p-archive-news__pagination {
  margin-top: 48.888px;
  margin-top: 3.0555555556rem;
}
@media screen and (max-width: 768px) {
  .p-archive-news__pagination {
    margin-top: 2.2222222222rem;
  }
}

/* p-pagination */
.p-pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-pagination li {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  margin: 4.444px 8.888px;
  margin: 0.2777777778rem 0.5555555556rem;
}
@media screen and (max-width: 768px) {
  .p-pagination li {
    margin: 0.2777777778rem 0.2777777778rem;
  }
}
.p-pagination a, .p-pagination span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48.888px;
  width: 3.0555555556rem;
  height: 48.888px;
  height: 3.0555555556rem;
  border-radius: 50%;
  font-family: "Poppins", sans-serif;
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  font-weight: 600;
  color: #067994;
}
@media screen and (max-width: 768px) {
  .p-pagination a, .p-pagination span {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
  }
}
.p-pagination a {
  background: #e5f3f6;
}
.p-pagination a.prev, .p-pagination a.next {
  width: 31.111px;
  width: 1.9444444444rem;
  height: 31.111px;
  height: 1.9444444444rem;
}
@media screen and (max-width: 768px) {
  .p-pagination a.prev, .p-pagination a.next {
    width: 1.1111111111rem;
    height: 1.1111111111rem;
  }
}
.p-pagination a.prev {
  background: url(../img/news/prev-arrow_icon.png) no-repeat center/12.444px;
  background: url(../img/news/prev-arrow_icon.png) no-repeat center/0.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-pagination a.prev {
    background-size: 0.5555555556rem;
  }
}
.p-pagination a.next {
  background: url(../img/news/next-arrow_icon.png) no-repeat center/12.444px;
  background: url(../img/news/next-arrow_icon.png) no-repeat center/0.7777777778rem;
}
@media screen and (max-width: 768px) {
  .p-pagination a.next {
    background-size: 0.5555555556rem;
  }
}
.p-pagination a:not(.prev):not(.next) {
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
.p-pagination a:not(.prev):not(.next):hover {
  opacity: 1;
  background: #0086a3;
  color: #fff;
}
.p-pagination span.current {
  color: #fff;
  background: #0086a3;
}
.p-pagination span.dots {
  font-family: "Noto Sans JP", sans-serif;
  color: #0086a3;
}
@media screen and (max-width: 768px) {
  .p-pagination span.dots {
    font-size: 0.8888888889rem;
  }
}

/* p-single-news */
.p-single-news {
  padding-bottom: 93.333px;
  padding-bottom: 5.8333333333rem;
}

.p-single-news__content {
  border-radius: 1.1111111111rem;
  background: rgba(248, 248, 248, .5);
  padding: 64px 71.111px 106.666px;
  padding: 4rem 4.4444444444rem 6.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-single-news__content {
    padding: 2.2222222222rem 1.1111111111rem;
  }
}

.p-single-news__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-single-news__category span {
  display: inline-block;
  font-size: 11.555px;
  font-size: 0.7222222222rem;
  font-weight: 700;
  color: #0086a3;
  border: 0.888px solid #0086a3;
  border: 0.0555555556rem solid #0086a3;
  border-radius: 0.1666666667rem;
  margin-right: 4.444px;
  margin-right: 0.2777777778rem;
  margin-bottom: 4.444px;
  margin-bottom: 0.2777777778rem;
  padding: 0.888px 6.222px;
  padding: 0.0555555556rem 0.3888888889rem;
}
.p-single-news__category span.release {
  border: none;
  background: #69be9b;
  color: #fff;
}
.p-single-news__category span.news {
  border: none;
  background: #58abc0;
  color: #fff;
}
.p-single-news__category span.event {
  border: none;
  background: #778fcc;
  color: #fff;
}
.p-single-news__category span.company {
  border: none;
  background: #d26b6b;
  color: #fff;
}
.p-single-news__category span.business {
  border: none;
  background: #b175c0;
  color: #fff;
}
.p-single-news__category span.kyoninka {
  border: none;
  background: #ddbb45;
  color: #fff;
}
.p-single-news__category span.recruit {
  border: none;
  background: #d78448;
  color: #fff;
}
.p-single-news__category span.other, .p-single-news__category span.company, .p-single-news__category span.business, .p-single-news__category span.kyoninka, .p-single-news__category span.recruit {
  border: 1px solid #e7e7e7;
  background: #f6f6f6;
  color: #333;
}

.p-single-news__date {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 13.333px;
  font-size: 0.8333333333rem;
  color: #818790;
  margin-left: 8.888px;
  margin-left: 0.5555555556rem;
}

.p-single-news__title {
  font-size: 23.111px;
  font-size: 1.4444444444rem;
  line-height: 1.38;
  margin-top: 14.222px;
  margin-top: 0.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-single-news__title {
    font-size: 1.1111111111rem;
  }
}

.p-single-news__post {
  border-top: 0.888px solid #cbdce2;
  border-top: 0.0555555556rem solid #cbdce2;
  padding-top: 48.888px;
  padding-top: 3.0555555556rem;
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}
@media screen and (max-width: 768px) {
  .p-single-news__post {
    padding-top: 1.6666666667rem;
    margin-top: 1.6666666667rem;
  }
}
.p-single-news__post h2:not(:last-child),
.p-single-news__post h3:not(:last-child),
.p-single-news__post h4:not(:last-child),
.p-single-news__post h5:not(:last-child),
.p-single-news__post h6:not(:last-child) {
  margin-bottom: 17.777px;
  margin-bottom: 1.1111111111rem;
}
.p-single-news__post h2 {
  font-size: 17.777px;
  font-size: 1.1111111111rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .p-single-news__post h2 {
    font-size: 1rem;
  }
}
.p-single-news__post h3,
.p-single-news__post h4,
.p-single-news__post h5,
.p-single-news__post h6 {
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .p-single-news__post h3,
  .p-single-news__post h4,
  .p-single-news__post h5,
  .p-single-news__post h6 {
    font-size: 0.8333333333rem;
  }
}
.p-single-news__post p {
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .p-single-news__post p {
    font-size: 0.8333333333rem;
  }
}
.p-single-news__post p:not(:last-child) {
  margin-bottom: 62.222px;
  margin-bottom: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-single-news__post p:not(:last-child) {
    margin-bottom: 2.7777777778rem;
  }
}
.p-single-news__post .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-single-news__post .flex {
    display: block;
  }
}
.p-single-news__post .flex:not(:last-child) {
  margin-bottom: 62.222px;
  margin-bottom: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-single-news__post .flex:not(:last-child) {
    margin-bottom: 2.7777777778rem;
  }
}
.p-single-news__post .flex figure:not(:first-child) {
  margin-left: 26.666px;
  margin-left: 1.6666666667rem;
}
@media screen and (max-width: 768px) {
  .p-single-news__post .flex figure:not(:first-child) {
    margin-left: 0;
  }
}
.p-single-news__post figure:not(:last-child) {
  margin-bottom: 62.222px;
  margin-bottom: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-single-news__post figure:not(:last-child) {
    margin-bottom: 2.7777777778rem;
  }
}
.p-single-news__post img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 1.3888888889rem;
}
.p-single-news__post ul:not(:last-child),
.p-single-news__post ol:not(:last-child) {
  margin-bottom: 62.222px;
  margin-bottom: 3.8888888889rem;
}
@media screen and (max-width: 768px) {
  .p-single-news__post ul:not(:last-child),
  .p-single-news__post ol:not(:last-child) {
    margin-bottom: 2.7777777778rem;
  }
}
.p-single-news__post li {
  padding-left: 1em;
  position: relative;
}
.p-single-news__post li::before {
  position: absolute;
  content: "・";
  left: 0;
  top: 0;
}

.p-single-news__btn {
  margin: 95.111px auto 0;
  margin: 5.9444444444rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-single-news__btn {
    margin-top: 4.4444444444rem;
  }
}

/* u-bg */
.u-bg--gray {
  background-color: #f8f7f8;
}

/* u-fade */
.u-fade {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
.u-fade.is-inview {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

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

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

/* u-wave */
.u-wave {
  position: relative;
  height: 44.444px;
  height: 2.7777777778rem;
  z-index: 1;
}
.u-wave canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
/*# sourceMappingURL=style.css.map */