@charset "UTF-8";
/* Updated 2026/05/26.T */
/*-------------------------------------------
Header
-------------------------------------------*/
#header-content.-campaignStart2605 .global-nav > .list > .item > .link > .text {
  text-transform: uppercase;
}

#header-content.-campaignStart2605 .header-wrap > .inner {
  min-height: min(74.6666666667px, 14.9333333333vw);
}
#header-content.-campaignStart2605 .header-wrap > .inner > .header-siteLogo {
  width: min(224px, 44.8vw);
}

/*-------------------------------------------
Footer
-------------------------------------------*/
#footer-content > .footer-data {
  padding-bottom: min(138.6666666667px, 27.7333333333vw);
}

/*-------------------------------------------
Main
-------------------------------------------*/
#main-area {
  margin-top: min(74.6666666667px, 14.9333333333vw);
  padding-bottom: 0;
}

.section-main {
  background: #F4EBDA;
}

.section-mainInr {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
  background: var(--color-offWhite01);
  box-shadow: 0 0 min(40px, 8vw) 0 rgba(202, 188, 163, 0.8);
}

.section-inner {
  padding: min(106.6666666667px, 21.3333333333vw) min(42.6666666667px, 8.5333333333vw);
}
.section-inner.-benefitPanel {
  margin-top: min(28px, 5.6vw);
  padding: 0 min(42.6666666667px, 8.5333333333vw) min(48px, 9.6vw);
}
.section-inner.-inquiry {
  padding: 0 min(42.6666666667px, 8.5333333333vw);
}
.section-inner.-notes {
  padding-bottom: min(53.3333333333px, 10.6666666667vw);
}
.section-inner > .notice {
  margin-top: min(32px, 6.4vw) !important;
}

.section-bg {
  background: #F5EFE4;
}
.section-bg.-green01 {
  background-color: var(--color-green01);
}
.section-bg.-inquiry {
  padding: min(40px, 8vw) 0;
}

/*-------------------------------------------
Section Header
-------------------------------------------*/
.section-header {
  display: flex;
  flex-direction: column-reverse;
}
.section-header > .inner > .kv {
  width: 100%;
}
.section-header > .inner > .kv > picture {
  display: block;
  width: 100%;
}
.section-header > .inner > .kv > picture > img {
  display: block;
  width: 100%;
  height: auto;
}
.section-header > .inner > .body {
  margin-top: min(42.6666666667px, 8.5333333333vw);
}
.section-header > .inner > .body > img {
  display: block;
  aspect-ratio: 314/94;
  width: min(418.6666666667px, 83.7333333333vw);
  height: auto;
  margin: 0 auto;
}
.section-header > .copy {
  padding: min(14.6666666667px, 2.9333333333vw);
  background: var(--color-green01);
  color: var(--color-white01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}

/*-------------------------------------------
Section Content
-------------------------------------------*/
.section-content01 {
  background-color: var(--color-green01);
}
.section-content01 > .inner {
  padding: min(37.3333333333px, 7.4666666667vw) min(42.6666666667px, 8.5333333333vw) min(65.3333333333px, 13.0666666667vw);
}
.section-content01 > .inner > .link + .link {
  margin-top: min(53.3333333333px, 10.6666666667vw);
}
.section-content01 > .inner > .details {
  padding-top: min(53.3333333333px, 10.6666666667vw);
}

.section-content02 > .title {
  margin-bottom: min(49.3333333333px, 9.8666666667vw);
}
.section-content02 > .body > .item > .notice {
  margin-top: min(42.6666666667px, 8.5333333333vw);
}
.section-content02 > .body > .item + .item {
  margin-top: min(53.3333333333px, 10.6666666667vw);
}

.section-content03 > .title {
  margin-bottom: min(49.3333333333px, 9.8666666667vw);
}
.section-content03 > .inner > .text {
  margin-bottom: min(32px, 6.4vw);
}
.section-content03 > .inner > .subtitle {
  margin-bottom: min(24px, 4.8vw);
}
.section-content03 > .body {
  margin-top: min(46.6666666667px, 9.3333333333vw);
}
.section-content03 > .body > .item + .item {
  margin-top: min(33.3333333333px, 6.6666666667vw);
}

.section-content04 > .title {
  margin-bottom: min(53.3333333333px, 10.6666666667vw);
}
.section-content04 > .accordion {
  margin: 0 min(16px, 3.2vw);
}
.section-content04 > .accordion + .accordion {
  margin-top: min(32px, 6.4vw);
}
.section-content04 > .link {
  margin: 0 max(-26.6666666667px, -5.3333333333vw);
}

.section-content05 > .title {
  margin-bottom: min(53.3333333333px, 10.6666666667vw);
}
.section-content05 > .section {
  padding: min(32px, 6.4vw);
  border-radius: min(10.6666666667px, 2.1333333333vw);
  background: var(--color-gold03a40);
}
.section-content05 > .section > .text > .link {
  text-decoration: underline;
}
.section-content05 > .section > .title + .text {
  margin-top: min(21.3333333333px, 4.2666666667vw);
}
.section-content05 > .section > .text + .title {
  margin-top: min(53.3333333333px, 10.6666666667vw);
}
.section-content05 > .section + .section {
  margin-top: min(42.6666666667px, 8.5333333333vw);
}

/*-------------------------------------------
Benefit mark
-------------------------------------------*/
.vw-benefit-mark {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: min(74.6666666667px, 14.9333333333vw);
  height: min(85.3333333333px, 17.0666666667vw);
  background: url(/service/campaign/start_2605/imgs/index_benefit_mark_02.svg) 0 0 no-repeat;
  background-size: contain;
}
.vw-benefit-mark > .label {
  position: relative;
  left: min(1.3333333333px, 0.2666666667vw);
  margin-top: min(20px, 4vw);
  color: var(--color-green01);
  font-weight: 700;
  font-size: min(13.3333333333px, 2.6666666667vw);
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}
.vw-benefit-mark > .number {
  position: relative;
  left: min(1.3333333333px, 0.2666666667vw);
  margin-top: min(2.6666666667px, 0.5333333333vw);
  color: var(--color-green01);
  font-weight: 700;
  font-size: min(24px, 4.8vw);
  line-height: 1;
  font-family: var(--fontfamily-oliveNature);
  letter-spacing: 0.1em;
  text-align: center;
}
.vw-benefit-mark.-large {
  width: min(100px, 20vw);
  height: min(124px, 24.8vw);
  background-image: url(/service/campaign/start_2605/imgs/index_benefit_mark_01.svg);
}
.vw-benefit-mark.-large > .label {
  margin-top: min(25.3333333333px, 5.0666666667vw);
  font-size: min(16px, 3.2vw);
}
.vw-benefit-mark.-large > .number {
  margin-top: min(6.6666666667px, 1.3333333333vw);
  font-size: min(32px, 6.4vw);
}

/*-------------------------------------------
Details
-------------------------------------------*/
.details-block01 {
  padding: min(52px, 10.4vw) min(41.3333333333px, 8.2666666667vw);
  border: 1px solid var(--color-gold01);
  border-radius: min(16px, 3.2vw);
  background: var(--color-white01);
}
.details-block01 > .inner > .title {
  color: var(--color-gold07);
  font-weight: 700;
  font-size: min(32px, 6.4vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}
.details-block01 > .inner > .text {
  margin-top: min(21.3333333333px, 4.2666666667vw);
}
.details-block01 > .inner > .subtitle {
  margin-top: min(33.3333333333px, 6.6666666667vw);
}
.details-block01 > .inner > .list {
  margin-top: min(24px, 4.8vw);
}
.details-block01 > .inner > .link {
  margin-top: min(20px, 4vw);
}

/*-------------------------------------------
Fix-Nav
-------------------------------------------*/
.fix-nav {
  display: none;
  z-index: 1;
  position: fixed;
  top: 201px;
  left: calc(50% + 320px);
  width: 100%;
  max-width: 320px;
  border-radius: 8px;
  background: var(--color-offWhite01);
  box-shadow: 0 0 4px 0 rgba(20, 29, 29, 0.05), 0 4px 6px 0 rgba(20, 29, 29, 0.05);
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.fix-nav > .title {
  padding: 21px 0 18px;
  border-bottom: 1px solid var(--color-green01);
  color: var(--color-green01);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.333;
  font-family: var(--fontfamily-oliveNature);
  letter-spacing: 0.125em;
  text-align: center;
}
.fix-nav > .list {
  display: flex;
  flex-direction: column;
  padding: 32px 44px;
  gap: 23px;
}
.fix-nav > .list > .item > .link {
  position: relative;
  color: #99A1AF;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.0156em;
  text-decoration: none;
}
.fix-nav > .list > .item > .link[aria-current=page] {
  color: #1E2939;
  font-weight: 700;
}
.fix-nav > .list > .item > .link[aria-current=page]::before {
  position: absolute;
  top: 12px;
  left: -20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-green01);
  content: "";
}
.fix-nav.-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/*-------------------------------------------
Float-Link
-------------------------------------------*/
.float-link {
  display: flex;
  z-index: 399;
  position: fixed;
  bottom: 0;
  left: 0;
  justify-content: center;
  width: 100%;
  padding: 12px;
  background: rgba(249, 248, 243, 0.8);
}
.float-link > .link {
  width: 311px;
  max-width: 311px;
}

/*-------------------------------------------
Button
-------------------------------------------*/
.vw-btn-type01 {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: min(320px, 64vw);
  min-height: min(69.3333333333px, 13.8666666667vw);
  padding: min(13.3333333333px, 2.6666666667vw) min(61.3333333333px, 12.2666666667vw);
  border: 1px solid var(--color-white01);
  border-radius: 999em;
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--color-white01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  letter-spacing: 0.08em;
  text-decoration: none;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
}
.vw-btn-type01:visited {
  color: inherit;
}
.vw-btn-type01::after {
  display: block;
  position: absolute;
  top: 0;
  right: min(21.3333333333px, 4.2666666667vw);
  bottom: 0;
  width: min(29.3333333333px, 5.8666666667vw);
  height: min(29.3333333333px, 5.8666666667vw);
  margin: auto 0;
  background-image: url("/cmn/imgs/ico_arrow_right_02.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  filter: invert(98%) sepia(58%) saturate(119%) hue-rotate(169deg) brightness(119%) contrast(100%);
  transition: transform 0.3s ease-out;
}
.vw-btn-type01.-noIcon {
  padding-right: min(16px, 3.2vw);
  padding-left: min(16px, 3.2vw);
}
.vw-btn-type01.-noIcon::after {
  display: none;
}
.vw-btn-type01.-noPadding {
  padding-right: 0;
  padding-left: 0;
}
.vw-btn-type01.-narrow {
  letter-spacing: 0.05em;
}
.vw-btn-type01.-iconBottom::after {
  top: auto;
  bottom: min(16px, 3.2vw);
  transform: rotate(90deg);
}
.vw-btn-type01.-blank01::after {
  background-image: url("/cmn/imgs/ico_blank_01.svg");
  transition: background-color 0.3s ease-out;
}
.vw-btn-type01.-blank01:hover::after {
  transform: none;
}
.vw-btn-type01.-orange01 {
  border-color: var(--color-orange01);
  background-color: var(--color-orange01);
  color: var(--color-white01);
}
.vw-btn-type01.-orange01:visited {
  color: var(--color-white01);
}
.vw-btn-type01.-white01 {
  border-color: var(--color-gray02);
  background-color: var(--color-white01);
  color: var(--color-green01);
}
.vw-btn-type01.-white01::after {
  filter: invert(19%) sepia(14%) saturate(5739%) hue-rotate(132deg) brightness(97%) contrast(103%);
}
.vw-btn-type01.-white01:visited {
  color: var(--color-green01);
}
.vw-btn-type01.-small {
  min-width: min(266.6666666667px, 53.3333333333vw);
  min-height: min(50.6666666667px, 10.1333333333vw);
  padding: min(10.6666666667px, 2.1333333333vw) min(56px, 11.2vw);
  font-size: min(18.6666666667px, 3.7333333333vw);
}
.vw-btn-type01.-small::after {
  width: min(24px, 4.8vw);
  height: min(24px, 4.8vw);
}

/*-------------------------------------------
Heading
-------------------------------------------*/
.vw-heading01.-lv1 {
  color: var(--color-gold04);
  font-weight: 700;
  font-size: min(37.3333333333px, 7.4666666667vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}
.vw-heading01.-lv1.-gold07 {
  color: var(--color-gold07);
}
.vw-heading01.-lv1.-white01 {
  color: var(--color-white01);
}
.vw-heading01.-lv1.-en {
  font-family: var(--fontfamily-oliveNature);
  letter-spacing: 0.05em;
}
.vw-heading01.-lv2 {
  color: var(--color-white01);
  font-weight: 700;
  font-size: min(32px, 6.4vw);
  line-height: 1.42;
  letter-spacing: -0.02em;
  text-align: center;
}
.vw-heading01.-lv3 {
  color: var(--color-gold04);
  font-weight: 700;
  font-size: min(26.6666666667px, 5.3333333333vw);
  line-height: 1.28;
  text-align: center;
}
.vw-heading01.-lv4 {
  color: var(--color-green01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}
.vw-heading01.-lv4.-lineWide {
  line-height: 1.8;
}
.vw-heading01.-lv4.-narrow {
  letter-spacing: 0.05em;
}

/*-------------------------------------------
box-block01
-------------------------------------------*/
.vw-box-block01 {
  margin-top: min(180px, 36vw);
  padding: min(32px, 6.4vw);
  border-radius: min(10.6666666667px, 2.1333333333vw);
  background: var(--color-gold03a40);
}
.vw-box-block01 > .text {
  margin-top: min(21.3333333333px, 4.2666666667vw);
}

/*-------------------------------------------
Text
-------------------------------------------*/
.vw-text-block01 {
  color: var(--color-black01);
  font-weight: 400;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.vw-text-block01.-large {
  font-size: min(26.6666666667px, 5.3333333333vw);
}
.vw-text-block01.-middle {
  font-size: min(20px, 4vw);
}
.vw-text-block01.-small {
  font-size: min(18.6666666667px, 3.7333333333vw);
  line-height: 1.5;
}
.vw-text-block01.-bold {
  font-weight: 700;
}
.vw-text-block01.-green01 {
  color: var(--color-green01);
}
.vw-text-block01.-gold04 {
  color: var(--color-gold04);
}
.vw-text-block01.-center {
  text-align: center;
}
.vw-text-block01.-deco01::before {
  content: "＼";
}
.vw-text-block01.-deco01::after {
  content: "／";
}
.vw-text-block01.-lineNarrow {
  line-height: 1.5;
}
.vw-text-block01.-wide {
  letter-spacing: 0.1em;
}

/*-------------------------------------------
Benefit-Panel
-------------------------------------------*/
.benefit-panel01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.benefit-panel01 > .marks {
  display: flex;
  z-index: 1;
  position: relative;
}
.benefit-panel01 > .marks > .mark + .mark {
  margin-left: max(-18.6666666667px, -3.7333333333vw);
}
.benefit-panel01 > .mark {
  z-index: 1;
  position: relative;
}
.benefit-panel01 > .inner {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: max(-38.6666666667px, -7.7333333333vw);
  padding: min(44px, 8.8vw) min(16px, 3.2vw) min(36px, 7.2vw);
  gap: min(17.3333333333px, 3.4666666667vw);
  border-radius: min(10.6666666667px, 2.1333333333vw);
  background: var(--color-white01);
  filter: drop-shadow(0 min(5.3333333333px, 1.0666666667vw) min(8px, 1.6vw) rgba(20, 29, 29, 0.05)) drop-shadow(0 0 min(5.3333333333px, 1.0666666667vw) rgba(20, 29, 29, 0.05));
}
.benefit-panel01 > .inner > .text {
  color: var(--color-black01);
  font-weight: 500;
  font-size: min(16px, 3.2vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.benefit-panel01 > .inner > .text-strong {
  color: var(--color-green01);
  font-weight: 700;
  font-size: min(26.6666666667px, 5.3333333333vw);
  line-height: 0.75;
  letter-spacing: -0.02em;
}
.benefit-panel01 > .inner > .text-strong > .value,
.benefit-panel01 > .inner > .text-strong > .value-wide {
  font-weight: 700;
  font-size: min(42.6666666667px, 8.5333333333vw);
  line-height: 0.46;
  font-family: var(--fontfamily-oliveNature);
  letter-spacing: 0.05em;
}
.benefit-panel01 > .inner > .text-strong > .value-wide {
  margin: 0 min(1.3333333333px, 0.2666666667vw) 0 min(6.6666666667px, 1.3333333333vw);
}
.benefit-panel01 > .inner > .note {
  margin-top: min(5.3333333333px, 1.0666666667vw);
  color: var(--color-green01);
  font-weight: 400;
  font-size: min(18.6666666667px, 3.7333333333vw);
  line-height: 1.07;
  font-family: var(--fontfamily-oliveNature);
  letter-spacing: 0.1em;
  text-align: center;
}
.benefit-panel01 + .benefit-panel01 {
  margin-top: min(18.6666666667px, 3.7333333333vw);
}

/*-------------------------------------------
STEP Heading
-------------------------------------------*/
.vw-step-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(10.6666666667px, 2.1333333333vw);
}
.vw-step-heading > .step {
  min-width: min(112px, 22.4vw);
  border-radius: min(53.3333333333px, 10.6666666667vw);
  background: var(--color-gold01);
  color: var(--color-white01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.5;
  font-family: var(--fontfamily-oliveNature);
  letter-spacing: 0.05em;
  text-align: center;
}
.vw-step-heading > .text {
  color: var(--color-black01);
  font-weight: 700;
  font-size: min(26.6666666667px, 5.3333333333vw);
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
}

/*-------------------------------------------
Benefit-Item
-------------------------------------------*/
.benefit-item01 {
  padding: min(53.3333333333px, 10.6666666667vw) min(32px, 6.4vw);
  border-radius: min(10.6666666667px, 2.1333333333vw);
  background: var(--color-gold03a40);
}
.benefit-item01 > .title {
  margin: 0 auto;
}
.benefit-item01 > .notice {
  max-width: min(342.6666666667px, 68.5333333333vw);
  margin: 0 auto;
}
.benefit-item01 > .notice + .section {
  padding-top: min(17.3333333333px, 3.4666666667vw);
}
.benefit-item01 > .section {
  margin-top: min(21.3333333333px, 4.2666666667vw);
}
.benefit-item01 > .section > .text {
  margin-top: min(12px, 2.4vw);
}
.benefit-item01 > .section > .text + .text {
  margin-top: min(9.3333333333px, 1.8666666667vw);
}
.benefit-item01 > .section > .link {
  display: flex;
  width: min(266.6666666667px, 53.3333333333vw);
  margin: min(10.6666666667px, 2.1333333333vw) auto 0;
}
.benefit-item01 > .section > .flowtext {
  margin-top: min(45.3333333333px, 9.0666666667vw);
}
.benefit-item01 > .section > .bordertext {
  max-width: min(324px, 64.8vw);
  margin: min(28px, 5.6vw) auto 0;
}
.benefit-item01 > .section > .bordertext + .link,
.benefit-item01 > .section > .bordertext + .notice {
  margin-top: min(21.3333333333px, 4.2666666667vw);
}
.benefit-item01 > .section + .section {
  margin-top: min(54.6666666667px, 10.9333333333vw);
}

.benefit-item02 {
  padding: min(36px, 7.2vw) min(32px, 6.4vw) min(21.3333333333px, 4.2666666667vw);
  border-radius: min(10.6666666667px, 2.1333333333vw);
  background: var(--color-white01);
  box-shadow: 0 0 min(5.3333333333px, 1.0666666667vw) 0 rgba(20, 29, 29, 0.05), 0 min(5.3333333333px, 1.0666666667vw) min(8px, 1.6vw) 0 rgba(20, 29, 29, 0.05);
}
.benefit-item02 > .list {
  margin-top: min(36px, 7.2vw);
}

/*-------------------------------------------
Banner
-------------------------------------------*/
.banner-block01 {
  padding-bottom: min(53.3333333333px, 10.6666666667vw);
}
.banner-block01 > .link {
  display: block;
  width: min(414.6666666667px, 82.9333333333vw);
  margin: min(26.6666666667px, 5.3333333333vw) auto 0;
}
.banner-block01 > .link > picture {
  display: block;
  width: 100%;
}
.banner-block01 > .link > picture > img {
  display: block;
  width: 100%;
  height: auto;
}

/*-------------------------------------------
Flowtext
-------------------------------------------*/
.vw-flowtext-block01 {
  position: relative;
}
.vw-flowtext-block01::before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 50%;
  width: min(114.6666666667px, 22.9333333333vw);
  height: min(60px, 12vw);
  transform: translateX(-50%);
  background: url(/service/campaign/start_2605/imgs/bg_arrow.svg) 0 0 no-repeat;
  background-size: contain;
  content: "";
}
.vw-flowtext-block01 > .text {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding-top: min(2.6666666667px, 0.5333333333vw);
  gap: min(2.6666666667px, 0.5333333333vw);
  color: var(--color-black01);
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 0.05em;
  text-align: center;
}
.vw-flowtext-block01 > .text > .small-label {
  font-size: min(14.6666666667px, 2.9333333333vw);
}
.vw-flowtext-block01 > .text > .label {
  font-size: min(21.3333333333px, 4.2666666667vw);
}

/*-------------------------------------------
Border-Text
-------------------------------------------*/
.vw-bordertext-block01 {
  padding: min(16px, 3.2vw) min(16px, 3.2vw) min(17.3333333333px, 3.4666666667vw);
  border: min(2.6666666667px, 0.5333333333vw) solid var(--color-gold01);
  border-radius: min(10.6666666667px, 2.1333333333vw);
}
.vw-bordertext-block01 > .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(9.3333333333px, 1.8666666667vw);
}
.vw-bordertext-block01 > .text > .small-label {
  color: var(--color-gold07);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
}
.vw-bordertext-block01 > .text > .label {
  color: var(--color-black01);
  font-weight: 700;
  font-size: min(26.6666666667px, 5.3333333333vw);
  line-height: 1.04;
  letter-spacing: 0.05em;
}
.vw-bordertext-block01 > .text > .label > .value {
  color: var(--color-gold07);
  font-weight: 700;
  font-size: min(26.6666666667px, 5.3333333333vw);
  line-height: 1.04;
  font-family: var(--fontfamily-oliveNature);
  letter-spacing: 0.05em;
  text-align: center;
}

/*-------------------------------------------
Period
-------------------------------------------*/
.period-block01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: min(21.3333333333px, 4.2666666667vw) 0 min(36px, 7.2vw);
  gap: min(8px, 1.6vw);
  background-color: var(--color-gold01);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - min(36px, 7.2vw)), 50% 100%, 0 calc(100% - min(36px, 7.2vw)));
}
.period-block01 > .title {
  width: 100%;
  max-width: min(254.6666666667px, 50.9333333333vw);
  margin: 0 auto;
  padding: min(8px, 1.6vw) 0;
  background-color: rgba(255, 255, 255, 0.94);
  color: var(--color-gold04);
  font-weight: 700;
  font-size: min(18.6666666667px, 3.7333333333vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
  clip-path: polygon(0 0, 100% 0, calc(100% - min(8px, 1.6vw)) 50%, 100% 100%, 0 100%, min(8px, 1.6vw) 50%);
}
.period-block01 > .text {
  color: var(--color-white01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
}

.period-block02 {
  width: 100%;
  max-width: min(290.6666666667px, 58.1333333333vw);
  margin: 0 auto;
  padding: min(9.3333333333px, 1.8666666667vw) 0 min(10.6666666667px, 2.1333333333vw);
  background-color: var(--color-green01);
  color: var(--color-white01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
  clip-path: polygon(0 0, 100% 0, calc(100% - min(10.6666666667px, 2.1333333333vw)) 50%, 100% 100%, 0 100%, min(10.6666666667px, 2.1333333333vw) 50%);
}

/*-------------------------------------------
List
-------------------------------------------*/
.vw-list-block01 {
  display: flex;
  flex-direction: column;
  gap: min(21.3333333333px, 4.2666666667vw);
}
.vw-list-block01 > .item {
  display: flex;
  gap: min(10.6666666667px, 2.1333333333vw);
  color: var(--color-black01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.8;
  letter-spacing: normal;
  counter-increment: itemDecimal;
}
.vw-list-block01 > .item::before {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: min(34.6666666667px, 6.9333333333vw);
  height: min(34.6666666667px, 6.9333333333vw);
  border: 1px solid var(--color-green01);
  border-radius: 50%;
  content: counter(itemDecimal);
  color: var(--color-green01);
  font-weight: 400;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1;
  font-family: var(--fontfamily-oliveNature);
  letter-spacing: 0.05em;
  text-align: center;
}
.vw-list-block01.-small {
  gap: min(14.6666666667px, 2.9333333333vw);
}
.vw-list-block01.-small > .item {
  font-size: min(18.6666666667px, 3.7333333333vw);
}

.vw-list-block02 > .group > .term {
  padding: min(10.6666666667px, 2.1333333333vw) min(14.6666666667px, 2.9333333333vw);
  border-top: 1px solid var(--color-gray02);
  border-bottom: 1px solid var(--color-gray02);
  color: var(--color-green01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.8;
}
.vw-list-block02 > .group > .desc {
  padding: min(20px, 4vw) 0 min(32px, 6.4vw);
}
.vw-list-block02 > .group > .desc > .list {
  margin-top: min(9.3333333333px, 1.8666666667vw);
}
.vw-list-block02 > .group > .desc > .notice {
  margin-top: min(22.6666666667px, 4.5333333333vw);
  color: var(--color-grayGreen01);
  font-weight: 400;
  font-size: min(18.6666666667px, 3.7333333333vw);
  line-height: 1.8;
}
.vw-list-block02 > .group > .desc > .text > .strong-text {
  display: block;
  margin-top: min(9.3333333333px, 1.8666666667vw);
  font-weight: 700;
}
.vw-list-block02 > .group > .desc > .notice + .text {
  margin-top: min(10.6666666667px, 2.1333333333vw);
}
.vw-list-block02 > .group > .desc > .img {
  margin: min(29.3333333333px, 5.8666666667vw) max(-14.6666666667px, -2.9333333333vw) 0;
}
.vw-list-block02 > .group > .desc > .img > picture {
  display: block;
  width: 100%;
}
.vw-list-block02 > .group > .desc > .img > picture > img {
  display: block;
  width: 100%;
  height: auto;
}
.vw-list-block02 > .group > .desc > .img + .notice {
  margin-top: min(53.3333333333px, 10.6666666667vw);
}
.vw-list-block02 > .group > .desc > .text + .list {
  margin-top: 0;
}

.vw-list-block03 > .item {
  position: relative;
  padding-left: calc(1em + min(6.6666666667px, 1.3333333333vw));
  color: var(--color-black01);
  font-weight: 400;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.8;
}
.vw-list-block03 > .item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  content: "・";
  text-align: center;
}
.vw-list-block03.-bold > .item {
  font-weight: 700;
}
.vw-list-block03.-narrow > .item {
  padding-left: min(10.6666666667px, 2.1333333333vw);
}
.vw-list-block03.-narrow > .item::before {
  width: auto;
}

/*-------------------------------------------
List-Notice
-------------------------------------------*/
.vw-list-notice01:not(:first-child) {
  margin-top: min(10.6666666667px, 2.1333333333vw);
}

.vw-list-notice01 > .item {
  position: relative;
  padding-left: calc(1em + min(6.6666666667px, 1.3333333333vw));
  font-size: min(18.6666666667px, 3.7333333333vw);
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.vw-list-notice01 > .item + .item {
  margin-top: min(10.6666666667px, 2.1333333333vw);
}

.vw-list-notice01 > .item > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  text-align: center;
}

.vw-list-notice01.-gray01 > .item {
  color: var(--color-grayGreen01);
}
.vw-list-notice01.-gray01 > .item > .link {
  color: var(--color-grayGreen01);
}
.vw-list-notice01.-center {
  display: flex;
  justify-content: center;
}

.vw-list-notice02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: min(18.6666666667px, 3.7333333333vw);
  border-radius: min(10.6666666667px, 2.1333333333vw);
  background: #F0EBD6;
}
.vw-list-notice02 > .item {
  position: relative;
  padding-left: calc(1em + min(6.6666666667px, 1.3333333333vw));
  font-weight: 700;
  font-size: min(20px, 4vw);
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.vw-list-notice02 > .item > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  text-align: center;
}
.vw-list-notice02 > .item:not(.mark) {
  padding-left: 0;
}
.vw-list-notice02.-center > .item {
  text-align: center;
}

/*-------------------------------------------
Benefit
-------------------------------------------*/
.benefit-block01 > .title {
  margin: 0 auto;
}
.benefit-block01 > .title img {
  display: block;
  width: 100%;
  height: auto;
}
.benefit-block01 + .benefit-block01 {
  padding-top: min(85.3333333333px, 17.0666666667vw);
}
.benefit-block01.-block01 > .title {
  width: min(454.6666666667px, 90.9333333333vw);
  margin: 0 max(-20px, -4vw);
}
.benefit-block01.-block02 > .title {
  width: min(421.3333333333px, 84.2666666667vw);
}

/*-------------------------------------------
Benefit-Content
-------------------------------------------*/
.benefit-content01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: min(42.6666666667px, 8.5333333333vw);
}
.benefit-content01 > .mark {
  z-index: 1;
  position: relative;
}
.benefit-content01 > .inner {
  position: relative;
  width: 100%;
  margin-top: max(-81.3333333333px, -16.2666666667vw);
  padding: min(98.6666666667px, 19.7333333333vw) min(32px, 6.4vw) min(70.6666666667px, 14.1333333333vw);
  border-top: min(16px, 3.2vw) solid var(--color-green01);
  border-bottom: min(16px, 3.2vw) solid var(--color-green01);
  border-radius: min(10.6666666667px, 2.1333333333vw);
  background: var(--color-white01);
}
.benefit-content01 > .inner > .title {
  display: flex;
  flex-direction: column;
  margin: 0 max(-32px, -6.4vw);
}
.benefit-content01 > .inner > .title > picture {
  display: block;
  margin-bottom: min(10.6666666667px, 2.1333333333vw);
}
.benefit-content01 > .inner > .img > picture {
  display: block;
}
.benefit-content01 > .inner > .img > picture > img {
  display: block;
  width: 100%;
  height: auto;
}
.benefit-content01 > .inner > .period {
  margin-top: min(42.6666666667px, 8.5333333333vw);
}
.benefit-content01 > .inner > .lead {
  margin-top: min(34.6666666667px, 6.9333333333vw);
  color: var(--color-grayGreen01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
.benefit-content01 > .inner > .lead > .line {
  display: inline-block;
  position: relative;
  padding-bottom: min(2.6666666667px, 0.5333333333vw);
}
.benefit-content01 > .inner > .lead > .line::after {
  position: absolute;
  bottom: 0;
  left: max(-1.3333333333px, -0.2666666667vw);
  width: calc(100% + min(1.3333333333px, 0.2666666667vw));
  height: min(5.3333333333px, 1.0666666667vw);
  background: #D0BA6F;
  content: "";
}
.benefit-content01 > .inner > .lead > .line + .line {
  margin-top: min(5.3333333333px, 1.0666666667vw);
}
.benefit-content01 > .inner > .lead > .strong {
  display: block;
  margin-top: min(2.6666666667px, 0.5333333333vw);
  color: var(--color-green01);
  font-weight: 700;
  font-size: min(29.3333333333px, 5.8666666667vw);
  letter-spacing: 0.05em;
}
.benefit-content01 > .inner > .lead > .text {
  display: block;
  color: var(--color-green01);
  font-weight: 700;
  font-size: min(21.3333333333px, 4.2666666667vw);
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
.benefit-content01 > .inner > .links {
  margin-top: min(32px, 6.4vw);
  padding: 0 min(10.6666666667px, 2.1333333333vw);
}
.benefit-content01 > .inner > .links > .textlink {
  display: flex;
  justify-content: center;
  margin-top: min(12px, 2.4vw);
}
.benefit-content01 > .inner > .notice {
  margin-top: min(24px, 4.8vw);
}
.benefit-content01 + .benefit-content01 {
  margin-top: min(85.3333333333px, 17.0666666667vw);
}
.benefit-content01.-content01 > .inner {
  padding-top: min(90.6666666667px, 18.1333333333vw);
}
.benefit-content01.-content01 > .inner > .img {
  aspect-ratio: 263/640;
  width: min(350.6666666667px, 70.1333333333vw);
  margin: min(21.3333333333px, 4.2666666667vw) 0 0;
}
.benefit-content01.-content02 > .inner > .icon {
  width: min(133.3333333333px, 26.6666666667vw);
  margin: min(21.3333333333px, 4.2666666667vw) auto 0;
}
.benefit-content01.-content02 > .inner > .icon img {
  display: block;
  width: 100%;
  height: auto;
}
.benefit-content01.-content02 > .inner > .icon + .text {
  margin-top: min(10.6666666667px, 2.1333333333vw);
}
.benefit-content01.-content02 > .inner > .img {
  aspect-ratio: 270/247;
  width: min(360px, 72vw);
  margin: min(12px, 2.4vw) max(-5.3333333333px, -1.0666666667vw) 0;
}
.benefit-content01.-content03 > .inner {
  padding-bottom: min(70.6666666667px, 14.1333333333vw);
}
.benefit-content01.-content03 > .inner > .text {
  margin-top: min(12px, 2.4vw);
}
.benefit-content01.-content03 > .inner > .icon + .text {
  margin-top: min(22.6666666667px, 4.5333333333vw);
}
.benefit-content01.-content03 > .inner > .icon {
  width: min(133.3333333333px, 26.6666666667vw);
  margin: min(21.3333333333px, 4.2666666667vw) auto 0;
}
.benefit-content01.-content03 > .inner > .icon img {
  display: block;
  width: 100%;
  height: auto;
}
.benefit-content01.-content03 > .inner > .img {
  margin-top: min(14.6666666667px, 2.9333333333vw);
}
.benefit-content01.-content03 > .inner > .links {
  margin-top: min(48px, 9.6vw);
}
.benefit-content01.-content03.-comingsoon > .inner {
  padding-bottom: min(60px, 12vw);
}

/*-------------------------------------------
Toggle
-------------------------------------------*/
.vw-toggle-block01 {
  margin: min(21.3333333333px, 4.2666666667vw) auto 0;
  overflow: hidden;
  border: 1px solid var(--color-gray02);
  border-radius: min(10.6666666667px, 2.1333333333vw);
}
.vw-toggle-block01 > .inner {
  background-color: var(--color-white01);
}
.vw-toggle-block01 > .inner > .header {
  display: flex;
  position: relative;
  padding: min(30.6666666667px, 6.1333333333vw) min(76px, 15.2vw) min(30.6666666667px, 6.1333333333vw) min(32px, 6.4vw);
  border-radius: min(10.6666666667px, 2.1333333333vw);
  transition: background-color 0.3s ease-out, border-radius 0.3s ease-out;
}
.vw-toggle-block01 > .inner > .header[role=tab]::after {
  display: block;
  position: absolute;
  top: 0;
  right: min(32px, 6.4vw);
  bottom: 0;
  width: min(32px, 6.4vw);
  height: min(32px, 6.4vw);
  margin: auto;
  transform: rotate(90deg);
  background: url("/cmn/imgs/ico_arrow_right_02.svg") 0 0/cover no-repeat;
  content: "";
}
.vw-toggle-block01 > .inner > .header > .title > .inner {
  display: flex;
  gap: min(5.3333333333px, 1.0666666667vw);
}
.vw-toggle-block01 > .inner > .header > .title > .inner::before {
  content: "Q";
  color: var(--color-green01);
  font-weight: 700;
  font-size: min(34.6666666667px, 6.9333333333vw);
  line-height: 1;
  font-family: var(--fontfamily-oliveImpact);
  letter-spacing: 0.1em;
}
.vw-toggle-block01 > .inner > .header > .title > .inner > .label {
  flex: 1;
  color: var(--color-black01);
  font-weight: 700;
  font-size: min(24px, 4.8vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.vw-toggle-block01 > .inner > .body {
  overflow: hidden;
}
.vw-toggle-block01 > .inner > .body > .inner {
  display: flex;
  position: relative;
  padding: 0 min(32px, 6.4vw) min(32px, 6.4vw);
  gap: min(20px, 4vw);
}
.vw-toggle-block01 > .inner > .body > .inner::before {
  content: "A";
  color: var(--color-gold01);
  font-weight: 700;
  font-size: min(29.3333333333px, 5.8666666667vw);
  line-height: 1;
  font-family: var(--fontfamily-oliveImpact);
  font-feature-settings: "palt" on;
  letter-spacing: 0.1em;
}

.vw-toggle-block01 > [role=tablist] > [role=tab][aria-selected=true] {
  border-radius: min(10.6666666667px, 2.1333333333vw) min(10.6666666667px, 2.1333333333vw) 0 0;
}
.vw-toggle-block01 > [role=tablist] > [role=tab][aria-selected=true]::after {
  transform: rotate(-90deg);
}

/*-------------------------------------------
Modal
-------------------------------------------*/
.modal-wrap {
  z-index: 10002;
}
.modal-wrap#modal-conversion01 {
  z-index: 10001;
}
@media screen and (max-width: 1024px) {
  #header-content.-campaignStart2605 .header-drawrBtn {
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 1025px) {
  #header-content.-campaignStart2605 .header-wrap > .inner {
    min-height: 90px;
    padding: 0 72px;
  }
  #header-content.-campaignStart2605 .header-wrap > .inner > .header-siteLogo {
    position: relative;
    top: 4px;
    width: 324px;
  }
  #header-content.-campaignStart2605 .header-wrap > .inner > .header-siteLogo img {
    width: 100%;
    height: auto;
  }
  #main-area {
    margin-top: 90px;
  }
  .fix-nav {
    display: block;
  }
}
@media screen and (max-width: 1300px) {
  .fix-nav {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .vw-btn-type01:hover {
    border-color: var(--color-green01);
    background-color: var(--color-green01);
    color: var(--color-white01);
  }
  .vw-btn-type01:hover::after {
    transform: translateX(min(16px, 3.2vw));
  }
  .vw-btn-type01.-orange01:hover {
    border-color: var(--color-orange02);
    background-color: var(--color-orange02);
    color: var(--color-white01);
  }
  .vw-btn-type01.-white01:hover {
    border-color: var(--color-gray02);
    background-color: var(--color-gray03);
    color: var(--color-green01);
  }
}
@media screen and (min-width: 768px), print and (min-width: 768px) {
  .vw-list-notice01.-gray01 > .item > .link:hover {
    text-decoration: none;
  }
}