@charset "UTF-8";
/** 
変数の定義ファイル 
*/
/**

共通設定

*/
:root {
  --base-size: 1920;
}
@media all and (max-width: 768px) {
  :root {
    --base-size: 390;
  }
}

html {
  margin: 0;
}

body {
  margin: 0;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

:where([hidden]:not([hidden="until-found"])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :where(html focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  block-size: 100%;
  block-size: 100dvb;
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role="button"], [role="option"]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  text-decoration: none;
}

a:-webkit-any-link {
  text-decoration: none;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 0;
  outline-offset: 0;
}

.page__header--title {
  margin-bottom: min(92 * 1px, calc(100 / var(--base-size)) * 92 * 1vw);
}
@media all and (max-width: 768px) {
  .page__header--title {
    margin-bottom: calc(calc(100 / var(--base-size)) * 53 * 1vw);
  }
}
/* パンくずは共通モジュール assets/styles/base_font.css の .c-breadcrumb を使用
   （ここにあった .breadcrumbPage の重複定義は削除） */

* {
  margin: 0;
  padding: 0;
}

html {
  width: calc(calc(100 / var(--base-size)) * 1920 * 1vw);
  font-size: 62.5%;
}
@media all and (max-width: 768px) {
  html {
    width: calc(calc(100 / var(--base-size)) * 390 * 1vw);
    font-size: 13.3333333333vw;
  }
}

body {
  overflow-x: hidden;
  position: relative;
  width: 100%;
  height: auto;
  color: #242423;
  background-color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-print-color-adjust: exact;
  -webkit-tap-highlight-color: transparent;
}
body img {
  width: 100%;
}

/* パンくずをヘッダー直下へ移動したため、ここでヘッダー下の余白を取るのをやめた。
   下の要素との間隔は共通モジュール .c-breadcrumb の margin-bottom（PC88px / SP36px）が持つ */
main {
  padding-top: 0;
}
section {
  position: relative;
  width: 100%;
  padding: 0;
}

@media all and (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media all and (max-width: 768px) {
  .sp {
    display: block;
  }
}

.about {
  padding-top: min(1 * 1px, calc(100 / var(--base-size)) * 1 * 1vw);
  padding-bottom: min(1 * 1px, calc(100 / var(--base-size)) * 1 * 1vw);
}
@media all and (max-width: 768px) {
  .about {
    padding-top: calc(calc(100 / var(--base-size)) * 1 * 1vw);
    padding-bottom: calc(calc(100 / var(--base-size)) * 1 * 1vw);
  }
}

/* 旧ヘッダー時代の余白の名残。H1下マージンと二重に効いてH1上に隙間ができるため削除 */
.about__business--description {
  font-size: min(16 * 1px, calc(100 / var(--base-size)) * 16 * 1vw);
  line-height: 2;
  letter-spacing: min(0.5 * 1px, calc(100 / var(--base-size)) * 0.5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__business--description {
    font-size: calc(calc(100 / var(--base-size)) * 12 * 1vw);
    line-height: 1.66;
    letter-spacing: calc(calc(100 / var(--base-size)) * 1 * 1vw);
  }
}

.about {
  padding-bottom: min(160 * 1px, calc(100 / var(--base-size)) * 160 * 1vw);
}
.about__data {
  padding-top: min(104 * 1px, calc(100 / var(--base-size)) * 104 * 1vw);
}
@media all and (max-width: 768px) {
  .about__data {
    padding-top: calc(calc(80 / var(--base-size)) * 80 * 1vw);
  }
}
.about__data--item {
  padding: min(30 * 1px, calc(100 / var(--base-size)) * 30 * 1vw) 0
    min(25 * 1px, calc(100 / var(--base-size)) * 25 * 1vw);
  border-bottom: min(1 * 1px, calc(100 / var(--base-size)) * 1 * 1vw) solid
    #dbdbdb;
  align-items: center;
  gap: min(20 * 1px, calc(100 / var(--base-size)) * 20 * 1vw);
}
@media all and (max-width: 768px) {
  .about__data--item {
    padding: calc(calc(100 / var(--base-size)) * 22 * 1vw) 0
      calc(calc(100 / var(--base-size)) * 20 * 1vw);
    border-bottom: calc(calc(100 / var(--base-size)) * 1 * 1vw) solid #dbdbdb;
    gap: calc(calc(100 / var(--base-size)) * 10 * 1vw);
    flex-direction: column;
    align-items: start;
  }
}
@media all and (min-width: 1025px) {
  .about__data--item.line-1 {
    padding: calc(calc(100 / var(--base-size)) * 47 * 1vw) 0
      calc(calc(100 / var(--base-size)) * 40 * 1vw);
  }
}
@media all and (min-width: 1025px) {
  .about__data--item.line-3 {
    padding: calc(calc(100 / var(--base-size)) * 30 * 1vw) 0
      calc(calc(100 / var(--base-size)) * 30 * 1vw);
  }
}
.about__data--item:nth-last-child(1) {
  border-bottom: 0;
}
.about__data--item:first-child {
  padding-top: 0;
}
.about__data--title {
  width: min(220 * 1px, calc(100 / var(--base-size)) * 220 * 1vw);
}
@media all and (max-width: 768px) {
  .about__data--title {
    width: 100%;
  }
}
.about__data--title h3 {
  font-size: min(20 * 1px, calc(100 / var(--base-size)) * 20 * 1vw);
  letter-spacing: min(1 * 1px, calc(100 / var(--base-size)) * 1 * 1vw);
  font-weight: bold;
  line-height: 1.5;
}
@media all and (max-width: 768px) {
  .about__data--title h3 {
    font-size: calc(calc(100 / var(--base-size)) * 14 * 1vw);
    letter-spacing: calc(calc(100 / var(--base-size)) * 0.1 * 1vw);
    line-height: 1;
  }
}
.about__data--detail {
  font-size: min(20 * 1px, calc(100 / var(--base-size)) * 20 * 1vw);
  line-height: 1.6;
}
@media all and (max-width: 768px) {
  .about__data--detail {
    font-size: calc(calc(100 / var(--base-size)) * 14 * 1vw);
  }
}
.about__data--detailLink {
  gap: min(10 * 1px, calc(100 / var(--base-size)) * 10 * 1vw);
  align-items: center;
  margin-bottom: min(8 * 1px, calc(100 / var(--base-size)) * 8 * 1vw);
}
.about__data--detailLink:nth-last-child(1) {
  margin-bottom: 0;
}
.about__data--detail > li {
  display: flex;
}
.about__data--detail > li .role {
  display: block;
  flex-grow: 1;
  margin-right: 1em;
}
.about__data--detail > li .name {
  width: 100px;
}
.about__data--img {
  width: min(16 * 1px, calc(100 / var(--base-size)) * 16 * 1vw);
}
@media all and (max-width: 768px) {
  .about__data--img {
    width: calc(calc(100 / var(--base-size)) * 12 * 1vw);
  }
}

.about__history {
  padding-top: min(88 * 1px, calc(100 / var(--base-size)) * 88 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history {
    padding-top: calc(calc(100 / var(--base-size)) * 60 * 1vw);
  }
}
.about__history--description {
  margin-bottom: min(124 * 1px, calc(100 / var(--base-size)) * 124 * 1vw);
  font-size: min(16 * 1px, calc(100 / var(--base-size)) * 16 * 1vw);
  line-height: 2;
  letter-spacing: min(0.52 * 1px, calc(100 / var(--base-size)) * 0.52 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--description {
    margin-bottom: calc(calc(100 / var(--base-size)) * 63 * 1vw);
    font-size: calc(calc(100 / var(--base-size)) * 12 * 1vw);
    line-height: 1.66;
    letter-spacing: calc(calc(100 / var(--base-size)) * 0.2 * 1vw);
  }
}
.about__history--item {
  gap: min(125 * 1px, calc(100 / var(--base-size)) * 125 * 1vw);
  position: relative;
}
@media all and (max-width: 768px) {
  .about__history--item {
    gap: calc(calc(100 / var(--base-size)) * 7 * 1vw);
    flex-direction: column;
    padding-left: calc(calc(100 / var(--base-size)) * 29 * 1vw);
  }
}
.about__history--item::before {
  content: "";
  position: absolute;
  top: min(18 * 1px, calc(100 / var(--base-size)) * 18 * 1vw);
  left: min(329 * 1px, calc(100 / var(--base-size)) * 329 * 1vw);
  transform: translateX(-50%);
  width: min(1 * 1px, calc(100 / var(--base-size)) * 1 * 1vw);
  height: 100%;
  background: #b0b5b3;
  position: absolute;
}
@media all and (max-width: 768px) {
  .about__history--item::before {
    width: calc(calc(100 / var(--base-size)) * 1 * 1vw);
    top: calc(calc(100 / var(--base-size)) * 7 * 1vw);
    left: calc(calc(100 / var(--base-size)) * 4 * 1vw);
  }
}
.about__history--item::after {
  content: "";
  position: absolute;
  top: min(14 * 1px, calc(100 / var(--base-size)) * 14 * 1vw);
  left: min(329 * 1px, calc(100 / var(--base-size)) * 329 * 1vw);
  transform: translateX(-50%);
  width: min(15 * 1px, calc(100 / var(--base-size)) * 15 * 1vw);
  height: min(15 * 1px, calc(100 / var(--base-size)) * 15 * 1vw);
  border-radius: min(20 * 1px, calc(100 / var(--base-size)) * 20 * 1vw);
  background: #b0b5b3;
  z-index: 2;
}
@media all and (max-width: 768px) {
  .about__history--item::after {
    width: calc(calc(100 / var(--base-size)) * 9 * 1vw);
    height: calc(calc(100 / var(--base-size)) * 9 * 1vw);
    top: calc(calc(100 / var(--base-size)) * 4 * 1vw);
    left: calc(calc(100 / var(--base-size)) * 4 * 1vw);
  }
}
.about__history--item:nth-child(1 of .about__history--item) {
  padding-bottom: min(18 * 1px, calc(100 / var(--base-size)) * 18 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(1 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 31 * 1vw);
  }
}
.about__history--item:nth-child(1 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(1 of .about__history--item)
    .about__history--detail {
    padding-top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
.about__history--item:nth-child(2 of .about__history--item) {
  padding-bottom: min(122 * 1px, calc(100 / var(--base-size)) * 122 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(2 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 91 * 1vw);
  }
}
.about__history--item:nth-child(2 of .about__history--item)::after {
  top: min(8 * 1px, calc(100 / var(--base-size)) * 8 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(2 of .about__history--item)::after {
    top: calc(calc(100 / var(--base-size)) * 13 * 1vw);
  }
}
.about__history--item:nth-child(3 of .about__history--item) {
  padding-bottom: min(43 * 1px, calc(100 / var(--base-size)) * 43 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(3 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 43 * 1vw);
  }
}
.about__history--item:nth-child(3 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(3 of .about__history--item)
    .about__history--detail {
    padding-top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
.about__history--item:nth-child(3 of .about__history--item)::after {
  top: min(15 * 1px, calc(100 / var(--base-size)) * 15 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(3 of .about__history--item)::after {
    top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
.about__history--item:nth-child(4 of .about__history--item) {
  padding-bottom: min(43 * 1px, calc(100 / var(--base-size)) * 43 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(4 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 42 * 1vw);
  }
}
.about__history--item:nth-child(4 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(4 of .about__history--item)
    .about__history--detail {
    padding-top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
@media all and (min-width: 1025px) {
  .about__history--item:nth-child(4 of .about__history--item)::after {
    top: min(13 * 1px, calc(100 / var(--base-size)) * 13 * 1vw);
  }
}
.about__history--item:nth-child(5 of .about__history--item) {
  padding-bottom: min(65 * 1px, calc(100 / var(--base-size)) * 65 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(5 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 62 * 1vw);
  }
}
.about__history--item:nth-child(5 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(5 of .about__history--item)
    .about__history--detail {
    padding-top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
.about__history--item:nth-child(6 of .about__history--item) {
  padding-bottom: min(23 * 1px, calc(100 / var(--base-size)) * 23 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(6 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 40 * 1vw);
  }
}
.about__history--item:nth-child(6 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
.about__history--item:nth-child(7 of .about__history--item) {
  padding-bottom: min(74 * 1px, calc(100 / var(--base-size)) * 74 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(7 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 42 * 1vw);
  }
}
.about__history--item:nth-child(7 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(7 of .about__history--item)
    .about__history--detail {
    padding-top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
.about__history--item:nth-child(8 of .about__history--item) {
  padding-bottom: min(67 * 1px, calc(100 / var(--base-size)) * 67 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(8 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 62 * 1vw);
  }
}
.about__history--item:nth-child(8 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(8 of .about__history--item)
    .about__history--detail {
    padding-top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
.about__history--item:nth-child(9 of .about__history--item) {
  padding-bottom: min(224 * 1px, calc(100 / var(--base-size)) * 224 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(9 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 120 * 1vw);
  }
}
.about__history--item:nth-child(9 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(9 of .about__history--item)
    .about__history--detail {
    padding-top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
@media all and (min-width: 1025px) {
  .about__history--item:nth-child(9 of .about__history--item)::after {
    top: min(11 * 1px, calc(100 / var(--base-size)) * 11 * 1vw);
  }
}
.about__history--item:nth-child(10 of .about__history--item) {
  padding-bottom: min(114 * 1px, calc(100 / var(--base-size)) * 114 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(10 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 73 * 1vw);
  }
}
.about__history--item:nth-child(10 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(10 of .about__history--item)
    .about__history--detail {
    padding-top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
@media all and (min-width: 1025px) {
  .about__history--item:nth-child(10 of .about__history--item)::after {
    top: min(15 * 1px, calc(100 / var(--base-size)) * 15 * 1vw);
  }
}
.about__history--item:nth-child(11 of .about__history--item) {
  padding-bottom: min(70 * 1px, calc(100 / var(--base-size)) * 70 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(11 of .about__history--item) {
    padding-bottom: calc(calc(100 / var(--base-size)) * 50 * 1vw);
  }
}
.about__history--item:nth-child(11 of .about__history--item)
  .about__history--detail {
  padding-top: min(5 * 1px, calc(100 / var(--base-size)) * 5 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--item:nth-child(11 of .about__history--item)
    .about__history--detail {
    padding-top: calc(calc(100 / var(--base-size)) * 5 * 1vw);
  }
}
@media all and (min-width: 1025px) {
  .about__history--item:nth-child(11 of .about__history--item)::after {
    top: min(14 * 1px, calc(100 / var(--base-size)) * 14 * 1vw);
  }
}
@media all and (max-width: 768px) {
  .about__history--item:nth-last-child(1 of .about__history--item) {
    gap: 0;
  }
}
.about__history--item:nth-last-child(1 of .about__history--item)::before {
  height: 0px;
}
.about__history--item:nth-last-child(1 of .about__history--item)::after {
  background: #ffb100;
}
@media all and (min-width: 1025px) {
  .about__history--item:nth-last-child(1 of .about__history--item)::after {
    top: min(7 * 1px, calc(100 / var(--base-size)) * 7 * 1vw);
  }
}
.about__history--title {
  width: min(290 * 1px, calc(100 / var(--base-size)) * 290 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--title {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .about__history--title h3 {
    display: flex;
    align-items: baseline;
  }
}
.about__history--year {
  font-size: min(26 * 1px, calc(100 / var(--base-size)) * 26 * 1vw);
  font-weight: 500;
  color: #737575;
  line-height: 1;
  letter-spacing: min(1 * 1px, calc(100 / var(--base-size)) * 1 * 1vw);
  display: inline-block;
  width: min(110 * 1px, calc(100 / var(--base-size)) * 110 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--year {
    font-size: calc(calc(100 / var(--base-size)) * 16 * 1vw);
    letter-spacing: calc(calc(100 / var(--base-size)) * 1 * 1vw);
    width: calc(calc(100 / var(--base-size)) * 75 * 1vw);
  }
}
.about__history--yearEg {
  font-family: Outfit;
  font-size: min(32 * 1px, calc(100 / var(--base-size)) * 32 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--yearEg {
    font-size: calc(calc(100 / var(--base-size)) * 20 * 1vw);
  }
}
.about__history--era {
  font-size: min(20 * 1px, calc(100 / var(--base-size)) * 20 * 1vw);
  font-weight: 500;
  color: #737575;
  line-height: 1;
  letter-spacing: min(1 * 1px, calc(100 / var(--base-size)) * 1 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--era {
    font-size: calc(calc(100 / var(--base-size)) * 14 * 1vw);
    letter-spacing: calc(calc(100 / var(--base-size)) * 0.3 * 1vw);
    margin-left: 0;
  }
}
.about__history--eraEg {
  font-family: Outfit;
  font-size: min(26 * 1px, calc(100 / var(--base-size)) * 26 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--eraEg {
    font-size: calc(calc(100 / var(--base-size)) * 18 * 1vw);
  }
}
.about__history--era.year19 {
  margin-left: min(-15 * 1px, calc(100 / var(--base-size)) * -15 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--era.year19 {
    margin-left: calc(calc(100 / var(--base-size)) * -17 * 1vw);
  }
}
.about__history--era.year20 {
  margin-left: min(6 * 1px, calc(100 / var(--base-size)) * 6 * 1vw);
  margin-left: calc(calc(100 / var(--base-size)) * -8 * 1vw);
}
.about__history--month {
  font-size: min(20 * 1px, calc(100 / var(--base-size)) * 20 * 1vw);
  font-weight: 500;
  color: #737575;
  line-height: 1;
  letter-spacing: min(1 * 1px, calc(100 / var(--base-size)) * 1 * 1vw);
  margin-left: min(10 * 1px, calc(100 / var(--base-size)) * 10 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--month {
    font-size: calc(calc(100 / var(--base-size)) * 16 * 1vw);
    letter-spacing: calc(calc(100 / var(--base-size)) * 1 * 1vw);
    margin-left: 0;
  }
}
.about__history--monthEg {
  font-family: Outfit;
  font-size: min(26 * 1px, calc(100 / var(--base-size)) * 26 * 1vw);
}
@media all and (max-width: 768px) {
  .about__history--monthEg {
    font-size: calc(calc(100 / var(--base-size)) * 20 * 1vw);
  }
}
.about__history--detail {
  font-size: min(20 * 1px, calc(100 / var(--base-size)) * 20 * 1vw);
  line-height: 1.6;
  letter-spacing: min(0.1 * 1px, calc(100 / var(--base-size)) * 0.1 * 1vw);
  font-weight: 500;
}
@media all and (max-width: 768px) {
  .about__history--detail {
    font-size: calc(calc(100 / var(--base-size)) * 14 * 1vw);
    line-height: 1.5;
    letter-spacing: calc(calc(100 / var(--base-size)) * 0.5 * 1vw);
  }
}