@media (orientation: portrait) {
    #main-contents .fullpage video.mobile { display:none; }
    #main-contents .fullpage video.tab { display:block; }
    #main-contents .fullpage video.pc { display:none; }
    #main-contents .fullpage ul.pages li:nth-child(4) { background:url(../images/main_bg_img4_m.jpg) center center; background-size:cover; }
    
    #main-contents .fullpage .quick-float { right:20px; bottom:20px; top:auto; transform: none;}
}

@media (orientation: portrait) and (max-width:640px) {
    #main-contents .fullpage video.mobile { display:block; }
    #main-contents .fullpage video.tab { display:none; }
    #main-contents .fullpage video.pc { display:none; }
    #main-contents .fullpage ul.pages li:nth-child(4) { background:url(../images/main_bg_img4_m.jpg) center center; background-size:cover; }

}

@media (orientation: landscape) {
    #main-contents .fullpage video.mobile { display:none; }
    #main-contents .fullpage video.tab { display:none; }
    #main-contents .fullpage video.pc { display:block; }
    #main-contents .fullpage ul.pages li:nth-child(4) { background:url(../images/main_bg_img4.jpg) center center; background-size:cover; }
}

@media all and (max-width:1500px) { 
    #main-contents .fullpage ul.pages li .copy { font-size:55px !important; }
}

@media all and (max-width:1300px) { 
    #main-contents .fullpage ul.pages li .copy { font-size:50px !important; }
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt1 { font-size:45px; }
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt2 { font-size:55px; }
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt3 { font-size:22px; }

    #main-contents .company ul { padding-top:300px; }
    #main-contents .company li { margin-bottom:250px; }

    #popup-layer ul li .box { width:370px; }
}

@media all and (max-width:1000px) { 
    #main-contents .company li .box { margin-left:150px; }
    #main-contents .company li:nth-child(even) .box .img { right:150px; }
    #main-contents .scrollpage2 .list ul li .box { width:280px; }
}

@media all and (max-width:800px) { 
    #main-contents .fullpage ul.pages li .copy { font-size:45px !important; }
    /* #main-contents .fullpage ul.pages li:nth-child(3) .copy { left:0; } */
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt1 { font-size:35px; }
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt2 { font-size:45px; }
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt3 { font-size:20px; }

    #main-contents .company li .box .img img { width: 1100px; }
    #main-contents .company li:nth-child(even) .box .img { height:283px; }
    #main-contents .company li:nth-child(even) .box .desc { padding-top:333px; }

    #main-contents .company li .box .desc .t { font-size:44px; }

    #popup-layer ul li .box { width:350px; }
}

@media all and (max-width:640px) {
    #main-contents { padding-bottom:40px; }
    /* #main-contents .fullpage .quick-float { display:none; } */
    #main-contents .fullpage .quick-float { right:20px; bottom:20px; top:auto; transform: none;}
    #main-contents .company ul { padding-top:150px; }
    #main-contents .company li .box { margin-left:20px; }
    #main-contents .company li .box .img { margin-bottom:30px; }
    #main-contents .company li .box .img .pc { display:none; }
    #main-contents .company li .box .img .mobile { display:inline; width:auto; max-width: 100%; height:auto; }
    /* #main-contents .company li .box .img img { width: 800px; } */
    #main-contents .company li:nth-child(even) .box .img { height:206px; right:40px; }
    #main-contents .company li:nth-child(even) .box .desc { padding-top:236px; }

    #main-contents .company li .box .desc .t { font-size:33px; }
    #main-contents .company li .box .desc .t2 { font-size:16px; }
    #main-contents .company li .box .desc .t2 br { display:none; }
    #main-contents .company li .box .desc .t3 { font-size:15px; margin-bottom:35px;  }
    #main-contents .company li .box .desc .t3 br { display:none; }
    #main-contents .company li { margin-bottom:120px; }
    #main-contents .company li .box .desc > a img { width: 50px;}

    #main-contents .scrollpage2 .list { margin:0px; }
    #main-contents .scrollpage2 .scroll-wrapper { margin:0 20px; }
    #main-contents .scrollpage2 .scroll-wrapper .scroll-element.scroll-x { display:block; }
    #main-contents .scrollpage2 .list ul { padding:0px; }
    #main-contents .scrollpage2 .list ul li .box { width:240px; }
    #main-contents .scrollpage2 .list ul li .desc { height:60px; }

    #main-contents .product { margin-top:120px; }
    #main-contents .product .list li { margin-top:0px !important; width:50%; clear:none !important;  }
    #main-contents .product .list li:nth-child(odd) { clear:both !important; }

    #popup-layer ul li .box .btns.pc { display:none; }
    #popup-layer ul li .box .btns.mobile { display:block; }

    #popup-layer ul li .box .btns.pc { font-size:12px; height: 40px; line-height: 40px; padding:0 15px; }
    #popup-layer ul li .box .btns.pc .close { background-size:14px auto; padding-right:18px; }
    #popup-layer ul li .box .btns.pc .today { background-size:14px auto; padding-left:18px; } 

}

@media all and (max-width:480px) { 
    #main-contents .fullpage ul.pages li .copy { font-size:32px !important; }
    #main-contents .fullpage ul.pages li:nth-child(1) .copy { top:75%; }
    #main-contents .fullpage ul.pages li:nth-child(2) .copy { top:75%; }
    #main-contents .fullpage ul.pages li:nth-child(3) .copy { top:75%; }
    #main-contents .fullpage ul.pages li:nth-child(4) { background:url(../images/main_bg_img4_m.jpg) center center; background-size:cover; }
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt1 { font-size:19px; margin-bottom:10px; }
    /* #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt1 br { display:none; } */
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt2 { font-size:28px; line-height: 1.2; }
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt2 br { display:none; }
    #main-contents .fullpage ul.pages li:nth-child(4) .copy .txt3 { font-size:15px; }
    #main-contents .fullpage video.mobile { display:block; }
    #main-contents .fullpage video.pc { display:none; }

    #main-contents .fullpage .iconScroll { bottom:20px; }
    #main-contents .fullpage .iconScroll img { width:20px;  }

    #main-contents .news .notice { margin-top:60px; }

    #main-contents .scrollpage2 .list ul li .box { width: 240px; }
    
    #popup-layer > .inner { }
    #popup-layer ul { display:block; padding-left:20px; }
    #popup-layer ul li { display:inline-block; width:80%; padding:0px; padding-right:20px; }
    #popup-layer ul li .box { width:100%; }
}


@media all and (max-width:380px) { 
    /* #main-contents .fullpage ul.pages li .copy { font-size:30px !important; } */

}


@media all and (max-width:350px) { 
    #popup-layer ul li .box .btns.mobile .today { font-size:15px; }
    #popup-layer ul li .box .btns.mobile .detail { font-size:15px; }
}