@charset "UTF-8";

/* overwrite */
.m-headline-type2{
  word-break: break-word;
  overflow-wrap: break-word;
}
.m-headline-type3{
  word-break: break-word;
  overflow-wrap: break-word;
}
.m-headline-type4{
  word-break: break-word;
  overflow-wrap: break-word;
}
.m-headline-type5{
  word-break: break-word;
  overflow-wrap: break-word;
}

/* add module */
.m-headline--underline{
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  &::before{
    background-color: #e1e1e1;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}

.m-office-infomation{
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  .m-office-infomation-inner{
    display: flex;
    column-gap: 1rem;
    flex-wrap: wrap;
  }
  .m-office-infomation-item{
    display: flex;
    column-gap: 0.25rem;
    .m-office-info-title{
      flex-shrink: 0;
    }
    .m-office-info-term{
      flex-grow: 1;
      display: flex;
      column-gap: 1rem;
      flex-wrap: wrap;
    }
  }
}


.m-office-list {
  display: grid;
  margin-top: 45px;
  list-style: none;
  
  .m-office-list__item{
    h3,h4{
      margin: 0;
      font-size: 1rem;
    }
  }
}

.m-office-list>* {
  height: 100%
}

@media(max-width: 969px) {
  .m-office-list {
      gap:20px;
  }

  .m-office-list[data-column-sp] {
      display: grid
  }

  .m-office-list[data-column-sp=auto] {
      display: flex;
      flex-wrap: wrap
  }

  .m-office-list[data-column-sp=auto]>* {
      flex: 0 0 auto;
      max-width: 100%
  }

  .m-office-list[data-column-sp="1"] {
      grid-template-columns: repeat(1, 1fr)
  }

  .m-office-list[data-column-sp="2"] {
      grid-template-columns: repeat(2, 1fr)
  }

  .m-office-list[data-column-sp="3"] {
      grid-template-columns: repeat(3, 1fr)
  }

  .m-office-list[data-column-sp="4"] {
      grid-template-columns: repeat(4, 1fr)
  }

  .m-office-list[data-column-sp="5"] {
      grid-template-columns: repeat(5, 1fr)
  }

  .m-office-list[data-column-sp="6"] {
      grid-template-columns: repeat(6, 1fr)
  }
}

@media screen and (min-width: 970px) {
  .m-office-list {
      gap:20px;
  }

  .m-office-list[data-column-pc=auto] {
      display: flex;
      flex-wrap: wrap
  }

  .m-office-list[data-column-pc=auto]>* {
      flex: 0 0 auto;
      max-width: 100%
  }

  .m-office-list[data-column-pc="1"] {
      grid-template-columns: repeat(1, 1fr)
  }

  .m-office-list[data-column-pc="2"] {
      grid-template-columns: repeat(2, 1fr)
  }

  .m-office-list[data-column-pc="3"] {
      grid-template-columns: repeat(3, 1fr)
  }

  .m-office-list[data-column-pc="4"] {
      grid-template-columns: repeat(4, 1fr)
  }

  .m-office-list[data-column-pc="5"] {
      grid-template-columns: repeat(5, 1fr)
  }

  .m-office-list[data-column-pc="6"] {
      grid-template-columns: repeat(6, 1fr)
  }
}