@charset "UTF-8";

/*▼▼ピックアップ▼▼pc*/
body.home #content > div#pickup {
    margin-bottom: 7%;
}

#pickup > ul {
    margin-bottom: 1%;
}

#pickup > ul > li {
    width: 23.5%;
    padding: 27px 18px 18px;
    margin-right: 2%;
    margin-bottom: 2%;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid rgb(250, 145, 165);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#pickup > ul > li:nth-child(4n) {
    margin-right: 0;
}

#pickup > ul > li > h3 {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}

#pickup > ul > li > ul {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid rgb(180, 180, 180);
    border-bottom: 1px solid rgb(180, 180, 180);
    margin-bottom: 18px;
}

#pickup > ul > li > ul > li {
    font-size: 15px;
    line-height: 1.6;
}

#pickup > ul > li > p {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 1;
    color: rgb(250, 145, 165);
    text-align: center;
}

#pickup > ul > li > a {
    padding: 15px 0;
    border-radius: 3px;
    text-align: center;
    line-height: 1;
    color: #fff;
    background-color: rgb(250, 145, 165);
    display: block;
}

#pickup > ul > li > a:hover {
    opacity: 0.6;
}

#pickup > p {
    text-align: center;
}

#pickup > p > a {
    padding: 15px 25px;
    border: 2px solid rgb(250, 145, 165);
    margin: 0 auto;
    border-radius: 30px;
    color: rgb(250, 145, 165);
    line-height: 1;
    display: inline-block;
}

#pickup > p > a:hover {
    background-color: rgb(255, 235, 242);
}

/*▼▼事業を検索▼▼pc*/
#buy_link > a {
    width: 100%;
    max-width: 400px;
    padding: 2% 0;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: rgb(250, 145, 165);
    display: block;
}

#buy_link > a:hover {
    opacity: 0.7;
}

#buy_link > a > i {
    margin-right: 10px;
}

/*===============================
//
MAXWIDTH / 768
//
===============================*/

@media screen and (max-width:768px) {


    /*▼▼ピックアップ▼▼pc*/
    body.home #content > div#pickup {
        margin-bottom: 8%;
    }

    #pickup > ul {
        margin-bottom: 4%;
    }

    #pickup > ul > li {
        width: 48.5%;
        padding: 20px;
        padding-top: 18px;
        margin-right: 3%;
        margin-bottom: 4%;
        float: left;
    }

    #pickup > ul > li:nth-child(4n) {
        margin-right: 0;
    }

    #pickup > ul > li:nth-child(2n) {
        margin-right: 0;
    }

    #pickup > ul > li:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    #pickup > ul > li > h3 {
        padding-bottom: 2%;
        margin-bottom: 4%;
        font-size: 21px;
    }

    #pickup > ul > li > ul {
        margin-bottom: 4%;
    }

    #pickup > ul > li > ul > li {
        margin-right: 12px;
        font-size: 16px;
        display: inline-block;
    }

    #pickup > ul > li > a {
        padding: 15px 0;
        font-size: 18px;
    }

    #pickup > p {
        text-align: center;
    }

    #pickup > p > a {
        padding: 15px 25px;
        border: 2px solid rgb(250, 145, 165);
        margin: 0 auto;
        border-radius: 30px;
        color: rgb(250, 145, 165);
        line-height: 1;
        display: inline-block;
    }

    #pickup > p > a:hover {
        background-color: rgb(255, 235, 242);
    }

    /*▼▼事業を検索▼▼pc*/
    #buy_link > a {
        width: 100%;
        max-width: 400px;
        padding: 2% 0;
        margin: 0 auto;
        font-size: 20px;
        text-align: center;
        color: #fff;
        background-color: rgb(250, 145, 165);
        display: block;
    }

    #buy_link > a:hover {
        opacity: 0.7;
    }

    #buy_link > a > i {
        margin-right: 10px;
    }


}

/*===============================
//
MAXWIDTH / 480
//
===============================*/

@media screen and (max-width:480px) {

    /*▼▼ピックアップ▼▼pc*/
    body.home #content > div#pickup {
        margin-bottom: 12%;
    }

    #pickup > ul {
        margin-bottom: 6%;
    }

    #pickup > ul > li {
        width: 100%;
        padding: 20px;
        margin-right: 0;
        margin-bottom: 4%;
        float: none;
    }

    #pickup > ul > li:nth-last-child(-n+2) {
        margin-bottom: 4%;
    }

    #pickup > ul > li:last-child {
        margin-bottom: : 0;
    }

    #pickup > ul > li > h3 {
        padding-bottom: 2%;
        margin-bottom: 6%;
        font-size: 20px;
    }

    #pickup > ul > li > ul {
        margin-bottom: 4%;
        text-align: center;
    }

    #pickup > ul > li > ul > li {
        margin-right: 12px;
        font-size: 15px;
        line-height: 1.5;
        display: inline-block;
    }

    #pickup > ul > li > a {
        padding: 15px 0;
        border-radius: 0;
        font-size: 16px;
    }

    #pickup > p > a {
        padding: 12px 18px;
        border: 2px solid rgb(250, 145, 165);
        margin: 0 auto;
        border-radius: 30px;
        font-size: 14px;
        color: rgb(250, 145, 165);
        line-height: 1;
        display: inline-block;
    }

    #pickup > p > a:hover {
        background-color: rgb(255, 235, 242);
    }

    /*▼▼事業を検索▼▼pc*/
    #buy_link > a {
        max-width: 480px;
        padding: 4% 0;
        font-size: 18px;
    }

}