@charset "utf-8";
/* CSS Document */
#main_contents.download_wrap {
    @media screen and (min-width: 641px) {
        /*メインコンテンツ*/

        ul.button_list {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        ul.button_list a {
            display: block;
            border: 1px solid #e73278;
            width: 200px;
            height: 200px;
            text-decoration: none;
            color: #666;
            line-height: 1;
        }

        ul.button_list a span {
            display: block;
            text-align: center;
        }

        ul.button_list a span.text01,
        ul.button_list a span.text02 {
            margin: 36px 0;
        }

        ul.button_list a span.text01 {
            font-size: 18px;
            font-weight: bold;
        }

        ul.button_list a span.text02 {
            font-size: 24px;
        }

        ul.button_list a span.download {
            width: 70%;
            margin: auto auto;
            padding: 4px;
            background-color: #e73278;
            color: #fff;
            font-size: 14px;
            border-radius: 18px;
        }

        ul.button_list a.ao {
            border: 1px solid #0083c9;
        }

        ul.button_list a.ao span.text02 {
            font-size: 21px;
        }

        ul.button_list a.ao span.download {
            background-color: #0083c9;
        }
    }

    /*-----------------------------------*/

    @media screen and (max-width: 640px) {
        /*メインコンテンツ*/
        ul.button_list {
            margin: 2rem auto;
        }

        ul.button_list li {
            margin: 12px 10px;
        }

        ul.button_list a {
            display: block;
            text-decoration: none;
            color: #666;
            padding: 16px 8px;
            line-height: 18px;
            border: 1px solid #e73278;
        }

        ul.button_list a span {
        }

        ul.button_list a span.text01,
        ul.button_list a span.text02 {
            margin: 36px 0;
        }

        ul.button_list a span.text01 {
            font-size: 14px;
            font-weight: bold;
            margin-right: 12px;
        }

        ul.button_list a span.text02 {
            font-size: 16px;
        }

        ul.button_list a span.download {
            display: inline-block;
            margin: auto auto;
            padding: 4px 12px;
            background-color: #e73278;
            color: #fff;
            font-size: 12px;
            border-radius: 18px;
            text-align: center;
            float: right;
            line-height: 12px;
        }

        ul.button_list a.ao {
            border: 1px solid #0083c9;
        }

        ul.button_list a.ao span.download {
            background-color: #0083c9;
        }
    }

    @media screen and (max-width: 320px) {
        ul.button_list a.ao {
            border: 1px solid #0083c9;
            text-align: center;
        }

        ul.button_list a.ao span.download {
            float: none;
            margin-top: 12px;
        }
    }
}