@charset "UTF-8";
:root {
  --dt: 0;
  --dd: 0;
}

.pageTtl {
  text-align: center;
}

.secAbout {
  padding: 0.8571em 0 4.1429em;
}
@media screen and (min-width: 768px) {
  .secAbout {
    --innerMax: 800px;
    padding: 1.4286em 0 4.2857em;
  }
}
.secAbout__ttl {
  margin-bottom: 4.4444em;
  font-size: var(--fsz18);
  --lh: 1.8;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .secAbout__ttl {
    margin-bottom: 3.25em;
    font-size: var(--fsz24);
  }
}
.secAbout__txtWrap p + p {
  margin-top: 2em;
}

.secPhilosophy {
  padding: 1.4286em 0 2.2857em;
}
@media screen and (min-width: 768px) {
  .secPhilosophy {
    --innerMax: 800px;
    padding: 0 0 5.1429em;
  }
}
.secPhilosophy__ttl {
  margin-bottom: 2.2143em;
  display: flex;
  align-items: center;
  grid-gap: 1.1429em;
}
.secPhilosophy__ttl .en {
  font-size: var(--fsz24);
  --lh: 1;
}
.secPhilosophy__ttl .jp {
  font-size: var(--fsz12);
}

.imageArea {
  width: 100%;
  padding: 3.5714em 0 0;
}
.imageArea__img {
  max-width: 400px;
  margin: 0 auto 2.8571em;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .imageArea__img {
    max-width: 100%;
    margin-bottom: 7.8571em;
  }
}
.imageArea__bg {
  width: 100%;
}

.secProfile {
  padding: 0.3571em 0 3.7857em;
}
@media screen and (min-width: 768px) {
  .secProfile {
    padding: 2.3571em 0 7.1429em;
  }
}
.secProfile__ttl {
  margin-bottom: 2.85em;
  font-size: var(--fsz20);
  --ls: 0;
  --lh: 1;
}
@media screen and (min-width: 768px) {
  .secProfile__ttl {
    margin-bottom: 2.9em;
  }
}
.secProfile__name {
  margin-bottom: 2.1429em;
  --ls: 0;
  --lh: 1;
  display: flex;
  align-items: center;
  grid-gap: 1.2143em;
}
.secProfile__name .jp {
  font-size: var(--fsz20);
}
.secProfile__name .en {
  font-size: var(--fsz12);
}
.secProfile__name .title {
  --ls: 0.2em;
  --lh: 2;
}
.secProfile__name .title::before {
  content: "/ ";
}
@media screen and (min-width: 768px) {
  .secProfile__name .jp {
    font-size: var(--fsz22);
  }
}
@media screen and (min-width: 1024px) {
  .secProfile__name {
    margin-bottom: 4.1429em;
  }
}
.secProfile__row {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 4.2857em;
}
.secProfile__row .order-1 {
  order: 1;
}
@media screen and (min-width: 768px) {
  .secProfile__row {
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    grid-gap: 0;
  }
}
.secProfile__img {
  display: contents;
}
.secProfile__img img {
  width: 100%;
  max-width: 400px;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .secProfile__img {
    width: 30%;
    max-width: 404px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 3.5714em;
    flex-shrink: 0;
  }
  .secProfile__img img {
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .secProfile__img {
    width: 33.6667%;
  }
}
.secProfile__txtBlk {
  display: contents;
}
@media screen and (min-width: 768px) {
  .secProfile__txtBlk {
    width: 66.3333%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 3.9286em;
  }
}
.secProfile__txtWrap {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .secProfile__txtWrap {
    padding-left: clamp(20px, 2.6vw, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .secProfile__txtWrap {
    padding-left: 2.1429em;
  }
}
@media screen and (min-width: 1200px) {
  .secProfile__txtWrap {
    padding-left: 2.8571em;
  }
}
@media screen and (min-width: 1440px) {
  .secProfile__txtWrap {
    padding-left: 4.8571em;
  }
}
.secProfile__data {
  width: 100%;
  padding-left: 1.7143em;
  border-left: 1px solid #D6D2CB;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.secProfile__data dt {
  font-weight: 400;
}
.secProfile__data dd {
  white-space: nowrap;
}
.secProfile__data--history dt {
  font-size: var(--fsz21);
  --ls: 0;
}
.secProfile__data--history dd:not(:last-child) {
  margin-bottom: 0.7143em;
}
.secProfile__data--overview dt {
  margin-bottom: 0.5714em;
}
.secProfile__data--overview dt.en {
  font-size: var(--fsz18);
  --lh: 2;
}
.secProfile__data--overview dd:not(:last-child) {
  margin-bottom: 1.2857em;
}
@media screen and (min-width: 768px) {
  .secProfile__data {
    width: 100%;
    margin-left: auto;
    flex-direction: row;
    flex-wrap: wrap;
    --dd: calc(100% - var(--dt));
  }
  .secProfile__data dt {
    width: var(--dt);
  }
  .secProfile__data dd {
    width: var(--dd);
  }
  .secProfile__data--history {
    --dt: 70px;
    padding-left: 1.4286em;
    align-items: center;
    grid-gap: 0.7857em 0;
  }
  .secProfile__data--history dd:not(:last-child) {
    margin-bottom: 0;
  }
  .secProfile__data--overview {
    --dt: 130px;
    align-items: flex-start;
    grid-gap: 1.2857em 0;
  }
  .secProfile__data--overview dt {
    margin-bottom: 0;
  }
  .secProfile__data--overview dd:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .secProfile__data dd {
    white-space: pre-wrap;
  }
}
@media screen and (min-width: 1024px) {
  .secProfile__data {
    width: calc(100% - 20px);
    padding-left: 2.8571em;
  }
  .secProfile__data--history {
    --dt: 84px;
  }
  .secProfile__data--overview {
    --dt: 140px;
  }
}
@media screen and (min-width: 1200px) {
  .secProfile__data {
    width: calc(100% - 40px);
    padding-left: 4.2857em;
  }
  .secProfile__data--overview {
    --dt: 170px;
  }
}
@media screen and (min-width: 1440px) {
  .secProfile__data {
    padding-left: 5.5714em;
  }
}
.secProfile__corp {
  margin-bottom: 2.8889em;
  font-size: var(--fsz18);
  --lh: 1.6;
}
@media screen and (min-width: 768px) {
  .secProfile__corp {
    font-size: var(--fsz15);
  }
}
@media screen and (min-width: 1024px) {
  .secProfile__corp {
    margin-bottom: 3.5333em;
  }
}

.secCorp {
  padding: 1.4286em 0 2.1429em;
}
@media screen and (min-width: 768px) {
  .secCorp {
    padding: 2.1429em 0 5.1429em;
  }
}
.secCorp__ttl {
  margin-bottom: 1.2222em;
  font-size: var(--fsz18);
  --lh: 1.6;
}
@media screen and (min-width: 768px) {
  .secCorp__ttl {
    margin-bottom: 2.65em;
    font-size: var(--fsz20);
  }
}
.secCorp__imgs {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.4286em;
}
@media screen and (min-width: 768px) {
  .secCorp__imgs {
    grid-gap: 5.7143em;
  }
}

.secOffice {
  padding: 0.3571em 0 0;
}
.secOffice__ttl {
  margin-bottom: 1.25em;
  font-size: var(--fsz16);
  --ls: 0;
  --lh: 1;
}
@media screen and (min-width: 768px) {
  .secOffice__ttl {
    margin-bottom: 1.0625em;
  }
}
.secOffice__mapWrap {
  width: 100%;
  height: 40.7143em;
}
.secOffice__map {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}