.athletic-lp-page {
  	--athletic-navy: #173b5f;
  	--athletic-navy-dark: #102d49;
  	--athletic-teal: #1f9da5;
  	--athletic-gold: #b88d4a;
  	--athletic-cream: #fbf8f1;
  	--athletic-line: rgba(23, 59, 95, .16);
  	color: var(--tb-ink);
  	font-size: 1.1rem;  
}

.athletic-lp-page .athletic-hero {
    padding: clamp(10px, 2vw, 10px) 0 88px; 
  	background: linear-gradient(135deg, #eef6f8 0%, #fff 58%, #fbf8f1 100%);
}

.athletic-lp-page .athletic-hero__grid,
.athletic-lp-page .athletic-copy-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    gap: clamp(10px, 1vw, 20px);
    align-items: center;  	
}


.athletic-lp-page .athletic-hero__content,
.athletic-lp-page .athletic-copy-layout > * {
   	min-width: 0;
}

.athletic-lp-page .breadcrumb {
   	/*margin-bottom: 52px;*/
}

.athletic-lp-page .athletic-label {
  	margin: 0 0 19px;
  	color: var(--athletic-teal);
  	font-size: .9rem;
  	font-weight: 800;
  	letter-spacing: .18em;
}


.athletic-lp-page h1,
.athletic-lp-page h2,
.athletic-lp-page h3,
.athletic-lp-page p,
.athletic-lp-page li {
   	overflow-wrap: anywhere;
   
}

.athletic-lp-page h1 {
  	margin: 0;
  	color: var(--athletic-navy-dark);
  	font-size: clamp(1.6rem, 3.8vw, 2.85rem);
  	line-height: 1.25;
  	letter-spacing: .01em;
}

.athletic-lp-page h1 em {
   	color: var(--athletic-teal);
   	font-style: normal;
}

.athletic-lp-page h2 {
  	margin: 0;
  	color: var(--athletic-navy-dark);
  	font-size: clamp(1.6rem, 3.3vw, 2.85rem);
  	line-height: 1.45;
}

.athletic-lp-page .athletic-section--navy h2,
.athletic-lp-page .athletic-section--navy h3,
.athletic-lp-page .athletic-section--navy p,
.athletic-lp-page .athletic-section--navy li {
	color: #fff;
   
}

.athletic-lp-page .athletic-lead {
	margin: 30px 0 0;
	color: var(--tb-ink);   
    line-height: 2;
}

.athletic-lp-page .athletic-actions {
   	display: flex;
   	flex-wrap: wrap;
   	gap: 12px;
  	margin-top: 32px;
}

.athletic-lp-page .athletic-note {
   	margin: 24px 0 0;
   	color: var(--tb-muted);
   	font-size: .88rem;
   	line-height: 1.8;
}

.athletic-lp-page .athletic-note--center {
   	text-align: center;
   
}

.athletic-lp-page .athletic-hero-visual {
	position: relative;
	min-width: 0;
	min-height: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgba(31, 157, 165, .18);
	border-radius: 30px;
	background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.98), rgba(231,245,246,.88) 62%, rgba(251,248,241,.78));
	box-shadow: 0 22px 55px rgba(23, 59, 95, .12);
}

.athletic-lp-page .athletic-hero-visual img {
	display: block;
	width: 100%;
	height: auto;
}

.athletic-lp-page .athletic-hero-visual__line {
  position: absolute;
  left: 50%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(31,157,165,.45), transparent);
  transform-origin: center;
}

.athletic-lp-page .athletic-hero-visual__line--one {
   top: 102px;
   height: 250px;
   transform: rotate(62deg);
}

.athletic-lp-page .athletic-hero-visual__line--two {
   top: 102px;
   height: 250px;
   transform: rotate(-62deg);
}

.athletic-lp-page .athletic-hero-node,
.athletic-lp-page .athletic-hero-core {
   position: absolute;
   display: grid;
   place-items: center;
   text-align: center;
   
}

.athletic-lp-page .athletic-hero-node {
  
  width: 184px;
  
  min-height: 120px;
  
  padding: 18px 14px;
  
  border: 1px solid rgba(31,157,165,.2);
  
  border-top: 4px solid var(--athletic-teal);
  
  border-radius: 18px;
  
  background: rgba(255,255,255,.96);
  
  box-shadow: 0 12px 24px rgba(23,59,95,.08);
  

}

.athletic-lp-page .athletic-hero-node span {
   color: var(--athletic-gold);
   font-size: .7rem;
   font-weight: 800;
   letter-spacing: .12em;
   
}

.athletic-lp-page .athletic-hero-node strong {
   margin-top: 8px;
   color: var(--athletic-navy);
   font-size: 1.05rem;
   
}

.athletic-lp-page .athletic-hero-node small {
   margin-top: 5px;
   color: var(--tb-muted);
   font-size: .78rem;
   
}

.athletic-lp-page .athletic-hero-node--alumni {
   top: 46px;
   left: 50%;
   transform: translateX(-50%);
   
}

.athletic-lp-page .athletic-hero-node--active {
   bottom: 46px;
   left: 34px;
   border-top-color: #2e9a72;
   
}

.athletic-lp-page .athletic-hero-node--history {
   right: 34px;
   bottom: 46px;
   border-top-color: var(--athletic-gold);
}

.athletic-lp-page .athletic-hero-core {
  top: 50%;
  left: 50%;
  width: 210px;
  min-height: 150px;
  padding: 24px;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--athletic-navy), #236b7e);
  color: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0 18px 36px rgba(23,59,95,.18);
}

.athletic-lp-page .athletic-hero-core small {
   color: #a9ebe4;
   font-size: .68rem;
   font-weight: 800;
   letter-spacing: .16em;
   
}

.athletic-lp-page .athletic-hero-core strong {
   margin-top: 10px;
   font-size: 1.12rem;
   
}

.athletic-lp-page .athletic-hero-core span {
   margin-top: 8px;
   color: rgba(255,255,255,.78);
   font-size: .78rem;
   
}


.athletic-lp-page .athletic-section {
   padding: clamp(42px, 5vw, 128px) 0;
   background: #fff;
   
}

.athletic-lp-page .athletic-section--warm {
   background: var(--athletic-cream);
   
}

.athletic-lp-page .athletic-section--navy {
   background: linear-gradient(135deg, var(--athletic-navy-dark), #1b536b);
   
}

.athletic-lp-page .athletic-section--contact {
   background: linear-gradient(135deg, #e9f5f5, #fbf8f1);
   
}

.athletic-lp-page .athletic-copy-layout {
   align-items: start;
   
}

.athletic-lp-page .athletic-copy {
   max-width: 820px;
   color: var(--tb-muted);
   line-height: 2;
   
}

.athletic-lp-page .athletic-copy--wide {
   max-width: 880px;
   margin-top: 26px;
   
}

.athletic-lp-page .athletic-copy p {
   margin: 0;
   
}

.athletic-lp-page .athletic-copy p + p {
   margin-top: 1.15em;
   
}

.athletic-lp-page .emphasis {
   font-size: 1.3em;
   font-weight: 100;
}

.athletic-lp-page .athletic-callout {
   margin-top: 28px !important;
   padding: 16px 20px;
   border-left: 4px solid var(--athletic-gold);
   color: var(--athletic-navy) !important;
   font-weight: 800;
   
}

.athletic-lp-page .athletic-section--navy .athletic-callout {
   color: #fff !important;
   
}

.athletic-lp-page .athletic-records-visual {
   width: min(100%, 420px);
   margin: 28px auto 0;
   overflow: hidden;
   border-radius: 18px;
   background: #fff;
   box-shadow: 0 16px 36px rgba(23, 59, 95, .14);
}

.athletic-lp-page .athletic-records-visual img {
   display: block;
   width: 100%;
   height: auto;
}

.athletic-lp-page .athletic-directory-accent {
   	width: min(100%, 320px);
    max-width: 280px;
    margin: 18px auto;
   	overflow: hidden;
   	border: 1px solid rgba(10, 47, 66, 0.12);
   	border-radius: 14px;
   	box-shadow: 0 10px 24px rgba(10, 47, 66, 0.1);
}

.athletic-lp-page .athletic-directory-accent img {
   display: block;
   width: 100%;
   height: auto;
}

.athletic-lp-page .athletic-active-team-visual {
   width: min(100%, 420px);
   margin: 28px auto;
   overflow: hidden;
   border: 1px solid rgba(10, 47, 66, 0.12);
   border-radius: 18px;
   box-shadow: 0 14px 30px rgba(10, 47, 66, 0.12);
}

.athletic-lp-page .athletic-active-team-visual img {
   display: block;
   width: 100%;
   height: auto;
}

.athletic-lp-page .athletic-member-network-visual {
   width: min(100%, 420px);
   margin: 28px auto;
   overflow: hidden;
   border: 1px solid rgba(10, 47, 66, 0.12);
   border-radius: 18px;
   box-shadow: 0 14px 30px rgba(10, 47, 66, 0.12);
}

.athletic-lp-page .athletic-member-network-visual img {
   display: block;
   width: 100%;
   height: auto;
}

.athletic-lp-page .athletic-member-network-privacy {
   padding: 14px;
   border-top: 1px solid rgba(10, 47, 66, 0.12);
   background: rgba(255, 255, 255, 0.97);
}

.athletic-lp-page .athletic-member-network-privacy strong {
   display: block;
   color: var(--athletic-navy);
   font-size: 0.84rem;
   font-weight: 800;
   line-height: 1.5;
   text-align: center;
}

.athletic-lp-page .athletic-member-network-privacy ul {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8px;
   margin: 10px 0 0;
   padding: 0;
   list-style: none;
}

.athletic-lp-page .athletic-member-network-privacy li {
   display: flex;
   align-items: center;
   gap: 7px;
   min-width: 0;
   padding: 7px 8px;
   border: 1px solid rgba(201, 61, 61, 0.2);
   border-radius: 8px;
   background: #fff;
   color: var(--athletic-navy);
   font-size: 0.7rem;
   font-weight: 700;
   line-height: 1.35;
}

.athletic-lp-page .athletic-member-network-privacy li::before {
   display: grid;
   flex: 0 0 20px;
   width: 20px;
   height: 20px;
   border: 2px solid #c93d3d;
   border-radius: 50%;
   color: #c93d3d;
   content: "×";
   font-size: 1rem;
   font-weight: 800;
   line-height: 1;
   place-items: center;
}

.athletic-lp-page .athletic-intro {
   max-width: 820px;
   margin-top: 26px;
   color: var(--tb-muted);
   line-height: 1.9;
}

.athletic-lp-page .athletic-intro p {
   margin: 0;
}

.athletic-lp-page .athletic-intro p + p {
   margin-top: 10px;
}

.athletic-lp-page .athletic-intro p strong {
  color: var(--tb-ink);   
}

.athletic-lp-page .athletic-card-grid {
   display: grid;
   gap: 18px;
   margin-top: 40px;
}

.athletic-lp-page .athletic-card-grid--3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
}

.athletic-lp-page .athletic-card-grid--5 {
   grid-template-columns: repeat(5, minmax(0, 1fr));
}

.athletic-lp-page .athletic-card,
.athletic-lp-page .athletic-feature {
  min-width: 0;
  padding: 28px 22px;
  border: 1px solid var(--athletic-line);
  border-top: 4px solid var(--athletic-teal);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 15px 34px rgba(23,59,95,.06);
}

.athletic-lp-page #challenges .athletic-card {
  background: linear-gradient(
    180deg,
    rgba(31, 157, 165, 0.08) 0%,
    rgba(31, 157, 165, 0.025) 24%,
    #fff 62%
  );
}

.athletic-lp-page .athletic-card > span,
.athletic-lp-page .athletic-feature > span {
   display: block;
   color: var(--athletic-gold);
   font-size: 2.35rem;
   font-weight: 300;
   line-height: 1;
}

.athletic-lp-page .athletic-card h3,
.athletic-lp-page .athletic-feature h3 {
   	margin: 17px 0 0;
   	color: var(--athletic-navy);
   	font-size: 1.2rem;
    font-weight: 500;   
   	line-height: 1.5;
}

.athletic-lp-page .athletic-card p,
.athletic-lp-page .athletic-card li,
.athletic-lp-page .athletic-feature p {
   color: var(--tb-muted);
   line-height: 1.8;
}

.athletic-lp-page .athletic-card p {
   margin: 15px 0 0;
}

.athletic-lp-page .athletic-card p strong {
  color: var(--tb-ink);	
}
.athletic-lp-page .athletic-card ul,
.athletic-lp-page .athletic-security-grid ul {
   margin: 18px 0 0;
   padding-left: 1.1em;
}

.athletic-lp-page .athletic-card li + li,
.athletic-lp-page .athletic-security-grid li + li {
   margin-top: 6px;
}


.athletic-lp-page .athletic-approach-grid {
   margin-top: 42px;
}

.athletic-lp-page .athletic-mini-card {
   min-width: 0;
   padding: 23px 18px;
   border: 1px solid rgba(255,255,255,.25);
   border-radius: 15px;
   background: rgba(255,255,255,.09);
}

.athletic-lp-page .athletic-mini-card b {
   color: #9de4df;
   font-size: 1.6rem;
   font-weight: 300;
}

.athletic-lp-page .athletic-approach-grid .athletic-mini-card:first-child > b {
   display: inline-flex;
   align-items: center;
   gap: 10px;
}

.athletic-lp-page .athletic-approach-grid .athletic-mini-card:first-child > b::after {
   display: inline-block;
   padding: 5px 9px;
   border: 2px solid #fff;
   border-radius: 5px;
   background: #c93d3d;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
   color: #fff;
   content: "ここが重要";
   font-size: 0.68rem;
   font-weight: 300;
   letter-spacing: 0.05em;
   line-height: 1;
   transform: rotate(-4deg) translateY(1px);
   white-space: nowrap;
}

.athletic-lp-page #challenges .athletic-card:nth-child(4) > span {
   display: inline-flex;
   align-items: center;
   gap: 10px;
}

.athletic-lp-page #challenges .athletic-card:nth-child(4) > span::after {
   display: inline-block;
   padding: 5px 9px;
   border: 2px solid #fff;
   border-radius: 5px;
   background: #c93d3d;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
   color: #fff;
   content: "ここが重要";
   font-size: 0.68rem;
   font-weight: 300;
   letter-spacing: 0.05em;
   line-height: 1;
   transform: rotate(-4deg) translateY(1px);
   white-space: nowrap;
}

.athletic-lp-page .athletic-inline-important-badge {
   display: inline-block;
   margin-left: 10px;
   padding: 5px 9px;
   border: 2px solid #fff;
   border-radius: 5px;
   background: #c93d3d;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
   color: #fff;
   font-size: 0.68rem;
   font-weight: 300;
   letter-spacing: 0.05em;
   line-height: 1;
   transform: rotate(-4deg) translateY(1px);
   vertical-align: middle;
   white-space: nowrap;
}

.athletic-lp-page .athletic-mini-card h3 {
   	margin: 15px 0 0;
    font-weight: 100;
    height: 42px;   
   	font-size: 1.02rem;
   	line-height: 1.55;
}

.athletic-lp-page .athletic-mini-card p {
   margin: 12px 0 0;
   color: rgba(255,255,255,.78);
   font-size: .88rem;
   line-height: 1.8;
   
}


.athletic-lp-page .athletic-diagram {
   display: block;
   max-width: 1160px;
   margin: 46px auto 0;
   
}

.athletic-lp-page .athletic-diagram img {
   display: block;
   width: 100%;
   height: auto;
   border-radius: 22px;
   box-shadow: 0 18px 40px rgba(23,59,95,.1);
}

.athletic-lp-page .athletic-platform-details {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 14px;
   max-width: 1160px;
   margin: 28px auto 0;
}

.athletic-lp-page .athletic-platform-details article {
   min-width: 0;
   padding: 22px 18px;
   border: 1px solid var(--athletic-line);
   border-top: 4px solid var(--athletic-teal);
   border-radius: 15px;
   background: linear-gradient(
     180deg,
     rgba(31, 157, 165, 0.08) 0%,
     rgba(31, 157, 165, 0.025) 24%,
     #fff 62%
   );
}

.athletic-lp-page .athletic-platform-details h3 {
   	margin: 0;
   	color: var(--athletic-navy);
   	font-size: 1.2rem;
	font-weight: 500;   
   	line-height: 1.5;
}

.athletic-lp-page .athletic-platform-details ul {
   display: grid;
   gap: 6px;
   margin: 14px 0 0;
   padding: 0;
   color: var(--tb-muted);
   font-size: .84rem;
   line-height: 1.65;
   list-style: none;
}

.athletic-lp-page .athletic-platform-details li::before {
   margin-right: 6px;
   color: var(--athletic-teal);
   content: "•";
   
}

.athletic-lp-page .athletic-platform-details article:nth-child(3n+2) {
   border-top-color: #3b73b9;
   background: linear-gradient(
     180deg,
     rgba(59, 115, 185, 0.08) 0%,
     rgba(59, 115, 185, 0.025) 24%,
     #fff 62%
   );
   
}

.athletic-lp-page .athletic-platform-details article:nth-child(3n+3) {
   border-top-color: var(--athletic-gold);
   background: linear-gradient(
     180deg,
     rgba(184, 141, 74, 0.08) 0%,
     rgba(184, 141, 74, 0.025) 24%,
     #fff 62%
   );
   
}

.athletic-lp-page .athletic-section__cta {
   margin-top: 30px;
   text-align: center;
   
}


.athletic-lp-page .athletic-check-list {
   display: grid;
   gap: 9px;
   margin: 24px 0 0;
   padding: 0;
   color: var(--tb-muted);
   list-style: none;
   line-height: 1.7;
   
}

.athletic-lp-page .athletic-check-list li::before {
   margin-right: 9px;
   color: var(--athletic-teal);
   content: "✓";
   font-weight: 800;
   
}

.athletic-lp-page .athletic-small-note {
   margin-top: 24px !important;
   font-size: .9rem;
   
}


.athletic-lp-page .athletic-compare {
   display: grid;
   gap: 16px;
   margin-top: 42px;
   
}

.athletic-lp-page .athletic-compare article {
   display: grid;
   grid-template-columns: minmax(160px, .35fr) minmax(0, .75fr) minmax(0, .9fr);
   gap: 18px;
   align-items: stretch;
   padding: 22px;
   border: 1px solid var(--athletic-line);
   border-radius: 16px;
   background: #fff;
   
}

.athletic-lp-page .athletic-compare h3 {
   align-self: center;
   margin: 0;
   color: var(--athletic-navy);
   font-size: 1.05rem;
   
}

.athletic-lp-page .athletic-compare article > div {
   padding: 17px;
   border-radius: 11px;
   background: #f2f5f6;
   
}

.athletic-lp-page .athletic-compare article .athletic-compare__after {
   background: #e5f3f1;
   
}

.athletic-lp-page .athletic-compare b {
   color: var(--athletic-gold);
   font-size: 1.0rem;
   
}

.athletic-lp-page .athletic-compare__after b {
   color: var(--athletic-teal);
   
}

.athletic-lp-page .athletic-compare p {
   margin: 9px 0 0;
   color: var(--tb-muted);
   font-size: .9rem;
   line-height: 1.75;
   
}

.athletic-lp-page .athletic-compare__future {
   width: min(100%, 840px);
   margin: 18px auto 0;
   overflow: hidden;
   border-radius: 20px;
   background: #fff;
   box-shadow: 0 18px 42px rgba(23, 59, 95, .14);
}

.athletic-lp-page .athletic-compare__future img {
   display: block;
   width: 100%;
   height: auto;
}


.athletic-lp-page .athletic-feature-grid {
   margin-top: 40px;
   
}

.athletic-lp-page .athletic-section--navy .athletic-feature {
   border-color: rgba(255,255,255,.22);
   background: rgba(255,255,255,.08);
   
}

.athletic-lp-page .athletic-section--navy .athletic-feature h3 {
   color: #fff;
   
}

.athletic-lp-page .athletic-section--navy .athletic-feature p {
   color: rgba(255,255,255,.8);
   
}

.athletic-lp-page .athletic-security-grid article {
   min-width: 0;
   padding: 28px 24px;
   border: 1px solid var(--athletic-line);
   border-top: 4px solid var(--athletic-teal);
   border-radius: 16px;
   background: #fff;
   
}

.athletic-lp-page .athletic-security-grid h3 {
   margin: 0;
   color: var(--athletic-navy);
   font-size: 1.2rem;
   
}

.athletic-lp-page .athletic-security-grid li {
   color: var(--tb-muted);
   line-height: 1.75;
   
}


.athletic-lp-page .athletic-process-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 16px;
   margin-top: 42px;
   
}

.athletic-lp-page .athletic-process-grid article {
   min-width: 0;
   padding: 25px 22px;
   border: 1px solid var(--athletic-line);
   border-top: 4px solid var(--athletic-teal);
   border-radius: 16px;
   background: #fff;
   
}

.athletic-lp-page .athletic-process-grid b {
   color: var(--athletic-gold);
   font-size: .98rem;
   letter-spacing: .08em;
   
}

.athletic-lp-page .athletic-process-grid h3 {
   margin: 12px 0 0;
   color: var(--athletic-navy);
   font-size: 1.02rem;
   font-weight: 500;
   line-height: 1.5;
   
}

.athletic-lp-page .athletic-process-grid p {
   margin: 14px 0 0;
   color: var(--tb-muted);
   line-height: 1.75;
   
}

.athletic-lp-page .athletic-contact {
   max-width: 850px;
   text-align: center;
   
}

.athletic-lp-page .athletic-contact h2 {
   color: var(--athletic-navy);
   
}

.athletic-lp-page .athletic-contact > p {
   max-width: 750px;
   margin: 18px auto 0;
   color: var(--tb-muted);
   line-height: 1.9;
   
}

.athletic-lp-page .athletic-contact .site-button {
   margin-top: 28px;
   
}

.athletic-lp-page .athletic-contact small {
   display: block;
   margin-top: 16px;
   color: var(--tb-muted);
   
}

.athletic-lp-page .athletic-generation-focus {
   display: grid;
   grid-template-columns: minmax(220px, .54fr) minmax(0, 1fr);
   gap: clamp(24px, 4vw, 48px);
   margin-top: 28px;
   padding: clamp(24px, 3.5vw, 38px);
   border: 1px solid var(--athletic-line);
   border-radius: 16px;
   background: #f6f9f8;
}

.athletic-lp-page .athletic-generation-focus__heading {
   padding-right: clamp(20px, 3vw, 38px);
   border-right: 1px solid var(--athletic-line);
}

.athletic-lp-page .athletic-generation-focus__heading p {
   margin: 0;
   color: var(--athletic-gold);
   font-size: .8rem;
   font-weight: 700;
   letter-spacing: .04em;
}

.athletic-lp-page .athletic-generation-focus__heading h3 {
   margin: 14px 0 0;
   color: var(--athletic-navy);
   font-size: clamp(1.2rem, 2vw, 1.55rem);
   font-weight: 500;
   line-height: 1.55;
}

.athletic-lp-page .athletic-generation-focus__content p {
   margin: 0;
   color: var(--tb-muted);
   font-size: .93rem;
   line-height: 1.85;
}

.athletic-lp-page .athletic-generation-focus__content p + p {
   margin-top: 10px;
}

.athletic-lp-page .athletic-generation-focus__content ul {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 8px 14px;
   margin: 20px 0 0;
   padding: 0;
   list-style: none;
}

.athletic-lp-page .athletic-generation-focus__content li {
   position: relative;
   padding-left: 1em;
   color: var(--athletic-navy);
   font-size: .9rem;
   font-weight: 700;
   line-height: 1.65;
}

.athletic-lp-page .athletic-generation-focus__content li::before {
   position: absolute;
   top: 0;
   left: 0;
   color: var(--athletic-teal);
   content: "・";
}

.athletic-lp-page .athletic-generation-focus__content .athletic-generation-focus__message {
   margin-top: 22px;
   padding-top: 18px;
   border-top: 1px solid var(--athletic-line);
   color: var(--athletic-navy);
   font-size: 1rem;
   font-weight: 700;
   line-height: 1.7;
}

.athletic-lp-page .athletic-generation-focus--directory {
   margin-top: clamp(32px, 5vw, 56px);
}

.athletic-lp-page .athletic-directory-focus__cases-title {
   margin: 28px 0 0;
   color: var(--athletic-navy);
   font-size: 1.05rem;
   font-weight: 700;
   line-height: 1.6;
}

.athletic-lp-page .athletic-directory-focus__cases {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0 22px;
   margin-top: 8px;
}

.athletic-lp-page .athletic-directory-focus__cases article {
   padding: 18px 0;
   border-top: 1px solid var(--athletic-line);
}

.athletic-lp-page .athletic-directory-focus__cases h5 {
   margin: 0;
   color: var(--athletic-navy);
   font-size: .94rem;
   font-weight: 700;
   line-height: 1.65;
}

.athletic-lp-page .athletic-directory-focus__cases p {
   margin-top: 8px;
   font-size: .86rem;
   line-height: 1.75;
}

.athletic-lp-page .athletic-directory-focus__case--wide {
   grid-column: 1 / -1;
}

.athletic-lp-page .athletic-generation-focus--directory .athletic-generation-focus__message small {
   display: block;
   margin-top: 8px;
   color: var(--tb-muted);
   font-size: .84rem;
   font-weight: 500;
}

.athletic-lp-page .athletic-start-small {
   padding: clamp(42px, 5vw, 84px) 0;
   border-top: 1px solid rgba(31, 157, 165, .12);
   border-bottom: 1px solid rgba(31, 157, 165, .12);
   background: #f4f8f8;
}

.athletic-lp-page .athletic-start-small__grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 16px;
   margin-top: 34px;
}

.athletic-lp-page .athletic-start-small__grid article {
   min-width: 0;
   padding: 22px;
   border: 1px solid var(--athletic-line);
   border-top: 3px solid var(--athletic-teal);
   border-radius: 14px;
   background: rgba(255, 255, 255, .76);
}

.athletic-lp-page .athletic-start-small__grid b {
   color: var(--athletic-gold);
   font-size: .9rem;
   letter-spacing: .08em;
}

.athletic-lp-page .athletic-start-small__grid h3 {
   margin: 10px 0 0;
   color: var(--athletic-navy);
   font-size: 1.02rem;
   font-weight: 500;
   line-height: 1.5;
}

.athletic-lp-page .athletic-start-small__grid p {
   margin: 12px 0 0;
   color: var(--tb-muted);
   font-size: .9rem;
   line-height: 1.75;
}

.athletic-lp-page .athletic-start-small__note {
   max-width: 920px;
   margin: 20px 0 0;
   color: var(--tb-muted);
   font-size: .82rem;
   line-height: 1.75;
}

.athletic-lp-page a:focus-visible {
   outline: 3px solid rgba(31,157,165,.4);
   outline-offset: 3px;
   
}


@media (max-width: 1100px) {
  
  .athletic-lp-page .athletic-hero__grid {
     grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
     gap: 24px;
     
  }
  
  .athletic-lp-page .athletic-card-grid--5,
  .athletic-lp-page .athletic-approach-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     
  }
  

}


@media (max-width: 980px) {
  .athletic-lp-page .athletic-card-grid--3 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 960px) {
  
  .athletic-lp-page .athletic-hero__grid,
  .athletic-lp-page .athletic-copy-layout {
     grid-template-columns: 1fr;
     
  }
  
  .athletic-lp-page .athletic-hero-visual {
     max-width: 820px;
     width: 100%;
     margin: 0 auto;
     
  }
  
  .athletic-lp-page .athletic-platform-details {
     grid-template-columns: repeat(3, minmax(0, 1fr));
     
  }
  

}


@media (max-width: 720px) {
  
  .athletic-lp-page .athletic-hero {
     padding-bottom: 68px;
     
  }
  
  .athletic-lp-page .breadcrumb {
     margin-bottom: 30px;
     
  }
  
  .athletic-lp-page .athletic-actions {
     display: grid;
     
  }
  
  .athletic-lp-page .athletic-actions a {
     width: 100%;
     max-width: 400px;
     margin: 0 auto;     
     justify-content: center;
  }
  
  .athletic-lp-page .athletic-hero-visual {
     min-height: 0;
     padding: 0;
     border-radius: 23px;
     
  }
  
  .athletic-lp-page .athletic-hero-node {
     width: 142px;
     min-height: 106px;
     padding: 13px 10px;
     
  }
  
  .athletic-lp-page .athletic-hero-node strong {
     font-size: .9rem;
     
  }
  
  .athletic-lp-page .athletic-hero-node small {
     font-size: .68rem;
     
  }
  
  .athletic-lp-page .athletic-hero-node--alumni {
     top: 28px;
     
  }
  
  .athletic-lp-page .athletic-hero-node--active {
     bottom: 28px;
     left: 15px;
     
  }
  
  .athletic-lp-page .athletic-hero-node--history {
     right: 15px;
     bottom: 28px;
     
  }
  
  .athletic-lp-page .athletic-hero-core {
     width: 170px;
     min-height: 130px;
     padding: 17px;
     
  }
  
  .athletic-lp-page .athletic-hero-core strong {
     font-size: .95rem;
     
  }
  
  .athletic-lp-page .athletic-card-grid--3,
  .athletic-lp-page .athletic-card-grid--5,
  .athletic-lp-page .athletic-approach-grid,
  .athletic-lp-page .athletic-process-grid {
     grid-template-columns: 1fr;
     
  }

  .athletic-lp-page .athletic-generation-focus {
     grid-template-columns: 1fr;
     gap: 20px;
     padding: 20px;
  }

  .athletic-lp-page .athletic-generation-focus__heading {
     padding: 0 0 18px;
     border-right: 0;
     border-bottom: 1px solid var(--athletic-line);
  }

  .athletic-lp-page .athletic-generation-focus__content ul,
  .athletic-lp-page .athletic-directory-focus__cases,
  .athletic-lp-page .athletic-start-small__grid {
     grid-template-columns: 1fr;
  }

  .athletic-lp-page .athletic-directory-focus__case--wide {
     grid-column: auto;
  }

  .athletic-lp-page .athletic-platform-details {
     grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  .athletic-lp-page .athletic-compare article {
     grid-template-columns: 1fr;
     gap: 12px;
     padding: 18px;
     
  }
  
  .athletic-lp-page .athletic-compare h3 {
     margin-bottom: 2px;
     
  }
  
  .athletic-lp-page .athletic-diagram {
     margin-top: 32px;
     
  }
  
  .athletic-lp-page .athletic-diagram img {
     border-radius: 15px;
     
  }
  

}


@media (prefers-reduced-motion: reduce) {
  
  .athletic-lp-page *,
  .athletic-lp-page *::before,
  .athletic-lp-page *::after {
     scroll-behavior: auto !important;
     transition-duration: .01ms !important;
     animation-duration: .01ms !important;
     animation-iteration-count: 1 !important;
     
  }
  

}

.use-case-cover {
  
  padding: 10px 0 0;
  
  background: transparent;
  

}


.use-case-cover .site-shell {
  position: relative;
  
  overflow: hidden;
  
  border-radius: 20px;
  
  aspect-ratio: 20 / 9;
  

}

.use-case-cover__caption {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid rgba(36, 87, 166, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #16365c;
  font-family: "Kosugi Maru", sans-serif;
  font-size: clamp(.9rem, 1.6vw, 1.15rem);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .04em;
  box-shadow: 0 8px 20px rgba(23, 59, 95, .10);
}

.use-case-cover__caption strong {
  color: #1f9da5;
  font-weight: 900;
}

@media (min-width: 1025px) {
  .use-case-cover__caption {
    font-size: 1.35rem;
  }
}


.use-case-cover img {
  
  display: block;
  
  width: 100%;
  
  height: 111.111%;
  
  object-fit: cover;
  
  transform: translateY(-5.555%);
  

}


@media (max-width: 760px) {
  
  .use-case-cover .site-shell {
    
    border-radius: 14px;
    
  
  }

  .use-case-cover__caption {
    top: auto;
    bottom: 14px;
    left: 14px;
    padding: 8px 12px;
    font-size: .86rem;
  }
  

}