@charset "UTF-8";

:root {
  --sw: calc(100vw - 100%);
}
/* ---------------------------------------- */
/* mobile / tate -------------------------- */
/* ---------------------------------------- */
.fukidashi {
  display: flex;
  justify-content: center;
}
.equilateral-triangle {
	border-bottom: 36px solid #fff;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
}
.about-atago-groupe p {
  margin-bottom: 24px;
}
/* --- ▼▼▼ zu ▼▼▼ --- */
.atago-groupe-diagram {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*////*/
  background-image: url("../image/groupe-diagram_t.svg");
}
.atago-groupe-diagram__box {
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 4px 4px 8px 0 rgba(14, 33, 63, 0.2);
  /*////*/
  width: calc((((100vw - (var(--sw))) - 48px) / 69) * 20);
}
.atago-groupe-diagram__box img {
  width: 100%;
  height: auto;
}
.atago-groupe-diagram__spase {
  width: calc((((100vw - (var(--sw))) - 48px) / 69) * 4.5);
}
@media screen and (max-width:599px){
  .atago-groupe-diagram div:nth-child(1),
  .atago-groupe-diagram div:nth-child(7) {
    margin-bottom: calc((((100vw - (var(--sw))) - 64px) / 28) * 2);
  }
  .atago-groupe-diagram div:nth-child(8) {
    width: calc((((100vw - (var(--sw))) - 48px) / 69) * 29);
  }
  .atago-groupe-diagram div:nth-child(6),
  .atago-groupe-diagram div:nth-child(10) {
    display: none;
  }
}
/* --- ▲▲▲ zu ▲▲▲ --- */
.atago-groupe-leader {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 48px 24px 0px;
}
.atago-groupe-leader__item {
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
}
.atago-groupe-leader__item:last-child {
  display: none;
}
.atago-groupe-leader__item img {
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
.atago-groupe-leader__item h3 {
  font-size: 20px;
  margin-bottom: 8px;
}
.atago-groupe-leader__item p {
  line-height: 1.5em;
  text-align: justify;
}
.leader-name {
  margin-top: 1em;
  margin-bottom: 2em;
}
.go-location {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
.go-location a {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.go-location a:hover {
  color: #aaa;
}
.more-info__txt {
  padding-bottom: 4px;
}
.atago-office {
  margin-bottom: 40px;
}
.map {
  width: 100%;
  height: auto;
  margin-bottom: 16px;
  background: #888;
  border: 1px solid #ddd;
}
.office-name {
  margin-bottom: 1em;
  font-size: 20px;
  line-height: 1.4em;
}
.office-address {
  border-top: 1px solid #fff;
  margin-top: .8em;
  padding-top: .5em;
  line-height: 1.4em;
}
/* ---------------------------------------- */
/* tablet / yoko -------------------------- */
/* ---------------------------------------- */
@media screen and (min-width:600px){
  .about-atago-groupe p {
    padding-right: 27%;
    margin-bottom: 64px;
    text-align: justify;
  }
  .atago-groupe-leader {
    padding: 64px 24px 0px;
  }
  .atago-groupe-leader__item {
    width: calc((100% - 24px) / 2);
    margin-bottom: 64px;
  }
  /* --- ▼▼▼ zu ▼▼▼ --- */
  .atago-groupe-diagram {
    background-image: url("../image/groupe-diagram_yg.svg");
  }
  .atago-groupe-diagram__box {
    box-shadow: 4px 4px 8px 0 rgba(14, 33, 63, 0.2);
    width: calc((((100vw - (var(--sw))) - 64px) / 28) * 5.5);
  }
  .atago-groupe-diagram__spase {
    width: calc((((100vw - (var(--sw))) - 64px) / 28) * 2);
  }
  .atago-groupe-diagram div:nth-child(1) {
    margin-bottom: calc((((100vw - (var(--sw))) - 64px) / 28) * 5.6);
  }
  .atago-groupe-diagram div:nth-child(8){
    display: none;
  }
  /* --- ▲▲▲ zu ▲▲▲ --- */
}
/* ---------------------------------------- */
/* PC / yoko ------------------------------ */
/* ---------------------------------------- */
@media screen and (min-width:1024px){
  .atago-groupe-leader__item {
    width: calc((100% - 48px) / 3);
  }
  .atago-groupe-leader__item:last-child {
    display: block;
  }
  .atago-office {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
  }
  .atago-address {
    width: calc(100% - 674px);
  }
  .map {
    width: 650px;
    height: 400px;
    margin-bottom: 0;
  }
}
/* ---------------------------------------- */
/* disktop PC / yoko ---------------------- */
/* ---------------------------------------- */
@media screen and (min-width:1400px){
  .atago-groupe-diagram__box {
    width: 275px;
    padding: 8px;
  }
  .atago-groupe-diagram__spase {
    width: 100px;
  }
  .atago-groupe-diagram div:nth-child(1) {
    margin-bottom: 280px;
  }
  .atago-groupe-leader {
    padding: 96px 0px;
  }
}
.interior {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #444;
  display: flex;
  flex-wrap: wrap;
}
.interior-photo {
  width: calc(100% / 3);
  height: calc((100vw / 48) * 9);
  background-size: cover;
  background-position: center center;
}
.interior-photo__img01 { background-image: url("../image/interior-photo01.jpg"); }
.interior-photo__img02 { background-image: url("../image/interior-photo02.jpg"); }
.interior-photo__img03 { background-image: url("../image/interior-photo03.jpg"); }
.interior-photo__img04 { background-image: url("../image/interior-photo04.jpg"); }
.interior-photo__img05 { background-image: url("../image/interior-photo05.jpg"); }
.interior-photo__img06 { background-image: url("../image/interior-photo06.jpg"); }

@media screen and (max-width:599px){
.interior-photo {
  width: calc(100% / 2);
  height: calc((100vw / 6) * 2);
}
}