/* ========== layout ========== */
.wrap{
  width:1080px;
  margin:80px auto;
  padding:28px 20px;
  box-sizing:border-box;
  font-family:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  color:#111;
}
.page-head{border-left:10px solid #1f45a5;padding-left:18px;margin-bottom:50px;}
h1{
  margin:0 0 6px;
  font-size:28px;
  line-height:1.25;
  font-weight: 700;
}
h2.moemoe{
  margin:0 0 6px;
  font-size:28px;
  line-height:1.25;
  font-weight: 700;
}

.sayuu{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.lead{
  margin:0 0 12px;
  color:#555;
  font-size:14px;
  font-weight: 700;
}
.head-links{display:flex;gap:8px;align-items:center;}
.spacer{flex:1;}
.btn-outline{display:inline-block;border:1px solid #bbb;padding:8px 12px;border-radius:6px;text-decoration:none;color:#111;background:#fff;font-size:13px;}
.btn-pill{display:inline-block;border:1px solid #d0d0d0;padding:9px 14px;border-radius:20px;text-decoration:none;color:#111;background:#fff;font-size:14px;}
/* section */
.sec{margin:34px 0 0;}
.sec-ttl{
  position:relative;
  margin:50px 0 10px;
  font-size:24px;
  font-weight: 700;
}
/* table */
.tbl-wrap{
  border-radius:8px;padding:10px 0;
}
.table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  margin:0 0 40px;
}
.table thead th{
  border:1px solid #111;
  background: #c8c8c8;
  text-align:left;
  font-size:13px;
  padding:10px 8px;
  text-align: center;
}
.table tbody td{
  border:1px solid #111;
  font-size:14px;
  padding:8px 8px;
  vertical-align: middle;
  word-break:break-word;
  font-weight: 500;
  text-align: center;
}
.w-perf{width:10%;}
.w-model{width:25%;}
.w-maker{width:20%;}
.w-dl{width:15%;}
.dl{
  display: inline-block;
  width: 200px;
  padding: 6px 10px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  background: #1f45a5;
  border: 1px solid #1f45a5;
  color: #fff;
  font-weight: 500;
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.dl2{
  display: none;
}
a.dl{ color: #fff !important;}
.dl:hover{
  background: #fff;
  color: #1f45a5 !important;
  text-decoration: none;
}
.dl:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(31,69,165,.25);
}
.dl:active{
  transform: translateY(1px);
}
.dl[aria-disabled="true"],
.dl.is-disabled{
  pointer-events: none;
  opacity: .5;
}
/* footer links */
.foot-links{margin:36px 0 0;text-align:center;}
.btns{display:flex;gap:45px;justify-content:center;margin-bottom:18px;}
.btn-ghost{
  display:inline-block;
  text-decoration:none;
  padding:14px 0;
  min-width:240px;
  text-align:center;
}
a.btn-ghost{
  color:#fff;
}
.btn-ghost:hover{
  display:inline-block;
  opacity: 0.5;
}
a.btn-ghost:hover{
  background:#fff;
}
.btn-outline{
  display:inline-block;border:1px solid #cfd6e7;background:#fff;color:#123;text-decoration:none;
  padding:12px 16px;border-radius:8px;font-size:14px;
}
.btn-outline:hover{
  border:1px solid #1f45a5;
}
.btn-outline.wide{min-width:240px;font-weight:700;}
    .sec-btn{
      margin-left:auto;
      display:inline-flex;
      align-items:center;
      gap:10px;
      border:1px solid #d0d0d0;
      padding:10px 14px;
      border-radius:20px;
      text-decoration:none;
      color:#111;
      background:#fff;
      font-size:14px;
      font-weight: 700;
    }
    .sec-btn:hover{
      background: #b4b4b4;
      color:#fff;
    }
        .hero-seku img{
margin-top:50px;
width:100%;
height:auto;
}
.hero-seku {
display: block;
}
.hero-seku-sp {
display: none;
}
.anchor-target {
  scroll-margin-top: 120px;
}

@media screen and (max-width: 1100px) {
.hero-seku {
display: none;
}
.hero-seku-sp {
display: block;
}
  .wrap{
  width:100%;
  margin: 40px 0 80px 0;
  padding:28px 15px;
}
.w-perf{width:12%;}
.table thead th{
  font-size:12px;
}
.table tbody td{
  font-size:12px;
}
.dl{
  display: none;
}
.dl2{
  display: inline-block;
}
.btn-ghost {
    font-size: 13px;
    min-width: 160px;
}
.btn-outline.wide {
    min-width: 180px;
    font-weight: 700;
}
.btns {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-bottom: 18px;
}
  }