.elementor-195 .elementor-element.elementor-element-f164cbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-195 .elementor-element.elementor-element-f164cbe:not(.elementor-motion-effects-element-type-background), .elementor-195 .elementor-element.elementor-element-f164cbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ygdrasil-recruit.com/wp-content/uploads/2026/02/bg.png");background-repeat:no-repeat;background-size:cover;}.elementor-195 .elementor-element.elementor-element-a5a6b34{--display:flex;}.elementor-195 .elementor-element.elementor-element-a5a6b34:not(.elementor-motion-effects-element-type-background), .elementor-195 .elementor-element.elementor-element-a5a6b34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFC2;}.elementor-195 .elementor-element.elementor-element-a5a6b34.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-195 .elementor-element.elementor-element-f164cbe{--width:100%;}.elementor-195 .elementor-element.elementor-element-a5a6b34{--width:80%;}}/* Start custom CSS for shortcode, class: .elementor-element-4f7056c *//* ================================
   CF7 Recruit (stable / compact)
   Scope: .cf7-recruit
   ================================ */

.wpcf7 .cf7-recruit{
  max-width: 420px;
  margin: 0 auto;
  padding: 8px 14px 20px;
  box-sizing: border-box;
}

/* labels */
.wpcf7 .cf7-recruit .cf7-label{
  display: block;
  font-size: 15px;
  font-weight: 700;
  margin: 12px 0 6px;
  color: #111;
}
.wpcf7 .cf7-recruit .cf7-req{
  color: #e53935;
  margin-left: 4px;
}

/* base input */
.wpcf7 .cf7-recruit .cf7-input{
  width: 100%;
  height: 36px;
  padding: 6px 10px;
  border: 2px solid #9e9e9e;
  border-radius: 10px;
  background: #fff;
  outline: none;
  box-sizing: border-box;
  font-size: 15px;
}
.wpcf7 .cf7-recruit .cf7-input:focus{
  border-color: #7aa7a7;
  box-shadow: 0 0 0 3px rgba(76,201,202,.18);
}

.wpcf7 .cf7-recruit .cf7-input--name{ max-width: 180px; }
.wpcf7 .cf7-recruit .cf7-input--tel{ max-width: 300px; }

/* title */
.wpcf7 .cf7-recruit .cf7-title{
  margin: 18px 0 8px;
  font-size: 16px;
  font-weight: 900;
  color: #111;
}

/* hope rows compact */
.wpcf7 .cf7-recruit .cf7-hope-row{
  margin: 8px 0;
}
.wpcf7 .cf7-recruit .cf7-hope-label{
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 1.2;
}

/* date -> time (stack) */
.wpcf7 .cf7-recruit .cf7-hope-stack{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* date size */
.wpcf7 .cf7-recruit .cf7-date{
  width: 150px;
  max-width: 150px;
}

/* ---- FIX: CF7 wrapper span often becomes block and breaks layout ---- */
.wpcf7 .cf7-recruit .cf7-time-row{
  display: flex;
  align-items: center;
  gap: 6px;
}

/* force CF7 generated wrap to stay inline in flex */
.wpcf7 .cf7-recruit .cf7-time-row .wpcf7-form-control-wrap{
  display: inline-flex;
  align-items: center;
}

/* hour box */
.wpcf7 .cf7-recruit .cf7-hour{
  width: 64px;
  max-width: 64px;
  height: 34px;
  padding: 4px 8px;
  text-align: center;
  box-sizing: border-box;
}

/* suffix inline */
.wpcf7 .cf7-recruit .cf7-suffix{
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #111;
}

/* remove number spinners */
.wpcf7 .cf7-recruit input[type="number"]::-webkit-inner-spin-button,
.wpcf7 .cf7-recruit input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.wpcf7 .cf7-recruit input[type="number"]{
  -moz-appearance: textfield;
}

/* privacy */
.wpcf7 .cf7-recruit .cf7-privacy-label{
  margin: 18px 0 8px;
  font-size: 15px;
  font-weight: 900;
  color: #111;
}
.wpcf7 .cf7-recruit .cf7-privacy-box{
  height: 110px;
  padding: 10px 12px;
  border: 2px solid #9e9e9e;
  border-radius: 10px;
  overflow: auto;
  font-size: 12.5px;
  line-height: 1.6;
  background: #fff;
}

/* consent */
.wpcf7 .cf7-recruit .cf7-consent{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
}

/* submit */
.wpcf7 .cf7-recruit .cf7-submit-wrap{
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.wpcf7 .cf7-recruit .cf7-submit{
  width: 160px;
  height: 58px;
  border: none;
  border-radius: 999px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .10em;
  cursor: pointer;
  background: linear-gradient(90deg, #11b4b8, #43d16a);
  box-shadow: 0 10px 18px rgba(0,0,0,.12);
}

.wpcf7 .cf7-recruit .cf7-hour-wrap{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.wpcf7 .cf7-recruit .cf7-hour-wrap .wpcf7-form-control-wrap{
  display: inline-flex;
  align-items: center;
}
.wpcf7 .cf7-recruit .cf7-suffix{
  display: inline-block;
  white-space: nowrap;
}

/* 第1希望〜第3希望：文字を黒＆少し大きく */
.wpcf7 .cf7-recruit .cf7-hope-label{
  color: #000;        /* 黒 */
  font-size: 15.5px;  /* 少し大きく（元14px想定） */
  font-weight: 700;   /* 見出し感キープ */
}/* End custom CSS */