/* 会社案内 */
.crop{position:relative;overflow:hidden}
.crop img{width:100%;height:100%;object-fit:cover}
.cp-hero{padding:0 20px}
.cp-kicker{font-size:18px;line-height:27px;font-weight:600;margin:19px 0 0}
.cp-hgrid h1{font-size:28px;line-height:48px;font-weight:600;margin:21.5px 0 0;letter-spacing:.01em}
.cp-hgrid h1 span{display:block;color:var(--blue)}
.cp-lead{font-size:15px;line-height:30px;color:var(--gray);margin:23px 0 0}
.cp-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:28.5px 0 0;list-style:none}
.cp-chips a{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 10px 0 10px;background:var(--pale);font-size:12px;font-weight:600;color:var(--blue)}
.cp-chips .d{font-size:18px;font-weight:300}
.cp-chips a:hover{background:#E8F0F7}
.cp-photo{aspect-ratio:352/162;margin:29px -1px 0}
.cp-hero{padding-bottom:54px}
.cp-phil{background:var(--pale);padding:58px 20px 55px}
.cp-phil .eyebrow{margin-bottom:20.5px}
.cp-phil h2{font-size:20px;line-height:39px;font-weight:600;margin:0 0 29.5px}
.cp-phil h2 span{display:block}
.cp-phil h2 .b{color:var(--blue);font-size:24px;line-height:39px}
.cp-cards{display:grid;gap:16px}
.cp-card{background:#fff;padding:198px 24px 27.25px;position:relative}
.cp-card .no{position:absolute;left:24px;top:62px;font:200 34px/1 var(--latin);color:#D9E4ED}
.cp-card .lb{position:absolute;left:24px;top:111.5px;font:600 13px/1 var(--latin);letter-spacing:.06em;color:var(--blue);text-transform:uppercase;margin:0}
.cp-card img{position:absolute;right:16px;top:28px;width:168px;height:168px}
.cp-card h3{font-size:22px;line-height:33px;font-weight:600;margin:0}
.cp-card h3 span{display:block}
.cp-card h3 .b{color:var(--blue)}
.cp-card .tx{font-size:15px;line-height:29.5px;color:var(--gray);margin:16.25px 0 0;padding-right:16px}
.cp-reuse{padding:55px 20px 0}
.cp-reuse .photo{aspect-ratio:352/228;margin:0 -1px}
.cp-reuse .eyebrow{margin:29.5px 0 17.5px}
.cp-reuse h2{font-size:26px;line-height:42px;font-weight:600;margin:0}
.cp-reuse .tx{font-size:15px;line-height:29.5px;color:var(--gray);margin:18.3px 0 0}
.cp-btn{border-radius:999px;height:58px;padding:0 10px 0 25px;font-size:15px;margin-top:24px}
.cp-btn .circ{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center}
.cp-btn .circ .arw{width:20px}
.cp-prof{padding:113px 20px 0}
.cp-prof .eyebrow{margin-bottom:20px}
.cp-prof h2{font-size:26px;line-height:38px;font-weight:600;margin:0 0 19px}
.cp-prof .tx{font-size:15px;line-height:29.5px;color:var(--gray);margin:0}
.cp-dl{margin:6.5px 0 0}
.cp-dl>div{padding:22px 0 22px;border-bottom:1px solid var(--line)}
.cp-dl>div:last-child{border-bottom:0}
.cp-dl dt{font-size:13px;font-weight:600;line-height:24px;color:var(--ink)}
.cp-dl dd{font-size:16px;line-height:30px;color:var(--gray);margin:12px 0 0}
.cp-dl .ph{font:600 26px/43px var(--latin);color:var(--blue)}
.cp-access{background:var(--pale);padding:57px 20px 55px;margin-top:51px}
.cp-access .eyebrow{margin-bottom:21px}
.cp-access h2{font-size:26px;line-height:38px;font-weight:600;margin:0}
.cp-access .co{font-size:20px;line-height:30px;font-weight:600;margin:27.5px 0 0}
.cp-access .ad{font-size:17px;line-height:30.5px;color:var(--gray);margin:15.5px 0 0}
@media(min-width:1024px){
  .cp-hero{padding:0 var(--pad) 0}
  .cp-kicker{font-size:28px;line-height:42px;margin-top:49px}
  .cp-hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);column-gap:clamp(40px,8vw,120px);align-items:start}
  .cp-hgrid h1{font-size:clamp(38px,3.75vw,54px);line-height:1.48;margin-top:19px}
  .cp-lead{font-size:20px;line-height:35px;margin-top:25.5px;color:var(--gray)}
  .cp-chips{grid-template-columns:repeat(3,210px);gap:20px;margin-top:46px;justify-content:start}
  .cp-chips a{height:62px;padding:0 20px;font-size:16px}
  .cp-photo{aspect-ratio:auto;height:592px;margin:70px 0 0}
  .cp-hero{padding-bottom:88px}
  .cp-phil{padding:80px var(--pad) 80px}
  .cp-phil .eyebrow{margin-bottom:30px}
  .cp-phil h2{font-size:clamp(28px,2.78vw,40px);line-height:1.6;margin-bottom:79px}
  .cp-phil h2 span:first-child{line-height:1.6}
  .cp-phil h2 .b{font-size:clamp(34px,3.33vw,48px);line-height:1.54}
  .cp-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.78vw,40px)}
  .cp-card{padding:28px 32px 0;height:450px}
  .cp-card .no{display:block;position:static;font-size:42px;line-height:1}
  .cp-card .lb{position:static;margin-top:12.5px}
  .cp-card img{right:30px;top:18px;width:160px;height:160px}
  .cp-card h3{font-size:26px;line-height:43px;margin-top:74.5px;font-weight:600}
  .cp-card h3 .b{font-size:28px}
  .cp-card .tx{font-size:18px;line-height:30px;margin-top:23px;padding-right:0}
  .cp-btn .circ{width:auto;height:auto;border-radius:0;background:none;color:#fff;display:block}
  .cp-btn .circ .arw{width:24px}
  .cp-reuse{display:grid;grid-template-columns:480px minmax(0,1fr);column-gap:80px;padding:70px var(--pad) 0;align-items:start}
  .cp-reuse .photo{aspect-ratio:auto;height:310px;margin:0}
  .cp-reuse .eyebrow{margin:0 0 30px}
  .cp-reuse h2{font-size:32px;line-height:48px;font-weight:600}
  .cp-reuse .tx{font-size:18px;line-height:32px;margin-top:22px}
  .cp-btn{border-radius:0;width:min(480px,100%);height:62px;margin-top:38px;font-size:17px;padding:0 24px}
  .cp-prof{display:grid;grid-template-columns:minmax(0,392px) minmax(0,1fr);column-gap:clamp(40px,8vw,80px);padding:190px var(--pad) 0;align-items:start}
  .cp-prof .eyebrow{margin-bottom:39.5px}
  .cp-prof h2{font-size:38px;line-height:54px;margin-bottom:37px}
  .cp-prof .tx{font-size:18px;line-height:32px}
  .cp-dl{margin:0;padding-left:0;margin-left:0}
  .cp-dl>div{display:grid;grid-template-columns:208px 1fr;padding:20.5px 0 31.5px;min-height:90px}
  .cp-dl dt{font-size:16px;line-height:24px}
  .cp-dl dd{font-size:19px;line-height:34px;margin:0}
  .cp-dl .ph{font-size:27px;line-height:34px}
  .cp-access{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);padding:70px var(--pad) 78px;margin-top:147px;align-items:start}
  .cp-access .eyebrow{margin-bottom:34px}
  .cp-access h2{font-size:36px;line-height:54px}
  .cp-access .co{font-size:23px;line-height:34px;margin:-11.5px 0 0}
  .cp-access .ad{font-size:19px;line-height:34px;margin-top:22px}
  .cp-access .r .cp-btn{width:min(400px,100%);margin-top:38px}
}