@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: "FF modern";
  src: url("../../assets/90689cf/_next/static/media/b99f33e7333ccbff-s.p.woff2") format("woff2");
}

@font-face {
  font-family: "MonaSans";
  src: url("../../assets/90689cf/_next/static/media/2835e3fd93d58f8d-s.p.woff2") format("woff2");
}

/**
 * イージングプロパティ
 * https://github.com/dmnsgn/sass-easing
 */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

#free-size-exchange {
  --base-font: "MonaSans", "Noto Sans JP", "Meiryo UI", メイリオ, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --lacoste-font: "FF modern", "Noto Sans JP", "Meiryo UI", メイリオ, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --color-green: #06532A;
  --notosans:'Noto Sans JP', 'sans-serif';
  background: #ffffff;
  color: #082415;
  font-family: var(--base-font);
  line-height: 1;
  overflow: hidden;
}

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

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

@media screen and (max-width: 767px) {
  #free-size-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);
  }
}

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

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

#free-size-exchange p, #free-size-exchange h1, #free-size-exchange h2, #free-size-exchange h3, #free-size-exchange h4 {
  font-family: var(--base-font);
}

#free-size-exchange ol, #free-size-exchange ul {
  list-style: none;
}

#free-size-exchange blockquote, #free-size-exchange q {
  quotes: none;
}

#free-size-exchange blockquote:before, #free-size-exchange blockquote:after,
#free-size-exchange q:before, #free-size-exchange q:after {
  content: '';
  content: none;
}

#free-size-exchange table {
  border-collapse: collapse;
  border-spacing: 0;
}

#free-size-exchange * {
  box-sizing: border-box;
}

#free-size-exchange a {
  color: inherit;
  text-decoration: none;
}

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

#free-size-exchange picture {
  display: block;
}

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

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

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

#free-size-exchange .lacoste-font {
  font-family: var(--lacoste-font);
}

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

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

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

#free-size-exchange .keyvisual img {
  width: 100%;
}

#free-size-exchange .under-kv {
  text-align: center;
}

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

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

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

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

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

#free-size-exchange .under-kv .under-top-text span {
  color: #06532A;
}

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

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

@media screen and (max-width: 767px) {
  #free-size-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);
  }
}

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

@media screen and (max-width: 767px) {
  #free-size-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);
  }
}

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

@media screen and (max-width: 767px) {
  #free-size-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) {
  #free-size-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);
  }
}

#free-size-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;
}

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

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

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

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

#free-size-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) {
  #free-size-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) {
  #free-size-exchange .list-section .icon-item {
    width: 31.25vw;
    height: 31.25vw;
  }
}

@media screen and (max-width: 767px) {
  #free-size-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) {
  #free-size-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) {
  #free-size-exchange .list-section .icon-item {
    border-right: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
  }
}

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

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

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

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-exchange .list-section .icon-img {
    width: 10.33333vw;
  }
}

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

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

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

#free-size-exchange .list-section .list-text.second {
  display: none;
}

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

@media screen and (min-width: 768px) {
  #free-size-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(25 / 1903 * 100vw), calc(25 / 1903 * 1903 * 1px)) * 1);
  }
}

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

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

@media screen and (max-width: 767px) {
  #free-size-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(22 / 750 * 100vw), calc(22 / 750 * 100vw)) * 1);
  }
}

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

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-exchange .campaign-section .section-inner {
    width: 100%;
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
  }
}

@media screen and (max-width: 767px) {
  #free-size-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);
  }
}

#free-size-exchange .campaign-section .campaign-title {
  font-family: var(--notosans);
  color: #06532A;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-exchange .campaign-section .campaign-title {
    text-align: center;
    font-size: 2.33333vw;
    margin-bottom: 4.16667vw;
  }
}

@media screen and (max-width: 767px) {
  #free-size-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) {
  #free-size-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) {
  #free-size-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) {
  #free-size-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) {
  #free-size-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) {
  #free-size-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) {
  #free-size-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) {
  #free-size-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) {
  #free-size-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) {
  #free-size-exchange .campaign-section .campaign-text-title.second {
    margin-top: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
  }
}

#free-size-exchange .campaign-section .campaign-text {
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-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);
  }
}

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

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-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);
  }
}

#free-size-exchange .campaign-section .bottom-title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-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);
  }
  #free-size-exchange .campaign-section .bottom-title span {
    font-size: calc(clamp(0px, calc(30 / 750 * 100vw), calc(30 / 750 * 100vw)) * 1);
  }
}

#free-size-exchange .campaign-section .bottom-text {
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-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);
  }
}

#free-size-exchange .campaign-section .campaign-text-title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-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) {
  #free-size-exchange .campaign-section .campaign-list {
    margin-top: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
  }
}

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

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-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);
  }
  #free-size-exchange .campaign-section .campaign-list-item:first-child {
    margin-top: 0;
  }
}

#free-size-exchange .campaign-section .bottom-item {
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  #free-size-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) {
  #free-size-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 */