@charset "UTF-8";

/* ----------------------------------
  common
------------------------------------ */
@font-face {
  font-family: 'SoDoSans';
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Regular.woff") format("woff2");
}

@font-face {
  font-family: 'SoDoSans';
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff2");
}

.mod-en {
  font-family: 'SoDoSans';
}


body {
  height: 100%;
  overflow: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}


@media print,
screen and (min-width: 1024px) {
  .mod-pc {
    display: block;
  }

  .mod-sp {
    display: none;
  }

  .pageInner {
    width: 315px;
    margin: 0 auto;
  }
}

@media print,
screen and (max-width: 1023px) {
  .mod-pc {
    display: none;
  }

  .mod-sp {
    display: block;
  }

}

/* ----------------------------------
  mainContents
------------------------------------ */

.mainContents {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0;
  background: #d4e9e2;
}
.mainContents p {
  margin: 0;
  color: #006241;
}

.mainContents .pageCampaignTitle {
    color: #006241;
    font-weight: bold;
}

/* ----------------------------------
  pageLinkSection
------------------------------------ */
.pageLinkSection {
  background: #f2f0eb;
}
.pageLinkSection .pageLink {
  display: flex;
}

.pageLinkSection .pageLinkItem a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.pageLinkSection .pageLinkItem._commingsoon a::before {
  content: "";
  background: rgba(20, 7, 0, .65);
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
}

.pageLinkSection .pageLinkText {
  position: absolute;
  transform: translate(-50%, -50%);
}


/* ----------------------------------
  pageLeadSection
------------------------------------ */
.pageLeadSection {
  background: #f2f0eb;
}

.pageLeadSection .pageLeadText {
  line-height: calc(46/28);
  font-weight: bold;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}

/* ----------------------------------
  pageCampaignSection
------------------------------------ */
.pageCampaignSection .pageCampaignTitle {
  font-weight: bold;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}

/* ----------------------------------
  pageStep
------------------------------------ */
.pageStep .step01,
.pageStep .step02 {
  position: relative;
}
.pageStep .step01::before {
  content: "";
  background: url(/youkou/mop25summer/images/ttl_step01.png) no-repeat;
  background-size: cover;
  display: inline-block;
  width: 52px;
  height: 52px;
  position: absolute;
  top: 8px;
    left: 22px;
}
.pageStep .step02::before {
  content: "";
  background: url(/youkou/mop25summer/images/ttl_step02.png) no-repeat;
  background-size: cover;
  display: inline-block;
  width: 52px;
  height: 52px;
  position: absolute;
  top: -8px;
    left: 22px;
}
.pageStep .stepArrow {
  width: 23.5px;
  margin: 18px auto 0;
}
/* ----------------------------------
  pageGuideSection
------------------------------------ */
.pageGuideSection {
  background: #f2f0eb;
}
.pageGuideSection .pageGuideText {
  font-feature-settings: "palt";
  line-height: calc(50.19/31.14);
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: bold;
}
.pageGuideSection .btn {
  background: #006241;
  margin: 0 auto;
}
.pageGuideSection .btn a {
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;
  transition: 0.3s;
}
.pageGuideSection .btn a:hover {
  opacity: 0.7;
}
.pageGuideSection .pageGuideNote {
  font-size: 10px;
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  text-align: center;
}

@media print, screen and (min-width: 1024px) {

  /* ----------------------------------
    mainContents
  ------------------------------------ */
  .mainContents {
    position: relative;
  }
  .mainContentsIn {
    position: relative;
  }
  .Content-wrap {
    display: block;
    width: 375px;
    margin: 0 auto;
    box-shadow: 
    -20px 0 30px -15px rgba(90, 90, 90, 0.4),
    20px 0 30px -15px rgba(90, 90, 90, 0.4);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .Content-wrap::-webkit-scrollbar{
    display:none;
  }
  .fixedLink.mod-pc {
    position: fixed;
    top: 440px;
    right: calc(50% / 2 - 187px);
    transform: translateY(-50%);
    z-index: 100;
  }
  .fixedLink.mod-pc p.fixedLink_text {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 21px;
    letter-spacing: 0.05em;
  }
   .fixedLink.mod-pc img {
    display: block;
    width: 87px;
    height: auto;
    margin: 0 auto;
   }

  /* ----------------------------------
    pageLinkSection
  ------------------------------------ */
  .pageLinkSection .pageLink {
    gap: 1.5px;
    margin-top: 1.5px;
  }
  .pageLinkSection .pageLinkText {
    width: 154px;
    height: 101px;
    background: #d4e9e2;
    top: 48%;
    left: 50%;
  }
  .pageLinkSection .pageLinkText._02 {
        top: 49%;
        width: 164px;
        height: 104px;
  }
  /* 1つめのテキスト */
.pageLinkSection .pageLinkText._01 {
  left: 52%;
  background: transparent;
}
.pageLinkSection .pageLinkText .t1 {
  position: absolute;
  top: 7px;
  left: 0;
  /* background: #d4e9e2; */
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.1em;
  padding: 0 5px;
  width: max-content;
}
.pageLinkSection .pageLinkText ._bubble {
  position: absolute;
  width: 155.5px;
}
.pageLinkSection .pageLinkText._01 ._bubble {
        top: -11px;
        left: -3px;
}
.pageLinkSection .pageLinkText._02 ._bubble {
        top: 11px;
        left: 12px;
        width: 143.5px;
}
.pageLinkSection .pageLinkText._01 .t1 {
top: -11px;
        left: 11px;
        letter-spacing: 0.07em;
}
.pageLinkSection .pageLinkText._02 .t1 {
font-size: 13px;
        top: 12px;
        left: 20px;
        font-feature-settings: "palt";
}
.pageLinkSection .pageLinkText .t2 {
  position: absolute;
  top: 34px;
  left: 14px;
  line-height: calc(27 / 19);
  font-weight: bold;
  font-size: 19px;
  letter-spacing: 0.1em;
  padding: 0 31px;
  width: max-content;
}
.pageLinkSection .pageLinkText .t2 span {
font-size: 10px;
        font-weight: bold;
        font-feature-settings: "palt";
}
.pageLinkSection .pageLinkText .t3 {
  position: absolute;
  top: 60px;
  left: 7px;
  font-weight: bold;
  font-size: 21px;
  letter-spacing: 0.12em;
  padding: 0 21px;
  width: max-content;
}

/* 2つ目のテキスト */
.pageLinkSection .pageLinkText._02 .t2 {
  font-size: 16px;
        left: 27px;
  padding: 0 25px;
}
.pageLinkSection .pageLinkText._02 .t3 {
        top: 56px;
        left: 16px;
}


  /* ----------------------------------
    pageLeadSection
  ------------------------------------ */
  .pageLeadSection {
    padding: 36px 0;
  }
  .pageLeadSection .pageLeadText {
    font-size: 14px;
  }

  /* ----------------------------------
    pageCampaignSection
  ------------------------------------ */
  .pageCampaignSection {
    padding: 22px 0 0;
  }
  .pageCampaignSection .pageCampaignTitle {
    font-size: 22.5px;
  }
  .pageCampaignSection ._02 .pageCampaignTitle {
    font-size: 25px;
    letter-spacing: 0.09em;
    margin-bottom: 3px;
  }
  .pageCampaignSection ._02 ._bubble {
    position: absolute;
        top: 54px;
        left: 53px;
        width: 269.5px;
  }
  .pageCampaignSection .pageCampaignImage {
    position: relative;
    width: 300px;
    margin: 0 auto;
  }
  /* .pageCampaignSection .pageCampaignImage::before {
    content: "";
    background: rgba(20, 7, 0, .65);
    display: inline-block;
    width: 300px;
    height: 96%;
    position: absolute;
    top: 6px;
  } */
  .pageCampaignSection .pageCampaignImage._open {
    width: 358.5px;
    left: 3px;
  }
  .pageCampaignSection .pageCampaignImage._open::before {
    background: transparent;
  }
  .pageCampaignSection .pageCampaign._01 {
    position: relative;
    margin-bottom: 23px;
  }

  .pageCampaignSection .pageCampaign._01 ._bubble {
    position: absolute;
width: 227px;
        top: 8px;
        left: 73px;
  }

  .pageCampaignSection .pageCampaign._01 ._img {
    width: 231px;
    height: 187px;
    position: absolute;
    top: 36px;
    left: 35px;
    z-index: 1;
  }
  .pageCampaignSection .pageCampaign._01 .pageCampaignImage img {
    margin-top: 5px;
  }

  .pageCampaignSection .pageCampaign._01 ._date {
    position: absolute;
    top: 78px;
    left: 68px;
    width: 188.5px;
    font-size: 32px;
    background: #d4e9e2;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 11px 0;
  }
  .pageCampaignSection .pageCampaign._01 ._week {
    font-size: 30.245px;
    font-weight: bold;
    vertical-align: middle;
  }
  .pageCampaignSection .pageCampaign._01 ._text {
    position: absolute;
    top: 147px;
    left: 63px;
    width: 188.5px;
    font-size: 31.12px;
    background: #d4e9e2;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 20px 0;
  }

  .pageCampaignSection .pageCampaign._02 {
    position: relative;
    background: #fee4dd;
    padding-top: 48px;
    padding-bottom: 80px;
  }
.pageCampaignSection .pageCampaign._02 .pageCommingsoonArea {
position: absolute;
        top: 90px;
        left: 57px;
        background: #d4e9e2;
        width: 188.5px;
        padding: 21px 0 31px;
}
   .pageCampaignSection .pageCampaign._02 ._date {

    font-size: 30.245px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
            margin-bottom: 11px;
  }
  .pageCampaignSection .pageCampaign._02 ._week {
   font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
  }
  .pageCampaignSection .pageCampaign._02 ._text {

        font-size: 31.12px;
        font-weight: bold;
        text-align: center;
        line-height: 1;
  }
  .pageCampaignSection .pageCampaign._02 ._img {
        width: 242px;
        position: absolute;
        top: 65px;
        left: 28px;
        z-index: 1;
  }

  .pageCampaignSection .pageCampaignImage._noimg {
    height: 335px;
  }

  .pageCampaignSection .pageCampaignCath {
    width: fit-content;
    position: absolute;
    top: 420px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  .pageCampaignCath_title {
    font-size: 16px;
    color: #006f3f;
    font-weight: bold;
    letter-spacing: -0.04em;
  }
  .mainContents p.pageCampaignCath_text {
    font-size: 16px;
    color: #006f3f;
    font-weight: bold;
    line-height: 1;
  }
  .pageCampaignCath_text span {
    font-family: 'SoDoSans';
    font-weight: 700;
    font-size: 28px;
    color: #da9d44;
  }

  .pageCampaignNote {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    font-feature-settings: "palt";
    line-height: calc(42 / 30);
    letter-spacing: 0.01em;
    padding: 14px 0 33px;
  }

  .pageCampaingPeriod {
    background: #006f3f;
    padding: 13px 0;
  }
  .mainContents p.pageCampaingPeriod_title {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-bottom: 7px;
  }
  .pageCampaingPeriod img {
    display: block;
    width: 214px;
    margin: 0 auto;
  }

  /* ----------------------------------
    pageStep
  ------------------------------------ */
  .pageStep {
    position: relative;
    padding-bottom: 50px;
  }
  .pageStep ._bubble {
    position: absolute;
    width: 268.5px;
    top: 16px;
    left: 54px;
  }
  .pageStepTitle {
    font-size: 19.8px;
    text-align: center;
    font-weight: bold;
    color: #006f3f;
  }
  .pageStepTitle span {
    font-size: 27.845px;
    font-weight: bold;
    color: #006f3f;
  }
  .ttl_h4 {
    font-feature-settings: "palt";
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: calc(42/30);
    letter-spacing: 0.03em;
    color: #006843;
    margin-bottom: 16px;
  }
  .pageStep .step01 .ttl_h4 {
    position: relative;
    left: 4px;
  }
  .step01 {
    padding-top: 28px;
  }
  .step01 .inner {
    width: 242px;
    margin: 0 auto;
  }
  .step01 .pageStepImg {
    width: 206px;
    margin: 0 auto 16px;
  }
  .mainContents p.pageStepText {
    text-align: center;
    font-size: 13px;
    line-height: calc(33.5/26);
    color: #006843;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    margin-bottom: 8px;
  }
  .mainContents p.pageStepNote {
    text-align: center;
    font-size: 10px;
    color: #006843;
    letter-spacing: 0.05em;
  }
  .mainContents .step01 p.pageStepNote {
    text-align: left;
    letter-spacing: -0.06em;
  }
  .pageStepNoteList {
    padding-left: 14px;
  }
  .step01 .pageStepNoteItem {
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
    font-size: 10px;
    line-height: calc(33 / 20);
    color: #006843;
    text-indent: -0.5em;
    padding-left: 0.5em;
  }

  .step02 {
    padding-top: 20px;
  }
  .step02 .ttl_h4 {
    position: relative;
    letter-spacing: -0.06em;
    margin-bottom: 10px;
    left: 2px;
  }
  .step02 .pageStepCatch {
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    line-height: calc(38.21 / 26);
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    margin-bottom: 16px;
  }
  .step02 .pageStepImg {
    position: relative;
    left: -3px;
    width: 301.5px;
    margin: 0 auto 18px;
  }
  .step02 .pageStepBtn {
    background: #006241;
    border-radius: 73px;
    width: 241px;
    margin: 23px auto 0;
  }
  .step02 .pageStepBtn a {
    display: block;
    font-size: 16px;
    line-height: calc(44.02/32.01);
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 14.5px 0;
  }

  /* ----------------------------------
    pageFrappuccino
  ------------------------------------ */
  .pageFrappuccino {
    background: #f2f0eb;
    padding-top: 43px;
  }
  .pageFrappuccino .pageInner {
    width: 328.5px;
  }
  .pageFrappuccino .pageFrappuccinoTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5.5px;
    position: relative;
    font-size: 17px;
    line-height: calc(60.02/34);
    font-weight: bold;
    color: #006241;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: 5px;
  }
  .pageFrappuccino .pageFrappuccinoTitle::before,
  .pageFrappuccino .pageFrappuccinoTitle::after {
    content: "";
    display: inline-block;
    width: 115.5px;
    height: 2px;
    background: #006c47;
  }
  .pageFrappuccino .pageFrappuccinoCatch {
    font-size: 14px;
    line-height: calc(44/28);
    font-weight: bold;
    color: #006241;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: 13px;
  }
  .pageFrappuccino .pageFrappuccinoTag {
    width: fit-content;
    background: #006f3f;
    color: #fff;
    font-size: 13px;
    line-height: calc(38.49 / 26);
    font-weight: bold;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    text-align: center;
    padding: 0 3px;
    margin: 0 auto 11px;
  }
  .pageFrappuccino .pageFrappuccinoNote {
    font-size: 10px;
    line-height: calc(32/20);
    color: #006241;
    font-feature-settings: "palt";
    letter-spacing: 0.09em;
    text-align: center;
    margin-bottom: 33px;
  }
  .pageFrappuccino .pageFrappuccinoList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 27px 19px;
  }
  .pageFrappuccino .pageFrappuccinoItem {
    width: 146.005px;
    background: #d4e9e2;
    border-radius: 10.5px;
  }
  .pageFrappuccino .pageFrappuccinoItem a {
    display: block;
    transition: .3s ease;
  }
  .pageFrappuccino .pageFrappuccinoItem a:hover {
    opacity: 0.8;
    transition: .3s ease;
  }
  .pageFrappuccino .pageFrappuccinoItem img {
    display: block;
    margin: 0 auto;
  }

  .pageFrappuccino .pageFrappuccinoItem._01 a {
    padding: 16px 10px 10px;
  }
  .pageFrappuccino .pageFrappuccinoItem._01 img {
    width: 122px;
    border-radius: 10.5px;
    margin-bottom: 9px;
  }
 .pageFrappuccino .pageFrappuccinoItem._01 {
    background: #f9d5d0;
  }
  .pageFrappuccino .pageFrappuccinoItem._02 {
    background: #d3daf3;
  }
  .pageFrappuccino .pageFrappuccinoItem._02 a {
    padding: 16px 10px 10px;
  }
  .pageFrappuccino .pageFrappuccinoItem._02 img {
    width: 122px;
    border-radius: 10.5px;
    margin-bottom: 9px;
  }

  .pageFrappuccino .pageFrappuccinoItem._03 a {
    padding: 10px 10px 14px;
  }
  .pageFrappuccino .pageFrappuccinoItem._03 img {
    width: 64px;
    margin-bottom: 16px;
  }

  .pageFrappuccino .pageFrappuccinoItem._04 a {
    padding: 24px 10px 14px;
  }
  .pageFrappuccino .pageFrappuccinoItem._04 img {
    width: 64px;
    margin-bottom: 14px;
  }

  .pageFrappuccino .pageFrappuccinoItem._05 a {
    padding: 16px 10px 20px;
  }
  .pageFrappuccino .pageFrappuccinoItem._05 img {
    width: 60px;
    margin-bottom: 15px;
  }

  .pageFrappuccino .pageFrappuccinoItem._06 a {
    padding: 16px 10px 20px;
  }
  .pageFrappuccino .pageFrappuccinoItem._06 img {
    width: 60px;
    margin-bottom: 17px;
  }

  .pageFrappuccino .pageFrappuccinoItem._07 a {
    padding: 16px 10px 26px;
  }
  .pageFrappuccino .pageFrappuccinoItem._07 img {
    width: 59.5px;
    margin-bottom: 13px;
  }

  .pageFrappuccino .pageFrappuccinoItem._08 a {
    padding: 16px 10px 26px;
  }
  .pageFrappuccino .pageFrappuccinoItem._08 img {
    width: 59px;
    margin-bottom: 15px;
  }

  .pageFrappuccino .pageFrappuccinoItem._09 a {
    padding: 11px 10px;
  }
  .pageFrappuccino .pageFrappuccinoItem._09 img {
    width: 64px;
    margin-bottom: 17px;
  }

  .pageFrappuccino .pageFrappuccinoItem ._name {
    font-feature-settings: "palt";
    font-size: 14px;
    line-height: calc(40/28);
    color: #006241;
    font-weight: bold;
    text-align: center;
  }

  .pageFrappuccinoList::after {
    content: "";
    display: block;
    width: 45%;
  }
  /* ----------------------------------
    pageNote
  ------------------------------------ */
  .pageNote {
    background: #f2f0eb;
    padding-top: 33px;
    padding-bottom: 54px;
  }
  .pageNote .pageInner {
    width: 329.5px;
  }
  .pageNote .pageNoteTitle {
    position: relative;
    cursor: pointer;
    font-size: 15.99px;
    color: #010101;
    text-align: center;
    background: #d4e9e2;
    padding: 7px 0;
  }
  .pageNote .pageNoteTitle .icon {
    position: absolute;
    top: 21%;
    right: 11px;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }

.pageNote .pageNoteTitle .icon::before,
.pageNote .pageNoteTitle .icon::after {
  content: '';
  position: absolute;
  background-color: #333;
  transition: 0.3s;
}

.pageNote .pageNoteTitle .icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1.32px;
  transform: translateY(-50%);
}

.pageNote .pageNoteTitle .icon::after {
  left: 50%;
  top: 0;
  width: 1.32px;
  height: 100%;
  transform: translateX(-50%);
}

  /* 開いているときは「−」にする（縦線を非表示） */
  .pageNote .pageNoteTitle.active .icon::after {
    opacity: 0;
  }
  .pageNote .pageNoteAccContent {
    display: none;
    background: rgba(212, 233, 226, 0.3);
    padding: 22px 14px;
  }
  .pageNote .pageNoteAccContent p.pageNoteText {
    color: #272425;
    font-size: 11px;
    line-height: calc(32 / 22);
  }
  .pageNote .pageNoteText {
    margin-bottom: 20px;
  }
  .pageNote p.accTitle {
    position: relative;
    font-feature-settings: "palt";
    font-size: 14px;
    line-height: calc(42/28);
    color: #006241;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0;
    text-indent: -1.3em;
    padding-left: 1.3em;
    margin-bottom: 7px;
  }
  .pageNote p.accTitle::before {
    content: "";
    display: inline-block;
    width: 8.245px;
    height: 8.245px;
    background: #006241;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 4px;
  }
  .pageNote .accText {
    font-size: 11px;
    line-height: calc(32 / 22);
    margin-bottom: 21px;
  }
  .pageNote .accTextList li {
    color: #272425;
    font-size: 11px;
    line-height: calc(32 / 22);
    font-feature-settings: "palt";
  }

  /* ----------------------------------
    pageGuideSection
  ------------------------------------ */
  .pageGuideSection {
    padding: 53px 0 67px;
  }
  .pageGuideSection .pageGuideText {
    font-size: 15.57px;
    margin-bottom: 20px;
  }
  .pageGuideSection .btn {
    width: 272.49px;
    border-radius: 25.995px;
    margin-bottom: 14px;
  }
  .pageGuideSection .btn a {
    display: block;
    font-size: 16.07px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 17.5px 0;
  }

   /* ----------------------------------
    pageContactSection
  ------------------------------------ */
  .pageContactSection {
    padding: 62px 0 47px;
    background: #fff;
  }
  .pageContactSection .pageContactTitle {
    font-size: 18px;
    color: #1e3932;
    font-weight: bold;
    margin-bottom: 18px;
  }
  .pageContactSection .pageContactList {
    margin-bottom: 6px;
  }
  .pageContactSection .pageContactListItem {
    font-feature-settings: "palt";
    font-size: 13px;
    letter-spacing: 0.05em;
  }
  .pageContactSection .pageContactNote {
    font-size: 11.5px;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
    color: #000;
  }
}

@media print, screen and (max-width: 1023px) {
  img {
    width: 100%;
  }
  .pageInner {
    width: calc(621/750*100vw);
    margin: 0 auto;
  }
 /* ----------------------------------
    mainContents
  ------------------------------------ */
  .mainContents {
    position: relative;
  }
  .mainContentsIn {
    position: relative;
  }
  .Content-wrap {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .fixedLink.mod-sp {
    position: fixed;
    bottom: calc(30/750*100vw);
    right: calc(30/750*100vw);
    width: calc(350 / 750 * 100vw);
    z-index: 9999;
  }

  /* ----------------------------------
    pageLinkSection
  ------------------------------------ */
  .pageLinkSection .pageLink {
    margin-top: calc(3/750*100vw);
    gap: calc(3/750*100vw);
  }
  .pageLinkSection .pageLinkText {
    width: calc(308/750*100vw);
    height: calc(202/750*100vw);
    background: #d4e9e2;
  }
/* 1つめのテキスト */
.pageLinkSection .pageLinkText._01 {
    top: calc(135 / 750 * 100vw);
    left: calc(190 / 750 * 100vw);
    background: transparent;
}
.pageLinkSection .pageLinkText .t1 {
  position: absolute;
  top: calc(15 / 750 * 100vw);
  left: calc(28 / 750 * 100vw);
  font-weight: bold;
  font-size: calc(26/750*100vw);
  letter-spacing: 0.1em;
  padding: 0 calc(10/750*100vw);
  width: max-content;
}
.pageLinkSection .pageLinkText ._bubble {
  position: absolute;
  width: calc(311/750*100vw);
}
.pageLinkSection .pageLinkText._01 ._bubble {
  top: calc(15 / 750 * 100vw);
  left: calc(-2 / 750 * 100vw);
}
.pageLinkSection .pageLinkText._02 ._bubble {
  top: calc(22/750*100vw);
  left: calc(24/750*100vw);
  width: calc(287/750*100vw);
}
.pageLinkSection .pageLinkText._01 .t1 {
  top: calc(12/750*100vw);
  left: calc(26/750*100vw);
  letter-spacing: 0.07em;
}
.pageLinkSection .pageLinkText._02 .t1 {
  font-size: calc(26/750*100vw);
  top: calc(21/750*100vw);
  left: calc(40/750*100vw);
  font-feature-settings: "palt";
}
.pageLinkSection .pageLinkText .t2 {
  position: absolute;
  top: calc(65/750*100vw);
  left: calc(28/750*100vw);
  line-height: calc(27 / 19);
  font-weight: bold;
  font-size: calc(38/750*100vw);
  letter-spacing: 0.1em;
  padding: 0 calc(62/750*100vw);
  width: max-content;
}
.pageLinkSection .pageLinkText .t2 span {
  font-size: calc(20/750*100vw);
  font-weight: bold;
  font-feature-settings: "palt";
}
.pageLinkSection .pageLinkText .t3 {
  position: absolute;
  top: calc(117/750*100vw);
  left: calc(14/750*100vw);
  font-weight: bold;
  font-size: calc(42/750*100vw);
  letter-spacing: 0.12em;
  padding: 0 calc(42/750*100vw);
  width: max-content;
}

/* 2つ目のテキスト */
.pageLinkSection .pageLinkText._02 {
  width: calc(328 / 750 * 100vw);
  height: calc(205 / 750 * 100vw);
  top: calc(171 / 750 * 100vw);
  left: calc(185 / 750 * 100vw);
}
.pageLinkSection .pageLinkText._02 .t2 {
    font-size: calc(32/750*100vw);
    left: calc(54/750*100vw);
  padding: 0 calc(50/750*100vw);
}
.pageLinkSection .pageLinkText._02 .t3 {
  top: calc(111/750*100vw);
  left: calc(32/750*100vw);
}


  /* ----------------------------------
    pageLeadSection
  ------------------------------------ */
  .pageLeadSection {
  padding: calc(69/750*100vw) 0 calc(75/750*100vw);
  }
  .pageLeadSection .pageLeadText {
    font-size: calc(28/750*100vw);
    font-feature-settings: normal;
    letter-spacing: -0.05em;
  }

  /* ----------------------------------
    pageCampaignSection
  ------------------------------------ */
  .pageCampaignSection {
  padding: calc(47/750*100vw) 0 0;
  }
  .pageCampaignSection .pageCampaignTitle {
    font-size: calc(50/750*100vw);
    font-feature-settings: normal;
    letter-spacing: 0.06em;
  }
  .pageCampaignSection ._01 .pageCampaignTitle {
    font-size: calc(41 / 750 * 100vw);
  }
    .pageCampaignSection ._02 ._bubble {
    position: absolute;
    top: calc(113 / 750 * 100vw);
    left: calc(106 / 750 * 100vw);
    width: calc(539 / 750 * 100vw);
  }
  .pageCampaignSection .pageCampaignImage {
    position: relative;
    width: calc(600/750*100vw);
    margin: 0 auto;
  }
  /* .pageCampaignSection .pageCampaignImage::before {
    content: "";
    background: rgba(20, 7, 0, .65);
    display: inline-block;
    width: calc(600/750*100vw);
    height: 97%;
    position: absolute;
    top: calc(12/750*100vw);
  } */
  .pageCampaignSection .pageCampaignImage._open {
    width: calc(717/750*100vw);
    left: calc(6/750*100vw);
  }
  .pageCampaignSection .pageCampaignImage._open::before {
    background: transparent;
  }
  .pageCampaignSection .pageCampaign._01 {
    position: relative;
    margin-bottom: calc(47/750*100vw);
  }
    .pageCampaignSection .pageCampaign._01 ._bubble {
    position: absolute;
    width: calc(454/750*100vw);
    top: calc(16/750*100vw);
    left: calc(146/750*100vw);
  }
  .pageCampaignSection .pageCampaign._01 .pageCampaignImage img {
    margin-top: calc(9/750*100vw)
  }

  .pageCampaignSection .pageCampaign._01 ._img {
    width: calc(462 / 750 * 100vw);
    height: calc(374 / 750 * 100vw);
    position: absolute;
    top: calc(90 / 750 * 100vw);
    left: calc(58 / 750 * 100vw);
    z-index: 1;
  }

  .pageCampaignSection .pageCampaign._01 ._date {
    position: absolute;
    top: calc(150 / 750 * 100vw);
    left: calc(126 / 750 * 100vw);
    width: calc(339 / 750 * 100vw);
    font-size: calc(64 / 750 * 100vw);
    background: #d4e9e2;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: calc(23 / 750 * 100vw) 0;
  }
  .pageCampaignSection .pageCampaign._01 ._week {
    font-size: calc(40/750*100vw);
    font-weight: bold;
    vertical-align: middle;
  }
  .pageCampaignSection .pageCampaign._01 ._text {
    position: absolute;
    top: calc(289 / 750 * 100vw);
    left: calc(111 / 750 * 100vw);
    width: calc(380 / 750 * 100vw);
    font-size: calc(64 / 750 * 100vw);
    background: #d4e9e2;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: calc(40 / 750 * 100vw) 0;
  }
  .pageCampaignSection .pageCampaign._02 {
    position: relative;
    background: #fee4dd;
    padding-top: calc(102 / 750 * 100vw);
    padding-bottom: calc(160 / 750 * 100vw);
  }
  .pageCampaignSection .pageCampaign._02 .pageCommingsoonArea {
    position: absolute;
    top: calc(180 / 750 * 100vw);
    left: calc(114 / 750 * 100vw);
    background: #d4e9e2;
    width: calc(377 / 750 * 100vw);
    padding: calc(44 / 750 * 100vw) 0 calc(59 / 750 * 100vw);
  }
   .pageCampaignSection .pageCampaign._02 ._date {
    font-size: calc(64/750*100vw);
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: calc(20/750*100vw);
  }
  .pageCampaignSection .pageCampaign._02 ._week {
    font-size: calc(40/750*100vw);
    font-weight: bold;
    vertical-align: middle;
  }
  .pageCampaignSection .pageCampaign._02 ._text {
    font-size: calc(64/750*100vw);
    font-weight: bold;
    text-align: center;
    line-height: 1;
  }
  .pageCampaignSection .pageCampaign._02 ._img {
    width: calc(484 / 750 * 100vw);
    position: absolute;
    top: calc(130 / 750 * 100vw);
    left: calc(53 / 750 * 100vw);
    z-index: 1;
  }

  .pageCampaignSection .pageCampaignImage._noimg {
    height: calc(670/750*100vw);
  }

 .pageCampaignSection .pageCampaignCath {
    width: fit-content;
    position: absolute;
    top: calc(843/750*100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  .pageCampaignCath_title {
    font-size: calc(32/750*100vw);
    color: #006f3f;
    font-weight: bold;
    letter-spacing: -0.04em;
  }
  .mainContents p.pageCampaignCath_text {
    font-size: calc(32/750*100vw);
    color: #006f3f;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .pageCampaignCath_text span {
    font-family: 'SoDoSans';
    font-weight: 700;
    font-size: calc(56/750*100vw);
    color: #da9d44;
  }

  .pageCampaignNote {
    font-size: calc(30/750*100vw);
    font-weight: bold;
    text-align: center;
    font-feature-settings: "palt";
    line-height: calc(42 / 30);
    letter-spacing: 0.01em;
    padding: calc(31/750*100vw) 0 calc(66/750*100vw);
  }

  .pageCampaingPeriod {
    background: #006f3f;
    padding: calc(26/750*100vw) 0;
  }
  .mainContents p.pageCampaingPeriod_title {
    font-size: calc(30/750*100vw);
    text-align: center;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-bottom: calc(14/750*100vw);
  }
  .pageCampaingPeriod img {
    display: block;
    width: calc(428/750*100vw);
    margin: 0 auto;
  }

  /* ----------------------------------
    pageStep
  ------------------------------------ */
  .pageStep {
    position: relative;
    padding-bottom: calc(100/750*100vw);
  }
   .pageStep ._bubble {
    position: absolute;
    width: calc(537/750*100vw);
    top: calc(32/750*100vw);
    left: calc(108/750*100vw);
  }
  .pageStepTitle {
    font-size: calc(39.6/750*100vw);
    text-align: center;
    font-weight: bold;
    color: #006f3f;
  }
  .pageStepTitle span {
    font-size: calc(55.69/750*100vw);
    font-weight: bold;
    color: #006f3f;
  }
  .ttl_h4 {
    font-size: calc(30/750*100vw);
    font-weight: bold;
    text-align: center;
    line-height: calc(42/30);
    letter-spacing: 0.03em;
    color: #006843;
    margin-bottom: calc(32/750*100vw);
  }
  .ttl_h4  sup {
    font-size: calc(20/750*100vw);
  }
  .step01 {
    padding-top: calc(56/750*100vw);
  }
  .pageStep .step01::before {
    width: calc(104/750*100vw);
    height: calc(104/750*100vw);
    top: calc(16/750*100vw);
    left: calc(44/750*100vw);
  }
  .pageStep .step02::before {
    width: calc(104/750*100vw);
    height: calc(104/750*100vw);
    top: calc(-14/750*100vw);
    left: calc(44/750*100vw);
  }
  .pageStep .stepArrow {
    width: calc(47/750*100vw);
    margin: calc(38/750*100vw) auto 0;
  }
  .step01 .inner {
    width: calc(484/750*100vw);
    margin: 0 auto;
  }
  .step01 .pageStepImg {
    width: calc(412/750*100vw);
    margin: 0 auto calc(32/750*100vw);
  }
  .mainContents p.pageStepText {
    text-align: center;
    font-size: calc(26/750*100vw);
    line-height: calc(33.5/26);
    color: #006843;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    margin-bottom: calc(16/750*100vw);
  }
  .mainContents p.pageStepNote {
    text-align: center;
    font-size: calc(20/750*100vw);
    color: #006843;
    letter-spacing: 0.05em;
  }
  .mainContents .step01 p.pageStepNote {
        text-align: left;
        letter-spacing: -0.06em;
  }
  .pageStepNoteList {
    padding-left: calc(28/750*100vw);
  }
  .step01 .pageStepNoteItem {
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
    font-size: calc(20/750*100vw);
    line-height: calc(33 / 20);
    color: #006843;
    text-indent: -0.5em;
    padding-left: 0.5em;
  }

  .step02 {
    padding-top: calc(37/750*100vw);
  }
  .step02 .ttl_h4 {
    font-feature-settings: "palt";
    letter-spacing: -0.06em;
    margin-bottom: calc(20/750*100vw);
  }
  .step02 .pageStepCatch {
    font-size: calc(26/750*100vw);
    text-align: center;
    font-weight: bold;
    line-height: calc(38.21/26);
    font-feature-settings: "palt";
    letter-spacing: 0.6px;
    margin-bottom: calc(32/750*100vw);
  }
  .step02 .pageStepImg {
    position: relative;
    left: calc(-6/750*100vw);
    width: calc(603/750*100vw);
    margin: 0 auto calc(36/750*100vw);
  }
  .step02 .pageStepBtn {
    background: #006241;
    border-radius: calc(146/750*100vw);
    width: calc(482/750*100vw);
    margin: calc(46/750*100vw) auto 0;
  }
  .step02 .pageStepBtn a {
    display: block;
    font-size: calc(32.01/750*100vw);
    line-height: calc(44.02/32.01);
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: calc(29/750*100vw) 0;
  }

  /* ----------------------------------
    pageFrappuccino
  ------------------------------------ */
  .pageFrappuccino {
    background: #f2f0eb;
    padding-top: calc(86/750*100vw);
  }
  .pageFrappuccino .pageInner {
    width: calc(657/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(11/750*100vw);
    position: relative;
    font-size: calc(34/750*100vw);
    line-height: calc(60.02/34);
    font-weight: bold;
    color: #006241;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: calc(10/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoTitle::before,
  .pageFrappuccino .pageFrappuccinoTitle::after {
    content: "";
    display: inline-block;
    width: calc(231/750*100vw);
    height: calc(4/750*100vw);
    background: #006c47;
  }
  .pageFrappuccino .pageFrappuccinoCatch {
    font-size: calc(28/750*100vw);
    line-height: calc(44/28);
    font-weight: bold;
    color: #006241;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: calc(26/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoTag {
    width: fit-content;
    background: #006f3f;
    color: #fff;
    font-size: calc(26/750*100vw);
    line-height: calc(38.49 / 26);
    font-weight: bold;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
    text-align: center;
    padding: 0 calc(6/750*100vw);
    margin: 0 auto calc(22/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoNote {
    font-size: calc(20/750*100vw);
    line-height: calc(32/20);
    color: #006241;
    font-feature-settings: "palt";
    letter-spacing: 0.09em;
    text-align: center;
    margin-bottom: calc(66/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(54/750*100vw) calc(38/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem {
    width: calc(292.01/750*100vw);
    background: #d4e9e2;
    border-radius: calc(21/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem a {
    display: block;
  }
  .pageFrappuccino .pageFrappuccinoItem img {
    display: block;
    margin: 0 auto;
  }

  .pageFrappuccino .pageFrappuccinoItem._01 a {
    padding: calc(32/750*100vw) calc(20/750*100vw) calc(20/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._01 img {
    width: calc(244/750*100vw);
    border-radius: calc(21/750*100vw);
    margin-bottom: calc(18/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._01 {
    background: #f9d5d0;
  }
  .pageFrappuccino .pageFrappuccinoItem._02 {
    background: #d3daf3;
  }
  .pageFrappuccino .pageFrappuccinoItem._02 a {
    padding: calc(32/750*100vw) calc(20/750*100vw) calc(20/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._02 img {
    width: calc(244/750*100vw);
    border-radius: calc(21/750*100vw);
    margin-bottom: calc(18/750*100vw);
  }

  .pageFrappuccino .pageFrappuccinoItem._03 a {
    padding: calc(20/750*100vw) calc(20/750*100vw) calc(28/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._03 img {
    width: calc(128/750*100vw);
    margin-bottom: calc(32/750*100vw);
  }

  .pageFrappuccino .pageFrappuccinoItem._04 a {
    padding: calc(48/750*100vw) calc(20/750*100vw) calc(28/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._04 img {
    width: calc(128/750*100vw);
    margin-bottom: calc(28/750*100vw);
  }

  .pageFrappuccino .pageFrappuccinoItem._05 a {
    padding: calc(32/750*100vw) calc(20/750*100vw) calc(40/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._05 img {
    width: calc(120/750*100vw);
    margin-bottom: calc(30/750*100vw);
  }

  .pageFrappuccino .pageFrappuccinoItem._06 a {
    padding: calc(32/750*100vw) calc(20/750*100vw) calc(40/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._06 img {
    width: calc(120/750*100vw);
    margin-bottom: calc(34/750*100vw);
  }

  .pageFrappuccino .pageFrappuccinoItem._07 a {
    padding: calc(32/750*100vw) calc(20/750*100vw) calc(52/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._07 img {
    width: calc(119/750*100vw);
    margin-bottom: calc(26/750*100vw);
  }

  .pageFrappuccino .pageFrappuccinoItem._08 a {
    padding: calc(32/750*100vw) calc(20/750*100vw) calc(52/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._08 img {
    width: calc(118/750*100vw);
    margin-bottom: calc(30/750*100vw);
  }

  .pageFrappuccino .pageFrappuccinoItem._09 a {
    padding: calc(22/750*100vw) calc(20/750*100vw);
  }
  .pageFrappuccino .pageFrappuccinoItem._09 img {
    width: calc(128/750*100vw);
    margin-bottom: calc(34/750*100vw);
  }

  .pageFrappuccino .pageFrappuccinoItem ._name {
    font-feature-settings: "palt";
    font-size: calc(28/750*100vw);
    line-height: calc(40/28);
    color: #006241;
    font-weight: bold;
    text-align: center;
  }

  .pageFrappuccinoList::after {
    content: "";
    display: block;
    width: 45%;
  }
  /* ----------------------------------
    pageNote
  ------------------------------------ */
  .pageNote {
    background: #f2f0eb;
    padding-top: calc(66/750*100vw);
    padding-bottom: calc(108/750*100vw);
  }
  .pageNote .pageInner {
    width: calc(659/750*100vw);
  }
  .pageNote .pageNoteTitle {
    position: relative;
    cursor: pointer;
    font-size: calc(31.98/750*100vw);
    color: #010101;
    text-align: center;
    background: #d4e9e2;
    padding: calc(14/750*100vw) 0;
  }
  .pageNote .pageNoteTitle .icon {
    position: absolute;
    top: 21%;
    right: calc(22/750*100vw);
    display: inline-block;
    width: calc(48/750*100vw);
    height: calc(48/750*100vw);
    margin-right: calc(16/750*100vw);
  }

.pageNote .pageNoteTitle .icon::before,
.pageNote .pageNoteTitle .icon::after {
  content: '';
  position: absolute;
  background-color: #333;
  transition: 0.3s;
}

.pageNote .pageNoteTitle .icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: calc(2.64/750*100vw);
  transform: translateY(-50%);
}

.pageNote .pageNoteTitle .icon::after {
  left: 50%;
  top: 0;
  width: calc(2.64/750*100vw);
  height: 100%;
  transform: translateX(-50%);
}

  /* 開いているときは「−」にする（縦線を非表示） */
  .pageNote .pageNoteTitle.active .icon::after {
    opacity: 0;
  }
  .pageNote .pageNoteAccContent {
    display: none;
    background: rgba(212, 233, 226, 0.3);
    padding: calc(44/750*100vw) calc(25/750*100vw);
  }
  .pageNote .pageNoteAccContent p.pageNoteText {
    color: #272425;
    font-size: calc(22/750*100vw);
    line-height: calc(32 / 22);
  }
  .pageNote .pageNoteText {
    margin-bottom: calc(40/750*100vw);
  }
  .pageNote p.accTitle {
    position: relative;
    font-feature-settings: "palt";
    font-size: calc(28/750*100vw);
    line-height: calc(42/28);
    color: #006241;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0;
    text-indent: -1.3em;
    padding-left: 1.3em;
    margin-bottom: calc(14/750*100vw);
  }
  .pageNote p.accTitle::before {
    content: "";
    display: inline-block;
    width: calc(16.49/750*100vw);
    height: calc(16.49/750*100vw);
    background: #006241;
    border-radius: 50%;
    margin-right: calc(10/750*100vw);
    margin-left: calc(8/750*100vw);
  }
  .pageNote .accText {
    font-size: calc(22/750*100vw);
    line-height: calc(32 / 22);
    margin-bottom: calc(42/750*100vw);
  }
  .pageNote .accTextList li {
    color: #272425;
    font-size: calc(22/750*100vw);
    line-height: calc(32 / 22);
  }


  /* ----------------------------------
    pageGuideSection
  ------------------------------------ */
  .pageGuideSection {
    padding: calc(111/750*100vw) 0 calc(130/750*100vw);
  }
  .pageGuideSection .pageGuideText {
    font-size: calc(31.14/750*100vw);
    margin-bottom: calc(40/750*100vw);
  }
  .pageGuideSection .btn {
    width: calc(544.98/750*100vw);
    border-radius: calc(51.99/750*100vw);
    margin-bottom: calc(26/750*100vw);
  }
  .pageGuideSection .btn a {
    display: block;
    font-size: calc(32.14/750*100vw);
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: calc(35/750*100vw) 0;
  }

   /* ----------------------------------
    pageContactSection
  ------------------------------------ */
  .pageContactSection {
    padding: calc(128/750*100vw) 0 calc(94/750*100vw);
    background: #fff;
  }
  .pageContactSection .pageContactTitle {
    font-size: calc(36/750*100vw);
    color: #1e3932;
    font-weight: bold;
    margin-bottom: calc(36/750*100vw);
  }
  .pageContactSection .pageContactList {
    margin-bottom: calc(12/750*100vw);
  }
  .pageContactSection .pageContactListItem {
    font-feature-settings: "palt";
    font-size: calc(26/750*100vw);
    letter-spacing: 0.05em;
  }
  .pageContactSection .pageContactNote {
    font-size: calc(23/750*100vw);
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
    color: #000;
  }
}