@media (min-width: 1200px) {

    /**
     font
      */
    h1, .h1 {
        font-size: 72px;
    }

    h2, .h2 {
        font-size: 48px;
    }

    h3, .h3 {
        font-size: 36px;
    }

    h4, .h4 {
        font-size: 30px;
    }

    h5, .h5 {
        font-size: 22px;
    }

    h6, .h6 {
        font-size: 18px;
    }

    .c1 {
        font-size: 24px;

    }

    .c2 {
        font-size: 20px;

    }

    .c3 {
        font-size: 18px;

    }

    .c4 {
        font-size: 16px;

    }

    .c5 {
        font-size: 15px;

    }

    .c6 {
        font-size: 13px;

    }

    .c7 {
        font-size: 12px;

    }

    .c8 {
        font-size: 8px;
    }

    .margin-top-lg-40 {
        margin-top: 40px;
    }

    /**
    typo
     */


    ul.typo-1 li span.title-2 {
        display: inline-block;
        width:160px;

    }

    .btn-style-01 {
        padding-top:15px;
        padding-bottom:15px;
    }


    /**
    reset
     */
    hr {
        margin: 15px 0;
    }

    header .logo {

        margin-right: 60px;

    }

    .nav-sm {
        padding-top: 13px;
    }

    .nav-top-wrap {
        padding-left: 65px;
    }

    .nav-sm ul.nab-sm-topmenu a:hover {
        padding-bottom: 10px;
        border-bottom: 3px solid #009de0;

    }

    .nav-sm ul.nab-sm-topmenu a {
        font-weight: 500;
        font-size: 20px;
    }

    .nav-sm ul.nab-sm-topmenu li {
        margin-top: 0px;
        margin-right: 40px;
        list-style: none;
        float: left;
    }

    .nav-lg ul.nab-lg-topmenu li:last-child {
        margin-right: 0px;
    }

    .nav-sm ul.nab-sm-topmenu li {
        margin-top: 0px;
        margin-right: 75px;
    }

    .nav-sm ul.nab-sm-topmenu {
        margin-top: 6px;
    }

    .full-top-menu-wrap {

        background-color: #FFF;
    }

    .full-top-menu .menu-content ul {

    }

    .full-top-menu {
        background-color: #FFF;
        display: none;
        position: absolute;
        width: 100%;
        z-index: 1000;
        font-size: 14px;
    }

    .full-top-menu {
        top: 65px;
        height: 202px;

    }

    .full-top-menu .container {
        padding-left: 0px;
    }

    .full-top-menu ul {
        list-style: none;
        padding: 0;

    }

    .full-top-menu ul li {
        list-style: none;
        padding: 3px 0;

    }

    .full-top-menu a:focus, .full-top-menu a:hover {
        color: #0060ab;

    }

    .full-top-menu .short-link td {
        height: 60px;
        padding: 11px 0px 0 30px;
    }

    .full-top-menu .container {
        position: relative;
        padding-top:10px;
    }

    .full-top-menu .menu-content {

        position: absolute;
    }

    .full-top-menu .menu-content:nth-child(1) {

        left: 455px;
    }

    .full-top-menu .menu-content:nth-child(2) {

        left: 605px;
    }

    .full-top-menu .menu-content:nth-child(3) {

        left: 755px;
    }

    .full-top-menu .menu-content:nth-child(4) {

        left: 910px;
    }

    .full-top-menu .menu-content:nth-child(5) {

        left: 1060px;
    }

    .full-top-menu .menu-content .info-text {

        position: absolute;
        top: 0;
        color: #FFF;
        padding: 40px;

    }

    .full-top-menu .container {
        padding-left: 410px;
    }

    header .logo {

        width: initial;
        margin-top: 3px;

    }

    .sub-title {
        margin-top: 15px;
    }

    .index .s01 {
        margin-top: 15px;
        height: 980px;
        padding-top: 160px;

    }

    .index .s01 .wrap-01 {
        width: 674px;
        float: left;
    }

    .index .s01 .main-title {

        margin-left: 0;
        margin-right: 0;
    }
    .index .s01 .main-title {
        height: 559px;
        width: 466px;
        float: left;

    }


.tp-mask-wrap {
    width: 478px;
}

    /**
    sub
     */

    .p0501 .s02 .picture picture{
        height: 315px;
        vertical-align: middle;
    }

}