@charset "UTF-8";
/*
Theme Name: THEME NAME
Theme URI: http://www.kumagaiatsushi.com/
Author: Atsushi KUMAGAI
Author URI: http://www.kumagaiatsushi.com/
Description: THEME FOR THEME NAME
Version: 1.0.0
*/
:root {
  --color-white: rgb(255, 255, 255);
  --color-black: rgb(0, 0, 0);
  --color-figure: rgb(55, 61, 63);
  --color-body: rgb(255, 255, 255);
  --color-font: #373D3F;
  --color-font-link: #581967;
  --color-font-link-hover: rgb(80.96, 23, 94.76);
  --color-border: rgb(233, 233.66, 233.88);
  --color-main: #581967;
}

:root {
  --padding-page: 104px 21px 104px 21px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --padding-page: 128px 34px 128px 34px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --padding-page: 152px 55.1px 152px 55.1px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --padding-page: 176.8px 55.1px 176.8px 55.1px;
  }
}
@media print, screen and (min-width: 1416.42px) {
  :root {
    --padding-page: 176.8px 110.2px 176.8px 110.2px;
  }
}

:root {
  --padding-page--block: 104px 104px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --padding-page--block: 128px 128px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --padding-page--block: 152px 152px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --padding-page--block: 176.8px 176.8px;
  }
}

:root {
  --padding-page--inline: 21px 21px;
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --padding-page--inline: 55.1px 55.1px;
  }
}
@media print, screen and (min-width: 1416.42px) {
  :root {
    --padding-page--inline: 110.2px 110.2px;
  }
}

:root {
  --padding-page--t: 104px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --padding-page--t: 128px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --padding-page--t: 152px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --padding-page--t: 176.8px;
  }
}

:root {
  --padding-page--r: 21px;
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --padding-page--r: 55.1px;
  }
}
@media print, screen and (min-width: 1416.42px) {
  :root {
    --padding-page--r: 110.2px;
  }
}

:root {
  --padding-page--b: 104px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --padding-page--b: 128px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --padding-page--b: 152px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --padding-page--b: 176.8px;
  }
}

:root {
  --padding-page--l: 21px;
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --padding-page--l: 55.1px;
  }
}
@media print, screen and (min-width: 1416.42px) {
  :root {
    --padding-page--l: 110.2px;
  }
}

:root {
  --padding--content-block--t: 104px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --padding--content-block--t: 128px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --padding--content-block--t: 152px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --padding--content-block--t: 176.8px;
  }
}

:root {
  --padding--content-block--b: 104px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --padding--content-block--b: 128px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --padding--content-block--b: 152px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --padding--content-block--b: 176.8px;
  }
}

:root {
  --width-content: 100%;
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --width-content: 1053px;
  }
}
@media print, screen and (min-width: 1416.42px) {
  :root {
    --width-content: 1196px;
  }
}

:root {
  --margin: 13px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --margin: 16px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --margin: 19px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --margin: 22.1px;
  }
}

:root {
  --margin-width: 19.6px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --margin-width: 21.6px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --margin-width: 26px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --margin-width: 39px;
  }
}
@media print, screen and (min-width: 1416.42px) {
  :root {
    --margin-width: 52px;
  }
}

:root {
  --margin-section: 52px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --margin-section: 64px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --margin-section: 76px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --margin-section: 88.4px;
  }
}

:root {
  --margin-article: 104px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --margin-article: 128px;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --margin-article: 152px;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --margin-article: 176.8px;
  }
}

:root {
  --font-size--xxs: 7px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --font-size--xxs: 7px;
  }
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --font-size--xxs: 9px;
  }
}

:root {
  --letter-spacing--xxs: 0;
}

:root {
  --font-size--xs: 9px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --font-size--xs: 9px;
  }
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --font-size--xs: 11px;
  }
}

:root {
  --letter-spacing--xs: 0;
}

:root {
  --font-size--sm: 11px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --font-size--sm: 11px;
  }
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --font-size--sm: 13px;
  }
}

:root {
  --letter-spacing--sm: 0;
}

:root {
  --font-size--md: 13px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --font-size--md: 13px;
  }
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --font-size--md: 15px;
  }
}

:root {
  --letter-spacing--md: 0;
}

:root {
  --font-size--lg: 15px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --font-size--lg: 15px;
  }
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --font-size--lg: 19px;
  }
}

:root {
  --letter-spacing--lg: 0;
}

:root {
  --font-size--xl: 19px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --font-size--xl: 19px;
  }
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --font-size--xl: 27px;
  }
}

:root {
  --letter-spacing--xl: 0;
}

:root {
  --font-size--xxl: 27px;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --font-size--xxl: 27px;
  }
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --font-size--xxl: 43px;
  }
}

:root {
  --letter-spacing--xxl: 0;
}

:root {
  --button-height: 40.9px;
}

@media print, screen and (min-width: 866.02px) {
  .only--p-t-sm {
    display: none !important;
  }
}

@media print, screen and (max-width: 866px) {
  .only--t-lg-d {
    display: none !important;
  }
}

.l-content {
  padding-inline: var(--padding-page--inline);
  max-width: calc(var(--width-content) + var(--padding-page--r) + var(--padding-page--l));
  margin-inline: auto;
}
@supports (padding: env(safe-area-inset-left)) {
  .l-content {
    padding-inline: calc(var(--padding-page--l) + env(safe-area-inset-left)) calc(var(--padding-page--r) + env(safe-area-inset-right));
  }
}

#as175 {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt", "kern";
  font-variant-numeric: lining-nums;
  text-autospace: normal;
  color: var(--color-figure);
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  line-height: 1.7;
  line-break: strict;
  font-family: Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#as175 p, #as175 span, #as175 a {
  line-height: var(--line-height-scale);
}

#as175 h1, #as175 h2, #as175 h3, #as175 h4, #as175 h5 {
  font-variant-numeric: oldstyle-nums;
}

#as175 a, #as175 button {
  color: var(--color-font-link);
  outline: none;
  text-underline-offset: 0.35em;
}
@media (hover: hover) {
  #as175 a:hover, #as175 button:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    color: var(--color-font-link-hover);
  }
}
#as175 a:focus-visible, #as175 a.is-hover, #as175 button:focus-visible, #as175 button.is-hover {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  color: var(--color-font-link-hover);
}
article #as175 a, article #as175 button {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
}
html.un-touched article #as175 a:focus-visible, html.un-touched article #as175 button:focus-visible {
  outline: rgba(88, 25, 103, 0.6) solid 3px;
  outline-offset: 0.6px;
}
#as175 a[disabled], #as175 button[disabled] {
  color: rgba(55, 61, 63, 0.5);
  pointer-events: none;
}
#as175 a, #as175 button, #as175 .button {
  transition-property: color,background,border,opacity,outline;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

#as175 .h2:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
#as175 .h2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
#as175 .h2 > * {
  min-width: 0;
}
#as175 .h2 > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
#as175 .h2 {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#as175 .h2 {
  gap: 1em;
}
#as175 .h2 span {
  font-family: Garamond, Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  display: block;
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1;
}
#as175 .h2 h2 {
  font-family: Garamond, Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: var(--font-size--xxl);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: 1;
}
#as175 .h2--sub {
  width: fit-content;
  margin-inline: auto;
}
#as175 .h2--sub span {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1;
}
#as175 .h2--sub h2 {
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1;
}

html {
  overflow-y: scroll;
  scroll-padding-top: var(--margin-section);
}
html.no-js {
  scroll-behavior: smooth;
}

body,
html {
  min-height: 100%;
}

body {
  background-color: var(--color-body);
  width: 100%;
}

.wrap {
  width: 100%;
  min-width: 320px;
  position: relative;
}

.l-content:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}

.section:not(:last-child), section:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}

:where(main) p:not(:last-child),
:where(main) .l-content img:not(:last-child),
:where(main) .l-content object:not(:last-child),
:where(main) .l-content picture:not(:last-child),
:where(main) .l-content figure:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
:where(main) img, :where(main) picture, :where(main) object, :where(main) figure {
  width: 100%;
  height: auto;
}

:root {
  --hero--ratio: 1.25;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --hero--ratio: 1.25;
  }
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --hero--ratio: 0.5625;
  }
}

:root {
  --hero-video--ratio: 0.8;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --hero-video--ratio: 0.8;
  }
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --hero-video--ratio: 0.5625;
  }
}

:root {
  --hero--logo--width: 20vw;
}
@media print, screen and (min-width: 568.02px) and (max-width: 866px) {
  :root {
    --hero--logo--width: 15vw;
  }
}
@media print, screen and (min-width: 866.02px) and (max-width: 1163.2px) {
  :root {
    --hero--logo--width: 10vw;
  }
}
@media print, screen and (min-width: 1163.22px) {
  :root {
    --hero--logo--width: 6vw;
  }
}

:root {
  --hero--padding--r: 21px;
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --hero--padding--r: 55.1px;
  }
}
@media print, screen and (min-width: 1416.42px) {
  :root {
    --hero--padding--r: 110.2px;
  }
}

:root {
  --hero--padding--l: 21px;
}
@media print, screen and (min-width: 866.02px) {
  :root {
    --hero--padding--l: 55.1px;
  }
}
@media print, screen and (min-width: 1416.42px) {
  :root {
    --hero--padding--l: 110.2px;
  }
}

#as175 .hero {
  position: relative;
  z-index: 200;
  box-sizing: content-box;
}
#as175 .hero:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}
#as175 .hero {
  overflow: hidden;
}
#as175 .hero--fig {
  width: 100%;
  padding-top: calc(var(--hero--ratio) * 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#as175 .hero--video {
  width: 100%;
  padding-top: calc(var(--hero-video--ratio) * 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#as175 .hero__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 210;
}
#as175 .hero__inner figure, #as175 .hero__inner img {
  object-fit: cover;
  object-position: center 69%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#as175 .hero__inner video {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#as175 .hero__copy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 212;
}
#as175 .hero__copy h1, #as175 .hero__copy p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#as175 .hero__copy figure, #as175 .hero__copy img {
  object-fit: contain;
  position: absolute;
  top: 20%;
  left: -20%;
  width: 140%;
  height: 100%;
  max-width: none;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .hero__copy figure, #as175 .hero__copy img {
    top: 10%;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media print, screen and (max-width: 866px) {
  #as175 .hero__copy p figure, #as175 .hero__copy p img {
    top: 20%;
    width: 240%;
    left: -70%;
  }
}
#as175 .hero__copy video {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.js__inview,
.js__inview .js__inview__inner, .js__inview::after, .js__inview::before {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 1.25s;
}

span.js__inview {
  display: inline-block;
}

.is-active--up {
  transition-property: opacity, translate, scale, rotate;
  opacity: 0;
}
.is-active--up.is-active, html.no-js .is-active--up {
  opacity: 1;
}
@media print {
  .is-active--up {
    opacity: 1;
  }
}
.is-active--up.is-active, html.no-js .is-active--up {
  translate: 0 0;
}
@media print {
  .is-active--up {
    translate: 0 0;
  }
}
.is-active--up {
  translate: 0 calc(var(--margin-section) * 1);
}

.is-active--blur {
  transition-duration: filter, opacity;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
}

.is-active--blur--in {
  filter: blur(0);
  opacity: 1;
}
.is-active--blur--in.is-active, html.no-js .is-active--blur--in {
  filter: blur(10px);
  opacity: 0;
}

.is-active--blur--out {
  filter: blur(10px);
  opacity: 0;
}
.is-active--blur--out.is-active, html.no-js .is-active--blur--out {
  filter: blur(0);
  opacity: 1;
}

.is-active--delay--1 {
  transition-delay: 0.2s;
  animation-delay: 0.2s;
}

.is-active--delay--2 {
  transition-delay: 0.4s;
  animation-delay: 0.4s;
}

.is-active--delay--3 {
  transition-delay: 0.6s;
  animation-delay: 0.6s;
}

.is-active--delay--4 {
  transition-delay: 0.8s;
  animation-delay: 0.8s;
}

.is-active--delay--5 {
  transition-delay: 1s;
  animation-delay: 1s;
}

.is-active--delay--6 {
  transition-delay: 1.2s;
  animation-delay: 1.2s;
}

.is-active--delay--7 {
  transition-delay: 1.4s;
  animation-delay: 1.4s;
}

.is-active--duration--1 {
  transition-duration: 1.25s;
}

.is-active--duration--2 {
  transition-duration: 2.5s;
}

.is-active--duration--3 {
  transition-duration: 3.75s;
}

.is-active--duration--4 {
  transition-duration: 5s;
}

.is-active--duration--5 {
  transition-duration: 6.25s;
}

#as175 {
  position: relative;
  z-index: 100;
}
#as175 header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 800;
  width: 100%;
}
#as175 header + article {
  padding-top: 36.7647058824%;
}
@media print, screen and (min-width: 866.02px) {
  #as175 header + article {
    padding-top: 13.6868064118%;
  }
}
#as175 footer {
  width: 100%;
  height: 332px;
  background-color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
#as175 footer > * {
  min-width: 0;
}
#as175 footer > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
#as175 footer {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#as175 footer img {
  width: 817px;
  max-width: 100%;
  margin-inline: auto;
}
#as175 .s-copy {
  width: fit-content;
  margin-inline: auto;
}
#as175 .s-copy p {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1.7;
  font-family: Garamond, Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
#as175 .s-history {
  position: relative;
}
#as175 .l-content {
  position: relative;
  z-index: 110;
}
#as175 .deg {
  position: relative;
  z-index: 100;
  height: 100vw;
  margin-block: -50vw;
  overflow: hidden;
  width: 100%;
}
#as175 .deg::before, #as175 .deg::after {
  content: "";
  width: 120%;
  left: -10%;
  position: absolute;
  top: 50vw;
  height: calc(var(--margin-article) * 2);
  transition-property: rotate;
  rotate: 0deg;
}
#as175 .deg--1::before {
  background: linear-gradient(to bottom, rgba(239, 233, 223, 0.5), rgba(239, 233, 223, 0));
}
#as175 .deg--1::after {
  display: none;
}
#as175 .deg--1.is-active::before {
  rotate: 14deg;
}
#as175 .deg--1.is-active::after {
  display: none;
}
#as175 .deg--2::before {
  background: linear-gradient(to bottom, rgba(224, 217, 224, 0.5), rgba(224, 217, 224, 0));
}
#as175 .deg--2::after {
  display: none;
}
#as175 .deg--2.is-active::before {
  rotate: -6deg;
}
#as175 .deg--3::before {
  background: linear-gradient(to bottom, rgba(224, 217, 224, 0.5), rgba(224, 217, 224, 0));
}
#as175 .deg--3::after {
  background: linear-gradient(to bottom, rgba(239, 223, 234, 0.5), rgba(239, 223, 234, 0));
}
#as175 .deg--3.is-active::before {
  rotate: 14deg;
}
#as175 .deg--3.is-active::after {
  rotate: -6deg;
}
#as175 .history__container {
  display: grid;
}
#as175 .history__container {
  gap: 0 calc(var(--margin-width) * 1);
}
#as175 .history__container {
  grid-template-columns: repeat(12, 1fr);
}
#as175 .history__container {
  grid-template-rows: auto auto 1fr auto auto;
}
#as175 .history__container {
  z-index: 100;
  padding-bottom: var(--margin-article);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__container {
    grid-template-rows: auto auto 1fr auto;
  }
}
#as175 .history__container .h2,
#as175 .history__container .history__copy,
#as175 .history__container .history__txt {
  z-index: 110;
}
#as175 .history__container .h2 {
  grid-column: 1/-1;
  grid-row: 1/2;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__container .h2 {
    grid-column: 1/-4;
  }
}
#as175 .history__container .history__copy {
  grid-column: 1/-1;
  grid-row: 2/3;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__container .history__copy {
    grid-column: 1/-1;
  }
}
#as175 .history__container .history__txt {
  grid-column: 1/-1;
  grid-row: 3/4;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__container .history__txt {
    grid-column: 1/-4;
  }
}
#as175 .s-history--innovation .history__container {
  grid-template-rows: auto auto 1fr auto auto auto auto auto;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .s-history--innovation .history__container {
    grid-template-rows: auto auto 1fr auto auto;
  }
}
@media print, screen and (min-width: 866.02px) {
  #as175 .s-history--trench-coat .history__copy {
    grid-column: 4/-1;
  }
}
@media print, screen and (min-width: 866.02px) {
  #as175 .s-history--innovation .history__copy {
    grid-column: 1/-1;
  }
}
@media print, screen and (min-width: 866.02px) {
  #as175 .s-history--trench-coat .h2 {
    grid-column: 4/-1;
  }
}
@media print, screen and (min-width: 866.02px) {
  #as175 .s-history--innovation .h2 {
    grid-column: 1/-1;
  }
}
#as175 .history__copy {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1.7;
}
#as175 .h2--sub + .history__copy {
  text-align: center;
}
#as175 .h2--sub + .history__copy:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .s-history--trench-coat .history__txt {
    grid-column: 4/-1;
  }
}
@media print, screen and (min-width: 866.02px) {
  #as175 .s-history--innovation .history__txt {
    grid-column: 1/-1;
  }
}
#as175 .history__fig {
  z-index: 101;
}
#as175 .history__fig--11 {
  grid-column: 9/-1;
  grid-row: -3/-2;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--11 {
    grid-column: -4/-1;
    grid-row: 1/-1;
  }
}
#as175 .history__fig--12 {
  grid-column: 1/9;
  grid-row: -3/-2;
  z-index: 102;
  padding-top: var(--margin-section);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--12 {
    grid-column: 1/5;
    grid-row: 4/-1;
    padding-top: var(--margin);
  }
}
#as175 .history__fig--13 {
  grid-column: 7/-1;
  grid-row: -2/-1;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--13 {
    grid-column: 5/-5;
    grid-row: 4/-1;
  }
}
#as175 .history__fig--21 {
  grid-column: 1/8;
  grid-row: -3/-2;
  padding-top: var(--margin-section);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--21 {
    grid-column: 3/8;
    grid-row: -2/-1;
    padding-top: var(--margin-section);
    z-index: 102;
  }
}
#as175 .history__fig--22 {
  grid-column: 3/-2;
  grid-row: -2/-1;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--22 {
    padding-top: var(--margin-article);
    margin-right: calc(var(--padding-page--r) * -1);
    grid-column: 8/13;
    grid-row: -3/-1;
  }
}
#as175 .history__fig--23 {
  grid-column: 9/-1;
  grid-row: -3/-2;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--23 {
    grid-column: 1/4;
    grid-row: 1/-1;
  }
}
#as175 .history__fig--31 {
  grid-column: 1/8;
  grid-row: -6/-5;
  padding-top: var(--margin-section);
  z-index: 103;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--31 {
    grid-column: 1/5;
    grid-row: 4/-2;
    padding-top: var(--margin);
    z-index: 103;
  }
}
#as175 .history__fig--32 {
  z-index: 102;
  grid-column: 7/-1;
  grid-row: -6/-5;
  padding-top: var(--margin-article);
  margin-right: calc(var(--padding-page--r) * -1);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--32 {
    grid-column: 4/8;
    grid-row: 4/-2;
    margin-right: 0;
    padding-top: var(--margin-section);
    z-index: 102;
  }
}
#as175 .history__fig--33 {
  grid-column: 1/5;
  grid-row: -5/-4;
  padding-top: var(--margin);
  margin-left: calc(var(--padding-page--l) * -1);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--33 {
    margin-left: 0;
    padding-top: 0;
    grid-column: 8/10;
    grid-row: -3/-2;
  }
}
#as175 .history__fig--34 {
  grid-column: 4/10;
  grid-row: -5/-4;
  padding-top: var(--margin-article);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--34 {
    padding-top: 0;
    grid-column: 10/-1;
    grid-row: -3/-2;
    z-index: 103;
  }
}
#as175 .history__fig--35 {
  grid-column: 1/7;
  grid-row: -4/-3;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--35 {
    margin-left: calc(var(--padding-page--l) * -1);
    grid-column: 1/3;
    grid-row: -2/-1;
    padding-top: var(--margin);
    z-index: 103;
  }
}
#as175 .history__fig--36 {
  grid-column: 8/-1;
  grid-row: -4/-3;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--36 {
    grid-column: 2/5;
    grid-row: -2/-1;
    padding-top: var(--margin-section);
    z-index: 102;
  }
}
#as175 .history__fig--37 {
  grid-column: 6/-1;
  grid-row: -3/-2;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--37 {
    padding-top: var(--margin-section);
    grid-column: 4/8;
    grid-row: -2/-1;
  }
}
#as175 .history__fig--38 {
  grid-column: 1/4;
  grid-row: -3/-2;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--38 {
    grid-column: 7/9;
    grid-row: -2/-1;
    z-index: 102;
  }
}
#as175 .history__fig--39 {
  grid-column: 3/9;
  grid-row: -2/-1;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--39 {
    grid-column: 9/12;
    grid-row: -2/-1;
    padding-top: var(--margin-section);
  }
}
#as175 .history__fig--310 {
  grid-column: -4/-1;
  grid-row: -2/-1;
  padding-top: var(--margin-section);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .history__fig--310 {
    padding-top: var(--margin-section);
    margin-right: calc(var(--padding-page--r) * -1);
    grid-column: 12/-1;
    grid-row: -2/-1;
    z-index: 102;
  }
}
#as175 .original-icon__container {
  display: grid;
}
#as175 .original-icon__container {
  gap: 0 calc(var(--margin-width) * 1);
}
#as175 .original-icon__container {
  grid-template-columns: 1fr;
}
@media print, screen and (min-width: 866.02px) {
  #as175 .original-icon__container {
    grid-template-columns: repeat(3, 1fr);
  }
}
#as175 .original-icon__container__item + .original-icon__container__item {
  position: relative;
  padding-top: calc(var(--margin-section) * 2 + 1px);
}
#as175 .original-icon__container__item + .original-icon__container__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: var(--margin-section);
  width: 100%;
  height: 1px;
  background-color: rgba(88, 25, 103, 0.1);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .original-icon__container__item + .original-icon__container__item {
    padding-top: 0;
  }
  #as175 .original-icon__container__item + .original-icon__container__item::before {
    display: none;
  }
}
@media print, screen and (min-width: 866.02px) {
  #as175 .original-icon__container__item:nth-child(2) {
    padding-top: 2lh;
  }
}
#as175 .original-icon__container__item__fig {
  width: 40%;
  margin-inline: auto;
}
#as175 .original-icon__container__item__fig:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .original-icon__container__item__fig {
    width: 70%;
  }
}
#as175 .original-icon__container__item__txt {
  padding-inline: var(--padding-page--inline);
}
@media print, screen and (min-width: 866.02px) {
  #as175 .original-icon__container__item__txt {
    padding: 0;
  }
}
#as175 .s-items {
  background-color: #f7f7f7;
  padding-top: var(--margin-article);
  padding-bottom: var(--margin-article);
}
#as175 .items__list {
  margin-top: var(--margin-section);
}
#as175 .items__list a, #as175 .items__list button {
  text-decoration-line: none;
}
@media (hover: hover) {
  #as175 .items__list a:hover, #as175 .items__list button:hover {
    text-decoration-line: none;
  }
}
#as175 .items__list a:focus-visible, #as175 .items__list a.is-hover, #as175 .items__list button:focus-visible, #as175 .items__list button.is-hover {
  text-decoration-line: none;
}
#as175 .items__list {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
#as175 .items__list__item:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
#as175 .items__list__item a {
  color: #373D3F;
  background-color: #fff;
  border: 1px solid #373D3F;
  max-width: 210px;
  padding: 15px 0;
  display: block;
  text-align: center;
  margin-inline: auto;
}
@media (hover: hover) {
  #as175 .items__list__item a:hover {
    text-decoration: underline;
  }
}
#as175 .items__list__item a:focus-visible, #as175 .items__list__item a.is-hover {
  text-decoration: underline;
}
@media print, screen and (min-width: 568.02px) {
  #as175 .items__list__item a {
    padding: 22px 0;
    max-width: 540px;
  }
}