@charset "UTF-8";
/*ヘッダー*/
.g-header .g-header__resv{background-color: #334fe2;}
.g-header .g-header__nav-btn{background-color: #f18c00;}
.g-header .g-header__nav{background-color: #f18c00;}
.c-visual-sub{margin-top: 200px;}
.c-visual-sub .c-visual-sub__inner{height: 250px;}
.g-nav .g-nav__list .nav-link:before{background: linear-gradient(#334fe2, #334fe2) right bottom / 0 1px no-repeat;}
.g-nav .g-nav__list .nav-link:hover{color: #334fe2;}
.g-nav .lower .js-close__btn{background-color: #f18c00;}
.c-visual-sub .c-visual-sub__ttl:before{color: #334fe2;}
/*トップコンテンツ*/
.c-label{background-color: #334fe2;}
.c-after__ac{background-color: #3162ae;}
.c-section:nth-child(odd){background-color: #070302;}
/*フッター*/
.g-pagetop a{background: #334fe2;}
.g-fixarea .contact--1{background-color: #334fe2;}
.g-fixarea .g-fixarea-footer .g-fixarea-footer__item{background-color: #334fe2;}
.p-common-cta{background-color: #fff !important;}
/*共通*/

.post-content h2{background-color: #334fe2;}
.u-font-sc{color: #334fe2;}
.u-font-kc{color: #334fe2;}
.u-font-ac{color: #334fe2;}
.c-headline-leftbig .c-headline-leftbig__sttl{color: #334fe2;}
.p-common-news .p-common-news__ttl:before{color: #334fe2;}
.g-header .g-header__nav-btn{background-color: #080402;}
.g-header .g-header__nav{background-color: #080402;}
/*仕事内容*/
.p-common-service article:nth-child(1){margin-top: 0px;}
.p-common-service article:nth-child(2){margin-top: 0px;}
.p-common-service article:nth-child(3){margin-top: 0px;}
.work-card {
  perspective: 1000px;
}

.work-card__inner {
  position: relative;
  min-height: 360px;
  border-radius: 12px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform-style: preserve-3d;
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.work-card__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #3162ae4f;
  z-index: 1;
}

.work-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  padding: 20px;
}

.work-card__en {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.2;
}

.work-card__ja {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .work-card__inner {
    min-height: 280px;
  }

  .work-card__en {
    font-size: 1.5rem;
  }

  .work-card__ja {
    font-size: 1rem;
  }
}
/* レスポンシブビデオスタイル */
#video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9のアスペクト比を維持 */
}

#video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}