@charset "utf-8";
/* CSS Document */

#achievements {
    background-color: #fff;
    padding: 180px 0 120px 0;
}



#achievements .achievements_items {
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#achievements .achievements_items .achievements_item {
    width: 100%;
    border: 4px solid #F29600;
    padding: 22px;
    margin-bottom: 60px;
    box-shadow: 6px 3px 16px -8px #777777;

}

#achievements .achievements_item .item_box {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

#achievements .achievements_item .item_box .item_left {
    margin-bottom: 8px;
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 4%;
}

#achievements .achievements_item .item_box .item_left .info .name {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

#achievements .achievements_item .item_box .item_left .info .name span {
    font-size: 28px;
    color: #F29600;
    margin-right: 4px;
}

#achievements .achievements_item .item_box .item_left .info .details {
    margin-bottom: 8px;
}

#achievements .achievements_item .item_box .item_left .info .details p {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 6px 10px;
}

#achievements .achievements_item .item_box .item_left .info .details p.wall {
    background-color: #00188C;
    margin-right: 5px;
}

#achievements .achievements_item .item_box .item_left .info .details p.roof {
    background-color: #680000;
    margin-right: 5px;
}
#achievements .achievements_item .item_box .item_left .info .details p.waterproof {
    background-color: #002D44;
    margin-right: 5px;
}
#achievements .achievements_item .item_box .item_left .info .details p.other {
    background-color: #442100;
}

#achievements .achievements_item .item_box .item_left .info .period {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

#achievements .achievements_item .item_box .item_left .info .period span {
    font-size: 28px;
    color: #F29600;
    margin-right: 4px;
}

#achievements .achievements_item .item_box .item_left .before_img {
    box-shadow: 6px 3px 16px -8px #777777;
}

#achievements .achievements_item .item_box .item_right {
    margin-bottom: 8px;
    width: 56%;
}

#achievements .achievements_item .item_box .item_right .after_img {
    box-shadow: 6px 3px 16px -8px #777777;
}

@media screen and (max-width: 1024px) {
    #achievements .pc {
        display: none;
    }
    
    #achievements .achievements_item .item_box .item_left .info .name {
        font-size: 16px;
    }

    #achievements .achievements_item .item_box .item_left .info .name span {
        font-size: 24px;
    }

    #achievements .achievements_item .item_box .item_left .info .details {
        margin-bottom: 12px;
        text-align: right;
    }

    #achievements .achievements_item .item_box .item_left .info .details p {
        font-size: 16px;
        padding: 6px 8px;
    }
    
    #achievements .achievements_item .item_box .item_left .info .details p.wall {
        margin-right: 0;
    }

    #achievements .achievements_item .item_box .item_left .info .details p.roof {
        margin-right: 0;
    }
    #achievements .achievements_item .item_box .item_left .info .details p.waterproof {
        margin-right: 0;
    }

    #achievements .achievements_item .item_box .item_left .info .period {
        font-size: 16px;
    }

    #achievements .achievements_item .item_box .item_left .info .period span {
        font-size: 24px;
    }

}

@media screen and (max-width: 767px) {
    #achievements {
        padding: 90px 0 80px 0;
    }
    
    #achievements .achievements_item .item_box {
        flex-direction: column;    
    }
    
    #achievements .achievements_item .item_box .item_left {
        margin-bottom: 22px;
        width: 100%;
        margin-right: 0;
    }
    
    #achievements .achievements_item .item_box .item_right {
        margin-bottom: 8px;
        width: 100%;
    }

    #achievements .achievements_item .comment {
        font-size: 14px;
    }
}






.swiper-wrapper {
  /* wrapperのサイズを調整 
  width: 100%;
  height: 900px;*/
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  /*color: #ffffff;
  width: 100%;
  height: 100%;
  /*text-align: center;
  line-height: 300px;*/
}

/*.swiper-slide:nth-child(3n + 1) {
  background-color: #de4439;
}

.swiper-slide:nth-child(3n + 2) {
  background-color: #fcd500;
}

.swiper-slide:nth-child(3n + 3) {
  background-color: #53c638;
}*/


.swiper-button-prev {
    color: #fff!important;
}
.swiper-button-next {
    color: #fff!important;
}