/* company page */

.company__fv{
  width: 100%;
  padding-top: calc(500 / 1440 * 100%);
  background-image: url(../../img/company/fv.jpg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 30px;
}

.info {
    margin-top: 100px;
}

.h2 {

}



.info__items-wrapper {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

.info__list {
    width: 50%;
}

.info__row {
    display: flex;
    border-bottom: 1px solid #b7b7b7;
    padding: 18px 0 19px ;
    font-size: 16px;
}

.info__row:first-child{
    border-top: 1px solid #b7b7b7;
}

.info__list dt {
    width: 25%;
    font-weight: normal;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 1.8;
}

.info__list dd {
    width: 65%;
    margin: 0;
    line-height: 1.8;
}

.company-img__wrapper {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    display: flex;
    margin-top: 80px;
}

.company-img {
    width: 33.33%;
}

.history {
    margin-top: 100px;
}

.history__list {
    margin-top: 40px;
}

.history__row {
    display: flex;
    border-bottom: 1px solid #b7b7b7;
    padding: 18px 0 19px ;
    font-size: 16px;
}

.history__row:first-child{
    border-top: 1px solid #b7b7b7;
}

.history__list dt {
    width: 14%;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 1.8;
    font-weight: bold;
}

.history__list dd {
    width: 86%;
    margin: 0;
    line-height: 1.8;
}

.machine {
    margin-top: 100px;
}

.h2 {

}

.machine__wrapper {
    max-width: 900px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 100px;
}



@media ( max-width: 767.98px){
    .info{
        margin-top: 50px;
    }
    .info__items-wrapper{
        display: block;
    }
    .info__list{
        width: 100%;
    }
    .info__row{
        font-size: 14px;
        padding: 15px 0;
    }
    .info__row:first-child{
        border-top: none;
    }
    .info__list dt{
        width: 26%;
        line-height: 1.8;
    }
    .info__list dd{
        width: 74%;
        line-height: 1.8;
    }
    .history__row{
        font-size: 14px;
        padding: 15px 0;
    }
    .history__list dt{
        width: 40%;
    }
    .history__list dd{
        width: 60%;
    }
    .history{
        margin-top: 60px;
        margin-bottom: 100px;
    }
    .machine {
    margin-top: 60px;
    }
    .machine__wrapper {
    margin-top: 40px;
    margin-bottom: 50px;
    }
    dt{
        /* margin-top: 3px; */
    }
}

/* 設備紹介スライダー */
.machine__wrapper {
    max-width: 800px;
    margin: 40px auto 50px;
}

.machine__main {
    width: 100%;
    margin-bottom: 8px;
}

.machine__main .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    position: relative;
}

.machine__text{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-bottom: 0;
    padding: 2px 10px;
}

.machine__thumbs {
    padding: 4px 0;
    margin-top: 20px;
}

.machine__thumbs .swiper-slide {
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.2s;
}

.machine__thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.machine__thumbs .swiper-slide img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}