/* 作業事例 */
.crop{position:relative;overflow:hidden}
.crop img{width:100%;height:100%;object-fit:cover;object-position:100% 90%;transform:scale(1.2);transform-origin:100% 90%}
.cs-hero{padding:0 20px 0}
.cs-kicker{font-size:18px;line-height:27px;font-weight:600;color:var(--gray);margin:24px 0 0}
.cs-hero h1{font-size:32px;line-height:50px;font-weight:600;color:var(--blue);margin:24px 0 0}
.cs-hero h1 span{display:block}
.cs-lead{font-size:14px;line-height:27px;color:var(--gray);margin:23px 0 0}
.cs-fig{margin:27px 0 0}
.cs-photo{aspect-ratio:352/222;margin:0 -1px}
.cs-fig figcaption{font-size:12px;line-height:20px;color:var(--gray);margin-top:6.5px}
.cs-photo img.v2{transform:none;object-position:50% 33%}
.cs-photo.v2{aspect-ratio:3/2}
@media(min-width:1024px){.cs-photo.v2{aspect-ratio:auto;height:400px}}
.cs-cat{margin:31.5px 20px 0;border-top:1px solid #DCE7F1;padding:25px 0 37px}
.cs-cat .eyebrow{margin:0 0 21px;height:13px;line-height:13px}
.cs-cat .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.cs-cat button{height:46px;border:0;background:var(--pale);color:var(--blue);font:600 14px var(--sans);cursor:pointer}
.cs-cat button[aria-pressed="true"]{background:var(--blue);color:#fff}
.cs-cat button:hover:not([aria-pressed="true"]){background:#E8F0F7}
.cs-list{background:var(--pale);padding:43px 20px 42px}
.cs-list .hd .eyebrow{margin:0 0 20.5px;height:13px;line-height:13px}
.cs-list h2{font-size:26px;line-height:38px;font-weight:600;margin:0}
.cs-list .count{font-size:14px;line-height:24px;color:var(--gray);text-align:right;margin:13px 0 0}
.cs-grid{display:grid;gap:25px;margin-top:19.5px}
.cs-card{background:#fff;padding:25px 24px 24px}
.cs-card .top{display:flex;justify-content:space-between;align-items:center;height:32px}
.cs-card .tag{background:var(--pale);color:var(--blue);font-size:13px;font-weight:600;padding:0 14px;height:32px;line-height:32px}
.cs-card .no{font:200 34px/1 var(--latin);color:#D9E4ED}
.cs-card .place{font-size:14px;line-height:24px;color:var(--gray);margin:16px 0 0}
.cs-card h3{font-size:24px;line-height:36px;font-weight:600;margin:14px 0 0}
.cs-card h3 span{display:block}
.cs-card .stat{display:grid;grid-template-columns:1fr 1fr;background:var(--pale);margin-top:26px;height:105px}
.cs-card .stat>div{padding:19px 0 0 24px}
.cs-card .stat>div+div{border-left:1px solid #D3E1EC;margin:24px 0;padding:0 0 0 20px;height:57px}
.cs-card .stat .k{font-size:12px;line-height:13px;color:var(--gray);margin:0}
.cs-card .stat .v{font-size:24px;line-height:32px;font-weight:600;color:var(--blue);margin:13px 0 0}
.cs-card .desc{font-size:14px;line-height:27px;color:var(--gray);margin:23.5px 0 0}
.cs-card .price{display:grid;grid-template-columns:auto 1fr;align-items:start;border-top:1px solid var(--line);margin-top:24.5px;padding-top:27.5px}
.cs-card .price .k{font-size:13px;font-weight:600;line-height:44px;margin:0}
.cs-card .price .amt{text-align:right}
.cs-card .price .v{font:600 32px/44px var(--sans);color:var(--blue);margin:0;letter-spacing:.01em}
.cs-card .price .s{font-size:11px;line-height:20px;color:var(--gray);margin:5.5px 0 0}
.cs-card .lk{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:24px;font-size:14px;font-weight:600;line-height:24px;color:var(--blue)}
.cs-empty{background:#fff;padding:32px 24px;font-size:14px;line-height:1.9;color:var(--gray)}
.cs-list .fn{margin-top:20px}
.cs-list .fn p{font-size:12px;line-height:22.5px;color:var(--gray);margin:0}
.cs-svc{padding:45px 20px 0}
.cs-svc .eyebrow{margin:0 0 19.5px;height:13px;line-height:13px}
.cs-svc h2{font-size:26px;line-height:38px;font-weight:600;margin:0}
.cs-svc .cards{display:grid;gap:22px;margin-top:26.5px}
.cs-svc .c{display:block;background:#fff;border:1px solid var(--line);border-top:0}
.cs-svc .bar{display:flex;align-items:center;justify-content:space-between;background:var(--blue);color:#fff;height:56px;padding:0 20px 0 20px;margin:0 -1px}
.cs-svc .bar b{font-size:20px;font-weight:600}
.cs-svc .bar .m{display:flex;align-items:center;gap:8px;font-size:13px}
.cs-svc .bar .arw{width:18px}
.cs-svc .im{display:block;height:209px;padding:8px 32px}
.cs-svc .im img{width:100%;height:100%;object-fit:contain}
.cs-svc .c:hover .bar{background:#014a91}
.cs-faq{margin:38.5px 20px 0;border-top:1px solid #DCE7F1;padding:37px 0 45px;display:flex;flex-direction:column}
.cs-faq .l{display:contents}
.cs-faq .eyebrow{order:1;margin:0 0 18.5px;height:13px;line-height:13px}
.cs-faq h2{order:2;font-size:26px;line-height:39px;font-weight:600;margin:0}
.cs-faq .list{order:3;margin-top:48.5px}
.cs-faq .fq-lk{order:4;margin-top:27px}
.cs-faq .fq-item{border-bottom:1px solid var(--line)}
.cs-faq .fq-item:first-child{border-top:0}
.cs-faq .fq-item summary{grid-template-columns:24px 1fr 14px;padding:24.5px 0 0}
.cs-faq .fq-item:first-child summary{padding-top:0}
.cs-faq .fq-item .a{padding:13px 24px 20.5px 24px;font-size:13.5px;line-height:28.5px}
.cs-faq .fq-item:last-child{border-bottom:1px solid var(--line)}
@media(min-width:1024px){
  .cs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);column-gap:clamp(40px,10vw,80px);padding:0 var(--pad) 77px;align-items:start}
  .cs-hero .t{padding-top:46px}
  .cs-kicker{font-size:28px;line-height:42px;color:var(--ink);margin:0}
  .cs-hero h1{font-size:clamp(38px,3.61vw,52px);line-height:76px;margin-top:18px}
  .cs-lead{font-size:18px;line-height:34px;margin-top:42px}
  .cs-fig{margin:53px 0 0}
  .cs-photo{aspect-ratio:auto;height:380px;margin:0}
  .cs-fig figcaption{margin-top:12px;font-size:12px}
  .cs-cat{display:grid;grid-template-columns:200px 1fr;align-items:center;margin:0 var(--pad);border-top:0;padding:0 0 52px}
  .cs-cat .eyebrow{margin:0}
  .cs-cat .btns{grid-template-columns:repeat(4,minmax(0,250px));gap:clamp(10px,1.5vw,22px);justify-content:start}
  .cs-cat button{height:54px;font-size:16px}
  .cs-list{padding:72px var(--pad) 46px}
  .cs-list .hd{display:flex;justify-content:space-between;align-items:flex-end}
  .cs-list .hd .eyebrow{margin-bottom:25.5px}
  .cs-list h2{font-size:34px;line-height:51px}
  .cs-list .count{font-size:15px;line-height:27px;margin:0 0 2px}
  .cs-grid{grid-template-columns:1fr 1fr;gap:48px;margin-top:43.5px}
  .cs-card{padding:32px 32px 43px}
  .cs-card .top{height:32px}
  .cs-card .tag{font-size:14px;padding:0 26px}
  .cs-card .no{font-size:40px;margin-top:-7px}
  .cs-card .place{font-size:16px;margin-top:27px}
  .cs-card h3{font-size:29px;line-height:45px;margin-top:11px}
  .cs-card .stat{height:100px;margin-top:39px}
  .cs-card .stat>div{padding:19px 0 0 24px}
  .cs-card .stat>div+div{margin:0;padding:19px 0 0 24px;height:auto}
  .cs-card .stat .k{font-size:13px}
  .cs-card .stat .v{font-size:27px;line-height:27px;margin-top:14px}
  .cs-card .desc{font-size:17px;line-height:32px;margin-top:22.5px}
  .cs-card .price{margin-top:40.5px;padding-top:11px}
  .cs-card .price .k{font-size:16px;line-height:54px;margin-top:9px}
  .cs-card .price .v{font-size:36px;line-height:54px}
  .cs-card .price .s{font-size:12px;margin-top:6px}
  .cs-card .lk{font-size:16px;margin-top:29px;padding-top:27px}
  .cs-list .fn{margin-top:25px}
  .cs-list .fn p{font-size:14px;line-height:28px}
  .cs-svc{padding:80px var(--pad) 0}
  .cs-svc h2{font-size:32px;line-height:48px}
  .cs-svc .eyebrow{margin-bottom:25px}
  .cs-svc .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:34px}
  .cs-svc .bar{height:64px;padding:0 24px}
  .cs-svc .bar b{font-size:24px}
  .cs-svc .bar .m{font-size:13px}
  .cs-svc .im{height:236px;padding:13px 32px 0}
  .cs-faq{display:grid;grid-template-columns:minmax(0,410px) minmax(0,824px);column-gap:clamp(40px,4vw,46px);margin:0;border-top:0;padding:94px var(--pad) 93px}
  .cs-faq .l{display:block}
  .cs-faq .eyebrow{margin-bottom:41px}
  .cs-faq h2{font-size:32px;line-height:52px}
  .cs-faq .fq-lk{margin-top:71px;max-width:310px}
  .cs-faq .list{margin-top:-6px}
  .cs-faq .fq-item summary{grid-template-columns:42px 1fr 20px;padding:30px 0 0;font-size:19px}
  .cs-faq .fq-item:first-child summary{padding-top:0}
  .cs-faq .fq-item .a{padding:10px 20px 30px 42px;font-size:16px;letter-spacing:0;line-height:31px}
}