.campaign {
  font-weight: 500;
  font-family: 'Cochin-LT-Font', 'Noto Serif TC', serif;
}
.campaign__btn {
  display: inline-block;
  z-index: 3;
  position: relative;
  width: 180px;
  padding-top: 0.7em;
  padding-right: 0;
  padding-bottom: 0.3em;
  padding-left: 0;
  border-width: 1px;
  background-color: #676464;
  box-shadow: 1px 1px 0 0 #ffffff inset, -1px 1px 0 0 #ffffff inset, 1px -1px 0 0 #ffffff inset, -1px -1px 0 0 #ffffff inset;
  color: white;
  font-size: 1.41176471rem;
  text-align: center;
}
.campaign__btn::after {
  left: 0.5em;
}
@media (max-width: 980px) {
  .campaign__btn {
    font-size: 3.36134454vw;
    width: 47.05882353vw;
  }
}
.campaign__btn--bigger {
  width: 220px;
}
@media (max-width: 980px) {
  .campaign__btn--bigger {
    font-size: 3.36134454vw;
    width: 47.05882353vw;
  }
}
.campaign__container {
  max-width: 1200px;
  margin: auto;
  padding: 0 40px;
  line-height: 1.3;
}
@media (max-width: 980px) {
  .campaign__container {
    width: 95%;
    padding: 0;
  }
}
.campaign__kv {
  display: block;
}
@media (max-width: 980px) {
  .campaign__kv {
    margin-top: 2.5%;
  }
}
.campaign__kv-pic {
  display: block;
}
.campaign__kv-pic img {
  display: block;
  aspect-ratio: calc(var(--w) / var(--h));
}
@media (max-width: 980px) {
  .campaign__kv-pic img {
    aspect-ratio: calc(var(--mw) / var(--mh));
  }
}
.campaign__kv-pic--full img {
  width: 100%;
}
.campaign-framed {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 180px;
  margin: 0 0 40px 0;
  background-color: #443c3b;
}
@media (max-width: 980px) {
  .campaign-framed {
    height: auto;
    margin: 0 0 5.04201681vw;
    padding: 5.04201681vw 0 5.04201681vw 0;
  }
}
.campaign-framed--shorter {
  height: 140px;
}
@media (max-width: 980px) {
  .campaign-framed--shorter {
    height: auto;
  }
}
.campaign-framed__title {
  margin-top: 0;
  margin-bottom: 14.11764706px;
  color: white;
  font-size: 2.82352941rem;
  line-height: 1.29411765em;
  letter-spacing: 0.2em;
  text-align: center;
}
.campaign-framed__title--mb-0 {
  margin-bottom: 0;
}
.campaign-framed__title .number {
  font-weight: normal;
  font-size: 6.05042017rem;
}
@media (max-width: 980px) {
  .campaign-framed__title .number {
    font-size: 8.40336134vw;
  }
}
.campaign-framed__title .sec-number {
  font-weight: normal;
  font-size: 3.83193277rem;
}
.campaign-framed__title .sec-number.text-closer {
  margin-right: 0.1em;
}
@media (max-width: 980px) {
  .campaign-framed__title .sec-number {
    font-size: 6.05042017vw;
  }
}
.campaign-framed__title .smaller {
  font-size: 2.42016807rem;
}
@media (max-width: 980px) {
  .campaign-framed__title .smaller {
    font-size: 3.36134454vw;
  }
}
@media (max-width: 980px) {
  .campaign-framed__title {
    font-size: 4.03361345vw;
    line-height: 1.5em;
    margin-bottom: 0.5em;
  }
}
.campaign-framed__subtitle {
  margin: 0;
  color: white;
  font-size: 1.81512605rem;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-framed__subtitle {
    font-size: 3.02521008vw;
  }
}
.campaign-framed__subtitle--deeper {
  color: #3e3a39;
}
.campaign-framed__subtitle--pl {
  margin-left: 2%;
}
@media (max-width: 980px) {
  .campaign-framed__subtitle--pl {
    margin-left: 0;
  }
}
.campaign__desc {
  margin: 1em 0 0 0;
  color: #5f504d;
  font-size: 24px;
  line-height: 1.8em;
}
.campaign__desc small {
  color: #858585;
}
@media (max-width: 980px) {
  .campaign__desc small {
    font-size: 16px;
  }
}
.campaign__desc .price {
  color: #b5313d;
}
.campaign__desc--large {
  display: flex;
  align-items: baseline;
  margin: 0;
  padding: 12.10084034px 0.5em 12.10084034px 0;
  border-bottom: 1px solid #4c3f3e;
  font-size: 24px;
  line-height: 1.3;
  white-space: nowrap;
}
@media (max-width: 980px) {
  .campaign__desc--large {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.campaign__desc--large span.name {
  display: inline-block;
  width: 7em;
}
@media (max-width: 980px) {
  .campaign__desc--large span.name {
    width: 100%;
  }
}
@media (max-width: 980px) {
  .campaign__desc--large span.name span {
    display: inline;
  }
}
.campaign__desc--large small {
  display: inline-block;
  width: 8em;
}
@media (max-width: 980px) {
  .campaign__desc--large small {
    width: 100%;
  }
}
@media (max-width: 980px) {
  .campaign__desc--large .highlight {
    font-size: 20px;
    font-weight: 600;
  }
}
.campaign__desc__memo {
  color: #595757;
  font-weight: 400;
  font-size: 0.8rem;
}
@media (max-width: 980px) {
  .campaign__desc__memo {
    text-align: center;
    font-size: 1.5rem;
  }
}
.campaign__event-cont {
  max-width: 847.05882353px;
  margin: 40px auto;
}
.campaign-engagement-rings {
  display: block;
  width: 100%;
}
@media (max-width: 980px) {
  .campaign-engagement-rings span,
  .campaign-engagement-rings small {
    text-align: center;
    line-height: 1.5;
  }
}
.campaign-engagement-rings__subtitle {
  margin: 0;
  background: url('../images/diamond.png') center right no-repeat;
  background-size: contain;
  color: #5f504d;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.22222222em;
  text-align: left;
}
@media (max-width: 980px) {
  .campaign-engagement-rings__subtitle {
    background-size: 30%;
    background-position: right bottom;
  }
}
.campaign-engagement-rings__subtitle small {
  font-weight: bold;
  font-size: 0.625em;
  letter-spacing: 0.1em;
  text-align: left;
}
.campaign-engagement-rings__inner {
  background: #ececec url('../images/specialPrice.png') no-repeat;
  background-size: cover;
  min-height: 300px;
  margin-top: 40px;
  padding: 100px 30px 50px;
}
@media (max-width: 980px) {
  .campaign-engagement-rings__inner {
    background-size: 245%;
  }
}
.campaign-engagement-rings__left {
  display: inline-block;
  width: 45%;
}
@media (max-width: 980px) {
  .campaign-engagement-rings__left {
    width: 100%;
    padding-top: 170px;
    margin-bottom: 30px;
  }
}
.campaign-engagement-rings__right {
  display: inline-block;
  width: 54%;
}
@media (max-width: 980px) {
  .campaign-engagement-rings__right {
    width: 100%;
  }
}
.campaign-sec {
  display: block;
  margin-top: 40.33613445px;
  margin-bottom: 60.50420168px;
}
.campaign-sec__inner {
  padding: 0 20.16806723px;
}
@media (max-width: 980px) {
  .campaign-sec__inner {
    padding: 0 2.5vw;
  }
}
.campaign-sec__inner--relative {
  position: relative;
}
.campaign-sec--closer {
  margin-top: 20.16806723px;
  margin-bottom: 20.16806723px;
}
.campaign-sec__2col {
  display: flex;
  margin: 30.25210084px 0;
}
@media (max-width: 980px) {
  .campaign-sec__2col {
    display: block;
    margin: 5.04201681vw 0;
  }
}
.campaign-sec__side {
  flex: 0 0 33%;
  width: 33%;
}
.campaign-sec__side img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.campaign-sec__main {
  display: block;
  max-width: 1008.40336134px;
  margin: auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.campaign-sec__title {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0;
  overflow: hidden;
  color: #3e3a39;
  font-weight: normal;
  font-size: 2.42016807rem;
  line-height: 1.66666667em;
  letter-spacing: 0.2em;
  text-align: center;
}
.campaign-sec__title--below-space {
  margin-bottom: 30.25210084px;
}
@media (max-width: 980px) {
  .campaign-sec__title--below-space {
    margin-bottom: 10.08403361px;
  }
}
.campaign-sec__title--left {
  text-align: left;
}
.campaign-sec__title .en-text {
  font-size: 1.5em;
}
.campaign-sec__title .text {
  display: block;
  position: relative;
  flex: 0;
  padding: 0 16.13445378px;
  white-space: nowrap;
}
@media (max-width: 980px) {
  .campaign-sec__title .text {
    padding: 1.00840336vw;
  }
}
.campaign-sec__title .text--no-pd {
  padding: 0;
}
.campaign-sec__title .text--wrap {
  white-space: normal;
}
.campaign-sec__title .price {
  color: #b5313d;
  letter-spacing: 0.075em;
}
@media (max-width: 980px) {
  .campaign-sec__title {
    font-size: 4.03361345vw;
  }
}
.campaign-sec__title:before,
.campaign-sec__title:after {
  display: block;
  width: 50%;
  height: 2px;
  transform: translate(0, -1px);
  background-color: #3e3a39;
  content: '';
}
.campaign-sec__title--line-right:before {
  display: none;
}
.campaign-sec__title--line-right:after {
  flex: 1 1 auto;
}
@media (max-width: 980px) {
  .campaign-sec__title--line-right:after {
    margin-top: 1%;
  }
}
.campaign-sec__title--line-right .text {
  padding-left: 0;
}
.campaign-sec__subtitle {
  text-align: center;
  color: #666;
  font-size: 2.21848739rem;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 2em;
  letter-spacing: 0.2em;
}
@media (max-width: 980px) {
  .campaign-sec__subtitle {
    font-size: 20px;
  }
}
.campaign-sec__subtitle strong {
  display: inline;
  color: #bf0d23;
  font-weight: normal;
}
.campaign-sec__subtitle strong.low-saturation {
  color: #986e3f;
}
.campaign-sec__subtitle small {
  margin-top: 0.3em;
  font-size: 0.725em;
  letter-spacing: 0.1em;
}
@media (max-width: 980px) {
  .campaign-sec__subtitle small {
    font-size: 0.65em;
  }
}
.campaign-sec__subtitle--left {
  text-align: left;
}
.campaign-sec__subtitle--closer {
  letter-spacing: normal;
}
.campaign-sec__subtitle--no-mar {
  margin: 0;
}
.campaign-promo {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: auto;
}
@media (max-width: 980px) {
  .campaign-promo {
    display: block;
  }
}
.campaign-promo__block {
  width: 32%;
}
@media (max-width: 980px) {
  .campaign-promo__block {
    width: 100%;
  }
}
.campaign-promo__photo {
  display: block;
}
.campaign-promo__photo img {
  display: block;
  width: 80%;
  max-width: 100%;
  margin: auto;
}
@media (max-width: 980px) {
  .campaign-promo__photo img {
    width: 80%;
    max-width: 640px;
    margin: auto;
  }
}
.campaign-promo__name {
  display: block;
  margin-top: -15%;
  margin-bottom: 0;
  color: #3e3a39;
  font-size: 2.42016807rem;
  line-height: 1.1875em;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-promo__name {
    font-size: 5.37815126vw;
  }
}
.campaign-feature {
  box-sizing: border-box;
  display: block;
  position: relative;
  max-width: 1000px;
  margin: 60.50420168px auto 0 auto;
  padding: 20.16806723px 171.42857143px 20.16806723px 40.33613445px;
  overflow: hidden;
  border-radius: 60.50420168px;
  background-color: #efefef;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-feature {
    margin-top: 6.72268908vw;
    padding: 3.36134454vw 5.04201681vw 2.35294118vw 5.04201681vw;
  }
}
.campaign-feature--pr-equal {
  padding-right: 40.33613445px;
}
@media (max-width: 980px) {
  .campaign-feature--pr-equal {
    padding-top: 2.35294118vw;
    padding-right: 5.04201681vw;
  }
}
.campaign-feature--brown {
  background-color: #ece5e0;
}
.campaign-feature--theme {
  background-color: #f4e9e9;
}
.campaign-feature--sm-mt {
  margin-top: 40.33613445px;
}
@media (max-width: 980px) {
  .campaign-feature--sm-mt {
    margin-top: 3.36134454vw;
  }
}
.campaign-feature__inner {
  position: relative;
}
.campaign-feature__title {
  margin: 0;
  overflow: hidden;
  color: #3e3a39;
  font-weight: normal;
  font-size: 2.21848739rem;
  line-height: 1.81818182em;
  letter-spacing: 0.2em;
  text-align: center;
}
.campaign-feature__title--no-overflow {
  overflow: visible;
}
.campaign-feature__title--pr {
  padding-right: 121.00840336px;
}
@media (max-width: 980px) {
  .campaign-feature__title--pr {
    padding-right: 0;
  }
}
.campaign-feature__title--inline-block {
  display: inline-block;
}
@media (max-width: 980px) {
  .campaign-feature__title--inline-block {
    display: block;
  }
}
.campaign-feature__title .noto-serif {
  font-weight: bold;
}
.campaign-feature__title .en-text {
  font-size: 1.66666667em;
}
.campaign-feature__title .text {
  position: relative;
  padding: 0 10.08403361px;
  background-color: white;
}
.campaign-feature__title .price {
  color: #b5313d;
  letter-spacing: 0.075em;
}
.campaign-feature__title .number {
  font-weight: normal;
  font-size: 4.03361345rem;
}
@media (max-width: 980px) {
  .campaign-feature__title .number {
    font-size: 5.04201681vw;
  }
}
@media (max-width: 980px) {
  .campaign-feature__title {
    font-size: 3.36134454vw;
  }
}
.campaign-feature__note {
  margin: 0;
  margin-top: 0.5em;
  margin-left: 18px;
  font-size: 1.61344538rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-feature__note {
    font-size: 1.41176471rem;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  .campaign-feature__note {
    margin: 1em auto 0 auto;
    text-align: center;
  }
}
.campaign-feature__deco {
  display: block;
  position: absolute;
  top: 0;
  right: 30.25210084px;
  width: 141.17647059px;
  height: 100%;
  background-image: url('../images/feature-deco.png');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  .campaign-feature__deco {
    display: none;
  }
}
.campaign-feature__deco--double-line {
  top: 50%;
  right: 3%;
  width: 121.00840336px;
  height: 150%;
  transform: translateY(-50%);
}
.campaign-banner {
  display: block;
  position: relative;
  width: 100%;
}
.campaign-banner__pic {
  display: block;
  width: 100%;
}
.campaign-banner__pic--full img {
  width: 100%;
}
.campaign-banner img {
  display: block;
}
.campaign-pd--color-back {
  padding: 30.25210084px;
  background-color: #e9d9d9;
}
.campaign-pd__list {
  display: block;
  max-width: 1008.40336134px;
  margin: auto;
  margin-top: 30.25210084px;
  margin-bottom: 40.33613445px;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.campaign-pd__list--mb-less {
  margin-bottom: 20.16806723px;
}
.campaign-pd__list--color-back {
  max-width: 100%;
  margin: 0;
  padding: 30.25210084px;
  background-color: white;
}
.campaign-pd__item {
  display: block;
  position: relative;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 54.45378151px;
  float: left;
}
.campaign-pd__item:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 980px) {
  .campaign-pd__item {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 9.07563025vw;
  }
  .campaign-pd__item:last-child {
    margin-bottom: 0;
  }
}
.campaign-pd__item--no-mb {
  margin-bottom: 0;
}
.campaign-pd__item--only-one {
  margin: 0 auto;
  float: none;
}
.campaign-pd__item--ring .campaign-pd__photo {
  margin-top: 8%;
}
.campaign-pd__item--3col {
  width: 30%;
  margin-right: 5%;
}
.campaign-pd__item--3col:nth-child(2n) {
  margin-right: 5%;
}
.campaign-pd__item--3col:nth-child(3n) {
  margin-right: 0;
}
.campaign-pd__block {
  display: block;
  width: 100%;
  text-align: center;
}
.campaign-pd__block--extra {
  width: 85%;
}
@media (max-width: 980px) {
  .campaign-pd__block--extra {
    width: 100%;
  }
}
.campaign-pd__photo {
  max-width: 403.36134454px;
  margin: auto;
}
@media (max-width: 980px) {
  .campaign-pd__photo {
    min-height: auto;
  }
}
.campaign-pd__photo--sm {
  max-width: 342.85714286px;
}
.campaign-pd__photo--ratio {
  width: 85%;
}
.campaign-pd__photo img {
  display: block;
  max-width: 100%;
}
.campaign-pd__photo .img2 {
  width: 570px;
  margin: 0 0 0 -147px;
}
@media (max-width: 980px) {
  .campaign-pd__photo .img2 {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
@media (max-width: 980px) {
  .campaign-pd__photo {
    width: 75%;
    max-width: 640px;
  }
}
.campaign-pd__photo--big-ratio {
  width: 90%;
}
@media (max-width: 980px) {
  .campaign-pd__photo--mob-big-ratio {
    width: 90%;
  }
}
@media (max-width: 980px) {
  .campaign-pd__photo--mob-full {
    width: 100%;
  }
}
.campaign-pd__name {
  margin-top: -1em;
  margin-bottom: 1em;
  font-size: 1.81512605rem;
}
.campaign-pd__name .en-text {
  font-size: 1.2em;
}
.campaign-pd__name .noto-serif {
  letter-spacing: 0.1em;
}
@media (max-width: 980px) {
  .campaign-pd__name {
    font-size: 4.70588235vw;
  }
}
.campaign-pd__name--top-space {
  margin-top: 0em;
}
.campaign-pd__name--noprice {
  font-size: 1.81512605rem;
}
.campaign-pd__name--noprice .en-text {
  font-size: 1.5em;
}
.campaign-pd__name--bigpic .en-text {
  font-size: 1.2em;
}
.campaign-pd__name--sm {
  font-size: 1.61344538rem;
}
.campaign-pd__price {
  margin: 0.2em 0 0 0;
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 20px;
  line-height: 1.2;
}
.campaign-pd__price .origin {
  display: inline-block;
  margin-right: 0.5em;
  color: #848585;
  font-size: 16px;
}
.campaign-pd__price .sale {
  display: inline-block;
  color: #3d3a39;
}
.campaign-pd__price strong {
  color: #b5313d;
}
.campaign-pd__price small {
  font-size: 0.7em;
}
.campaign__hint {
  display: block;
  margin-top: 12.10084034px;
  font-size: 1.61344538rem;
  line-height: 2.125em;
}
.campaign__hint--caption {
  margin-top: 20.16806723px;
  margin-bottom: 0;
  margin-left: 7%;
}
@media (max-width: 980px) {
  .campaign__hint--mb-center {
    text-align: center;
    margin-left: 0;
  }
}
.campaign-gift {
  margin-top: 40.33613445px;
}
.campaign-gift__list {
  display: flex;
  flex-wrap: wrap;
  width: 988.23529412px;
  margin: auto;
  padding: 0;
}
@media (max-width: 980px) {
  .campaign-gift__list {
    width: 100%;
    display: block;
  }
}
.campaign-gift__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 485px;
  background: url('../images/coupon-banner.png');
  background-position: 25% center;
  background-size: cover;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-gift__item {
    width: 75%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    background: none;
  }
}
.campaign-gift__item:nth-child(2) {
  margin-top: 50px;
  background: url('../images/propose-banner.png');
  background-size: cover;
}
@media (max-width: 980px) {
  .campaign-gift__item:nth-child(2) {
    background: none;
    margin-top: 0px;
  }
}
.campaign-gift__item a {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
@media (max-width: 980px) {
  .campaign-gift__item a {
    height: auto;
  }
}
.campaign-gift__item--right {
  display: block;
  width: 50%;
  margin: 0 0 0 45%;
  font-weight: bold !important;
  cursor: pointer;
}
.campaign-gift__item--right p {
  margin-top: 0px;
}
@media (max-width: 980px) {
  .campaign-gift__item--right p {
    margin-top: 30px;
  }
}
@media (max-width: 980px) {
  .campaign-gift__item--right {
    width: 100%;
    margin: 0;
  }
}
.campaign-gift__item--left {
  display: block;
  width: 50%;
  margin: 0 45% 0 0;
  font-weight: 500;
  font-weight: bold !important;
  cursor: pointer;
}
@media (max-width: 980px) {
  .campaign-gift__item--left {
    width: 100%;
    margin: 0;
  }
}
.campaign-gift__pic {
  position: relative;
  width: 302.5210084px;
  height: 302.5210084px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  background-color: #f4f4f4;
}
.campaign-gift__pic img {
  display: block;
  max-width: 100%;
}
@media (max-width: 980px) {
  .campaign-gift__pic {
    width: 100%;
    height: auto;
    max-width: 302.5210084px;
  }
}
.campaign-gift__name {
  margin-top: 30.25210084px;
  font-size: 1.81512605rem;
  line-height: 1.72727273em;
  letter-spacing: 0.1em;
}
.campaign-gift__name .small {
  display: block;
  font-size: 0.81818182em;
  line-height: 1.77777778em;
}
@media (max-width: 980px) {
  .campaign-gift__name {
    font-size: 3.69747899vw;
  }
}
.campaign__logo {
  display: block;
  height: 70.58823529px;
  margin: 100.84033613px auto;
  background-image: url('../images/logo.png');
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  .campaign__logo {
    height: 11.76470588vw;
  }
}
.campaign-info {
  margin-bottom: 40.33613445px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: url(../images/dia-bg.jpg);
  background-position: 25% center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  .campaign-info {
    padding: 3.36134454vw 0 6.72268908vw 0;
    background-size: 300%;
    background-position: 10% -18vw;
    background-color: #ececec;
  }
  .campaign-info .campaign-sec__title {
    margin-bottom: 67.22689076vw;
  }
  .campaign-info .campaign__hint {
    text-align: center;
  }
}
.campaign-info__title {
  font-weight: normal;
  font-size: 2.42016807rem;
}
@media (max-width: 980px) {
  .campaign-info__title {
    text-align: center;
    margin: 1em auto;
  }
}
.campaign-info__block {
  display: flex;
  justify-content: center;
  width: 60%;
  margin-left: 40%;
  padding: 60.50420168px 0;
}
@media (max-width: 980px) {
  .campaign-info__block {
    display: block;
    width: 100%;
    margin: auto;
    padding: 0;
  }
}
.campaign-info__col {
  display: block;
}
.campaign-info__col--60 {
  max-width: 564.70588235px;
}
@media (max-width: 980px) {
  .campaign-info__col--60 {
    max-width: 100%;
  }
}
.campaign-info__col--50 {
  width: 50%;
}
.campaign-info__col--pd-x {
  padding: 0 2%;
}
.campaign-sp-event {
  margin-top: 40.33613445px;
  padding: 20.16806723px 40.33613445px;
  background: url('../images/special-event.png');
  background-position: center center;
  background-size: cover;
}
@media (max-width: 980px) {
  .campaign-sp-event {
    padding: 10.08403361px 20.16806723px;
  }
}
.campaign-sp-event__inner {
  display: inline-block;
  margin-top: 60.50420168px;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-sp-event__inner {
    width: 100%;
  }
}
.campaign-sp-event__caption {
  font-size: 1.61344538rem;
  margin: 0;
  margin-top: 40.33613445px;
}
.campaign-sp-event__btn {
  position: absolute;
  top: 65%;
  left: 16.5%;
  width: 20%;
}
.campaign-xmas-present {
  position: relative;
  margin-top: 40.33613445px;
  padding: 5.04201681px;
  background: url('../images/christmas-present.png');
  background-position: center center;
  background-size: cover;
}
@media (max-width: 980px) {
  .campaign-xmas-present {
    padding: 20.16806723px;
  }
}
.campaign-xmas-present__inner {
  position: relative;
  width: 50%;
  margin-top: 60.50420168px;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-xmas-present__inner {
    width: 100%;
  }
}
.campaign-xmas-present__img {
  margin-top: 20.16806723px;
}
.campaign-xmas-present__text {
  text-align: center;
  color: #666;
  font-size: 2.21848739rem;
  position: absolute;
  bottom: 12%;
  left: 105%;
  width: max-content;
  line-height: 2em;
  letter-spacing: 0.2em;
  text-align: left;
}
@media (max-width: 980px) {
  .campaign-xmas-present__text {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    font-size: 20px;
    text-align: center;
  }
}
.campaign-xmas-present__text--more-right {
  display: inline-block;
  transform: translateX(20%);
}
@media (max-width: 980px) {
  .campaign-xmas-present__text--more-right {
    transform: translateX(0%);
  }
}
.campaign-xmas-present__caption {
  font-size: 1.61344538rem;
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-xmas-present__caption {
    position: relative;
    left: auto;
    bottom: auto;
  }
}
.campaign-sp-border {
  box-sizing: border-box;
  z-index: 0;
  position: relative;
  width: 100%;
  padding: 4% 5% 0 5%;
}
@media (max-width: 980px) {
  .campaign-sp-border {
    padding-bottom: 4%;
  }
}
.campaign-sp-border::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5px;
  height: 80%;
  transform: translate(-50%, -50%);
  background-color: #986e3f;
  content: '';
}
@media (max-width: 980px) {
  .campaign-sp-border::after {
    width: 90%;
    height: 1.5px;
  }
}
.campaign-sp-border__deco {
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
}
.campaign-sp-border__deco--ver {
  z-index: 1;
  right: 0;
  left: 0;
  padding: 0 2%;
  padding-top: calc(2% + 3px);
}
.campaign-sp-border__deco--ver::after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  width: calc(100% - 4%);
  height: 150%;
  border: 3px solid #986e3f;
  content: '';
}
.campaign-sp-border__deco--hor {
  z-index: 0;
  top: 0;
  bottom: 0;
  width: calc(2% + 3px);
  padding: 2% 0;
}
.campaign-sp-border__deco--hor::after {
  box-sizing: border-box;
  display: block;
  width: 150%;
  height: 100%;
  border: 3px solid #986e3f;
  content: '';
}
.campaign-sp-border__deco--top {
  top: 0;
}
.campaign-sp-border__deco--top::after {
  border-radius: 15px 15px 0 0 / 15px 15px 0 0;
}
@media (max-width: 980px) {
  .campaign-sp-border__deco--top::after {
    border-radius: 7.5px 7.5px 0 0 / 7.5px 7.5px 0 0;
  }
}
.campaign-sp-border__deco--bottom {
  bottom: 0;
}
.campaign-sp-border__deco--bottom::after {
  transform: translateY(-50%);
  border-radius: 0 0 15px 15px / 0 0 15px 15px;
}
@media (max-width: 980px) {
  .campaign-sp-border__deco--bottom::after {
    border-radius: 0 0 7.5px 7.5px / 0 0 7.5px 7.5px;
  }
}
.campaign-sp-border__deco--left {
  left: 0;
}
.campaign-sp-border__deco--left::after {
  border-radius: 15px 0 0 15px / 15px 0 0 15px;
}
@media (max-width: 980px) {
  .campaign-sp-border__deco--left::after {
    border-radius: 7.5px 0 0 7.5px / 7.5px 0 0 7.5px;
  }
}
.campaign-sp-border__deco--right {
  right: 0;
}
.campaign-sp-border__deco--right::after {
  transform: translateX(-50%);
  border-radius: 0 15px 15px 0 / 0 15px 15px 0;
}
@media (max-width: 980px) {
  .campaign-sp-border__deco--right::after {
    border-radius: 0 7.5px 7.5px 0 / 0 7.5px 7.5px 0;
  }
}
.campaign-sp-border__container {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10%;
}
@media (max-width: 980px) {
  .campaign-sp-border__container {
    display: block;
  }
}
.campaign-sp-border__inner {
  width: 45%;
}
@media (max-width: 980px) {
  .campaign-sp-border__inner {
    width: 100%;
    margin-top: 5%;
  }
  .campaign-sp-border__inner + .campaign-sp-border__inner {
    margin: 10% 0 5% 0;
  }
}
.campaign .pdlist__tag .tag-text {
  font-weight: 400;
  font-size: 1.41176471rem;
}
@media (max-width: 980px) {
  .campaign .pdlist__tag .tag-text {
    font-weight: 400;
    font-size: 3.36134454vw;
  }
}
.campaign__features {
  position: relative;
  max-width: 90%;
  margin: 0 auto 0px auto;
}
.campaign__features .content2col__des {
  font-size: 1.5em;
}
@media (max-width: 980px) {
  .campaign__features .content2col__des {
    font-size: 1.1em;
  }
}
@media (max-width: 980px) {
  .campaign__features .content2col {
    margin-bottom: 0;
    padding: 0 30px;
  }
  .campaign__features .content2col__cell {
    width: 100%;
  }
  .campaign__features .content2col__cell .blockinner {
    display: block;
    width: auto;
    margin-top: 10%;
    padding: 0 7%;
  }
  .campaign__features .content2col--half {
    display: flex;
    white-space: normal;
  }
  .campaign__features .content2col--half .content2col__cell + .content2col__cell {
    padding-left: 0 !important;
  }
  .campaign__features .content2col--half .content2col__cell--1 {
    order: 0;
  }
  .campaign__features .content2col--half .content2col__cell--2 {
    order: 1;
  }
  -gift {
    margin-top: 40.33613445px;
  }
  -gift__list {
    display: flex;
    flex-wrap: wrap;
    width: 988.23529412px;
    margin: auto;
    padding: 0;
  }
  -gift__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 485px;
    background: url('../images/coupon-banner.png');
    background-size: cover;
    text-align: center;
  }
  -gift__item:nth-child(2) {
    margin-top: 50px;
    background: url('../images/propose-banner.png');
    background-size: cover;
  }
  -gift__item a {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
  }
  -gift__item--right {
    display: block;
    width: 50%;
    margin: 0 0 0 45%;
    font-weight: bold !important;
    cursor: pointer;
  }
  -gift__item--right p {
    margin-top: 0px;
  }
  -gift__item--left {
    display: block;
    width: 50%;
    margin: 0 45% 0 0;
    font-weight: 500;
    font-weight: bold !important;
    cursor: pointer;
  }
  -gift__pic {
    position: relative;
    width: 302.5210084px;
    height: 302.5210084px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
    background-color: #f4f4f4;
  }
  -gift__pic img {
    display: block;
    max-width: 100%;
  }
  -gift__name {
    margin-top: 30.25210084px;
    font-size: 1.81512605rem;
    line-height: 1.72727273em;
    letter-spacing: 0.1em;
  }
  -gift__name .small {
    display: block;
    font-size: 0.81818182em;
    line-height: 1.77777778em;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  .campaign__features .content2col {
    padding: 0;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  .campaign__features .content2col--half {
    display: block;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  -gift__list {
    width: 100%;
    display: block;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  -gift__item {
    width: 75%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    background: none;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  -gift__item:nth-child(2) {
    background: none;
    margin-top: 0px;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  -gift__item a {
    height: auto;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  -gift__item--right p {
    margin-top: 30px;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  -gift__item--right {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  -gift__item--left {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  -gift__pic {
    width: 100%;
    height: auto;
    max-width: 302.5210084px;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  -gift__name {
    font-size: 3.69747899vw;
  }
}
.fixed-bottom {
  padding: 0 95px 0 40px;
}
@media (max-width: 980px) {
  .fixed-bottom {
    padding: 0;
  }
}
@media (max-width: 980px) {
  /*.campaign-pd{
      padding: 40px 0 0 0;
  }
  .campaign-pd__list--mb-slider{
      position: relative;
      display: block;
      margin-bottom: 60px
  }*/
  .campaign-slider .slick-dots li,
  .campaign__features .slick-dots li {
    margin: 10px 2px 0 2px;
  }
  .campaign-slider .slick-dots li button,
  .campaign__features .slick-dots li button {
    width: 8px;
    height: 8px;
  }
  .campaign-slider .slick-dots > li,
  .campaign__features .slick-dots > li {
    display: inline-block;
  }
  .campaign-slider .slick-dots > li:only-child,
  .campaign__features .slick-dots > li:only-child {
    display: none;
  }
  .campaign-slider .slick-prev,
  .campaign__features .slick-prev,
  .campaign-slider .slick-next,
  .campaign__features .slick-next {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    padding: 0;
    border: none;
    font-size: 0;
    background-color: transparent;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
  }
  .campaign-slider .slick-prev,
  .campaign__features .slick-prev {
    left: 0;
    background-image: url("../images/left-arrow.png");
    background-position: left center;
  }
  .campaign-slider .slick-next,
  .campaign__features .slick-next,
  .campaign-slider .slick-next,
  .campaign__features .slick-next {
    right: 0;
    background-image: url("../images/right-arrow.png");
    background-position: right center;
  }
  .campaign-slider .campaign-pd__item,
  .campaign__features .campaign-pd__item {
    display: block;
    float: left;
    width: 100%;
    padding: 0 30px;
    margin: 0 0 3.36134454vw 0;
  }
}
@media (max-width: 980px) and (max-width: 980px) {
  .campaign-slider .campaign-pd__item,
  .campaign__features .campaign-pd__item {
    padding: 0;
  }
}
.campaign__btns {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 90%;
  margin-top: 60.50420168px;
  margin-right: auto;
  margin-bottom: 60.50420168px;
  margin-left: auto;
}
.campaign__btns .ppr-reservation__btn {
  width: 240px;
  margin: 0;
  padding: 0.6em 0;
  border-color: #5e5452;
  background-color: #5e5452;
}
.campaign__btns .ppr-reservation__btn:hover {
  background-color: transparent;
}
.campaign__btns .ppr-reservation__btn + .ppr-reservation__btn {
  margin-left: 40px;
}
@media (max-width: 980px) {
  .campaign__btns {
    display: block;
    margin-top: 40.33613445px;
    margin-bottom: 40.33613445px;
  }
  .campaign__btns .ppr-reservation__btn {
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.6em 0;
  }
  .campaign__btns .ppr-reservation__btn + .ppr-reservation__btn {
    margin-left: auto;
    margin-top: 15px;
  }
}
.engagement-rings {
  display: block;
  color: #fff;
  font-weight: bold;
}
.engagement-rings ul {
  display: flex;
  width: 100%;
  max-width: 861.17647059px;
  margin-right: auto;
  margin-left: auto;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
  list-style: none;
}
@media (max-width: 980px) {
  .engagement-rings ul {
    display: block;
  }
}
.engagement-rings ul .list {
  display: inline-block;
  position: relative;
  width: 33%;
  max-width: 100%;
  margin: 0 12px;
  font-size: 1.81512605rem;
  text-align: center;
}
@media (max-width: 980px) {
  .engagement-rings ul .list {
    width: 100%;
    margin: 0;
  }
}
.engagement-rings ul .list .circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #bf8d8b;
  font-size: 20px;
  line-height: 1.68;
}
@media (max-width: 980px) {
  .engagement-rings ul .list .circle {
    display: block;
    height: 27vw;
    border-radius: 50vw 50vw 0 0;
  }
}
.engagement-rings ul .list .circle span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  border-radius: 999rem;
  background: #bf8d8b;
  color: #fff;
  font-size: 50px;
}
@media (max-width: 980px) {
  .engagement-rings ul .list .circle span {
    width: 50px;
    height: 50px;
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.engagement-rings ul .list .circle-sec {
  color: #d3b3b1;
}
.engagement-rings ul .list .circle-sec span {
  background: #d3b3b1;
}
.engagement-rings-list--no-max ul {
  max-width: none;
}
.engagement-rings-img {
  display: flex;
  align-items: flex-end;
  width: 100%;
  max-width: 384px;
  height: auto;
  margin: auto;
  padding-bottom: 118.75%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  .engagement-rings-img {
    padding-bottom: 112.8125%;
    width: 95%;
    max-width: 100%;
    background-size: 100%;
  }
}
.engagement-rings-img--big {
  padding-bottom: 128.75%;
}
@media (max-width: 980px) {
  .engagement-rings-img--big {
    padding-bottom: 122.3125%;
  }
}
.engagement-rings-img--1 {
  background-image: url('../images/engagement-1.jpg');
}
.engagement-rings-img--2 {
  background-image: url('../images/engagement-2.jpg');
}
@media (max-width: 980px) {
  .engagement-rings-img--2 {
    background-position: 0% 30%;
  }
}
.engagement-rings-img--3 {
  background-image: url('../images/engagement-3.jpg');
}
@media (max-width: 980px) {
  .engagement-rings-img--3 {
    background-position: 0% 50%;
  }
}
.engagement-rings-img .more {
  display: block;
  width: 80px;
  height: 50px;
  margin: 0 auto;
  background: url('../images/more.png') center top no-repeat;
  background-size: 100%;
}
.engagement-rings__ring-img {
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.engagement-rings__ring-name {
  position: absolute;
  bottom: 12.5%;
  left: 50%;
  width: 100%;
  margin: 0;
  transform: translateX(-50%);
  color: #3e3a39;
  font-size: 1.2em;
}
.engagement-rings__btn {
  position: absolute;
  bottom: 3.5%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 980px) {
  .more-btn {
    border: 1px solid #8a8687;
  }
}
.more-btn--rounded {
  width: 7em;
  padding: 0.5em 1em;
  border: none;
  border-radius: 6em;
  background: #7c7c7c;
  letter-spacing: 0.2em;
  font-weight: 300;
  font-family: 'Noto Sans TC', sans-serif;
}
.more-btn--rounded:after {
  display: none!important;
}
@media (max-width: 980px) {
  .content2col__des2 {
    font-size: 1.5em !important;
  }
}
.campaign__btns .ppr-reservation__btn {
  padding: 0.9em 0 0.6em;
}
.card-label {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 50.42016807px;
  height: 50.42016807px;
  border-radius: 50%;
  background-color: #453536;
  color: white;
  font-size: 1.81512605rem;
}
.card-label--new {
  background-color: #ebaab9;
}
.campaign-3cards__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10.08403361px 0;
  font-size: 3.02521008rem;
  letter-spacing: 0.2em;
}
.campaign-3cards__title .pic-text {
  display: block;
  width: 9.11111111em;
  margin: 0 0.5em;
}
@media (max-width: 980px) {
  .campaign-3cards__title {
    font-size: 6.05042017vw;
    flex-wrap: wrap;
  }
  .campaign-3cards__title .pic-text {
    margin: 0.3em 0.5em;
  }
}
.campaign-3cards__inner {
  margin: 60.50420168px auto;
}
@media (max-width: 980px) {
  .campaign-3cards__inner {
    margin: 10.08403361vw auto;
  }
}
.campaign-3cards__intro {
  font-size: 2.21848739rem;
  line-height: 1.8em;
  letter-spacing: 0.2em;
  text-align: center;
}
.campaign-3cards__intro p {
  margin: 0.55555556em 0;
}
@media (max-width: 980px) {
  .campaign-3cards__intro {
    font-size: 3.69747899vw;
  }
}
.campaign-3cards__list {
  display: flex;
  justify-content: space-between;
  min-width: 100%;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
  list-style: none;
}
.campaign-3cards__list--wrap {
  flex-wrap: wrap;
}
@media (max-width: 980px) {
  .campaign-3cards__list {
    display: block;
    padding: 0 4.03361345vw;
    margin-left: 0;
    margin-right: 0;
  }
}
.campaign-3cards__list--arrow-top .slick-arrow {
  top: -10%;
}
.campaign-3cards__item {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 32%;
  max-width: 100%;
  font-size: 1.81512605rem;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-3cards__item {
    width: 100%;
    margin: 0;
  }
}
.campaign-3cards__item .circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #bf8d8b;
  font-size: 20px;
  line-height: 1.68;
}
@media (max-width: 980px) {
  .campaign-3cards__item .circle {
    display: block;
    height: 27vw;
    border-radius: 50vw 50vw 0 0;
  }
}
.campaign-3cards__item .circle span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  border-radius: 999rem;
  background: #bf8d8b;
  color: #fff;
  font-size: 50px;
}
@media (max-width: 980px) {
  .campaign-3cards__item .circle span {
    width: 50px;
    height: 50px;
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.campaign-3cards__item .circle-sec {
  color: #d3b3b1;
}
.campaign-3cards__item .circle-sec span {
  background: #d3b3b1;
}
.campaign-3cards__card-img {
  display: block;
}
.campaign-3cards__card-img--border {
  border: 1px solid #dadbdb;
}
@media (max-width: 980px) {
  .campaign-3cards__card-img {
    width: 95%!important;
    margin: 5.04201681vw auto;
  }
}
.campaign-3cards__card-name {
  display: block;
  margin-top: 20.16806723px;
  font-size: 1.91596639rem;
  text-align: center;
  font-weight: 500;
}
@media (max-width: 980px) {
  .campaign-3cards__card-name {
    margin-top: 3.36134454vw;
    margin-bottom: 2.68907563vw;
    font-size: 4.70588235vw;
  }
}
.campaign-3cards__card-name strong {
  color: #b98785;
  font-weight: normal;
}
.campaign-3cards__card-name small {
  font-size: 0.7em;
}
.campaign-3cards__img {
  display: flex;
  align-items: flex-end;
  width: 100%;
  max-width: 384px;
  height: auto;
  margin: auto;
  padding-bottom: 118.75%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  .campaign-3cards__img {
    padding-bottom: 112.8125%;
    width: 95%;
    max-width: 100%;
    background-size: 100%;
  }
}
.campaign-3cards__img--big {
  padding-bottom: 128.75%;
}
@media (max-width: 980px) {
  .campaign-3cards__img--big {
    padding-bottom: 122.3125%;
  }
}
.campaign-3cards__img--square {
  padding-bottom: 100%;
}
.campaign-3cards__img .more {
  display: block;
  width: 80px;
  height: 50px;
  margin: 0 auto;
  background: url('../images/more.png') center top no-repeat;
  background-size: 100%;
}
.campaign-3cards__ring-img {
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.campaign-3cards__ring-name {
  position: absolute;
  bottom: 12.5%;
  left: 50%;
  width: 100%;
  margin: 0;
  transform: translateX(-50%);
  color: #3e3a39;
  font-size: 1.2em;
}
.campaign-3cards__btn {
  position: absolute;
  bottom: 3.5%;
  left: 50%;
  transform: translateX(-50%);
}
.campaign-alt {
  padding: 60.50420168px 0;
  background-color: #eff1f2;
  color: #232323;
}
@media (max-width: 980px) {
  .campaign-alt {
    padding: 40.33613445px 0;
  }
}
.campaign-alt__inner {
  max-width: 1008.40336134px;
  margin: auto;
}
.campaign-alt__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.campaign-alt__block + .campaign-alt__block {
  margin-top: 80.67226891px;
}
.campaign-alt__block--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 980px) {
  .campaign-alt__block {
    display: block;
  }
}
.campaign-alt__photo {
  display: block;
  width: 64%;
}
.campaign-alt__photo img {
  display: block;
  width: 100%;
}
@media (max-width: 980px) {
  .campaign-alt__photo {
    width: 100%;
    margin-bottom: 40.33613445px;
  }
}
.campaign-alt__content {
  display: block;
  width: 32%;
}
@media (max-width: 980px) {
  .campaign-alt__content {
    width: 100%;
  }
}
.campaign-alt__title {
  display: block;
  margin-top: 20.16806723px;
  margin-bottom: 10.08403361px;
  text-align: center;
  font-size: 1.61344538rem;
}
@media (max-width: 980px) {
  .campaign-alt__title {
    font-size: 3.36134454vw;
  }
}
.campaign-alt__title .text {
  display: inline-block;
  width: 12.22222222em;
  padding: 0.6em 0 0.4em 0;
  border: 1px solid #232323;
  border-radius: 1em;
  line-height: 1em;
  letter-spacing: 0.2em;
}
.campaign-alt__pd {
  display: block;
  text-align: center;
}
.campaign-alt__pd-name {
  display: block;
  margin-top: 0;
  margin-bottom: 10.08403361px;
  font-size: 3.22689076rem;
  line-height: 1.1875em;
  font-family: 'Bodoni Moda', 'Noto Serif TC', serif;
}
.campaign-alt__pd-name .text-symbol {
  font-weight: 500;
  font-family: 'Cochin-LT-Font', 'Noto Serif TC', serif;
  font-style: italic;
}
@media (max-width: 980px) {
  .campaign-alt__pd-name {
    font-size: 5.37815126vw;
  }
}
.campaign-alt__pd-desc {
  display: block;
  margin: 0;
  font-size: 2.21848739rem;
  letter-spacing: 0.2em;
}
@media (max-width: 980px) {
  .campaign-alt__pd-desc {
    font-size: 3.69747899vw;
  }
}
.campaign-alt__pd-pic {
  display: block;
  position: relative;
  margin-top: 10.08403361px;
}
@media (max-width: 980px) {
  .campaign-alt__pd-pic {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.campaign-alt__pd-pic .more {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  font-size: 2.21848739rem;
}
@media (max-width: 980px) {
  .campaign-alt__pd-pic .more {
    text-align: center;
  }
}
.campaign-alt__block--reverse .campaign-alt__pd-pic .more {
  text-align: right;
}
@media (max-width: 980px) {
  .campaign-alt__block--reverse .campaign-alt__pd-pic .more {
    text-align: center;
  }
}
.campaign .tag-circle {
  display: inline-block;
  position: relative;
  color: white;
  letter-spacing: 0;
}
.campaign .tag-circle span {
  z-index: 1;
  position: relative;
}
.campaign .tag-circle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5em;
  height: 1.5em;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #cb8484;
  content: "";
}
.campaign-2cards__list {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  gap: 7.14285714%;
  list-style: none;
}
.campaign-2cards__list--2x2 {
  flex-wrap: wrap;
  gap: 0;
}
.campaign-2cards__list--2x2 .campaign-2cards__item {
  position: relative;
  height: auto;
  text-align: center;
}
.campaign-2cards__list--2x2 .campaign-2cards__item .pdlist__tag {
  top: 3%;
  left: 8%;
}
.campaign-2cards__list--2x2 .campaign-3cards__card-name {
  margin-top: -5%;
}
@media (max-width: 980px) {
  .campaign-2cards__list {
    display: block;
    padding: 0 30px;
  }
}
.campaign-2cards__item {
  display: block;
}
.campaign-2cards__link {
  display: block;
}
.campaign-2cards__name {
  font-weight: 300;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0;
  color: #5b5b5b;
  font-weight: 400;
  font-size: 2.01680672rem;
  line-height: 1.44em;
  letter-spacing: 0.2em;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-2cards__name {
    font-size: 3.36134454vw;
  }
}
.campaign-2cards__desc {
  font-weight: 300;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0;
  color: #5b5b5b;
  font-weight: 400;
  font-size: 2.82352941rem;
  line-height: 1.59285714em;
  letter-spacing: 0.2em;
  text-align: center;
}
@media (max-width: 980px) {
  .campaign-2cards__desc {
    font-size: 4.70588235vw;
  }
}
.campaign-2cards__img {
  display: block;
  width: 455.79831933px;
  margin-top: 24.20168067px;
  margin-right: auto;
  margin-left: auto;
}
.campaign-2cards .slick-arrow {
  margin-top: 5vw;
}
.rwdpic {
  aspect-ratio: calc(var(--w) / var(--h));
}
@media (max-width: 980px) {
  .rwdpic {
    aspect-ratio: calc(var(--mw) / var(--mh));
  }
}
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bodonimoda/v27/aFT67PxzY382XsXX63LUYL6GYFcan6NJrKp-VPjfJMShrpsGFUt8oU7awIA.ttf) format('truetype');
}
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bodonimoda/v27/aFT67PxzY382XsXX63LUYL6GYFcan6NJrKp-VPjfJMShrpsGFUt8oXzawIA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz7_6y_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v37/-nFuOG829Oofr2wohFbTp9ifNAn722rq0MXz75Ky_Co.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoseriftc/v33/XLYzIZb5bJNDGYxLBibeHZ0BnHwmuanx8cUaGX8EMOpD.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoseriftc/v33/XLYzIZb5bJNDGYxLBibeHZ0BnHwmuanx8cUaGX9oMOpD.ttf) format('truetype');
}
@font-face {
  src: url('../../fonts/CochinLTStd.otf');
  font-family: 'Cochin-LT-Font';
  unicode-range: U+00-024F;
}
html,
body {
  touch-action: manipulation;
}
.setRatio {
  aspect-ratio: calc(var(--w) / var(--h));
}
@media (max-width: 980px) {
  .setRatio {
    aspect-ratio: calc(var(--mw) / var(--mh));
  }
}
img {
  image-rendering: -webkit-optimize-contrast;
}
.serif-font,
.bodoni {
  font-family: 'Bodoni Moda', 'Noto Serif TC', serif;
}
.noto-serif,
.serif,
.cochin {
  font-weight: 500;
  font-family: 'Cochin-LT-Font', 'Noto Serif TC', serif;
}
.sans,
.noto-sans {
  font-weight: 300;
  font-family: 'Noto Sans TC', sans-serif;
}
.arial-sans {
  font-weight: 100;
  font-family: Arial, 'Noto Sans TC', sans-serif;
}
.dollar {
  display: inline !important;
  font-family: 'Cochin-LT-Font', 'Noto Serif TC', serif;
}
.text-red {
  color: #b5313d;
}
.text-gray {
  color: #666;
}
.text-italic {
  font-style: italic;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-bold {
  font-weight: bold;
}
.text-semibold {
  font-weight: 600;
}
.text-normal {
  font-weight: normal;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-closer {
  letter-spacing: normal;
}
.font-size8 {
  font-size: 1.61344538rem;
}
.font-size11 {
  font-size: 2.21848739rem;
}
.font-size12 {
  font-size: 2.42016807rem;
}
.font-size14 {
  font-size: 2.82352941rem;
}
.font-size16 {
  font-size: 3.22689076rem;
}
.font-size20 {
  font-size: 4.03361345rem;
}
@media (max-width: 980px) {
  .font-size20 {
    font-size: 1.5em;
  }
}
.font-500 {
  font-weight: 500;
}
.inline-block {
  display: inline-block;
}
.underLine {
  padding-bottom: 5px;
  border: none;
  border-bottom: #4c3f3e 1px solid;
}
.mt40 {
  margin-top: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.mt20 {
  margin-top: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb15 {
  margin-bottom: 15px;
}
.text--center {
  text-align: center;
}
.no-before {
  display: block;
}
.no-before:before,
.no-before:after {
  display: none;
}
.size-3rem {
  font-size: 3rem;
}
@media (max-width: 980px) {
  .size-3rem {
    font-size: 2rem;
  }
}
@media (min-width: 980px) {
  .hide-pc {
    display: none !important;
  }
}
@media (max-width: 980px) {
  .hide-mb {
    display: none !important;
  }
}
@media (max-width: 980px) {
  img.w-50 {
    width: 100% !important;
    text-align: center;
    margin: 0 auto;
  }
}
.w-20 {
  width: 20%;
}
@media (max-width: 980px) {
  .w-20 {
    width: 45%;
  }
}
.w-27 {
  width: 27%;
}
@media (max-width: 980px) {
  .w-27 {
    width: 100%;
  }
}
.w-30 {
  width: 30% !important;
}
.w-32 {
  width: 32%;
}
@media (max-width: 980px) {
  .w-32 {
    width: 100%;
  }
}
.w-33 {
  width: 33% !important;
}
.w-50 {
  width: 50% !important;
}
@media (max-width: 980px) {
  .w-50 {
    width: 100% !important;
  }
}
.w-100 {
  width: 100% !important;
}
@media (max-width: 980px) {
  .w50-extra {
    width: 50% !important;
    text-align: center;
    margin: 0 auto;
  }
}
.sentence {
  display: inline-block;
}
.campaign__form {
  font-weight: 300;
  font-family: 'Noto Sans TC', sans-serif;
  margin-bottom: 60px;
}
html {
  scroll-behavior: smooth;
}
.campaign-2cards__list {
  align-items: flex-start;
  padding-top: 2rem;
}
@media (max-width: 980px) {
  .campaign-2cards__list {
    padding-top: 0;
  }
}
.campaign-2cards__desc--smaller {
  font-size: 2.3rem;
}
@media (max-width: 980px) {
  .campaign-2cards__desc--smaller {
    font-size: 4.2vw;
  }
}
.campaign-2cards__inner--bg {
  background-color: #F3F2F3;
  box-sizing: border-box;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
@media (max-width: 980px) {
  .campaign-2cards__inner--bg {
    padding-top: 1rem;
  }
}
@media (max-width: 980px) {
  .pdlist__tag {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 575px) {
  .pdlist__tag {
    width: 46px;
    height: 46px;
  }
}
.campaign-framed {
  height: auto;
  padding: 2rem 0;
}
@media (max-width: 980px) {
  .campaign-framed__title {
    line-height: 2em;
  }
}
.campaign-framed__subtitle {
  font-size: 1.61344538rem;
}
@media (max-width: 980px) {
  .campaign-framed__subtitle {
    font-size: 1.21008403rem;
  }
}
.campaign-framed .en-text {
  font-size: 1.66666667em;
}
.campaign__btn {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.campaign-sec__side {
  margin-top: 30.25210084px;
  margin-bottom: 40.33613445px;
}
.campaign-sec__side img {
  height: auto;
}
@media (max-width: 980px) {
  .campaign-sec__side img {
    transform: scale(1.05);
  }
}
@media (max-width: 980px) {
  .campaign-sec__side {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.campaign-sec__inner--fit {
  width: fit-content;
  transform: translateY(6rem);
}
@media (max-width: 980px) {
  .campaign-sec__inner--fit {
    transform: translateY(0);
  }
}
.campaign-sec__title--yline {
  display: inline-flex;
}
.campaign-sec__title--yline:before,
.campaign-sec__title--yline:after {
  width: 2.5px;
  height: 1.5em;
}
.campaign-sec__title--yline .text {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 980px) {
  .campaign-sec__title--yline .text {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.campaign-3cards__list {
  align-items: end;
}
.campaign-3cards__card-imgbg {
  width: calc(100% + (20 * 2.01680672px));
  height: calc(100% + (20 * 2.01680672px));
  position: absolute;
  top: -20.16806723px;
  left: -20.16806723px;
  background-image: url('../images/er-03.jpg');
  background-position-x: center;
  background-position-y: -2rem;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media (max-width: 980px) {
  .campaign-3cards__card-imgbg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    background-size: contain;
  }
}
.campaign-3cards__item {
  position: relative;
}
.campaign__btn {
  margin-bottom: 1em;
}
.text-closer--more {
  letter-spacing: 2px;
}
.opacity-0 {
  opacity: 0;
}
.mb0 {
  margin-bottom: 0;
}