body .siteTitle__logo {
    width: auto;
    height: 40px;
    vertical-align: bottom;
}

@media only screen and (min-width: 768px) {
    .siteTitle__logo {
    height: 30px;
    }
}

/* ===== Inject KV - Base ===== */
:root{
  --kv-max-pc-h: 1000px;  /* PC最大高さ */
}

.kv-inject{
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000;
}

/* PC：ほぼ全画面（最大1000px） */
.kv-video--pc{
  display: block;
  width: 100%;
  max-height: 570px;
}

/* SP：縦95%の全画面感 */
.kv-video--sp{
  display: none;          /* 初期は非表示（ブレイクポイントで切替） */
  width: 100%;
  height: calc(100vh - 150px);
  /* object-fit: cover; */
}

/* オーバーレイ（任意） */
.kv-overlay{
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: grid;
  place-items: center;
  padding: 24px;
}
.kv-title{
  color: #fff;
  font-size: clamp(24px, 3.2vw, 48px);
  letter-spacing: .02em;
  line-height: 1.2;
  text-shadow: 0 6px 24px rgba(0,0,0,.45);
  pointer-events: auto;
}
.kv-cta{
  margin-top: 16px;
  display: inline-block;
  padding: 12px 20px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  color: #fff;
  backdrop-filter: blur(6px);
  text-decoration: none;
  font-weight: 700;
  pointer-events: auto;
}

/* ノースクリプトのフォールバック */
.kv-noscript img{
  display: block;
  width: 100%;
  height: auto;
}

/* ===== Breakpoints ===== */
/* スマホ優先：縦動画を使う。横動画は隠す */
@media (max-width: 767px){
  .kv-video--pc{ display: none; }
  .kv-video--sp{ display: block; }
  .kv-overlay{ padding: 16px; }
}

/* タブレット横～PC：横動画を使う。縦動画は隠す */
@media (min-width: 768px){
  .kv-video--pc{ display: block; }
  .kv-video--sp{ display: none; }
}

/* ヘッダー被りの調整が必要なら（固定ヘッダー分を差し引く例） */
/*
.site-has-fixed-header .kv-video--pc{
  height: calc(min(100vh, var(--kv-max-pc-h)) - var(--header-h, 64px));
}
.site-has-fixed-header .kv-video--sp{
  height: calc(95vh - var(--header-h, 64px));
}
*/


@media screen and (max-width:767px) {
.sp_none {
display:none!important;
	}
}

@media screen and (min-width:768px){
.pc_none {
display:none!important;
	}
}

.siteTitle__logo {
height: 50px;
}
	@media screen and (max-width:767px) {
		.siteTitle {
	text-align: center;
	max-width: 100%;
		}
	}

@media screen and (max-width:480px) {
.siteTitle__logo {
height:60px;
}
}
.still{
	height: 56.51vw;
}
.still__bg, .still__box, .still__img {
	height: 56.51vw;
}
.heading img {
	position: relative;
	bottom: -30px;
}
@media only screen and (min-width: 768px){
	.still {
	height: 56.51vw;
	}
	.still__bg, .still__box, .still__img {
	height: 56.51vw;
	}
	.heading img {
		position: relative;
		bottom: -50px;
	}
}

.still__box {
		display: flex;
    justify-content: center;
	align-items: end!important;
	text-align: left!important;
}

.dividerBottom,
.l-wrapper,
.l-main,
.postCta {
	margin: 0 auto!important;
}

.wide-section {
	margin-top:0!important;
}


.wide-section {
	margin:0 calc(50% - 50vw);
	width:unset;
	max-width:unset;
}

.sub-h2 {
	color: #fff!important;
	text-align: center;
	font-size: 50px!important;
	border-top: 2px solid;
	border-bottom: 2px solid;
	width: 400px;
	margin: 0 auto;
  line-height: 1.5;
}

.sub-h1 {
	color: #fff;
	text-align: center;
	margin-top: 15px;
}


h1.heading-primary {
	display:none;
}

.chip {
    background: #000;
    padding: 5px 10px;
    display: inline-flex;
    margin: 10px;
    border-radius: 20px;
    color:#fff;
}

@media screen and (max-width:767px) {
.chip {

    margin: 4px 10px;

}

}



.sub-chip {
    background: #dcdfff;
    padding: 5px 10px;
    display: inline-flex;
    margin: 10px;
    border: 1px solid #3b01f9;
    border-radius: 20px;
    font-size:1.1rem;
}

.section-cta1 {
	padding: 0;
	margin-top: -40px!important;
	height:48px;
	background-image: url('https://inject.co.jp/wp-content/uploads/2023/09/bg-nami.png');
}

.section-cta2 {
	padding: 3em 0 3em;
	background-color: #f96f23;
	margin-top:0!important;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-image: url('https://inject.co.jp/wp-content/uploads/2023/09/bg-cta.png');
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.section-cta2 .cta-ceo {
	color: #FEEEDC;

}

.section-cta2 .cta-copy {
	color: #FEEEDC;
	font-size:23px;
	display:block;
	text-align:center;
	margin: 0 auto;
	font-style: italic;
	border-bottom: 1px dashed;
	max-width:650px;
}

.section-cta2 .cta-h2 {
	color: #FEEEDC;
	font-size:40px;
	text-align:center;
	margin-top: 20px;
}

.section-cta3 h2 {
	padding-top: 50px;
	border-bottom: 1px solid;
	width: 160px;
	text-align: center;
	margin:0 auto 50px;
}

.nomal-h2 {
	padding-top: 50px;
	border-bottom: 1px solid;
	width: 110px;
	text-align: center;
	margin:0 auto;
	font-size: 17px!important;
}

.sec-message div {
	padding-bottom:10px
}

.sec-message h2 {
	margin-top: -15px;
	padding-left: 20px;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.sec-message p {
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-shadow: 0 0  8px #fff;
}

.sec-message .btn {
	padding-right: 50px;
}

.point-h2 {
	margin: 0 auto!important;
	padding: 0!important;
}

.point-3 {
	margin-top: 0px!important;
    border: 2px solid #f98901;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #e1c397;
}

.point-3 h4,
.point-3 h5,
.point-3 p {
	margin:0;
	text-align: center;
}

.point-3 span {
    color:#f98901;
}

.point-3 img {
	display: block;
	padding-top: 20px;
	margin: 0 auto!important;
}

.point-icon {
	width: 50px;
	height: 50px;
}

@media screen and (max-width:480px) {
.point-3 {
	padding-bottom:30px;
    margin-bottom:2em;
}
}

.nomal-h3 {
	text-align: center;
}

.info-img {
	display: block;
	margin: 0 auto;
}

dt span {
	padding-right: 10px;
}

dd {
	background: #fff;
}

.wrap .column__item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-flow: column;
	min-height:490px;
}

.between .column__item {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.bottomFooter {
	padding: 20px 0;
}


@media screen and (min-width:768px){
	.t-a-r-pc {
		text-align: right;
	}
	.p-l-50-pc {
		padding-left: 50px;
	}
}

.t-a-c {
	text-align: center;
}

.steps h3,
.steps h2,
.steps p {
	color:#fff!important;
	margin:0!important;
	font-family: 'Hiragino Mincho ProN、ヒラギノ明朝 ProN　Hiragino Mincho Pro、ヒラギノ明朝 Pro';
}

.steps div:nth-child(1) {
		padding: 30px;
}
@media screen and (max-width:480px) {
.steps div:nth-child(1) {
		padding: 30px 30px 0;
}

.steps img {
  max-width: 200px!important;
}

}


.steps {
	background:#faba00;
}

.contact-wrap {
	background:#F0F0F0;
	max-width: 100%;
	margin: 0 auto;
}

.form_field {
	line-height: 30px;
	padding-left: 10px;
}

.form_field_menu {
	height: 40px;
}

@media screen and (min-width:768px){
	.form_field_area {
		resize: vertical;
		width: 450px;
		height: 200px;
	}
	.t-a-c-pc {
		text-align: center;
	}
}

.image_link{
  display:block;
}
.image_link img{
  transition:0.3s;
  display:block;
}
.image_link:hover img{
  opacity:0.8;
}


.cf7-req{
font-size:.8em;
padding: 0 6px;
background: #eb2a2a;
color: #ffffff;
margin-left: 10px;
margin-bottom: 10px;
display:inline-block;
}

.cf7-nin{
font-size:.8em;
padding: 0 6px;
background: #4caf50;
color: #ffffff;
margin-left: 10px;
margin-bottom: 10px;
display:inline-block;
}


.wpcf7-form-control {
	width: 90%!important;
}


@media screen and (max-width:767px) {
	.sub-h2 {
		width:90%;
		font-size: 30px!important;
	}
	.cta-copy {
		font-size:15px!important;
		border:none!important;
	}
	.cta-h2 {
		font-size: 15px!important;
	}
}


/* ===== Chip Marquee ===== */


.chip-marq{
  --gap: 12px;
  --pad-x: 12px;
  --speed: 36s; /* data-speedで上書き可 */
  position: relative;
  width: 100%;
  overflow: hidden;
  background: transparent;
    margin-top:0!important;
}

.chip-marq[data-speed]{
  --speed: attr(data-speed);
}

/* 方向切り替え */
.chip-marq[data-direction="left"]  .chip-track{ animation-name: chip-marq-left; }
.chip-marq[data-direction="right"] .chip-track{ animation-name: chip-marq-right; }

.chip-track{
  display: flex;
  width: max-content;
  animation-duration: var(--speed);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.chip-group{
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  padding-inline: var(--pad-x);
}

.sub-chips{
  display: inline-flex;
  flex-wrap: nowrap;
  gap: var(--gap);
  margin-top:0!important;
}

.sub-chip{
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #f3f5f7;
  color: #2b2f33;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid #e5e9ef;
}

.sub-chip :first-child{
margin-top: 10px;
}

/* アニメーション */
@keyframes chip-marq-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }   /* 2グループ並べているので-50%で継ぎ目ゼロ */
}
@keyframes chip-marq-right {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

/* スマホ微調整 */
@media (max-width: 767px){
  .sub-chip{ height: 32px; font-size: 13px; }
  .chip-marq{ --gap: 10px; --pad-x: 10px; }
}

/* 動きが苦手な方の設定に配慮（速度を遅く） */
@media (prefers-reduced-motion: reduce){
  .chip-track{ animation-duration: calc(var(--speed) * 2); }
}

body .pager {
    margin:0!important;
}

.sec-message .container {
    background-image: url('https://inject.co.jp/wp-content/uploads/2023/09/bg-message.png');
    background-size: auto;
}

@media screen and (max-width:480px) {
.sec-message .container {
    background: #eaeaea;
    background-image: none;
    padding:20px;
}

.sec-message h2 {
    padding:0;
}

}


/* 基本のフェードアップ */
.js-fade{
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity .8s ease,
    transform .8s ease;
  transition-delay: var(--delay, 0s); /* 任意の遅延: style="--delay:.2s" など */
  will-change: opacity, transform;
}
.js-fade.is-inview{
  opacity: 1;
  transform: none;
}

/* バリエーション（必要なものだけ使ってOK） */
.js-fade.fade-left   { transform: translateX(-16px); }
.js-fade.fade-right  { transform: translateX(16px);  }
.js-fade.fade-zoom   { transform: scale(.96);        }

/* 子要素を段階表示（親に .js-stagger、子に .stagger-item） */
.js-stagger .stagger-item{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
  transition-delay: calc(var(--stagger, .06s) * var(--i, 0));
}
.js-stagger.is-inview .stagger-item{
  opacity: 1;
  transform: none;
}

/* 苦手な方の設定を尊重 */
@media (prefers-reduced-motion: reduce){
  .js-fade,
  .js-stagger .stagger-item{
    transition-duration: .001s; /* ほぼ無効化 */
    transform: none;
  }
}

.wh-bg {
    background-image: url('https://inject.co.jp/wp-content/uploads/2025/10/wh_bg.jpg');
    background-size: cover;
}

.wh-bg2 {
    background-image: url('https://inject.co.jp/wp-content/uploads/2025/10/wh_bg3.jpg');
    background-size: cover;
}

.wh-bg3 {
    background-image: url('https://inject.co.jp/wp-content/uploads/2025/10/wh_bg2.jpg');
    background-size: cover;
}

.service-container {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.sec-welfare .column__item {
    background:#fff;
    padding:20px;
    border-radius: 10px;
}

.sec-welfare .column__item img {
    margin-top:-4em;
}

@media screen and (max-width:480px) {
  .sec-welfare .column__item {
    margin-bottom: 5em;
    text-align: center;
}
  .sec-welfare .column__item img {
    max-width: 160px;
    display: block;
    margin: -4em auto 0em;
  }
  .sec-welfare .column__item:last-child {
    margin-bottom: 0em;
}
}

.sec-welfare .column__item span {
      font-weight: bold;
    text-align: center;
    display: block;
    border-bottom: 3px solid #f98901;
    width: fit-content;
    margin: 0 auto 1.3em;
}

.content .balloon {
  margin-top: 3rem;
}

.sec-wanted-list img {
    box-shadow: -40px 40px 0 #f98901;
    width: 80%;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width:480px) {
.sec-wanted-list img {
    box-shadow: -20px 20px 0 #f98901;
    width: 80%;
}
}

h3.sec_message_ttl {
    color: #f98901!important;
    font-size: 5em;
    font-style: italic;
}

p.sec_message_text {
      font-weight: bold;
    margin-top: 0;
    font-size: 1.4em;
    line-height: 1.5em;
}

@media screen and (max-width:480px) {
p.sec_message_text {
      text-align: right;
}
}

.sec-wanted-list .txt_kind {
      color: #f98901;
    font-weight: bold;
}

.sec-wanted-list .txt_description {
    font-size: 2em;
    margin-top: 0;
    font-weight: bold;
}

.recruit_catch {
      text-align: center;
    font-size: 4em;
    line-height: 1.3em;
    font-family: serif;
    margin: 1em 0 0.5em!important;
}

@media screen and (max-width:480px) {
.recruit_catch {
    font-size: 8vw;
    margin: 2em 0 0.5em!important;
}
}

.black-box {
      background: #000;
    color: #fff;
    padding: 20px;
    width: fit-content;
    font-size: 1.5em;
}

@media screen and (max-width:480px) {
.black-box {
    display: block;
    margin: 0 auto;
    font-size: 1.3em;
}
}

.sec-work-step img {
  max-width: 80%!important;
  display: block;
  margin: 0 auto;
}

.work-steps {
      background: #eee;
    padding: 20px;
}

.work-steps span {
      color: #f77f22;
    font-size: 1.4em;
    display: block;
    border-left: 5px solid #f77f22;
    padding-left: 10px;
    line-height: 25px;
    margin-bottom: 0.5em;
}



@media screen and (max-width:480px) {
.sec-miryoku img {
  max-width: 70%!important;
  display: block;
  margin: 0 auto;
}
}

    @media (max-width: 768px) {
.postCta .image_link img {
width:100%;
}
}