@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
:root{
  --jphacks-color: #47A4DC;
  --jphacks-color2:#2A79A8;
  --jphacks-accent-color: #CC0033;
  --jphacks-accent-color2:#FAE5EB;

}
html{
  scroll-behavior: smooth;
}
.font-note {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.font-avenir{
  font-family: Avenir, sans-serif;
}
.v2025__container{
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
}
.emp__txt{
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  width: fit-content;
  background-color: var(--jphacks-color);
}
.text__strong{
  color: var(--jphacks-accent-color);
}
.text__strong-jh{
  color: var(--jphacks-color);
}
.label__type1{
  background-color: var(--jphacks-accent-color);
  color: #fff;
  border-radius: 100px;
  height: 28px;
  font-size: 14px;
  padding: 0px 14px 2px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  @media screen and (max-width: 768px) {
    
    height: 6vw;
    font-size: 2.5vw;
    padding: 1vw 2vw 1vw;
  }
}
.label__type2{
  background-color: var(--jphacks-accent-color2);
  color: var(--jphacks-accent-color);
  border-radius: 100px;
  height: 27px;
  font-size: 14px;
  padding: 0px 14px 4px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  &::before{
    content: " ";
    aspect-ratio: 1 / 1;
    margin-right: 4px;
    margin-bottom: 0px;
    width: 14px;
    position: relative; 
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%23C03%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M2.591%204.274c-.083.17-.16.35-.235.538-.076.19-.161.363-.256.517-.264.446-.587.75-.9.96-.622.414-1.2.45-1.2.45v6.899h6.706V1.362c-1.747%200-3.188.984-4.115%202.912Zm2.846%207.944H1.269v-.507h4.168v.507Zm0-1.968H1.269v-.668h4.168v.668Zm0-2.129H1.269v-.286c.216-.1.438-.227.657-.382h3.511v.668Zm0-2.129H3.228c.104-.186.201-.387.288-.604l.023-.06.003-.004h1.895v.668Zm0-2.938v.81h-1.04a3.103%203.103%200%200%201%201.04-.81ZM12.8%206.289a2.937%202.937%200%200%201-.9-.96%203.398%203.398%200%200%201-.255-.517%208.19%208.19%200%200%200-.236-.538c-.926-1.928-2.367-2.912-4.114-2.912v12.276H14V6.74s-.579-.036-1.2-.45ZM8.565%203.054c.385.18.731.45%201.04.81h-1.04v-.81Zm0%202.27h1.895l.002.005.024.059c.086.217.183.418.287.604H8.564v-.668Zm4.168%206.894H8.564v-.507h4.168v.507Zm0-1.968H8.564v-.668h4.168v.668Zm0-2.129H8.564v-.668h3.51c.22.155.442.283.658.382v.286Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20.5h14v14H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  }
  @media screen and (max-width: 768px) {
    height: 6vw;
    font-size: 2.5vw;
    padding: 1vw 2vw 1vw;
    &::before{
      margin-right: 1vw;
      width: 2.8vw;
    }
  }
}

.v2025__primary__btn{
  display: flex;
  align-items: center;
  justify-content: center;
  a{
    display: flex;
    width: 100%;
    background-color: var(--jphacks-color2);
    color: #fff;
    font-size: 24px;
    height: 76px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: .3s ease;
    border-radius: 4px;
    &:hover{
      background-color: var(--jphacks-color);
      text-decoration: none;
    }
    span{
      &.icon__check{
        position: relative;
        padding-left: 58px;
        &::before{
          content: " ";
          position: absolute;
          width: 48px;
          left: 0;
          top:50%;
          translate: 0% -50%;
          aspect-ratio: 1 / 1;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100% auto;
          background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22a%22%20width%3D%2248%22%20height%3D%2248%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.9%2036.9%206.5%2024.5l3.4-3.4%209%209%2019.15-19.15%203.4%203.4L18.9%2036.9Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        }
      }
    }
  }
  @media screen and (max-width: 768px) {
    a{
      font-size: 5vw;
      height: 14vw;
      border-radius: 1vw;
      span.icon__check{
        padding-left: 9vw;
        &::before{
          width: 8vw;
        }
      }
    }
  }
}
.v2025-link-btn{
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 2px;
    font-size: 20px;
    height: 68px;
    border: 2px solid var(--jphacks-color);
    background-color: #fff;
    margin-top: 47px;
    color: var(--jphacks-color);
    transition: .3s ease;
    &:hover{
      background-color: var(--jphacks-color);
      color: #fff;
      text-decoration: none;
    }
  }
  @media screen and (max-width: 768px) {
    a{
      font-size: 5vw;
      height: 14vw;
      border-radius: 1vw;
    }
  }
}

.v2025__qa__list{
  list-style: none;
  max-width: 800px;
  padding-left: 0;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  
  display: flex;
  flex-direction: column;
  gap:64px;
  p{
    margin-bottom: 0;
  }
  .q__box{
    font-weight: 700;
    position: relative;
    padding-left: 90px;
    min-height: 62px;
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    p{
      font-size: 18px;
    }

    &::before{
      content: " ";
      left: 7px;
      width: 62px;
      aspect-ratio: 1 /1;
      position: absolute;
      background-repeat: no-repeat;
      background-size: 25px auto;
      background-color: #333333;
      border-radius: 100px;
      background-position: center;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2226%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.781%2024.125c-1.031.344-2.265.516-3.703.516-3%200-5.479-.896-7.437-2.688-2.375-2.156-3.563-5.323-3.563-9.5%200-4.208%201.219-7.39%203.656-9.547%201.99-1.76%204.464-2.64%207.422-2.64%202.98%200%205.48.932%207.5%202.796%202.334%202.157%203.5%205.172%203.5%209.047%200%202.053-.25%203.771-.75%205.157-.406%201.323-1.005%202.422-1.797%203.297l2.657%202.484-2.516%202.625-2.781-2.625c-.844.51-1.573.87-2.188%201.078Zm-1.031-4.156-2.328-2.219%202.484-2.594%202.328%202.219c.365-.75.62-1.406.766-1.969.23-.844.344-1.828.344-2.953%200-2.583-.532-4.578-1.594-5.984-1.052-1.417-2.594-2.125-4.625-2.125-1.906%200-3.427.677-4.563%202.031-1.135%201.354-1.703%203.38-1.703%206.078%200%203.156.813%205.417%202.438%206.781%201.052.886%202.312%201.328%203.781%201.328a6.19%206.19%200%200%200%201.594-.203c.281-.073.64-.203%201.078-.39Z%22%2F%3E%3C%2Fsvg%3E');
    }
  }
  .a__box{
    font-weight: 500;
    position: relative;
    background-color: #F7F7F7;
    padding: 21px 18px 21px 98px;
    border-radius: 8px;
    p{
      font-size: 16px;
      line-height: 30px;
    }
    
    &::before{
      content: " ";
      left: 18px;
      top:21px;
      width: 62px;
      aspect-ratio: 1 /1;
      position: absolute;
      background-repeat: no-repeat;
      background-size: 25px auto;
      background-color: var(--jphacks-color);
      border-radius: 100px;
      background-position: center;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.922%2019.266H7.437L5.845%2024H.812L9.033.969h5.437L22.625%2024h-5.219l-1.484-4.734Zm-1.344-3.97-2.875-9.062-2.969%209.063h5.844Z%22%2F%3E%3C%2Fsvg%3E');
    }
  }
  @media screen and (max-width: 768px) {
    font-size: 6vw;
    gap:12vw;
    .q__box{
      padding-left: 20vw;
      min-height: 20vw;
      margin-bottom: 4vw;
      p{
        font-size: 3.7vw;
      }
      &::before{
        left: 1vw;
        width: 16vw;
        background-size: 7vw auto;
      }
    }
    .a__box{
      padding: 4vw 8vw 4vw 24vw;
      border-radius: 2vw;
      p{
        font-size: 3.5vw;
        line-height: 6vw;
      }
      &::before{
        left: 4vw;
        top:4vw;
        width: 16vw;
        background-size: 7vw auto;
      }
    }
  }
}

.detail__top{
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  padding-bottom: 80px;
  p{
    font-size: 18px;
    line-height: 170%;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 47px;
  }
  .emp__txt{
    font-size: 24px;
    font-weight: 700;
    height: 56px;
    padding: 0 40px;
    align-self: center;

    &._min{
      font-size: 16px;
      font-weight: 500;
      height: 36px;
      z-index: 1;
    }
    
  }

  .emp__txt__main{
    font-family: Avenir, sans-serif;
    font-weight: 900;
    font-size: 120px;
    letter-spacing: -3px;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    margin: 0;
    padding-top: 19px;
    padding-bottom: 50px;
    background: linear-gradient(to right, #000000, #47A4DC); 
    -webkit-background-clip: text;   
    -webkit-text-fill-color: transparent; 
  }
  .video__wrap{
    position: relative;
    margin: 0 auto;
    margin-top: -18px;
    max-width: 800px;
    width: 100%;
    iframe{
      aspect-ratio: 16 / 9;
      width: 100%;
      border: none;
    }
  }
  @media screen and (max-width: 768px) {
    padding: 0 6vw 24vw;
    p{
      font-size: 3.8vw;
    }
    .emp__txt{
      font-size: 5vw;
      height: 13vw;
      padding: 0 6vw;
      &._min{
        font-size: 4vw;
        height: 10vw;
      }
    }
    .emp__txt__main{
      font-size: 13vw;
      padding-top: 6vw;
      padding-bottom: 10vw;
    }
  }
}

.schedule__detail__section{
  .v2025__container{
    max-width: 800px;
    margin: 0 auto;
  }
}

.detail__schedule{
  background: linear-gradient(0deg, #E5F2FA, #E5F2FA),
  linear-gradient(287.25deg, rgba(71, 164, 220, 0) 0%, rgba(71, 164, 220, 0.25) 99.68%);
  
  padding-bottom: 75px;
  .emp__txt{
    font-size: 24px;
    font-weight: 700;
    height: 58px;
    padding: 0 48px;
    align-self: center;
    margin: 0 auto;
    margin-top: -29px;
    margin-bottom: 20px;
  }
  @media screen and (max-width: 768px) {
    padding: 0 6vw 8vw;
    .emp__txt{
      font-size: 5vw;
      font-size: 5vw;
      height: 13vw;
      padding: 0 6vw;
      margin-top: -6.5vw;
      margin-bottom: 10vw;
    }
  }
}
.schedule__list{
  width: 640px;
  margin: 0 auto;
  ol{
    list-style: none;
    padding: 0;
  }
  a{
    position: relative;
    display: block;
    text-decoration: none !important;
    transition: .3s ease;
    &::after{
      transition: .3s ease;
      background-color: #212529;
      content: " ";
      width: 50px;
      position: absolute;
      right: 0;
      top:0;
      background-size: 23px auto;
      background-repeat: no-repeat;
      background-position: center;
      height: 100%;
      
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2214%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m1%201.25%2011.5%2011.5L24%201.25%22%2F%3E%3C%2Fsvg%3E');
    }
    &:hover{
      background-color: var(--jphacks-accent-color2);
      &::after{
        background-color: var(--jphacks-accent-color);
      }

    }
  }
  .v25__list{
    display: flex;
    flex-direction: column;
    gap:22px;
  }
  .v25__list__child{
    display: flex;
    flex-direction: column;
    gap:22px;
    padding-top: 22px;
    padding-left: 80px;
    position: relative;
    &::before{
      content: " ";
      width: 3px;
      background-color: #fff;
      position: absolute;
      left:46px;
      height: calc(100% + 22px);
      top:4px;
    }
    
    li{
      position: relative;
      &::before{
        content: " ";
        position: absolute;
        width: 18px;
        aspect-ratio: 1 / 1;
        background-color: #1F1F1F;
        top:50%;
        left:-41px;
        translate: 0% -50%;
        border-radius: 100px;
      }
      &::after{
        content: " ";
        position: absolute;
        top:50%;
        left: -12px;
        translate: 0% -50%;
        background-color: #fff;
        transition: .3s ease;
        width: 19px;
        aspect-ratio: 1 / 1;
        clip-path: polygon(0% 50%, 100% 0,100% 100%);
      }
      &:hover::after{
        background-color: var(--jphacks-accent-color2);
      }
    }

  }

  .v25__list__inner{
    background-color: #fff;
    padding: 18px;
    box-shadow: 0px 0px 10px 0px #00000026;
    
    h3{
      display: flex;
      color: #000;
      font-size: 20px;
      font-weight: 700;
      gap:7px;
      ._space{
        margin-left: 20px;
      }

    }
    p.date{
      position: relative;
      color: #666666;
      font-weight: 700;
      font-size: 16px;
      padding-left: 32px;
      margin-bottom: 0;
      &::before{
        content: " ";
        left: 0;
        top:-1px;
        position: absolute;
        width: 24px;
        height: 24px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22a%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23CCC%22%20d%3D%22M10.95%2018.35%207.4%2014.8l1.45-1.45%202.1%202.1%204.2-4.2%201.45%201.45-5.65%205.65ZM5%2022c-.55%200-1.02-.196-1.413-.587A1.926%201.926%200%200%201%203%2020V6c0-.55.196-1.02.587-1.412A1.926%201.926%200%200%201%205%204h1V2h2v2h8V2h2v2h1c.55%200%201.02.196%201.413.588.391.391.587.862.587%201.412v14c0%20.55-.196%201.02-.587%201.413A1.926%201.926%200%200%201%2019%2022H5Zm0-2h14V10H5v10ZM5%208h14V6H5v2Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
      }
    }
    &._award{
      background-color: #1F506D;
      &:hover{
        filter: brightness(1.2);
      }
      h3{
        color: #fff;
      }
      p.date{
        color: #fff;
        span{
          opacity: 0.5;
          padding-left: 10px;
          font-size: 11px;
        }
      }
    }
  }
  @media screen and (max-width: 768px) {
    width: 100%;
    a::after{
      width: 10vw;
      background-size: 5vw auto;
    }
    .v25__list{
      gap:6vw;
    }
    .v25__list__child{
      gap:6vw;
      padding-top: 6vw;
      padding-left: 14vw;
      &::before{
        width: 0.5vw;
        left:5.5vw;
        top:1vw;
      }
      li{
        &::before{
          width: 4vw;
          left:-10.2vw;
        }
        &::after{
          left: -3vw;
          width: 4vw;
        }
      }
    }
    .v25__list__inner{
      padding: 4vw 10vw 4vw 3vw;
      h3{
        font-size: 4vw;
        flex-wrap: wrap;
        ._space{
          margin-left: 1vw;
        }
      }
      p.date{
        font-size: 3.6vw;
        padding-left: 8vw;
        &::before{
          width: 6vw;
          height: 6vw;
          top:-0.2vw;
        }
      }
      &._award{
        p.date span{
          display:block;
          padding-top: 2vw;
          padding-left: 0;
          font-size: 3vw;
          padding-right: 2vw;
        }
      }
    }
  }
}

.detail__content{
  .ttl__box{
    display: flex;
    align-items: center;
    gap:22px;
  }
  .ttl__pre{
    font-size: 24px;
    margin-bottom: 15px;
  }
  .ttl__main{
    font-size: 64px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
  }
  .ttl__sub{
    font-size: 24px;
    height: 42px;
    line-height: 1;
    background-color: #000;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .desc__txt{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 160%;
  }
  @media screen and (max-width: 768px) {
    .ttl__box{
      gap:0vw;
      flex-direction: column;
      align-items: start;
    }
    .ttl__pre{
      font-size: 5vw;
      margin-bottom: 5vw;
    }
    .ttl__main{
      font-size: 14vw;
    }
    .ttl__sub{
      font-size: 5vw;
      height: 42px;
    }
    .desc__txt{
      font-size: 3.5vw;
    }
  }
}

.detail__entry{
  padding-top: 53px;
  background-color: #fff;
  padding-bottom: 60px;
  .ttl__box{
    padding-top: 57px;
  }
  h3{
    font-size: 24px;
    font-weight: 700;
    margin-top: 46px;
  }
  .desc__txt{
    padding-top: 32px;
  }

  ul{
    list-style: none;
    display: flex;
    width: 100%;
    gap:18px;
    padding: 0;
    margin-top: 27px;
    li{
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      font-weight: 700;
      border:1px solid var(--jphacks-color);
      border-radius: 4px;
      color: var(--jphacks-color);
      width: 100%;
      height: 79px;
    }
  }
  @media screen and (max-width: 768px) {
    padding: 10vw 6vw 8vw;
    .ttl__box{
      padding-top: 14vw;
    }
    h3{
      font-size: 5vw;
      margin-top: 8vw;
    }
    .desc__txt{
      padding-top: 6vw;
    }
    ul{
      gap:18px;
      margin-top: 3vw;
      li{
        font-size: 4vw;
        border-radius: 1vw;
        height: 20vw;
      }
    }
  }
}

.detail__learning{
  background-color: #F5F5F5;
  padding-bottom: 68px;
  padding-top: 82px;
  .desc__txt{
    padding-top: 20px;
  }
  h3{
    margin-top: 36px;
    font-weight: 700;
    padding-bottom: 12px;
    position: relative;
    width: fit-content;
    &::after{
      content: " ";
      width: calc(100% + 12px);
      height: 1px;
      background-color: #000;
      position: absolute;
      bottom: 0;
      left: 0;
    }
  }
  .attend__txt{
    margin-top: 11px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
  }
  ul{
    display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-top: 49px;
    gap:20px;
    li{
      overflow: hidden;
      border-radius: 8px;
    }
    .list__box{
      display: grid;
      grid-template-columns: 125px auto;
      .icon__box{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--jphacks-color);
        span{
          background-repeat: no-repeat;
          background-size:  100% auto;
          background-position: center;
          width: 64px;
          aspect-ratio: 1 / 1;
        }
      }
      .desc__box{
        padding: 23px 24px 23px 29px;
        background-color: #fff;
        h4{
          font-size: 24px;
          margin-bottom: 1px;
          line-height: 160%;
          font-weight: 700;
        }
        .list__ttl_min{
          font-size: 16px;
          margin-bottom: 0px;
          color: var(--jphacks-color);
          font-weight: 700;
        }
        .list__desc__txt{
          margin-top: 14px;
          font-size: 16px;
        }
      }
    }
    .icon_type1{
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2265%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22a%22%20width%3D%2264%22%20height%3D%2265%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%20.5h64v64H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.666%2053.833V43.167c0-1.29.456-2.39%201.367-3.3.91-.912%202.01-1.367%203.3-1.367h9.4c.755%200%201.477.189%202.166.566.69.378%201.278.9%201.767%201.567a13.228%2013.228%200%200%200%204.933%204.334c2%201.022%204.134%201.533%206.4%201.533%202.267%200%204.4-.511%206.4-1.533%202-1.023%203.667-2.467%205-4.334a5.516%205.516%200%200%201%201.734-1.567%204.259%204.259%200%200%201%202.133-.566h9.4c1.289%200%202.389.455%203.3%201.367.911.91%201.367%202.01%201.367%203.3v10.666H43.999V45.9a17.305%2017.305%200%200%201-5.5%203.4c-2.066.8-4.233%201.2-6.5%201.2-2.266%200-4.422-.4-6.466-1.2a18.23%2018.23%200%200%201-5.534-3.4v7.933H2.666ZM31.999%2042.5c-1.555%200-3.055-.367-4.5-1.1-1.444-.733-2.61-1.745-3.5-3.033a8.736%208.736%200%200%200-2.566-2.467%209.446%209.446%200%200%200-3.234-1.267c1.29-1.333%203.311-2.355%206.067-3.067%202.756-.71%205.333-1.066%207.733-1.066%202.4%200%204.99.355%207.767%201.067%202.778.71%204.811%201.733%206.1%203.066a9.446%209.446%200%200%200-3.233%201.267%208.737%208.737%200%200%200-2.567%202.467c-.889%201.288-2.056%202.3-3.5%203.033a9.954%209.954%200%200%201-4.567%201.1Zm-21.333-8.667c-2%200-3.722-.722-5.167-2.166C4.055%2030.221%203.333%2028.5%203.333%2026.5c0-2.045.722-3.778%202.166-5.2%201.445-1.422%203.167-2.134%205.167-2.134%202.044%200%203.778.712%205.2%202.134%201.422%201.422%202.133%203.155%202.133%205.2%200%202-.71%203.722-2.133%205.166-1.422%201.445-3.155%202.167-5.2%202.167Zm42.667%200c-2%200-3.722-.722-5.167-2.166-1.444-1.445-2.167-3.167-2.167-5.167%200-2.045.723-3.778%202.167-5.2%201.445-1.422%203.167-2.134%205.167-2.134%202.044%200%203.778.712%205.2%202.134%201.422%201.422%202.133%203.155%202.133%205.2%200%202-.711%203.722-2.133%205.166-1.422%201.445-3.156%202.167-5.2%202.167Zm-21.334-8c-2%200-3.722-.722-5.166-2.166-1.445-1.445-2.167-3.167-2.167-5.167%200-2.045.722-3.778%202.167-5.2%201.444-1.422%203.166-2.134%205.166-2.134%202.045%200%203.778.712%205.2%202.134%201.423%201.422%202.134%203.155%202.134%205.2%200%202-.711%203.722-2.134%205.166-1.422%201.445-3.155%202.167-5.2%202.167Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    }
    .icon_type2{
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22a%22%20width%3D%2264%22%20height%3D%2264%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h64v64H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M32.005%2015.067c-1.337%200-2.483-.476-3.438-1.428-.956-.952-1.434-2.097-1.434-3.433%200-1.337.476-2.484%201.428-3.44.952-.955%202.097-1.433%203.434-1.433%201.337%200%202.483.476%203.438%201.428.956.952%201.434%202.097%201.434%203.434%200%201.337-.476%202.483-1.428%203.438-.952.956-2.097%201.434-3.434%201.434Zm-7.205%2043.6V23.134H8v-4h48v4H39.2v35.533h-4V41.333h-6.4v17.334h-4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    }
    .icon_type3{
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22a%22%20width%3D%2264%22%20height%3D%2264%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h64v64H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M32%2058.667c-1.2%200-2.256-.29-3.167-.867-.911-.578-1.5-1.378-1.767-2.4h-.933c-1.067%200-2-.4-2.8-1.2-.8-.8-1.2-1.733-1.2-2.8v-9.533c-2.934-1.911-5.245-4.356-6.934-7.334-1.688-2.977-2.533-6.266-2.533-9.866%200-5.378%201.878-9.945%205.633-13.7C22.055%207.21%2026.622%205.333%2032%205.333c5.378%200%209.945%201.878%2013.7%205.634%203.756%203.755%205.634%208.322%205.634%2013.7%200%203.6-.845%206.889-2.534%209.866-1.688%202.978-4%205.423-6.933%207.334V51.4c0%201.067-.4%202-1.2%202.8-.8.8-1.733%201.2-2.8%201.2h-.933c-.267%201.022-.856%201.822-1.767%202.4-.911.578-1.967.867-3.167.867ZM26.132%2051.4h11.733v-2.933H26.133V51.4Zm0-5.6h11.733v-2.666H26.133V45.8Zm-.6-6.666h4.933V30l-6.133-6.133%202.066-2.067%205.6%205.6%205.6-5.6%202.067%202.067L33.533%2030v9.133h4.933c2.667-1.244%204.811-3.177%206.433-5.8%201.623-2.622%202.434-5.51%202.434-8.666%200-4.311-1.478-7.945-4.434-10.9C39.944%2010.81%2036.31%209.334%2032%209.334c-4.31%200-7.944%201.477-10.9%204.433-2.955%202.955-4.433%206.589-4.433%2010.9%200%203.155.811%206.044%202.433%208.666%201.623%202.623%203.767%204.556%206.434%205.8Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    }
    .icon_type4{
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22a%22%20width%3D%2264%22%20height%3D%2264%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h64v64H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30%2058.667V46H15.333L8%2038.667l7.333-7.334H30v-6H10.667V10.668H30V5.334h4v5.333h14.667L56%2018l-7.333%207.334H34v6h19.333V46H34v12.667h-4ZM14.667%2021.333H47L50.333%2018%2047%2014.667H14.667v6.667ZM17%2042h32.333v-6.666H17l-3.333%203.333L17%2042Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    }
    .icon_type5{
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22a%22%20width%3D%2264%22%20height%3D%2264%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h64v64H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.467%2045.4H36.8v-4H18.467v4Zm0-11.4h27.066v-4H18.467v4Zm0-11.4h27.066v-4H18.467v4ZM12%2056c-1.067%200-2-.4-2.8-1.2C8.4%2054%208%2053.067%208%2052V12c0-1.067.4-2%201.2-2.8C10%208.4%2010.933%208%2012%208h40c1.067%200%202%20.4%202.8%201.2.8.8%201.2%201.733%201.2%202.8v40c0%201.067-.4%202-1.2%202.8-.8.8-1.733%201.2-2.8%201.2H12Zm0-4h40V12H12v40Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    }
    .icon_type6{
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22a%22%20width%3D%2264%22%20height%3D%2264%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h64v64H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2034.667V13.333c0-1.466.522-2.722%201.567-3.766C10.61%208.522%2011.867%208%2013.333%208h16v26.667H8ZM34.667%208h16c1.466%200%202.722.522%203.766%201.567C55.478%2010.61%2056%2011.867%2056%2013.333V24H34.667V8Zm0%2048V29.333H56v21.334c0%201.466-.522%202.722-1.567%203.766C53.39%2055.478%2052.133%2056%2050.667%2056h-16ZM8%2040h21.333v16h-16c-1.466%200-2.722-.522-3.766-1.567C8.522%2053.39%208%2052.133%208%2050.667V40Zm5.333-10.667H24v-16H13.333v16ZM40%2018.667h10.667v-5.334H40v5.334Zm0%2016v16h10.667v-16H40ZM13.333%2045.333v5.334H24v-5.334H13.333Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    }
  }
  @media screen and (max-width: 768px) {
    padding: 10vw 6vw 8vw;
    .ttl__sub{
      margin-top: 2vw;
    }
    .desc__txt{
      padding-top: 6vw;
    }
    h3{
      font-size: 4.5vw;
      margin-top: 6vw;
      padding-bottom: 3vw;
      width: 100%;
      line-height: 160%;
      &::after{
        width: 100%;
      }
    }
    .attend__txt{
      margin-top: 3vw;
      font-size: 4vw;
    }
    ul{
      padding-top: 10vw;
      gap:7vw;
      li{
        border-radius: 2vw;
      }
      .list__box{
        grid-template-columns: auto;
        .icon__box span{
          width: 12vw;
          height: 20vw;
        }
        .desc__box{
          padding: 3vw 6vw;
          h4{
            font-size: 5vw;
            margin-bottom: 1px;
          }
          .list__ttl_min{
            font-size: 3.6vw;
          }
          .list__desc__txt{
            margin-top: 6vw;
            font-size: 3.4vw;
          }
        }
      }
    }
  }
}

.detail__hackday{
  padding-top: 65px;
  padding-bottom: 53px;
  .ttl__after{
    margin-top: 16px;
    position: relative;
    font-size: 24px;
    padding-bottom: 17px;
    font-weight: 700;
    width: fit-content;
    margin-bottom: 30px;
    &::after{
      content: " ";
      position: absolute;
      width: 100%;
      height: 1px;
      left: 0;
      bottom: 0;
      background-color: #000;
    }
  }
  .photo__box{
    display: grid;
    gap:11px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 26px;
  }
  .grid__table{

    font-size: 16px;
    margin-top: 21px;
    .table__row{
      display: grid;
      grid-template-columns: 160px auto;
      padding-top: 21px;
      padding-bottom: 21px;
      &:not(:last-child){
        border-bottom: 1px solid #AAAAAA;
      }

    }
    .table__header{
      color: #999999;
      padding-left: 31px;
      
    }
    .table__data{
      color: #000;
      line-height: 160%;
    }
  }
  @media screen and (max-width: 768px) {
    padding: 10vw 6vw 8vw;
    .ttl__after{
      margin-top: 16px;
      font-size: 4.5vw;
      padding-bottom: 3vw;
      margin-bottom: 4vw;
      width: 100%;
    }
    .photo__box{
      gap:3vw;
      margin-bottom: 6vw;
    }
    .grid__table{
      font-size: 3.4vw;
      margin-top: 8vw;
      .table__row{
        grid-template-columns: 30vw auto;
        padding-top: 3vw;
        padding-bottom: 3vw;
      }
      .table__header{
        padding-left: 3vw;
      }
    }
  }
}

.detail__awardday{
  padding-top: 42px;
  padding-bottom: 46px;
  background-color: #F5F5F5;
  &._type2{
    padding-top: 46px;
    padding-bottom: 55px;
    background-color: #fff;
  }
  .ttl__sub{
    height: 62px;
    width: fit-content;
    padding:16px 32px 16px 26px;
  }
  .awardday__date{
    margin-top: 30px;
    margin-bottom: 11px;
    font-weight: 700;
    font-size: 24px;
  }
  .desc__txt{
    a{
      color: #47A4DC;
    }
  }
  .v2025-link-btn{
    margin-top: 37px;
  }
  @media screen and (max-width: 768px) {
    padding: 10vw 6vw 8vw;
    &._type2{
      padding: 10vw 6vw 20vw;
    }
    .ttl__sub{
      height: 12vw;
      padding:2vw 5vw;
    }
    .awardday__date{
      margin-top: 2vw;
      margin-bottom: 4vw;
      font-size: 7vw;
    }
    .v2025-link-btn{
      margin-top: 0vw;
    }
  }
}

.detail__kaizen{
  background-color: #3384B5;
  padding-top: 38px;
  padding-bottom: 38px;
  color: #fff;
  .ttl__box{
    margin-bottom: 19px;
    
  }
  .ttl__main{
    font-size: 32px;
  }
  .awardday__date{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
  }
  .desc__txt{
    font-size: 16px;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    padding: 10vw 6vw 8vw;
    .ttl__box{
      margin-bottom: 3vw;
    }
    .ttl__main{
      font-size: 7vw;
    }
    .awardday__date{
      font-size: 6vw;
      margin-bottom: 3vw;
    }
    .desc__txt{
      font-size: 3.6vw;
    }
      
  }
}

.detail__for-beginner{
  padding-bottom: 0px;
  padding-top: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  h2{
    font-size: 24px;
    line-height: 40px;
    text-align: center;
  }
  .beginner__list{
    padding-left:0;
    list-style:none;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap:38px;
    padding-top: 64px;
    li{
      flex: 1;
      max-width: 294px;
      width: 100%;
      border: 2px solid #CCCCCC;
      padding: 0 24px 40px;
    }
    h3{
      font-size: 18px;
      text-align: center;
    }
    p{
      padding-top: 22px;
      font-size: 15px;
    }
  }
  .beginner__list__inner{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .icon{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    &.beginner__icon1{
      width: 90px;
      height: 69px;
      margin-top: 39px;
      margin-bottom: 22px;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2269%22%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%231F1F1F%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M83.075%200H7.925C3.833%200%20.5%203.33.5%207.419V61.58C.5%2065.674%203.833%2069%207.925%2069h75.15c4.096%200%207.425-3.33%207.425-7.419V7.42C90.5%203.326%2087.167%200%2083.075%200ZM7.925%202.286h75.15a5.14%205.14%200%200%201%205.137%205.133v7.99H2.788v-7.99a5.14%205.14%200%200%201%205.137-5.133Zm75.15%2064.428H7.925a5.14%205.14%200%200%201-5.137-5.133V17.695h85.424V61.58a5.14%205.14%200%200%201-5.137%205.133Z%22%2F%3E%3Cpath%20d%3D%22M57.524%2012.803h6.25c.42%200%20.764-.344.764-.763V5.792a.765.765%200%200%200-.763-.762h-6.25a.765.765%200%200%200-.763.762v6.245c0%20.419.343.762.762.762v.004Zm.763-6.25h4.725v4.722h-4.725V6.554ZM67.337%2012.803h6.254c.42%200%20.763-.344.763-.763V5.792a.765.765%200%200%200-.763-.762h-6.254a.765.765%200%200%200-.763.762v6.245c0%20.419.343.762.763.762v.004Zm.763-6.25h4.729v4.722h-4.73V6.554ZM77.153%2012.803h6.25c.42%200%20.763-.344.763-.763V5.792a.765.765%200%200%200-.762-.762h-6.25a.765.765%200%200%200-.763.762v6.245c0%20.419.343.762.762.762v.004Zm.763-6.25h4.725v4.722h-4.725V6.554ZM31.382%2029.015%2015.822%2042.18l15.56%2013.16%201.475-1.745L19.361%2042.18l13.496-11.42-1.475-1.745ZM58.143%2030.76l13.496%2011.42-13.496%2011.415%201.475%201.745%2015.56-13.16-15.56-13.165-1.475%201.745ZM50.855%2030.333l-11.632%2023.63%202.053%201.008%2011.632-23.629-2.053-1.009Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.5%200h90v69H.5z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    }
    &.beginner__icon2{
      width: 114px;
      height: 69px;
      margin-top: 40px;
      margin-bottom: 21px;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22114%22%20height%3D%2269%22%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%231F1F1F%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M88.201%2031.722c6.94%200%2012.582-5.677%2012.582-12.647%200-6.97-5.647-12.646-12.582-12.646-6.934%200-12.582%205.676-12.582%2012.646%200%206.97%205.648%2012.647%2012.582%2012.647Zm0-22.034c5.149%200%209.34%204.212%209.34%209.387%200%205.175-4.191%209.387-9.34%209.387-5.148%200-9.339-4.212-9.339-9.387%200-5.175%204.19-9.387%209.34-9.387Z%22%2F%3E%3Cpath%20d%3D%22m113.445%2066.95-6.93-26.112c-1.237-4.658-5.447-7.908-10.242-7.908H88.84c-3.782%200-7.225%201.314-8.771%203.35l-9.604%2012.652-12.522%201.148-.035-.276a1.623%201.623%200%200%200-1.607-1.419H45.156v-3.374h23.179c2.739%200%204.969-2.242%204.969-4.995V4.994c0-2.752-2.23-4.994-4.97-4.994H5.47C2.73%200%20.5%202.241.5%204.994v35.027c0%202.753%202.23%204.995%204.969%204.995h23.179v3.374H17.502c-.813%200-1.501.607-1.606%201.42l-.788%206.017a1.63%201.63%200%200%200%201.606%201.845h32.638c0%20.07%200%20.146.01.216.324%203.585%203.362%206.353%206.94%206.353h.114l18.44-.35a7.122%207.122%200%200%200%205.547-2.814l1.562-2.056%202.33%208.775c.19.713.833%201.209%201.566%201.209h26.023a1.628%201.628%200%200%200%201.566-2.05l-.005-.006ZM3.743%2040.02V4.994c0-.957.773-1.735%201.726-1.735h62.86c.954%200%201.727.778%201.727%201.735v35.027c0%20.958-.773%201.735-1.726%201.735H5.469a1.731%201.731%200%200%201-1.726-1.735Zm15.176%2011.624h11.345c.893%200%201.622-.732%201.622-1.63V45.01h10.022v5.005c0%20.898.729%201.63%201.622%201.63h8.606a7.072%207.072%200%200%200-2.205%202.758H18.555l.36-2.758h.004ZM87.103%2065.74l-2.858-10.777a1.62%201.62%200%200%200-2.859-.566l-3.557%204.688a3.923%203.923%200%200%201-3.038%201.54l-18.44.35a3.725%203.725%200%200%201-3.766-3.39c-.185-2.045%201.322-3.865%203.357-4.05l15.531-1.425c.454-.04.868-.27%201.142-.632l10.033-13.218c.779-1.028%203.158-2.071%206.192-2.071h7.433c3.328%200%206.251%202.256%207.109%205.49l6.386%2024.06H87.103Z%22%2F%3E%3Cpath%20d%3D%22M61.18%208.394H12.614v9.994h48.568V8.394ZM61.18%2021.818H43.96v14.798h17.222V21.818ZM40.706%2021.738H12.613v3.26h28.093v-3.26ZM40.706%2027.485H12.613v3.26h28.093v-3.26ZM40.706%2033.226H12.613v3.26h28.093v-3.26Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.5%200h113v69H.5z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    }
    &.beginner__icon3{
      width: 79px;
      height: 82px;
      margin-top: 26px;
      margin-bottom: 18px;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2282%22%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%231F1F1F%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M76.967%2059.378c-1.292-.728-2.963-.864-4.57-.375L55.19%2064.164c-.508-1.448-1.852-2.724-3.889-3.58l-17.175-6.702H21.497l-.14-.433a1.205%201.205%200%200%200-1.556-.761L16.439%2053.9l-.119-.36a1.208%201.208%200%200%200-1.544-.758L.5%2057.757l.796%202.253%2013.11-4.569%206.484%2019.714L7.729%2079.74l.796%202.254%2014.272-4.974c.618-.213.948-.882.744-1.5l-.2-.606%203.33-1.202c.607-.22.933-.875.733-1.485l-.049-.144h.426l20.09%206.907.115.033c.744.177%201.503.261%202.266.261%201.389%200%202.778-.29%204.066-.86l21.416-10.245c2.544-1.128%203.914-3.823%203.196-6.282-.27-1.062-.97-1.96-1.97-2.525l.007.007Zm-54.37%2013.27-5.418-16.472%202.263-.816%205.321%2016.505-2.166.783Zm52.133-6.631L53.315%2076.262a7.554%207.554%200%200%201-4.707.456L28.196%2069.7h-1.6l-4.329-13.425H33.67L50.393%2062.8c.926.39%203.018%201.474%202.559%203.165-.548%201.691-2.696%202.011-3.71%201.805l-12.114-3.488-.67%202.294%2012.157%203.5.075.018a5.55%205.55%200%200%200%201.17.12c2.025%200%204.58-.973%205.395-3.554v-.018l17.85-5.352c.97-.294%201.973-.236%202.68.165.441.25.72.6.827%201.04l.014.06c.341%201.139-.259%202.741-1.892%203.462h-.004ZM61.99%2045.972a1.2%201.2%200%200%200-1.203-1.195H47.393c-.663%200-1.203.537-1.203%201.195s.54%201.194%201.203%201.194h13.394c.663%200%201.204-.536%201.204-1.194ZM54.092%2051.614c1.633%200%202.955-1.18%202.955-2.635h-5.91c0%201.455%201.322%202.635%202.955%202.635ZM47.998%2019.56c-1.426%201.375-2.178%203.172-2.178%205.198h2.407c0-1.364.5-2.57%201.448-3.485%201.011-.978%202.422-1.515%203.966-1.515V17.37c-2.177%200-4.18.78-5.643%202.19Z%22%2F%3E%3Cpath%20d%3D%22M43.09%2031.657c1.44%202.368%202.5%204.823%203.152%207.294l.026.095h2.488l-.185-.698c-.707-2.695-1.859-5.363-3.418-7.926a10.302%2010.302%200%200%201-1.496-5.348c0-2.658%201.033-5.12%202.903-6.93%202.03-1.959%204.807-2.992%207.832-2.91%205.777.157%2010.136%204.381%2010.143%209.825%200%201.868-.503%203.702-1.459%205.297-1.607%202.684-2.792%205.46-3.529%208.256l-.115.434h2.493c.681-2.521%201.762-5.036%203.218-7.47a12.652%2012.652%200%200%200%201.796-6.52c-.008-6.768-5.373-12.017-12.484-12.212-3.673-.1-7.076%201.173-9.576%203.584-2.344%202.264-3.633%205.33-3.633%208.642%200%202.327.637%204.602%201.844%206.584v.003ZM55.419%200h-2.407v7.646h2.407V0ZM37.063%206.454l-1.702%201.69%205.447%205.406%201.702-1.69-5.447-5.406ZM36.388%2023.905h-7.702v2.39h7.702v-2.39ZM79.503%2024.151h-7.702v2.39h7.702v-2.39ZM71.303%206.635l-5.447%205.405%201.701%201.69%205.448-5.406-1.702-1.69ZM60.787%2040.69H47.393c-.663%200-1.203.536-1.203%201.194%200%20.658.54%201.195%201.203%201.195h13.394c.663%200%201.204-.533%201.204-1.195s-.537-1.195-1.204-1.195Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.5%200h79v82H.5z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    }
  }
  @media screen and (max-width: 768px) {
    padding: 10vw 6vw 8vw;
    h2{
      font-size: 5.5vw;
      line-height: 9vw;
    }
    .beginner__list{
      gap:4vw;
      padding-top: 10vw;
      flex-direction: column;
      li{
        max-width: 100%;
        padding: 0 6vw 4vw;
      }
      h3{
        font-size: 5vw;
        line-height: 1.6;
      }
      p{
        padding-top: 2vw;
        font-size: 4vw;
      }
    }
    .icon{
      &.beginner__icon1{
        width: 18vw;
        height: 14vw;
        margin-top: 5vw;
        margin-bottom: 2vw;
      }
      &.beginner__icon2{
        width: 22vw;
        height: 14vw;
        margin-top: 5vw;
        margin-bottom: 2vw;
      }
      &.beginner__icon3{
        width: 18vw;
        height: 20vw;
        margin-top: 4vw;
        margin-bottom: 2vw;
      }
    }
  }
}

.detail__for-expert{
  padding-top: 64px;
  h2{
    display: flex;
    flex-direction: column;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    gap:40px;
  }
  .award-trend{
    margin: 0 auto;
    max-width: 1000px;
    margin-top: 110px;
    padding: 0 20px;
    h3{
      position: relative;
      top:-12px;
      font-size: 24px;
      left: 50%;
      translate: -50% 0;
      line-height: 1;
      background-color: #fff;
      height: 24px;
      display: flex;
      width: fit-content;
      padding: 0 40px;
    }
    p{
      text-align: center;
      font-size: 18px;
      line-height: 40px;
      font-weight: 500;
      padding-top: 60px;
      margin-bottom: 0;
    }
    
  }
  .award-trend__top{
    border: 1px solid #000;
    border-bottom-width: 0;
    padding-bottom: 36px;
    p{
      padding-top: 60px;
    }
  }
  .award-trend__btm{
    p{
      padding-top: 27px;
    }
  }
  .video__wrap{
    position: relative;
    margin:0 auto ;
    width: 100%;
    iframe{
      aspect-ratio: 16 / 9;
      width: 100%;
      border: none;
    }
  }
  @media screen and (max-width: 768px) {
    padding: 10vw 6vw 8vw;
    h2{
      font-size: 5vw;
      line-height: 8vw;
      gap:8vw;
    }
    .award-trend{
      margin-top: 20vw;
      padding: 0 ;
      h3{
        top:-3vw;
        font-size: 6vw;
        height: 6vw;
        padding: 0 6vw;
      }
      p{
        font-size: 4vw;
        line-height: 7vw;
      }
    }
    .award-trend__top{
      padding-bottom: 6vw;
      p{
        padding-top: 8vw;
      }
    }
    .award-trend__btm{
      p{
        padding-top: 8vw;
      }
    }

  }
}

.detail_qa{
  padding-top: 90px;
  padding-bottom: 120px;
  border-top:1px solid #DDDDDD;
  h2{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
  }
  .v2025__qa__list{
    padding-top: 50px;
  }

  &.p__for-beginner{
    border-top-width:0;
    .v2025__qa__list{
      padding-top: 120px;
    }
  }
  @media screen and (max-width: 768px) {
    padding: 10vw 6vw 20vw;
    &.p__for-beginner{
      .v2025__qa__list{
        padding-top: 10vw;
      }
    }
  }
}