*{box-sizing:border-box}
body{margin:0;font:400 16px/1.5 nunito,sans-serif;color:#212529;background:#fff}
img{display:block}
figure{margin:0}
a{color:inherit}
ul{list-style:none;margin:0;padding:0}
h1,h2{margin:0;font-weight:inherit}

.wrap{margin-inline:auto}
header{background:#f7f7f7;border-bottom:1px solid #dddcdc}
.bar{display:flex;align-items:center;justify-content:space-between}
.lang{display:flex;flex-direction:column;align-items:flex-end;gap:10px}

#s1{--c:#a5cdd1}
#s2{--c:#efc5c0}
#s3{--c:#c8dcb2}
.man{display:flex;flex-direction:column;align-items:center;gap:6px}
.num{font:400 var(--n)/.75 nunito,sans-serif;color:var(--c)}
.txt{margin:0;text-align:center;width:100%}
.cap{font-size:15px;opacity:.5;text-align:center}

.ttl{font-size:20px;font-weight:500;text-transform:uppercase;height:46px;display:flex;justify-content:center;gap:20px}
.ttl::before,.ttl::after{content:"";width:84px;height:28px;border:2px solid #dddcdc;border-bottom:0;align-self:flex-end}
.ttl::before{border-right:0}
.ttl::after{border-left:0}
.pair{display:flex}
.ttl-m{display:none}

footer{background:#f7f7f7;color:#000;border-top:1px solid #dddcdc}
.card h2{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.card li{font-size:16px;line-height:23px}

@media(max-width:743px){
  .wrap{width:360px;padding:0 20px}
  header{padding:14px 0;margin-bottom:48px}
  .logo img{width:220px}
  .lang img{width:26px}
  .duo{display:flex;flex-direction:column;margin-bottom:52px}
  .rev .man{order:-1}
  .man{display:block;text-align:center}
  .num{--n:160px;display:inline-block}
  .txt{margin:6px 0 20px}
  figure{width:320px;margin-inline:auto}
  figure img{width:320px}
  .cap{margin-top:4px}
  #spec{padding:16px 0 0}
  .item{margin-bottom:72px}
  .ttl{display:none}
  .pair{flex-direction:column;align-items:center;gap:0}
  .ttl-m{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:17px;font-weight:500;text-transform:uppercase}
  .ttl-m::before,.ttl-m::after{content:"";width:2px;height:26px;background:#dddcdc}
  .pair img{width:320px}
  footer{padding:22px 0 0}
  .cards{display:flex;flex-direction:column;gap:52px;padding-bottom:56px}

  .card h2{font-size:18px}
  .card li{font-size:13px;line-height:20px}
}

@media(min-width:744px) and (max-width:1139px){
  .wrap{width:744px;padding:0 20px}
  header{padding:16px 0;margin-bottom:56px}
  .logo img{width:240px}
  .duo{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:60px}
  .man{width:340px}
  .num{--n:168px}
  .txt{font-size:14px}
  .duo figure{width:340px}
  figure img{width:340px}
  .cap{margin-top:5px}
  #spec{padding:24px 0 0}
  .item{margin-bottom:56px}
  .pair{justify-content:space-between}
  .pair img{width:340px}
  footer{padding:26px 0 0}
  .cards{display:grid;grid-template-columns:340px 340px;justify-content:space-between;padding-bottom:64px}
  .card:first-child{transform:translateX(-16px)}
  .card:last-child{transform:translateX(16px)}
  .card h2{font-size:18px}
  .card li{font-size:14px;line-height:21px}
}

@media(min-width:1140px){
  .wrap{width:1140px;padding:0 30px}
  header{padding:18px 0;margin-bottom:68px}
  .duo{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:80px}
  .man{width:480px}
  .num{--n:310px}
  .txt{font-size:18px}
  .duo figure{width:480px}
  figure img{width:480px}
  .cap{margin-top:6px}
  #spec{padding:36px 0 0}
  .item{margin-bottom:80px}
  .pair{justify-content:space-between}
  .pair img{width:480px}
  footer{padding:28px 0 0}
  .cards{display:grid;grid-template-columns:480px 480px;justify-content:space-between;padding-bottom:100px}
  .card:first-child{transform:translateX(-24px)}
  .card:last-child{transform:translateX(24px)}
  .card h2{font-size:22px}
  .card li{font-size:20px;line-height:30px}
}