.topbg img {
    width: 100%;
}

main {
    margin: 0 auto;
}

#ButtonGroup {
    display: flex;
    flex-direction: column;
    padding-top: min(7vw, 70px);
    padding-bottom: min(8vw, 80px);
    margin: 0 auto;
    text-align: center;
}
.TopBackButton {
    margin: min(2vw, 20px) auto min(4vw, 40px);
    background: linear-gradient(#bbbbbb, #ffffff, #bbbbbb);
    border: 2px solid#bbbbbb;
}
.SearchBackButton {
    margin: min(2vw, 20px) auto min(4vw, 40px);
    background: linear-gradient(orange, rgb(255, 243, 73), orange);
    border: 2px solid rgb(255, 153, 0);
}

.ButtonTxt {
    width: 35%;
    border-radius: min(1vw, 10px);
    padding: min(1.5vw, 15px) 0;
    font-size: min(1.7vw, 17px);
    font-weight: 600;
}

@media screen and (max-width: 960px) {
    .TopBackButton {
        margin: 2vw auto 7vw;
    }
    .ButtonTxt {
        width: 55%;
        padding: 2vw 0;
        font-size: 3vw;
    }
}

@media screen and (max-width: 500px) {
    #ButtonGroup {
        margin: 0 auto;
    }
    .TopBackButton {
        margin: 3vw auto 8vw;
    }
    .ButtonTxt {
        width: 60%;
        padding: 2.5vw 0;
        font-size: 3.5vw;
    }
}

/* 探す
====================================================*/
#serchParentArea {
    width: 100%;
    padding: 5% 0 5%;
}
.serchParentArea {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 500px) {
    #serchParentArea {
        padding: 8vw 0 7vw;
    }
    .serchParentArea {
        width: 98%;
    }
    .serchParentArea_flex_in {
        width: 100%;
    }
}
/* 部門 */
.serchParentArea_category {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 7% 0 6%;
}
.serchParentArea_category_in {
    width: 23%;
    margin: 0 1% 2%;
}

/* エリア */
#area {
    width: 90%;
}
#content03 {
    width: 100%;
    padding: 4% 0 6%;
}
.content03 {
    margin: 0 auto;
    text-align: center;
}
.content03_00_img {
    width: 98%;
}
.content03_box {
    width: 100%;
    padding: 3% 0 0;
}
.content03_box_in {
    width: 100%;
    font-size: 0;
    text-align: center;
}
.content03_box_bt {
    display: inline-block;
    vertical-align: middle;
    width: 23%;
    margin: 0 1% 2%;
}
.content03_box_bt_img {
    width: 100%;
}
@media screen and (max-width: 960px) {
    /*----- content03 -----*/
    #area {
        width: 98%;
    }
    #content03 {
        padding: 4vw 0 6vw;
    }
    .content03_t0 {
        margin-top: 1.5vw;
        font-size: 3.2vw;
    }
    .content03_box {
        padding: 3vw 0 0;
    }
    .content03_box_t1 {
        padding: 0.4vw 0 0.6vw;
        font-size: 2.4vw;
        letter-spacing: 0.5vw;
    }
    .content03_box_t2 {
        margin: 1.5vw 0 2vw;
        font-size: 2.1vw;
    }
    .content03_box_bt {
        width: 23%;
        margin: 0 1% 1vw;
    }
}

@media screen and (max-width: 500px) {
    /*----- content03 -----*/
    #content03 {
        padding: 4vw 0 6vw;
    }
    .content03_t0 {
        margin-top: 1.5vw;
        font-size: 4.4vw;
    }
    .content03_box {
        padding: 3vw 0 0;
    }
    .content03_box_t1 {
        padding: 1vw 0 1.2vw;
        font-size: 4vw;
        letter-spacing: 0.5vw;
    }
    .content03_box_t2 {
        margin: 2vw 0 3vw;
        font-size: 3.3vw;
        line-height: 140%;
    }
    .content03_box_bt {
        width: 23%;
        margin: 0 1% 1vw;
    }
}