.heroSection { width: 100%; background-image: url('https://aximedia.s3.amazonaws.com/rebrand-prod/ijtdhnhp/frame-4155-1.png'); background-size: cover; background-position: center; background-repeat: no-repeat; } .heroInner { max-width: 1240px; margin: 0 auto; padding: 80px 60px; box-sizing: border-box; min-height: 380px; display: flex; align-items: center; } .heroContent { max-width: 480px; } .heroTitle { font-size: 36px; font-weight: 700; color: #1a1a1a; line-height: 1.35; margin: 0 0 16px; } .heroTitleRed { color: #FC404D; } .heroSubtitle { font-size: 14px; color: #333; line-height: 1.8; margin: 0 0 24px; } .heroBtn { display: inline-block; background: #FC404D; color: #fff; font-weight: 700; font-size: 15px; padding: 14px 32px; border-radius: 6px; text-decoration: none; margin-bottom: 40px; transition: background 0.2s ease; } .heroBtn:hover { background: #e0333f; color: #fff !important; text-decoration: none !important; } .heroDisclaimer { font-size: 11px; color: #999; margin: 0; line-height: 1.6; } .heroDisclaimerLink { color: #999; text-decoration: underline; } .heroDisclaimerLink:hover { color: #666 !important; text-decoration: underline !important; } @media (max-width: 768px) { .heroSection { background-image: url('https://aximedia.s3.amazonaws.com/rebrand-prod/teqkqhpz/1-2.png'); background-position: bottom center; } .heroInner { padding: 48px 24px 260px; min-height: auto; align-items: flex-start; } .heroContent { max-width: 100%; text-align: center; } .heroTitle { font-size: 28px; } .heroSubtitle { font-size: 13px; } .heroBtn { display: block; text-align: center; } }

.campaignStatsSection { width: 100%; padding: 32px 0 0; background: #fff; } .campaignStatsInner { max-width: 900px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .campaignStatsGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; text-align: center; margin-bottom: 32px; } .campaignStat { display: flex; flex-direction: column; align-items: center; } .campaignStatValue { font-size: 22px; font-weight: 700; color: #FC404D; margin: 0 0 6px; line-height: 1.2; } .campaignStatLabel { font-size: 13px; color: #888; margin: 0; } @media (max-width: 768px) { .campaignStatsGrid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .campaignStatValue { font-size: 17px; } }

.weeklyRewardsSection { width: 100%; padding: 60px 0; background: #fff; } .weeklyRewardsInner { max-width: 900px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; text-align: center; } .weeklyRewardsTitle { font-size: 28px; font-weight: 700; margin: 0 0 16px; line-height: 1.3; } .weeklyRewardsSubtitle { font-size: 14px; color: #444; line-height: 1.8; margin: 0 0 36px; } .weeklyRewardsGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .weeklyCard { background: #f7f7f7; border-radius: 12px; padding: 24px 16px 20px; text-align: center; position: relative; display: flex; flex-direction: column; align-items: center; } .weeklyBadge { display: inline-block; background: #FC404D; color: #fff; font-size: 13px; font-weight: 700; padding: 4px 14px; border-radius: 20px; margin-bottom: 14px; } .weeklyAmount { font-size: 28px; font-weight: 700; color: #FC404D; margin: 0 0 8px; line-height: 1.2; } .weeklyLabel { font-size: 12px; color: #888; margin: 0; } @media (max-width: 768px) { .weeklyRewardsSection { padding: 40px 0; } .weeklyRewardsTitle { font-size: 22px; } .weeklyRewardsSubtitle { font-size: 13px; } .weeklyRewardsGrid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .weeklyAmount { font-size: 22px; } } @media (max-width: 400px) { .weeklyRewardsGrid { grid-template-columns: 1fr 1fr; } }

.howToJoinSection { width: 100%; padding: 40px 0; background: #fff; } .howToJoinInner { max-width: 1111px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .howToJoinImage { width: 100%; height: auto; display: block; border-radius: 12px; } @media (max-width: 768px) { .howToJoinSection { padding: 24px 0; } .howToJoinInner { padding: 0 16px; } }

コンテストに参加する