@charset "utf-8";

.company{
  margin:0 0 10rem;
}

.company .container{
  max-width:1080px;
}

.greeting-img{
  position:relative;
  padding:0 5% 4% 0;
  margin-bottom:2.5rem;
}

.greeting-img::before{
  content:"";
  position:absolute;
  width:95%;
  aspect-ratio:989/510;
  background:#FFEB00;
  border-radius:1.5rem;
  bottom:0;
  z-index:-1;
  right:0;
}

.greeting-img img{
  aspect-ratio:989/510;
  object-fit:cover;
  border-radius:1.5rem;
}

.greeting-wrap{
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #535353;
  margin-bottom:2.5rem;
}

.greeting-left{
  width:30%;
}

.greeting-left > p:first-child{
  font-size:clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
}

.greeting-name{
  margin-top:8px;
}

.greeting-name  p:first-child{
  font-size:clamp(1.5rem, 1.136rem + 1.21vw, 2.5rem);
  margin-bottom:4px;
}

.greeting-name  p:last-child{
  color:#FF8238;
  font-size:clamp(0.625rem, 0.534rem + 0.3vw, 0.875rem);
}

.greeting-right{
  width:65%;
}

.greeting-right p:first-child,
.greeting-txt p:first-child{
  color:#fff;
  background:#000;
  width:fit-content;
  padding:2px 8px;
  margin-bottom:12px;
}

.info-wrap{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin:10rem 0 4rem;
}

.info-wrap .lower-title{
  width: fit-content;
  margin: 0;
}

.info-img{
  width:58%;
  padding:0 0 4% 5%;
  position:relative;
}

.info-img img{
  aspect-ratio:560/435;
  object-fit:cover;
  border-radius:1.5rem;
}

.info-img::before{
  content:"";
  position:absolute;
  width:95%;
  aspect-ratio:560/435;
  background:#FFEB00;
  border-radius:1.5rem;
  bottom:0;
  z-index:-1;
  left:0;
}

.info-list{
  display:flex;
  justify-content: space-between;
  border-bottom:1px solid #707070;
  padding:1rem 0;
}

.info-list p:first-child{
  width:150px;
}

.info-list p:last-child{
  width:calc(100% - 150px);
}

.info-txt{
  margin-bottom:2.5rem;
}

iframe{
  height:450px;
  border-radius:10px;
  border:none;
}

.company-swiper{
  margin-top:7.5rem;
}

.swiper-wrapper {
  transition-timing-function: linear;
}

.company-swiper img{
  border-radius:26px;
  object-fit:cover;
  aspect-ratio:620/335;
}

@media screen and (max-width: 1024px) {
  iframe {
    height: 350px;
  }
}

@media screen and (max-width: 767px) {
  .greeting-wrap{
    flex-direction: column;
    gap: 2rem;
    align-items: flex-start;
    padding: 0 5% 2.5rem;
  }
  .greeting-left,
  .greeting-right{
    width:100%;
  }
  .greeting-name{
    display: flex;
    align-items: flex-end;
    gap: 1.5rem;
  }
  .greeting-name p{
    line-height:1;
  }
  .greeting-name p:first-child{
    margin:0;
  }
  .greeting-img{
    margin-bottom:20px;
    padding: 0 5% 5% 5%;
  }
  .greeting-img img,
  .info-img img,
  .info-img::before{
    border-radius: 10px;
  }
  .greeting-img::before{
    width:85%;
    border-radius: 10px;
  }
  .greeting-txt{
    padding:0 5%;
  }
  .greeting-right p:first-child, .greeting-txt p:first-child{
    margin-bottom:20px;
    padding: 2px 1rem;
  }
  .info-wrap{
    flex-direction: column;
    gap: 2.5rem;
    align-items: center;
    margin: 10rem 0 2rem;
  }
  .info-img{
    width:100%;
    padding: 0 5% 5% 7.5%;
  }
  .info-img::before{
    width: 85%;
  }
  .info-list p:first-child {
    width: 100px;
  }
  .info-list p:last-child {
    width: calc(100% - 120px);
  }
  iframe {
    height: 250px;
    border-radius: 0;
  }
  .info-txt{
    width:90%;
    margin:0 auto 2.5rem;
  }
  .company .container{
    width:100%;
  }
  .company-swiper img {
    border-radius: 10px;
  }
  .company-swiper {
    margin-top: 4rem;
  }
  .company {
    margin: 0 0 7.5rem;
  }
  .lower-fv {
    margin-bottom:2.5rem;    
  }
}