@charset "UTF-8";

/*-------------MV高さ調整-------------*/
@media screen and (max-width: calc(125vh)) {
body.index main {
    transform: translateY(calc(100vw / (5/4)));
}
}


/*--アイコンリンク--*/
#icon_list + section{
  background-color: #fff;
}

.banner_list  .banners {
  display:flex;
  justify-content: space-evenly;
  align-items: center;
}

.banner_list  .banners .banner{
  position: relative;
  width: calc(100% / 5 - 2%);
  list-style: none;
  padding:0;
}

.banners .banner::before{
    content: "";
    background-image: url(/common/upload_data/nikkensoshacojp/image/20230627143312.png);
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    left: -43%;
    top: 50%;
    height: 3px;
    width: 80%;
    transform: translateX(-5px) translateY(-50%) rotate(90deg);
}

.banner_list .banners .banner:last-of-type::after{
    content: "";
    background-image: url(/common/upload_data/nikkensoshacojp/image/20230627143312.png);
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    right: -43%;
    top: 50%;
    height: 3px;
    width: 80%;
    transform: translateX(5px) translateY(-50%) rotate(90deg);
}

.banners .banner a{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease-in-out;
}

.banners .banner a:hover{
  opacity:.7;
}

.banners .banner a svg{
  width: 50%!important;
  height: auto!important;
  fill: #023E4D!important;
}

.banners .banner a path{
  fill: #023E4D!important;
}

.banners .banner a p{
  color: #333333;
  font-weight: bold;
}


@media screen and (max-width:768px){
  #icon_list + section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .banners .banner a p {
    font-size: max(12px , 2vw);
  }

  .banners .banner::before{
    left: -39%;
  }

  .banner_list .banners .banner:last-of-type::after{
    right: -39%;
  }

}

@media screen and (max-width:500px){
  #icon_list + section {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #icon_list + section .content_wrapper{
    padding: 0 5px;
  }

  .banners .banner a p {
    letter-spacing: -0.1em;
  }

  .banners .banner::before{
    left: -36%;
  }

  .banner_list .banners .banner:last-of-type::after{
    right: -36%;
  }

  .banners .banner a p {
    font-size: max(10px , 2vw);
  }

}