@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");
/**
 * イージングプロパティ
 * https://github.com/dmnsgn/sass-easing
 */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 70px;
}

@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 50px;
  }
}

body {
  margin: 0;
}

#our-commitments {
  --base-font: var(--font-default);
  background: #ffffff;
  color: #082415;
  font-family: var(--font-default);
  line-height: 1;
  overflow: hidden;
}

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

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

#our-commitments ol, #our-commitments ul {
  list-style: none;
}

#our-commitments blockquote, #our-commitments q {
  quotes: none;
}

#our-commitments blockquote:before, #our-commitments blockquote:after,
#our-commitments q:before, #our-commitments q:after {
  content: '';
  content: none;
}

#our-commitments table {
  border-collapse: collapse;
  border-spacing: 0;
}

#our-commitments button {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#our-commitments * {
  box-sizing: border-box;
}

#our-commitments a {
  color: inherit;
  text-decoration: none;
}

#our-commitments img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#our-commitments picture {
  display: block;
}

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

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

#our-commitments .lacoste-font {
  font-family: var(--font-heading);
}

#our-commitments .lacoste-font-bold {
  font-family: var(--font-heading);
  font-weight: normal;
}

#our-commitments .lacoste-font-black {
  font-family: var(--font-heading);
  font-weight: normal;
}

#our-commitments .keyvisual {
  position: relative;
  margin-bottom: -3px;
}

#our-commitments .keyvisual .keyvisual__video {
  width: 100%;
}

#our-commitments .keyvisual .keyvisual__text {
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #our-commitments .keyvisual .keyvisual__text {
    bottom: calc(52 / 1360 * 100%);
    font-size: calc(clamp(0px, calc(24 / 1360 * 100vw), calc(24 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .keyvisual .keyvisual__text {
    bottom: calc(clamp(0px, calc(36 / 375 * 100vw), calc(36 / 375 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(17 / 375 * 100vw), calc(17 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments {
  background-color: #F4EFEB;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments {
    padding-block: calc(clamp(0px, calc(80 / 1360 * 100vw), calc(80 / 1360 * 1360 * 1px)) * 1) calc(clamp(0px, calc(60 / 1360 * 100vw), calc(60 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments {
    padding-block: calc(clamp(0px, calc(30 / 375 * 100vw), calc(30 / 375 * 100vw)) * 1) calc(clamp(0px, calc(50 / 375 * 100vw), calc(50 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__inner {
  max-width: 1360px;
  margin-inline: auto;
}

#our-commitments .commitments__introduction {
  text-align: center;
  font-weight: bold;
  line-height: 1.45;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__introduction {
    font-size: calc(clamp(0px, calc(22 / 1360 * 100vw), calc(22 / 1360 * 1360 * 1px)) * 1);
    width: calc(clamp(0px, calc(600 / 1360 * 100vw), calc(600 / 1360 * 1360 * 1px)) * 1);
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__introduction {
    font-size: calc(clamp(0px, calc(20 / 375 * 100vw), calc(20 / 375 * 100vw)) * 1);
    padding-inline: calc(clamp(0px, calc(20 / 375 * 100vw), calc(20 / 375 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__values {
    margin-top: calc(clamp(0px, calc(140 / 1360 * 100vw), calc(140 / 1360 * 1360 * 1px)) * 1);
    display: flex;
    justify-content: center;
    gap: calc(clamp(0px, calc(56 / 1360 * 100vw), calc(56 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__values {
    margin-top: calc(clamp(0px, calc(175 / 375 * 100vw), calc(175 / 375 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__values .commitments__values__item {
    width: calc(clamp(0px, calc(350 / 1360 * 100vw), calc(350 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__values .commitments__values__item:not(:first-child) {
    margin-top: calc(clamp(0px, calc(160 / 375 * 100vw), calc(160 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__values .commitments__values__number {
  font-family: var(--font-heading);
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__values .commitments__values__number {
    font-size: calc(clamp(0px, calc(200 / 1360 * 100vw), calc(200 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__values .commitments__values__number {
    font-size: calc(clamp(0px, calc(170 / 375 * 100vw), calc(170 / 375 * 100vw)) * 1);
    padding-inline: calc(clamp(0px, calc(15 / 375 * 100vw), calc(15 / 375 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__values .commitments__values__number small {
    font-size: calc(clamp(0px, calc(80 / 1360 * 100vw), calc(80 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__values .commitments__values__number small {
    font-size: calc(clamp(0px, calc(68 / 375 * 100vw), calc(68 / 375 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__values .commitments__values__detail {
    margin-top: calc(clamp(0px, calc(30 / 1360 * 100vw), calc(30 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__values .commitments__values__detail {
    margin-top: calc(clamp(0px, calc(44 / 375 * 100vw), calc(44 / 375 * 100vw)) * 1);
    padding-inline: calc(clamp(0px, calc(22 / 375 * 100vw), calc(22 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__values .commitments__values__head {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__values .commitments__values__head {
    font-size: calc(clamp(0px, calc(16 / 1360 * 100vw), calc(16 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__values .commitments__values__head {
    font-size: calc(clamp(0px, calc(16 / 375 * 100vw), calc(16 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__values .commitments__values__text {
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__values .commitments__values__text {
    margin-top: calc(clamp(0px, calc(10 / 1360 * 100vw), calc(10 / 1360 * 1360 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1360 * 100vw), calc(14 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__values .commitments__values__text {
    margin-top: calc(clamp(0px, calc(10 / 375 * 100vw), calc(10 / 375 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 375 * 100vw), calc(14 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__sub {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__sub {
    margin-top: calc(clamp(0px, calc(128 / 1360 * 100vw), calc(128 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__sub {
    margin-top: calc(clamp(0px, calc(90 / 375 * 100vw), calc(90 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__sub .commitments__sub__title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__sub .commitments__sub__title {
    font-size: calc(clamp(0px, calc(22 / 1360 * 100vw), calc(22 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__sub .commitments__sub__title {
    line-height: 1.45;
    font-size: calc(clamp(0px, calc(20 / 375 * 100vw), calc(20 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__sub .commitments__sub__text {
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__sub .commitments__sub__text {
    margin-top: calc(clamp(0px, calc(20 / 1360 * 100vw), calc(20 / 1360 * 1360 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1360 * 100vw), calc(14 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__sub .commitments__sub__text {
    margin-top: calc(clamp(0px, calc(15 / 375 * 100vw), calc(15 / 375 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 375 * 100vw), calc(14 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__anchor {
  background-color: #FFFFFF;
  border-radius: 200px;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.16);
  display: flex;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__anchor {
    margin-top: calc(clamp(0px, calc(30 / 1360 * 100vw), calc(30 / 1360 * 1360 * 1px)) * 1);
    margin-inline: auto;
    width: calc(clamp(0px, calc(420 / 1360 * 100vw), calc(420 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__anchor {
    margin-top: calc(clamp(0px, calc(50 / 375 * 100vw), calc(50 / 375 * 100vw)) * 1);
    margin-inline: calc(clamp(0px, calc(22 / 375 * 100vw), calc(22 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__anchor .commitments__anchor__item {
  width: 100%;
}

#our-commitments .commitments__anchor .commitments__anchor__item a {
  display: block;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__anchor .commitments__anchor__item a {
    padding-block: calc(clamp(0px, calc(15 / 1360 * 100vw), calc(15 / 1360 * 1360 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1360 * 100vw), calc(14 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__anchor .commitments__anchor__item a {
    padding-block: calc(clamp(0px, calc(15 / 375 * 100vw), calc(15 / 375 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 375 * 100vw), calc(14 / 375 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__anchor .commitments__anchor__item:first-child a {
    padding-left: calc(clamp(0px, calc(15 / 1360 * 100vw), calc(15 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__anchor .commitments__anchor__item:last-child a {
    padding-right: calc(clamp(0px, calc(15 / 1360 * 100vw), calc(15 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__panel {
    margin-top: calc(clamp(0px, calc(90 / 1360 * 100vw), calc(90 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__panel {
    margin-top: calc(clamp(0px, calc(70 / 375 * 100vw), calc(70 / 375 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__panel .commitments__panel__item {
    display: flex;
    gap: calc(clamp(0px, calc(105 / 1360 * 100vw), calc(105 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__panel .commitments__panel__item:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: end;
    gap: calc(clamp(0px, calc(105 / 1360 * 100vw), calc(105 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__panel .commitments__panel__item:not(:first-child) {
    margin-top: calc(clamp(0px, calc(40 / 1360 * 100vw), calc(40 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__panel .commitments__panel__item:not(:first-child) {
    margin-top: calc(clamp(0px, calc(80 / 375 * 100vw), calc(80 / 375 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__panel .commitments__panel__image {
    width: calc(clamp(0px, calc(765 / 1360 * 100vw), calc(765 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__panel .commitments__panel__column {
    display: grid;
    place-content: center;
    width: calc(clamp(0px, calc(350 / 1360 * 100vw), calc(350 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__panel .commitments__panel__column {
    margin-top: calc(clamp(0px, calc(35 / 375 * 100vw), calc(35 / 375 * 100vw)) * 1);
    padding-left: calc(clamp(0px, calc(20 / 375 * 100vw), calc(20 / 375 * 100vw)) * 1);
    padding-right: calc(clamp(0px, calc(20 / 375 * 100vw), calc(20 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__panel .commitments__panel__title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__panel .commitments__panel__title {
    font-size: calc(clamp(0px, calc(22 / 1360 * 100vw), calc(22 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__panel .commitments__panel__title {
    font-size: calc(clamp(0px, calc(20 / 375 * 100vw), calc(20 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__panel .commitments__panel__text {
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__panel .commitments__panel__text {
    margin-top: calc(clamp(0px, calc(15 / 1360 * 100vw), calc(15 / 1360 * 1360 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1360 * 100vw), calc(14 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__panel .commitments__panel__text {
    margin-top: calc(clamp(0px, calc(15 / 375 * 100vw), calc(15 / 375 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 375 * 100vw), calc(14 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__report {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__report {
    margin-top: calc(clamp(0px, calc(100 / 1360 * 100vw), calc(100 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__report {
    margin-top: calc(clamp(0px, calc(100 / 375 * 100vw), calc(100 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__report .commitments__report__title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__report .commitments__report__title {
    font-size: calc(clamp(0px, calc(22 / 1360 * 100vw), calc(22 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__report .commitments__report__title {
    font-size: calc(clamp(0px, calc(20 / 375 * 100vw), calc(20 / 375 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__report .commitments__report__text {
    font-size: calc(clamp(0px, calc(14 / 1360 * 100vw), calc(14 / 1360 * 1360 * 1px)) * 1);
    margin-top: calc(clamp(0px, calc(12 / 1360 * 100vw), calc(12 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__report .commitments__report__text {
    line-height: 1.7;
    font-size: calc(clamp(0px, calc(14 / 375 * 100vw), calc(14 / 375 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(15 / 375 * 100vw), calc(15 / 375 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__report .commitments__report__link {
    margin-top: calc(clamp(0px, calc(24 / 1360 * 100vw), calc(24 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__report .commitments__report__link {
    margin-top: calc(clamp(0px, calc(40 / 375 * 100vw), calc(40 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__report .commitments__report__link a {
  display: block;
  margin-inline: auto;
  color: #FFFFFF;
  background-color: #06532A;
  transition: opacity .3s ease;
}

@media screen and (min-width: 768px) {
  #our-commitments .commitments__report .commitments__report__link a {
    width: calc(clamp(0px, calc(200 / 1360 * 100vw), calc(200 / 1360 * 1360 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1360 * 100vw), calc(14 / 1360 * 1360 * 1px)) * 1);
    padding-block: calc(clamp(0px, calc(20 / 1360 * 100vw), calc(20 / 1360 * 1360 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #our-commitments .commitments__report .commitments__report__link a {
    width: calc(clamp(0px, calc(200 / 375 * 100vw), calc(200 / 375 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 375 * 100vw), calc(14 / 375 * 100vw)) * 1);
    padding-block: calc(clamp(0px, calc(18 / 375 * 100vw), calc(18 / 375 * 100vw)) * 1);
  }
}

#our-commitments .commitments__report .commitments__report__link a:hover {
  opacity: 0.6;
}
/*# sourceMappingURL=common.css.map */