@charset "UTF-8";
/**
 * メディアクエリ
 * @param {string} $mode - max または min
 * @param {number} $width - 設定値
 */
/**
 * メディアクエリ PC
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ TABLET
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ SP
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリによるIE11ハック（ChromiumベースのEdgeは除外できる。旧Edgeは除外できない）
 */
/**
 * VW計算
 * @param {string} $property  - プロパティ
 * @param {number} $value - 基準となる値
 * @param {number} $basewidth - 基準となるウィンドウ幅
 * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
 * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@font-face {
  font-family: "Lacoste";
  src: url("../../assets/fonts/Lacoste-Regular.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Bold";
  src: url("../../assets/fonts/Lacoste-Bold.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Heavy";
  src: url("../../assets/fonts/Lacoste-Heavy.woff") format("woff");
}

/**
 * イージングプロパティ
 * https://github.com/dmnsgn/sass-easing
 */
@font-face {
  font-family: "Lacoste";
  src: url("/static/fonts/Lacoste-Regular.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Black";
  src: url("/static/fonts/Lacoste-Black.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Bold";
  src: url("/static/fonts/Lacoste-Bold.woff") format("woff");
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

#shoes-freesize-exchange {
  --base-font: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", Helvetica, Arial, sans-serif;
  --lacoste-font: "Lacoste", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial,
    sans-serif;
  --lacoste-font-bold: "Lacoste Bold", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",
    Helvetica, Arial, sans-serif;
  --lacoste-font-black: "Lacoste Black", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",
    Helvetica, Arial, sans-serif;
  --color-green: #105a33;
  --notosans: "Noto Sans JP", "sans-serif";
  background: #ffffff;
  color: #292929;
  font-family: var(--base-font);
  line-height: 1;
  overflow: hidden;
}

#shoes-freesize-exchange .campaign-item {
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-item {
    margin-top: 80px;
    margin-bottom: 50px;
    font-size: 27px;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-item {
    font-size: 21px;
    margin-top: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1);
    margin-bottom: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange div,
#shoes-freesize-exchange span,
#shoes-freesize-exchange applet,
#shoes-freesize-exchange object,
#shoes-freesize-exchange iframe,
#shoes-freesize-exchange h1,
#shoes-freesize-exchange h2,
#shoes-freesize-exchange h3,
#shoes-freesize-exchange h4,
#shoes-freesize-exchange h5,
#shoes-freesize-exchange h6,
#shoes-freesize-exchange p,
#shoes-freesize-exchange blockquote,
#shoes-freesize-exchange pre,
#shoes-freesize-exchange a,
#shoes-freesize-exchange abbr,
#shoes-freesize-exchange acronym,
#shoes-freesize-exchange address,
#shoes-freesize-exchange big,
#shoes-freesize-exchange cite,
#shoes-freesize-exchange code,
#shoes-freesize-exchange del,
#shoes-freesize-exchange dfn,
#shoes-freesize-exchange em,
#shoes-freesize-exchange img,
#shoes-freesize-exchange ins,
#shoes-freesize-exchange kbd,
#shoes-freesize-exchange q,
#shoes-freesize-exchange s,
#shoes-freesize-exchange samp,
#shoes-freesize-exchange small,
#shoes-freesize-exchange strike,
#shoes-freesize-exchange strong,
#shoes-freesize-exchange sub,
#shoes-freesize-exchange sup,
#shoes-freesize-exchange tt,
#shoes-freesize-exchange var,
#shoes-freesize-exchange b,
#shoes-freesize-exchange u,
#shoes-freesize-exchange i,
#shoes-freesize-exchange center,
#shoes-freesize-exchange dl,
#shoes-freesize-exchange dt,
#shoes-freesize-exchange dd,
#shoes-freesize-exchange ol,
#shoes-freesize-exchange ul,
#shoes-freesize-exchange li,
#shoes-freesize-exchange fieldset,
#shoes-freesize-exchange form,
#shoes-freesize-exchange label,
#shoes-freesize-exchange legend,
#shoes-freesize-exchange table,
#shoes-freesize-exchange caption,
#shoes-freesize-exchange tbody,
#shoes-freesize-exchange tfoot,
#shoes-freesize-exchange thead,
#shoes-freesize-exchange tr,
#shoes-freesize-exchange th,
#shoes-freesize-exchange td,
#shoes-freesize-exchange article,
#shoes-freesize-exchange aside,
#shoes-freesize-exchange canvas,
#shoes-freesize-exchange details,
#shoes-freesize-exchange embed,
#shoes-freesize-exchange figure,
#shoes-freesize-exchange figcaption,
#shoes-freesize-exchange footer,
#shoes-freesize-exchange header,
#shoes-freesize-exchange hgroup,
#shoes-freesize-exchange menu,
#shoes-freesize-exchange nav,
#shoes-freesize-exchange output,
#shoes-freesize-exchange ruby,
#shoes-freesize-exchange section,
#shoes-freesize-exchange summary,
#shoes-freesize-exchange time,
#shoes-freesize-exchange mark,
#shoes-freesize-exchange audio,
#shoes-freesize-exchange video {
  font-family: var(--notosans);
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  letter-spacing: 0.03em;
}

#shoes-freesize-exchange article,
#shoes-freesize-exchange aside,
#shoes-freesize-exchange details,
#shoes-freesize-exchange figcaption,
#shoes-freesize-exchange figure,
#shoes-freesize-exchange footer,
#shoes-freesize-exchange header,
#shoes-freesize-exchange hgroup,
#shoes-freesize-exchange menu,
#shoes-freesize-exchange nav,
#shoes-freesize-exchange section {
  display: block;
}

#shoes-freesize-exchange p,
#shoes-freesize-exchange h1,
#shoes-freesize-exchange h2,
#shoes-freesize-exchange h3,
#shoes-freesize-exchange h4 {
  font-family: var(--notosans);
}

#shoes-freesize-exchange ol,
#shoes-freesize-exchange ul {
  list-style: none;
}

#shoes-freesize-exchange blockquote,
#shoes-freesize-exchange q {
  quotes: none;
}

#shoes-freesize-exchange blockquote:before,
#shoes-freesize-exchange blockquote:after,
#shoes-freesize-exchange q:before,
#shoes-freesize-exchange q:after {
  content: "";
  content: none;
}

#shoes-freesize-exchange table {
  border-collapse: collapse;
  border-spacing: 0;
}

#shoes-freesize-exchange * {
  box-sizing: border-box;
}

#shoes-freesize-exchange a {
  color: inherit;
  text-decoration: none;
}

#shoes-freesize-exchange img,
#shoes-freesize-exchange video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#shoes-freesize-exchange picture {
  display: block;
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .pc {
    display: none !important;
  }
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .tab.pc {
    display: none !important;
  }
  #shoes-freesize-exchange .tab.sp {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .sp {
    display: none !important;
  }
}

#shoes-freesize-exchange .lacoste-font {
  font-family: var(--lacoste-font);
}

#shoes-freesize-exchange .lacoste-font-bold {
  font-family: var(--lacoste-font-bold);
  font-weight: normal;
}

#shoes-freesize-exchange .lacoste-font-black {
  font-family: var(--lacoste-font-black);
  font-weight: normal;
}

#shoes-freesize-exchange .hiragino {
  font-family: var(--base-font);
  font-weight: bold;
  text-shadow: 0 0 0.5px currentColor !important;
}

#shoes-freesize-exchange .keyvisual img {
  width: 100%;
}

#shoes-freesize-exchange .under-kv {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .under-kv {
    margin-top: 64px;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .under-kv {
    margin-top: calc(clamp(0px, calc(80 / 750 * 100vw), calc(80 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .under-kv .under-top-text {
  font-family: var(--notosans);
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .under-kv .under-top-text {
    font-size: 34px;
    line-height: 48px;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .under-kv .under-top-text {
    font-size: calc(clamp(0px, calc(38 / 750 * 100vw), calc(38 / 750 * 100vw)) * 1);
    line-height: 1.4;
  }
}

#shoes-freesize-exchange .under-kv .under-top-text span {
  color: #105a33;
}

#shoes-freesize-exchange .under-kv .under-bottom-text {
  font-family: var(--notosans);
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .under-kv .under-bottom-text {
    margin-top: 38px;
    font-size: 24px;
    line-height: 34px;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .under-kv .under-bottom-text {
    line-height: 1.4;
    margin-top: calc(clamp(0px, calc(45 / 750 * 100vw), calc(45 / 750 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(30 / 750 * 100vw), calc(30 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .sp-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .sp-btn {
    margin-left: auto;
    margin-right: auto;
    width: calc(clamp(0px, calc(440 / 750 * 100vw), calc(440 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(80 / 750 * 100vw), calc(80 / 750 * 100vw)) * 1);
    height: calc(clamp(0px, calc(80 / 750 * 100vw), calc(80 / 750 * 100vw)) * 1);
    border: 3px solid #105A33;
    border-radius: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .sp-btn .wrap {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .sp-btn .wrap {
    gap: calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * 1);
    margin-bottom: calc(clamp(0px, calc(4 / 750 * 100vw), calc(4 / 750 * 100vw)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .sp-btn .wrap img {
    width: calc(clamp(0px, calc(30 / 750 * 100vw), calc(30 / 750 * 100vw)) * 1);
    height: calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .sp-btn .wrap .btn-text {
  font-family: var(--notosans);
  font-weight: bold;
  font-size: calc(clamp(0px, calc(30 / 750 * 100vw), calc(30 / 750 * 100vw)) * 1);
  color: #105A33;
}

#shoes-freesize-exchange .list-section .icon-list {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .list-section .icon-list {
    margin-top: 61px;
  }
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .list-section .icon-list {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .list-section .icon-list {
    margin-top: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1);
    width: 100%;
  }
}

#shoes-freesize-exchange .list-section .icon-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .list-section .icon-item {
    width: calc(clamp(0px, calc(435 / 1903 * 100vw), calc(435 / 1903 * 1903 * 1px)) * 1);
    height: calc(clamp(0px, calc(435 / 1903 * 100vw), calc(435 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .list-section .icon-item {
    width: 31.25vw;
    height: 31.25vw;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .list-section .icon-item {
    width: 50%;
    height: calc(clamp(0px, calc(370 / 750 * 100vw), calc(370 / 750 * 100vw)) * 1);
  }
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .list-section .icon-item {
    border-right: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .list-section .icon-item {
    border-right: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
  }
}

#shoes-freesize-exchange .list-section .icon-item:first-child {
  border-left: 1px solid #e0e0e0;
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .list-section .icon-item:nth-child(1) {
    border-top: 0px;
    border-left: 0;
  }
  #shoes-freesize-exchange .list-section .icon-item:nth-child(2) {
    border-top: 0px;
    border-right: 0;
  }
  #shoes-freesize-exchange .list-section .icon-item:nth-child(3) {
    border-bottom: 0;
    border-top: 0;
  }
  #shoes-freesize-exchange .list-section .icon-item:nth-child(4) {
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
  }
}

#shoes-freesize-exchange .list-section .icon-img {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .list-section .icon-img {
    width: calc(clamp(0px, calc(124 / 1903 * 100vw), calc(124 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .list-section .icon-img {
    width: 10.33333vw;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .list-section .icon-img {
    width: calc(clamp(0px, calc(130 / 750 * 100vw), calc(130 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .list-section .list-text {
  text-align: center;
  font-family: var(--notosans);
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .list-section .list-text.first {
    display: none;
  }
}

#shoes-freesize-exchange .list-section .list-text.second {
  display: none;
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .list-section .list-text.second {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .list-section .list-text {
    font-size: calc(clamp(0px, calc(20 / 1903 * 100vw), calc(20 / 1903 * 1903 * 1px)) * 1);
    line-height: calc(clamp(0px, calc(28 / 1903 * 100vw), calc(28 / 1903 * 1903 * 1px)) * 1);
    margin-top: calc(clamp(0px, calc(10 / 1903 * 100vw), calc(10 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .list-section .list-text {
    margin-top: 1vw;
  }
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .list-section .list-text {
    line-height: 1.4;
    font-size: 1.66667vw;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .list-section .list-text {
    font-size: calc(clamp(0px, calc(22 / 750 * 100vw), calc(22 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(5 / 750 * 100vw), calc(5 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .campaign-section .section-inner {
  background-color: #f8f8f8;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .section-inner {
    width: 100%;
    width: calc(clamp(0px, calc(1743 / 1903 * 100vw), calc(1743 / 1903 * 1903 * 1px)) * 1);
    padding-left: calc(clamp(0px, calc(102 / 1903 * 100vw), calc(102 / 1903 * 1903 * 1px)) * 1);
    padding-top: calc(clamp(0px, calc(67 / 1903 * 100vw), calc(67 / 1903 * 1903 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(57 / 1903 * 100vw), calc(57 / 1903 * 1903 * 1px)) * 1);
    margin-top: calc(clamp(0px, calc(100 / 1903 * 100vw), calc(100 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .campaign-section .section-inner {
    width: 100%;
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .section-inner {
    padding-top: calc(clamp(0px, calc(70 / 750 * 100vw), calc(70 / 750 * 100vw)) * 1);
    padding-left: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
    padding-right: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(80 / 750 * 100vw), calc(80 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(80 / 750 * 100vw), calc(80 / 750 * 100vw)) * 1);
    width: calc(clamp(0px, calc(690 / 750 * 100vw), calc(690 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .campaign-section .campaign-title {
  font-family: var(--notosans);
  color: #105a33;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-title {
    font-size: calc(clamp(0px, calc(34 / 1903 * 100vw), calc(34 / 1903 * 1903 * 1px)) * 1);
    margin-bottom: calc(clamp(0px, calc(50 / 1903 * 100vw), calc(50 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 1200px) {
  #shoes-freesize-exchange .campaign-section .campaign-title {
    text-align: center;
    font-size: 2.33333vw;
    margin-bottom: 4.16667vw;
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .campaign-title {
    text-align: center;
    font-size: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-content {
    display: flex;
    gap: calc(clamp(0px, calc(90 / 1903 * 100vw), calc(90 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .campaign-content {
    margin-top: calc(clamp(0px, calc(113 / 750 * 100vw), calc(113 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-content-inner.left {
    width: calc(clamp(0px, calc(732 / 1903 * 100vw), calc(732 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-content-inner.right {
    width: calc(clamp(0px, calc(570 / 1903 * 100vw), calc(570 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .campaign-content-inner.right {
    margin-top: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-text-title {
    font-weight: bold;
    font-size: calc(clamp(0px, calc(18 / 1903 * 100vw), calc(18 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .campaign-text-title {
    font-size: calc(clamp(0px, calc(32 / 750 * 100vw), calc(32 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-text-title.second {
    margin-top: calc(clamp(0px, calc(30 / 1903 * 100vw), calc(30 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .campaign-text-title.second {
    margin-top: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .campaign-section .campaign-text {
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-text {
    font-size: calc(clamp(0px, calc(16 / 1903 * 100vw), calc(16 / 1903 * 1903 * 1px)) * 1);
    margin-top: calc(clamp(0px, calc(17 / 1903 * 100vw), calc(17 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .campaign-text {
    margin-top: calc(clamp(0px, calc(26 / 1903 * 100vw), calc(26 / 1903 * 1903 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .campaign-section .bottom-content {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .bottom-content {
    margin-top: calc(clamp(0px, calc(50 / 1903 * 100vw), calc(50 / 1903 * 1903 * 1px)) * 1);
    padding-top: calc(clamp(0px, calc(40 / 1903 * 100vw), calc(40 / 1903 * 1903 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(40 / 1903 * 100vw), calc(40 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .bottom-content {
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    margin-top: calc(clamp(0px, calc(36 / 750 * 100vw), calc(36 / 750 * 100vw)) * 1);
    padding-top: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .campaign-section .bottom-title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .bottom-title {
    font-size: calc(clamp(0px, calc(20 / 1903 * 100vw), calc(20 / 1903 * 1903 * 1px)) * 1);
    line-height: calc(clamp(0px, calc(40 / 1903 * 100vw), calc(40 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .bottom-title {
    font-size: calc(clamp(0px, calc(32 / 750 * 100vw), calc(32 / 750 * 100vw)) * 1);
    line-height: calc(clamp(0px, calc(64 / 750 * 100vw), calc(64 / 750 * 100vw)) * 1);
  }
  #shoes-freesize-exchange .campaign-section .bottom-title span {
    font-size: calc(clamp(0px, calc(30 / 750 * 100vw), calc(30 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .campaign-section .bottom-text {
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .bottom-text {
    font-size: calc(clamp(0px, calc(16 / 1903 * 100vw), calc(16 / 1903 * 1903 * 1px)) * 1);
    margin-top: calc(clamp(0px, calc(23 / 1903 * 100vw), calc(23 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .bottom-text {
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
    line-height: calc(clamp(0px, calc(48 / 750 * 100vw), calc(48 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(42 / 750 * 100vw), calc(42 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .campaign-section .campaign-text-title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-text-title {
    font-size: calc(clamp(0px, calc(18 / 1903 * 100vw), calc(18 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-list {
    margin-top: calc(clamp(0px, calc(17 / 1903 * 100vw), calc(17 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .campaign-list {
    margin-top: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
  }
}

#shoes-freesize-exchange .campaign-section .campaign-list-item {
  line-height: 1.7;
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .campaign-list-item {
    white-space: nowrap;
    font-size: calc(clamp(0px, calc(14 / 1903 * 100vw), calc(14 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .campaign-list-item {
    font-size: calc(clamp(0px, calc(24 / 750 * 100vw), calc(24 / 750 * 100vw)) * 1);
    line-height: calc(clamp(0px, calc(34 / 750 * 100vw), calc(34 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(10 / 750 * 100vw), calc(10 / 750 * 100vw)) * 1);
  }
  #shoes-freesize-exchange .campaign-section .campaign-list-item:first-child {
    margin-top: 0;
  }
}

#shoes-freesize-exchange .campaign-section .bottom-item {
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  #shoes-freesize-exchange .campaign-section .bottom-item {
    white-space: nowrap;
    font-size: calc(clamp(0px, calc(14 / 1903 * 100vw), calc(14 / 1903 * 1903 * 1px)) * 1);
    margin-left: calc(clamp(0px, calc(14 / 1903 * 100vw), calc(14 / 1903 * 1903 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #shoes-freesize-exchange .campaign-section .bottom-item {
    font-size: calc(clamp(0px, calc(24 / 750 * 100vw), calc(24 / 750 * 100vw)) * 1);
    line-height: calc(clamp(0px, calc(34 / 750 * 100vw), calc(34 / 750 * 100vw)) * 1);
  }
}
/*# sourceMappingURL=common.css.map */