@charset "UTF-8";

/* common
----------------------------------------------------*/
.downloadLayout #common_bg .cassette > .inner {
    max-width: 700px;
}




        /* 【タブレット用のスタイル記述】 */
        @media screen and (min-width: 760px) {
        }

        /* 【PC用のスタイル記述】 */
        @media screen and (min-width: 960px) {
        }



/* c01
----------------------------------------------------*/
.downloadLayout .t_center {
    margin-bottom: 60px;
}
.downloadLayout .column:not(:last-of-type) ul, .downloadLayout .column:not(:last-of-type) p {
    padding-left: 50px;
}
.downloadLayout .column ul {
    margin-top: 20px;
}

.downloadLayout .ora_box {
    border-radius: 20px;
    background-color: #FDD089;
    padding: 40px 0;
}
.downloadLayout .ora_box > div {
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 450px;
}
.downloadLayout .ora_box .ttl {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 1.3rem;
}
.downloadLayout .ora_box a {
    border: 1px solid #F5A100;
    background-color: #F5A100;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    margin-top: 20px;
    display: block;
    width: 100%;
    padding: 10px 0;
    font-weight: bold;
    transition: all 0.3s;
}
.downloadLayout .ora_box a:hover {
    color: #F5A100;
    background-color: #fff;
}
.downloadLayout .ora_box a span {
    display: inline-block;
    padding-left: 25px;
    position: relative;
}
.downloadLayout .ora_box a span::before {
    position: absolute;
    content: "";
    background: url("../common/img/nav_icon06.png")no-repeat center center/cover;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    transition: all 0.3s;
}
.downloadLayout .ora_box a:hover span::before {
    background-image: url("../common/img/nav_icon06a.png");
}


        /* 【タブレット用のスタイル記述】 */
        @media screen and (min-width: 760px) {
            .downloadLayout .ora_box {
                border-radius: 30px;
            }
            .downloadLayout .ora_box .ttl {
                font-size: 1.5rem;
            }
        }

        /* 【PC用のスタイル記述】 */
        @media screen and (min-width: 960px) {
        }