@media screen and (max-width:280px) {
  .nb280 {
    display: none;
  }
}
@media screen and (max-width:320px) {
  .nb320 {
    display: none;
  }
}
@media screen and (max-width:350px) {
  .nb350 {
    display: none;
  }
}
@media screen and (max-width:375px) {
  .nb375 {
    display: none;
  }
}
@media screen and (max-width:480px) {
  .nb480 {
    display: none;
  }
}
@media screen and (min-width:281px) {
  .b281 {
    display: none;
  }
}
@media screen and (min-width:321px) {
  .b321 {
    display: none;
  }
}
@media screen and (min-width:376px) {
  .b376 {
    display: none;
  }
}
@media screen and (min-width:351px) {
  .b351 {
    display: none;
  }
}
@media screen and (min-width:481px) {
  .b481 {
    display: none;
  }
}
.smb-section__title {
  margin-top:1em;
}
.section__title {
  font-family: "Mulish", sans-serif;
  font-weight:700!important;
}
```css
/* ==== SOFTBALL MOTION LAB デザイントークン ==== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Barlow:wght@500;600;700;800&display=swap');

:root{
  --sml-bg:#FFFFFF;
  --sml-bg-sub:#F5F8FC;
  --sml-navy:#0B2340;
  --sml-navy-dark:#07182C;
  --sml-accent:#2484EA;
  --sml-text:#334155;
  --sml-text-sub:#64748B;
  --sml-border:#E2E8F0;
  --color_faq_a:#0B2340; /* SWELL既定の赤を上書き */
}

/* ==== ヒーロー(カスタムHTMLブロックで使用) ==== */
.sml-hero{
  min-height:75vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:8vw;
  color:#fff;
  background:radial-gradient(ellipse at 85% 45%,rgba(24,105,210,.55),rgba(15,54,112,.35) 35%,transparent 70%),linear-gradient(115deg,#030b19,#071a35 55%,#102c55);
  font-family:'Noto Sans JP',sans-serif;
}
.sml-hero__label{font-size:12px;letter-spacing:.3em;color:#70a9f7;margin-bottom:28px;}
.sml-hero__title{font-size:clamp(48px,7vw,120px);font-weight:700;line-height:1.05;letter-spacing:.045em;color:#fff;margin:0;}
.sml-hero__subtitle{font-size:clamp(14px,1.5vw,20px);font-weight:500;margin-top:30px;}
.sml-hero__bottom{margin-top:55px;font-size:11px;letter-spacing:.3em;color:#9eb8d5;}
.full-width{margin:0 calc(50% - 50vw);width:100vw;min-width:100vw;}

/* ==== 見出し ==== */
.is-style-section_ttl .swl-fz,
.is-style-section_ttl{
  font-family:'Barlow','Noto Sans JP',sans-serif;
  font-weight:00;
  letter-spacing:.03em;
}
h2.wp-block-heading.is-style-section_ttl{
  font-size:clamp(32px,4vw,52px);
  line-height:1.2;
  color:var(--sml-navy);
}
/* 紺背景セクション(textColor:白指定)の中では見出し・本文を白に */
[style*="color:#fff"] h2.is-style-section_ttl{color:#fff;}
[style*="color:#fff"] .swell-block-fullWide__inner p{color:rgba(255,255,255,.85);}

.swl-inline-color{
  font-family:'Barlow','Noto Sans JP',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.25em;
  text-transform:uppercase;
}

/* ==== 本文・コンテンツ幅 ==== */
.swell-block-fullWide p{font-size:16px;line-height:1.9;color:var(--sml-text);}
.swell-block-fullWide{padding-top:clamp(64px,10vw,140px);padding-bottom:clamp(64px,10vw,140px);}
.swell-block-fullWide__inner{max-width:1200px;margin-left:auto;margin-right:auto;}

/* ==== FEATURE: media-textカード ==== */
.wp-block-media-text.is-style-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
  border:1px solid var(--sml-border);
  border-radius:16px;
  overflow:hidden;
  box-shadow:none;
  margin-bottom:40px;
}
.wp-block-media-text.is-style-card .wp-block-media-text__media{aspect-ratio:4/3;overflow:hidden;}
.wp-block-media-text.is-style-card .wp-block-media-text__media img,
.wp-block-media-text__media img{display:block;width:100%;height:100%;object-fit:cover;}
.wp-block-media-text.is-style-card .wp-block-media-text__content{padding:40px;display:flex;flex-direction:column;justify-content:center;}
.wp-block-media-text.is-style-card .wp-block-media-text__content p:first-child{font-size:20px;font-weight:700;color:var(--sml-navy);margin-bottom:16px;}
.wp-block-media-text.is-style-card .wp-block-media-text__content p:last-child{font-size:16px;color:var(--sml-text-sub);line-height:1.9;}

/* ==== FAQ(白背景が既定。紺背景セクションでは自動で白文字に) ==== */
.faq_q{font-size:17px;color:var(--sml-navy);}
.faq_a{font-size:16px;color:var(--sml-text-sub);line-height:1.9;}
.swell-block-faq.is-style-faq-border{border-color:var(--sml-border);}
.swell-block-faq__item{padding-top:28px;padding-bottom:28px;}
[style*="color:#fff"] .faq_q{color:#fff;}
[style*="color:#fff"] .faq_a{color:rgba(255,255,255,.8);}
[style*="color:#fff"] .swell-block-faq.is-style-faq-border{border-color:rgba(255,255,255,.2);}

/* ==== お問い合わせ(WPForms) ==== */
.wpforms-container{max-width:720px;margin:40px auto 0;background:#fff;border:1px solid var(--sml-border);border-radius:16px;padding:40px;}
.wpforms-container .wpforms-field-label{font-size:14px;font-weight:700;color:var(--sml-navy);letter-spacing:.05em;}
.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container select,
.wpforms-container textarea{border:1px solid var(--sml-border);border-radius:8px;padding:12px 16px;font-size:16px;background:#fff;}
.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus{border-color:var(--sml-accent);box-shadow:0 0 0 3px rgba(36,132,234,.15);}
.wpforms-submit-container button,
.wpforms-container button[type=submit]{background:var(--sml-navy);border:none;border-radius:999px;padding:16px 48px;font-size:16px;font-weight:700;letter-spacing:.05em;transition:background-color .2s ease;}
.wpforms-submit-container button:hover{background:var(--sml-accent);}

/* ==== ボタン共通 ==== */
.wp-block-button__link{background:var(--sml-navy);border-radius:999px;padding:14px 36px;font-weight:700;letter-spacing:.03em;transition:background-color .2s ease,transform .2s ease;}
.wp-block-button__link:hover{background:var(--sml-accent);transform:translateY(-1px);}

/* ==== スマホ ==== */
@media (max-width:782px){
  .swell-block-fullWide{padding-top:64px;padding-bottom:64px;}
  h2.wp-block-heading.is-style-section_ttl{font-size:clamp(28px,8vw,34px);}
  .wp-block-media-text.is-style-card{grid-template-columns:1fr;}
  .wp-block-media-text.is-style-card .wp-block-media-text__media{aspect-ratio:16/9;}
  .wp-block-media-text.is-style-card .wp-block-media-text__content{padding:28px;}
  .wpforms-container{padding:28px;margin-top:28px;}
}