/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./node_modules/webpack-dart-sass-glob/index.js!./src/scss/corporate/styles-pc.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  color: #000;
  letter-spacing: 0.05em;
  word-break: break-word;
  background: #fff;
}

a {
  display: block;
  color: inherit;
  text-decoration: none;
  opacity: 1;
  transition: all 0.3s ease;
}
a:hover {
  cursor: pointer;
  opacity: 0.7;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

main {
  width: 100%;
}

/*recaptureバッジを非表示に*/
.grecaptcha-badge {
  display: none;
}

body {
  font-size: 16px;
  line-height: 2.0625;
}

a[href^="tel:"] {
  pointer-events: none;
}

.h-tac {
  text-align: center;
}

.h-oh {
  overflow: hidden;
}

.h-ct {
  display: block;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
}

.h-overflow-x-scroll {
  overflow-x: scroll;
}

.effect-fade {
  opacity: 0;
  transition: all 0.3s;
  transform: translate(0, 45px);
}
.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

.effect-slidein {
  opacity: 0;
  transition: opacity 1s, transform 0.8s;
  transform: translateX(-80px);
}
.effect-slidein.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

.effect-slidein-right {
  opacity: 0;
  transition: opacity 1s, transform 0.8s;
  transform: translateX(80px);
}
.effect-slidein-right.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translateY(-80px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.effect-fadeintop {
  opacity: 0;
  transform: translateY(-80px);
}
.effect-fadeintop.effect-scroll {
  animation-name: fadeInTop;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}

@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(80px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.effect-fadeinbottom {
  opacity: 0;
  transform: translateY(80px);
}
.effect-fadeinbottom.effect-scroll {
  animation-name: fadeInBottom;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}

.wp-pagenavi {
  padding: 80px 0 0;
  text-align: center;
}
.wp-pagenavi a {
  display: inline-block;
  padding: 7px 9px 7px 10px;
  margin: 0 2px;
  font-size: 14px;
  line-height: 1;
  color: #3e3a39;
  background-color: #fff;
  border: 1px solid rgba(133, 122, 133, 0.2);
  border-radius: 3px;
  box-shadow: 0px 0px 3px rgba(35, 24, 21, 0.1);
}
.wp-pagenavi a:hover {
  color: #fff;
  text-decoration: none;
  background: #03467c;
}
.wp-pagenavi span.current {
  display: inline-block;
  padding: 7px 9px 7px 10px;
  margin: 0 2px;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  background: #03467c;
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: 0px 0px 3px rgba(35, 24, 21, 0.2);
}

.c-work-system {
  background: #fff;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border-radius: 10px;
}
.c-work-system__main {
  padding: 30px 42px 36px;
}
.c-work-system__title-container {
  display: flex;
  gap: 16px;
  align-items: center;
}
.c-work-system__tag {
  padding: 6px 24px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background: #0d3f5b;
  border-radius: 16px;
}
.c-work-system__title {
  font-size: 22px;
  font-weight: bold;
  line-height: 36px;
  color: #0d3f5b;
  letter-spacing: 0;
}
.c-work-system .table {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
}
.c-work-system .table__row {
  display: grid;
  grid-template-columns: 148px 1fr;
  gap: 18px;
}
.c-work-system .table__row dt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #0d3f5b;
  background: #f5f5f5;
}
.c-work-system .table__row dd {
  display: flex;
  align-items: center;
  padding: 8px 0;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid rgba(217, 218, 218, 0.5);
}
.c-work-system__description {
  margin-top: 12px;
}

.c-work-service-work {
  position: relative;
}
.c-work-service-work__image {
  position: relative;
  height: 254px;
  background: #9e9e9f;
}
.c-work-service-work__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-work-service-work__image::before {
  position: absolute;
  right: 12px;
  bottom: 14px;
  display: block;
  width: 48px;
  height: 28px;
  content: "";
  background: url("../img/corporate/pc/c_work_service_work_arrow.svg") no-repeat;
}
.c-work-service-work__title {
  margin-top: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}

.c-work-front-project {
  position: relative;
  height: 392px;
}
.c-work-front-project__inner {
  height: 100%;
}
.c-work-front-project__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #9e9e9f;
  border-radius: 14px;
}
.c-work-front-project__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 14px;
}
.c-work-front-project__bg::before {
  position: absolute;
  right: 22px;
  bottom: 22px;
  display: block;
  width: 70px;
  height: 46px;
  content: "";
  background: url("../img/corporate/pc/c_work_front_project_arrow.svg") no-repeat;
}
.c-work-front-project__fg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 102px 20px 20px;
}
.c-work-front-project__counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Bebas Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 62px;
  line-height: 1;
  color: transparent;
  letter-spacing: 0.1em;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}
.c-work-front-project__counter::before {
  display: block;
  width: 69px;
  height: 17px;
  margin-bottom: 8px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/corporate/pc/c_work_front_project_project.png");
  background-image: image-set(url("../img/corporate/pc/c_work_front_project_project.png") 1x, url("../img/corporate/pc/c_work_front_project_project@2x.png") 2x);
}
.c-work-front-project__counter::after {
  display: block;
  width: 62px;
  height: 2px;
  margin-top: 10px;
  content: "";
  background: #fff;
}
.c-work-front-project__title {
  padding: 14px 48px;
  margin-top: 26px;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  color: #0d3f5b;
  letter-spacing: 0;
  background: #fff;
  border-radius: 31px;
}

.c-work-application {
  padding-bottom: 4px;
  background: #fff;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border-radius: 10px;
}
.c-work-application__image {
  position: relative;
  height: 264px;
  background: #9e9e9f;
  border-radius: 10px;
}
.c-work-application__image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.c-work-application__tag {
  position: absolute;
  bottom: 18px;
  left: 16px;
  padding: 6px 24px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background: #0d3f5b;
  border-radius: 16px;
}
.c-work-application__main {
  padding-top: 18px;
}
.c-work-application__sub-title {
  margin: 0 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  color: #0d3f5b;
  letter-spacing: 0;
}
.c-work-application__title {
  margin: 8px 30px 0;
  font-size: 27px;
  font-weight: bold;
  line-height: 36px;
  color: #0d3f5b;
  letter-spacing: 0;
}
.c-work-application .table {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 20px 20px 0 26px;
}
.c-work-application .table__row {
  display: grid;
  grid-template-columns: 148px 1fr;
  gap: 18px;
}
.c-work-application .table__row dt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #0d3f5b;
  background: #f5f5f5;
}
.c-work-application .table__row dd {
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid rgba(217, 218, 218, 0.5);
}
.c-work-application__description {
  padding-bottom: 22px;
  margin: 22px 20px 0 26px;
}
.c-work-application__url-block {
  display: flex;
  padding-top: 4px;
  margin: 0 10px;
  border-top: 1px solid rgba(217, 218, 218, 0.5);
}
.c-work-application__url-block a {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 28px;
  font-size: 16px;
  line-height: 24px;
  color: #03467c;
}
.c-work-application__url-block a::after {
  display: block;
  flex: 0 0 auto;
  width: 37px;
  height: 37px;
  margin-left: 20px;
  content: "";
  background: url("../img/corporate/pc/c_work_application_link.svg");
  border-radius: 50%;
}
.c-work-application__url {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 124px;
  min-height: 60px;
  padding-left: 20px;
  border-right: 1px solid rgba(217, 218, 218, 0.5);
}
.c-work-application__url::after {
  position: absolute;
  top: calc(50% - 8px);
  right: -7px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: #fff;
  border-top: 1px solid rgba(217, 218, 218, 0.5);
  border-right: 1px solid rgba(217, 218, 218, 0.5);
  transform: rotate(45deg);
}

.c-video-bg {
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.c-video-bg__video {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.c-video-bg__video--contain {
  object-fit: contain;
}
.c-video-bg__video--cover {
  object-fit: cover;
}
.c-video-bg__loader {
  position: absolute;
  z-index: 1;
}
.c-video-bg .loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.c-video-bg .loader__wrapper {
  display: inline-block;
}

.c-text-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-text-section span {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 22px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #03467c;
}
.c-text-section span::before {
  display: block;
  width: 62px;
  height: 2px;
  margin-bottom: 18px;
  content: "";
  background: #03467c;
}

.c-tel {
  display: inline-block;
}
.c-tel__inner {
  display: flex;
  align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}
.c-tel__inner::before {
  display: block;
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  margin-right: 14px;
  content: "";
  background: url("../img/corporate/pc/icon_tel_theme_white.svg") no-repeat;
}
.c-tel--white a::before {
  background-image: url("../img/corporate/pc/icon_tel_white_theme.svg");
}
.c-tel__wrapper {
  text-align: center;
}

.c-slider-smooth {
  overflow-x: hidden;
}
@keyframes slide1 {
  0% {
    transform: translateX(calc(100% - 5px));
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(-5px);
  }
  to {
    transform: translateX(-200%);
  }
}
.c-slider-smooth__inner {
  display: flex;
  flex: 0 0 auto;
  height: 100%;
}
.c-slider-smooth__group {
  display: flex;
  flex: 0 0 auto;
  height: 100%;
}
.c-slider-smooth__group--main {
  animation: slide1 120s -60s linear infinite;
}
.c-slider-smooth__group--dummy {
  animation: slide2 120s linear infinite;
}
.c-slider-smooth__item {
  height: 100%;
}
.c-slider-smooth__item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-slider {
  position: relative;
}
.c-slider__wrapper {
  width: 100%;
}
.c-slider__container {
  width: 100%;
  overflow: hidden;
}
.c-slider__track {
  display: flex;
}
.c-slider__item {
  flex: 0 0 auto;
  overflow: unset;
}
.c-slider__arrow-right {
  position: absolute;
}
.c-slider__arrow-right:hover {
  cursor: pointer;
  opacity: 0.7;
}
.c-slider__arrow-left {
  position: absolute;
}
.c-slider__arrow-left:hover {
  cursor: pointer;
  opacity: 0.7;
}

.c-recaptcha-text {
  font-size: 12px;
  text-align: center;
}
.c-recaptcha-text a {
  display: inline-block;
  text-decoration: underline;
}
.c-recaptcha-text a:hover {
  text-decoration: none;
}

.c-post-front-news-card a {
  height: 100%;
}
.c-post-front-news-card__image-container {
  position: relative;
  padding-top: 66.5789%;
}
.c-post-front-news-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #9e9e9f;
}
.c-post-front-news-card__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-post-front-news-card__main {
  padding-top: 12px;
  margin: 0 auto;
}
.c-post-front-news-card__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 33px;
  letter-spacing: 0.05em;
}
.c-post-front-news-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
}
.c-post-front-news-card__date {
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  color: #b3b3b4;
}

.c-post-category-list__title {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 74px;
  padding-left: 46px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #0d3f5b;
  border-radius: 8px 0 0 8px;
}
.c-post-category-list__list {
  padding: 0 24px 0 4px;
  background-color: #fff;
}
.c-post-category-list__list .parent__title {
  border-bottom: 1px solid rgba(216, 217, 217, 0.75);
}
.c-post-category-list__list .parent__title a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 18px 22px 32px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.c-post-category-list__list .parent__title a::after {
  display: block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  content: "";
  background: url("../img/corporate/pc/c_category_list_chevron.svg") no-repeat;
}
.c-post-category-list__list .parent__child-list {
  padding-left: 1em;
}
.c-post-category-list__list .parent__child-list .child {
  border-bottom: 1px solid rgba(216, 217, 217, 0.75);
}
.c-post-category-list__list .parent__child-list .child a {
  position: relative;
  padding: 22px 10px;
  font-size: 16px;
  line-height: 22px;
}
.c-post-category-list__list .parent:last-of-type:not(:has(.parent__child-list)) .parent__title {
  border-bottom: unset;
}
.c-post-category-list__list .parent:last-of-type .child:last-of-type {
  border-bottom: unset;
}

.c-post-archive-card {
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}
.c-post-archive-card a {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
}
.c-post-archive-card__image-container {
  position: relative;
  padding-top: 66.5789%;
}
.c-post-archive-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #9e9e9f;
}
.c-post-archive-card__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-post-archive-card__main {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 12px 28px 58px;
}
.c-post-archive-card__title {
  height: 66px;
  font-size: 18px;
  font-weight: bold;
  line-height: 33px;
  letter-spacing: 0.05em;
}
.c-post-archive-card__date {
  position: absolute;
  bottom: 28px;
  left: 24px;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: #b3b3b4;
}

.c-in-house-project-service-card {
  background: #fff;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border-radius: 18px;
}
.c-in-house-project-service-card__inner {
  padding: 18px 18px 6px;
  container-type: inline-size;
}
.c-in-house-project-service-card__top-container {
  display: flex;
  gap: 30px 42px;
  padding-bottom: 20px;
}
@container (width < 920px) {
  .c-in-house-project-service-card__top-container {
    flex-wrap: wrap;
  }
}
.c-in-house-project-service-card__image {
  flex: 0 0 auto;
  width: 518px;
  height: 350px;
  background: #9e9e9f;
}
.c-in-house-project-service-card__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-in-house-project-service-card__text-area {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 0 4px;
}
.c-in-house-project-service-card__tag {
  padding: 8px 30px;
  font-size: 16px;
  line-height: 24px;
  background: #f5f5f5;
}
.c-in-house-project-service-card__title {
  margin-top: 20px;
  font-size: 30px;
  font-weight: bold;
  line-height: 45px;
  color: #0d3f5b;
}
.c-in-house-project-service-card__title::after {
  display: block;
  width: 62px;
  height: 2px;
  margin-top: 14px;
  content: "";
  background: #0d3f5b;
}
.c-in-house-project-service-card__headline {
  margin-top: 28px;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  color: #0d3f5b;
}
.c-in-house-project-service-card__description {
  margin-top: 14px;
  font-size: 16px;
  line-height: 33px;
}
.c-in-house-project-service-card__bottom-container {
  display: flex;
  justify-content: flex-end;
  padding: 7px 0;
  border-top: 1px solid rgba(198, 199, 200, 0.5);
}
.c-in-house-project-service-card__view {
  display: flex;
  flex: 0 0 auto;
  width: 200px;
}
.c-in-house-project-service-card__view dt {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  min-height: 60px;
  border-right: 1px solid rgba(217, 218, 218, 0.5);
}
.c-in-house-project-service-card__view dt::after {
  position: absolute;
  top: calc(50% - 8px);
  right: -7px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: #fff;
  border-top: 1px solid rgba(217, 218, 218, 0.5);
  border-right: 1px solid rgba(217, 218, 218, 0.5);
  transform: rotate(45deg);
}
.c-in-house-project-service-card__view dd {
  width: 100px;
}
.c-in-house-project-service-card__view dd a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.c-in-house-project-service-card__view dd a img {
  width: 37px;
  height: 37px;
}

.c-in-house-project-archive-card {
  background: #fff;
}
.c-in-house-project-archive-card__image {
  position: relative;
  height: 260px;
  background: #9e9e9f;
}
.c-in-house-project-archive-card__image::after {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: block;
  width: 70px;
  height: 46px;
  content: "";
  background: url("../img/corporate/pc/c_in_house_project_archive_card.svg") no-repeat;
}
.c-in-house-project-archive-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-in-house-project-archive-card__main {
  padding: 22px 30px 26px;
}
.c-in-house-project-archive-card__title {
  font-size: 27px;
  font-weight: bold;
  line-height: 36px;
  color: #0d3f5b;
}
.c-in-house-project-archive-card__tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.c-in-house-project-archive-card__tag-list li {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  background: #94a3ae;
}
.c-in-house-project-archive-card__description {
  margin-top: 14px;
  font-size: 16px;
  line-height: 30px;
  color: #0d3f5b;
}

.c-drawer-button {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.c-drawer-button__bar {
  position: relative;
  width: 22px;
  height: 2px;
  transition: all 0.2s;
  transform-origin: 50% 50%;
}
.c-drawer-button__bar::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: #fff;
}
.c-drawer-button__bar--1::before {
  width: 22px;
}
.c-drawer-button__bar--2::before {
  width: 18px;
}
.c-drawer-button__bar--3::before {
  width: 20px;
}
.c-drawer-button--active .c-drawer-button__bar::before {
  width: 100%;
}
.c-drawer-button--active .c-drawer-button__bar--1 {
  width: 23px;
  transform: translateY(6px) rotate(45deg);
}
.c-drawer-button--active .c-drawer-button__bar--2 {
  opacity: 0;
}
.c-drawer-button--active .c-drawer-button__bar--3 {
  width: 23px;
  transform: translateY(-6px) rotate(-45deg);
}

.c-csr-card {
  background: #fff;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border-radius: 18px;
}
.c-csr-card__inner {
  padding: 18px 18px 6px;
  container-type: inline-size;
}
.c-csr-card__top-container {
  display: flex;
  gap: 30px 60px;
  padding-bottom: 20px;
}
@container (width < 900px) {
  .c-csr-card__top-container {
    flex-wrap: wrap;
  }
}
.c-csr-card__image {
  flex: 0 0 auto;
  width: 418px;
  height: 282px;
  background: #9e9e9f;
}
.c-csr-card__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-csr-card__text-area {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: 28px 0 20px;
}
.c-csr-card__title {
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  color: #0d3f5b;
}
.c-csr-card__title::after {
  display: block;
  width: 62px;
  height: 2px;
  margin-top: 20px;
  content: "";
  background: #0d3f5b;
}
.c-csr-card__description {
  margin-top: 18px;
  font-size: 16px;
  line-height: 33px;
}
.c-csr-card__bottom-container {
  display: flex;
  justify-content: flex-end;
  padding: 7px 0;
  border-top: 1px solid rgba(198, 199, 200, 0.5);
}
.c-csr-card__view {
  display: flex;
  flex: 0 0 auto;
  width: 200px;
}
.c-csr-card__view dt {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  min-height: 60px;
  border-right: 1px solid rgba(217, 218, 218, 0.5);
}
.c-csr-card__view dt::after {
  position: absolute;
  top: calc(50% - 8px);
  right: -7px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: #fff;
  border-top: 1px solid rgba(217, 218, 218, 0.5);
  border-right: 1px solid rgba(217, 218, 218, 0.5);
  transform: rotate(45deg);
}
.c-csr-card__view dd {
  width: 100px;
}
.c-csr-card__view dd a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.c-csr-card__view dd a img {
  width: 37px;
  height: 37px;
}

.c-button-circle {
  width: 302px;
  height: 58px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #03467c;
  background-color: #fff;
  border-radius: 29px;
}
.c-button-circle__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 24px 0 36px;
}
.c-button-circle__inner::after {
  display: block;
  width: 23px;
  height: 2px;
  margin-left: auto;
  content: "";
  background-color: #0d3f5b;
}
.c-button-circle--chevron .c-button-circle__inner::after {
  width: 9px;
  height: 16px;
  background: url("../img/pc/c_button_circle_chevron.svg") no-repeat;
}
.c-button-circle--bg-theme-external {
  color: #fff;
  background: #0d3f5b;
  border: unset;
}
.c-button-circle--bg-theme-external .c-button-circle__inner::after {
  width: 14px;
  height: 14px;
  background: url("../img/corporate/pc/c_button_circle_external.svg") no-repeat;
}
.c-button-circle--border {
  border: 1px solid #03467c;
}
.c-button-circle--shadow {
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
}
.c-button-circle--border-white {
  color: #fff;
  background: unset;
  border: 1px solid #fff;
}
.c-button-circle--border-white .c-button-circle__inner::after {
  background-color: #fff;
}
.c-button-circle--bg-theme {
  color: #fff;
  background: #0d3f5b;
  border: unset;
}
.c-button-circle--bg-theme .c-button-circle__inner::after {
  background-color: #fff;
}
.c-button-circle--bg-white {
  color: #0d3f5b;
  background: #fff;
  border: unset;
}
.c-button-circle--bg-white .c-button-circle__inner::after {
  background-color: #0d3f5b;
}
.c-button-circle--english .c-button-circle__inner {
  padding-left: 36px;
}

@-webkit-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.c-ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
.c-ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.c-ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.c-ball-scale-multiple > div {
  position: absolute;
  top: 0px;
  left: -30px;
  width: 60px;
  height: 60px;
  margin: 2px;
  margin: 0;
  background-color: #03467c;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes scale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    opacity: 0.7;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    opacity: 0.7;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.b-two-col-single {
  display: grid;
  grid-template-columns: 1fr 306px;
  gap: 20px;
  justify-content: space-between;
  max-width: 1654px;
  margin-left: auto;
}
.b-two-col-single__left {
  max-width: 1174px;
}

.b-top-button__button {
  position: fixed;
  right: 100px;
  bottom: 72px;
  z-index: 9000;
  width: 53px;
  height: 53px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  cursor: pointer;
  opacity: 0.7;
}
.b-top-button__button--visible {
  visibility: visible;
  opacity: 1;
}

.b-site-banner {
  padding-right: 144px;
}
.b-site-banner__block {
  height: 308px;
  padding: 64px 80px 0 224px;
  background: #e6ebee;
  border-radius: 0 26px 26px 0;
}
.b-site-banner__list {
  max-width: 1200px;
  margin: 0 auto;
}
.b-site-banner__list .c-slider__track {
  padding: 20px 0;
  overflow: unset;
}
.b-site-banner__list .c-slider__item {
  width: 380px;
  margin-right: 28px;
}
.b-site-banner__list .c-slider__arrow-left {
  top: 38px;
  left: -5.4%;
  width: 38px;
  height: 100px;
  background: #fff url("../img/corporate/pc/b_site_banner_chevron_left.svg") center/9px 16px no-repeat;
  border-radius: 9px 0 0 9px;
}
.b-site-banner__list .c-slider__arrow-right {
  top: 38px;
  right: -5.4%;
  width: 38px;
  height: 100px;
  background: #fff url("../img/corporate/pc/b_site_banner_chevron_right.svg") center/9px 16px no-repeat;
  border-radius: 0 9px 9px 0;
}
.b-site-banner__list .item {
  width: 460px;
  height: 138px;
  background: #fff;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  background-repeat: no-repeat;
  background-position: center left;
}
.b-site-banner__list .item--service {
  background-image: url("../img/corporate/pc/b_site_banner_image_1.png");
}
.b-site-banner__list .item--projects {
  background-image: url("../img/corporate/pc/b_site_banner_image_2.png");
}
.b-site-banner__list .item--works {
  background-image: url("../img/corporate/pc/b_site_banner_image_3.png");
}
.b-site-banner__list .item--about {
  background-image: url("../img/corporate/pc/b_site_banner_image_4.png");
}
.b-site-banner__list .item__inner {
  height: 100%;
  padding: 40px 0 0 180px;
}
.b-site-banner__list .item__title {
  margin-top: 18px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
}

.b-recruit-form__input-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.b-recruit-form .row {
  width: 100%;
}
.b-recruit-form .row__title label {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.b-recruit-form .row__title label b {
  color: #e30012;
}
.b-recruit-form .row__content {
  margin-top: 20px;
}
.b-recruit-form .row__content .wpcf7-checkbox {
  display: flex;
  gap: 40px;
  margin-top: -10px;
}
.b-recruit-form .row__content textarea,
.b-recruit-form .row__content input[type=text],
.b-recruit-form .row__content input[type=email],
.b-recruit-form .row__content input[type=tel] {
  width: 95%;
  padding: 12px 12px;
  font-size: 15px;
  line-height: 1.5em;
  text-align: left;
  appearance: none;
  background-color: #fff;
  border-radius: 1px;
}
.b-recruit-form .row__content input[type=date] {
  width: 200px;
  max-width: 50%;
  padding: 12px 12px;
  font-size: 15px;
  line-height: 1.5em;
  text-align: left;
  appearance: none;
  background-color: #fff;
  border-radius: 1px;
}
.b-recruit-form .row__content input.p-postal-code {
  width: 284px;
}
.b-recruit-form .row__content .p-region {
  margin-top: 12px;
}
.b-recruit-form .row__place-note {
  margin: 12px 0 0 16px;
  font-size: 16px;
  line-height: 1;
  color: #c6bdb5;
}
.b-recruit-form__consent {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.b-recruit-form__consent label {
  display: flex;
  gap: 10px;
}
.b-recruit-form__consent label a {
  display: inline;
  text-decoration: underline;
}
.b-recruit-form__buttons p {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.b-recruit-form__buttons .wpcf7-submit {
  display: block;
  width: 230px;
  height: 64px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  background: linear-gradient(120deg, #011726 80%, #2ca4de 150%);
  border-radius: 6px;
}
.b-recruit-form__buttons .wpcf7-submit:disabled {
  background: linear-gradient(120deg, rgba(1, 23, 38, 0.5) 80%, rgba(44, 164, 222, 0.5) 150%);
}

.b-post-vertical-slider {
  height: 100%;
}
.b-post-vertical-slider .c-slider {
  width: 100%;
  height: 100%;
}
.b-post-vertical-slider .c-slider__container {
  height: 100%;
}
.b-post-vertical-slider .c-slider__track {
  height: 100%;
}
.b-post-vertical-slider .c-slider .item {
  width: 100%;
  height: 100%;
}
.b-post-vertical-slider .c-slider .item__inner {
  display: flex;
  gap: 20px;
  align-items: center;
  height: 100%;
  padding: 0 30px;
}
.b-post-vertical-slider .c-slider .item__inner::after {
  display: block;
  flex: 0 0 auto;
  width: 23px;
  height: 2px;
  margin-left: auto;
  content: "";
  background: #03467c;
}
.b-post-vertical-slider .c-slider .item__date {
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #c9c4c1;
}
.b-post-vertical-slider .c-slider .item__text {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}

.b-post-content * {
  max-width: 100%;
}
.b-post-content > *:first-child {
  margin-top: unset;
}
.b-post-content > *:first-child * {
  margin-top: unset;
}
.b-post-content > *:last-child {
  margin-bottom: unset;
}
.b-post-content > *:last-child * {
  margin-bottom: unset;
}
.b-post-content h2 {
  max-width: unset;
  padding: 7px 43px;
  margin: 40px calc(50% - 450px) 18px;
  font-size: 20px;
  font-weight: bold;
  line-height: 2.3em;
  color: #fff;
  background: #03467c;
}
.b-post-content h3 {
  padding: 14px 0;
  margin: 40px 0 14px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.291em;
  border-bottom: 2px solid #eeeeef;
}
.b-post-content p {
  font-size: 16px;
  line-height: 2.0625;
  letter-spacing: 0.05em;
}
.b-post-content p img {
  max-width: 100%;
  height: auto;
  margin: 30px 0;
}
.b-post-content a {
  display: inline;
  text-decoration: underline;
}
.b-post-content a:hover {
  text-decoration: none;
}
.b-post-content ul {
  margin: 0 0 30px 1.3em;
  list-style: disc;
}
.b-post-content ol {
  margin: 0 0 30px 1.5em;
  list-style: decimal;
}
.b-post-content .aligncenter {
  margin: 0 auto;
}
.b-post-content .alignleft {
  margin-right: auto;
}
.b-post-content .alignright {
  margin-left: auto;
}

.b-mv {
  position: relative;
  max-width: 1920px;
  height: 508px;
  margin: 0 auto;
}
.b-mv__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 342px;
  background: #f5f5f5;
}
.b-mv__bg-2 {
  position: absolute;
  top: 0;
  right: 0;
  left: 302px;
  height: 392px;
  background: left center no-repeat;
  border-radius: 0 0 0 26px;
}
.b-mv__fg {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 232px;
}
.b-mv__title {
  display: flex;
  align-items: center;
  height: 52px;
  padding-left: 38px;
  margin-top: 10px;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #03467c;
  border-radius: 26px 0 0 26px;
}

.b-header-blank {
  max-width: 1920px;
  height: 160px;
  margin: 0 auto;
  background: url("../img/corporate/pc/b_header_blank_bg.png") top center no-repeat;
}

.b-header__logo {
  position: absolute;
  top: 46px;
  left: 82px;
  z-index: 7000;
  width: 139px;
  height: 41px;
}
.b-header .nav {
  position: absolute;
  top: 0;
  right: 246px;
  z-index: 7000;
  display: flex;
  align-items: center;
  padding-top: 36px;
}
.b-header .nav__item {
  border-right: 1px solid #f5f6f6;
}
.b-header .nav__item a {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  padding: 0 28px;
}
.b-header .nav__item a span {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
}
.b-header .nav__item:last-of-type {
  border-right: unset;
}
.b-header .drawer-button {
  position: fixed;
  top: 30px;
  right: 40px;
  z-index: 9000;
  width: 50px;
  height: 50px;
  background-color: #03467c;
  border-radius: 50%;
}
.b-header .drawer-button:hover {
  cursor: pointer;
  opacity: 0.7;
}
.b-header .drawer-button__inner {
  width: 100%;
  height: 100%;
}

.b-footer {
  position: relative;
  max-width: 1920px;
  padding: 0 0 34px;
  margin: 0 auto 0;
  background: #fff;
}
.b-footer__container {
  display: flex;
  max-width: 1240px;
  padding-left: 24px;
  margin: 0 auto;
}
.b-footer__block-1 {
  flex: 0 0 auto;
  width: 37%;
  max-width: 440px;
  padding-top: 106px;
}
.b-footer__block-2 {
  position: relative;
  width: 55%;
  max-width: 750px;
  padding-top: 106px;
}
.b-footer__block-3 {
  position: relative;
  width: 17%;
  max-width: 250px;
  padding-top: 148px;
}
.b-footer__logo {
  width: 223px;
  height: 43px;
}
.b-footer .address-block {
  margin-top: 32px;
}
.b-footer .address-block__title {
  margin-top: 54px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.b-footer .address-block__address {
  margin-top: 14px;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 16px;
  line-height: 29px;
}
.b-footer .address-block__button {
  width: 240px;
  height: 58px;
  margin-top: 38px;
}
.b-footer .address-block__button a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 30px 0 30px;
  font-weight: bold;
  color: #03467c;
  border: 1px solid #03467c;
  border-radius: 29px;
}
.b-footer .address-block__button a::after {
  display: block;
  width: 6px;
  height: 10px;
  margin-left: auto;
  content: "";
  background: url("../img/corporate/pc/b_footer_button_chevron.svg") no-repeat;
}
.b-footer .privacy-block {
  margin-top: 36px;
}
.b-footer .privacy-block__text {
  font-size: 16px;
  line-height: 33px;
}
.b-footer .privacy-block__mark {
  margin-top: 52px;
}
.b-footer .privacy-block__button {
  margin-top: 40px;
}
.b-footer .privacy-block__button a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 222px;
}
.b-footer .privacy-block__button a::after {
  display: block;
  width: 6px;
  height: 10px;
  margin-left: auto;
  content: "";
  background: url("../img/corporate/pc/b_footer_button_chevron.svg") no-repeat;
}
.b-footer__top-text::after {
  display: block;
  width: 68px;
  height: 2px;
  margin-top: 6px;
  content: "";
  background-color: #03467c;
}
.b-footer__nav {
  display: grid;
  grid-template-rows: repeat(3, 94px);
  grid-template-columns: repeat(2, 222px);
  grid-auto-flow: column;
  grid-gap: 16px 56px;
  margin-top: 16px;
}
.b-footer__nav .item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.b-footer__nav .item a {
  padding: 16px 0 22px;
  background: url("../img/corporate/pc/b_footer_nav_chevron.svg") top calc(50% - 12px) right 0/8px 12px no-repeat;
}
.b-footer__nav .item span {
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
}
.b-footer__nav .item img {
  max-height: 14px;
  margin-top: 10px;
}
.b-footer__recruit-button {
  margin: 16px 0 0 -8px;
}
.b-footer__sns-text::after {
  display: block;
  width: 68px;
  height: 2px;
  margin-top: 12px;
  content: "";
  background-color: #03467c;
}
.b-footer__sns-list {
  display: flex;
  flex-direction: column;
  gap: 44px;
  align-items: flex-start;
  margin-top: 40px;
}
.b-footer__copyright {
  max-width: 1230px;
  padding: 0 20px;
  margin: 22px auto 0;
}
.b-footer__copyright::before {
  display: block;
  width: 108px;
  height: 1px;
  margin-bottom: 22px;
  content: "";
  background-color: #03467c;
}

.b-drawer-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 8000;
  width: 100%;
  max-width: 1084px;
  padding: 128px 0 100px 104px;
  overflow: scroll;
  background: #fff;
  transition: all 0.2s;
  transform: translateX(100%);
}
.b-drawer-menu--visible {
  transform: translateX(0%);
}
.b-drawer-menu__logo {
  position: absolute;
  top: 56px;
  left: 104px;
  z-index: 7000;
  width: 138px;
  height: 42px;
}
.b-drawer-menu__container {
  display: flex;
  flex-wrap: wrap;
  gap: 54px;
}
.b-drawer-menu__left {
  width: 600px;
  padding-top: 14px;
}
.b-drawer-menu__nav {
  display: grid;
  grid-template-rows: repeat(3, 94px);
  grid-template-columns: repeat(2, 276px);
  grid-auto-flow: column;
  grid-gap: 16px 50px;
  margin-top: 16px;
}
.b-drawer-menu__nav .item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.b-drawer-menu__nav .item a {
  padding: 16px 0 22px;
  background: url("../img/corporate/pc/b_footer_nav_chevron.svg") top calc(50% - 12px) right 0/8px 12px no-repeat;
}
.b-drawer-menu__nav .item span {
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
}
.b-drawer-menu__nav .item img {
  max-height: 14px;
  margin-top: 10px;
}
.b-drawer-menu__privacy-button {
  margin-top: 26px;
}
.b-drawer-menu__privacy-button a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 222px;
}
.b-drawer-menu__privacy-button a::after {
  display: block;
  width: 6px;
  height: 10px;
  margin-left: auto;
  content: "";
  background: url("../img/corporate/pc/b_footer_button_chevron.svg") no-repeat;
}
.b-drawer-menu .contact-block {
  margin-top: 54px;
}
.b-drawer-menu .contact-block__container {
  display: grid;
  grid-template-columns: 320px 1fr;
}
.b-drawer-menu .contact-block__container > * {
  position: relative;
  height: 72px;
}
.b-drawer-menu .contact-block__container .tel-area__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #03467c;
}
.b-drawer-menu .contact-block__container .tel-area__tel {
  margin-top: 20px;
}
.b-drawer-menu .contact-block__container .tel-area__tel .c-tel__inner {
  font-size: 26px;
  color: #03467c;
}
.b-drawer-menu .contact-block__container .tel-area__time {
  margin-top: 8px;
}
.b-drawer-menu .contact-block__container .contact-area__button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 72px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #03467c;
  border-radius: 6px;
}
.b-drawer-menu .contact-block__container .contact-area__button a::before {
  display: block;
  width: 23px;
  height: 14px;
  margin-right: 14px;
  content: "";
  background: url("../img/corporate/pc/icon_mail_white.svg") no-repeat;
}
.b-drawer-menu__recruit-button {
  width: 254px;
  height: 268px;
}
.b-drawer-menu__sns-list {
  display: flex;
  flex-direction: column;
  gap: 44px;
  align-items: center;
  margin-top: 54px;
}
.b-drawer-menu__privacy-mark {
  margin-top: 10px;
}

.b-contact {
  position: relative;
  z-index: 100;
  max-width: 1920px;
  padding: 148px 40px 108px;
  margin: 0 auto;
  background: url("../img/corporate/pc/b_contact_bg.jpg") center/cover no-repeat;
}
.b-contact__title {
  display: flex;
  justify-content: center;
}
.b-contact__headline {
  margin-top: 28px;
  font-size: 16px;
  font-weight: bold;
  line-height: 33px;
  color: #03467c;
  text-align: center;
}
.b-contact__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1200px;
  margin: 42px auto 0;
}
.b-contact__container > * {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 132px;
}
.b-contact__container > * + * {
  border-left: 2px solid #03467c;
}
.b-contact__container .tel-area {
  padding: 30px 0 0 40px;
}
.b-contact__container .tel-area__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #03467c;
  text-align: center;
}
.b-contact__container .tel-area__tel {
  margin-top: 24px;
}
.b-contact__container .tel-area__tel .c-tel__inner {
  font-size: 26px;
  color: #03467c;
}
.b-contact__container .tel-area__time {
  margin-top: 8px;
}
.b-contact__container .contact-area {
  padding: 10px 20px 0 40px;
}
.b-contact__container .contact-area__button {
  margin-top: 12px;
}
.b-contact__container .contact-area__button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 384px;
  height: 80px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #03467c;
  border-radius: 6px;
}
.b-contact__container .contact-area__button a::before {
  display: block;
  width: 23px;
  height: 14px;
  margin-right: 14px;
  content: "";
  background: url("../img/corporate/pc/icon_mail_white.svg") no-repeat;
}
.b-contact__container .contact-area__button a::after {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 24px;
  content: "";
  background: url("../img/corporate/pc/b_contact_contact_button_chevron.svg") no-repeat;
}
.b-contact__container .contact-area__text {
  margin-top: 8px;
}
.b-contact__note {
  margin-top: 44px;
  font-size: 16px;
  line-height: 33px;
  text-align: center;
}

.p-works .b-mv {
  position: relative;
}
.p-works .b-mv__bg-2 {
  background-image: url("../img/corporate/pc/works_mv_bg.jpg");
}
.p-works .b-mv__english {
  margin-right: 82px;
}
.p-works .b-mv__title {
  width: 324px;
}
.p-works .nav__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-works .nav__title::after {
  display: block;
  width: 62px;
  height: 2px;
  margin-top: 18px;
  content: "";
  background: #0d3f5b;
}
.p-works .nav__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 384px);
  gap: 24px;
  justify-content: center;
  max-width: 1200px;
  margin: 28px auto 0;
}
.p-works .nav__list .item__inner {
  display: flex;
  align-items: center;
  height: 82px;
  background: #0d3f5b;
  border-radius: 8px;
}
.p-works .nav__list .item__english {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 186px;
  height: 44px;
  border-right: 1px solid #fff;
}
.p-works .nav__list .item__text {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding: 0 16px 0 24px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.p-works .nav__list .item__text::after {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: auto;
  content: "";
  background: url("../img/corporate/pc/works_nav_chevron.svg") no-repeat;
}
.p-works .main-block {
  max-width: 1920px;
  padding-bottom: 100px;
  margin: 68px auto 0;
  overflow: hidden;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-works .main-block__list {
  display: flex;
  flex-direction: column;
  gap: 84px;
}
.p-works .main-block .sub-section {
  position: relative;
}
.p-works .main-block .sub-section__bg {
  position: absolute;
  top: 0;
  right: 144px;
  bottom: 38px;
  left: 0;
  background: #e6ebee;
  border-radius: 0 26px 26px 0;
}
.p-works .main-block .sub-section__bg::before {
  position: absolute;
  display: block;
  content: "";
}
.p-works .main-block .sub-section__fg {
  position: relative;
  z-index: 100;
  padding: 66px 40px 0;
}
.p-works .main-block .sub-section__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-works .main-block .sub-section__title::before {
  display: block;
  width: 38px;
  height: 38px;
  margin-bottom: 22px;
  content: "";
  background: url("../img/corporate/pc/works_main_logo.svg") no-repeat;
}
.p-works .main-block .sub-section__title span {
  margin-top: 16px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.p-works .main-block .sub-section--contract .sub-section__bg::before {
  top: 12px;
  right: -444px;
  width: 1002px;
  height: 305px;
  background: url("../img/corporate/pc/works_main_bg_1.png") no-repeat;
}
.p-works .main-block .sub-section--contract .sub-section__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 582px);
  gap: 36px;
  justify-content: center;
  max-width: 1818px;
  margin: 36px auto 0;
}
.p-works .main-block .sub-section--development .sub-section__bg::before {
  top: -54px;
  left: -144px;
  width: 607px;
  height: 245px;
  background: url("../img/corporate/pc/works_main_bg_2.png") no-repeat;
}
.p-works .main-block .sub-section--development .sub-section__list {
  display: flex;
  flex-direction: column;
  gap: 36px;
  max-width: 1200px;
  margin: 36px auto 0;
}
.p-works .main-block .sub-section--infrastructure .sub-section__bg::before {
  bottom: -54px;
  left: -520px;
  width: 2262px;
  height: 431px;
  background: url("../img/corporate/pc/works_main_bg_3.png") no-repeat;
}
.p-works .main-block .sub-section--infrastructure .sub-section__list {
  display: flex;
  flex-direction: column;
  gap: 36px;
  max-width: 1200px;
  margin: 36px auto 0;
}
.p-works .b-site-banner {
  margin-top: 122px;
}

.p-single-in-house-project .post {
  max-width: 1920px;
  margin: 0 auto;
}
.p-single-in-house-project .post .mv-block {
  position: relative;
}
.p-single-in-house-project .post .mv-block__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 478px;
  background: #9e9e9f;
}
.p-single-in-house-project .post .mv-block__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-single-in-house-project .post .mv-block__fg {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 608px;
  padding-bottom: 52px;
  font-size: 30px;
  line-height: 45px;
}
.p-single-in-house-project .post .mv-block__sub-title {
  padding: 10px 26px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #0d3f5b;
  border-radius: 22px;
}
.p-single-in-house-project .post .mv-block__title {
  margin-top: 20px;
  font-size: 30px;
  font-weight: bold;
  line-height: 38px;
  color: #0d3f5b;
}
.p-single-in-house-project .post .bg-area {
  position: relative;
}
.p-single-in-house-project .post .bg-area__bg {
  position: absolute;
  top: 48px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e6ebee;
}
.p-single-in-house-project .post .bg-area__fg {
  position: relative;
  padding-bottom: 68px;
}
.p-single-in-house-project .post .introduction-area__inner {
  max-width: 1280px;
  padding: 0 40px;
  margin: 0 auto;
}
.p-single-in-house-project .post .introduction-area__image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-single-in-house-project .post .introduction-area__image img {
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
}
.p-single-in-house-project .post .introduction-area__container {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  justify-content: space-between;
  margin-top: 54px;
}
.p-single-in-house-project .post .introduction-area__container .text-area {
  width: 602px;
}
.p-single-in-house-project .post .introduction-area__container .text-area__headline {
  font-size: 27px;
  font-weight: bold;
  line-height: 36px;
  color: #0d3f5b;
}
.p-single-in-house-project .post .introduction-area__container .text-area__description {
  margin-top: 20px;
  font-size: 16px;
  line-height: 35px;
}
.p-single-in-house-project .post .introduction-area__container .table-area {
  width: 514px;
  padding: 4px 28px;
  margin-top: 38px;
  background: #fff;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
}
.p-single-in-house-project .post .introduction-area__container .table-area__list .item {
  display: grid;
  grid-template-columns: 110px 1fr;
}
.p-single-in-house-project .post .introduction-area__container .table-area__list .item + .item {
  border-top: 1px solid rgba(236, 236, 237, 0.75);
}
.p-single-in-house-project .post .introduction-area__container .table-area__list .item__title {
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 10px 0;
  font-family: "Bebas Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 17px;
  font-weight: normal;
  color: #0d3f5b;
}
.p-single-in-house-project .post .introduction-area__container .table-area__list .item__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 64px;
  padding: 10px 0;
}
.p-single-in-house-project .post .introduction-area__container .table-area__list .item__inner--link::after {
  display: block;
  flex: 0 0 auto;
  width: 18px;
  height: 17px;
  margin-left: 20px;
  content: "";
  background: url("../img/corporate/pc/single_in_house_project_link.svg") no-repeat;
}
.p-single-in-house-project .post .slider-area {
  margin-top: 78px;
}
.p-single-in-house-project .post .slider-area .c-slider__track {
  overflow: unset;
}
.p-single-in-house-project .post .slider-area .c-slider__item {
  width: 520px;
  height: 346px;
  margin-right: 32px;
  border-radius: 8px;
}
.p-single-in-house-project .post .slider-area .c-slider__item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.p-single-in-house-project .post__post-navi {
  position: relative;
  max-width: 1200px;
  height: 60px;
  margin: 80px auto 0;
  line-height: 1;
}
.p-single-in-house-project .post__post-navi .prev-btn {
  position: absolute;
  left: 0;
  width: 266px;
  height: 100%;
  font-weight: bold;
  color: #fff;
  background: #0d3f5b;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  border-radius: 14px;
}
.p-single-in-house-project .post__post-navi .prev-btn a {
  width: 100%;
  height: 100%;
  padding: 20px 0 0 116px;
}
.p-single-in-house-project .post__post-navi .prev-btn::before {
  position: absolute;
  top: 30px;
  left: 32px;
  display: block;
  width: 38px;
  height: 2px;
  content: "";
  background: #fff;
}
.p-single-in-house-project .post__post-navi .return-list-btn {
  position: absolute;
  left: 50%;
  width: 266px;
  height: 100%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #0d3f5b;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  border-radius: 14px;
  transform: translateX(-50%);
}
.p-single-in-house-project .post__post-navi .return-list-btn a {
  width: 100%;
  height: 100%;
  padding: 23px 0 0 0;
}
.p-single-in-house-project .post__post-navi .next-btn {
  position: absolute;
  right: 0;
  width: 266px;
  height: 100%;
  font-weight: bold;
  color: #fff;
  background: #0d3f5b;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  border-radius: 14px;
}
.p-single-in-house-project .post__post-navi .next-btn a {
  width: 100%;
  height: 100%;
  padding: 20px 0 0 34px;
}
.p-single-in-house-project .post__post-navi .next-btn::before {
  position: absolute;
  top: 30px;
  right: 32px;
  display: block;
  width: 38px;
  height: 2px;
  content: "";
  background: #fff;
}
.p-single-in-house-project .bottom-area {
  padding-bottom: 100px;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-single-in-house-project .other-area {
  padding: 102px 40px 0;
}
.p-single-in-house-project .other-area__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 27px;
  font-weight: bold;
  line-height: 1;
  color: #0d3f5b;
  letter-spacing: 0;
}
.p-single-in-house-project .other-area__title::after {
  display: block;
  width: 62px;
  height: 2px;
  margin-top: 18px;
  content: "";
  background: #0d3f5b;
}
.p-single-in-house-project .other-area__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 390px);
  gap: 24px;
  justify-content: center;
  margin-top: 30px;
}
.p-single-in-house-project .other-area__list li > * {
  height: 100%;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
}
.p-single-in-house-project .other-area__button {
  width: 316px;
  margin: 86px auto 0;
}
.p-single-in-house-project .b-site-banner {
  margin-top: 96px;
}

.p-single .background {
  padding: 22px 0 100px 40px;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-single .post__main-block {
  position: relative;
  z-index: 10;
  padding-bottom: 45px;
  background-color: #fff;
}
.p-single .post__title-block {
  padding: 20px 26px 44px;
  border-bottom: 1px solid rgba(216, 217, 217, 0.75);
}
.p-single .post__title {
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
}
.p-single .post__meta {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  margin-top: 16px;
}
.p-single .post__date {
  display: block;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: #b3b3b4;
}
.p-single .post__content {
  padding: 28px 26px 43px;
}
.p-single .post__content h2 {
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  font-size: 29px;
  font-weight: bold;
  line-height: 46px;
  color: #0d3f5b;
  background: unset;
}
.p-single .post__content h3 {
  font-size: 26px;
  line-height: 36px;
  border-bottom: 2px solid #eeeeef;
}
.p-single .post .relation {
  padding-top: 30px;
  margin: 0 26px;
  border-top: 1px solid #d8d9d9;
}
.p-single .post .relation__title {
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  color: #0d3f5b;
  text-align: center;
  letter-spacing: 0.1em;
}
.p-single .post .relation__title::after {
  display: block;
  width: 79px;
  height: 1px;
  margin: 22px auto 0;
  content: "";
  background-color: #0d3f5b;
}
.p-single .post .relation__list {
  margin-top: 26px;
}
.p-single .post .relation .item {
  margin-top: 20px;
}
.p-single .post .relation .item a {
  display: flex;
}
.p-single .post .relation .item__image {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 104px;
  background-color: #9e9e9f;
}
.p-single .post .relation .item__image img {
  object-fit: cover;
  width: 100%;
  height: 68px;
}
.p-single .post .relation .item__title {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  min-height: 68px;
  padding: 8px 1em 8px 2em;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  background-color: #e6ebee;
}
.p-single .post .relation .item__title::after {
  display: block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-left: 1em;
  content: "";
  background-image: url("../img/corporate/pc/single_relation_chevron.svg");
  background-repeat: no-repeat;
}
.p-single .post__post-navi {
  position: relative;
  height: 60px;
  margin: 38px auto 0;
  line-height: 1;
}
.p-single .post__post-navi .prev-btn {
  position: absolute;
  left: 0;
  width: 197px;
  height: 100%;
  font-weight: bold;
  background: #fff;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
}
.p-single .post__post-navi .prev-btn a {
  width: 100%;
  height: 100%;
  padding: 23px 0 0 48px;
}
.p-single .post__post-navi .prev-btn::before {
  position: absolute;
  top: 22px;
  left: 14px;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: url("../img/corporate/pc/single_chevron_left.svg") no-repeat;
}
.p-single .post__post-navi .return-list-btn {
  position: absolute;
  left: 50%;
  width: 346px;
  height: 100%;
  font-weight: bold;
  text-align: center;
  background: #fff;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
  transform: translateX(-50%);
}
.p-single .post__post-navi .return-list-btn a {
  width: 100%;
  height: 100%;
  padding: 23px 0 0 0;
}
.p-single .post__post-navi .next-btn {
  position: absolute;
  right: 0;
  width: 197px;
  height: 100%;
  font-weight: bold;
  background: #fff;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
}
.p-single .post__post-navi .next-btn a {
  width: 100%;
  height: 100%;
  padding: 23px 0 0 21px;
}
.p-single .post__post-navi .next-btn::before {
  position: absolute;
  top: 22px;
  right: 14px;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: url("../img/corporate/pc/single_chevron_right.svg") no-repeat;
}
.p-single .post__sns {
  display: flex;
  align-items: center;
  padding: 16px 36px;
  margin-top: 39px;
  background-color: #fff;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
}
.p-single .post__sns ul {
  display: flex;
  align-items: center;
  margin-left: -6px;
}
.p-single .post__sns ul li {
  margin-left: 10px;
}
.p-single .recently {
  margin-top: 54px;
}
.p-single .recently__text {
  position: relative;
  display: flex;
  align-items: center;
  height: 74px;
  padding-left: 46px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #0d3f5b;
  border-radius: 8px;
}
.p-single .recently__text::after {
  position: absolute;
  bottom: -15px;
  left: 132px;
  z-index: 100;
  display: block;
  width: 24px;
  height: 16px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  background: #0d3f5b;
}
.p-single .recently__list {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-top: 28px;
}
.p-single .recently .item a {
  background: #fff;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border-radius: 0 0 0 8px;
}
.p-single .recently .item__image {
  height: 204px;
  background-color: #9e9e9f;
}
.p-single .recently .item__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-single .recently .item__main {
  padding: 10px 20px 40px;
}
.p-single .recently .item__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
.p-single .recently .item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: center;
  margin-top: 6px;
}
.p-single .recently .item__date {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #b3b3b4;
}
.p-single .recently .item__category-list {
  display: flex;
  align-items: center;
}
.p-single .recently .item__category {
  font-size: 12px;
  line-height: 1;
  color: #0d3f5b;
}
.p-single .recently .item__category::before {
  display: inline-block;
  margin-right: 1em;
  content: "|";
}
.p-single .recently .item__category::after {
  display: inline-block;
  margin-left: 1em;
  content: "|";
}
.p-single .recently__button {
  width: 246px;
  margin: 52px 0 0 36px;
}
.p-single .b-site-banner {
  margin-top: 126px;
}

.p-service .b-mv {
  position: relative;
}
.p-service .b-mv__bg-2 {
  background-image: url("../img/corporate/pc/service_mv_bg.jpg");
}
.p-service .b-mv__english {
  margin-right: 98px;
}
.p-service .b-mv__title {
  width: 328px;
}
.p-service .skill-map {
  position: relative;
  max-width: 1920px;
  padding-bottom: 64px;
  margin: -50px auto 0;
}
.p-service .skill-map__figure {
  background: url("../img/corporate/pc/service_skill_map_bg.png") top 176px left 264px no-repeat;
}
.p-service .skill-map::before {
  position: absolute;
  bottom: 0;
  left: 114px;
  display: block;
  width: 313px;
  height: 126px;
  content: "";
  background: url("../img/corporate/pc/service_skill_map_deco.png") no-repeat;
}
.p-service .skill-map .tool-area {
  padding-top: 1px;
  margin-top: -1px;
  background: #fff;
}
.p-service .skill-map .tool-area__top-container {
  max-width: 1280px;
  padding: 0 40px;
  margin: 0 auto;
}
.p-service .skill-map .tool-area__title {
  position: relative;
  z-index: 200;
  display: flex;
  align-items: center;
  height: 34px;
  padding-left: 1em;
  margin-top: -58px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #03467c;
  border-left: 1px solid #03467c;
}
.p-service .skill-map .tool-area__list {
  margin-top: 12px;
}
.p-service .skill-map .tool-area__list .c-slider__track {
  padding: 20px 0;
  overflow: unset;
}
.p-service .skill-map .tool-area__list .c-slider__item {
  width: 359px;
  margin-right: 43px;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
}
.p-service .nav {
  position: relative;
  margin-top: 12px;
}
.p-service .nav::after {
  position: absolute;
  right: 0;
  bottom: -114px;
  z-index: 100;
  display: block;
  width: 181px;
  height: 136px;
  content: "";
  background: url("../img/corporate/pc/service_nav_deco.png") no-repeat;
}
.p-service .nav__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 288px);
  gap: 28px 16px;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}
.p-service .nav__list li {
  width: 288px;
  background: #0d3f5b;
  border-radius: 8px;
}
.p-service .nav__list li a {
  display: flex;
  align-items: center;
  height: 80px;
  padding: 0 16px 0 24px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #fff;
  letter-spacing: 0;
}
.p-service .nav__list li a::before {
  display: block;
  flex: 0 0 auto;
  width: 24px;
  height: 22px;
  margin-right: 12px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
}
.p-service .nav__list li a::after {
  display: block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-left: auto;
  content: "";
  background: url("../img/corporate/pc/service_nav_chevron.svg") no-repeat;
}
.p-service .nav__list li:nth-of-type(1) a::before {
  background-image: url("../img/corporate/pc/service_nav_counter_1.png");
  background-image: image-set(url("../img/corporate/pc/service_nav_counter_1.png") 1x, url("../img/corporate/pc/service_nav_counter_1@2x.png") 2x);
}
.p-service .nav__list li:nth-of-type(2) a::before {
  background-image: url("../img/corporate/pc/service_nav_counter_2.png");
  background-image: image-set(url("../img/corporate/pc/service_nav_counter_2.png") 1x, url("../img/corporate/pc/service_nav_counter_2@2x.png") 2x);
}
.p-service .nav__list li:nth-of-type(3) a::before {
  background-image: url("../img/corporate/pc/service_nav_counter_3.png");
  background-image: image-set(url("../img/corporate/pc/service_nav_counter_3.png") 1x, url("../img/corporate/pc/service_nav_counter_3@2x.png") 2x);
}
.p-service .nav__list li:nth-of-type(4) a::before {
  background-image: url("../img/corporate/pc/service_nav_counter_4.png");
  background-image: image-set(url("../img/corporate/pc/service_nav_counter_4.png") 1x, url("../img/corporate/pc/service_nav_counter_4@2x.png") 2x);
}
.p-service .nav__list li:nth-of-type(5) a::before {
  background-image: url("../img/corporate/pc/service_nav_counter_5.png");
  background-image: image-set(url("../img/corporate/pc/service_nav_counter_5.png") 1x, url("../img/corporate/pc/service_nav_counter_5@2x.png") 2x);
}
.p-service .nav__list li:nth-of-type(6) a::before {
  background-image: url("../img/corporate/pc/service_nav_counter_6.png");
  background-image: image-set(url("../img/corporate/pc/service_nav_counter_6.png") 1x, url("../img/corporate/pc/service_nav_counter_6@2x.png") 2x);
}
.p-service .nav__list li:nth-of-type(7) a::before {
  background-image: url("../img/corporate/pc/service_nav_counter_7.png");
  background-image: image-set(url("../img/corporate/pc/service_nav_counter_7.png") 1x, url("../img/corporate/pc/service_nav_counter_7@2x.png") 2x);
}
.p-service .nav__list li:nth-of-type(5) {
  grid-column: span 2;
  width: 592px;
}
.p-service .main {
  padding: 88px 0 100px;
  overflow: hidden;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-service .main .sub-section {
  background-repeat: no-repeat;
}
.p-service .main .sub-section__offset {
  padding-top: 100px;
  margin-top: -100px;
}
.p-service .main .sub-section__container {
  margin: 0 auto;
}
.p-service .main .sub-section__block {
  position: relative;
  max-width: 570px;
  padding-left: 76px;
}
.p-service .main .sub-section__block::before {
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 50px;
  height: 110px;
  content: "";
  background-repeat: no-repeat;
}
.p-service .main .sub-section__title {
  position: absolute;
  clip-path: polygon(0 50px, 100% 50px, 100% 100%, 0 100%);
}
.p-service .main .sub-section__headline {
  font-size: 28px;
  font-weight: bold;
  line-height: 45px;
  color: #0d3f5b;
  letter-spacing: 0.1em;
}
.p-service .main .sub-section__text {
  max-width: 500px;
  margin-top: 30px;
}
.p-service .main .sub-section__button {
  margin-top: 56px;
}
.p-service .main .sub-section__rental-office-button {
  width: 318px;
  margin-top: 56px;
}
.p-service .main .sub-section__works-slider {
  margin: 34px 0 0 11.8%;
}
.p-service .main .sub-section__works-slider .c-slider__track {
  display: flex;
  justify-content: center;
  overflow: unset;
}
.p-service .main .sub-section__works-slider .c-slider__item {
  width: 380px;
  margin-right: 28px;
}
.p-service .main .sub-section__works-slider .c-slider__arrow-right {
  top: 98px;
  left: -28px;
  width: 56px;
  height: 56px;
  background: #fff url("../img/corporate/pc/service_main_sub_section_slider_chevron.svg") center/9px 16px no-repeat;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border-radius: 50%;
}
.p-service .main .sub-section__in-house-project {
  display: flex;
  flex-direction: column;
  gap: 34px;
  align-items: center;
  padding: 0 40px;
  margin-top: 34px;
}
.p-service .main .sub-section__in-house-project li {
  width: 100%;
  max-width: 1300px;
}
.p-service .main .sub-section:nth-of-type(odd) {
  background-position: top 0 right calc(50vw - 960px);
}
@media screen and (max-width: 1436px) {
  .p-service .main .sub-section:nth-of-type(odd) {
    background-position: top 0 right -242px;
  }
}
.p-service .main .sub-section:nth-of-type(odd) .sub-section__container {
  max-width: 1516px;
  padding: 0 40px;
}
.p-service .main .sub-section:nth-of-type(odd) .sub-section__block {
  margin-left: auto;
}
.p-service .main .sub-section:nth-of-type(even) {
  background-position: top 0 left calc(50vw - 960px);
}
@media screen and (max-width: 1436px) {
  .p-service .main .sub-section:nth-of-type(even) {
    background-position: top 0 left -242px;
  }
}
.p-service .main .sub-section:nth-of-type(even) .sub-section__container {
  max-width: 1500px;
  padding: 0 40px;
}
.p-service .main .sub-section:nth-of-type(1) {
  background-image: url("../img/corporate/pc/service_main_bg_1.png");
}
.p-service .main .sub-section:nth-of-type(1) .sub-section__block::before {
  background-image: url("../img/corporate/pc/service_main_counter_1.png");
  background-image: image-set(url("../img/corporate/pc/service_main_counter_1.png") 1x, url("../img/corporate/pc/service_main_counter_1@2x.png") 2x);
}
.p-service .main .sub-section:nth-of-type(2) {
  background-image: url("../img/corporate/pc/service_main_bg_2.png");
}
.p-service .main .sub-section:nth-of-type(2) .sub-section__block::before {
  background-image: url("../img/corporate/pc/service_main_counter_2.png");
  background-image: image-set(url("../img/corporate/pc/service_main_counter_2.png") 1x, url("../img/corporate/pc/service_main_counter_2@2x.png") 2x);
}
.p-service .main .sub-section:nth-of-type(3) {
  background-image: url("../img/corporate/pc/service_main_bg_3.png");
}
.p-service .main .sub-section:nth-of-type(3) .sub-section__block::before {
  background-image: url("../img/corporate/pc/service_main_counter_3.png");
  background-image: image-set(url("../img/corporate/pc/service_main_counter_3.png") 1x, url("../img/corporate/pc/service_main_counter_3@2x.png") 2x);
}
.p-service .main .sub-section:nth-of-type(4) {
  background-image: url("../img/corporate/pc/service_main_bg_4.png");
}
.p-service .main .sub-section:nth-of-type(4) .sub-section__block::before {
  background-image: url("../img/corporate/pc/service_main_counter_4.png");
  background-image: image-set(url("../img/corporate/pc/service_main_counter_4.png") 1x, url("../img/corporate/pc/service_main_counter_4@2x.png") 2x);
}
.p-service .main .sub-section:nth-of-type(5) {
  background-image: url("../img/corporate/pc/service_main_bg_5.png");
}
.p-service .main .sub-section:nth-of-type(5) .sub-section__block::before {
  background-image: url("../img/corporate/pc/service_main_counter_5.png");
  background-image: image-set(url("../img/corporate/pc/service_main_counter_5.png") 1x, url("../img/corporate/pc/service_main_counter_5@2x.png") 2x);
}
.p-service .main .sub-section:nth-of-type(6) {
  background-image: url("../img/corporate/pc/service_main_bg_6.png");
}
.p-service .main .sub-section:nth-of-type(6) .sub-section__block::before {
  background-image: url("../img/corporate/pc/service_main_counter_6.png");
  background-image: image-set(url("../img/corporate/pc/service_main_counter_6.png") 1x, url("../img/corporate/pc/service_main_counter_6@2x.png") 2x);
}
.p-service .main .sub-section:nth-of-type(7) {
  background-image: url("../img/corporate/pc/service_main_bg_7.png");
}
.p-service .main .sub-section:nth-of-type(7) .sub-section__block::before {
  background-image: url("../img/corporate/pc/service_main_counter_7.png");
  background-image: image-set(url("../img/corporate/pc/service_main_counter_7.png") 1x, url("../img/corporate/pc/service_main_counter_7@2x.png") 2x);
}
.p-service .main .sub-section:nth-of-type(1) {
  position: relative;
  z-index: 100;
  padding-top: 58px;
}
.p-service .main .sub-section:nth-of-type(1) .sub-section__title {
  top: -130px;
  right: 648px;
  width: 533px;
  height: 137px;
}
.p-service .main .sub-section:nth-of-type(1) .sub-section__container {
  min-height: 528px;
}
.p-service .main .sub-section:nth-of-type(2) {
  height: 1246px;
  padding-top: 564px;
  margin-top: -420px;
}
.p-service .main .sub-section:nth-of-type(2) .sub-section__title {
  top: -96px;
  left: 630px;
  width: 534px;
  height: 137px;
}
.p-service .main .sub-section:nth-of-type(3) {
  position: relative;
  z-index: 100;
  height: 673px;
  padding-top: 58px;
  margin-top: 8px;
}
.p-service .main .sub-section:nth-of-type(3) .sub-section__title {
  top: -132px;
  right: 586px;
  width: 534px;
  height: 137px;
}
.p-service .main .sub-section:nth-of-type(4) {
  height: 740px;
  padding-top: 212px;
  margin-top: -118px;
}
.p-service .main .sub-section:nth-of-type(4) .sub-section__title {
  top: -132px;
  left: 630px;
  width: 534px;
  height: 136px;
}
.p-service .main .sub-section:nth-of-type(5) {
  position: relative;
  z-index: 100;
  height: 668px;
  padding-top: 58px;
  margin-top: 126px;
}
.p-service .main .sub-section:nth-of-type(5) .sub-section__title {
  top: -132px;
  right: 614px;
  width: 690px;
  height: 137px;
}
.p-service .main .sub-section:nth-of-type(6) {
  padding-top: 214px;
  margin-top: -114px;
}
.p-service .main .sub-section:nth-of-type(6) .sub-section__title {
  top: -132px;
  left: 630px;
  width: 534px;
  height: 136px;
}
.p-service .main .sub-section:nth-of-type(6) .sub-section__container {
  min-height: 526px;
}
.p-service .main .sub-section:nth-of-type(7) {
  height: 582px;
  padding-top: 58px;
  margin-top: 136px;
}
.p-service .main .sub-section:nth-of-type(7) .sub-section__title {
  top: -132px;
  right: 424px;
  width: 690px;
  height: 137px;
}
.p-service .b-site-banner {
  margin-top: 98px;
}

.p-privacy .b-mv {
  position: relative;
  z-index: 100;
}
.p-privacy .b-mv__bg-2 {
  background-image: url("../img/corporate/pc/privacy_mv_bg.jpg");
}
.p-privacy .b-mv__english {
  margin-right: 162px;
}
.p-privacy .b-mv__title {
  width: 490px;
}
.p-privacy .bg-area {
  position: relative;
  max-width: 1920px;
  padding-bottom: 100px;
  margin: -180px auto 0;
}
.p-privacy .bg-area__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../img/corporate/pc/privacy_bg_deco.png") top 108px center no-repeat;
}
.p-privacy .bg-area__bg-2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-privacy .main {
  display: flex;
  flex-direction: column;
  gap: 128px;
  padding: 204px 40px 64px;
  background: #e6ebee;
}
.p-privacy .main .section {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.p-privacy .main .section__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
}
.p-privacy .main .section__title::after {
  display: block;
  width: 62px;
  height: 2px;
  margin-top: 28px;
  content: "";
  background: #0d3f5b;
}
.p-privacy .main .section .contact-area {
  position: relative;
  padding: 6px;
  margin-top: 38px;
  background: #fff;
  border-radius: 8px;
}
.p-privacy .main .section .contact-area__title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  background: #e6ebee;
  border-radius: 4px;
}
.p-privacy .main .section .contact-area__text {
  padding: 10px 44px;
}
.p-privacy .main .section__list {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 36px;
}
.p-privacy .main .section .sub-section__title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  font-size: 22px;
  font-weight: bold;
  background: #fff;
  border-radius: 8px;
}
.p-privacy .main .section .sub-section__text {
  margin-top: 16px;
}
.p-privacy .main .section .sub-section__signature {
  margin-top: 20px;
}
.p-privacy .main .section .sub-section__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 20px;
}
.p-privacy .main .section .sub-section__list .item {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(198, 199, 200, 0.5);
}
.p-privacy .main .section .sub-section__list .item__title {
  font-size: 20px;
  font-weight: bold;
  color: #0d3f5b;
}
.p-privacy .main .section .sub-section__list .item__text {
  margin-top: 20px;
}
.p-privacy .b-site-banner {
  position: relative;
  margin-top: 98px;
}

.p-notfound .bg-area {
  padding-bottom: 100px;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-notfound .main {
  max-width: 1240px;
  padding: 250px 20px 200px;
  margin: 0 auto;
}
.p-notfound .main a {
  display: inline-block;
  margin-top: 60px;
  text-decoration: underline;
}

.p-front-page .mv {
  position: relative;
  z-index: 100;
  max-width: 1920px;
  height: 1006px;
  margin: 0 auto;
}
@keyframes slidein {
  0% {
    transform: translateX(200px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateX(-80px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.p-front-page .mv__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../img/corporate/pc/front_mv_bg.png") top left/auto no-repeat;
}
.p-front-page .mv__bg-2 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1142px;
  overflow: hidden;
}
.p-front-page .mv__bg-2 .anime {
  position: absolute;
  top: -184px;
  bottom: 0;
  left: -196px;
  width: 2652px;
  background: url("../img/corporate/pc/front_mv_object_raw.png") no-repeat;
  animation: slidein 1s cubic-bezier(0.3, 0, 0.45, 1) forwards;
}
.p-front-page .mv__fg {
  position: relative;
}
.p-front-page .mv__fg::after {
  position: absolute;
  top: 464px;
  left: 800px;
  z-index: 100;
  display: block;
  width: 84px;
  height: 109px;
  content: "";
  background: url("../img/corporate/pc/front_mv_deco.png") no-repeat;
  animation: slidein 1s cubic-bezier(0.3, 0, 0.45, 1) forwards;
}
.p-front-page .mv__inner {
  display: flex;
  flex-direction: column;
  padding-top: 310px;
  opacity: 0;
  animation: 0.5s fadein 1s ease-out forwards;
}
.p-front-page .mv__headline {
  width: 481px;
  height: 51px;
}
.p-front-page .mv__english {
  position: relative;
  width: 840px;
  height: 312px;
  margin: 16px 0 0 74px;
}
.p-front-page .mv .vertical-slider {
  display: flex;
  align-items: center;
  width: 660px;
  height: 66px;
  margin-top: 110px;
  background-color: rgba(255, 255, 255, 0.89);
}
.p-front-page .mv .vertical-slider__title {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 124px;
  height: 28px;
  padding-left: 40px;
  border-right: 2px solid #dadbdb;
}
.p-front-page .mv .vertical-slider__inner {
  position: relative;
  flex: 1 1 auto;
  height: 100%;
}
.p-front-page .wishes {
  position: relative;
  max-width: 1920px;
  height: 694px;
  margin: 0 auto;
}
.p-front-page .wishes__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding-top: 84px;
  background: url("../img/corporate/pc/front_wishes_bg.png") top 110px right 50px no-repeat;
}
.p-front-page .wishes__bg .c-slider-smooth__item {
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
}
.p-front-page .wishes__bg .c-slider-smooth__group {
  gap: 60px;
  padding: 10px 60px 120px 0;
}
.p-front-page .wishes__bg .c-slider-smooth__group--main .c-slider-smooth__item:nth-of-type(odd) {
  position: relative;
  top: 110px;
}
.p-front-page .wishes__bg .c-slider-smooth__group--dummy .c-slider-smooth__item:nth-of-type(even) {
  position: relative;
  top: 110px;
}
.p-front-page .wishes__fg {
  position: relative;
  z-index: 200;
  background: url("../img/corporate/pc/front_wishes_deco.png") top 110px left 692px no-repeat;
}
.p-front-page .wishes__block {
  position: relative;
  z-index: 100;
  width: 502px;
  height: 658px;
  padding: 62px 0 0 76px;
  margin-left: 90px;
  background: #fff;
}
.p-front-page .wishes__title::after {
  display: block;
  width: 78px;
  height: 2px;
  margin-top: 20px;
  content: "";
  background: #03467c;
}
.p-front-page .wishes__headline {
  margin-top: 28px;
  font-size: 53px;
  font-weight: bold;
  line-height: 74px;
  letter-spacing: 0.1em;
}
.p-front-page .wishes__text {
  margin-top: 30px;
}
.p-front-page .wishes__button {
  margin-top: 48px;
}
.p-front-page .service {
  position: relative;
  max-width: 1920px;
  height: 1382px;
  margin: 0 auto;
}
.p-front-page .service__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../img/corporate/pc/front_service_bg.png") top center no-repeat;
}
.p-front-page .service__bg-2 {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  z-index: 300;
  height: 127px;
  background: url("../img/corporate/pc/front_service_deco_2.png") top 0 left calc(50vw + 604px) no-repeat;
}
.p-front-page .service__bg-3 {
  position: absolute;
  top: 108px;
  right: 0;
  left: 0;
  z-index: 400;
  height: 204px;
}
.p-front-page .service__bg-3 .c-slider-smooth__group {
  padding-right: 100px;
}
.p-front-page .service__bg-4 {
  position: absolute;
  top: -136px;
  right: 0;
  left: 0;
  z-index: 500;
  height: 294px;
  pointer-events: none;
  background: url("../img/corporate/pc/front_service_deco.png") top 0 left calc(50vw - 444px) no-repeat;
}
.p-front-page .service__fg {
  position: relative;
  z-index: 600;
}
.p-front-page .service__inner {
  padding-top: 346px;
}
.p-front-page .service__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-front-page .service__title span {
  width: 62px;
  height: 2px;
  margin: 22px 0 42px;
  background: #fff;
}
.p-front-page .service__list {
  margin-top: 38px;
}
.p-front-page .service__list .c-slider__track {
  overflow: unset;
}
.p-front-page .service__list .c-slider__item {
  margin-right: 76px;
}
.p-front-page .service__list .c-slider__arrow-left {
  top: 350px;
  left: 32%;
  width: 70px;
  height: 70px;
  background: #03467c url("../img/corporate/pc/front_service_chevron_left.svg") center/9px 16px no-repeat;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border: 7px solid #fff;
  border-radius: 50%;
}
.p-front-page .service__list .c-slider__arrow-right {
  top: 350px;
  right: 32%;
  width: 70px;
  height: 70px;
  background: #03467c url("../img/corporate/pc/front_service_chevron_right.svg") center/9px 16px no-repeat;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border: 7px solid #fff;
  border-radius: 50%;
}
.p-front-page .service__list .item {
  width: 476px;
  height: 575px;
  padding-top: 300px;
  background-repeat: no-repeat;
  background-position: center;
}
.p-front-page .service__list .item__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-front-page .service__list .item__title {
  font-size: 34px;
  font-weight: bold;
  line-height: 46px;
  color: #03467c;
  text-align: center;
}
.p-front-page .service__list .item__english {
  margin-top: 18px;
}
.p-front-page .service__list .item__text {
  width: 358px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 33px;
  color: #03467c;
}
.p-front-page .service__list .item--1 {
  background-image: url("../img/corporate/pc/front_service_slider_bg_1.png");
  background-image: image-set(url("../img/corporate/pc/front_service_slider_bg_1.png") 1x, url("../img/corporate/pc/front_service_slider_bg_1@2x.png") 2x);
}
.p-front-page .service__list .item--2 {
  background-image: url("../img/corporate/pc/front_service_slider_bg_2.png");
  background-image: image-set(url("../img/corporate/pc/front_service_slider_bg_2.png") 1x, url("../img/corporate/pc/front_service_slider_bg_2@2x.png") 2x);
}
.p-front-page .service__list .item--3 {
  background-image: url("../img/corporate/pc/front_service_slider_bg_3.png");
  background-image: image-set(url("../img/corporate/pc/front_service_slider_bg_3.png") 1x, url("../img/corporate/pc/front_service_slider_bg_3@2x.png") 2x);
}
.p-front-page .service__list .item--4 {
  background-image: url("../img/corporate/pc/front_service_slider_bg_4.png");
  background-image: image-set(url("../img/corporate/pc/front_service_slider_bg_4.png") 1x, url("../img/corporate/pc/front_service_slider_bg_4@2x.png") 2x);
}
.p-front-page .service__list .item--5 {
  background-image: url("../img/corporate/pc/front_service_slider_bg_5.png");
  background-image: image-set(url("../img/corporate/pc/front_service_slider_bg_5.png") 1x, url("../img/corporate/pc/front_service_slider_bg_5@2x.png") 2x);
}
.p-front-page .service__list .item--6 {
  background-image: url("../img/corporate/pc/front_service_slider_bg_6.png");
  background-image: image-set(url("../img/corporate/pc/front_service_slider_bg_6.png") 1x, url("../img/corporate/pc/front_service_slider_bg_6@2x.png") 2x);
}
.p-front-page .service__list .item--7 {
  background-image: url("../img/corporate/pc/front_service_slider_bg_7.png");
  background-image: image-set(url("../img/corporate/pc/front_service_slider_bg_7.png") 1x, url("../img/corporate/pc/front_service_slider_bg_7@2x.png") 2x);
}
.p-front-page .service__list .item--5 .item__english {
  margin-top: 12px;
}
.p-front-page .service__list .item--5 .item__text {
  margin-top: 12px;
}
.p-front-page .service__button {
  margin: 80px auto 0;
}
.p-front-page .project {
  padding: 68px 0 114px;
}
.p-front-page .project__top {
  padding: 0 40px;
}
.p-front-page .project__block {
  position: relative;
  max-width: 1794px;
  height: 589px;
  margin: 0 auto;
  background: url("../img/corporate/pc/front_project_bg.jpg") center no-repeat;
  border-radius: 14px;
}
.p-front-page .project__block::before {
  position: absolute;
  top: -12px;
  left: 74px;
  display: block;
  width: 184px;
  height: 74px;
  content: "";
  background: url("../img/corporate/pc/front_project_deco_1.png") no-repeat;
}
.p-front-page .project__block::after {
  position: absolute;
  right: 82px;
  bottom: -68px;
  display: block;
  width: 320px;
  height: 129px;
  content: "";
  background: url("../img/corporate/pc/front_project_deco_2.png") no-repeat;
}
.p-front-page .project__inner {
  max-width: 1292px;
  padding-top: 106px;
  margin: 0 auto;
}
.p-front-page .project__text-area {
  position: relative;
  padding-left: 184px;
}
.p-front-page .project__text-area::before {
  position: absolute;
  top: 12px;
  left: 40px;
  display: block;
  width: 99px;
  height: 294px;
  content: "";
  background-repeat: no-repeat;
  background-image: url("../img/corporate/pc/front_project_title.png");
  background-image: image-set(url("../img/corporate/pc/front_project_title.png") 1x, url("../img/corporate/pc/front_project_title@2x.png") 2x);
}
.p-front-page .project__text-area::after {
  position: absolute;
  bottom: -112px;
  left: 234px;
  display: block;
  width: 628px;
  height: 234px;
  pointer-events: none;
  content: "";
  background-repeat: no-repeat;
  background-image: url("../img/corporate/pc/front_project_deco_text.png");
  background-image: image-set(url("../img/corporate/pc/front_project_deco_text.png") 1x, url("../img/corporate/pc/front_project_deco_text@2x.png") 2x);
}
.p-front-page .project__headline {
  font-size: 53px;
  font-weight: bold;
  line-height: 74px;
  color: #fff;
  letter-spacing: 0.1em;
}
.p-front-page .project__text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 33px;
  color: #fff;
}
.p-front-page .project__text span {
  margin-left: -0.5em;
}
.p-front-page .project .project-slider {
  margin-top: 56px;
}
.p-front-page .project .project-slider__slider .c-slider__track {
  display: flex;
  justify-content: center;
  overflow: unset;
}
.p-front-page .project .project-slider__slider .c-slider__item {
  width: 864px;
  margin-right: 50px;
}
.p-front-page .project .project-slider__slider .c-slider__arrow-left {
  top: 162px;
  left: 23%;
  width: 70px;
  height: 70px;
  background: #03467c url("../img/corporate/pc/front_service_chevron_left.svg") center/9px 16px no-repeat;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border: 7px solid #fff;
  border-radius: 50%;
}
.p-front-page .project .project-slider__slider .c-slider__arrow-right {
  top: 162px;
  right: 23%;
  width: 70px;
  height: 70px;
  background: #03467c url("../img/corporate/pc/front_service_chevron_right.svg") center/9px 16px no-repeat;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border: 7px solid #fff;
  border-radius: 50%;
}
.p-front-page .project .project-slider__button {
  margin: 74px auto 0;
}
.p-front-page .in-house {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.p-front-page .in-house__bg {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f5f5f5 url("../img/corporate/pc/front_in_house_bg.png") top 156px left -740px no-repeat;
  background-attachment: fixed;
}
.p-front-page .in-house__fg {
  position: relative;
}
.p-front-page .in-house__container {
  display: grid;
  grid-template-columns: 858px 1fr;
}
.p-front-page .in-house__text-area {
  position: sticky;
  bottom: 0;
  align-self: end;
  padding: 218px 0 204px;
}
.p-front-page .in-house__english {
  margin: 38px 0 0 102px;
}
.p-front-page .in-house__text {
  position: relative;
  width: 384px;
  margin: 18px 0 0 126px;
  font-size: 26px;
  font-weight: bold;
  line-height: 42px;
  color: #03467c;
}
.p-front-page .in-house__text::after {
  position: absolute;
  right: -260px;
  bottom: -286px;
  display: block;
  width: 270px;
  height: 359px;
  content: "";
  background: url("../img/corporate/pc/front_in_house_deco.png") no-repeat;
}
.p-front-page .in-house__button {
  width: 316px;
  margin: 54px 0 0 118px;
}
.p-front-page .in-house__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 442px);
  grid-gap: 20px 18px;
  padding-bottom: 40px;
}
.p-front-page .in-house__list li > * {
  height: 100%;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
}
.p-front-page .news {
  padding: 132px 0 26px;
}
.p-front-page .news__list {
  margin: 40px 0 0 10.2%;
}
.p-front-page .news .c-slider__track {
  overflow: unset;
}
.p-front-page .news .c-slider__item {
  width: 380px;
  margin-right: 28px;
}
.p-front-page .news .c-slider__arrow-left {
  top: 98px;
  left: -30px;
  width: 56px;
  height: 56px;
  background: #03467c url("../img/corporate/pc/front_news_chevron_left.svg") center/9px 16px no-repeat;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
  border-radius: 50%;
}
.p-front-page .news__button {
  margin: 54px auto 0;
}
.p-front-page .recruit {
  position: relative;
  max-width: 1920px;
  height: 1004px;
  margin: 0 auto;
}
.p-front-page .recruit__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../img/corporate/pc/front_recruit_bg.png") top right no-repeat;
}
.p-front-page .recruit__bg-2 {
  position: absolute;
  top: 74px;
  right: 660px;
  left: 0;
  height: 710px;
  overflow: hidden;
  border-radius: 0 26px 0 0;
}
.p-front-page .recruit__bg-2 > * {
  width: 100%;
  height: 100%;
}
.p-front-page .recruit__fg {
  position: relative;
  z-index: 100;
  height: 100%;
  padding: 204px 40px 0;
}
.p-front-page .recruit__fg::after {
  position: absolute;
  right: 150px;
  bottom: 116px;
  display: block;
  width: 897px;
  height: 310px;
  content: "";
  background-repeat: no-repeat;
  background-image: url("../img/corporate/pc/front_recruit_bg_2.png");
  background-image: image-set(url("../img/corporate/pc/front_recruit_bg_2.png") 1x, url("../img/corporate/pc/front_recruit_bg_2@2x.png") 2x);
}
.p-front-page .recruit__text-area {
  max-width: 546px;
  margin-left: auto;
}
.p-front-page .recruit__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
.p-front-page .recruit__large {
  margin-top: 30px;
}
.p-front-page .recruit__button {
  margin-top: 40px;
}

.p-recruit-contact .main {
  max-width: 1920px;
  padding: 50px 0 100px;
  margin: 0 auto;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-recruit-contact .main__text {
  margin-top: 38px;
  text-align: center;
}
.p-recruit-contact .main__tel-title {
  margin-top: 42px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.1em;
}
.p-recruit-contact .main__tel {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.p-recruit-contact .main .form {
  max-width: 1116px;
  margin: 80px auto 0;
}
.p-recruit-contact .main .form textarea,
.p-recruit-contact .main .form input[type=text],
.p-recruit-contact .main .form input[type=email],
.p-recruit-contact .main .form input[type=tel] {
  background: #e6ebee;
}
.p-recruit-contact .main .form .c-recaptcha-text {
  margin-top: 8px;
}
.p-recruit-contact .main .b-site-banner {
  margin-top: 122px;
}

.p-archive-in-house-project .b-mv {
  position: relative;
}
.p-archive-in-house-project .b-mv__fg {
  padding-top: 94px;
}
.p-archive-in-house-project .b-mv__bg-2 {
  background-image: url("../img/corporate/pc/in_house_project_mv_bg.jpg");
}
.p-archive-in-house-project .b-mv__english {
  margin-right: 82px;
}
.p-archive-in-house-project .b-mv__title {
  width: 324px;
}
.p-archive-in-house-project .bg-area {
  position: relative;
  padding-bottom: 100px;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-archive-in-house-project .main {
  position: relative;
  max-width: 1920px;
  margin: 60px auto 0;
  background: url("../img/corporate/pc/in_house_porject_bg.png") right -318px top 100px no-repeat;
}
.p-archive-in-house-project .main__bg {
  position: absolute;
  top: 104px;
  right: 144px;
  bottom: 108px;
  left: 0;
  background: #e6ebee;
  border-radius: 0 26px 26px 0;
}
.p-archive-in-house-project .main__bg::before {
  position: absolute;
  top: 900px;
  right: 0;
  left: 0;
  display: block;
  height: 1432px;
  content: "";
  background: url("../img/corporate/pc/in_house_porject_bg_deco.png") center no-repeat;
}
.p-archive-in-house-project .main__fg {
  position: relative;
  z-index: 100;
  padding: 0 100px 0 40px;
}
.p-archive-in-house-project .main__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 390px);
  grid-gap: 42px 26px;
  justify-content: center;
  max-width: 1664px;
  margin: 0 auto;
}
.p-archive-in-house-project .main__item > * {
  height: 100%;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}
.p-archive-in-house-project .wp-pagenavi {
  padding: 142px 0 0;
}
.p-archive-in-house-project .b-site-banner {
  margin-top: 118px;
}

.p-archive .main {
  max-width: 1920px;
  padding: 52px 0 100px;
  margin: 0 auto;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-archive .main__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 380px);
  grid-gap: 42px 30px;
  justify-content: center;
  max-width: 1640px;
  margin: 48px auto 0;
}
.p-archive .main__item > * {
  height: 100%;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}
.p-archive .wp-pagenavi {
  padding: 74px 0 0;
}
.p-archive .b-site-banner {
  margin-top: 118px;
}

.p-about .b-mv {
  position: relative;
}
.p-about .b-mv::before {
  position: absolute;
  top: 434px;
  left: 0;
  z-index: 100;
  display: block;
  width: 232px;
  height: 125px;
  content: "";
  background: url("../img/corporate/pc/about_mv_deco.png") no-repeat;
}
.p-about .b-mv__bg-2 {
  background-image: url("../img/corporate/pc/about_mv_bg.jpg");
}
.p-about .b-mv__english {
  margin-right: 160px;
}
.p-about .b-mv__title {
  width: 410px;
}
.p-about .greeting {
  position: relative;
  max-width: 1920px;
  margin: 66px auto 0;
}
.p-about .greeting::before {
  position: absolute;
  bottom: -76px;
  left: 0;
  z-index: 100;
  display: block;
  width: 480px;
  height: 211px;
  content: "";
  background: url("../img/corporate/pc/about_greeting_deco.png") no-repeat;
}
.p-about .greeting::after {
  position: absolute;
  right: 0;
  bottom: -16px;
  z-index: 100;
  display: block;
  width: 200px;
  height: 155px;
  content: "";
  background: url("../img/corporate/pc/about_greeting_deco_2.png") no-repeat;
}
.p-about .greeting__bg {
  background: url("../img/corporate/pc/about_greeting_bg.jpg") center/cover no-repeat;
  background-attachment: fixed;
}
.p-about .greeting__container {
  display: grid;
  grid-template-columns: 50% 1fr;
}
.p-about .greeting .text-area {
  position: sticky;
  bottom: 0;
  align-self: end;
  padding: 166px 0 204px 40px;
}
.p-about .greeting .text-area__inner {
  max-width: 814px;
  margin-left: auto;
}
.p-about .greeting .text-area__title::after {
  display: block;
  width: 62px;
  height: 2px;
  margin-top: 24px;
  content: "";
  background: #fff;
}
.p-about .greeting .text-area__large {
  margin-top: 30px;
}
.p-about .greeting .text-area__signature {
  display: flex;
  align-items: center;
  margin-top: 50px;
  font-size: 14px;
  color: #fff;
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.1));
}
.p-about .greeting .text-area__signature span {
  margin-left: 20px;
  font-size: 22px;
  font-weight: bold;
}
.p-about .greeting .scroll {
  padding: 280px 0 146px;
}
.p-about .greeting .scroll__inner {
  max-width: 902px;
}
.p-about .greeting .scroll__list {
  display: flex;
  flex-direction: column;
  gap: 112px;
  width: 520px;
  margin: 0 auto;
}
.p-about .greeting .scroll .sub-section__large {
  font-size: 28px;
  font-weight: bold;
  line-height: 45px;
  color: #abd7ec;
  letter-spacing: 0.1em;
}
.p-about .greeting .scroll .sub-section__text {
  margin-top: 28px;
  font-size: 16px;
  line-height: 33px;
  color: #fff;
}
.p-about .policy {
  max-width: 1920px;
  margin: 166px auto 0;
}
.p-about .policy__container {
  display: grid;
  grid-template-columns: 54% 1fr;
}
.p-about .policy .text-area {
  position: sticky;
  bottom: 0;
  align-self: end;
  padding: 0 0 400px 40px;
  background: url("../img/corporate/pc/about_pocily_bg.png") right bottom no-repeat;
  container-type: inline-size;
}
.p-about .policy .text-area__outer {
  max-width: 820px;
}
.p-about .policy .text-area__inner {
  max-width: 720px;
  margin-left: auto;
}
.p-about .policy .text-area__large {
  font-size: 80px;
  font-weight: bold;
  line-height: 112px;
  letter-spacing: 0.1em;
}
@container (width < 720px) {
  .p-about .policy .text-area__large {
    font-size: 60px;
    line-height: 84px;
  }
}
.p-about .policy .text-area__english {
  margin-top: 26px;
}
.p-about .policy .scroll {
  padding: 118px 20px 146px 0;
}
.p-about .policy .scroll__inner {
  max-width: 640px;
}
.p-about .policy .scroll__list {
  width: 542px;
  margin-left: auto;
}
.p-about .policy .scroll__list .item {
  display: flex;
  align-items: center;
  height: 154px;
  font-size: 26px;
  font-weight: bold;
  line-height: 42px;
  color: #03467c;
  border-bottom: 1px solid rgba(217, 218, 218, 0.5);
}
.p-about .policy .scroll__list .item::before {
  display: block;
  flex: 0 0 auto;
  width: 80px;
  height: 100%;
  margin-right: 30px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
}
.p-about .policy .scroll__list .item:nth-of-type(1)::before {
  background-image: url("../img/corporate/pc/about_policy_counter_1.png");
  background-image: image-set(url("../img/corporate/pc/about_policy_counter_1.png") 1x, url("../img/corporate/pc/about_policy_counter_1@2x.png") 2x);
}
.p-about .policy .scroll__list .item:nth-of-type(2)::before {
  background-image: url("../img/corporate/pc/about_policy_counter_2.png");
  background-image: image-set(url("../img/corporate/pc/about_policy_counter_2.png") 1x, url("../img/corporate/pc/about_policy_counter_2@2x.png") 2x);
}
.p-about .policy .scroll__list .item:nth-of-type(3)::before {
  background-image: url("../img/corporate/pc/about_policy_counter_3.png");
  background-image: image-set(url("../img/corporate/pc/about_policy_counter_3.png") 1x, url("../img/corporate/pc/about_policy_counter_3@2x.png") 2x);
}
.p-about .policy .scroll__list .item:nth-of-type(4)::before {
  background-image: url("../img/corporate/pc/about_policy_counter_4.png");
  background-image: image-set(url("../img/corporate/pc/about_policy_counter_4.png") 1x, url("../img/corporate/pc/about_policy_counter_4@2x.png") 2x);
}
.p-about .policy .scroll__list .item:nth-of-type(5)::before {
  background-image: url("../img/corporate/pc/about_policy_counter_5.png");
  background-image: image-set(url("../img/corporate/pc/about_policy_counter_5.png") 1x, url("../img/corporate/pc/about_policy_counter_5@2x.png") 2x);
}
.p-about .policy .scroll__list .item:nth-of-type(6)::before {
  background-image: url("../img/corporate/pc/about_policy_counter_6.png");
  background-image: image-set(url("../img/corporate/pc/about_policy_counter_6.png") 1x, url("../img/corporate/pc/about_policy_counter_6@2x.png") 2x);
}
.p-about .policy .scroll__list .item:nth-of-type(7)::before {
  background-image: url("../img/corporate/pc/about_policy_counter_7.png");
  background-image: image-set(url("../img/corporate/pc/about_policy_counter_7.png") 1x, url("../img/corporate/pc/about_policy_counter_7@2x.png") 2x);
}
.p-about .company {
  padding: 140px 40px 46px;
}
.p-about .company__list {
  max-width: 886px;
  margin: 30px auto 0;
}
.p-about .company__list > dl {
  display: grid;
  grid-template-columns: 162px 1fr;
  grid-gap: 0 50px;
}
.p-about .company__list > dl > dt {
  padding: 12px 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  color: #03467c;
  text-align: justify;
  text-align-last: justify;
  border-bottom: 1px dashed rgba(113, 112, 113, 0.5);
}
.p-about .company__list > dl > dd {
  padding: 12px 0;
  font-size: 16px;
  line-height: 30px;
  border-bottom: 1px dashed rgba(113, 112, 113, 0.5);
}
.p-about .company__list .site dd > dl {
  display: flex;
  flex-wrap: wrap;
}
.p-about .company__list .site dd > dl > dt {
  width: 220px;
  font-weight: normal;
}
.p-about .company__list .certification dd {
  display: flex;
  gap: 30px;
  align-items: center;
}
.p-about .company__list .certification__list > dl {
  display: flex;
  flex-wrap: wrap;
}
.p-about .company__list .certification__list > dl > dt {
  width: 250px;
  font-weight: normal;
}
.p-about .company__list .certification__mark {
  flex: 0 0 auto;
}
.p-about .google-map {
  height: 470px;
}
.p-about .bg-area {
  padding-bottom: 100px;
  background: url("../img/corporate/pc/contact_bg.png") right bottom no-repeat;
}
.p-about .history {
  padding: 134px 40px 20px;
}
.p-about .history__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1200px;
  margin: 40px auto 0;
}
.p-about .history__list dl {
  display: grid;
  grid-template-columns: 220px 1fr;
  grid-gap: 22px;
}
.p-about .history__list dl dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #03467c;
  border: 1px solid #03467c;
  border-radius: 8px;
}
.p-about .history__list dl dt::after {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 3px);
  display: block;
  width: 6px;
  height: 10px;
  content: "";
  background: #fff;
  border-left: 1px solid #03467c;
}
.p-about .history__list dl dd {
  padding: 13px 2em;
  background: #f5f5f5;
}
.p-about .base {
  padding: 116px 40px 20px;
}
.p-about .base__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 280px);
  grid-gap: 26px;
  justify-content: center;
  margin-top: 30px;
}
.p-about .base__list .item__image {
  height: 177px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.p-about .base__list .item__main {
  padding: 0 16px 30px;
  background: #f5f5f5;
  border-radius: 0 0 8px 8px;
}
.p-about .base__list .item__title {
  padding: 16px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #03467c;
  text-align: center;
  border-bottom: 1px dashed rgba(113, 112, 113, 0.5);
}
.p-about .base__list .item__text {
  margin-top: 12px;
  text-align: center;
}
.p-about .base__list .item:nth-of-type(1) .item__image {
  background-image: url("../img/corporate/pc/about_base_image_1.jpg");
}
.p-about .base__list .item:nth-of-type(2) .item__image {
  background-image: url("../img/corporate/pc/about_base_image_2.jpg");
}
.p-about .base__list .item:nth-of-type(3) .item__image {
  background-image: url("../img/corporate/pc/about_base_image_3.jpg");
}
.p-about .base__list .item:nth-of-type(4) .item__image {
  background-image: url("../img/corporate/pc/about_base_image_4.jpg");
}
.p-about .csr {
  padding: 100px 40px 0;
}
.p-about .csr__list {
  display: flex;
  flex-direction: column;
  gap: 34px;
  align-items: center;
  margin-top: 42px;
}
.p-about .csr__list li {
  width: 100%;
  max-width: 1300px;
}
.p-about .b-site-banner {
  margin-top: 122px;
}