@charset "UTF-8";
section#sitemap{
    background-color: #fff;
}
#sitemap{

}
h1.sitemap_t {
    margin-bottom: 0;
    color: #3B9175;
}
h1.sitemap_t::after {
    background: none;
    content: none;
}
section#sitemap.container{

}
section#sitemap ul{
 font-size: 20px;
    margin: 2em auto;
    width: 72%;
}
section#sitemap ul li a {
  font-size: 18px;
  line-height: 3em;
  display: inline-block; /* transform のために必要 */
  transform: translateX(0);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), color 0.4s ease;
  color: #333; /* 通常色 */
  text-decoration: none;
}

section#sitemap ul li a:hover {
  transform: translateX(7px);
  color: #007acc; /* 任意のアクセントカラーに変更可能 */
}
section#sitemap ul li{
    border-bottom: 1px solid #33B482;
}
section#sitemap ul h3{
    border-bottom: 1px solid #33B482;
   margin-top: 3em;
    line-height: 3em;
  }
.link_title{}
span.arrow_a{
	margin-left: 1em;
}
.move-right {
  display: inline-block; /* アニメーションのために必要 */
    transform: translateX(0); /* ← 初期位置を明示的に指定 */
 transition: transform 0.8s ease-out;
 /* 加速なしで一定速度 */
}
path {
    fill: #3B9175;
}

.move-right:hover {
  transform: translateX(7px); /* 右に7px動く */
}
/*SPサイズ*/
@media screen and (max-width: 767px) {
h1.sitemap_t {
    margin-bottom: 2vh;
    padding-bottom: 0;
    font-size: 2rem;
}
section#sitemap ul{
 font-size: 0.9rem;
     padding-inline-start: 0em;
    width: 93%;
}
section#sitemap ul li a {
  font-size: 0.95rem;
  line-height: 1.6;
  padding: 1vh 1em;
}

section#sitemap ul li a:hover {
  transform: translateX(7px);
  color: #007acc; /* 任意のアクセントカラーに変更可能 */
}
section#sitemap ul li{
    border-bottom: 1px solid #33B482;
}
section#sitemap ul h3{3B482;
   margin-top: 2em;
    line-height: 3em;
  }


}