@charset "UTF-8";

.c-image-grid.c-image-grid--double.columns_gap{
    grid-template-columns: 1.5fr 2fr;
}
@media screen and (max-width: 1400px){
    .c-image-grid.c-image-grid--double.columns_gap{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .c-image-grid.c-image-grid--double.c-image-grid--sp-keep{
        display: block;
    }
}
@media screen and (max-width: 767px){
    .c-image-grid.c-image-grid--double.columns_gap{
        display: block;
    }
    .c-image-grid.c-image-grid--double.columns_gap .c-deco-box{
        margin-bottom: 20px;
    }
}
.c-image-grid.c-image-grid--double.columns_gap .c-deco-box{
    display: flex;
    justify-content: center;
    align-items: center;
}

.w_wrap{
    align-items: center;
}
.w_wrap img{
    max-width: 600px;
    display: block;
    margin: 0 auto;
}
.c-image-grid__item.img_size img{
    max-width: 750px;
    display: block;
    margin: 0 auto;
}

.w_center{
    margin: 0 auto;
    max-width: 600px;
}
.w_center h3,
.w_center p{
    align-items: left;
}

.c-image-grid.c-image-grid--double.icon_size{
    grid-template-columns: 1fr 3fr;
    align-items: center;
}
.c-image-grid.c-image-grid--double.icon_size figure{
    padding: 0rem 4rem;
}
.c-image-grid.c-image-grid--double.icon_size img{
    max-width: 500px;
    display: block;
    margin: 0 auto;
}
@media screen and (max-width: 1400px){
    .c-image-grid.c-image-grid--double.icon_size figure{
        padding: 0;
    }
}
@media screen and (max-width: 767px){
    .c-image-grid.c-image-grid--double.icon_size{
        display: block;
    }
    .c-image-grid.c-image-grid--double.icon_size figure{
        padding: 0 4rem;
    }
    .c-image-grid.c-image-grid--double.icon_size img{
        max-width: 300px;
    }
}
.l-section-split__body.contArea.work_style{
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 3fr 1.5fr;
    column-gap: 4rem;
}
.img_size_position .img_size01.sp,
.img_size_position .img_size02.sp,
.img_size_position .img_size09.sp,
.img_size_position .img_size03.sp,
.img_size_position .img_size04.sp,
.img_size_position .img_size05.sp,
.img_size_position .img_size06.sp,
.img_size_position .img_size07.sp,
.img_size_position .img_size08.sp{
    display: none;
}
.img_size_position .img_size01.pc{
    position: relative;
    max-width: 65%;
    top: 0%;
    left: 20%;
}
.img_size_position .img_size02.pc{
    position: relative;
    max-width: 60%;
    top: 1%;
    left: 30%;
}
.img_size_position .img_size09.pc{
    position: relative;
    max-width: 35%;
    top: 3%;
    left: 55%;
    z-index: 1;
}
.img_size_position .img_size03.pc{
    position: relative;
    max-width: 60%;
    top: -2%;
    left: 0%;
    z-index: 2;
}
.img_size_position .img_size04.pc{
    position: relative;
    max-width: 35%;
    top: -5%;
    left: 55%;
    z-index: 1;
}
.img_size_position .img_size05.pc{
    position: relative;
    max-width: 60%;
    top: -4%;
    left: 5%;
}
.img_size_position .img_size06.pc{
    position: relative;
    max-width: 35%;
    top: -8%;
    left: 50%;
}
.img_size_position .img_size07.pc{
    position: relative;
    max-width: 55%;
    top: -6%;
    left: 40%;
}
.img_size_position .img_size08.pc{
    position: relative;
    max-width: 40%;
    top: -10%;
    left: 5%;
}
@media screen and (max-width: 1750px){
    .img_size_position .img_size01.pc{
        max-width: 65%;
        top: 0%;
        left: 20%;
    }
    .img_size_position .img_size02.pc{
        max-width: 60%;
        top: 2%;
        left: 30%;
    }
    .img_size_position .img_size09.pc{
        max-width: 45%;
        top: 4%;
        left: 50%;
    }
    .img_size_position .img_size03.pc{
        max-width: 55%;
        top: 0%;
        left: 4%;
    }
    .img_size_position .img_size04.pc{
        max-width: 45%;
        top: -4%;
        left: 50%;
    }
    .img_size_position .img_size05.pc{
        max-width: 63%;
        top: -2%;
        left: 8%;
    }
    .img_size_position .img_size06.pc{
        max-width: 38%;
        top: -6%;
        left: 54%;
    }
    .img_size_position .img_size07.pc{
        max-width: 55%;
        top: -4%;
        left: 40%;
    }
    .img_size_position .img_size08.pc{
        max-width: 43%;
        top: -8%;
        left: 5%;
    }
}
@media screen and (max-width: 1650px){
    .img_size_position .img_size01.pc{
        max-width: 65%;
        top: 0%;
        left: 15%;
    }
    .img_size_position .img_size02.pc{
        max-width: 65%;
        top: 3%;
        left: 30%;
    }
    .img_size_position .img_size09.pc{
        max-width: 45%;
        top: 6%;
        left: 55%;
    }
    .img_size_position .img_size03.pc{
        max-width: 63%;
        top: 2%;
        left: 0%;
    }
    .img_size_position .img_size04.pc{
        max-width: 45%;
        top: -3%;
        left: 55%;
    }
    .img_size_position .img_size05.pc{
        max-width: 63%;
        top: 0%;
        left: 8%;
    }
    .img_size_position .img_size06.pc{
        max-width: 38%;
        top: -4%;
        left: 54%;
    }
    .img_size_position .img_size07.pc{
        max-width: 52%;
        top: -1%;
        left: 43%;
    }
    .img_size_position .img_size08.pc{
        max-width: 43%;
        top: -4%;
        left: 5%;
    }
}
@media screen and (max-width: 1550px){
    .img_size_position .img_size01.pc{
        max-width: 80%;
        top: 0%;
        left: 10%;
    }
    .img_size_position .img_size02.pc{
        max-width: 80%;
        top: 2%;
        left: 20%;
    }
    .img_size_position .img_size09.pc{
        max-width: 50%;
        top: 4%;
        left: 50%;
        z-index: 1;
    }
    .img_size_position .img_size03.pc{
        max-width: 60%;
        top: 0%;
        left: 0%;
        z-index: 2;
    }
    .img_size_position .img_size04.pc{
        max-width: 50%;
        top: -3%;
        left: 50%;
        z-index: 1;
    }
    .img_size_position .img_size05.pc{
        max-width: 80%;
        top: -1%;
        left: 4%;
    }
    .img_size_position .img_size06.pc{
        max-width: 45%;
        top: -5%;
        left: 54%;
    }
    .img_size_position .img_size07.pc{
        max-width: 60%;
        top: -2%;
        left: 40%;
    }
    .img_size_position .img_size08.pc{
        max-width: 50%;
        top: -6%;
        left: 0%;
    }
}
@media screen and (max-width: 1450px){
    .l-section-split__body.contArea.work_style{
        column-gap: 3rem;
    }
    .img_size_position .img_size01.pc{
        max-width: 75%;
        top: 0%;
        left: 12%;
    }
    .img_size_position .img_size02.pc{
        max-width: 75%;
        top: 2%;
        left: 20%;
    }
    .img_size_position .img_size09.pc{
        max-width: 50%;
        top: 5%;
        left: 50%;
        z-index: 1;
    }
    .img_size_position .img_size03.pc{
        max-width: 60%;
        top: 1%;
        left: 0%;
        z-index: 2;
    }
    .img_size_position .img_size04.pc{
        max-width: 50%;
        top: -2%;
        left: 50%;
        z-index: 1;
    }
    .img_size_position .img_size05.pc{
        max-width: 75%;
        top: 2%;
        left: 4%;
    }
    .img_size_position .img_size06.pc{
        max-width: 50%;
        top: -2%;
        left: 50%;
    }
    .img_size_position .img_size07.pc{
        max-width: 65%;
        top: 2%;
        left: 35%;
        z-index: 2;
    }
    .img_size_position .img_size08.pc{
        max-width: 60%;
        top: 1%;
        left: 0%;
    }
}
@media screen and (max-width: 1350px){
    .l-section-split__body.contArea.work_style{
        column-gap: 3rem;
    }
    .img_size_position .img_size01.pc{
        max-width: 85%;
        top: 0%;
        left: 0%;
    }
    .img_size_position .img_size02.pc{
        max-width: 80%;
        top: 3%;
        left: 20%;
    }
    .img_size_position .img_size09.pc{
        max-width: 60%;
        top: 6%;
        left: 40%;
        z-index: 1;
    }
    .img_size_position .img_size03.pc{
        max-width: 80%;
        top: 7%;
        left: 0%;
        z-index: 2;
    }
    .img_size_position .img_size04.pc{
        max-width: 60%;
        top: 8%;
        left: 40%;
        z-index: 1;
    }
    .img_size_position .img_size05.pc{
        max-width: 80%;
        top: 10%;
        left: 0%;
    }
    .img_size_position .img_size06.pc{
        max-width: 50%;
        top: 7%;
        left: 50%;
    }
    .img_size_position .img_size07.pc{
        max-width: 70%;
        top: 9%;
        left: 30%;
    }
    .img_size_position .img_size08.pc{
        max-width: 60%;
        top: 10%;
        left: 0%;
    }
}
@media screen and (max-width: 1200px){
    .l-section-split__body.contArea.work_style{
        display: block;
    }
    .img_size_position .img_size01.pc,
    .img_size_position .img_size02.pc,
    .img_size_position .img_size09.pc,
    .img_size_position .img_size03.pc,
    .img_size_position .img_size04.pc,
    .img_size_position .img_size05.pc,
    .img_size_position .img_size06.pc,
    .img_size_position .img_size07.pc,
    .img_size_position .img_size08.pc{
        display: none;
    }
    .img_size_position .img_size01.sp,
    .img_size_position .img_size02.sp,
    .img_size_position .img_size09.sp,
    .img_size_position .img_size03.sp,
    .img_size_position .img_size04.sp,
    .img_size_position .img_size05.sp,
    .img_size_position .img_size06.sp,
    .img_size_position .img_size07.sp,
    .img_size_position .img_size08.sp{
        display: block;
        max-width: 100%;
        top: 0%;
        left: 0%;
    }
    .img_size_position{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .img_size_position p{
        flex: 0 0 calc((100% - 20px) / 2);
    }
}