@charset "UTF-8";
@import url(https://www.jr-takashimaya.co.jp/cn/en/cp/get_victory/assets/css/components/style.css);

/*---------------------
section共通
----------------------*/
section > .inner > * {
  margin-inline: auto;
  width: fit-content;
}

section > .inner * {
  position: relative;
}

/*---------------------
fv
----------------------*/
.fv {
  background-color: #fff;
}

.fv > .inner {
  padding-bottom: 90px;
}

.fv h1 {
  width: 100%;
}

.fv h2 {
  margin-top: 80px;
  width: 660px;
}

.fv p {
  margin-inline: auto 0;
}

/*---------------------
campaign
----------------------*/
.campaign {
  position: relative;
  padding-top: 56px;
  background-color: var(--color-primary);
}

.campaign::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 300/26;
  background: url(https://www.jr-takashimaya.co.jp/cn/en/cp/get_victory/assets/img/top/campaign/bg01.svg) no-repeat center center / cover;
}

.campaign > .inner h2 a {
  position: absolute;
  top: 314px;
  right: 44px;
}

.campaign > .inner .content01 {
  background: linear-gradient(to bottom, transparent 120px, #fff 120px, #fff 95%, transparent 95%);
}

.campaign > .inner .content01 p a {
  position: absolute;
  bottom: 90px;
  left: 72px;
}

.campaign > .inner .content01 ul li + li {
  margin-top: 76px;
}

.campaign > .inner .content01 ul li:nth-of-type(1) .accordion-inner > a:nth-of-type(1) {
  position: absolute;
  top: 192px;
  left: 104px;
}

.campaign > .inner .content01 ul li:nth-of-type(1) .accordion-inner > a:nth-of-type(2) {
  position: absolute;
  top: 1430px;
  left: 290px;
}

.campaign > .inner .content01 ul li:nth-of-type(2) .accordion-inner > a {
  position: absolute;
  top: 1260px;
  left: 290px;
}

.campaign > .inner .content02 p:nth-of-type(1) {
  margin-block: 60px 40px;
}

.campaign > .inner .content02 p:nth-of-type(2) a {
  position: absolute;
  top: 720px;
  left: 108px;
}

.campaign > .inner .content03 p:nth-of-type(2) a {
  position: absolute;
  top: 2230px;
  left: 150px;
}

/*---------------------
event
----------------------*/
.event {
  margin-top: 62px;
}

.event ul {
  width: auto;
}

.event ul li p {
  margin-inline: auto;
  width: fit-content;
}

.event ul li + li {
  margin-top: 50px;
}

.event01 p a {
  position: absolute;
  top: 1780px;
  left: 166px;
}

.event02 p a {
  position: absolute;
  top: 1220px;
  left: 200px;
}

.event04 p a {
  position: absolute;
}

.event04 p a:nth-of-type(1) {
  top: 992px;
  left: 114px;
}

.event04 p a:nth-of-type(2) {
  top: 1168px;
  left: 118px;
}

.event04 p a:nth-of-type(3) {
  top: 1384px;
  left: 116px;
}

.event05 p a {
  position: absolute;
  top: 1130px;
  left: 114px;
}

.event08 p a {
  position: absolute;
  top: 1330px;
  left: 74px;
}

/*---------------------
copy
----------------------*/
.copy {
  padding: 50px 50px 32px;
  background-color: var(--color-accent);
}

.copy > p {
  margin-inline: auto;
  width: fit-content;
}

/*---------------------
remarks
----------------------*/
.remarks {
  background-color: var(--color-accent);
}