:root{--blue:#4c78c9;--deep:#3561aa;--navy:#2d568e;--yellow:#ffe178;--orange:#ffaf00;--text:#111;--muted:#667085;--light:#f8fafc;--white:#fff;--line:#dfe4ea;--content:864px;--reading:760px;--shadow:0 14px 36px rgba(19,43,78,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:#fff;font-family:"Yu Gothic","Yu Gothic Medium","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:16px;line-height:1.9;overflow-wrap:anywhere}img{display:block;max-width:100%;height:auto}a{color:inherit}.container{width:min(var(--content),calc(100% - 48px));margin-inline:auto}.section{padding:96px 0}.section--gray{background:var(--light)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.site-header__inner{width:100%;min-height:78px;margin:0; padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-logo{flex:0 0 auto}.site-logo img{width:245px}.site-header__top-link{flex:0 0 auto;margin-left:auto;color:var(--deep);font-weight:700;text-decoration:none;white-space:nowrap}.site-header__top-link:hover{text-decoration:underline}.entry-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;text-decoration:none;transition:.2s}
.hero{min-height:715px;background:url("../images/bg_main_hero.png") center center/cover no-repeat;position:relative;background-color:#dce7ee}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,34,.08) 0%,rgba(8,20,34,.02) 48%,rgba(8,20,34,0) 78%)}.hero__overlay{position:relative;z-index:1;min-height:715px;display:flex;align-items:flex-end;padding:0 0 48px}.hero__content{padding-left:5.5%}.hero__logo{width:326px;max-width:42vw;margin:0 0 20px 14px;padding:0;background:transparent;border-radius:0}.hero__title{width:fit-content;margin:0 0 24px;padding:12px 16px;color:var(--blue);background:#fff;font-size:44px;font-weight:800;line-height:1.42}.hero__text{margin:0;color:#fff;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.section-label{margin:0 0 4px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.2em}.section-title{margin:0 0 42px;font-size:clamp(31px,4vw,44px);line-height:1.3;display:inline;background:linear-gradient(transparent 62%,var(--yellow) 62%)}.section-title--white{color:#fff;background:linear-gradient(transparent 62%,var(--orange) 62%)}.section-catch,.sought-block h3{display:inline-block;margin:32px 0 24px;padding:9px 13px;color:#fff;background:var(--blue);font-size:clamp(20px,2.4vw,27px);line-height:1.55}.split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.55fr);gap:44px;align-items:center}.split__text p:last-child{margin:0}.split__image{display:flex;justify-content:center}.split__image img{width:100%;max-width:210px;border-radius:18px;box-shadow:var(--shadow)}
.sought .section-title{margin-bottom:52px}.sought-block{display:grid;grid-template-columns:minmax(336px,1.08fr) minmax(0,.92fr);gap:55px;align-items:start;margin-top:62px}.sought-block--reverse{grid-template-columns:minmax(0,.92fr) minmax(336px,1.08fr);margin-top:72px}.sought-block--reverse img{order:2}.sought-block img{width:100%;border-radius:18px;box-shadow:var(--shadow)}.sought-block p{margin:0 0 18px}.arrow-note{font-weight:800;color:var(--deep)}
.strength{color:#fff;background:linear-gradient(rgba(45,86,142,.18),rgba(45,86,142,.24)),url("../images/bg_strength.png") center/cover no-repeat}.strength .section-label{color:#edf4ff}.strength .section-title{display:block;width:fit-content;margin:0 auto 42px;text-align:center}.section-lead{width:fit-content;margin:34px auto 24px;padding:8px 14px;color:var(--blue);background:#fff;font-size:clamp(18px,2.1vw,24px);font-weight:800;text-align:center}.point-heading{width:fit-content;margin:0 auto 44px;padding:15px 26px;border:1px solid rgba(255,255,255,.75);font-size:clamp(20px,2.4vw,28px);letter-spacing:.12em}.point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.point-card{position:relative;padding:30px 28px 28px;color:var(--text);background:#fff;border-radius:16px;box-shadow:var(--shadow)}.point-card img{height:150px;margin:0 auto 22px;object-fit:contain}.point-card h3{margin:0 0 20px;color:var(--blue);font-size:23px;line-height:1.45}.point-card p{font-size:14px;line-height:1.8}.note{font-weight:400}.policy-note{width:fit-content;max-width:100%;margin:36px auto 0;padding:13px 18px;background:rgba(64,108,191,.95);text-align:center}
.section--blue{background:linear-gradient(135deg,#3b659d,#5279b4)}.message-box{max-width:900px;margin:45px auto 0;padding:48px 52px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}.message-text p{margin:0 0 26px;font-size:14px;line-height:1.85}.message-text p:last-child{margin-bottom:0}
.interview-card{display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px;margin:48px 0 28px;padding:42px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.interview-card--reverse{margin-top:28px}.interview-photo img{width:100%;border-radius:12px}.interview-card h3{margin:0;color:var(--blue);font-size:30px}.interview-role{display:inline-block;margin:4px 0 24px;padding:5px 10px;color:#fff;background:var(--blue);font-weight:700}.interview-card p{font-size:14px;line-height:1.85}.recommended{margin-top:40px;padding:32px 38px;background:var(--light);border-radius:16px}.recommended h3{margin-top:0;color:var(--blue);font-size:24px}.recommended ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 34px;margin:0;padding:0;list-style:none}.recommended li{padding-left:28px;background:url("../images/icon_checkbox.png") left .45em/18px auto no-repeat}
.requirements-table{margin:45px 0 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.requirements-table>div{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid var(--line)}.requirements-table>div:last-child{border-bottom:0}.requirements-table dt{padding:22px 24px;background:#edf2fb;color:var(--deep);font-weight:800}.requirements-table dd{margin:0;padding:22px 28px}.requirements-table a{color:var(--blue);font-weight:700}
.entry{padding:44px 0;background:#f5f8fd;text-align:center}.entry__inner{max-width:780px}.entry h2{margin:0 0 14px;font-size:clamp(26px,3.5vw,38px)}.entry-button{margin:20px 0;padding:15px 32px;color:#fff;background:var(--blue);box-shadow:0 8px 22px rgba(64,108,191,.26)}.entry-button:hover{background:var(--deep);transform:translateY(-1px)}.entry-contact{margin-top:10px}.entry-contact p{margin:6px 0}.entry-phone,.application-phone{display:flex;align-items:center;text-decoration:none;font-weight:800}.entry-phone{justify-content:center;gap:10px;width:fit-content;margin:6px auto;color:var(--deep);font-size:clamp(21px,3vw,28px)}.entry-phone--main{font-size:clamp(21px,3vw,28px)}.entry-phone img,.application-phone img{width:30px;height:30px;object-fit:contain}.application-phones{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.application-phone{gap:10px;color:var(--blue);font-size:20px}.application-phone img{width:26px;height:26px}
.site-footer{padding:42px 0 48px;background:#fff;border-top:1px solid var(--line);text-align:center}.site-footer img{width:273px;margin:0 auto 18px}.footer-company{margin-top:8px;text-align:center}.site-footer .footer-company p{margin:3px 0;color:var(--text);font-size:14px;line-height:1.65}.site-footer .copyright{margin-top:20px;color:var(--muted);font-size:12px}
@media(max-width:900px){.section{padding:76px 0}.split,.sought-block,.sought-block--reverse{grid-template-columns:1fr;gap:30px}.sought-block--reverse img{order:0}.point-grid{grid-template-columns:1fr}.point-card{display:grid;grid-template-columns:150px 1fr;column-gap:25px}.point-card img{grid-row:1/4}.interview-card{grid-template-columns:200px 1fr;gap:28px}.requirements-table>div{grid-template-columns:155px 1fr}}
@media(max-width:640px){body{font-size:15px}.container{width:min(100% - 32px,var(--content))}.site-header__inner{width:100%;min-height:66px;padding:0 16px;gap:12px}.site-logo img{width:190px}.site-header__top-link{font-size:13px}.hero,.hero__overlay{min-height:580px}.hero{background-position:62% center;background-size:cover}.hero__overlay{padding-bottom:28px}.hero__content{padding-left:4%}.hero__logo{width:231px;margin:0 0 14px 8px;padding:0}.hero__title{font-size:27px}.hero__text{font-size:13px;line-height:1.75}.section{padding:58px 0}.entry{padding:40px 0}.section-title{margin-bottom:30px}.section-catch,.sought-block h3{font-size:20px;margin-top:26px}.split__text br,.sought-block p br{display:none}.split__image img{max-width:230px}.sought-block{margin-top:38px}.sought-block--reverse{margin-top:52px}.point-card{display:block;padding:26px 22px}.point-card img{height:130px}.point-heading{letter-spacing:.04em}.message-box{padding:30px 22px}.interview-card{grid-template-columns:1fr;padding:26px 22px}.interview-photo img{max-width:240px;margin:auto}.recommended{padding:25px 22px}.recommended ul{grid-template-columns:1fr}.requirements-table>div{grid-template-columns:1fr}.requirements-table dt,.requirements-table dd{padding:17px 19px}.application-phones{align-items:flex-start}.site-footer img{width:242px}}

/* Ver.23: 文章と各コンテンツ間の余白を整理 */
body{
  line-height:1.68;
}
.section{
  padding:72px 0;
}
.section-title{
  margin-bottom:32px;
}
.section-catch,
.sought-block h3{
  margin-top:24px;
  margin-bottom:18px;
  line-height:1.42;
}
.sought .section-title{
  margin-bottom:38px;
}
.sought-block{
  margin-top:44px;
}
.sought-block--reverse{
  margin-top:50px;
}
.sought-block p{
  margin-bottom:14px;
  line-height:1.68;
}
.section-lead{
  margin-top:26px;
  margin-bottom:18px;
}
.point-heading{
  margin-bottom:34px;
}
.point-card p,
.message-text p,
.interview-card p{
  line-height:1.68;
}
.message-box{
  margin-top:34px;
  padding-top:40px;
  padding-bottom:40px;
}
.message-text p{
  margin-bottom:20px;
}
.interview-card{
  margin-top:36px;
  margin-bottom:22px;
  padding-top:36px;
  padding-bottom:36px;
}
.interview-card--reverse{
  margin-top:22px;
}
.recommended{
  margin-top:30px;
}
.requirements-table{
  margin-top:34px;
}
.entry{
  padding:36px 0;
}
.site-footer{
  padding-top:34px;
  padding-bottom:38px;
}

@media(max-width:900px){
  .section{padding:60px 0}
}
@media(max-width:640px){
  body{line-height:1.62}
  .section{padding:46px 0}
  .section-title{margin-bottom:24px}
  .sought-block{margin-top:30px}
  .sought-block--reverse{margin-top:38px}
  .entry{padding:32px 0}
}

/* Ver.24: 紹介・求める人材の画像位置と注記文の装飾を調整 */
.split__image img{
  margin-top:18px;
}
.sought-block > img{
  margin-top:18px;
}
.arrow-note{
  color:inherit;
  background:none;
  border:0;
  padding:0;
  font-size:inherit;
  font-weight:400;
  text-decoration:none;
  box-shadow:none;
}

@media(max-width:900px){
  .split__image img,
  .sought-block > img{
    margin-top:12px;
  }
}


/* Ver.25: 元ページに近い、濃く読みやすい本文表示へ調整 */
body{
  font-weight:500;
}
/* 注記・装飾を外した文章は通常の太さを維持 */
.note,
.arrow-note{
  font-weight:400;
}


/* Ver.26: 求める人材の写真と文章の左右配置を入れ替え */
/* 1つ目は文章を左、写真を右に。2つ目は写真を左、文章を右に配置。 */


/* Ver.29: 確定済み内容を再確認して正式版を再構成 */
/* recruit.html のみを使用し、お問い合わせフォームは指定URLへ接続。 */