@charset "UTF-8";



/*-------------------------------------------------
.mv-under
------------------------------------------------*/
.company .mv-under {
  background-image: url(../img/company/mv-bg.webp);
}



/*-------------------------------------------------
.profile
------------------------------------------------*/
.company .profile .row {
  display: flex;
  flex-wrap: wrap;
  padding-block: 26px;
  border-block-start: 1px solid var(--clr-lightgray);
}
.company .profile .row:last-child {
  /* border-block-end: 1px solid var(--clr-lightgray); */
}
.company .profile .row dt {
  flex: 0 0 100%;
  line-height: 1.8;
}
.company .profile .row dd {
  flex: 0 0 100%;
  margin-block-start: .8em;
  line-height: 1.8;
}
.company .profile .row dd .lists {
  display: flex;
  flex-wrap: wrap;
  row-gap: .6em;
}
.company .profile .row dd .lists li {
  position: relative;
  line-height: 1.8;
}
.company .profile .row dd .lists li:not(:last-of-type)::after {
  content: '|';
  color: var(--clr-txt-lightgray);
  padding-inline: 1em;
}

@media (width >= 520px) {
  .company .profile .row {
    padding-block: 30px;
  }
}

@media (width >= 769px) {
  .company .profile .row {
    padding-block: 36px;
  }
}

@media (width >= 960px) {
  .company .profile .row {
    padding-block: 40px;
  }
  .company .profile .row dt {
    flex: 0 0 20%;
  }
  .company .profile .row dd {
    flex: 0 0 calc(80% - 30px);
    margin-block-start: 0;
    margin-left: 30px;
  }
}



/*-------------------------------------------------
.map
------------------------------------------------*/
.company .map {
  margin-inline: calc(50% - 50vw);
  padding-inline: calc(50vw - 50%);
  margin-block-start: 60px;
}
.company .map iframe {
	inline-size: 100%;
	aspect-ratio: 16/9;
  height: 380px;
}

@media (width >= 520px) {
  .company .map {
    margin-block-start: 80px;
  }
  .company .map iframe {
    height: 420px;
  }
}

@media (width >= 769px) {
  .company .map {
    margin-block-start: 100px;
  }
  .company .map iframe {
    height: 480px;
  }
}

@media (width >= 960px) {
  .company .map {
    margin-block-start: 120px;
  }
  .company .map iframe {
    height: 540px;
  }
}




/*-------------------------------------------------
.bn-contact
------------------------------------------------*/
.company .bn-contact {
  margin-block-start: 0;
}