@charset 'utf-8';
/* ======================================================
CSS information

 File Name  : company.css
 Style Info : 「会社情報」のCSS
====================================================== */

#philosophy-block .text-box {
  padding: 2rem;
  background: rgb(0 164 151 / .05);
  border: 5px solid rgb(0 164 151 / .5);
}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #philosophy-block .text-box {
    padding: 3rem;
  }

}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #philosophy-block .text-box {
    padding: 4rem;
  }

}

#philosophy-block .text-box p {
  line-height: 1.8;
  color: var(--basecolor3);
  font-size: 1.8rem;
  font-weight: 600;
}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #philosophy-block .text-box p {
    line-height: 1.9;
    font-size: 1.9rem;
    text-align: center;
  }

}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #philosophy-block .text-box p {
    line-height: 2;
    font-size: 2rem;
  }

}

#greeting-block > .text-box > p {
  line-height: 1.8;
  margin-bottom: 2rem;
  width: min(100%, 1000px);
}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #greeting-block > .text-box > p {
    line-height: 2;
  }

}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #greeting-block > .text-box > p {
    line-height: 2.2;
  }

}

#greeting-block > .text-box > p:last-child {
  margin-bottom: 0;
}

#greeting-sign {
  margin-top: 4rem;
  text-align: right;
}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #greeting-sign {
    margin-top: 5rem;
  }

}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #greeting-sign {
    margin-top: 6rem;
  }

}

#greeting-sign {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  font-size: 1.3rem;
}

#greeting-sign > span {
  letter-spacing: .1rem;
  font-size: 1.8rem;
  font-weight: 700;
}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #outline-list.grid {
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    align-items: start;
    gap: 6rem;
  }

}

#outline-list.grid {
  display: grid;
  gap: 3rem;
}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #outline-list.grid {
    gap: 5rem;
  }

}

#outline-list.grid > .img-box {
  display: flex;
  gap: 2rem;
}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #outline-list.grid > .img-box {
    gap: 3rem;
  }

}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #outline-list.grid > .img-box {
    flex-direction: column;
  }

}

#outline-list.grid > .img-box figcaption {
  margin-top: .5rem;
  font-size: 1.4rem;
  text-align: center;
  opacity: .8;
}

#outline-list.grid .cell:first-child {
  padding-top: 3rem;
}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #outline-list.grid .cell:first-child {
    padding-top: 4rem;
  }

}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #outline-list.grid .cell {
    padding-block: 3rem;
  }

}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #outline-list.grid .cell {
    padding-block: 4rem;
  }

}

#outline-list.grid .cell:last-child {
  border-bottom: solid 1px var(--border-color);
}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #outline-list.grid .cell:last-child {
    padding-right: 0;
  }

}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #outline-list.grid .cell {
    border-bottom: solid 1px var(--border-color);
  }

}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #outline-list.grid .grid-table .cell:last-child {
    padding-left: 3rem;
  }

}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #outline-list.grid .grid-table .cell:last-child {
    padding-left: 4rem;
  }

}

#outline-list.grid .row:first-child .cell:first-child {
  border-top: solid 1px var(--border-color);
}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #outline-list.grid .row:first-child .cell {
    border-top: solid 1px var(--border-color);
  }

}

#access-block .gmap-title {
  margin-bottom: 2rem;
  font-weight: 700;
  opacity: .8;
}

#access-block .wrap-gmap:not(:last-child) {
  margin-bottom: 3rem;
}

/* 768px～（タブレット）
------------------------------------*/
@media (min-width: 768px) {

  #access-block .wrap-gmap:not(:last-child) {
    margin-bottom: 4rem;
  }

}

/* 960px～（パソコン）
------------------------------------*/
@media (min-width: 960px) {

  #access-block .wrap-gmap:not(:last-child) {
    margin-bottom: 5rem;
  }

}