#wpadminbar {
  display: none !important;
}

html {
  margin-top: 0 !important;
}

body {
  background-color: #f2f2f2;
}

@media screen and (max-width: 767px), (orientation: portrait) {
  body {
    background-color: #f5f5f5;
  }
}
.contentArea {
  padding-bottom: 0 !important;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 8px 8px;
  border: 2px solid #5fc3e2;
  margin-top: 12px;
  font-size: 14px;
  background-color: #92e5ff;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #82df8a;
  background-color: #c0e7c3;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #f7aaaa;
  background-color: #f5c8c8;
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28; /* Orange */
  background-color: #e8bda7;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900; /* Yellow */
  background-color: #ffe499;
}

p:has(.wpcf7-submit) {
  margin: 0 !important;
  height: 0 !important;
  display: block !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.wpcf7-spinner {
  display: none;
}

.all {
  position: relative;
}
.all .form {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  .all {
    width: 74%;
  }
}
@media screen and (max-width: 767px), (orientation: portrait) {
  .all {
    width: 100%;
    display: block;
  }
}
.form {
  z-index: 100;
  background-color: #fff;
}
.form .formInner .list {
  width: 100%;
  margin-bottom: 20px;
}
.form .formInner .list .text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}
.form .formInner .list .text .hissu {
  background: #004d80;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.05em;
  padding: 0px 2px 1px;
  line-height: 1em;
}
.form .formInner .list .text p {
  font-size: 18px;
  line-height: 1.4em;
}
.form .formInner .list input[type=text],
.form .formInner .list input[type=email],
.form .formInner .list input[type=tel] {
  width: 100%;
  border: 1px solid #cdcdcd;
  padding: 8px 10px;
  border-radius: 2px;
  font-size: 16px;
}
.form .formInner .list input::-moz-placeholder {
  color: #cdcdcd;
}
.form .formInner .list input::placeholder {
  color: #cdcdcd;
}
.form .formInner .list input[type=text]::-webkit-input-placeholder {
  color: #cdcdcd;
}
.form .formInner .list .wpcf7-not-valid-tip {
  color: #ff7676;
  font-size: 13px;
  font-weight: normal;
  display: block;
  margin-top: 3px;
}
.form .formInner input[type=submit] {
  margin-top: 40px;
  display: block;
  background-color: #004d80;
  color: #fff;
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}
.form .formInner input[type=submit]:hover {
  background-color: #001a3e;
  transition: 0.3s;
}

@media print, screen and (min-width: 768px) {
  .form {
    top: 0;
    right: 0;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26%;
    min-height: 100svh;
    height: 100vh;
  }
  .form .formInner {
    width: 100%;
    padding: 0 12%;
  }
  .form .formInner > img {
    margin-bottom: 6%;
  }
  .form .formInner .list {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px), (orientation: portrait) {
  .form {
    position: relative;
    width: 100%;
  }
  .form .formInner {
    max-width: 410px;
    padding: 48px 0;
    width: 76%;
    margin: auto;
  }
  .form .formInner > img {
    width: 100%;
    margin-bottom: 52px;
  }
}
.secMv {
  width: 100%;
  min-height: 100svh;
  height: 100svh;
  display: grid;
  grid-template-rows: 1fr 140px;
}
.secMv .swiper {
  width: 100%;
  height: 100%;
}
.secMv .swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.secMv .loopWrap {
  overflow: hidden;
  width: 100%;
}
.secMv .loopWrap .loop {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: marquee 40s linear infinite;
  will-change: transform;
}
.secMv .loopWrap .loop img {
  width: 1128px;
  flex-shrink: 0;
}
.secMv .secMvInner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media print, screen and (min-width: 768px) {
  .secMv .secMvInner picture {
    max-width: 76%;
  }
  .secMv .secMvInner picture img {
    width: 100%;
  }
}
@media screen and (max-width: 767px), (orientation: portrait) {
  .secMv {
    grid-template-rows: 1fr 126px;
  }
  .secMv .secMvInner {
    height: calc(100svh - 126px);
  }
  .secMv .secMvInner picture {
    aspect-ratio: 30/49;
    aspect-ratio: 11/17;
    width: auto;
    height: 88%;
    max-height: 540px;
  }
}
.secAbout .wrap {
  margin: auto;
  display: block;
  width: 100%;
}
.secAbout .wrap picture {
  margin: auto;
  display: block;
}
.secAbout .wrap picture img {
  width: 100%;
  display: block;
}
.secAbout .wrap .img {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .secAbout .wrap {
    padding: 110px 0 180px;
  }
  .secAbout .wrap picture {
    max-width: 76%;
  }
  .secAbout .wrap .img {
    margin-top: 88px;
  }
}
@media screen and (max-width: 767px), (orientation: portrait) {
  .secAbout .wrap {
    padding: 70px 0 50px;
  }
  .secAbout .wrap picture {
    max-width: 410px;
    width: 88%;
  }
  .secAbout .wrap .img {
    max-width: 410px;
    margin-top: 60px;
  }
}
.secWorks .wrap {
  margin: auto;
  display: block;
  width: 100%;
}
.secWorks .wrap picture {
  margin: auto;
  display: block;
}
.secWorks .wrap picture img {
  width: 100%;
  display: block;
}
.secWorks .wrap .ttlWrap {
  margin: auto;
}
.secWorks .wrap .ttlWrap .ttlImg {
  margin: 0;
}
.secWorks .wrap .img {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .secWorks .wrap {
    padding: 0px 0 110px;
  }
  .secWorks .wrap picture {
    max-width: 76%;
  }
  .secWorks .wrap .ttlWrap {
    width: 76%;
  }
  .secWorks .wrap .ttlWrap img {
    width: 205px;
  }
  .secWorks .wrap .img {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px), (orientation: portrait) {
  .secWorks .wrap {
    padding: 0px;
  }
  .secWorks .wrap .ttlWrap {
    max-width: 410px;
    width: 88%;
  }
  .secWorks .wrap .ttlWrap .ttlImg {
    width: 119px;
  }
  .secWorks .wrap .img {
    margin-top: 32px;
    max-width: 410px;
  }
}/*# sourceMappingURL=style.css.map */