@charset "UTF-8";
.container .three-col{
  margin-bottom: 14vw;
}
.container .three-col ul li a{
  position: relative;
  display: block;
}
.container .three-col ul li a::after{
  content: url(../../images/arrow.svg);
  position: absolute;
  width: 54px;
  height: 11px;
  right: 0;
}
.container .three-col ul ul{
  padding-left: 30px;
  margin-top: 40px;
}
.container .three-col ul ul li a{
  position: relative;
}
.container .three-col ul ul li a::before {
  position: absolute;
  content: '';
  width: .5em;
  height: .5em;
  background: #00B29A;
  border-radius: 2px;
  margin-right: .5em;
  left: -16px;
  top: 40%;
}
.container h1 {
  background-image: url(../images/title_sp.webp);
}
@media only screen and ( max-width : 768px ) {
  .wrapper{
    padding: 0 4vw;
  }
  .container .three-col ul li a{
    padding: 4vw 0;
    margin-bottom: 8vw;
  }
  .container .three-col ul ul{
    margin-top: 8vw;
  }
}
@media only screen and ( min-width : 769px ) {
  .container h1 {
    background-image: url(../images/title_pc.webp);
  }
  .container .three-col{
    justify-content: space-between;
    margin-bottom: 140px;
  }
  .container .three-col ul{
    width:calc(33.333% - 80px);
  }
  .container .three-col ul li a{
    margin-bottom: 40px;
  }
  .container .three-col ul ul{
    width:100%;
    box-sizing: border-box;
  }

}