:root {
  /*  */
  --container-large:100%;
  --container-middle:100%;
  --container-small:100%;
  --container-ex-small:100%;
  --container-sec04-item01:100%;
  --container-padding-sp-fullsize:0;
  --pd-beside-sp-fullsize:0;
  --container-padding-sp-about:0;
  --pd-beside-sp-about:calc(10 * (100vw / 375));
  --mt-about-main:calc(35 * (100vw / 375));
  --mb-about-main:calc(70 * (100vw / 375));
  --width-sec01-item02-bg:calc(350 * (100vw / 375));
  --aspectratio-sec01-item02-bg: 350/240;
  --mt-sec01-item02-bg:calc(-218 * (100vw / 375));
  --grid-template-columns-sec01-item03:repeat(1,auto);
  --gap-sec01-item03:calc(25 * (100vw / 375)) 0;
  --mt-sec01-item03:calc(40 * (100vw / 375)) 0;
  --ml-sec01-item03-text:calc(15 * (100vw / 375));
  --fs-sec01-item03-text:calc(24 * (100vw / 375));
  --mt-sec01-item03-text:0;
  --fs-sec01-item03-description:calc(13 * (100vw / 375));
  --mt-sec01-item03-description:calc(18 * (100vw / 375));
  --mg-sec02:calc(55 * (100vw / 375)) 0 auto;
  --pd-sec02__inner:calc(40 * (100vw / 375)) 0 calc(48 * (100vw / 375));
  --color-bg-sec02__inner:var(--color-primary);
  --grid-template-columns-item-sec02-item01:repeat(1,auto);
  --gap-item-sec02-item01:calc(26 * (100vw / 375)) 0;
  --order-sec02-item01-image:2;
  --order-sec02-item01-text:1;
  --fs-item-sec02-item01-text:calc(18 * (100vw / 375));
  --mt-item-sec02-item01-text:0;
  --ta-sec02-item01-text:center;
  --mt-sec02-item02:calc(18 * (100vw / 375));
  --width-sec02-item02-image:100%;
  --mg-sec02-item02-image:0 auto;
  --mt-sec03:calc(50 * (100vw / 375));
  --gap-sec03-itemlist:calc(30 * (100vw / 375)) 0;
  --flex-direction-sec03-itemlist:column-reverse;
  --ml-sec03-itemlist:0;
  --mr-sec03-itemlist:0;
  --width-sec03-item01:calc(270 * (100vw / 375));
  --fs-sec03-item01:calc(15 * (100vw / 375));
  --mt-sec03-item01:0;
  --mb-sec03-item01:calc(16 * (100vw / 375));
  --width-sec03-item02:calc(355 * (100vw / 375));
  --mg-sec03-item02:0 0 0 auto;
  --mg-sec04:calc(55 * (100vw / 375)) auto 0;
  --pd-sec04-inner:calc(40 * (100vw / 375)) calc(10 * (100vw / 375)) calc(48 * (100vw / 375));
  --bg-color-sec04-inner: var(--color-primary);
  --gap-sec04-item01-card:calc(26 * (100vw / 375)) 0;
  --flex-direction-sec04-item01-card:column;
  --mg-sec04-item01-card:0 auto;
  --width-sec04-item01-card-text:100%;
  --fs-sec04-item01-card-text:calc(18 * (100vw / 375));
  --ta-sec04-item01-card-text:center;
  --justify-content-sec04-item01-card-text:center;
  --mt-sec04-item01-card-text:0;
  --width-sec04-item01-card-image:100%;
  --mt-sec04-item03:calc(30 * (100vw / 375));
  --width-sec04-item03-card:calc(270 * (100vw / 375));
  --mg-sec04-item03-card:0 auto;
  --fs-sec04-item03-card-text:calc(15 * (100vw / 375));
  --ta-sec04-item03-card-text:center;
  --mt-sec04-item03-card-text:calc(16 * (100vw / 375));
  --color-bg-sec05:unset;
  --mg-sec05:calc(50 * (100vw / 375));
  --gap-sec05-item:calc(24 * (100vw / 375)) 0;
  --flex-direction-sec05-item:column-reverse;
  --width-sec05-item-image:100%;
  --fs-sec05-item-text:calc(18 * (100vw / 375));
  --ta-sec05-item-text:center;
  --mt-sec05-item-text:0;
  --transform-sec05-item:unset;
}
@media screen and (min-width: 768px) {
  :root {
    /*  */
    --container-large:140rem;
    --container-middle:120rem;
    --container-small:100rem;
    --container-ex-small:89rem;
    --container-sec04-item01:126rem;
    --container-padding-sp-fullsize:4rem;
    --pd-beside-sp-fullsize:calc(var(--container-padding-sp-fullsize) / 2);
    --container-padding-sp-about:4rem;
    --pd-beside-sp-about:calc(var(--container-padding-sp-about) / 2);
    --mt-about-main:6rem;
    --mb-about-main:12.6rem;
    --width-sec01-item02-bg:104.8rem;
    --aspectratio-sec01-item02-bg: 1048/602;
    --mt-sec01-item02-bg:-51rem;
    --grid-template-columns-sec01-item03:auto 63.9rem;
    --gap-sec01-item03:0 5.4rem;
    --mt-sec01-item03:-4rem;
    --ml-sec01-item03-text:6rem;
    --fs-sec01-item03-text:3.2rem;
    --mt-sec01-item03-text:11.4rem;
    --fs-sec01-item03-description:1.5rem;
    --mt-sec01-item03-description:2.8rem;
    --mg-sec02:11rem 0 auto;
    --pd-sec02__inner:0;
    --color-bg-sec02__inner:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 9%, rgba(247,237,234,1) 9%, rgba(247,237,234,1) 92%, rgba(255,255,255,1) 92%);
    --grid-template-columns-item-sec02-item01:70rem auto;
    --gap-item-sec02-item01:0 3rem;
    --order-sec02-item01-image:1;
    --order-sec02-item01-text:2;
    --fs-item-sec02-item01-text:2.1rem;
    --mt-item-sec02-item01-text:14rem;
    --ta-sec02-item01-text:left;
    --mt-sec02-item02:-18.7rem;
    --width-sec02-item02-image:48rem;
    --mg-sec02-item02-image:0 0 0 auto;
    --mt-sec03:10.7rem;
    --flex-direction-sec03-itemlist:unset;
    --gap-sec03-itemlist:0 5.55555%;
    --ml-sec03-itemlist:8rem;
    --mr-sec03-itemlist:4rem;
    --width-sec03-item01:38.88888%;
    --fs-sec03-item01:1.9rem;
    --mt-sec03-item01:23rem;
    --mb-sec03-item01:2.4rem;
    --width-sec03-item02:55.55555%;
    --mg-sec03-item02:0 auto;
    --mg-sec04:12.5rem auto 0;
    --pd-sec04-inner:0;
    --bg-color-sec04-inner:unset;
    --gap-sec04-item01-card:0 2.22222%;
    --flex-direction-sec04-item01-card:row;
    --mg-sec04-item01-card:0 auto;
    --width-sec04-item01-card-text:32.69841%;
    --fs-sec04-item01-card-text:2.1rem;
    --ta-sec04-item01-card-text:inherit;
    --justify-content-sec04-item01-card-text:flex-end;
    --mt-sec04-item01-card-text:19.5rem;
    --width-sec04-item01-card-image:62.69841%;
    --width-sec04-item02-bg:75.6rem;
    --aspectratio-sec04-item02-bg:756 / 499;
    --mt-sec04-item02-bg:-41.6rem;
    --mt-sec04-item03:-17.5rem;
    --width-sec04-item03-card:48.6rem;
    --mg-sec04-item03-card: inherit;
    --fs-sec04-item03-card-text:1.9rem;
    --ta-sec04-item03-card-text:right;
    --mt-sec04-item03-card-text:2.4rem;
    --color-bg-sec05:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 37%, rgba(247,237,234,1) 37%, rgba(247,237,234,1) 100%);
    --mg-sec05:15.8rem;
    --gap-sec05-item:0 3.37078%;
    --flex-direction-sec05-item:row;
    --width-sec05-item-image:62.92134%;
    --ta-sec05-item-text:left;
    --fs-sec05-item-text:2.1rem;
    --mt-sec05-item-text:18.7rem;
    --transform-sec05-item:translateY(-5.6rem);
  }
}
.about__main {
  margin: var(--mt-about-main) auto var(--mb-about-main);
}
.about-sec-01__item-01 {
  position: relative;
  width: min(100%, var(--container-small) + var(--container-padding-sp-fullsize));
  padding: 0 var(--pd-beside-sp-fullsize);
  margin: 0 auto;
}
.about-sec-01__item-02 {
  width: min(100%, var(--container-large) + var(--container-padding-sp-fullsize));
  margin: 0 auto;
}
.about-sec-01__item-02__bg {
  display: block;
  width: var(--width-sec01-item02-bg);
  aspect-ratio: var(--aspectratio-sec01-item02-bg);
  background: var(--color-primary);
  margin-top: var(--mt-sec01-item02-bg);
}
.about-sec-01__item-03 {
  width: min(100%, var(--container-middle) + var(--container-padding-sp-about));
  padding: 0 var(--pd-beside-sp-about);
  display: grid;
  grid-template-columns: var(--grid-template-columns-sec01-item03);
  gap: var(--gap-sec01-item03);
  margin: var(--mt-sec01-item03) auto 0;
}
.about-sec-01__item-03__text {
  margin-top: var(--mt-sec01-item03-text);
  margin-left: var(--ml-sec01-item03-text);
}
.about-sec-01__item-03__text-title {
  font-size: var(--fs-sec01-item03-text);
  letter-spacing: 0.15em;
  line-height: 1.25;
  font-family: var(--ff-zen-old-min);
  font-weight: var(--fw-medium);
}
.about-sec-01__item-03__text-description {
  font-size: var(--fs-sec01-item03-description);
  letter-spacing: 0.1em;
  line-height: 2.4;
  margin-top: var(--mt-sec01-item03-description);
}
.about-sec-02 {
  margin: var(--mg-sec02);
}
.about-sec-02__inner {
  background: var(--color-bg-sec02__inner);
  padding: var(--pd-sec02__inner);
}
.about-sec-02__item-01 {
  width: min(100%, var(--container-small) + var(--container-padding-sp-about));
  display: grid;
  grid-template-columns: var(--grid-template-columns-item-sec02-item01);
  gap: var(--gap-item-sec02-item01);
  padding: 0 var(--pd-beside-sp-about);
  margin: 0 auto;
}
.about-sec-02__item-01--image {
  order: var(--order-sec02-item01-image);
}
.about-sec-02__item-01--text {
  order: var(--order-sec02-item01-text);
  font-size: var(--fs-item-sec02-item01-text);
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-align: var(--ta-sec02-item01-text);
  margin-top: var(--mt-item-sec02-item01-text);
}
.about-sec-02__item-02 {
  width: min(100%, var(--container-middle) + var(--container-padding-sp-about));
  padding: 0 var(--pd-beside-sp-about);
  margin: var(--mt-sec02-item02) auto 0;
}
.about-sec-02__item-02--image {
  width: var(--width-sec02-item02-image);
  margin: var(--mg-sec02-item02-image);
}
.about-sec-03 {
  width: min(100%, var(--container-middle) + var(--container-padding-sp-fullsize));
  padding: 0 var(--pd-beside-sp-fullsize);
  margin: var(--mt-sec03) auto 0;
}
.about-sec-03__itemlist {
  display: flex;
  flex-direction: var(--flex-direction-sec03-itemlist);
  gap: var(--gap-sec03-itemlist);
  padding: 0 var(--ml-sec03-itemlist) 0 var(--mr-sec03-itemlist);
}
.about-sec-03__item-01 {
  width: var(--width-sec03-item01);
  margin: var(--mt-sec03-item01) auto 0;
}
.about-sec-03__item-01 figcaption {
  display: block;
  font-size: var(--fs-sec03-item01);
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: var(--mb-sec03-item01);
}
.about-sec-03__item-02 {
  width: var(--width-sec03-item02);
  margin: var(--mg-sec03-item02);
}
.about-sec-04 {
  margin: var(--mg-sec04);
}
.about-sec-04__inner {
  width: min(100%, var(--container-large) + var(--container-padding-sp-fullsize));
  background: var(--bg-color-sec04-inner);
  padding: var(--pd-sec04-inner);
  margin: 0 auto;
}
.about-sec-04__item-01 {
  position: relative;
  width: 100%;
  max-width: var(--container-sec04-item01);
  padding: 0;
  margin: 0 auto;
}
.about-sec-04__item-01--card {
  display: flex;
  flex-direction: var(--flex-direction-sec04-item01-card);
  justify-content: space-between;
  gap: var(--gap-sec04-item01-card);
  margin: var(--mg-sec04-item01-card);
}
.about-sec-04__item-01--card-text {
  width: var(--width-sec04-item01-card-text);
  font-size: var(--fs-sec04-item01-card-text);
  font-weight: var(--fw-medium);
  text-align: var(--ta-sec04-item01-card-text);
  line-height: 1.5;
  letter-spacing: 0.2em;
  display: flex;
  justify-content: var(--justify-content-sec04-item01-card-text);
  margin-top: var(--mt-sec04-item01-card-text);
}
.about-sec-04__item-01--card-image {
  width: var(--width-sec04-item01-card-image);
}
.about-sec-04__item-02 {
  width: min(100%, var(--container-small) + var(--container-padding-sp-fullsize));
  padding: 0 var(--pd-beside-sp-fullsize);
  margin: 0 auto;
}
.about-sec-04__item-02__bg {
  width: var(--width-sec04-item02-bg);
  aspect-ratio: var(--aspectratio-sec04-item02-bg);
  background: var(--color-primary);
  margin-top: var(--mt-sec04-item02-bg);
}
.about-sec-04__item-03 {
  position: relative;
  width: min(100%, var(--container-middle) + var(--container-padding-sp-fullsize));
  padding: 0 var(--pd-beside-sp-fullsize);
  margin: var(--mt-sec04-item03) auto 0;
}
.about-sec-04__item-03-card {
  width: var(--width-sec04-item03-card);
  margin: var(--mg-sec04-item03-card);
}
.about-sec-04__item-03-card--text {
  font-size: var(--fs-sec04-item03-card-text);
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: var(--ta-sec04-item03-card-text);
  margin: var(--mt-sec04-item03-card-text) 0 0 auto;
}
.about-sec-05 {
  margin-top: var(--mg-sec05);
}
.about-sec-05__inner {
  width: min(100%, var(--container-ex-small) + var(--container-padding-sp-fullsize));
  padding: 0 var(--pd-beside-sp-fullsize);
  background: var(--color-bg-sec05);
  margin: 0 auto;
}
.about-sec-05__item {
  display: flex;
  flex-direction: var(--flex-direction-sec05-item);
  gap: var(--gap-sec05-item);
  transform: var(--transform-sec05-item);
}
.about-sec-05__item--image {
  width: var(--width-sec05-item-image);
}
.about-sec-05__item--text {
  font-size: var(--fs-sec05-item-text);
  text-align: var(--ta-sec05-item-text);
  line-height: 1.5;
  letter-spacing: 0.2em;
  font-weight: var(--fw-medium);
  margin-top: var(--mt-sec05-item-text);
}
/*# sourceMappingURL=style_about.css.map */