@charset "UTF-8";
/*------------------------------------------------------------
共通
------------------------------------------------------------*/

.un_mv {
    width: 100%;
    padding-top: 90px;
    position: relative;
    margin-bottom: 100px;
}

.un_mv .ma_bg{
    width: 77%;
    color: #fff;
    font-size: 150%;
}

.un_mv .main_lang{
    position: absolute;
    right:25%;
    bottom:10%;
}

.un_mv .ma_bg img{
    width: 100%;
    height: auto;
}

.lan_com{
    box-shadow: 30px 30px 0 #fca700;
    margin-bottom:0; 
}

.prof{
    max-width: 1120px;
    margin: 0 auto 60px;
}

.toytals dt a{
    background: #fff;
    box-shadow: 0 0 0 1px #222 inset;
    padding: 5px 0;
    display: block;
    color: #222;
    text-align: center;
    text-decoration: none;
}

.toytals dd{
    font-size: 130%;
    font-weight: bold;
}
.min_tit {
    font-size: 120%;
    background: linear-gradient(transparent 60%, #ffff66 60%);
    display: inline-block;
}

.prof .cp_tit{
    font-family:HelveticaNeue-CondensedBold,'arial black','Arial';
    font-size: 200%;
    line-height: 150%;
    margin-bottom: 30px;
}

.prof dl{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prof dl dt{
    width: 20%;
}

.prof dl dd{
    width: 78%;
}



/*------------------------------------------------------------
製品情報
------------------------------------------------------------*/

.main_lang{
    text-align: right;
}

.orlogo {
    text-align: center;
    background: url(../img/or_logo.jpg) no-repeat center top;
    padding-top: 66px;
    font-size: 130%;
    width: 300px;
    margin: 0 auto 30px;
}

.orlogo dt{
    font-family:HelveticaNeue-CondensedBold,'arial black','Arial';
    font-size: 200%;
    line-height: 150%;
}

.orlogo dd{
    border-top: 1px solid #8ea5c5;
    width: 100%;
    margin: 0 auto;
}

.pins_bg{
    background: url(../images/pis_bg.jpg) no-repeat right top;
    background-size: 50% auto;
    margin-bottom: 60px;
}

.pin_area{
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 50px;
}

.pin_area ul{
    background: #fff;
    padding: 3%;
    width: 70%;
    box-shadow: 0 0 5px #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pin_area ul li{
    list-style: none;
}

.pin_area ul li{
    width: 42%;
    font-weight: bold;
}

.pin_area ul li img{
    width: 100%;
    height: auto;
}

.ic_botr{
    max-width: 1120px;
    margin: 0 auto 50px;
}

.ic_botr{
    text-align: center;
}

.ic_botr dt{
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 15px;
}

.bord{
    max-width: 1120px;
    margin: 0 auto 50px;
}

.bord img{
    width: 100%;
    height: auto;
}

.print_oin{
    max-width: 1120px;
    margin: 0 auto 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.print_oin li{
    list-style: none;
    width: 46%;
}

.print_oin li p{
    margin-bottom: 25px;
}

.print_oin li img{
    width: 100%;
    height: auto;
}

.print_oin li dl{
    text-align: center;
}

.print_oin li dt{
    font-weight: bold;
    margin-bottom: 10px;
}
.nano_b{
    background: #fff;
    padding: 3%;
    max-width: 1000px;
    margin: 0 auto 50px;
    width: 94%;
    box-shadow: 0 0 5px #ccc;
}
.nano_b ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nano_b li:first-child{
    width: 26%;
}

.nano_b li:last-child{
    width: 70%;
}

.nano_b li img{
    width: 100%;
    height: auto;
}
.nano_b li dl{
    margin-bottom: 30px;
}

.nano_b li dl dt{
    font-weight: bold;
}

.line_up{
    width: 40%;
    margin: 25px auto 0;
}

.line_up a{
    display: block;
    width: 100%;
    background: #222;
    text-align: center;
    color: #fff;
    padding: 15px 0;
}

.line_up a span{
    background: url(../images/pmore.png) no-repeat left center;
    background-size: 30px 30px;
    padding: 15px 0 15px 44px;
}

.respec{
    max-width: 1120px;
    margin: 0 auto 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.respec .photo{
    width: 48%;
}

.respec ul{
    width: 46%;
}

.respec ul li{
    background: url(../img/dod-line.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.respec li dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.respec li dt{
    width: 26%;
}

.respec li dd{
    width: 70%;
}

.respec .photo img{
width: 100%;
height: auto;}

.about{
    max-width: 650px;
    margin: 0 auto 50px;
    font-size: 80%;
    width: 100%;
}

@media screen and (max-width: 695px) {
    .un_mv {
        position: relative;
        width: 100%;
    }
    .ano_i{
        width: 94%;
    }
    .ano_i li p{width: 30%;}
    .ano_i li dl{width: 65%;}
    .ano_i li .grapf{    width: 100%;}
    .lineups dl{
        width: 94%;
    }
    
    .baseic{
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .baseic .photo{width: 100%;    margin-bottom: 20px;}
    .baseic dl{    width: 100%;}
    
    #panel2 table{
        width:1200px;
    }
    .scroll{
        overflow: auto;　　　　/*tableをスクロールさせる*/
        white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
    }
    .scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
        height: 5px;
    }
    .scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
        background: #F1F1F1;
    }
    .scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
        background: #BCBCBC;
    }
    .pre_bg{ 
        background: url(../img/company_preg.jpg) no-repeat 94% top;
        background-size: 200% auto;}
    .ings .mb-txt{
        background: rgba(255,255,255,.7);
        padding: 3%;
        width: 84%;
        margin-top: 200px;
        margin-top: 200px;
    }
    .gaiyou{
        width: 100% !important;
    }
    .company_a{
        display: block !important;
    }
    .company_a dl{
        width: 100%;
        margin-bottom: 20px;
    }
    .company_a .photo{
        margin: 0 auto;
    }
    .g_maps iframe{
        width: 100%;
        height: 300px;
    }
    
    .un_mv {
        width: 100%;
        padding-top: 60px;
        position: relative;
        margin-bottom: 60px;
    }

    .un_mv .ma_bg{
        width: 86%;
        color: #fff;
        font-size: 150%;
    }
    
    .un_mv .main_lang{
        position: absolute;
        right:10%;
        bottom:0%;
        font-size: 80%;
    }
    
    .lan_com{
        box-shadow: 30px 30px 0 #fca700;
        margin-bottom:0; 
    }
    
    .prof dl dt{
        width: 30%;
    }

    .prof dl dd{
        width: 68%;
    }
    
    .pins_bg{
        background: url(../img/pis_bg.jpg) no-repeat right top;
        background-size: 90% auto;
        margin-bottom: 50px;
    }
    
    .pin_area{
        max-width: 1120px;
        margin: 0 auto;
        padding-top: 50px;
    }

    .pin_area ul{
        background: #fff;
        padding: 5%;
        width: 84%;
        box-shadow: 0 0 5px #ccc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .print_oin{
        max-width: 1120px;
        margin: 0 auto 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .print_oin li{
        list-style: none;
        width: 100%;
        margin-bottom: 40px;
    }
    
    .nano_b{
        background: #fff;
        padding: 5%;
        max-width: 1000px;
        margin: 0 auto 50px;
        width: 90%;
        box-shadow: 0 0 5px #ccc;
    }
    .nano_b ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .nano_b li:first-child{
        width: 26%;
    }

    .nano_b li:last-child{
        width: 70%;
    }
    
    .respec{
        max-width: 1120px;
        margin: 0 auto 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .respec .photo{
        width: 100%;
        margin-bottom: 20px;
    }

    .respec ul{
        width: 100%;
    }
    
    .line_up{
        width: 100%;
        margin: 25px auto 0;
    }

}