.about-page .about{
  padding: 61px 0 30px;
  margin: 0;
}

.about-page .left-content{
    flex-wrap: wrap;
    width: 50.5%;
}

.about-page .left-content .img-blk{
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-page .left-content .img-blk img{ 
    height: 300px;
    object-fit: cover;
    margin-bottom: 30px;
}

.about-page .left-content .img-blk img:last-of-type{
    height: 240px;
}

.about-page .left-content .img-blk:last-child img{
    height: 240px;
    object-fit: cover;
}

.about-page .left-content .img-blk:last-child img:last-of-type{
    height: 300px;
}

.about-page .about .right-content {
    width: 46.5%;
}

.about-page .counter-list-detail span{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--txt-primary-color);
}

.about-page .counter-list-detail .number{
    font-size: 32px;
    text-align: center;
    font-weight:700;
    padding-bottom: 10px;
}

.about-page .about .txt-content {
    padding: 8px 0 29px;
    border-bottom: 1px solid var(--border-color);
    line-height: 1.5;
}

.about-page .about .counter-list{
    padding: 32px 13px 30px 13px;
}

.about-page .history{
    background-color: var(--bg-secondary-color);
    padding: 60px 0;
    position: relative;
}
.about-page .history:before{
    content: "";
    position: absolute;
    background: url(../img/img-history-bg.webp) no-repeat top right/cover;
    right: 0;
    top: 0;
    width: 770px;
    height: 890px;
    opacity: 0.09;
}
.about-page .history h2{
    color: var(--secondary-color);
}
.about-page .accordion-blk{
    color: var(--secondary-color);
    width: 46.5%;
    padding: 20px 0;
}

.about-page .img-blk{
    width: 50%;
}

.about-page .img-blk img{
    height: 770px;
    object-fit: cover;
}

.about-page .accordion-list{
    padding-top: 31px;
}
.about-page .accordion-list .accordion-list-detail{
    padding: 25px 26px;
    border-bottom: 2px solid var(--secondary-color);
}
.about-page .accordion-list .accordion-list-detail.active h5{
    color: var(--secondary-color);
}

.about-page .accordion-list .accordion-list-detail h5{
    color: var(--bg-light-color);
    position: relative;
}

.about-page .accordion-list .accordion-list-detail h5:after{
    position: absolute;
    content: "";
    background-color: white; /* Set the desired color */
    -webkit-mask: url(../img/ico_dropdown.svg) no-repeat center / cover;
    mask: url(../img/ico_dropdown.svg) no-repeat center / cover;
    right: 8px;
    fill: white;
    top: 0;
    width: 11px;
    height: 7px;
    top: 13px;
}
.about-page .accordion-list .accordion-list-detail.active h5:after{
    transform: rotate(180deg);
}
.about-page .accordion-content{
    display: none;
    padding: 18px 0;
    letter-spacing: 0.1px;
    line-height: 1.35;
}

.about-page .aim{
    background-color: var(--primary-color);
    padding: 58px 0 50px;
}

.about-page .aim .aim-content{
    width: 45.5%;
}
.about-page .aim h3{
    color: var(--secondary-color);
}
.about-page .aim .aim-txt{
    font-weight: 500;
    color: var(--secondary-color);
    padding: 11px 0;
    letter-spacing: -0.1px;
    line-height: 1.45;
}

.about-page .aim .aim-content li {
    list-style: disc;
    color: var(--secondary-color);
    margin-left: 20px;
}

.about-page .goals{
    background-color: var(--bg-lighter-color);
    padding: 59px 0 19px;
}

.about-page .goals h3{
    text-align: center;
}

.about-page .goals .goals-list{
    padding: 40px 0;
}


.about-page .goals .goals-list h5{
    padding: 20px 0;
}

.about-page .goals .goals-list li{
    width: 23%;
}

.about-page .manufacture{
    width: 100%;
}

.about-page .manufacture .container {
    position: relative;
}

.about-page .manufacture img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.about-page .manufacture .m-content{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.about-page .manufacture h2{
    text-align: center;
}

.about-page .manufacture .manufacture-sub-ttl{
    padding: 12px 29px;
    text-align: center;
    letter-spacing: 0px;
    display: block;
    font-size: 18px;
    color: var(--txt-primary-color);
}

.about-page .manufacture .manufacture-list{
    width: 100%;
    padding: 53px 0 0;
    display: flex;
    justify-content: space-between;
}

.about-page .manufacture .manufacture-detail-list{
    display: flex;
    flex-direction: column;
    width: 29%;
}

.about-page .manufacture .manufacture-list li{
    padding-bottom: 59px;
    text-align: center;
}

.about-page .manufacture .manufacture-list li h5{
    padding: 29px 0 16px;
}

.about-page .manufacture .manufacture-list li span{
    letter-spacing: 0px;
    line-height: 1.5;
}


/*Ipad*/
@media only screen and (min-width:768px) and (max-width:1280px) {

    .about-page .about{
        padding: 4.766vw 0 2.344vw;
      }
   
      .about-page .left-content .img-blk img{ 
          height: 23.438vw;
          margin-bottom: 2.344vw;
      }
      
      .about-page .left-content .img-blk img:last-of-type{
          height: 18.75vw;
      }
      
      .about-page .left-content .img-blk:last-child img{
          height: 18.75vw;
      }
      
      .about-page .left-content .img-blk:last-child img:last-of-type{
          height: 23.438vw;
      }

      .about-page .counter-list-detail span{
          font-size: 1.25vw;
      }
      
      .about-page .counter-list-detail .number{
          font-size: 2.5vw;
          padding-bottom: 0.781vw;
      }
      
      .about-page .about .txt-content {
          padding: 0.625vw 0 2.266vw;
      }
      
      .about-page .about .counter-list{
          padding: 2.5vw 1.016vw 2.344vw 1.016vw;
      }
      
      .about-page .history{
          padding: 4.688vw 0;
      }
      .about-page .history:before{
          width: 60.156vw;
          height: 69.531vw;
      }
      .about-page .accordion-blk{
          padding: 1.563vw 0;
      }
      
      .about-page .img-blk img{
          height: 60.156vw;
      }
      
      .about-page .accordion-list{
          padding-top: 2.422vw;
      }
      .about-page .accordion-list .accordion-list-detail{
          padding: 1.953vw 2.031vw;
          border-bottom: 0.156vw solid var(--secondary-color);
      }
      
      .about-page .accordion-list .accordion-list-detail h5:after{
          right: 0.625vw;
          width: 0.859vw;
          height: 0.547vw;
          top: 1.016vw;
      }
      .about-page .accordion-content{
          padding: 1.406vw 0;
          letter-spacing: 0.008vw;
      }
      
      .about-page .aim{
            padding: 4.531vw 0 3.906vw;
      }

      .about-page .aim .aim-txt{
          padding: 0.859vw 0;
          letter-spacing: -0.008vw;
      }
      
      .about-page .goals{
          padding: 4.609vw 0 1.484vw;
      }
      
      .about-page .goals .goals-list{
          padding: 3.125vw 0;
      }
      
      
      .about-page .goals .goals-list h5{
          padding: 1.563vw 0;
    }
    

      .about-page .manufacture .manufacture-sub-ttl{
          padding: 0.938vw 2.266vw;
          font-size: 1.406vw;
      }
      
      .about-page .manufacture .manufacture-list{
          padding: 4.141vw 0 0;
      }
      
      .about-page .manufacture .manufacture-list li{
          padding-bottom: 4.609vw;
      }
      
      .about-page .manufacture .manufacture-list li h5{
          padding: 2.266vw 0 1.25vw;
      }
      
}



/* SP */
@media all and (max-width:767.9px) {
.about-page .about{
    padding: 8vw 0 4vw;
  }
  
  .about-page .left-content{
      width: 100%;
  }
  
  .about-page .left-content .img-blk{
      width: 47%;
  }
  
  .about-page .left-content .img-blk img{ 
      height: 60vw;
      margin-bottom: 8vw;
  }
  
  .about-page .left-content .img-blk img:last-of-type{
      height: 50vw;
  }
  
  .about-page .left-content .img-blk:last-child img{
      height: 50vw;
      object-fit: cover;
  }
  
  .about-page .left-content .img-blk:last-child img:last-of-type{
      height: 60vw;
  }
  
  .about-page .about .right-content {
      width: 100%;
  }
  
  .about-page .counter-list-detail span{
     font-size: 2.8vw;
  }
  
  .about-page .counter-list-detail .number{
      font-size: 5.333vw;
      padding-bottom: 2.667vw;
  }
  
  .about-page .about .txt-content {
      padding: 2.133vw 0 7.733vw;
      border-bottom: 0.267vw solid var(--border-color);
  }
  
  .about-page .about .counter-list{
      padding: 8.533vw 3.467vw 8vw 3.467vw;
  }
  
  .about-page .history{
      padding: 8vw 0;
  }
  .about-page .history:before{
      width: 100%;
      height: 128vw;
  }
  .about-page .accordion-blk{
      width: 100%;
      padding: 5.333vw 0;
  }
  
  .about-page .img-blk{
      width: 100%;
  }
  
  .about-page .img-blk img{
      height: 90.667vw;
  }
  
  .about-page .accordion-list{
      padding-top: 8.267vw;
  }

  .about-page .accordion-list .accordion-list-detail{
      padding: 6.667vw 6.933vw;
  }
  
  .about-page .accordion-list .accordion-list-detail h5:after{
      right: 2.133vw;
      width: 2.933vw;
      height: 1.867vw;
      top: 3.467vw;
  }
  .about-page .accordion-content{
      padding: 4.8vw 0;
      letter-spacing: 0.027vw;
  }
  
  .about-page .aim{
      padding: 10.133vw 0 8vw;
  }
  
  .about-page .aim .aim-content{
      width: 100%;
      margin-bottom: 5.333vw;
  }
  .about-page .aim .aim-txt{
      padding: 2.933vw 0;
      letter-spacing: -0.027vw;
  }
  
  .about-page .goals{
      padding: 7.733vw 0 0;
  }
  
  .about-page .goals .goals-list{
      padding: 5.333vw 0;
      justify-content: center;
  }
  
  
  .about-page .goals .goals-list h5{
      padding: 3.333vw 0;
  }
  
  .about-page .goals .goals-list li{
      width: 100%;
  }

  .about-page .manufacture img {
    height: 133.333vw;
  }
  
  .about-page .manufacture .manufacture-sub-ttl{
      padding: 3.2vw 7.733vw;
      font-size: 3.733vw;
  }
  
  .about-page .manufacture .manufacture-list{
      padding: 6.133vw 0 0;
  }
  
  .about-page .manufacture .manufacture-detail-list{
      width: 48%;
      justify-content: center;
  }
  
  .about-page .manufacture .manufacture-list li{
      padding-bottom: 6.667vw;
  }
  
  .about-page .manufacture .manufacture-list li h5{
      padding: 5.333vw 0 2.133vw;
  }
}