@charset "utf-8";



#simulation2 #net .docs .sec .hd .en span {
    font-size: 150%;
    display: inline-block;
    margin-left: 0.25em;
}

#simulation2 #net .docs .sec h3 {
    line-height: 1.35em;
}

#simulation2 #net .docs .sec .hd h3 span {
    font-size: 65%;
    display: inline-block;
    margin-left: 0.25em;
}





@media print,
screen and (min-width: 769px) {





    #simulation2 #net .kv {
        height: 630px;
    }

    #simulation2 #net .kv .inner {
        justify-content: flex-start;
    }



    #simulation2 #net .kv .titarea {
        display: block;
        background-image: url(img/net_kv_title_left.png);
        background-size: 504px 120px;
        background-repeat: no-repeat;
        background-position: left center;
        width: 100%;
        height: 200px;
    }


    #simulation2 #net .kv .titarea .inn {
        display: block;
        background-image: url(img/net_kv_title_right.png);
        background-size: 516px 134px;
        background-repeat: no-repeat;
        background-position: right center;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }



    #simulation2 #net .kv h2 {
        background-image: url(img/net_kv_title.png);
        background-size: 100% 100%;
        width: 189px;
        height: 53px;
        text-indent: -9999px;
    }

    #simulation2 #net .kv .lead {
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        margin-top: 10px;
    }


    #simulation2 #net .kv .product {
        width: 380px;
        position: relative;
        margin-top: -10px;
    }

    #simulation2 #net .kv .product .cap {
        font-size: 12px;
        position: absolute;
        left: calc(100% + 20px);
        bottom: 20px;
        white-space: nowrap;
    }




    #simulation2 #net .sec {
        margin-bottom: 100px;
    }

    #simulation2 #net .sec .hd {
        margin-bottom: 40px;
    }





    #simulation2 #net .sec .mainimage {
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }



    #simulation2 #net .sec h4 {
        margin-top: 30px;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.5em;
        text-align: center;
    }

    #simulation2 #net .sec#network_4 h4 {
        font-size: 16px;
    }


    #simulation2 #net .sec .caps {
        /* width: 800px; */
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    #simulation2 #net .sec .caps ul li {
        text-indent: -1em;
        margin-left: 1em;
        font-size: 12px;
        margin-bottom: 0.5em;
    }

    #simulation2 #net .sec .caps dl {
        display: flex;
        font-size: 12px;
        flex: 1;
    }

    #simulation2 #net .sec .caps dd {
        flex: 1;
        font-size: 12px;
    }

    #simulation2 #net .sec .caps>dl {
        margin-bottom: 0.5em;
    }



    #simulation2 #net .sec#network_1 .image {
        width: calc(1824px / 2);
        margin-left: auto;
        margin-right: auto;
    }




    #simulation2 #net .sec#network_2 .ill {
        width: calc(496px / 2);
        margin-left: auto;
        margin-right: auto;
    }

    #simulation2 #net .sec#network_2 .image {
        width: calc(1666px / 2);
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }


    #simulation2 #net .sec#network_3 .ill {
        width: calc(1010px / 2);
        margin-left: auto;
        margin-right: auto;
    }


    #simulation2 #net .sec#network_3 .image {
        width: calc(1610px / 2);
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }


    #simulation2 #net .sec#network_4 .image {
        width: calc(488px / 2);
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }



    #simulation2 #net .sec#network_4 .btn_app a {
        background-image: url(../simulation2/img/net_4_btn.png);
        background-size: 100% 100%;
        width: 378px;
        height: 76px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        position: relative;
    }






}



@media only screen and (max-width: 768px) {




    #simulation2 #net .kv {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }


    #simulation2 #net .kv .titarea {
        display: block;
        background-image: url(img/net_kv_title_kazari.png);
        background-size: 100vw calc(100vw / 750 * 101);
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
    }

    #simulation2 #net .kv .titarea .inn {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


    #simulation2 #net .kv h2 {
        background-image: url(img/net_kv_title_sp.png);
        background-size: 100% 100%;
        width: 40vw;
        height: calc(40vw / 299 * 73);
        text-indent: -9999px;
    }

    #simulation2 #net .kv .lead {
        font-size: 5vw;
        font-weight: bold;
        text-align: center;
        margin-top: 4vw;
    }




    #simulation2 #net .kv .product {
        width: 82vw;
        margin-top: 6vw;
        margin-left: auto;
        margin-right: auto;
    }

    #simulation2 #net .kv .product .cap {
        font-size: 10px;
        text-align: right;
        margin-bottom: 20px;
    }



    #simulation2 #net .sec .hd {
        margin-bottom: 6vw;
    }




    #simulation2 #net .mainimage {
        margin-left: 6vw;
        margin-right: 6vw;
        position: relative;
        margin-top: 6vw;
    }






    #simulation2 #net .sec h4 {
        margin-top: 6vw;
        font-size: 19px;
        font-weight: 500;
        line-height: 1.5em;
        text-align: center;
    }

    #simulation2 #net .sec#network_4 h4 {
        font-size: 13px;
    }

    #simulation2 #net .sec .caps {
        margin-top: 6vw;
    }

    #simulation2 #net .sec .caps ul li {
        text-indent: -1em;
        margin-left: 1em;
        font-size: 10px;
        margin-bottom: 0.5em;
    }

    #simulation2 #net .sec .caps dl {
        display: flex;
        flex: 1;
    }

    #simulation2 #net .sec .caps dt {
        font-size: 10px;
    }

    #simulation2 #net .sec .caps dd {
        font-size: 10px;
        flex: 1;
    }

    #simulation2 #net .sec .caps>dl {
        margin-bottom: 0.5em;
    }



    #simulation2 #net .sec#network_1 .image {
        width: 64vw;
        margin-left: auto;
        margin-right: auto;
    }


    #simulation2 #net .sec#network_2 .ill {
        width: 50vw;
        margin-left: auto;
        margin-right: auto;
    }

    #simulation2 #net .sec#network_2 .image {
        width: 64vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6vw;
    }

    #simulation2 #net .sec#network_3 .ill {
        width: 88vw;
        margin-left: auto;
        margin-right: auto;
    }

    #simulation2 #net .sec#network_3 .image {
        width: 64vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6vw;
    }


    #simulation2 #net .sec#network_4 .image {
        width: 50vw;
        margin-top: 3vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6vw;
    }


    #simulation2 #net .sec#network_4 .btn_app a {
        display: block;
        background-image: url(../simulation2/img/net_4_btn_sp.png);
        background-size: 100% 100%;
        width: 72vw;
        height: calc(72vw / 562 * 100);
        margin-left: auto;
        margin-right: auto;
        margin-top: 6vw;
        text-indent: -99999px;
        overflow: hidden;
        position: relative;
    }


}