@charset "UTF-8";

/* Link
------------------------------------- */
.link {
  width: 100vw;
  height: auto;
  background-color: #E8E8E8;
}

.link_items {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  padding: 7vh 0;
}

.link_parts {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.link_parts p {
  font-size: 1.3vw;
}

@media screen and (max-width: 1024px) {
  .link_parts p {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 599px) {
  .link_parts p {
    font-size: 2vw;
  }
}

.link_items_bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #FFFFFF;
  box-shadow: 0 0.2vw 1vw rgba(0,0,0,0.5);
  border-radius: 0.7vw;
  width: 60vw;
  height: 10vh;
  margin: 3vh 0;
}

@media screen and (max-width: 1024px) {
  .link_items_bg {
    height: 7vh;
    border-radius: 1vw;
  }
}

.link_items_bg:hover {
  box-shadow: 0.1vw 0.4vw 2vw rgba(0,0,0,0.5);
}

.link_el_parts {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.link_el_parts img {
  width: 3.5vw;
  margin: 1vh 1vw;
}

@media screen and (max-width: 1024px) {
  .link_el_parts img {
    width: 6.5vw;
    margin: 1vh 2vw;
  }
}

@media screen and (max-width: 599px) {
  .link_el_parts img {
    width: 7vw;
  }
}

.link_el_parts p {
  font-size: 1.5vw;
}

@media screen and (max-width: 1024px) {
  .link_el_parts p {
    font-size: 2vw;
  }
}

@media screen and (max-width: 599px) {
  .link_el_parts p {
    font-size: 3vw;
  }
}