li {
  list-style: none;
}

.individualHeader {
  height: 95px;
}

.title {
  margin: 45px 0px;
  text-align: center;
  letter-spacing: 5px;
  color: #c0c0c0;
}

.japTitle {
  text-align: center;
  margin-top: 75px;
  color: #808080;
  font-size: 3em;
  width: 100%;
}

.allSitemap {
  margin: 0 140px;
 }

.innerSitemap {
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}

.outerMap {
  width: fit-content;
  margin: 0 auto;
}

.oneStep,
.twoStep,
.threeStep {
  text-align: left;
}

.sitemapContent {
  width: 266px;
  height: 325px;
  display: inline-block;
  vertical-align: top;
  padding: 28px 60px;
}

.threeStep  .sitemapContent {
  height: 200px;
}

.twoStep .sitemapContent {
  height: 325px;
}

.subTitle {
  width: 168px;
  color: #57C3EA;
}

.subStyle {
  width: 4px;
  margin: 10px;
  border: 3px solid;
  vertical-align: middle;
  color: #57C3EA;
  background-color: #57C3EA;
}

.fontColor {
  color: #000000;
  text-decoration: none;
}

/* 右三角アイコン */
.triangleIcon {
  position: relative;
  padding-left: 22px;
}

.triangleIcon::before {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  background: #697b91;
  border-radius: 50%;
  margin-top: -7px;
}

.triangleIcon::after {
  width: 0;
  height: 0;
  position: absolute;
  content: '';
  top: 50%;
  left: 6px;
  border: solid 4px transparent;
  border-left: solid 6px #fff;
  margin-top: -3px;
}

.eachUl {
  white-space: nowrap;
  margin-left: 25px;
  margin-top: 10px;
  display: block;
}

.eachList {
  margin-top: 20px;
}

.eachList:hover {
  border-bottom: 3px solid #ffffff;
}

.footerArea {
  margin-top: 30px;
}
/***********************
スマホ用 str
************************/
@media screen and (max-width: 960px) {
  .allSitemap {
    margin: 0 25px;
  }

  .subTitle {
    width: 100%;
    color: #ffffff;
    background-color: #57C3EA;
  }

  .subStyle {
    border: none;
  }

  .sitemapContent {
    padding: 28px 20px;
    height: auto;
  }

  .sitemapContent:nth-child(1),
  .sitemapContent:nth-child(2),
  .sitemapContent:nth-child(4),
  .sitemapContent:nth-child(6),
  .sitemapContent:nth-child(7) {
    height: auto;
  }

  .sitemapContent:nth-child(4) {
    height: 170px;
  }

  .japTitle {
    font-size: 2em;
  }

  .oneStep,
  .twoStep,
  .threeStep {
    padding: 0 10px;
  }

  .twoStep .sitemapContent {
    height: auto;
  }

}
/***********************
スマホ用 end
************************/
