@charset "utf-8";

.greeting{
  margin-bottom:10rem;
}

.greeting-wrap{
  display:flex;
  justify-content: space-between;
}

.greeting-wrap img{
  width:40%
}

.greeting-txt{
  width:50%
}

.greeting-txt h3{
  color:#fff;
  font-size:clamp(2rem, 1.818rem + 0.61vw, 2.5rem);
  margin-bottom:3rem;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.greeting-txt p:not(:last-child){
  margin-bottom:1.5rem;
}

.greeting-wrap2{
  margin-top:2.5rem;
  flex-direction: row-reverse;
}

.greeting-wrap2 .greeting-txt{
   width: 40%;
}

.greeting-wrap2 img{
  width: 50%;
}

.greeting-wrap2 .greeting-txt p:last-child{
  text-align:right;
}

.greeting-wrap2 .greeting-txt p:last-child strong{
  font-size:1.5rem;
  margin-left:1rem;
}

.training .container{
  max-width:1250px;
}

.training-title{
  display:flex;
  justify-content:space-between;
  margin-bottom:1.5rem;
  align-items:center;
}

.training-title h3{
  font-size:clamp(1.5rem, 1.136rem + 1.21vw, 2.5rem);
  color:#024DA4;
}

.training-title .section-title{
  margin:0;
}

.training-txt{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  padding:2.5rem 5%;
  background:rgba(255,255,255,0.8);
  width:90%;
  margin:-2rem auto 0;
  position: relative;
  font-size:14px;
}

.training-txt > div > p:not(:last-child){
  margin-bottom:1.5rem;
}

.training-txt .arrow-btn{
  margin: 0;
}

@media screen and (max-width: 1279px) {
  .training-txt{
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
  }
  .training-txt .arrow-btn {
    margin: 0 0 0 auto;
  }
}

@media screen and (max-width: 1024px) {
  .container{
    width:90%;
  }
  .training-title{
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
  }
  .greeting-wrap {
    flex-direction: column-reverse;
    align-items: center;
    gap: 3rem;
    max-width: 600px;
    margin: 0 auto 3rem;
  }
  .greeting-txt ,
  .greeting-wrap2 .greeting-txt{
    width: 100%;
  }
  .greeting-wrap img {
    width: 80%;
    max-width: 450px;
  }
  .greeting-wrap2 img{
    width: 100%;
    max-width: 500px;
  }
}

@media screen and (max-width: 767px) {
  .greeting {
    margin-bottom: 5rem;
  }
  .greeting-txt h3{
    margin-bottom: 1rem;
  }
  .greeting-wrap img {
    width: 100%;
  }
   .container{
    width:100%;
  }
  .greeting-txt h3,
  .greeting-txt > p,
  .training-title h3{
    margin-left:5%;
    margin-right:5%;
  }
  .training img{
    aspect-ratio:390/245;
    object-fit:cover;
  }
  .training-txt br{
    display:none;
  }
  .main::after{
        top: 10%;
        width: 100%;
        bottom: auto;
  }
}