@charset "utf-8";

.aio_anker {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  max-width: 1344px;
  width: 90%;
  margin: 0 auto var(--space-60);
  li {
    text-align: center;
    width: calc((100% / 3) - 1em);
    a {
      display: flex;
      justify-content: center;
      align-items: center;
      background: var(--sky-blue);
      min-height: 50px;
      border-radius: 50px;
      font-size: var(--font-14);
      line-height: 1.25;
      position: relative;
      padding: .5em 2em;
      height: 100%;
      &::after {
        content: "";
        background: url(../../common/img/arrow_red.svg) no-repeat center/cover;
        width: 8px;
        height: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        right: 30px;
        transition: .2s;
      }
      &:hover::after{
        transition: .2s;
        top: 60%;
      }
    }
  }
  @media screen and (max-width: 767px){
    li {
      width: calc((100% / 2) - 1em);
      a::after {
        right: 15px;
      }
    }
  }
}

.plus_list {
  background: var(--sky-blue);
  font-size: var(--font-20);
  font-weight: bold;
  line-height: 2;
  padding: 2em;
  border-radius: 20px;
  @media screen and (max-width: 767px){
    padding: 1em;
  }
}

.aio_section {
  border: 3px solid var(--sky-blue);
  border-radius: 20px;
  padding: 1.5em;
  margin-top: 4em;
  display: flex;
  flex-direction: column;
  gap: 2em;
  h3 {
    border-radius: 10px;
    background: var(--sky-blue);
    padding: 1em 2em;
  }
  @media screen and (max-width: 767px){
    padding: 1em;
    gap: 1em;
  }
}
.red_txt {
  margin-left: 5em;
  color: #FFF;
  background: var(--red);
  display: inline-flex;
  padding: .2em .5em;
  @media screen and (max-width: 767px){
    margin-left: 1em;
    font-size: var(--font-14);
    padding: 0 .5em;
    text-indent: 0;
  }
}
.last_box {
  background: var(--sky-blue);
  border-radius: 20px;
  padding: 2em 3em;
  p {
    font-weight: bold;
    margin-top: 1.5em;
  }
  @media screen and (max-width: 767px){
    padding: 1.5em;
  }
}