:root { --glay: #636363; }

.breadcrumb-content { padding: 5px 0;
        @media screen and (min-width: 768px) { padding: 10px 0; } }

.kome { margin-bottom: 20px; font-size: 11px; color: var(--glay); }
.expired { color: red; text-align: center; font-weight: 500; background-color: #FAE0E0; padding: 10px; }
.ctr { text-align: center; }
.ctrsp { @media screen and (max-width: 767.98px) { text-align: center; } }


.main433 { font-size: 100%; padding-bottom: 50px; background-color: #fff; container-type: inline-size;
  --t-xs:  clamp(0.6875rem, 0.659rem + 0.121vw, 0.75rem);   /* 11px → 12px */
  --t-sm:  clamp(0.8125rem, 0.784rem + 0.121vw, 0.875rem);  /* 13px → 14px */
  --t-base: clamp(0.9375rem, 0.909rem + 0.121vw, 1rem);     /* 15px → 16px */
  --t-md:  clamp(1rem,      0.943rem + 0.242vw, 1.125rem);  /* 16px → 18px */
  --t-lg:  clamp(1.125rem,  1.011rem + 0.485vw, 1.375rem);  /* 18px → 22px */
  --t-xl:  clamp(1.25rem,   1.080rem + 0.727vw, 1.625rem);  /* 20px → 26px */
  --t-2xl: clamp(1.5rem,    1.273rem + 0.97vw,  2rem);      /* 24px → 32px */
}


.main433 .mvsection { width: 100%; height: 100cqw; background: url("../../../../../images/pages/f-static/campaign/433/433_bg_001s.jpg") no-repeat 0 0 / 100%;
        @container (min-width: 768px) { height: 680px; background: url("../../../../../images/pages/f-static/campaign/433/433_bg_001.jpg") no-repeat center top / 1300px; }

        & .mvsection_ttlbox { width: 100%; max-width: 1100px; margin: auto; position: relative;
                @container (min-width: 768px) { height: 600px; } }

        & .ttlimg { width: 84%; padding-top: 40px; margin-left: 8%;
                @container (min-width: 768px) { width: 480px; display: block; padding-top: 100px; margin-left: 310px; } }

        & .deco1 { position: absolute; width: 26%; top: 0; right: 0;
                @container (min-width: 768px) { width: 290px; top: 10px; right: 80px; } }

        & .deco2 { position: absolute; width: 30%; bottom: -50px; left: 0;
                @container (min-width: 768px) { width: 330px; top: 270px; bottom: auto; left: 70px; } }

        & .deco3 { position: absolute; width: 68%; bottom: -50px; right: 0;
                @container (min-width: 768px) { width: 450px; top: 400px; bottom: auto; right: 170px; } }

        & .tagimg { position: absolute; top: 20px; left: 10px; width: 20%;
                @container (min-width: 768px) { top: 70px; left: 250px; width: 120px; } } }

.main433 .noticesection { width: 90%; max-width: 1100px; margin: auto; padding: 20px 10px; background-color: #fbf6ef; border-radius: 10px;
        @container (min-width: 768px) { padding: 30px 50px; }

        & .nttl { font-weight: 700; color: #ee723d; margin-bottom: 10px; font-size: var(--t-md); text-align: center; }
        & p { font-size: var(--t-xs); line-height: 1.8;
                @container (min-width: 768px) { font-size: var(--t-sm); } } }

hr { border-top: 1px dotted #aaa; }

.sponly { @media (min-width: 768px) { display: none !important; } }
.pconly { @media (max-width: 767.98px) { display: none; } }