@charset "UTF-8";
.p-csr--2025 .p-csr__kv {
  position: relative;
}
.p-csr--2025 .p-csr__kv-inner {
  position: relative;
}
.p-csr--2025 .p-csr__kv-ttl-wrap {
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  top: calc(12 * 10 / 375 * 100vw);
  width: 100%;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-ttl-wrap {
    top: calc(15.2 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-ttl {
  font-family: var(--font-LOccitaneSerifCondensed);
  font-weight: 400;
  line-height: 1.1;
  font-size: calc(5.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-ttl {
    font-size: calc(10.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-ttl-txt {
  font-weight: 50;
  font-feature-settings: "palt";
  font-family: var(--font-min);
  display: block;
  line-height: 1.25;
  margin-bottom: calc(1 * 10 / 375 * 100vw);
  font-size: calc(1.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-ttl-txt {
    font-size: calc(2.8 * 10 / 1440 * 100vw);
    margin-bottom: calc(2.3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-txt {
  line-height: 1.25;
  font-feature-settings: "palt";
  font-family: var(--font-min);
  margin-top: calc(0.9 * 10 / 375 * 100vw);
  font-size: calc(2.2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-txt {
    font-size: calc(4.4 * 10 / 1440 * 100vw);
    margin-top: calc(0.6 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-count {
  background: #ffc700;
  color: #000;
  padding: 1vw calc(0.8 * 10 / 375 * 100vw);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-count {
    width: -moz-max-content;
    width: max-content;
    border-radius: calc(1 * 10 / 1440 * 100vw);
    margin: 0 auto;
    padding: calc(1.4 * 10 / 1440 * 100vw) calc(2.8 * 10 / 1440 * 100vw);
    flex-direction: column;
  }
}
.p-csr--2025 .p-csr__kv-count-label {
  display: block;
  line-height: 1.4;
  font-size: calc(1.1 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-count-label {
    font-weight: 600;
    font-size: calc(1.8 * 10 / 1440 * 100vw);
    margin-bottom: calc(0.3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-count-result {
  font-family: var(--font-min);
  font-weight: 500;
  font-size: calc(0.95 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-count-result {
    font-size: calc(2.25 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-count-result-num {
  font-family: var(--font-LOccitaneSerifCondensed);
  font-weight: 400;
  display: inline-block;
  font-size: calc(2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-count-result-num {
    font-size: calc(4.5 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-count-result-num i {
  width: calc(0.9 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-count-result-num i {
    width: calc(2.1 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-count-result-num i.comma {
  width: calc(0.3 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-count-result-num i.comma {
    width: calc(0.6 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-count-result-num i.decimalPoint {
  font-size: calc(1 * 10 / 375 * 100vw);
  width: calc(0.3 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-count-result-num i.decimalPoint {
    font-size: calc(2.25 * 10 / 1440 * 100vw);
    width: calc(0.4 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-count-result-num i.numDecimal {
  font-size: calc(1 * 10 / 375 * 100vw);
  width: calc(0.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-count-result-num i.numDecimal {
    font-size: calc(2.25 * 10 / 1440 * 100vw);
    width: calc(0.9 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-count-result-km {
  font-family: var(--font-LOccitaneSerifCondensed);
}
.p-csr--2025 .p-csr__kv-nav {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-nav {
    bottom: calc(32.4 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__kv-nav-list {
  display: flex;
  background: var(--color-sub);
  padding: 0 calc(0.8 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-nav-list {
    display: none;
  }
}
.p-csr--2025 .p-csr__kv-nav-item {
  flex: 1;
}
.p-csr--2025 .p-csr__kv-nav-item-link {
  color: #fff;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--transition-txt-color) var(--easing-txt-color);
  font-size: calc(1.1 * 10 / 375 * 100vw);
  height: calc(5.6 * 10 / 375 * 100vw);
}
.p-csr--2025 .p-csr__kv-nav-item-link:hover {
  opacity: 0.6;
  transition: opacity 0s;
}
.p-csr--2025 .p-csr__kv-intro {
  color: var(--color-sub);
  text-align: center;
  line-height: 1.75;
  font-size: calc(1.4 * 10 / 375 * 100vw);
  margin-top: calc(2.9 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__kv-intro {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-family: var(--font-min);
    bottom: calc(47 * 10 / 1440 * 100vw);
    font-size: calc(2.4 * 10 / 1440 * 100vw);
    margin-top: 0;
    opacity: 0.8;
  }
}

.p-csr--2025 .p-csr__fixedBnr {
  cursor: pointer;
  content: "";
  color: var(--color-sub);
  position: fixed;
  bottom: calc(2 * 10 / 375 * 100vw);
  right: calc(2 * 10 / 375 * 100vw);
  width: calc(12 * 10 / 375 * 100vw);
  height: calc(12 * 10 / 375 * 100vw);
  z-index: 1000;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr {
    width: calc(16 * 10 / 1440 * 100vw);
    height: calc(16 * 10 / 1440 * 100vw);
    bottom: calc(4 * 10 / 1440 * 100vw);
    right: calc(4 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-target {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.p-csr--2025 .p-csr__fixedBnr-target::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  animation: rotateInfinite 10s linear infinite;
  transform-origin: center;
  background: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/bg_fixed-bnr.svg) center/contain no-repeat;
}
@keyframes rotateInfinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-target {
    gap: calc(1 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-count-result {
  font-family: var(--font-min);
  font-weight: 500;
  text-align: center;
  display: block;
  font-feature-settings: "palt";
  line-height: 1.2;
  font-size: calc(0.675 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-count-result {
    line-height: 1.1;
    font-size: calc(0.9 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-count-result-inner {
  display: block;
}
.p-csr--2025 .p-csr__fixedBnr-count-result-num {
  font-family: var(--font-LOccitaneSerifCondensed);
  font-weight: 400;
  display: inline-block;
  font-size: calc(1.275 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-count-result-num {
    font-size: calc(1.7 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-count-result-num i {
  width: calc(0.6 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-count-result-num i {
    width: calc(0.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-count-result-num i.comma {
  width: calc(0.1 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-count-result-num i.comma {
    width: calc(0.3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-count-result-num i.decimalPoint {
  font-size: calc(0.675 * 10 / 375 * 100vw);
  width: calc(0.1 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-count-result-num i.decimalPoint {
    font-size: calc(0.9 * 10 / 1440 * 100vw);
    width: calc(0.15 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-count-result-num i.numDecimal {
  font-size: calc(0.675 * 10 / 375 * 100vw);
  width: calc(0.3 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-count-result-num i.numDecimal {
    font-size: calc(0.9 * 10 / 1440 * 100vw);
    width: calc(0.35 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-count-result-km {
  font-family: var(--font-LOccitaneSerifCondensed);
}
.p-csr--2025 .p-csr__fixedBnr-participate {
  display: flex;
  align-items: center;
  gap: calc(0.2 * 10 / 375 * 100vw);
  margin-top: -0.7vw;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-participate {
    gap: calc(0.4 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-participate-txt {
  font-weight: 700;
  font-size: calc(1.8 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-participate-txt {
    font-size: calc(2.4 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-participate-icon {
  position: relative;
  border-radius: 10rem;
  background: var(--color-sub);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  width: calc(1.8 * 10 / 375 * 100vw);
  height: calc(1.8 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-participate-icon {
    width: calc(2.4 * 10 / 1440 * 100vw);
    height: calc(2.4 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-participate-icon::before {
  content: "";
  -webkit-mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_arrow.svg) no-repeat center/contain;
          mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_arrow.svg) no-repeat center/contain;
  background: #fff;
  margin: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(1.1 * 10 / 375 * 100vw);
  height: calc(0.9 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-participate-icon::before {
    width: calc(1.5 * 10 / 1440 * 100vw);
    height: calc(1.3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: var(--color-overlay-bg-nega);
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.p-csr--2025 .p-csr__fixedBnr-popup.is-open {
  opacity: 1;
  visibility: visible;
}
.p-csr--2025 .p-csr__fixedBnr-popup.is-open .p-csr__fixedBnr-popup-inner {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.p-csr--2025 .p-csr__fixedBnr-popup.is-open .p-csr__fixedBnr-popup-display {
  display: block;
}
.p-csr--2025 .p-csr__fixedBnr-popup-inner {
  opacity: 0;
  visibility: hidden;
  transform: translateY(4rem);
  text-align: center;
  overflow: scroll;
  --delay: 0.4s;
  transition: opacity 0.4s var(--easing-transform) var(--delay), visibility 0.4s var(--easing-transform) var(--delay), transform 0.4s var(--easing-transform) var(--delay);
  height: 100dvh;
}
.p-csr--2025 .p-csr__fixedBnr-popup-display {
  display: none;
}
.p-csr--2025 .p-csr__fixedBnr-popup-head {
  padding-top: calc(3.8 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-head {
    padding-top: calc(22.95 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup-head-ttl {
  font-family: var(--font-LOccitaneSerifCondensed);
  font-weight: 400;
  line-height: 1.1;
  font-size: calc(5.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-head-ttl {
    font-size: calc(8.1 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup-head-ttl-txt {
  font-weight: 50;
  font-feature-settings: "palt";
  font-family: var(--font-min);
  display: block;
  line-height: 1.25;
  margin-bottom: calc(1 * 10 / 375 * 100vw);
  font-size: calc(1.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-head-ttl-txt {
    font-size: calc(2.1 * 10 / 1440 * 100vw);
    margin-bottom: calc(1.6 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup-head-txt {
  line-height: 1.25;
  font-feature-settings: "palt";
  font-family: var(--font-min);
  margin-top: calc(0.5 * 10 / 375 * 100vw);
  font-size: calc(2.2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-head-txt {
    font-size: calc(3.3 * 10 / 1440 * 100vw);
    margin-top: calc(0.3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup-body {
  padding: 0 calc(4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-body {
    padding: 0 calc(50 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup-form {
  margin-top: calc(2.3 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-form {
    margin-top: calc(3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup-txt-wrap {
  margin-top: calc(1.9 * 10 / 375 * 100vw);
  text-align: left;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-txt-wrap {
    margin-top: calc(2.7 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup-txt {
  line-height: 1.75;
  font-size: calc(1.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-txt {
    font-size: calc(2.1 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup-txt sup {
  z-index: -1;
}
.p-csr--2025 .p-csr__fixedBnr-popup-note {
  line-height: 1.75;
  display: block;
  font-size: calc(1.2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-note {
    font-size: calc(1.8 * 10 / 1440 * 100vw);
    margin-top: calc(0.1 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .p-csr__fixedBnr-popup-note .c-link {
  color: var(--color-sub);
}
.p-csr--2025 .p-csr__fixedBnr-popup-close {
  margin: calc(1.75 * 10 / 375 * 100vw) auto;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .p-csr__fixedBnr-popup-close {
    margin: calc(3.8 * 10 / 1440 * 100vw) auto;
  }
}

.p-lottie-test {
  position: relative;
  width: 100%;
  overflow: visible;
  padding-top: calc(30 * 10 / 1440 * 100vw);
  height: calc(100 * 10 / 1440 * 100vw);
}
.p-lottie-test canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: calc(20 * 10 / 1440 * 100vw);
  height: calc(20 * 10 / 1440 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-lottie-test canvas {
    width: calc(10 * 10 / 1440 * 100vw);
    height: calc(10 * 10 / 1440 * 100vw);
  }
}
.p-lottie-test__circle {
  position: absolute;
  border-radius: 50%;
  background: #f5f0e8;
  z-index: 0;
  left: 50%;
  transform: translateX(-50%);
}

.c-video {
  display: block;
  width: 40%;
  margin: 0 auto;
}

.js-load {
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  transition: opacity 0.6s cubic-bezier(0.26, 0.06, 0, 1), visibility 0.6s cubic-bezier(0.26, 0.06, 0, 1), transform 0.6s cubic-bezier(0.26, 0.06, 0, 1);
}
.is-csrLoaded .js-load {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.p-csr--2025 {
  background: var(--color-bg);
  color: var(--color-main-txt);
  font-family: var(--font-gothic);
  padding: 0 0 0 0;
}
.p-csr--2025 h1,
.p-csr--2025 h2,
.p-csr--2025 h3,
.p-csr--2025 p {
  margin: 0 auto;
}
.p-csr--2025 em,
.p-csr--2025 i {
  font-style: normal;
}
.p-csr--2025 img {
  width: 100%;
}
.p-csr--2025 sup {
  font-size: 30%;
  top: -1em;
}
.p-csr--2025 picture {
  display: block;
}
.p-csr--2025 .pc,
.p-csr--2025 .dpc {
  display: none !important;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .pc,
  .p-csr--2025 .dpc {
    display: block !important;
  }
}
.p-csr--2025 .sp,
.p-csr--2025 .dsp {
  display: block !important;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .sp,
  .p-csr--2025 .dsp {
    display: none !important;
  }
}
.p-csr--2025 .min {
  font-family: var(--font-min);
  font-weight: normal;
}
.p-csr--2025 {
  /* layout */
}
.p-csr--2025 .l-container.--left {
  margin-right: auto;
}
.p-csr--2025 .l-container.--right {
  margin-left: auto;
}
.p-csr--2025 .l-container.--center {
  margin: 0 auto;
}
.p-csr--2025 .l-container.--xxl, .p-csr--2025 .l-container.--xl, .p-csr--2025 .l-container.--lg, .p-csr--2025 .l-container.--md, .p-csr--2025 .l-container.--sm, .p-csr--2025 .l-container.--xsm {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .l-container.--xxl {
    max-width: var(--width-contents-xxl);
  }
  .p-csr--2025 .l-container.l-container.--xl {
    width: var(--width-contents-xl);
  }
  .p-csr--2025 .l-container.l-container.--lg {
    width: var(--width-contents-lg);
  }
  .p-csr--2025 .l-container.l-container.--md {
    width: var(--width-contents-md);
  }
  .p-csr--2025 .l-container.l-container.--sm {
    width: var(--width-contents-sm);
  }
  .p-csr--2025 .l-container.l-container.--xsm {
    width: var(--width-contents-xsm);
  }
}

:root {
  --pc-contents-width: 1440;
  --sp-contents-width: 750;
  --color-loc: #ffcb00;
  --color-bg: #f1e7db;
  --color-sub: #3f2b2e;
  --color-beige: #f2e9db;
  --color-sold: #bbb;
  --color-bg: #fbf9f6;
  --color-main-txt: #000;
  --color-main-border: rgb(180, 189, 210);
  --color-overlay-bg: rgba(80, 85, 97, 0.96);
  --color-overlay-bg-nega: rgba(251, 249, 246, 0.9);
  --color-promise-01: #fdc403;
  --color-promise-02: #65663c;
  --color-promise-03: #566a69;
  --color-promise-04: #c19334;
  --color-promise-05: #a4b0a7;
  --color-promise-06: #af6534;
  --width-contents-xxl: min(calc(144 * 10 / 1440 * 100vw), 144rem);
  --width-contents-xl: min(calc(139.2 * 10 / 1440 * 100vw), 139.2rem);
  --width-contents-lg: min(calc(124 * 10 / 1440 * 100vw), 124rem);
  --width-contents-md: min(calc(112 * 10 / 1440 * 100vw), 112rem);
  --width-contents-sm: min(calc(104 * 10 / 1440 * 100vw), 104rem);
  --width-contents-xl-sp: calc(325 / 375 * 100vw);
  --font-gothic: YakuHanJP, YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  --font-min: YakuHanMP, 'Yu Mincho Medium', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HG明朝B', 'MS Mincho', serif;
  --font-LOccitaneSans: 'LOccitaneSans', sans-serif;
  --font-LOccitaneSerif: 'LOccitaneSerif', sans-serif;
  --font-LOccitaneSerifCondensed: 'LOccitaneSerifCondensed', sans-serif;
  --padding-lr-sp: calc(20 / 375 * 100vw);
  --padding-inner-lr-sp: calc(25 / 375 * 100vw);
  --transition-txt-color: 0.5s;
  --easing-txt-color: cubic-bezier(0.26, 0.06, 0, 1);
  --easing-transform: cubic-bezier(0.26, 0.06, 0, 1);
}

.c-btn {
  height: 100%;
  display: block;
  background: var(--color-sub);
  color: #fff;
  width: 100%;
  border-radius: calc(0.6 * 10 / 375 * 100vw);
  min-width: auto;
  line-height: 1.5;
  padding: 0;
  transition: opacity var(--transition-txt-color) var(--easing-txt-color);
}
@media screen and (min-width: 600px) {
  .c-btn {
    border-radius: calc(0.6 * 10 / 1440 * 100vw);
    height: auto;
  }
}
body:not(.touch) .c-btn:hover {
  background: var(--color-sub);
  opacity: 0.8;
  transition: opacity 0s;
}

.c-btn__target {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: calc(1.2 * 10 / 375 * 100vw);
  padding: calc(1.1 * 10 / 375 * 100vw) 0;
}
@media screen and (min-width: 600px) {
  .c-btn__target {
    font-size: calc(1.4 * 10 / 1440 * 100vw);
    padding: calc(0.95 * 10 / 1440 * 100vw) 0;
  }
}

.c-link {
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}
.c-link:hover {
  text-decoration: none;
}
.c-link::after {
  display: none;
}

.c-frame {
  width: calc(33.5 * 10 / 375 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 600px) {
  .c-frame {
    width: 100%;
  }
}

.c-closeBtn {
  position: absolute;
  padding: 0;
  min-width: auto;
  max-width: none;
  background: none;
  top: calc(1.8 * 10 / 375 * 100vw);
  right: calc(2 * 10 / 375 * 100vw);
  bottom: 0;
  width: calc(4 * 10 / 375 * 100vw);
  height: calc(4 * 10 / 375 * 100vw);
}
.c-closeBtn:hover {
  background-color: transparent !important;
}
@media screen and (min-width: 600px) {
  .c-closeBtn {
    top: calc(4 * 10 / 1440 * 100vw);
    width: calc(4 * 10 / 1440 * 100vw);
    right: calc(4 * 10 / 1440 * 100vw);
    height: calc(4 * 10 / 1440 * 100vw);
    bottom: auto;
    cursor: pointer;
  }
}
.c-closeBtn::before, .c-closeBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(0.1 * 10 / 375 * 100vw);
  height: 100%;
  background: #fff;
}
@media screen and (min-width: 600px) {
  .c-closeBtn::before, .c-closeBtn::after {
    width: calc(0.1 * 10 / 1440 * 100vw);
  }
}
.c-closeBtn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-closeBtn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.c-closeBtn--circle {
  position: relative;
  border-radius: 10rem;
  background: var(--color-sub);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  width: calc(3.5 * 10 / 375 * 100vw);
  height: calc(3.5 * 10 / 375 * 100vw);
  min-width: auto;
}
@media screen and (min-width: 600px) {
  .c-closeBtn--circle {
    width: calc(5.25 * 10 / 1440 * 100vw);
    height: calc(5.25 * 10 / 1440 * 100vw);
  }
}
.c-closeBtn--circle:hover {
  background: var(--color-sub) !important;
}
.c-closeBtn--circle::before {
  content: "";
  -webkit-mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_close.svg) no-repeat center/contain;
          mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_close.svg) no-repeat center/contain;
  background: #fff;
  margin: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48%;
  height: 48%;
}

.p-csr--2025 .c-csr__form {
  width: 100%;
  filter: drop-shadow(0px 0.9392vw 2.2933333333vw rgba(0, 0, 0, 0.25));
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form {
    filter: drop-shadow(0px calc(0.5 * 10 / 1440 * 100vw) calc(0.8 * 10 / 1440 * 100vw) rgba(0, 0, 0, 0.25));
  }
}
.p-csr--2025 .c-csr__form--dummy {
  cursor: pointer;
}
.p-csr--2025 .c-csr__form--dummy:hover .c-csr__form-submit-btn {
  opacity: 0.8;
}
.p-csr--2025 .c-csr__form--dummy .c-csr__form-item-input {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-head {
    height: calc(4.2269 * 10 / 1440 * 100vw);
    border-radius: calc(1.5 * 10 / 1440 * 100vw) calc(1.5 * 10 / 1440 * 100vw) 0 0;
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-head-txt {
    font-size: calc(1.8 * 10 / 1440 * 100vw);
    margin-left: calc(1.9 * 10 / 1440 * 100vw);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-body {
    padding: calc(1.8 * 10 / 1440 * 100vw);
    border-radius: 0 0 calc(1.5 * 10 / 1440 * 100vw) calc(1.5 * 10 / 1440 * 100vw);
    z-index: 10000;
    position: relative;
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .form-field {
    border-radius: calc(3 * 10 / 1440 * 100vw);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-item {
    height: calc(6 * 10 / 1440 * 100vw);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-item--distance, .p-csr--2025 .c-csr__form--fixed .c-csr__form-item--m {
    width: calc(6.75 * 10 / 1440 * 100vw);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-item--distance::after, .p-csr--2025 .c-csr__form--fixed .c-csr__form-item--m::after {
    font-size: calc(1.8 * 10 / 1440 * 100vw) !important;
    left: 34.8%;
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-item--distance::before, .p-csr--2025 .c-csr__form--fixed .c-csr__form-item--m::before {
    border-left: calc(0.5 * 10 / 1440 * 100vw) solid transparent;
    border-right: calc(0.5 * 10 / 1440 * 100vw) solid transparent;
    border-top: calc(0.8 * 10 / 1440 * 100vw) solid #000;
    right: calc(1 * 10 / 1440 * 100vw);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-item--distance .c-csr__form-item-input, .p-csr--2025 .c-csr__form--fixed .c-csr__form-item--m .c-csr__form-item-input {
    padding-right: calc(2.2 * 10 / 1440 * 100vw);
    padding-left: 0;
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-item--name {
    width: calc(13.95 * 10 / 1440 * 100vw);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-item-input {
    border-radius: calc(1.5 * 10 / 1440 * 100vw) !important;
    font-size: calc(1.8 * 10 / 1440 * 100vw);
    border-color: var(--color-sub);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-submit {
    width: calc(10.9 * 10 / 1440 * 100vw);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form--fixed .c-csr__form-submit-btn {
    font-size: calc(2.1 * 10 / 1440 * 100vw);
    border-radius: calc(1.5 * 10 / 1440 * 100vw);
    height: calc(6 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-head {
  border-radius: calc(0.88 * 10 / 375 * 100vw) calc(0.88 * 10 / 375 * 100vw) 0 0;
  background: var(--color-loc);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: var(--font-min);
  gap: calc(0.6 * 10 / 375 * 100vw);
  font-size: calc(1.6 * 10 / 375 * 100vw);
  height: calc(2.8 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-head {
    border-radius: calc(0.88 * 10 / 1440 * 100vw) calc(0.88 * 10 / 1440 * 100vw) 0 0;
    gap: calc(0.6 * 10 / 1440 * 100vw);
    font-size: calc(1.6 * 10 / 1440 * 100vw);
    height: calc(2.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-head-txt {
  font-size: calc(1.2 * 10 / 375 * 100vw);
  margin-left: calc(1.269 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-head-txt {
    font-size: calc(1.0373 * 10 / 1440 * 100vw);
    margin-left: calc(1.2 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-head-label {
  font-size: calc(1.05 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-head-label {
    font-size: calc(0.85 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-head-result {
  font-weight: 500;
  display: flex;
  font-size: calc(1.05 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-head-result {
    font-size: calc(0.85 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-head-result-num {
  font-size: calc(1.58 * 10 / 375 * 100vw);
  transform: translateY(-1.5vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-head-result-num {
    font-size: calc(1.58 * 10 / 1440 * 100vw);
    transform: translateY(calc(-0.7 * 10 / 1440 * 100vw));
  }
}
.p-csr--2025 .c-csr__form-head-result-num i {
  width: calc(0.8 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-head-result-num i {
    width: calc(0.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-head-result-num i.comma, .p-csr--2025 .c-csr__form-head-result-num i.decimalPoint {
  width: calc(0.3 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-head-result-num i.comma, .p-csr--2025 .c-csr__form-head-result-num i.decimalPoint {
    width: calc(0.3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-head-result-num:nth-of-type(2) {
  margin-left: calc(0.3 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-head-result-num:nth-of-type(2) {
    margin-left: calc(0.3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-body {
  display: flex;
  align-items: center;
  background: var(--color-beige);
  justify-content: space-between;
  padding: calc(1.2 * 10 / 375 * 100vw);
  border-radius: 0 0 calc(0.88 * 10 / 375 * 100vw) calc(0.88 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-body {
    padding: calc(1.037 * 10 / 1440 * 100vw);
    border-radius: 0 0 calc(0.88 * 10 / 1440 * 100vw) calc(0.88 * 10 / 1440 * 100vw);
    gap: calc(0.6 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-item-wrap {
  position: relative;
}
.p-csr--2025 .c-csr__form-decimalPoint {
  color: #000 !important;
  position: absolute;
  bottom: -1.4vw;
  right: -1.2vw;
  font-size: calc(1.6 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-decimalPoint {
    font-size: calc(1.3831 * 10 / 1440 * 100vw);
    bottom: calc(-0.45 * 10 / 1440 * 100vw);
    right: calc(-0.46 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-item {
  height: calc(4.2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-item {
    height: calc(3.45 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-item--m::after {
  content: "m";
}
.p-csr--2025 .c-csr__form-item--distance::after {
  content: "km";
}
.p-csr--2025 .c-csr__form-item--distance, .p-csr--2025 .c-csr__form-item--m {
  color: #bfb9b7;
  position: relative;
  width: calc(4.5 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-item--distance, .p-csr--2025 .c-csr__form-item--m {
    width: calc(3.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-item--distance.is-selected::after, .p-csr--2025 .c-csr__form-item--m.is-selected::after {
  display: none;
}
.p-csr--2025 .c-csr__form-item--distance::after, .p-csr--2025 .c-csr__form-item--m::after {
  z-index: 10;
  font-family: var(--font-min);
  display: inline-block;
  color: #bfb9b7;
  position: absolute;
  font-size: calc(1.2 * 10 / 375 * 100vw) !important;
  width: 40%;
  left: 40%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-item--distance::after, .p-csr--2025 .c-csr__form-item--m::after {
    font-size: calc(1.0373 * 10 / 1440 * 100vw) !important;
    width: 70%;
    left: 50%;
  }
}
.p-csr--2025 .c-csr__form-item--distance .form-field, .p-csr--2025 .c-csr__form-item--m .form-field {
  height: 100%;
  background: #fff;
  border-radius: calc(1 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-item--distance .form-field, .p-csr--2025 .c-csr__form-item--m .form-field {
    border-radius: calc(3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-item--distance::before, .p-csr--2025 .c-csr__form-item--m::before {
  content: "";
  position: absolute;
  top: 52%;
  right: calc(0.75 * 10 / 375 * 100vw);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: calc(0.35 * 10 / 375 * 100vw) solid transparent;
  border-right: calc(0.35 * 10 / 375 * 100vw) solid transparent;
  border-top: calc(0.55 * 10 / 375 * 100vw) solid #000;
  pointer-events: none;
  z-index: 10;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-item--distance::before, .p-csr--2025 .c-csr__form-item--m::before {
    border-left: calc(0.3 * 10 / 1440 * 100vw) solid transparent;
    border-right: calc(0.3 * 10 / 1440 * 100vw) solid transparent;
    border-top: calc(0.5 * 10 / 1440 * 100vw) solid #000;
    right: calc(0.6 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-item--distance .c-csr__form-item-input, .p-csr--2025 .c-csr__form-item--m .c-csr__form-item-input {
  color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding-right: calc(1 * 10 / 375 * 100vw) !important;
  padding-left: calc(0.4 * 10 / 375 * 100vw) !important;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-item--distance .c-csr__form-item-input, .p-csr--2025 .c-csr__form-item--m .c-csr__form-item-input {
    padding-right: calc(1.5 * 10 / 1440 * 100vw) !important;
    padding-left: 0 !important;
  }
}
.p-csr--2025 .c-csr__form-item--name {
  width: calc(9.3 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-item--name {
    width: calc(8.03 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-item-input {
  padding: 0;
  text-align: center;
  height: 100%;
  display: block;
  background: #fff !important;
  font-family: var(--font-min);
  font-feature-settings: "palt";
  border-radius: calc(1 * 10 / 375 * 100vw) !important;
  font-size: calc(1.2 * 10 / 375 * 100vw);
  border: 1px solid var(--color-sub) !important;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-item-input {
    border-radius: calc(1 * 10 / 1440 * 100vw) !important;
    font-size: calc(1.0373 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-item-input.is-placeholder {
  color: #bfb9b7;
}
.p-csr--2025 ::-moz-placeholder {
  color: #bfb9b7;
}
.p-csr--2025 ::placeholder {
  color: #bfb9b7;
}
.p-csr--2025 .c-csr__form-submit {
  width: calc(7.3 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-submit {
    width: calc(7.3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-submit-btn {
  font-size: calc(1.4 * 10 / 375 * 100vw);
  border-radius: calc(1 * 10 / 375 * 100vw);
  height: calc(4.2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-submit-btn {
    font-size: calc(1.2 * 10 / 1440 * 100vw);
    border-radius: calc(1 * 10 / 1440 * 100vw);
    height: calc(3.45 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-submit-btn.is-inactive {
  pointer-events: none;
  background: var(--color-sold);
}
.p-csr--2025 .c-csr__form-popup {
  position: relative;
  background: var(--color-overlay-bg-nega);
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-csr--2025 .c-csr__form-popup.is-open {
  opacity: 1;
  visibility: visible;
}
.p-csr--2025 .c-csr__form-popup.is-open .c-csr__form-popup-inner {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.p-csr--2025 .c-csr__form-popup-close {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-close {
    bottom: 1.5vh;
  }
}
.p-csr--2025 .c-csr__form-popup-inner {
  background: var(--color-bg);
  opacity: 0;
  visibility: hidden;
  transform: translateY(4rem);
  text-align: center;
  --delay: 0.4s;
  transition: opacity 0.4s var(--easing-transform) var(--delay), visibility 0.4s var(--easing-transform) var(--delay), transform 0.4s var(--easing-transform) var(--delay);
  width: calc(33.5 * 10 / 375 * 100vw);
  padding: 0 0 calc(2.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-inner {
    width: calc(103 * 10 / 1440 * 100vw);
    padding: 0 0 calc(6 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-main {
  background: #fff;
  padding: calc(1.8 * 10 / 375 * 100vw) calc(2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-main {
    padding: calc(3.25 * 10 / 1440 * 100vw) calc(29.3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-download {
  position: relative;
  margin: 0 auto;
  width: 100%;
  margin-top: 4.3vw;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-download {
    margin-top: calc(2.9 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-download-name {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--color-sub);
  top: 38.9%;
  font-family: var(--font-min);
  font-size: calc(1.08 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-download-name {
    font-size: calc(1.62 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-download-name-inner {
  font-size: calc(1.44 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-download-name-inner {
    font-size: calc(2.16 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-download-distance {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  top: 47.4%;
  font-family: var(--font-LOccitaneSerif);
  font-size: calc(3.42 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-download-distance {
    font-size: calc(5.13 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-download-btn {
  margin-top: calc(2 * 10 / 375 * 100vw);
  font-size: calc(1.4 * 10 / 375 * 100vw);
  padding: calc(0.95 * 10 / 375 * 100vw) 0;
  border-radius: calc(1 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-download-btn {
    font-size: calc(2.1 * 10 / 1440 * 100vw);
    margin-top: calc(3.05 * 10 / 1440 * 100vw);
    padding: calc(1.4 * 10 / 1440 * 100vw) 0;
    border-radius: calc(1.5 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-ttl {
  color: #3e2b2e;
  font-family: var(--font-min);
  text-align: center;
  line-height: 1;
  font-feature-settings: "palt";
  font-weight: 500;
  font-size: calc(2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-ttl {
    font-size: calc(3 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present {
  margin-top: calc(1.2 * 10 / 375 * 100vw);
  padding: 0 calc(2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present {
    margin-top: calc(1.2 * 10 / 1440 * 100vw);
    padding: 0 calc(10.5 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-head {
  display: block;
  line-height: 1.75;
  font-family: var(--font-LOccitaneSerifCondensed);
  font-size: calc(2.8 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-head {
    font-size: calc(4.2 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-img {
  position: relative;
  width: calc(18.6 * 10 / 375 * 100vw);
  margin: calc(1 * 10 / 375 * 100vw) auto calc(1.7 * 10 / 375 * 100vw);
}
.p-csr--2025 .c-csr__form-popup-present-img::before {
  content: "";
  background: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/img_participation-step3-present1-icon.svg) center/contain no-repeat;
  position: absolute;
  bottom: calc(-1 * 10 / 375 * 100vw);
  right: calc(-0.7 * 10 / 375 * 100vw);
  width: calc(8 * 10 / 375 * 100vw);
  height: calc(8 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-img::before {
    width: calc(12 * 10 / 1440 * 100vw);
    height: calc(12 * 10 / 1440 * 100vw);
    bottom: calc(-1 * 10 / 1440 * 100vw);
    right: calc(-0.7 * 10 / 1440 * 100vw);
  }
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-img {
    width: calc(27.9 * 10 / 1440 * 100vw);
    margin: calc(1 * 10 / 1440 * 100vw) auto calc(1.7 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-img-ttl {
  line-height: 1.25;
  font-family: var(--font-min);
  font-feature-settings: "palt";
  font-size: calc(2.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-img-ttl {
    font-size: calc(3.6 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-term {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 1.1vw 0;
  margin: 8.2666666667vw auto calc(1.3 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-term {
    margin: calc(4.9 * 10 / 1440 * 100vw) auto 1vw;
    padding: calc(0.7 * 10 / 1440 * 100vw) 0;
  }
}
.p-csr--2025 .c-csr__form-popup-present-term-txt {
  font-family: var(--font-min);
  line-height: 1.75;
  font-size: calc(1.2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-term-txt {
    font-size: calc(1.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-txt {
  text-align: left;
  line-height: 1.5;
  font-size: calc(1.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-txt {
    font-size: calc(2.1 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-note {
  display: block;
  text-align: left;
  margin-top: 0.4vw;
  font-size: calc(1 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-note {
    font-size: calc(1.5 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-apply {
  margin-top: calc(1.2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-apply {
    margin-top: calc(3.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-apply-body {
  background: #fff;
  padding: 5vw calc(2.2 * 10 / 375 * 100vw) calc(2.5 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-apply-body {
    padding: calc(4.1 * 10 / 1440 * 100vw) calc(4.8 * 10 / 1440 * 100vw) 3.1vw;
  }
}
.p-csr--2025 .c-csr__form-popup-present-apply-ttl {
  line-height: 1.75;
  display: flex;
  align-items: center;
  justify-content: center;
  font-feature-settings: "palt";
  width: 100%;
  font-family: var(--font-min);
  color: var(--color-sub);
  background: var(--color-beige);
  font-size: calc(1.6 * 10 / 375 * 100vw);
  height: calc(4 * 10 / 375 * 100vw);
  border-radius: calc(1 * 10 / 375 * 100vw) calc(1 * 10 / 375 * 100vw) 0 0;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-apply-ttl {
    font-size: calc(2.4 * 10 / 1440 * 100vw);
    height: calc(6 * 10 / 1440 * 100vw);
    border-radius: calc(1.5 * 10 / 1440 * 100vw) calc(1.5 * 10 / 1440 * 100vw) 0 0;
  }
}
.p-csr--2025 .c-csr__form-popup-present-apply-item {
  text-align: left;
}
.p-csr--2025 .c-csr__form-popup-present-apply-item + .c-csr__form-popup-present-apply-item {
  margin-top: calc(1.7 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-apply-item + .c-csr__form-popup-present-apply-item {
    margin-top: calc(2.2 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-apply-list {
  margin: 0;
}
.p-csr--2025 .c-csr__form-popup-present-apply-item-ttl {
  display: block;
  font-weight: 600;
  line-height: 1.5;
  font-size: calc(1.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-apply-item-ttl {
    font-size: calc(2.1 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-apply-item-txt {
  display: block;
  line-height: 1.5;
  margin: calc(0.2 * 10 / 375 * 100vw) 0 0;
  font-size: calc(1.2 * 10 / 375 * 100vw);
  line-height: 1.5;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-apply-item-txt {
    font-size: calc(1.4 * 10 / 1440 * 100vw);
    margin: calc(0.1 * 10 / 1440 * 100vw) 0 0;
  }
}
.p-csr--2025 .c-csr__form-popup-application-terms {
  display: block;
  font-weight: 600;
  color: var(--color-sub);
  margin-top: calc(1.5 * 10 / 375 * 100vw);
  font-size: calc(1.2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-application-terms {
    margin-top: calc(3 * 10 / 1440 * 100vw);
    font-size: calc(1.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-present-btn {
  margin-top: 3.4vw;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-present-btn {
    margin-top: 0;
    border-radius: calc(0.9 * 10 / 1440 * 100vw);
  }
  .p-csr--2025 .c-csr__form-popup-present-btn .c-btn__target {
    font-size: calc(1.8 * 10 / 1440 * 100vw);
    padding: calc(1.15 * 10 / 1440 * 100vw) 0;
  }
}
.p-csr--2025 .ui-selectmenu-button {
  display: none !important;
}
.p-csr--2025 select {
  display: inline-block !important;
}
.p-csr--2025 .c-csr__form-popup-sns {
  margin-top: calc(1.4 * 10 / 375 * 100vw);
  color: #000;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns {
    margin-top: calc(3.4 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item + .c-csr__form-popup-sns-item {
  margin-top: calc(2 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item + .c-csr__form-popup-sns-item {
    margin-top: calc(2.5 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item--insta .c-csr__form-popup-sns-item-ttl-icon::before {
  -webkit-mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_insta.svg) no-repeat center/contain;
          mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_insta.svg) no-repeat center/contain;
}
.p-csr--2025 .c-csr__form-popup-sns-item--x .c-csr__form-popup-sns-item-ttl-icon::before {
  -webkit-mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_x.svg) no-repeat center/contain;
          mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_x.svg) no-repeat center/contain;
}
.p-csr--2025 .c-csr__form-popup-sns-item-ttl {
  text-align: left;
  display: flex;
  align-items: center;
  font-family: var(--font-min);
  font-size: calc(1.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-ttl {
    font-size: calc(1.6 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-ttl-en {
  font-family: var(--font-LOccitaneSerifCondensed);
}
.p-csr--2025 .c-csr__form-popup-sns-item-ttl-icon {
  position: relative;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  width: calc(2 * 10 / 375 * 100vw);
  height: calc(2 * 10 / 375 * 100vw);
  min-width: auto;
  margin-right: calc(0.9 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-ttl-icon {
    width: calc(2 * 10 / 1440 * 100vw);
    height: calc(2 * 10 / 1440 * 100vw);
    margin-right: calc(1 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-ttl-icon::before {
  content: "";
  background: #000;
  margin: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.p-csr--2025 .c-csr__form-popup-sns-item-body {
  background: var(--color-bg);
  margin-top: calc(1.066 * 10 / 375 * 100vw);
  padding: calc(1.8 * 10 / 375 * 100vw) calc(1.5 * 10 / 375 * 100vw) calc(1.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(6.6 * 10 / 1440 * 100vw);
    margin-top: calc(1.066 * 10 / 1440 * 100vw);
    padding: 0.9722222222vw 2.4305555556vw 0.7638888889vw 2.3611111111vw;
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-body-head {
  text-align: center;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-body-head {
    flex: 1;
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-body-head-txt {
  font-family: var(--font-min);
  font-feature-settings: "palt";
  font-size: calc(0.75 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-body-head-txt {
    font-size: calc(1 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-body-head-txt-account {
  font-family: var(--font-LOccitaneSerifCondensed);
  font-size: calc(2.4 * 10 / 375 * 100vw);
  position: relative;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-body-head-txt-account {
    display: inline-block;
    margin: calc(0.1 * 10 / 1440 * 100vw) 0 calc(-0.5 * 10 / 1440 * 100vw);
    font-size: calc(3.2 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-body-head-txt-account::before {
  content: "";
  background: #000;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.p-csr--2025 .c-csr__form-popup-sns-item-body-head-txt-span {
  display: block;
  font-feature-settings: "palt";
  font-family: var(--font-min);
  font-weight: 500;
  text-decoration: none;
  font-size: calc(1.35 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-body-head-txt-span {
    font-size: calc(1.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-wrap {
  cursor: pointer;
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-wrap {
    flex-basis: calc(42.5 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy {
  border: 1px solid var(--color-sub);
  background: #fff;
  display: flex;
  position: relative;
  margin-top: 3.4vw;
  border-radius: calc(0.8555 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-txtCopy {
    margin-top: calc(1 * 10 / 1440 * 100vw);
    border-radius: calc(0.8555 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy.is-copied .c-csr__form-popup-sns-item-txtCopy-txt,
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy.is-copied .c-csr__form-popup-sns-item-txtCopy-icon {
  opacity: 0.4;
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-txt,
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-icon {
  transition: opacity 0.4s var(--easing-transform);
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-txt {
  margin: 0;
  color: var(--color-sub);
  font-feature-settings: "palt";
  text-align: left;
  line-height: 1.5;
  padding: calc(1.5 * 10 / 375 * 100vw) 0 calc(1.3 * 10 / 375 * 100vw) calc(1.5 * 10 / 375 * 100vw);
  font-size: calc(1.4 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-txt {
    padding: calc(1.15 * 10 / 1440 * 100vw) 0 calc(1.15 * 10 / 1440 * 100vw) calc(1.6 * 10 / 1440 * 100vw);
    font-size: calc(1.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-icon {
  position: relative;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  width: calc(1.66 * 10 / 375 * 100vw);
  height: calc(1.66 * 10 / 375 * 100vw);
  min-width: auto;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: calc(1.233 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-icon {
    right: calc(1.233 * 10 / 1440 * 100vw);
    width: calc(1.666 * 10 / 1440 * 100vw);
    height: calc(1.666 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-icon::before {
  content: "";
  background: #000;
  -webkit-mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_copy.svg) no-repeat center/contain;
          mask: url(/on/demandware.static/-/Sites-OCC_JP-Library/ja_JP/data/special/csrmonth2022/2025/images/icon_copy.svg) no-repeat center/contain;
  margin: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-complete {
  margin-top: calc(0.8 * 10 / 375 * 100vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-complete {
    margin-top: calc(0.8 * 10 / 1440 * 100vw);
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-complete-txt {
  font-weight: 700;
  text-align: center;
  font-feature-settings: "palt";
  font-size: calc(1.2 * 10 / 375 * 100vw);
  width: calc(100% + 3 * 10 / 375 * 100vw);
  margin-left: calc(-1.5 * 10 / 375 * 100vw);
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s var(--easing-transform), transform 0.4s var(--easing-transform);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-complete-txt {
    width: 100%;
    font-size: calc(1.2 * 10 / 1440 * 100vw);
    margin: 0;
    text-align: left;
  }
}
.p-csr--2025 .c-csr__form-popup-sns-item-txtCopy-complete-txt.is-copied {
  opacity: 0;
  transform: translateY(-0.5rem);
}
.p-csr--2025 .a-error-message {
  background: #fff;
  color: var(--color-sub);
  font-size: calc(1.2 * 10 / 375 * 100vw);
  padding: calc(1 * 10 / 375 * 100vw);
  text-align: left;
  transform: translateY(2vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 .a-error-message {
    font-size: calc(1.2 * 10 / 1440 * 100vw);
    padding: calc(1 * 10 / 1440 * 100vw);
    transform: translateY(0.6vw);
  }
}
.p-csr--2025 select + .a-error-message {
  transform: translateY(13vw);
}
@media screen and (min-width: 600px) {
  .p-csr--2025 select + .a-error-message {
    transform: translateY(5vw);
  }
}

.js-countUp__num {
  text-align: right;
}
.js-countUp__num i {
  display: inline-block;
}