@charset "utf-8";
@import url("reset.css");
@import url("style.css");
/* CSS Document */

/* ------------------------------------------------------------ Main Contents */


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


/* --- contents --- */


/* - mainBox - */
.contents .mainBox{
    flex-wrap: wrap;
}
    .contents .logoBox,
    .contents .itemBox,
    .contents .downloadBtnBox,
    .contents .bnrBox,
    .contents .copyBox{
        width: 50%;
    }
    .contents .logoBox{
        text-align: center;
    }
    .contents .itemBox {
        padding: 0 0 30px;
    }
    .contents .downloadBtnBox{

    }
    .contents .downloadBtnBox a{
        width:60%;
        font-size: 24px;
        font-size: 2.4rem;
        /* font-weight:bold; */
        text-decoration:none;
        display:block;
        text-align:center;
        padding:8px 0 10px;
        color:#fff;
        background-color:#00cc66;
        border-radius:5px;
        box-shadow:2px 2px #333333;
        margin: 0 auto;
    }
    .contents .downloadBtnBox a:hover{
        box-shadow:none;
        transform: translate3d(2px, 2px, 0);
    }
    .contents .downloadBtnBox a::after{
        content: " > >";
    }
    .contents .itemBox:nth-child(4) a{
        text-decoration: underline;
        /* color: #0563c1; */
        line-height: 1.2;
    }
    .contents .bnrBox{
        display: -webkit-flex;
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;

        flex-wrap: wrap;
        justify-content:space-around;
        text-align: center;
    }
    .contents .bnrBox a{

    }
    .contents .bnrBox a img{
        width: 80%;
        height: auto;
    }
    .contents .copyBox{

    }
    .contents .copyBox p{
        text-align: right;
    }
    .contents .copyBox a{
        text-decoration: underline;
        /* color: #0563c1; */
    }

    .contents .mainBox .lips_exp p{
        text-align: justify;
        text-justify: inter-ideograph;
    }
/* - //mainBox - */







/* --- //contents --- */

}