@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

:root {
    --min-viewport-width: 767;
    --max-viewport-width: 1920;
    --max-viewport-height: 1080;
    --min-fluid-ratio: calc(1 / var(--min-viewport-width) * 100dvi);
    --max-fluid-ratio: calc(1 / var(--max-viewport-width) * 100dvi);
    --max-fluid-height-ratio: calc(1 / var(--max-viewport-height) * 100dvh);
    --pc-layout-ratio: calc((767 / 767) * 1px);
    --pc-shared-layout: 900px;
    --sp-shared-layout: calc(310 * var(--min-fluid-ratio));
    --base-font-size: 16;
    --primary-color: #000;
    --secondary-color: #fff;
    --tertiary-color: #f9db8e;
    --bg-sub-color:#002850;
    --font-noto-serif: "Noto Serif JP", serif;
    --rem: calc(1rem / var(--base-font-size));
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --easeInOut: cubic-bezier(.7,0,.3,1);
    --animation-time1: .5s;
    --animation-time2: 1s;
  }

/*********************************
 *
 * campaign26
 *
 *********************************/
 #campaign26 .pc {
    display: none;
 }

#campaign26 {
    font-family: "Noto Sans Japanese", sans-serif;
    font-feature-settings: "palt";
    overflow-x: hidden;
}
#campaign26 img {
    width: 100%;
    height: auto;
}
#campaign26 img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}
#campaign26 .campaign26-main {
    background-color: var(--primary-color);
    color: var(--secondary-color);
}

/* ----------------------------------

mv

------------------------------------*/
#campaign26 .campaign26-mv {
    background: url(../images/mv_bg.png) no-repeat center top / 100% auto;
    padding: calc(4 * var(--min-fluid-ratio)) 0 calc(230 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-mv__title-area {
    width: calc(756 * var(--min-fluid-ratio));
    margin-inline: auto;
}
#campaign26 .campaign26-mv__title img {
    transform: translateX(calc(-3 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-mv__lead {
    width: calc(535 * var(--min-fluid-ratio));
    margin-inline: auto;
    margin-top: calc(54 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-mv__lead img {
    transform: translateX(calc(11 * var(--min-fluid-ratio)));
}
#campaign26 .campaign26-mv__date {
    width: calc(688 * var(--min-fluid-ratio));
    margin: calc(22 * var(--min-fluid-ratio)) auto 0;
}

#campaign26 .campaign26-mv__caution {
    font-size: calc(21 * var(--min-fluid-ratio));
    text-align: center;
    margin-top: calc(11 * var(--min-fluid-ratio));
    letter-spacing: 0.05em;
    line-height: calc(32 / 21);
}

#campaign26 .campaign26-mv .campaign26-mv__linkarea {
    display: none;
} 

/* ----------------------------------

product

------------------------------------*/
#campaign26 .campaign26-product {
    background: url(../images/product_bg.png) no-repeat center bottom;
    background-size: 100% auto;
    padding-top: calc(94 * var(--min-fluid-ratio));
    padding-bottom: calc(266 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-product__inner {
    width: calc(680 * var(--min-fluid-ratio));
    margin-inline: auto;
}

#campaign26 .campaign26-product__title {
    width: calc(512 * var(--min-fluid-ratio));
    margin-inline: auto;
}
#campaign26 .campaign26-product__caution {
    text-align: center;
    color: var(--tertiary-color);
    font-size: calc(26 * var(--min-fluid-ratio));
    margin-top: calc(-32 * var(--min-fluid-ratio));
    letter-spacing: 0.08em;
}

#campaign26 .campaign26-product__box {
    margin-top: calc(66 * var(--min-fluid-ratio));
    display: block grid;
    row-gap: calc(30 * var(--min-fluid-ratio));
}

/* ----------------------------------

present

------------------------------------*/
#campaign26 .campaign26-present {
    padding-top: calc(80 * var(--min-fluid-ratio));
    padding-bottom: calc(163 * var(--min-fluid-ratio));
    background-color: var(--bg-sub-color);
}

#campaign26 .campaign26-present__inner {
    width: calc(673 * var(--min-fluid-ratio));
    margin-inline: auto;
}

#campaign26 .campaign26-present__title {
    width: calc(512 * var(--min-fluid-ratio));
    margin-inline: auto;
}

#campaign26 .campaign26-present__wrap {
    margin-top: calc(26 * var(--min-fluid-ratio));
    border: calc(2 * var(--min-fluid-ratio)) solid var(--tertiary-color);
    border-radius: calc(30 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-present__wrap > section {
    position: relative;
    padding-top: calc(47 * var(--min-fluid-ratio));
    padding-bottom: calc(75 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-present__wrap > section::before {
    --bg-height: calc(440 * var(--min-fluid-ratio));
    content: "";
    display: block;
    background: linear-gradient(180deg,rgba(20, 100, 148, 1) 0%, rgba(0, 40, 80, 1) 90%);
    position: absolute;
    width: 100%;
    height: var(--bg-height);
    left: 0;
    top: 0;
}

#campaign26 .campaign26-present__wrap .campaign26-present__box1::before {
    --radius: calc(28 * var(--min-fluid-ratio));
    --bg-height: calc(480 * var(--min-fluid-ratio));
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

#campaign26 .campaign26-present__img {
    width: calc(650 * var(--min-fluid-ratio));
    transform: translateX(calc(-24 * var(--min-fluid-ratio)));
    position: relative;
    z-index: 1;
}

#campaign26 .campaign26-present__caution {
    text-align: left;
    width: calc(554 * var(--min-fluid-ratio));
    margin-inline: auto;
    font-size: calc(21 * var(--min-fluid-ratio));
    line-height: calc(32 / 21);
    position: relative;
    z-index: 1;
    letter-spacing: 0.08em;
}

#campaign26 .campaign26-present__box1 .campaign26-present__caution {
    margin-top: calc(47 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-present__wrap .campaign26-present__box2 {
    padding-top: calc(60 * var(--min-fluid-ratio));
    padding-bottom: calc(73 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-present__box2 .campaign26-present__img {
    width: calc(673 * var(--min-fluid-ratio));
    transform: translateX(calc(-24 * var(--min-fluid-ratio)));
    position: relative;
    z-index: 1;
}

#campaign26 .campaign26-present__box2 a {
    display: block;
    width: fit-content;
    font-size: calc(33 * var(--min-fluid-ratio));
    position: relative;
    color: #00c8ff;
    margin: calc(37 * var(--min-fluid-ratio)) auto 0;
    letter-spacing: 0.08em;
}

#campaign26 .campaign26-present__wrap .campaign26-present__box3 {
    padding-top: calc(59 * var(--min-fluid-ratio));
    padding-bottom: calc(66 * var(--min-fluid-ratio));
}


#campaign26 .campaign26-present__box3 .campaign26-present__caution {
    margin-top: calc(23 * var(--min-fluid-ratio));
}


/* ----------------------------------

appli

------------------------------------*/
#campaign26 .campaign26-appli__lead {
    width: calc(660 * var(--min-fluid-ratio));
    margin: calc(45 * var(--min-fluid-ratio)) auto 0;
}

#campaign26 .campaign26-appli__inner {
    width: calc(687 * var(--min-fluid-ratio));
    margin: calc(23 * var(--min-fluid-ratio)) auto 0;
    color: #000;
}
#campaign26 .campaign26-appli__link {
    display: block;
}

details summary {
  cursor: pointer;
}
@media (hover :hover) {
  details summary:hover {
    opacity: 0.75;
  }
}

summary {
  display: block;
  list-style: none;
}

summary::marker {
  content: "";
}

summary::-webkit-details-marker {
  display:none;
}

details {
  /* &::details-content {
    @media (prefers-reduced-motion: no-preference) {
      overflow: clip;
      transition-duration: 300ms;
      transition-property: content-visibility, block-size;
      transition-behavior: allow-discrete;
    }
  } */

  &:not(:open)::details-content {
    block-size: 0;
  }
}
#campaign26 {
    details {
        summary {
            position: relative;
            .icon {
                --icon-size: calc(30 * var(--min-fluid-ratio));
                display: block;
                width: var(--icon-size);
                height: var(--icon-size);
                position: absolute;
                inset: 0 calc(38 * var(--min-fluid-ratio)) 0 auto;
                margin-block: auto;
                &:before,
                &:after {
                    content: "";
                    position: absolute;
                    background: #000;
                }
                &:before {
                    width: 100%;
                    height: calc(4 * var(--min-fluid-ratio));
                    inset: 0;
                    margin-block: auto;
                }
                &:after {
                    width: calc(4 * var(--min-fluid-ratio));
                    height: 100%;
                    top: 0;
                    inset: 0;
                    margin-inline: auto;
                }
            }
        }
        .details_content {
            background-color: transparent;
        }
    }
    details[open] {
        summary {
            .icon {
                &:after {
                    opacity: 0;
                }
            }
        }
    }
    details {
        /* &::details-content {
            @media (prefers-reduced-motion: no-preference) {
                overflow: clip;
                transition-duration: 500ms;
                transition-property: content-visibility, block-size;
                transition-behavior: allow-discrete;
            }
        } */
        &:not(:open)::details-content {
            block-size: 0;
        }
    }
}



#campaign26 .campaign26-accordion {
    margin-top: calc(40 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-accordion__title {
    position: relative;
    width: 100%;
}
#campaign26 .campaign26-accordion__btn.accordion-trigger[aria-expanded="true"] .js-ac-icon:after {
    opacity: 0;
}
#campaign26 .campaign26-accordion__area {
    padding-top: calc(72 * var(--min-fluid-ratio));
    padding-bottom: calc(102 * var(--min-fluid-ratio));
    background: #fff;
}

#campaign26 .campaign26-step-wrap {
    background: url(../images/bg_step.png) no-repeat center bottom  / 100% auto;
    padding-bottom: calc(142 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-step-wrap + .campaign26-step-wrap {
    margin-top: calc(18 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-step-wrap--2 {
    padding-bottom: calc(96 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-step-wrap--3 {
    padding-bottom: calc(110 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-step-wrap--4 {
    background: none;
    padding-bottom: 0;
}

#campaign26 .campaign26-step-wrap--1-2 {
    padding-bottom: calc(133 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-step-wrap--1-3 {
    padding-bottom: calc(72 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-step-wrap--3-3 {
    padding-bottom: calc(86 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-accordion__close {
    width: calc(420 * var(--min-fluid-ratio));
    margin: calc(61 * var(--min-fluid-ratio)) auto 0;
    background: #fff;
    display: block;
    cursor: pointer;
}
#campaign26 .campaign26-step-wrap__title {
    width: calc(599 * var(--min-fluid-ratio));
    margin-inline: auto;
    font-size: calc(45 * var(--min-fluid-ratio));
    font-weight: 600;
    border-bottom: 1px solid #000;
    font-family: var(--font-noto-serif);
    line-height: 1;
    padding-bottom: calc(11 * var(--min-fluid-ratio));
    letter-spacing: 0.08em;
}
#campaign26 .campaign26-step-wrap__title span {
    font-size: calc(80 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-step-wrap__img {
    margin-inline: auto;
}

#campaign26 .campaign26-step-wrap__img.step-img1-1 {
    width: calc(545 * var(--min-fluid-ratio));
    margin-top: calc(46 * var(--min-fluid-ratio));
    transform: translateX(calc(10 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__img.step-img2 {
    width: calc(449 * var(--min-fluid-ratio));
    margin-top: calc(34 * var(--min-fluid-ratio));
    transform: translateX(calc(39 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__img.step-img3 {
    width: calc(366 * var(--min-fluid-ratio));
    margin-top: calc(35 * var(--min-fluid-ratio));
    transform: translateX(calc(-2 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__img.step-img4 {
    width: calc(442 * var(--min-fluid-ratio));
    margin-top: calc(36 * var(--min-fluid-ratio));
    transform: translateX(calc(34 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__img.step-img1-2 {
    width: calc(504 * var(--min-fluid-ratio));
    margin-top: calc(25 * var(--min-fluid-ratio));
    transform: translateX(calc(19 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__img.step-img1-3 {
    width: calc(436 * var(--min-fluid-ratio));
    margin-top: calc(25 * var(--min-fluid-ratio));
    transform: translateX(calc(31 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__img.step-img2-2 {
    width: calc(449 * var(--min-fluid-ratio));
    margin-top: calc(33 * var(--min-fluid-ratio));
    transform: translateX(calc(40 * var(--min-fluid-ratio)));
}


#campaign26 .campaign26-step-wrap__img.step-img2-3-1 {
    width: calc(436 * var(--min-fluid-ratio));
    margin-top: calc(25 * var(--min-fluid-ratio));
    transform: translateX(calc(33 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__img.step-img2-3-2 {
    width: calc(371 * var(--min-fluid-ratio));
    margin-top: calc(30 * var(--min-fluid-ratio));
    transform: translateX(calc(1 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__img.step-img3-2 {
    width: calc(439 * var(--min-fluid-ratio));
    margin-top: calc(42 * var(--min-fluid-ratio));
    transform: translateX(calc(34 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__img.step-img4-2 {
    width: calc(434 * var(--min-fluid-ratio));
    margin-top: calc(36 * var(--min-fluid-ratio));
    transform: translateX(calc(33 * var(--min-fluid-ratio)));
}

#campaign26 .campaign26-step-wrap__text {
    width: calc(599 * var(--min-fluid-ratio));
    margin: calc(19 * var(--min-fluid-ratio)) auto 0;
    line-height: calc(40 / 30);
    font-size: calc(30 * var(--min-fluid-ratio));
    font-family: "Noto Sans Japanese", sans-serif;
    letter-spacing: 0.02em;
}
#campaign26 .campaign26-step-wrap__text small {
    font-size: 50%;
    vertical-align: top;
}
#campaign26 .campaign26-step-wrap__caution {
    width: calc(599 * var(--min-fluid-ratio));
    margin: calc(14 * var(--min-fluid-ratio)) auto 0;
    font-size: calc(25 * var(--min-fluid-ratio));
    line-height: calc(33/25);
    color: #d40003;
}

#campaign26 .campaign26-step-wrap__note {
    width: calc(599 * var(--min-fluid-ratio));
    margin: calc(21 * var(--min-fluid-ratio)) auto 0;
    font-size: calc(21 * var(--min-fluid-ratio));
    line-height: calc(32/21);
    letter-spacing: 0.03em;
}


#campaign26 .campaign26-step-wrap__caution small {
    font-size: 50%;
    vertical-align: top;
}

#campaign26 .campaign26-guidelines {
    margin-top: calc(80 * var(--min-fluid-ratio));
    padding-bottom: calc(74 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-guidelines__inner {
    width: calc(686 * var(--min-fluid-ratio));
    margin-inline: auto;
}

#campaign26 .campaign26-guidelines .campaign26-accordion {
    border: calc(2 * var(--min-fluid-ratio)) solid #fff;
}
#campaign26 .campaign26-guidelines .campaign26-accordion__title {
    width: 100%;
    background: #000;
    color: #fff;
    line-height: 1;
    font-size: calc(40 * var(--min-fluid-ratio));
    letter-spacing: 0.16em;
    font-family: var(--font-noto-serif);
    padding: calc(28 * var(--min-fluid-ratio)) 0 calc(28 * var(--min-fluid-ratio));
    font-weight: 600;
    text-align: center;
}
#campaign26 .campaign26-guidelines .icon:before,
#campaign26 .campaign26-guidelines .icon:after {
    background: #fff;
}

#campaign26 .campaign26-guidelines__wrap {
    width: calc(604 * var(--min-fluid-ratio));
    height: calc(602 * var(--min-fluid-ratio));
    overflow: auto;
    margin: 0 auto;
    color: #000;
    font-size: calc(21 * var(--min-fluid-ratio));
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 400;
    padding-right: calc(20 * var(--min-fluid-ratio));
}


#campaign26 .campaign26-guidelines__box {
    margin-top: calc(20 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-guidelines__subtitle {
    font-weight: 700;
}
#campaign26 .campaign26-guidelines__subtitle--terms:before {
    content: "■";
}
#campaign26 .campaign26-guidelines__text + dd {
    margin-top: calc(10 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-guidelines__caution {
    display: block;
    position: relative;
    padding-left: calc(21 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-guidelines__caution:before {
    position: absolute;
    content: "※";
    display: block;
    left: 0;
    top: 0;
}
#campaign26 .campaign26-guidelines__list {
    list-style-type: "";
}
#campaign26 .campaign26-guidelines__list li {
    position: relative;
    padding-left: calc(21 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-guidelines__list li:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "・";
}
#campaign26 .campaign26-guidelines__list--large {
    list-style-type: "";
}
#campaign26 .campaign26-guidelines__list--large > li {
    position: relative;
    padding-left: calc(24 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-guidelines__list--large > li strong {
    text-decoration: underline;
}

#campaign26 .campaign26-guidelines__list--large > li:before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    }
#campaign26 .campaign26-guidelines__list--num {
    list-style-type: "";
}
#campaign26 .campaign26-guidelines__list--num > li {
    position: relative;
    padding-left: calc(24 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-guidelines__list--num > li:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
#campaign26 .campaign26-guidelines__list--num > li:nth-child(1):before {
    content: "①";
}
#campaign26 .campaign26-guidelines__list--num > li:nth-child(2):before {
    content: "②";
}
#campaign26 .campaign26-guidelines__list--num > li:nth-child(3):before {
    content: "③";
}
#campaign26 .campaign26-guidelines__list--num > li:nth-child(4):before {
    content: "④";
}
#campaign26 .campaign26-guidelines__list--num > li:nth-child(5):before {
    content: "⑤";
}

#campaign26 .campaign26-guidelines .campaign26-accordion__area {
    padding-top: calc(46 * var(--min-fluid-ratio));
    padding-bottom: calc(42 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-contact {
    text-align: center;
    background-color: var(--primary-color);
    margin-top: calc(62 * var(--min-fluid-ratio));
    border: calc(2 * var(--min-fluid-ratio)) solid #fff;
    font-size: calc(30 * var(--min-fluid-ratio));
    font-weight: 400;
    font-family: "Noto Sans Japanese", sans-serif;
    padding-bottom: calc(32 * var(--min-fluid-ratio));
    line-height: 1;
    letter-spacing: 0.03em;
}
#campaign26 .campaign26-contact__title {
    font-family: var(--font-noto-serif);
    font-size: calc(30 * var(--min-fluid-ratio));
    letter-spacing: 0.12em;
    font-weight: 600;
    padding: calc(15 * var(--min-fluid-ratio)) 0 calc(16 * var(--min-fluid-ratio));
    border-bottom: calc(2 * var(--min-fluid-ratio)) solid #fff;
    margin-bottom: calc(33 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-contact__text2 {
    margin-top: calc(19 * var(--min-fluid-ratio));
    font-size: calc(45 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-contact__text3 {
    margin-top: calc(8 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-contact__text4 {
    margin-top: calc(12 * var(--min-fluid-ratio));
    font-size: calc(40 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-contact__text5 {
    margin-top: calc(13 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-contact a {
    color: #fff;
    text-decoration: none;
}
#campaign26 .campaign26-contact a:hover {
    text-decoration: underline;
}

#campaign26 .campaign26-contact__caution {
    font-size: calc(20 * var(--min-fluid-ratio));
    margin-top: calc(19 * var(--min-fluid-ratio));
    font-family: "Noto Sans Japanese", sans-serif;
    line-height: calc(35 / 20);
    letter-spacing: 0.01em;
}

#campaign26 .campaign26-linkarea {
    background: url("../images/linkarea_bg.png") no-repeat 0 0;
    background-size: cover;
    padding: calc(65 * var(--min-fluid-ratio)) 0 calc(65 * var(--min-fluid-ratio));
    font-family: "Noto Sans Japanese", sans-serif;
    color: #000;
}
#campaign26 .campaign26-linkarea__inner {
    text-align: center;
    width: calc(601 * var(--min-fluid-ratio));
    margin-inline: auto;
}
#campaign26 .campaign26-linkarea__title {
    font-size: calc(30 * var(--min-fluid-ratio));
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1;
}

#campaign26 .campaign26-linkarea__official {
    width: calc(322 * var(--min-fluid-ratio));
    margin: calc(67 * var(--min-fluid-ratio)) auto 0;
    display: block;
}

#campaign26 .campaign26-linkarea__subtitle {
    font-size: calc(24 * var(--min-fluid-ratio));
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1;
    background: #fff;
    margin-top: calc(138 * var(--min-fluid-ratio));
    padding: calc(25 * var(--min-fluid-ratio)) 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    position: relative;
}
#campaign26 .campaign26-linkarea__subtitle:before, #campaign26 .campaign26-linkarea__subtitle:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 1px;
}
#campaign26 .campaign26-linkarea__subtitle:before {
    top: calc(5 * var(--min-fluid-ratio));
    border-top: 1px solid #000;
}
#campaign26 .campaign26-linkarea__subtitle:after {
    bottom: calc(5 * var(--min-fluid-ratio));
    border-bottom: 1px solid #000;
}
#campaign26 .campaign26-linkarea__store-link {
    display: block;
    margin-top: calc(14 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-linkarea__store-link.campaign26-linkarea__link1 {
    margin-top: calc(36 * var(--min-fluid-ratio));
}
#campaign26 .campaign26-linkarea__caution {
    font-size: calc(21 * var(--min-fluid-ratio));
    margin-top: calc(22 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-copy {
    text-align: center;
    padding: calc(61 * var(--min-fluid-ratio)) 0 calc(74 * var(--min-fluid-ratio));
    font-size: calc(20 * var(--min-fluid-ratio));
    letter-spacing: 0.04em;
    line-height: calc(28 / 20);
    font-family: var(--font-noto-serif);
}

/* close対応 */
#campaign26 .campaign26-main--close {
    background-color: var(--primary-color);
}

#campaign26 .campaign26-main--close .campaign26-mv {
    padding-bottom: calc(16 * var(--min-fluid-ratio));
    background: url(../images/mv-close_bg.png) no-repeat center top / 100% auto;
}

#campaign26 .campaign26-main--close .campaign26-mv__close {
    width: calc(643* var(--min-fluid-ratio));
    margin: calc(52 * var(--min-fluid-ratio)) auto 0;
}

#campaign26 .campaign26-main--close .campaign26-mv__close img {
    transform: translateX(calc(8 * var(--min-fluid-ratio)));
}



#campaign26 .campaign26-main--close .campaign26-guidelines {
    margin-top: calc(62 * var(--min-fluid-ratio));
}

#campaign26 .campaign26-main--close .campaign26-guidelines .campaign26-contact {
    margin-top: 0;
}



@media  (min-width: 769px) {
    :root {
        --min-fluid-ratio: 1px;
    }
    #campaign26 {
        &::before {
            content: "";
            display: block;
            background: url(../images/pc_bg.png) no-repeat center top;
            background-size: cover;
            width: 100%;
            height: 100%;
            position: fixed;
            inset: 0;
            z-index: -1;

        }
    }

    #campaign26 img {
        max-width: 100%;
    }
    #campaign26 .campaign26-main {
        max-width: 767px;
        width: 100%;
        position: relative;
        margin-inline: auto;
    }
    #campaign26 .campaign26-main:before,
    #campaign26 .campaign26-main:after {
        content: "";
        width: 44px;
        height: 100%;
        top: 0;
        display: block;
        position: absolute;
    }
    #campaign26 .campaign26-main:before {
        background: url("../images/bg_shadow_left.png") repeat-y top right;
        left: -44px;
    }
    #campaign26 .campaign26-main:after {
        background: url("../images/bg_shadow_right.png") repeat-y top left;
        right: -44px;
    }

    #campaign26 .campaign26-wrapper {
        position: relative;
        display: flex;
        justify-content: flex-end;
        max-width: 1720px;
        margin-inline: auto;
    }
}

@media  (min-width: 1320px) {


    #campaign26 .pc {
        display: block;
    }

    #campaign26 .campaign26-wrapper {
        margin-inline: auto calc(100 * var(--max-fluid-ratio));
    }

    #campaign26 .campaign26-main {
        margin-inline: 0;
        position: relative;
    }
    

    #campaign26 .campaign26-mv {
        background: url(../images/mv_bg-pc.png) no-repeat center top / 100% auto;
        padding-top: calc(12 * var(--max-fluid-ratio));
    }

    #campaign26 .campaign26-main--close .campaign26-mv {
        background: url(../images/mv-close_bg.png) no-repeat center -220px / 100% auto;
    }
    
    #campaign26 .campaign26-mv__line {
        display: none;
    }

    #campaign26 .campaign26-mv .campaign26-mv__linkarea {
        display: block grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 42px;
        width: 714px;
        margin-inline: auto;
    }
    #campaign26 .campaign26-mv__title-area {
        position: fixed;
        top: calc(50% + 50px);
        transform: translateY(-50%);
        margin: 0;
        width: calc(974 * var(--max-fluid-ratio));
        left: min(38px , calc(38 * var(--max-fluid-ratio)));
    }

    #campaign26 .campaign26-mv__title img {
        transform: none;
    }

    #campaign26 .campaign26-pc .campaign26-pc__lead {
        width: min(436px , calc(436 * var(--max-fluid-ratio)));
        margin: min(30px , calc(30 * var(--max-fluid-ratio))) auto 0;
    }

    #campaign26 .campaign26-pc .campaign26-pc__lead img {
        transform: translateX(-9px , calc(-9 * var(--max-fluid-ratio)));
    }
    #campaign26 .campaign26-pc .campaign26-pc__btn {
        width: min(471px , calc(471 * var(--max-fluid-ratio)));
        margin: min(19px , calc(19 * var(--max-fluid-ratio))) auto 0;
        display: block;
    }
    #campaign26 .campaign26-pc .campaign26-pc__btn img {
        transform: translateX(-11px , calc(-11 * var(--max-fluid-ratio)));
    }
}


@media  (min-width: 1320px) and (max-width: 1800px) {

    #campaign26 .campaign26-mv__title-area {
        width: calc(100% - 846px);
        left: 0;
    }

    #campaign26 .campaign26-mv__title {
        width: 90%;
        margin-inline: auto;
    }
}

@media (hover: hover) {
    a:hover img,
    button:hover {
        filter: brightness(0.8);
        transition: opacity 0.3s;
    }
    #campaign26 .campaign26-present__box1 a:hover,
    #campaign26 .eraberuPay .eraberuPay__link:hover {
        text-decoration: none;
    }
}


/*********************************
*
* 調整
*
*********************************/
.ucc-o-main {
    padding-bottom: 0;
}