@charset "utf-8";

.about-top{
  background:#01A0EA;
  color:#fff;
  padding:8px 0 2rem ;
}

.about-top .pankuzu{
  width:90%;
  margin: 0 5% 2.5rem;
  color:#fff;
}

.about-top .pankuzu a{
  color:#fff;
}

.about-top-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 3%;
}

.about-top-wrap > img{
  width:49%;
}

.about-top-text{
  width:50%;
  max-width:700px;
}

.about-top-text h2{
  font-size:clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  line-height: 2;
  margin-bottom:1rem;
}


.about-top-text h2 strong{
  color:#01A0EA;
  background:#fff;
  padding:4px 1rem;
  border-radius:2rem;
  line-height: 1.5;
  margin:4px 8px;
}

.amazing{
  background:#FEF200;
  position:relative;
  padding:2.5rem 1rem;
}

.amazing::before{
  content:"";
  position:absolute;
  width:104px;
  aspect-ratio: 208 / 102;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom:-50px;
  z-index: 3;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731180330256632.png) no-repeat center/contain;
}

.amazing h2{
  color:#0B82E6;
  text-align:center;
  width:fit-content;
  margin:0 auto;
  position:relative;
  font-size:clamp(1.375rem, 1.148rem + 0.76vw, 2rem);
}

.amazing h2::before{
  content:"";
  position:absolute;
  width: 76px;
  aspect-ratio: 76 / 67;
  right: -100px;
  top:0;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731175131325356.png) no-repeat center/contain;
}

.amazing h2::after{
  content:"";
  position:absolute;
  width: 60px;
  aspect-ratio: 76 / 67;
  left: -70px;
  bottom:0;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731175131325356.png) no-repeat center/contain;
}

.amazing-bottom{
  padding:100px 0 ;
  position: relative;
}

.amazing-bottom::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width: 100%;
  z-index: -1;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731180752890603.png) no-repeat top center/contain;
}

.amazing-bottom-wrap{
  width:80%;
  max-width:1080px;
  margin:0 auto;
  display:flex;
  justify-content: space-between;
}

.amazing-bottom-item{
  width:45%;
  max-width: 455px;
}

.amazing-bottom-txt{
  border-radius:20px;
  background:#fff;
  padding:1rem;
  text-align:center;
  position:relative;
  box-shadow:-7px 7px 6px rgba(0,0,0,0.3);
}

.amazing-bottom-txt::after{
  content:"";
  position:absolute;
  top: 3rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 105%;
  aspect-ratio:914/246;
  z-index: -1;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731181907594365.png) no-repeat center/contain;
}

.amazing-bottom-txt strong{
  color:#0B82E6;
}

.amazing-bottom-txt img{
  width:3rem;
  margin:0 auto 0.5rem;
}

.amazing-bottom-img{
  position:relative;
  margin-top:5rem;
}

.amazing-bottom-img img{
  object-fit:cover;
  border-radius:20px;
  aspect-ratio:455/312;
}

.amazing-bottom-img::before{
  content:"";
  position:absolute;
  left: -13%;
  top: -8%;
  width: 31%;
  aspect-ratio:141/101;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731181532764047.png) no-repeat center/contain;
}

.amazing-bottom-img::after{
  content:"";
  position:absolute;
  right: -8%;
  bottom: -8%;
  width: 24%;
  aspect-ratio:1/1;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731181532969873.png) no-repeat center/contain;
}

.amazing-bottom-item.pink .amazing-bottom-txt strong{
  color:#F28389;
}

.amazing-bottom-item.pink .amazing-bottom-txt::after{
  background:url(https://use-partner.com/system_panel/uploads/images/20250731183005522782.png) no-repeat center/contain;
}

.amazing-bottom-item.pink  .amazing-bottom-img::before{
  aspect-ratio:1/1;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731183130965182.png) no-repeat center/contain;
}

.amazing-bottom-item.pink  .amazing-bottom-img::after{
  background:url(https://use-partner.com/system_panel/uploads/images/20250731183130164450.png) no-repeat center/contain;
}

.point .lower-title{
  margin-bottom:0px;
}

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

.point-item{
  width:30%;
  text-align:center;
  font-size:14px;
}

.point-item img{
  width:75%;
  margin:0 auto 1rem;
}

.point-item h3{
  color:#01A0EA;
  font-size:20px;
  margin:0 auto 0.5rem;
}

.service-bg.consultation-bg{
  max-width: 1000px;
}

.service-bg .consultation-text > p{
  font-size:clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
  margin-bottom: 1rem;
  text-align: left;
}

.service-bg .consultation-wrap{
  margin-bottom: 0;
}

.service-bg .consultation-wrap > img {
  width: 45%;
}

.service-bg .consultation-wrap > .consultation-text{
  width: 50%;
}

.service-bg .consultation-wrap > .consultation-text .btn{
  padding: 1.5rem 2.5rem 1.5rem 2rem;
}

.content-box{
  width: 90%;
  margin: 0 auto 2.5rem;
}

.content-title{
  background:#fff;
  border-left:1.5rem solid #0B82E6;
  border-radius:20px 20px 0 0;
  padding:1rem 2rem;
  color:#0B82E6;
  display:flex;
  align-items:center;
  gap:1rem;
}

.content-title img{
  height:5rem;
  width: fit-content;
}

.content-title h3{
  color:#0B82E6;
  font-size:clamp(1.25rem, 0.977rem + 0.91vw, 2rem);
}

.content-title .label{
  background:#0B82E6;
  color:#fff;
  border-radius:2rem;
  padding:0.5rem 2rem;
  font-size:clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
}

.other-text{
  background:#fff;
  padding:1rem 5% 2rem;
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
}

.other-text > img{
  width:32%;
  border-radius:20px;
  aspect-ratio:312/232;
  object-fit:cover;
}

.other-right{
  width:63%;
}

.other-right h4{
  font-size:clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
  margin-bottom:1rem;
}

.other-box{
  display: flex;
  justify-content: space-between;
  margin: 2rem 0 0;
  width: 450px;
}
.other-box p{
  color:#0B82E6;
  border:5px solid #0B82E6;
  border-radius:999vh;
  aspect-ratio:1/1;
  width: 140px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
}

.other-right .btn{
  margin:1rem 0 0 auto;
}

.which{
  padding:20px 5% 3rem;
  text-align:center;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731164744789666.png) no-repeat center/cover;
}

.which p{
  color:#fff;
  font-size:clamp(0.875rem, 0.648rem + 0.76vw, 1.5rem);
}

.which h2{
  color:#0B82E6;
  width:fit-content;
  background:#fff;
  border-radius:20px;
  padding:1rem 180px;
  font-size:clamp(1.25rem, 0.977rem + 0.91vw, 2rem);
  margin:0.5rem auto 0;
  position:relative;
}

.which h2::before{
  content:"";
  position:absolute;
  width: 23%;
  aspect-ratio: 165 / 163;
  bottom: -3rem;
  left: 0%;
  background:url(https://use-partner.com/system_panel/uploads/images/20250731165155703520.png) no-repeat center/contain;
}

.course{
  margin: 2.5rem 0.5% 5rem;
  display:flex;
  justify-content: space-between;
  align-items: stretch;
}

.course-item{
  width:calc((100% - 40px) / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.course-top{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.course-top p{
  padding:1rem 0.5rem;
  border:3px solid #DD1D1E;
  border-radius:8px;
  text-align:center;
}

.course-top strong{
  color:#DD1D1E;
}

.course-item > img{
  width:1.5rem;
}

.course-main{
  background:#FFF0F0;
  border-radius:10px;
  border-top:1.5rem solid #DD1D1E;
  padding:1rem 1.5rem 2rem;
  text-align:center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  flex: 1;
}

.course-title img{
  width:2.5rem;
  margin:0 auto 0.5rem;
}

.course-title p{
  color:#DD1D1E;
}

.course-title h3{
  color:#DD1D1E;
  font-size:clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
}

.course-title h3 strong{
  font-size:clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
}

.course-bg{
  background:#fff;
  border-radius:10px;
  padding:1rem 1rem 2.5rem;
  text-align:left;
  flex:10;
}

.course-bg img:nth-child(1){
  border-radius:10px;
  object-fit:cover;
  aspect-ratio:415/307;
}

.course-bg img:nth-child(2){
  width:77.5%;
  margin:20px auto;
  max-width: 300px;
}

.course-bg .btn{
  margin: 1rem auto 0;
  width:80%;
}

.course-title{
  flex:1;
}

.course-item.green .course-top p{
  border-color:#1EAD4C;
}

.course-item.green .course-top p strong{
  color:#1EAD4C;
}

.course-item.green .course-main{
  border-color:#1EAD4C;
  background: #E1FFEB;
}

.course-item.green .course-title p,
.course-item.green .course-title h3{
  color: #1EAD4C;
}


.course-item.blue .course-top p{
  border-color:#01A0EA;
}

.course-item.blue .course-top p strong{
  color:#01A0EA;
}

.course-item.blue .course-main{
  border-color:#01A0EA;
  background: #DDF4FF;
}

.course-item.blue .course-title p,
.course-item.blue .course-title h3{
  color: #01A0EA;
}

.amazing-bottom-item.pink{
  animation-delay:0.5s;
}

.point-item:nth-child(2){
  animation-delay:0.5s;
}

.point-item:nth-child(3){
  animation-delay:1s;
}

.course-item:nth-child(2){
  animation-delay:0.5s;
}

.course-item:nth-child(3){
  animation-delay:1s;
}

@media screen and (max-width: 1280px) {
  .course{
    flex-direction: column;
    gap: 3rem;        
    align-items: center;
  }
  .course-item{
    width: 100%;
    max-width: 700px;
  }
}

@media screen and (max-width: 1024px) {
  .about-top-wrap{
    padding: 0;
    flex-direction: column-reverse;
    gap: 1.5rem;
  }
  .about-top-wrap > img,
  .other-right{
    width: 100%;
    max-width: 700px;
  }
  .about-top-text {
    width: 90%;
  }
  .point-wrap,
  .amazing-bottom-wrap,
  .other-text{
    flex-direction: column;
    gap: 1.5rem;        
    align-items: center;
  }
  .amazing-bottom-wrap{
    gap:3rem;
  }
  .point-item,
  .amazing-bottom-item{
    width:100%;
    max-width:450px;
  }
  .amazing-bottom-img{
    margin-top: 3rem;
  }
  .other-text > img {
    width: 100%;
    max-width:400px;
  }
  .amazing-bottom-item.pink,
  .point-item:nth-child(2),
  .point-item:nth-child(3),
  .course-item:nth-child(2),
  .course-item:nth-child(3){
    animation-delay:0s;
  }
  .service-bg .consultation-wrap > .consultation-text {
    width: fit-content;
  }
}

@media screen and (max-width: 767px) {
  .other-box{
    width: 100%;
    margin: 1rem 0 2rem;
  }
  .other-box p{
    width:30%;
    border: 2px solid #0B82E6;
  }
  .content-title{
    flex-direction: column;
    gap: 1rem;        
    align-items: center;
    border-left: none;
    border-top: 1rem solid #0B82E6;
    text-align: center;
  }
  .which h2{
    width: 100%;
    padding: 1rem;
  }
  .service-bg .consultation-wrap > .consultation-text {
    width: 100%;
    max-width: 400px;
  }
  .amazing h2::before{
    width: 60px;
    right: -80px;
  }
  .amazing h2::after {
    width: 50px;
    left: -70px;
  }
  .about-top-text h2{
    text-align: center;
  }
  .amazing-bottom-img::before {
    left: -8%;
    width: 23%;
  }
  .amazing-bottom-img::after {
    right: -5%;
    width: 22%;
  }
  .amazing-bottom-txt::after{
    top: auto;
    bottom: -1.5rem;
  }
  .amazing-bottom {
    padding: 80px 0 4rem;
  }
  .point-item img {
    width: 175px;
  }
  .about {
    padding: 2.5rem 0% ;
  }
  .which{
    background: url(https://use-partner.com/system_panel/uploads/images/20250804115131262689.png) no-repeat center / cover;
  }
  .which h2::before{
    width: 20%;
  }
  .course {
    margin: 2.5rem 5% 5rem;
    gap: 5rem;
  }
  .course-main{
    border-top: 1rem solid #DD1D1E;
    padding: 1rem 1rem 2rem;
  }
  .content-title img {
    height: 3rem;
  }
  .service-bg .consultation-wrap > img {
    width: 100%;
    max-width: 300px;
  }
  .amazing{
    padding: 1.5rem 1rem;
  }
  .amazing::before{
    width: 54px;
    bottom: -25px;
  }
}