/* ////////////////////////////////////////////////////////////////////////////////
//
//  /media/css/style.css
//
//////////////////////////////////////////////////////////////////////////////// */
/* add & override
================================================================================ */
#wrapper {
    padding: 0 0 0 0;
}

/* #main
================================================================================ */
#main {
    position: relative;
    width: 100%;
    padding: 0 0 45px 0;
    background-color: #000122;
    background-image: url(../../img/common/base_visual.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right 165px;
    background-size: 761px 704px;
}

#main .inner {
    width: 1010px;
    margin: 0 auto;
    padding: 115px 0 0 0;
    color: #ffffff;
}

#main .inner .section {
    width: 660px;
    margin: 0 auto;
    padding: 45px 0 0 0;
}

#main .inner .section .block {
    margin: 80px 0 0 0;
}

#main .inner .section .block .boxL {
    float: left;
    width: 115px;
}

#main .inner .section .block .boxL img {
    width: 100%;
}

#main .inner .section .block .boxR {
    float: right;
    width: 170px;
    margin: 0 0 0 15px;
}

#main .inner .section .block .boxR .txt01 {
    font-size: 13px;
    line-height: 13px;
}

#main .inner .section .block .boxR .txt02 {
    padding: 0 0 10px 0;
    font-size: 11px;
    line-height: 21px;
}

#main .inner .section .block .boxR .txt03 {
    padding: 10px 0 0 0;
    font-size: 15.5px;
    line-height: 18px;
    letter-spacing: 0.10em;
    border-top: 1px solid #ffffff;
}

#main .inner .section .block .boxR .txt04 {
    padding: 5px 0 0 0;
    font-size: 10px;
    line-height: 13px;
}

#main .inner .section .block .boxR .txt05 {
    padding: 10px 0 0 0;
    font-size: 15.5px;
    line-height: 18px;
    letter-spacing: 0.10em;
}

#main .inner .section .block:first-child {
    margin: 0 0 0 0;
}

@media only screen and (max-width: 667px) {
    #main {
        width: auto;
        padding: 0 12px 30px 12px;
    }
    #main .inner {
        width: auto;
        padding: 70px 0 0 0;
    }
    #main .inner .section {
        width: 100%;
        padding: 30px 0 0 0;
    }
    #main .inner .section .block {
        width: 100%;
        margin: 0 0 0 0;
    }
    #main .inner .section .block .left {
        float: none;
        margin: 30px 0 0 0;
    }
    #main .inner .section .block .right {
        float: none;
        margin: 30px 0 0 0;
    }
    #main .inner .section .block .boxL {
        width: 35%;
    }
    #main .inner .section .block .boxL img {
        width: 100%;
    }
    #main .inner .section .block .boxR {
        width: 60%;
        margin: 0 0 0 0;
    }
    #main .inner .section .block:first-child .left {
        margin: 0 0 0 0;
    }
}