/* 整理した品物の行き先 */
.crop{position:relative;overflow:hidden}
.crop img{width:100%;height:100%;object-fit:cover}
.ru-hero{padding:0 20px 28px}
.ru-kicker{font-size:18px;line-height:27px;font-weight:600;margin:26.5px 0 0}
.ru-hero h1{font-size:33px;line-height:50.5px;font-weight:600;margin:22.25px 0 0;letter-spacing:.01em}
.ru-hero h1 span{display:block;color:var(--blue)}
.ru-lead{font-size:15px;line-height:30px;color:var(--gray);margin:26px 0 0}
.ru-photo{aspect-ratio:352/304;margin:28px -1px 0}
.ru-photo img{object-position:60% 50%}
.ru-dest{background:var(--pale);padding:57px 20px 56px}
.ru-dest h2{font-size:26px;line-height:38px;font-weight:600;margin:0 0 27px}
.ru-cards{display:grid;gap:18px}
.ru-card{position:relative;background:#fff;padding:252px 24px 28.75px}
.ru-card .no{position:absolute;left:24px;top:82px;font:200 34px/1 var(--latin);color:#D9E4ED}
.ru-card .lb{position:absolute;left:24px;top:136px;font:600 13px/1 var(--latin);letter-spacing:.06em;color:var(--blue);text-transform:uppercase;margin:0}
.ru-card img{position:absolute;right:16px;top:24px;width:210px;height:210px;object-fit:contain}
.ru-card h3{font-size:24px;line-height:37px;font-weight:600;margin:0}
.ru-card h3 span{display:block}
.ru-card h3 .b{color:var(--blue)}
.ru-card .tx{font-size:15px;line-height:29.5px;color:var(--gray);margin:20.75px 0 0}
.ru-note{font-size:13px;line-height:24px;color:var(--gray);margin:24px 0 0}
.ru-sort{padding:57px 20px 58px}
.ru-sort h2{font-size:26px;line-height:37px;font-weight:600;margin:20.5px 0 0}
.ru-sort .eyebrow{margin:0}
.ru-sort .ill{margin:24px -1px 0;aspect-ratio:352/235}
.ru-sort .ill img{width:100%;height:100%;object-fit:contain}
.ru-steps{list-style:none;margin:51px 0 0;position:relative}
.ru-steps li{display:grid;grid-template-columns:36px 1fr;column-gap:19px;position:relative;padding-bottom:27.5px}
.ru-steps li:last-child{padding-bottom:0}
.ru-steps li::before{content:"";position:absolute;left:17.5px;top:36px;bottom:0;width:1px;background:#BFD3E6}
.ru-steps li:last-child::before{display:none}
.ru-steps .n{width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font:500 14px/36px var(--latin);text-align:center}
.ru-steps h3{font-size:19px;line-height:36px;font-weight:600;margin:0}
.ru-steps p{font-size:14.5px;line-height:26px;color:var(--gray);margin:9px 0 0}
.ru-rel{background:var(--pale);padding:57px 20px 56px}
.ru-rel h2{font-size:26px;line-height:37px;font-weight:600;margin:20.5px 0 0}
.ru-rel .eyebrow{margin:0}
.ru-rel .tx{font-size:15px;line-height:29.5px;color:var(--gray);margin:56.5px 0 0}
.ru-btn{border-radius:999px;height:58px;padding:0 10px 0 25px;font-size:15px;margin-top:28.5px}
.ru-btn .circ{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center}
.ru-btn .circ .arw{width:20px}
@media(min-width:1024px){
  .ru-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);column-gap:clamp(40px,6vw,80px);padding:0 var(--pad) 64px;align-items:start}
  .ru-hero .t{padding-top:56px}
  .ru-kicker{font-size:28px;line-height:42px;margin:0}
  .ru-hero h1{font-size:clamp(38px,3.61vw,52px);line-height:78px;margin-top:28px}
  .ru-lead{font-size:20px;line-height:36px;margin-top:36px}
  .ru-photo{aspect-ratio:auto;height:520px;margin:24px 0 0}
  .ru-dest{padding:80px var(--pad) 0;height:870px}
  .ru-dest .eyebrow{margin-bottom:34px}
  .ru-dest h2{font-size:38px;line-height:54px;margin-bottom:59px}
  .ru-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.78vw,40px)}
  .ru-card{height:520px;padding:232.5px 32px 0}
  .ru-card .no{left:32px;top:35px;font-size:40px}
  .ru-card .lb{left:32px;top:90px;font-size:12px}
  .ru-card img{right:35px;top:15px;width:200px;height:200px}
  .ru-card h3{font-size:27px;line-height:42px;margin-top:0}
  .ru-card .tx{font-size:17px;line-height:31px;margin-top:36px}
  .ru-note{font-size:15px;margin-top:35.5px}
  .ru-sort{display:grid;grid-template-columns:minmax(0,530px) minmax(0,1fr);column-gap:0;padding:0 var(--pad);height:620px;align-content:start;padding-top:90.5px}
  .ru-sort h2{font-size:38px;line-height:58px;margin-top:36.5px}
  .ru-sort .ill{width:450px;aspect-ratio:auto;height:300px;margin:14px 0 0}
  .ru-steps{margin:0}
  .ru-steps li{display:grid;grid-template-columns:58px 1fr;column-gap:34px;padding-bottom:0;height:158px;align-content:start}
  .ru-steps li::before{display:none}
  .ru-steps .n{width:58px;height:48px;border-radius:0;background:var(--pale);color:var(--blue);font-size:20px;line-height:48px}
  .ru-steps h3{font-size:25px;line-height:36px;margin-top:-0.5px}
  .ru-steps p{font-size:18px;line-height:30px;margin-top:20.5px}
  .ru-rel{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);padding:0 var(--pad);height:520px;align-content:start;padding-top:75.5px}
  .ru-rel h2{font-size:34px;line-height:52px;margin-top:32.5px}
  .ru-rel .tx{font-size:19px;line-height:35px;margin-top:48px}
  .ru-rel .r{padding-top:0}
  .ru-btn{border-radius:0;width:min(500px,100%);height:62px;margin-top:61.5px;padding:0 24px;font-size:17px}
  .ru-btn .circ{width:auto;height:auto;border-radius:0;background:none;color:#fff;display:block}
  .ru-btn .circ .arw{width:24px}
}
