@charset "UTF-8";
html {
  font-size: 16px;
}

body {
  color: #1D1D1D;
  font-family: "fot-udkakugo-large-pr6n", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.625;
}

p span {
  display: block;
}
p span:not(:first-of-type) {
  margin-top: 0.625rem;
}

/* pcの電話番号発信対応 */
a[href^="tel:"] {
  pointer-events: none;
}

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

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
li {
  margin: 0;
}

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

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

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

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

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

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

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

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

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

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
.l-inner {
  margin-inline: auto;
  max-width: 100%;
  padding-left: 25px;
  padding-right: 25px;
  width: 98.125rem;
}
.l-inner.--company {
  width: 79.0625rem;
}
.l-inner.--wide {
  width: 109.375rem;
}

.l-sec {
  padding: 3.75rem 0 5rem;
}
.l-sec01 {
  padding: 3.5rem 0 6.875rem;
}

.c-bgGray {
  background-color: #EBEBEB;
}

.c-btn {
  align-items: center;
  background-color: transparent;
  background-image: url("../img/common/arrow_white.svg");
  background-position: center right 1rem;
  background-repeat: no-repeat;
  background-size: 1.9375rem 0.4375rem;
  border: 2px solid #fff;
  color: #fff;
  display: flex;
  justify-content: center;
  line-height: 1.2;
  max-width: 100%;
  min-height: 3.75rem;
  padding: 0 0.625rem;
  transition: 0.5s all;
  width: 15.9375rem;
}
.c-btn span {
  display: inline-block;
  font-size: 1rem;
  transition: 0.5s all;
}
.c-btn.--blue {
  background-image: url("../img/common/arrow_blue.svg");
  border-color: #002191;
  color: #1D1D1D;
}
.c-btn.--blue span {
  font-weight: 500;
}
.c-btn.--bgWhite {
  background-color: #fff;
  background-image: url("../img/common/arrow_blue.svg");
  border-color: #002191;
  color: #1D1D1D;
}
.c-cat {
  background-color: #002191;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  min-width: 6.25rem;
  padding: 0.25rem 0.625rem;
  text-align: center;
}

.c-column2 {
  display: grid;
  gap: clamp(1.875rem, -17.708rem + 40.799vw, 31.25rem);
  grid-template-columns: repeat(2, 1fr);
}

.c-column2--gap60 {
  gap: 3.75rem;
}

.c-column3 {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(3, 1fr);
}

.c-column4 {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(4, 1fr);
}

.contentful-gallery__container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px;
}
.contentful-gallery__title {
  color: #333;
  font-size: 2.5rem;
  margin-bottom: 2rem;
  text-align: center;
}
.contentful-gallery__grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin-bottom: 3rem;
}
.contentful-gallery__item {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contentful-gallery__item:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px);
}
.contentful-gallery__image {
  -o-object-fit: cover;
  display: block;
  height: 200px;
  object-fit: cover;
  width: 100%;
}
.contentful-gallery__content {
  padding: 1.5rem;
}
.contentful-gallery__item-title {
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.contentful-gallery__description {
  color: #666;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.contentful-gallery__meta {
  color: #999;
  font-size: 0.875rem;
}

.controls {
  margin: 2rem 0;
  text-align: center;
}
.controls .btn {
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  margin: 0 10px;
  padding: 12px 20px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.controls .btn--primary {
  background-color: #007bff;
  color: white;
}
.controls .btn--primary:hover {
  background-color: #0056b3;
}
.controls .btn--secondary {
  background-color: #6c757d;
  color: white;
}
.controls .btn--secondary:hover {
  background-color: #545b62;
}
.controls .btn__icon {
  margin-right: 5px;
}

.pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}
.pagination__button {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 5px;
  padding: 8px 16px;
  transition: all 0.3s ease;
}
.pagination__button:hover:not(.pagination__button--disabled) {
  background-color: #007bff;
  border-color: #007bff;
  color: white;
}
.pagination__button--active {
  background-color: #007bff;
  border-color: #007bff;
  color: white;
}
.pagination__button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.pagination__info {
  color: #666;
  margin: 0 1rem;
}

.loading {
  color: #666;
  padding: 2rem;
  text-align: center;
}

.error {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 5px;
  color: #dc3545;
  margin: 1rem 0;
  padding: 2rem;
  text-align: center;
}
.c-headline {
  color: #002191;
}

.c-headline__main {
  color: #1D1D1D;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}
.c-headline__main.--white {
  color: #fff;
}
.c-headline__main.--pcWhite {
  color: #fff;
}

.c-headline__sub {
  color: #002191;
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0.875rem;
  margin-top: 0.3125rem;
}
.c-headline__sub.--white {
  color: #fff;
}
.c-headline__sub.--pcWhite {
  color: #fff;
}

/* ===============================================
# 2
=============================================== */
.c-headline2 {
  background: url(../img/common/titleDeco.png) center center/contain no-repeat;
  display: grid;
  height: 5.4375rem;
  max-width: 100%;
  place-content: center;
  width: 47rem;
}
.c-headline2 span {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}

.c-hoverRun {
  background-image: linear-gradient(90deg, #1D1D1D, #1D1D1D);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 0 1px;
  color: #1D1D1D;
  display: inline;
  text-decoration: none;
  transition: background-size 0.5s;
}
.c-hoverUnderline {
  display: inline-block;
  position: relative;
}

.c-hoverUnderline::after {
  background: #1D1D1D;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.5s ease-in-out;
  width: 100%;
}
.c-hoverUnderline {
  display: inline-block;
  position: relative;
}

.c-hoverUnderline::after {
  background: #1D1D1D;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}
.c-imgHover {
  position: relative;
}

.c-imgHover img {
  transition: 0.5s opacity;
  width: 2.25rem;
}

.c-imgHover img:nth-of-type(2) {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.5s opacity;
}
.c-imgZoom {
  overflow: hidden;
  position: relative;
}
.c-imgZoom img {
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.8s;
}
.c-link {
  color: #1D1D1D;
  line-height: 1;
  position: relative;
}

.c-link::after {
  background: url(../img/common/link.svg) center center/contain no-repeat;
  content: "";
  height: 0.625rem;
  position: absolute;
  right: -0.9375rem;
  top: 0.3em;
  width: 0.625rem;
}
.c-marker {
  background: linear-gradient(transparent 70%, #FCF65F 0%);
  display: inline;
}

.c-mv__inner {
  margin-inline: auto;
  position: relative;
  width: 93.4895833333%;
}

.c-mv__img img {
  -o-object-fit: cover;
  -o-object-position: center;
  height: 38.125rem;
  object-fit: cover;
  object-position: center;
}

.c-mv__title {
  left: 50%;
  position: absolute;
  top: 13.125rem;
  transform: translateX(-50%);
}

.c-mv__titleSub {
  color: rgba(255, 255, 255, 0.3);
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 9.6875rem;
  letter-spacing: 0.1em;
  line-height: 1;
}

.c-mv__titleMain {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  margin-top: -2rem;
  text-align: center;
}

.c-tag {
  border: 1px solid #EBEBEB;
  color: #1D1D1D;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.375rem 0.5rem;
}

.c-titleBlock__title.--civil {
  width: 19.25rem;
}
.c-titleBlock__title.--foundation {
  width: 47.5rem;
}
.c-titleBlock__title.--equipment {
  width: 41rem;
}

.c-titleBlock__main {
  background-color: #1D1D1D;
  color: #fff;
  display: grid;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: -0.625rem;
  min-height: 2.625rem;
  place-content: center;
}

.c-titleBlock__txt {
  font-size: 1rem;
  margin-top: 2.1875rem;
}

.c-underBar {
  display: inline-block;
  position: relative;
}
.c-underBar::before {
  background-color: #333;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  opacity: 1;
  position: absolute;
  transform: translateX(-50%);
  transition: 0.5s;
  width: 100%;
}
.accordion {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  max-width: 100%;
  overflow: hidden;
}
.accordion__item {
  border-bottom: 1px solid #e0e0e0;
}
.accordion__item:last-child {
  border-bottom: none;
}
.accordion__head {
  -webkit-user-select: none;
  -moz-user-select: none;
  align-items: center;
  background-color: #f8f9fa;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem;
  transition: background-color 0.3s ease;
  user-select: none;
}
.accordion__head:hover {
  background-color: #e9ecef;
}
.accordion__head.is-active {
  background-color: #e9ecef;
}
.accordion__head.is-active .accordion__icon {
  transform: rotate(45deg);
}
.accordion__head-text {
  color: #333;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}
.accordion__icon {
  color: #666;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  transition: transform 0.3s ease;
}
.accordion__body {
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.accordion__body.is-active {
  max-height: 1000px;
}
.accordion__body-inner {
  border-top: 1px solid #e0e0e0;
  padding: 1.25rem;
}
.accordion__body-inner p {
  color: #555;
  line-height: 1.6;
  margin: 0;
}

.l-subMv {
  padding-top: 13.875rem;
}

/* ===============================================
# section1
=============================================== */
.p-businessSection1 {
  position: relative;
}

.p-businessSection1__bg {
  background: url(../img/business/business2.png) center 2.25rem/clamp(120rem, 0rem + 100vw, 160rem) no-repeat;
  padding-bottom: clamp(31.25rem, -14.313rem + 37.969vw, 46.438rem);
  padding-top: 3.75rem;
  position: relative;
}

.p-businessSection1__contents {
  margin-inline: auto;
  max-width: 100%;
  width: 58rem;
}

.p-businessSection1__btn {
  bottom: 2.75rem;
  left: calc(50% + 2.3125rem);
  position: absolute;
  transform: translateX(-50%);
}

/* ===============================================
# section2
=============================================== */
.p-businessSection2 {
  background-color: #EBEBEB;
  position: relative;
  position: relative;
}

.p-businessSection2__bg {
  background: url(../img/business/business3.png) center 3.125rem/clamp(120rem, 0rem + 100vw, 160rem) no-repeat;
  padding-bottom: clamp(6.563rem, 2.063rem + 3.75vw, 8.063rem);
  padding-top: 6.25rem;
  position: relative;
}

.p-businessSection2__contents {
  margin-inline: auto;
  max-width: 100%;
  width: 79.0625rem;
}

.p-businessSection2__container {
  margin-inline: auto;
  width: clamp(95rem, 13.625rem + 67.813vw, 122.125rem);
}

.p-businessSection2__txt {
  margin-top: clamp(27.5rem, -14.5rem + 35vw, 41.5rem);
  width: 31rem;
}

.p-businessSection2__btn {
  bottom: 2.75rem;
  left: calc(50% + 5.3125rem);
  position: absolute;
  transform: translateX(-50%);
}

/* ===============================================
# section3
=============================================== */
.p-businessSection3 {
  position: relative;
}

.p-businessSection3__bg {
  background: url(../img/business/business4.png) center 5.9375rem/clamp(120rem, 0rem + 100vw, 160rem) no-repeat;
  padding-bottom: clamp(38.125rem, -5.563rem + 36.406vw, 52.688rem);
  padding-top: 4.375rem;
  position: relative;
}

.p-businessSection3__contents {
  margin-inline: auto;
  max-width: 100%;
  width: 86rem;
}

.p-businessSection3__contentsInner {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.p-businessSection3__btn {
  bottom: 4.5rem;
  left: calc(50% - 14.875rem);
  position: absolute;
  transform: translateX(-50%);
}

.p-company {
  margin-top: 3.75rem;
  padding-bottom: 2.8125rem;
}

.p-company__head {
  margin-inline: auto;
}

.p-company__list {
  margin-top: 5.5rem;
}

.p-company__items {
  width: 100%;
}

.p-company__item {
  border-bottom: 2px solid #fff;
  display: flex;
}
.p-company__item:first-child .p-company__title,
.p-company__item:first-child .p-company__description {
  padding-top: 0;
}

.p-company__title,
.p-company__description {
  font-size: 1.125rem;
  padding-block: 2.5rem;
}

.p-company__title {
  color: #002191;
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  padding-left: 0.625rem;
  position: relative;
  width: 15rem;
}

.p-company__title::after {
  background-color: #002191;
  bottom: -0.125rem;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.p-company__description {
  flex: 1;
  padding-left: 1.5rem;
  position: relative;
}
.p-company__description span {
  display: block;
}
.p-company__description span:not(:first-child) {
  margin-top: 0.625rem;
}

.l-contactMv {
  padding-top: 16.5625rem;
}

.c-contactMv__title {
  text-align: center;
}

.c-contactMv__titleSub {
  color: rgba(0, 33, 145, 0.3);
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 9.6875rem;
  letter-spacing: 0.1em;
  line-height: 1;
}

.c-contactMv__titleMain {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  margin-top: -1.875rem;
}

.p-contactMv__box {
  background-color: #fff;
  margin-inline: auto;
  margin-top: 7.75rem;
  max-width: 100%;
  padding-block: 1.875rem 1.25rem;
  width: 39rem;
}

.p-contactMv__txt {
  text-align: center;
}
.p-contactMv__txt.--mt {
  margin-top: 7rem;
}
.p-contactMv__txt.--thanks {
  margin-top: 2.5rem;
}

.p-contactMv__tel {
  display: block;
  font-family: "shippori-mincho", sans-serif;
  font-size: 2.625rem;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.625rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

.p-contactMv__open {
  color: #002191;
  font-weight: 500;
  margin-top: 0.75rem;
  text-align: center;
}

/* ===============================================
# お問い合わせフォーム
=============================================== */
.p-contactForm {
  margin-top: 6.25rem;
  padding-bottom: 4rem;
}

/* ===============================================
# 送信完了
=============================================== */
.p-contactThanks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.p-contactThanksMain {
  flex: 1;
}

.p-footer {
  background-color: #fff;
  margin-top: -1px;
  padding-block: 4.375rem 5rem;
  position: relative;
}
.p-footer::before, .p-footer::after {
  content: "";
  height: 1.5625rem;
  left: 0;
  position: absolute;
  width: 100%;
}
.p-footer::before {
  background-color: #EBEBEB;
  top: 0;
}
.p-footer::after {
  background-color: #2D3D73;
  bottom: 0;
}

.p-footer__flex {
  display: flex;
}

.p-footer__info {
  margin-right: 2.5rem;
  max-width: 100%;
  width: 21.375rem;
}

.p-footer__logo {
  display: block;
  max-width: 100%;
  width: 21.375rem;
}

.p-footer__address {
  font-weight: 500;
  line-height: 1.5555555556;
  margin-top: 4.0625rem;
}

.p-footer__map {
  display: inline-block;
  margin-top: 1.875rem;
  position: relative;
  transition: 0.5s color;
}
.p-footer__map::after {
  background-color: #1D1D1D;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  opacity: 1;
  position: absolute;
  transform: translateX(-50%);
  transition: 0.5s background-color;
  width: 100%;
}

.p-footer__contact {
  margin-right: auto;
  max-width: 100%;
  width: 18.75rem;
}

.p-footer__tel,
.p-footer__fax {
  font-family: "shippori-mincho", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4375;
}

.safari .p-footer__contact,
.firefox .p-footer__contact {
  width: 20rem;
}
.safari .p-footer__tel,
.safari .p-footer__fax,
.firefox .p-footer__tel,
.firefox .p-footer__fax {
  font-size: clamp(0.875rem, 0.125rem + 1.563vw, 2rem);
}

.p-footer__open {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 1.25rem;
}

.p-footer__btn {
  margin-top: 1.25rem;
}

.p-footer__nav {
  max-width: 100%;
  width: 49.3421052632%;
}

.p-footer__list {
  display: flex;
  justify-content: space-between;
}

.p-footer__link {
  display: block;
  font-family: "shippori-mincho", sans-serif;
  font-size: 2rem;
  font-weight: 500;
}
.p-footer__link span {
  color: #969494;
  display: block;
  font-family: "fot-udkakugo-large-pr6n", sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.p-footer__bottom {
  border-top: 1px solid #1D1D1D;
  margin-top: 6.5625rem;
  padding-top: 1.5rem;
}

.p-footer__bottomFlex {
  display: flex;
  justify-content: flex-end;
}

.p-footer__privacy,
.p-footer__copy {
  font-size: 1rem;
  font-weight: 500;
}

.p-footer__privacy {
  transition: 0.5s color;
}
.p-footer__copy span {
  display: inline-block;
}

/* フォーム全体のコンテナ */
.p-form.--confirm {
  margin-top: 3.4375rem;
}

.p-form__container {
  background-color: #fff;
  margin-inline: auto;
  padding-block: 3.125rem 4.375rem;
}

.p-form__note {
  color: #002191;
  font-weight: 500;
}

.p-form__inner {
  margin-inline: auto;
  max-width: 100%;
  width: 77.8125rem;
}
.p-form__inner.--narrow {
  width: 46.875rem;
}

/* フォーム本体 */
.p-form__form {
  margin-top: 3.125rem;
}

/* 左右分割レイアウト */
.p-form__row {
  align-items: flex-start;
  display: flex;
  gap: 2rem;
}
.p-form__row + .p-form__row {
  margin-top: 1.25rem;
}

.p-form__row.--last {
  align-items: normal;
}

/* ラベルエリア（左側） */
.p-form__label-area {
  width: 20.9375rem;
}

.p-form__label-area.--border {
  border-bottom: 1px solid #1D1D1D;
}

/* 入力エリア（右側） */
.p-form__input-area {
  flex: 1;
}

/* ラベル */
.p-form__label {
  align-items: center;
  cursor: unset;
  display: block;
  display: flex;
  font-size: 1.125rem;
  font-weight: 500;
  justify-content: space-between;
  padding-block: 1rem 2.125rem;
  position: relative;
}

.p-form__label::after {
  background-color: #1D1D1D;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.p-form__label.--borderNone::after {
  display: none;
}

.p-form__required {
  color: #002191;
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 1.5rem;
  margin-right: 0.625rem;
}

/* 入力フィールド共通 */
.p-form__input,
.p-form__select,
.p-form__textarea {
  background-color: #EBEBEB;
  font-size: 1.125rem;
  padding: 0.375rem 1rem;
  transition: border-color 0.3s ease, background-color 0.3s ease;
  width: 100%;
}

.p-form__input {
  height: 4.6875rem;
}

/* テキストエリア */
.p-form__textarea {
  height: 100%;
  min-height: 37.5rem;
  resize: vertical;
}

/* チェックボックスグループ */
.p-form__checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5.625rem;
  margin-top: 0.625rem;
}

.p-form__checkbox input {
  display: none;
}

.p-form__checkbox input + span {
  cursor: pointer;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 500;
  padding-left: 2.8125rem;
  position: relative;
  width: auto;
}

.p-form__checkbox input + span::before {
  background-color: #fff;
  border: 1px solid #D5D3D3;
  border-radius: 0.3125rem;
  content: "";
  display: block;
  height: 1.875rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.875rem;
}

.p-form__checkbox input + span::after {
  border-bottom: 0.1875rem solid #003BFF;
  border-right: 0.1875rem solid #003BFF;
  content: "";
  display: block;
  height: 0.9375rem;
  left: 0.625rem;
  margin-top: -0.5rem;
  opacity: 0;
  position: absolute;
  top: 40%;
  transform: rotate(45deg);
  width: 0.625rem;
}

.p-form__checkbox input:checked + span::after {
  opacity: 1;
}

/* 送信ボタンエリア */
.p-form__submit {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.4375rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

/* 確認画面 */
.p-confirm .p-form__container {
  padding-block: 3.125rem 4.375rem;
}
.p-confirm tr {
  display: flex;
}
.p-confirm tr:not(:first-child) {
  margin-top: 4.0625rem;
}
.p-confirm th {
  font-size: 1.125rem;
  font-weight: 500;
  padding-right: 1.5rem;
  position: relative;
  text-align: left;
  white-space: nowrap;
}
.p-confirm th::after {
  color: #1D1D1D;
  content: ":";
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 1.125rem;
  position: absolute;
  right: 0.625rem;
  top: calc(0.5lh - 0.875rem);
}
.p-confirm td {
  font-size: 1.125rem;
}
.p-confirm .p-form__submitConfirm {
  margin-top: 6.25rem;
}
.p-confirm input[type=submit],
.p-confirm input[type=button] {
  align-items: center;
  background-color: transparent;
  background-image: url("../img/common/arrow_white.svg");
  background-image: url("../img/common/arrow_blue.svg");
  background-position: center right 1rem;
  background-repeat: no-repeat;
  background-size: 1.9375rem 0.4375rem;
  border: 2px solid #002191;
  color: #1D1D1D;
  display: flex;
  justify-content: center;
  line-height: 1.2;
  max-width: 100%;
  min-height: 3.75rem;
  padding: 0 0.625rem;
  transition: 0.5s all;
  transition: 0.5s all;
  width: 15.9375rem;
}
.p-confirm input[type=button] {
  margin-top: 1.875rem;
}

body.noscroll {
  overflow: hidden;
}

.p-header {
  height: 10.3125rem;
  padding: 0;
  position: absolute;
  position: fixed;
  right: 0;
  transition: 0.5s all;
  width: 100%;
  z-index: 20;
}

.p-header__inner {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: inherit;
  justify-content: space-between;
  padding-left: 2.8125rem;
  position: relative;
  width: 100%;
  z-index: 20;
}

.p-header__logo {
  max-width: 100%;
  width: 24.375rem;
}

.p-header__wrap {
  display: flex;
  height: inherit;
}

.p-header__contact {
  background-color: #1D1D1D;
  color: #fff;
  display: grid;
  max-width: 100%;
  place-content: center;
  transition: 0.5s background-color;
  width: 12.5rem;
}
.p-header__contactTxt {
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 1.25rem;
  position: relative;
}
.p-header__contactTxt::before {
  background: url(../img/common/mail.svg) center center/contain no-repeat;
  content: "";
  height: 2.1875rem;
  left: 50%;
  position: absolute;
  top: -2.5rem;
  transform: translateX(-50%);
  width: 1.875rem;
}

.p-pcNav {
  height: inherit;
}

.p-pcNav__list {
  align-items: center;
  display: flex;
  height: 100%;
  margin-left: auto;
}

.p-pcNav__item {
  height: inherit;
}

.p-pcNav__link {
  align-items: center;
  display: flex;
  font-weight: 500;
  height: inherit;
  justify-content: center;
  padding: 0 2.3125rem;
  position: relative;
}
.p-pcNav__link.--last {
  padding-right: 4.6875rem;
}
.p-pcNav__link span {
  font-size: 1.25rem;
}

.c-hamburger-outer {
  display: none;
}

.c-hamburger {
  cursor: pointer;
  display: block;
  height: 1rem;
  position: relative;
  transition: 0.3s all;
  width: 1.375rem;
  z-index: 3;
}

.c-hamburger span:nth-child(1) {
  transform: translateY(-6px);
}

.c-hamburger span:nth-child(3) {
  transform: translateY(6px);
}

/*OPEN時の動き*/
.js-open .c-hamburger span {
  transition: ease 0.5s;
}

.js-open .c-hamburger span:nth-child(1) {
  opacity: 0;
}

.js-open .c-hamburger span:nth-child(2) {
  transform: rotate(180deg);
}

.js-open .c-hamburger span:nth-child(3) {
  opacity: 0;
}

.p-spNav {
  display: none;
}

.p-spNav__inner {
  padding-inline: 2.25rem;
}

.p-spNav.js-open {
  opacity: 100;
  visibility: visible;
}

header.UpMove {
  animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
header.DownMove {
  animation: DownAnime 0.5s forwards;
  background-color: #fff;
  top: 0px;
}

@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-hoge {
  color: #ff0000;
}

.p-media {
  background: url(../img/) center center/contain no-repeat;
  display: flex;
  justify-content: space-between;
  max-width: 100%;
}

.p-media__head {
  font-size: 1.25rem;
}

.p-media__head--white {
  color: #fff;
}

.p-media__head--red {
  color: #ff0000;
}

.p-media__head--blue {
  color: #0000ff;
}

.p-media__txt {
  font-size: 1rem;
}

.p-media__img {
  width: 20%;
}

.p-media__body {
  width: 80%;
}

.p-modal {
  background: rgba(255, 255, 255, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.p-modal__block {
  background-color: #FEAEBB;
  border-radius: 0.625rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 27.5rem;
}

.p-modal__wrap {
  padding: 3.75rem 0 2.5rem;
  position: relative;
}

.p-pageTop {
  bottom: 1.875rem;
  cursor: pointer;
  position: fixed;
  right: 1.875rem;
  z-index: 50;
}

.p-pageTop__wrap {
  position: relative;
}

.p-pageTop__wrap img {
  width: 3.125rem;
}

.p-pageTop__wrap img:nth-of-type(2) {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.5s opacity;
}
.p-project {
  padding-block: 4.0625rem 5rem;
}

.p-project__inner {
  margin-inline: auto;
  max-width: 100%;
  width: 80.9375rem;
}

.p-project__tabs {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(4, 1fr);
  margin-inline: auto;
  width: 64rem;
}

.p-project__tab {
  border: 1px solid #1D1D1D;
}

.p-project__tabLink {
  display: block;
  display: grid;
  height: 100%;
  min-height: 3.75rem;
  place-content: center;
  text-align: center;
  transition: all 0.5s ease;
  width: 100%;
}
.p-project__tabLink.is-active {
  background-color: #1D1D1D;
  color: #fff;
}

.p-project__select {
  display: none;
  margin-inline: auto;
  max-width: 25rem;
  width: 100%;
}

.p-project__selectBox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(../img/common/select.svg);
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 0.625rem 0.375rem;
  border: 1px solid #D5D3D3;
  font-size: 1rem;
  padding: 0.9375rem 1.25rem;
  padding-right: 3.125rem;
  transition: all 0.3s ease;
  width: 100%;
}

.p-project__selectBox:focus {
  border-color: #1D1D1D;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  outline: none;
}
.p-project__container {
  margin-top: 5.5rem;
}

.gallery-container {
  display: grid;
  gap: 2.8125rem 1.25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gallery-container .gallery-section {
  position: relative;
}
.gallery-container .gallery-title {
  background: transparent linear-gradient(90deg, #002191 0%, #7D97ED 100%) 0% 0% no-repeat padding-box;
  border-radius: 0.625rem;
  bottom: 0;
  display: grid;
  left: 0;
  max-width: 100%;
  min-height: 4.9375rem;
  padding-inline: 0.625rem;
  place-content: center;
  position: absolute;
  width: 17rem;
  z-index: 2;
}
.gallery-container .gallery-title span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
  display: -webkit-box;
  font-size: 1.0625rem;
  overflow: hidden;
}
.gallery-container .slide-slide {
  border-radius: 0.625rem;
}
.gallery-container .slide-img {
  border-radius: 0.625rem;
}
.gallery-container .slide-img img {
  -o-object-fit: cover;
  aspect-ratio: 625/380;
  border-radius: 0.625rem;
  height: auto;
  object-fit: cover;
  object-fit: cover;
}
.gallery-container .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -1.875rem;
  display: flex;
  gap: 0.625rem;
  justify-content: center;
  text-align: center;
  z-index: 2;
}
.gallery-container .swiper-pagination-bullet {
  background-color: #EBEBEB;
  border-radius: 100%;
  height: 0.6875rem;
  opacity: 1;
  width: 0.6875rem;
}
.gallery-container .swiper-pagination-bullet-active {
  background-color: #969494;
  border-radius: 100%;
  height: 0.6875rem;
  opacity: 1;
  width: 0.6875rem;
}

.js-tabTarget {
  display: none;
}

.js-tabTarget.is-show {
  display: block;
}

.p-project .pagination-container {
  margin-top: 6rem;
}
.p-project .pagination-info {
  display: none;
}
.p-project .pagination-controls {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.p-project .pagination-btn {
  color: #969494;
  font-size: 1.125rem;
  padding-inline: 0.75rem;
}
.p-project .pagination-btn.prev, .p-project .pagination-btn.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.p-project .pagination-btn.prev {
  background: url(../img/common/prev.svg) center center/1rem no-repeat;
  border: 2px solid #EBEBEB;
  border-radius: 0.625rem;
  height: 3.125rem;
  left: -5rem;
  transition: 0.5s all;
  width: 3.125rem;
}
.p-project .pagination-btn.next {
  background: url(../img/common/next.svg) center center/1rem no-repeat;
  border: 2px solid #EBEBEB;
  border-radius: 0.625rem;
  height: 3.125rem;
  right: -5rem;
  transition: 0.5s all;
  width: 3.125rem;
}
.p-project .active {
  color: #002191;
}

.p-recruitMsg {
  margin-top: 5.625rem;
}

.p-recruitMsg__inner {
  margin-inline: auto;
  max-width: 100%;
  width: 120rem;
}

.p-recruitMsg__container {
  margin-left: auto;
  max-width: 100%;
  padding-left: 25px;
  width: 107.5rem;
}

.p-recruitMsg__media {
  display: flex;
  gap: 8rem;
}

.p-recruitMsg__body {
  max-width: 100%;
  width: 38rem;
}

.p-recruitMsg__head {
  max-width: 100%;
  position: relative;
}

.p-recruitMsg__headSub {
  color: rgba(0, 33, 145, 0.09);
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 8.125rem;
  font-weight: 700;
  line-height: 1;
}

.p-recruitMsg__headMain {
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-recruitMsg__subHead {
  font-size: 1.625rem;
  font-weight: 500;
  margin-top: 3.125rem;
  padding-left: 1em;
  position: relative;
}
.p-recruitMsg__subHead::before {
  background: url(../img/common/slash.png) center center/contain no-repeat;
  content: "";
  height: 2.125rem;
  left: 0;
  position: absolute;
  top: -0.8125rem;
  width: 2.0625rem;
}

.p-recruitMsg__txt {
  line-height: 1.625;
  margin-top: 3.4375rem;
}

.p-recruitMsg__img {
  flex: 1;
}

/* ===============================================
# Recruit
=============================================== */
.p-recruit {
  margin-top: 5.625rem;
  padding-block: 2.8125rem;
}

.p-recruit__container {
  background-color: #fff;
  max-width: 100%;
  padding-bottom: 6.25rem;
}

.p-recruit__head {
  margin-inline: auto;
}

.p-recruit__list {
  margin-inline: auto;
  margin-top: 8.125rem;
  max-width: 100%;
  width: 79.0625rem;
}

.p-recruit__items {
  width: 100%;
}

.p-recruit__item {
  border-bottom: 1px solid #1D1D1D;
  display: flex;
}
.p-recruit__item:first-child .p-recruit__title,
.p-recruit__item:first-child .p-recruit__description {
  padding-top: 0;
}

.p-recruit__title,
.p-recruit__description {
  font-size: 1.125rem;
  padding-block: 2rem;
}

.p-recruit__title {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  padding-left: 0.625rem;
  position: relative;
  width: 16.5625rem;
}

.p-recruit__description {
  flex: 1;
}
.p-recruit__description span {
  display: block;
}
.p-recruit__description span:not(:first-child) {
  margin-top: 0.625rem;
}

.p-slider {
  height: 100%;
  width: 100%;
}
.p-slider .swiper-slide {
  overflow: hidden;
}
.p-slider .slide-img {
  height: 100%;
}
.p-slider .slide-img img {
  width: 100%;
}
.p-slider img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.p-slider .swiper-slide-active .slide-img,
.p-slider .swiper-slide-duplicate-active .slide-img,
.p-slider .swiper-slide-prev .slide-img {
  animation: zoomUp 10s linear 0s 1 normal both;
}
.p-slider .slide-img img {
  display: block;
}

/* ===============================================
# MV
=============================================== */
.p-topMv {
  overflow: hidden;
  padding-top: 10.3125rem;
  position: relative;
  z-index: 1;
}

.p-topMv__bg {
  background: url(../img/top/mv_bg.png) center center/cover no-repeat;
  margin-left: auto;
  padding-block: 2.5rem 6.875rem;
  position: relative;
  width: 97.3958333333%;
  z-index: 1;
}
.p-topMv__bg::before, .p-topMv__bg::after {
  background: url(../img/top/mv_deco.svg) center center/contain no-repeat;
  content: "";
  height: 9.1875rem;
  position: absolute;
  width: 48.3125rem;
}
.p-topMv__bg::before {
  bottom: 7.5rem;
  left: 7.5rem;
}
.p-topMv__bg::after {
  right: 10.9375rem;
  top: 2.1875rem;
}

.p-topMv__head {
  color: #fff;
  font-family: "shippori-mincho", sans-serif;
  font-size: 3.3125rem;
  font-weight: 400;
}
.p-topMv__head.--top {
  padding-left: 5rem;
}
.p-topMv__head.--bottom {
  margin-top: 3.125rem;
  padding-right: 9.0625rem;
  text-align: right;
}

.p-topMv__slider {
  margin-top: 3.4375rem;
}
.p-topMv__slider .swiper {
  overflow: visible;
  position: relative;
  width: 100%;
}
.p-topMv__slider .swiper-wrapper {
  align-items: center;
}
.p-topMv__slider .swiper-slide {
  align-items: center;
  display: flex;
  justify-content: center;
  transform: scale(0.5);
  transition: all 0.5s ease;
}
.p-topMv__slider .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(1.1);
}
.p-topMv__slider .swiper-slide.swiper-slide-next, .p-topMv__slider .swiper-slide.swiper-slide-prev {
  transform: scale(0.85);
}

.p-topMv__img {
  border-radius: 0.9375rem;
  box-shadow: 4px 7px 8px rgba(0, 0, 0, 0.37);
}

/* ===============================================
# About
=============================================== */
.p-topAbout {
  margin-top: -4.0625rem;
  padding-block: 10.625rem 8.4375rem;
  position: relative;
  z-index: 2;
}
.p-topAbout::after {
  background: url(../img/top/top1.png) center center/cover no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 82.8125%;
  z-index: -1;
}

.p-topAbout__flexSp {
  display: contents;
}

.p-topAbout__txt {
  color: #fff;
  margin-top: 3.4375rem;
}
.p-topAbout__txt strong {
  display: inline-block;
  font-weight: 500;
}
.p-topAbout__txt span {
  display: block;
  font-weight: 300;
  margin-top: 1.25rem;
}

.p-topAbout__btn {
  margin-top: 2.5rem;
}

/* ===============================================
# Business
=============================================== */
.p-topBusiness {
  padding-block: 9.0625rem 9.0625rem;
}

.p-topBusiness__inner {
  position: relative;
}
.p-topBusiness__inner::before {
  background: url(../img/top/title1.svg) center center/contain no-repeat;
  content: "";
  height: 15.125rem;
  left: 0;
  position: absolute;
  top: -3.125rem;
  width: 37.1875rem;
  z-index: -1;
}

.p-topBusiness__flex {
  display: flex;
  gap: 5rem;
  margin-inline: auto;
  max-width: 100%;
  width: 98.125rem;
}

.p-topBusiness__contents {
  max-width: 100%;
  width: 34.875rem;
}

.p-topBusiness__subHead {
  display: none;
}

.p-topBusiness__txt {
  margin-top: 3.125rem;
}

.p-topBusiness__img {
  flex: 1;
}

/* ===============================================
# Recruit
=============================================== */
.p-topRecruit {
  background: url(../img/top/top3.png) center center/cover no-repeat;
  padding-block: 5.625rem 6.25rem;
  position: relative;
  z-index: 2;
}

.p-topRecruit__subHead {
  background-color: #002191;
  color: #fff;
  font-family: "shippori-mincho", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  margin-top: 1.5625rem;
  padding-block: 1.125rem;
  padding-inline: 1.5625rem;
  width: -moz-fit-content;
  width: fit-content;
}

.p-topRecruit__txt {
  color: #fff;
  margin-top: 1.875rem;
}

.p-topRecruit__btn {
  margin-top: 2.1875rem;
}

/* ===============================================
# Project
=============================================== */
.p-topProject {
  padding-block: 7.5rem 2.5rem;
  padding-bottom: 2.5rem;
  padding-top: 7.5rem;
  position: relative;
}
.p-topProject::before {
  -o-object-fit: cover;
  aspect-ratio: 3838/331;
  background: url(../img/top/bg.png) center center/contain no-repeat;
  content: "";
  height: auto;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.p-topProject::after {
  background-color: #EBEBEB;
  bottom: 0;
  content: "";
  height: 15.625rem;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.p-topProject__head {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

.p-topProject__grid {
  display: grid;
  gap: 2rem 1rem;
  grid-template-columns: repeat(2, 1fr);
  margin-inline: auto;
  margin-top: 4rem;
  max-width: 100%;
  width: 63.125rem;
}

.p-topProject__item {
  position: relative;
}

.p-topProject__link {
  display: block;
}

.p-topProject__img {
  border-radius: 0.625rem;
}

.p-topProject__txt {
  align-items: center;
  background: transparent linear-gradient(90deg, #002191 0%, #7D97ED 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  border-radius: 0.625rem;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 1.0625rem;
  font-weight: 500;
  gap: 1.25rem;
  left: 0;
  opacity: 1;
  padding-block: 0.875rem;
  padding-left: 1rem;
  position: absolute;
  width: 16.875rem;
}
.p-topProject__txt span {
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
  opacity: 1;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.u-base1 {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.u-base2 {
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.2;
}

.u-flex {
  display: flex;
}

.u-font14 {
  font-size: 0.875rem;
}

.u-font16 {
  font-size: 1rem;
}

.u-font18 {
  font-size: 1.125rem;
}

.u-font20 {
  font-size: 1.25rem;
}

.u-font22 {
  font-size: 1.375rem;
}

.u-font24 {
  font-size: 1.5rem;
}

.u-font28 {
  font-size: 1.75rem;
}

.u-font32 {
  font-size: 2rem;
}

.u-font40 {
  font-size: 2.5rem;
}

.u-hidden {
  overflow: hidden;
}

.u-hover {
  transition: opacity 0.5s;
}

.u-hover:hover {
  opacity: 0.6;
  transition: opacity 0.5s;
}

.u-lh10 {
  line-height: 1;
}

.u-lh13 {
  line-height: 1.3;
}

.u-lh15 {
  line-height: 1.5;
}

.u-lh16 {
  line-height: 1.6;
}

.u-lh20 {
  line-height: 2;
}

.u-ls05 {
  letter-spacing: 0.05em;
}

.u-ls10 {
  letter-spacing: 0.1em;
}

.u-ls15 {
  letter-spacing: 0.15em;
}

.u-ls20 {
  letter-spacing: 0.2em;
}

.u-mt10 {
  margin-top: 10px !important;
  margin-top: 0.625rem !important;
}

.u-mt20 {
  margin-top: 20px !important;
  margin-top: 1.25rem !important;
}

.u-mt30 {
  margin-top: 30px !important;
  margin-top: 1.875rem !important;
}

.u-mt40 {
  margin-top: 40px !important;
  margin-top: 2.5rem !important;
}

.u-mt50 {
  margin-top: 50px !important;
  margin-top: 3.125rem !important;
}

.u-mt60 {
  margin-top: 60px !important;
  margin-top: 3.75rem !important;
}

.u-mt70 {
  margin-top: 70px !important;
  margin-top: 4.375rem !important;
}

.u-mt80 {
  margin-top: 80px !important;
  margin-top: 5rem !important;
}

.u-mt90 {
  margin-top: 90px !important;
  margin-top: 5.625rem !important;
}

.u-mt100 {
  margin-top: 100px !important;
  margin-top: 6.25rem !important;
}

.u-mt110 {
  margin-top: 110px !important;
  margin-top: 6.875rem !important;
}

.u-mt120 {
  margin-top: 120px !important;
  margin-top: 7.5rem !important;
}

.u-mt130 {
  margin-top: 130px !important;
  margin-top: 8.125rem !important;
}

.u-mt140 {
  margin-top: 140px !important;
  margin-top: 8.75rem !important;
}

.u-mt150 {
  margin-top: 150px !important;
  margin-top: 9.375rem !important;
}

.u-mt160 {
  margin-top: 160px !important;
  margin-top: 10rem !important;
}

.u-mt170 {
  margin-top: 170px !important;
  margin-top: 10.625rem !important;
}

.u-mt180 {
  margin-top: 180px !important;
  margin-top: 11.25rem !important;
}

.u-mt190 {
  margin-top: 190px !important;
  margin-top: 11.875rem !important;
}

.u-mt200 {
  margin-top: 200px !important;
  margin-top: 12.5rem !important;
}

.u-shadow {
  box-shadow: 4px 7px 8px rgba(0, 0, 0, 0.37);
}

.u-sp {
  display: none;
}

.u-textLeft {
  text-align: Left !important;
}

.u-textCenter {
  text-align: Center !important;
}

.u-textRight {
  text-align: Right !important;
}

.u-textJustify {
  text-align: Justify !important;
}
.u-w300 {
  font-weight: 300;
}

.u-w400 {
  font-weight: 400;
}

.u-w500 {
  font-weight: 500;
}

.u-w600 {
  font-weight: 600;
}

.u-w700 {
  font-weight: 700;
}

.u-w900 {
  font-weight: 900;
}

@media screen and (max-width: 1520px) {
  html {
    font-size: 1.0526315789vw;
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
  a[href^="tel:"] {
    pointer-events: all;
  }
  .l-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .l-sec {
    padding: 5rem 0 6.25rem;
  }
  .l-sec01 {
    padding: 4.5rem 0 5.75rem;
  }
  .c-btn.--spBlue {
    background-image: url("../img/common/arrow_blue.svg");
    border-color: #002191;
    color: #1D1D1D;
  }
  .c-btn.--spBgBlue {
    background-color: #002191;
    color: #fff;
  }
  .c-btn.--form span {
    font-weight: 500;
  }
  .c-column2 {
    gap: 1.875rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .c-column2--gap60 {
    gap: 2.5rem;
  }
  .c-column2--gapSp20 {
    gap: 1.25rem;
  }
  .c-column3 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-column4 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-headline__main {
    font-size: 1rem;
  }
  .c-headline__main.--pcWhite {
    color: #1D1D1D;
  }
  .c-headline__sub.--pcWhite {
    color: #002191;
  }
  .c-headline2 {
    background: url(../img/common/titleDeco_sp.png) center center/contain no-repeat;
    height: 3.125rem;
    width: 20.9375rem;
  }
  .c-headline2 span {
    font-size: 1.125rem;
  }
  .c-mv__inner {
    width: 100%;
  }
  .c-mv__img img {
    height: 31.25rem;
  }
  .c-mv__title {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .c-mv__titleSub {
    font-size: 2.625rem;
  }
  .c-mv__titleMain {
    font-size: 1.25rem;
    margin-top: -0.375rem;
  }
  .c-slashSp {
    position: relative;
  }
  .c-slashSp::before {
    background: url(../img/common/slash.png) center center/contain no-repeat;
    content: "";
    height: 2.125rem;
    left: 0;
    position: absolute;
    top: -0.8125rem;
    width: 2.0625rem;
  }
  .c-titleBlock__title.--civil {
    width: 11.4375rem;
  }
  .c-titleBlock__title.--foundation {
    width: 11.75rem;
  }
  .c-titleBlock__title.--equipment {
    width: 11.75rem;
  }
  .c-titleBlock__main {
    font-size: 1rem;
    margin-top: 0;
    min-height: 1.75rem;
  }
  .l-subMv {
    padding-top: 4.8125rem;
  }
  .l-businessBtn {
    bottom: auto;
    left: auto;
    margin-inline: auto;
    margin-top: -1.875rem;
    position: relative;
    transform: none;
  }
  .p-businessSection1__bg {
    background: none;
    padding-bottom: 1.5625rem;
    padding-top: 2.1875rem;
  }
  .p-businessSection1__contents {
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  .p-businessSection1__img {
    margin-top: 1.5625rem;
  }
  .p-businessSection1__btn {
    bottom: auto;
    left: auto;
    margin-inline: auto;
    margin-top: -1.875rem;
    position: relative;
    transform: none;
  }
  .p-businessSection2::before {
    background: url(../img/business/title_sp2.png) center center/contain no-repeat;
    content: "";
    height: 28.375rem;
    left: 0;
    position: absolute;
    top: 2.125rem;
    width: 4.3125rem;
  }
  .p-businessSection2__bg {
    background: none;
    padding-bottom: 2.1875rem;
    padding-top: 2.9375rem;
  }
  .p-businessSection2__contents {
    margin-right: 1.25rem;
    width: 68.8%;
  }
  .p-businessSection2__img {
    margin-top: 1.875rem;
  }
  .p-businessSection3::before {
    background: url(../img/business/title_sp3.png) center center/contain no-repeat;
    content: "";
    height: 24.4375rem;
    position: absolute;
    right: 1.25rem;
    top: 2.125rem;
    width: 4.3125rem;
  }
  .p-businessSection3__bg {
    background: none;
    padding-bottom: 1.75rem;
    padding-top: 2.8125rem;
  }
  .p-businessSection3__contents {
    margin-left: 1.25rem;
    width: 68.8%;
  }
  .p-businessSection3__contentsInner {
    margin-left: 0;
  }
  .p-businessSection3__img {
    margin-top: 1.5625rem;
  }
  .p-company {
    margin-top: 0;
    padding-bottom: 2.1875rem;
  }
  .p-company__head {
    display: none;
  }
  .p-company__list {
    margin-top: 0;
    padding-top: 3.75rem;
  }
  .p-company__title,
  .p-company__description {
    font-size: 1rem;
    padding-block: 1.25rem;
  }
  .p-company__title {
    width: 5.375rem;
  }
  .l-contactMv {
    padding-top: 6.5625rem;
  }
  .l-contactMv.--thanks {
    padding-bottom: 0.625rem;
  }
  .c-contactMv__titleSub {
    font-size: 2.625rem;
  }
  .c-contactMv__titleMain {
    font-size: 1.25rem;
    margin-top: -0.3125rem;
  }
  .p-contactMv__box {
    margin-top: 3.4375rem;
    padding-block: 1.5rem 1.25rem;
    padding-inline: 0.625rem;
    width: 20.25rem;
  }
  .p-contactMv__txt.--mt {
    margin-inline: auto;
    margin-top: 3.4375rem;
    width: 84%;
  }
  .p-contactMv__txt.--thanks {
    margin-top: 1.5rem;
  }
  .p-contactMv__tel {
    font-size: 2rem;
  }
  .p-contactForm {
    margin-top: 4.0625rem;
    padding-bottom: 2rem;
  }
  .p-footer::after {
    display: none;
  }
  .p-footer__inner {
    margin-inline: auto;
    max-width: 100%;
    width: 34.375rem;
  }
  .p-footer__flex {
    flex-direction: column;
  }
  .p-footer__info {
    margin-right: 0;
    width: 100%;
  }
  .p-footer__logo {
    margin-inline: auto;
    width: 19.625rem;
  }
  .p-footer__address {
    margin-top: 3.375rem;
  }
  .p-footer__map {
    font-size: 1rem;
    margin-top: 0.625rem;
  }
  .p-footer__contact {
    margin-right: 0;
    margin-top: 3.375rem;
    width: 100%;
  }
  .safari .p-footer__tel,
  .safari .p-footer__fax,
  .firefox .p-footer__tel,
  .firefox .p-footer__fax {
    font-size: 2rem;
  }
  .p-footer__btn {
    margin-top: 1.75rem;
  }
  .p-footer__nav {
    margin-top: 2.5rem;
    width: 100%;
  }
  .p-footer__list {
    display: grid;
    gap: 1rem 0;
    grid-template-columns: repeat(2, 1fr);
  }
  .p-footer__item.--01 {
    order: 0;
  }
  .p-footer__item.--02 {
    order: 2;
  }
  .p-footer__item.--03 {
    order: 4;
  }
  .p-footer__item.--04 {
    order: 1;
  }
  .p-footer__item.--05 {
    order: 3;
  }
  .p-footer__link {
    font-size: 1.25rem;
  }
  .p-footer__link span {
    font-size: 0.875rem;
  }
  .p-footer__bottom {
    border-top: none;
    margin-top: 2rem;
    padding-top: 0;
  }
  .p-footer__bottomFlex {
    flex-direction: column-reverse;
  }
  .p-footer__privacy,
  .p-footer__copy {
    font-size: 0.875rem;
  }
  .p-footer__privacy {
    margin-top: 0.75rem;
    text-align: center;
    text-decoration: underline;
  }
  .p-footer__copy {
    background-color: #2D3D73;
    color: #fff;
    display: block;
    margin-left: calc(50% - 50cqi);
    margin-right: calc(50% - 50cqi);
    padding-block: 0.75rem;
    text-align: center;
    width: 100cqi;
  }
  .p-footer__copy span {
    display: none;
  }
  .p-form__container {
    padding-block: 1rem 2rem;
    width: 89.3333333333%;
  }
  .p-form__container.l-inner {
    padding-inline: 0.625rem;
  }
  .p-form__note {
    font-weight: 300;
  }
  .p-form__form {
    margin-top: 2.5rem;
  }
  .p-form__row {
    flex-direction: column;
    gap: 1.125rem;
  }
  .p-form__label-area {
    width: 100%;
  }
  .p-form__label-area.--border {
    border-bottom: none;
  }
  .p-form__input-area {
    width: 100%;
  }
  .p-form__label {
    font-size: 1rem;
    padding-block: 0;
  }
  .p-form__label::after {
    display: none;
  }
  .p-form__required {
    font-size: 1rem;
  }
  .p-form__input,
  .p-form__select,
  .p-form__textarea {
    font-size: 1rem;
    padding: 0.375rem 0.625rem;
  }
  .p-form__input {
    height: 3.125rem;
  }
  .p-form__textarea {
    min-height: 21.875rem;
  }
  .p-form__checkbox-group {
    flex-direction: column;
    gap: 1.875rem;
  }
  .p-form__submit {
    margin-top: 1.5rem;
  }
  .p-confirm .p-form__container {
    padding-block: 3rem;
  }
  .p-confirm tr:not(:first-child) {
    margin-top: 1.875rem;
  }
  .p-confirm th {
    font-size: 1rem;
  }
  .p-confirm td {
    font-size: 1rem;
  }
  .p-confirm .p-form__submitConfirm {
    margin-top: 3.4375rem;
  }
  .p-header {
    height: 4.875rem;
    width: 100%;
  }
  .p-header__inner {
    padding-inline: 0.625rem;
  }
  .p-header__logo {
    width: 15.3125rem;
  }
  .p-header__wrap {
    display: none;
  }
  .p-header__contact {
    display: none;
  }
  .c-hamburger-outer {
    align-items: center;
    display: block;
    display: flex;
    height: 3rem;
    justify-content: center;
    position: relative;
    width: 3rem;
    z-index: 40;
  }
  .c-hamburger span {
    background-color: #1D1D1D;
    border-radius: 1px;
    display: inline-block;
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: calc((100% - 2px) / 2);
    transition: ease 0.5s all;
    width: 100%;
  }
  .p-spNav {
    background-color: #fff;
    display: block;
    height: 101vh;
    left: 0;
    opacity: 0;
    overflow-y: scroll;
    padding-bottom: 7.5rem;
    position: fixed;
    top: 0;
    transition: ease 0.5s;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    visibility: hidden;
    width: 100%;
    z-index: 10;
  }
  .p-spNav__list {
    margin-top: 7.5rem;
    width: 100%;
  }
  .p-spNav__link {
    display: block;
    font-size: 1.25rem;
    padding: 1.375rem 0;
    position: relative;
  }
  .p-spNav__bottom {
    border-top: 1px solid #1D1D1D;
    margin-top: 1.875rem;
    padding-top: 2rem;
  }
  .p-spNav__map {
    display: block;
    line-height: 1;
    margin-top: 0.9375rem;
    padding-left: 1.875rem;
    position: relative;
  }
  .p-spNav__map::before {
    background: url(../img/common/map.svg) center center/contain no-repeat;
    content: "";
    height: 1.375rem;
    left: 0;
    position: absolute;
    top: calc(0.5lh - 0.6875rem);
    width: 1.375rem;
  }
  .p-spNav__contact {
    display: grid;
    gap: 0.375rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2rem;
  }
  .p-spNav__contactTxt {
    display: block;
    padding-block: 4.375rem 1.875rem;
  }
  .p-spNav__contactTxt span {
    color: #fff;
    display: block;
    font-size: 1.125rem;
    position: relative;
    text-align: center;
  }
  .p-spNav__contactTxt span::before {
    content: "";
    height: 2.1875rem;
    left: 50%;
    position: absolute;
    top: -2.5rem;
    transform: translateX(-50%);
    width: 1.875rem;
  }
  .p-spNav__contactTxt.--mail {
    background-color: #2D7352;
  }
  .p-spNav__contactTxt.--mail span::before {
    background: url(../img/common/mail.svg) center center/contain no-repeat;
  }
  .p-spNav__contactTxt.--tel {
    background-color: #852626;
  }
  .p-spNav__contactTxt.--tel span {
    font-size: 1rem;
  }
  .p-spNav__contactTxt.--tel span::before {
    background: url(../img/common/tel.svg) center center/contain no-repeat;
  }
  .p-spNav__open {
    font-size: 1rem;
    margin-top: 1rem;
    text-align: center;
  }
  .p-media {
    flex-direction: column;
  }
  .p-media__img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .p-media__body {
    margin-top: 1.875rem;
    width: 100%;
  }
  .p-modal__block {
    width: 80%;
  }
  .p-modal__wrap {
    padding: 2.5rem 0 1.875rem;
  }
  .p-pageTop {
    bottom: 1.25rem;
    right: 1.5625rem;
  }
  .p-project {
    padding-block: 2.1875rem 2.8125rem;
  }
  .p-project__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .p-project__container {
    margin-top: 1.875rem;
  }
  .gallery-container {
    gap: 1.25rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .gallery-container .gallery-title {
    min-height: 4.375rem;
  }
  .gallery-container .gallery-title span {
    font-size: 1rem;
  }
  .gallery-container .slide-img img {
    aspect-ratio: 335/200;
  }
  .gallery-container .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
    text-align: center;
  }
  .p-recruitMsg {
    margin-top: 3.5rem;
  }
  .p-recruitMsg__inner {
    padding-right: 20px;
  }
  .p-recruitMsg__container {
    padding-left: 0;
  }
  .p-recruitMsg__media {
    flex-direction: column;
    gap: 0;
  }
  .p-recruitMsg__body {
    display: contents;
  }
  .p-recruitMsg__head {
    order: 0;
  }
  .p-recruitMsg__headSub {
    font-size: 4.25rem;
    order: 0;
    text-align: center;
  }
  .p-recruitMsg__headMain {
    font-size: 1rem;
  }
  .p-recruitMsg__subHead {
    font-size: 1.125rem;
    margin-left: 1.25rem;
    margin-top: 2.5rem;
    order: 2;
    padding-left: 1.5em;
    padding-right: 20px;
  }
  .p-recruitMsg__txt {
    order: 3;
    padding-left: 20px;
  }
  .p-recruitMsg__img {
    margin-top: 0.625rem;
    order: 1;
  }
  .p-recruit {
    margin-top: 3.5rem;
    padding-block: 1.5625rem;
  }
  .p-recruit__container {
    padding-bottom: 1.5625rem;
    padding-inline: 0.625rem;
  }
  .p-recruit__list {
    margin-top: 2.25rem;
  }
  .p-recruit__title,
  .p-recruit__description {
    font-size: 1rem;
    padding-block: 1.25rem;
  }
  .p-recruit__title {
    padding-left: 0.375rem;
    width: 6.5625rem;
  }
  .p-topMv {
    padding-top: 4.875rem;
  }
  .p-topMv__bg {
    background: url(../img/top/mv_bg_sp.png) center center/cover no-repeat;
    padding-block: 2.1875rem 2.8125rem;
    width: 100%;
  }
  .p-topMv__bg::before, .p-topMv__bg::after {
    height: 4.6875rem;
    width: 25.375rem;
  }
  .p-topMv__bg::before {
    bottom: 2.1875rem;
    left: -1rem;
  }
  .p-topMv__bg::after {
    right: -1.25rem;
    top: 0.875rem;
  }
  .p-topMv__head {
    font-size: 1.5rem;
  }
  .p-topMv__head.--top {
    padding-left: 1.25rem;
  }
  .p-topMv__head.--bottom {
    margin-top: 1.875rem;
    padding-right: 0;
    text-align: center;
  }
  .p-topMv__slider {
    margin-top: 1.5rem;
    padding-left: 20px;
    padding-right: 20px;
  }
  .p-topMv__slider .swiper {
    overflow: hidden;
  }
  .p-topMv__slider .swiper-slide {
    transform: scale(1);
  }
  .p-topMv__slider .swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
  .p-topMv__slider .swiper-slide.swiper-slide-next, .p-topMv__slider .swiper-slide.swiper-slide-prev {
    transform: scale(1);
  }
  .p-topMv__img {
    border-radius: 0;
  }
  .p-topAbout {
    margin-top: -1.25rem;
    padding-block: 0 2rem;
  }
  .p-topAbout::after {
    display: none;
  }
  .p-topAbout__inner.l-inner {
    padding-left: 20px;
    padding-right: 0;
  }
  .p-topAbout__flexSp {
    align-items: flex-start;
    display: flex;
    gap: 2rem;
    gap: 9.552238806%;
  }
  .p-topAbout__head {
    padding-top: 4.6875rem;
    width: 48.9552238806%;
  }
  .p-topAbout__img {
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);
    flex: 1;
  }
  .p-topAbout__txt {
    color: #1D1D1D;
    margin-top: 2rem;
  }
  .p-topAbout__txt strong {
    padding-left: 1.5em;
  }
  .p-topBusiness {
    overflow: hidden;
    padding-block: 2.5rem 5rem;
  }
  .p-topBusiness__inner {
    padding-top: 2.5rem;
  }
  .p-topBusiness__inner::before {
    background: url(../img/top/title_sp1.svg) center center/contain no-repeat;
    height: 37.1875rem;
    left: auto;
    right: -1.5rem;
    top: 0;
    width: 15.125rem;
  }
  .p-topBusiness__flex {
    flex-direction: column;
    gap: 0;
  }
  .p-topBusiness__contents {
    display: contents;
    width: 100%;
  }
  .p-topBusiness__head {
    order: 1;
  }
  .p-topBusiness__subHead {
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 1.5rem;
    margin-top: 2.1875rem;
    order: 2;
    padding-left: 1.5625rem;
  }
  .p-topBusiness__txt {
    margin-top: 1.5rem;
    order: 4;
  }
  .p-topBusiness__img {
    margin-top: 1.5rem;
    order: 3;
    width: 100%;
  }
  .p-topRecruit {
    background: url(../img/top/top_sp3.png) center center/cover no-repeat;
    padding-block: 2.5rem 3.75rem;
  }
  .p-topRecruit__subHead {
    background-color: rgba(29, 29, 29, 0.37);
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    font-size: 1.125rem;
    margin-left: calc(50% - 50cqi);
    margin-right: calc(50% - 50cqi);
    padding: 0.9375rem;
    width: 100cqi;
  }
  .p-topRecruit__txt {
    margin-top: 2.5rem;
  }
  .p-topRecruit__btn {
    bottom: 0;
    left: 1.25rem;
    position: absolute;
    transform: translateY(50%);
  }
  .p-topProject {
    padding-block: 5rem 1.875rem;
  }
  .p-topProject::before {
    display: none;
  }
  .p-topProject::after {
    height: 53.6363636364%;
  }
  .p-topProject__head {
    margin-left: 0;
    text-align: left;
  }
  .p-topProject__grid {
    gap: 1rem;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 1.4375rem;
  }
  .p-topProject__txt {
    font-size: 0.9375rem;
  }
  .u-font18 {
    font-size: 1rem;
  }
  .u-font20 {
    font-size: 1rem;
  }
  .u-font22 {
    font-size: 1.125rem;
  }
  .u-font24 {
    font-size: 1.125rem;
  }
  .u-mtSp10 {
    margin-top: 10px !important;
    margin-top: 0.625rem !important;
  }
  .u-mtSp20 {
    margin-top: 20px !important;
    margin-top: 1.25rem !important;
  }
  .u-mtSp30 {
    margin-top: 30px !important;
    margin-top: 1.875rem !important;
  }
  .u-mtSp40 {
    margin-top: 40px !important;
    margin-top: 2.5rem !important;
  }
  .u-mtSp50 {
    margin-top: 50px !important;
    margin-top: 3.125rem !important;
  }
  .u-mtSp60 {
    margin-top: 60px !important;
    margin-top: 3.75rem !important;
  }
  .u-mtSp70 {
    margin-top: 70px !important;
    margin-top: 4.375rem !important;
  }
  .u-mtSp80 {
    margin-top: 80px !important;
    margin-top: 5rem !important;
  }
  .u-mtSp90 {
    margin-top: 90px !important;
    margin-top: 5.625rem !important;
  }
  .u-mtSp100 {
    margin-top: 100px !important;
    margin-top: 6.25rem !important;
  }
  .u-mtSp110 {
    margin-top: 110px !important;
    margin-top: 6.875rem !important;
  }
  .u-mtSp120 {
    margin-top: 120px !important;
    margin-top: 7.5rem !important;
  }
  .u-mtSp130 {
    margin-top: 130px !important;
    margin-top: 8.125rem !important;
  }
  .u-mtSp140 {
    margin-top: 140px !important;
    margin-top: 8.75rem !important;
  }
  .u-mtSp150 {
    margin-top: 150px !important;
    margin-top: 9.375rem !important;
  }
  .u-mtSp160 {
    margin-top: 160px !important;
    margin-top: 10rem !important;
  }
  .u-mtSp170 {
    margin-top: 170px !important;
    margin-top: 10.625rem !important;
  }
  .u-mtSp180 {
    margin-top: 180px !important;
    margin-top: 11.25rem !important;
  }
  .u-mtSp190 {
    margin-top: 190px !important;
    margin-top: 11.875rem !important;
  }
  .u-mtSp200 {
    margin-top: 200px !important;
    margin-top: 12.5rem !important;
  }
  .u-pc {
    display: none;
  }
  .u-sp {
    display: block;
  }
  .u-textMdLeft {
    text-align: Left !important;
  }
  .u-textMdCenter {
    text-align: Center !important;
  }
  .u-textMdRight {
    text-align: Right !important;
  }
  .u-textMdJustify {
    text-align: Justify !important;
  }
}

@media screen and (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media (any-hover: hover) {
  .c-btn:hover {
    background-color: rgba(0, 0, 0, 0.18);
    background-position: center right 0.3125rem;
    transition: 0.5s all;
  }
  .c-btn.--blue:hover {
    background-color: white;
    background-position: center right 0.3125rem;
    transition: 0.5s all;
  }
  .c-btn.--form:hover {
    color: #002191;
  }
  .c-btn.--form:hover span {
    font-weight: 500;
    transition: 0.5s all;
  }
  .c-btn.--bgWhite:hover {
    background-color: #fff;
    background-position: center right 0.3125rem;
    color: #002191;
    transition: 0.5s all;
  }
  .c-imgZoom:hover img {
    transform: scale(1.2);
    transition: transform 0.8s;
  }
  .p-footer__map:hover {
    color: #969494;
    transition: 0.5s color;
  }
  .p-footer__map:hover::after {
    background-color: #969494;
    transition: 0.5s background-color;
  }
  .p-footer__privacy:hover {
    color: #969494;
    transition: 0.5s color;
  }
  .p-confirm input[type=submit]:hover,
  .p-confirm input[type=button]:hover {
    background-position: center right 0.3125rem;
    color: #002191;
    font-weight: 500;
    transition: 0.5s all;
  }
  .p-header__contact:hover {
    background-color: #852626;
    transition: 0.5s background-color;
  }
  .p-pageTop__wrap:hover img:nth-of-type(1) {
    opacity: 0;
    transition: 0.5s opacity;
  }
  .p-pageTop__wrap:hover img:nth-of-type(2) {
    opacity: 1;
    transition: 0.5s opacity;
  }
  .p-project__tabLink:hover {
    background-color: #1D1D1D;
    color: #fff;
    transition: all 0.5s ease;
  }
  .p-project .pagination-btn.prev:hover {
    background-position: center left 0.3125rem;
    transition: 0.5s all;
  }
  .p-project .pagination-btn.next:hover {
    background-position: center right 0.3125rem;
    transition: 0.5s all;
  }
}

@media (max-width: 768px) {
  .contentful-gallery__grid {
    grid-template-columns: 1fr;
  }
  .contentful-gallery__container {
    padding: 10px;
  }
  .contentful-gallery__title {
    font-size: 2rem;
  }
  .controls .btn {
    display: block;
    margin: 10px auto;
    width: 200px;
  }
}

@media screen and (min-width: 768px) {
  .c-hoverRun:hover {
    background-size: 100% 1px;
  }
  .c-hoverUnderline:hover::after {
    opacity: 1;
  }
  .c-hoverUnderline:hover::after {
    opacity: 1;
  }
  .c-underBar:hover:before {
    opacity: 0;
    transition: 0.5s all;
  }
}

@media screen and (min-width: 769px) {
  .c-imgHover:hover img:nth-of-type(1) {
    opacity: 0;
    transition: 0.5s opacity;
  }
  .c-imgHover:hover img:nth-of-type(2) {
    opacity: 1;
    transition: 0.5s opacity;
  }
}

@media screen and (max-width: 1550px) {
  .p-businessSection2__container {
    padding-left: 1.25rem;
  }
  .p-businessSection2__txt {
    width: 28.125rem;
  }
}

@media (max-width: 767px) {
  .p-project__tabs {
    display: none;
  }
  .p-project__select {
    display: block;
  }
}
/*# sourceMappingURL=sourcemaps/style.css.map */