/*作品*/
.works{
    /*背景*/
    background: linear-gradient(#ffffff, #e4f9e6);
}
.works_inner{
    max-width: 1440px;
    margin: 0 auto;
    padding: 120px 135px 180px;
    position: relative;
}

.works_wrapper{
    position:relative;
}

/*もっと見るボタン*/
.works_bottom{
    position: relative;
    margin-top: 80px;
    text-align: center;
}
.works_button .button_inner{
    display: inline-block;
    padding: 10px 30px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
}

.works_bottom[open] .works_button{
    display: none;
}

/*くまイラスト*/
.works-image-kuma{
    width: 168px;

    position: absolute;

    top:67px;
    left:50%;

    transform: translateX(calc(-50% - 316px)) scaleX(-1);
}

/*カタツムリイラスト*/
.works-image-tsumu{
    width: 104px;
    position: absolute;

    top: 193px;
    left: 50%;

    transform: translateX(calc(-50% + 341px)) scaleX(-1);
}

/* 小さめのパソコン */
@media screen and (max-width:1270px){
    .works_inner{
    padding: 120px 80px 180px;
}

/* お問い合わせ */
/*くまカタツムリイラスト*/
.contact-image-kumatsumu{
    width: 35%;
    max-width:441px;
    min-width:300px;
    bottom: 150px;
    left:50%;
    transform: translateX(calc(-50% + 80%));
}

}


/* タブレット */
@media screen and (max-width:900px){

.works_inner{
    padding: 120px 60px 180px;
}

/*くまイラスト*/
.works-image-kuma{
    width: 17%;
    max-width:168px;
    min-width:140px;
    top:67px;
    left:50%;

    transform: translateX(calc(-50% - 230px)) scaleX(-1);
}

/*カタツムリイラスト*/
.works-image-tsumu{
    width: 17%;
    max-width:84px;
    min-width:80px;
    top: 170px;
    left: 50%;

    transform: translateX(calc(-50% + 200px)) scaleX(-1);
}

/* お問い合わせ */
/*くまカタツムリイラスト*/
.contact-image-kumatsumu{
    width: 35%;
    max-width:400px;
    min-width:250px;
    bottom: 150px;
    left:50%;
    transform: translateX(calc(-50% + 60%));
}
}

/* スマホ */
@media screen and (max-width:600px){

.works_inner{
    padding: 120px 40px 180px;
}

/*くまイラスト*/
.works-image-kuma{
    width: 17%;
    max-width:158px;
    min-width:90px;
    top:60px;
    left:50%;

    transform: translateX(calc(-50% - 150px)) scaleX(-1);
}

/*カタツムリイラスト*/
.works-image-tsumu{
    width: 17%;
    max-width:49px;
    min-width:25px;
    top: 130px;
    left: 50%;

    transform: translateX(calc(-50% + 150px)) scaleX(-1);
}

/* お問い合わせ */
/*くまカタツムリイラスト*/
.contact-image-kumatsumu{
    width: 35%;
    max-width:380px;
    min-width:200px;
    bottom: 150px;
    left:50%;
    transform: translateX(calc(-50% + 40%));
}
}