@media (orientation: portrait) {
    #main-contents .fullpage ul.pages li[data="1"] .slide-inner { background-image: url("../images/main_visual1_m.jpg") !important;}
    #main-contents .fullpage ul.pages li[data="2"] .slide-inner { background-image: url("../images/main_visual2_m.jpg") !important;}
    #main-contents .fullpage ul.pages li .copy { height:50%; font-size:38px; }
    #main-contents .fullpage .iconScroll { left:20px; bottom:30px; transform: none; }
    #main-contents .fullpage .iconScroll img { width:25px; height:auto; }
    #main-contents .fullpage .slider-page { left:auto; right:20px; bottom:35px; }
}

@media (orientation: portrait) and (max-width:640px) {

}

@media (orientation: landscape) {
}

@media all and (max-width:1200px) { 
    #main-contents .fullpage ul.pages li .copy { font-size:70px; }
    #main-contents .scrollpage .page2 .cont1 ul li .desc { height:auto; min-height:230px; }

    #main-contents .scrollpage .banner { background-size: 500px auto;}

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

@media all and (max-width:1000px) { 
    #main-contents .fullpage ul.pages li .copy { font-size:60px; }
    
    #main-contents .scrollpage .page1 .cont1 .desc .t { font-size:50px; }
    #main-contents .scrollpage .page1 .cont1 { align-items: flex-start; }

    #main-contents .scrollpage .page2 .cont1 .txt1 { font-size:50px; }
    #main-contents .scrollpage .page2 .cont1 ul li .desc .t { font-size:28px; }

    #main-contents .scrollpage .page3 .cont1 .desc .t { font-size:50px; }

    #main-contents .scrollpage .page4 .txt1 { font-size:50px; }

    #main-contents .scrollpage .page4 .cont1 .desc .t { font-size:40px; }

    #main-contents .scrollpage .banner .cont1 .desc .t { font-size:50px; }
    #main-contents .scrollpage .banner { background-size: 400px auto;}

}

@media all and (max-width:800px) { 
    #main-contents .scrollpage .page1 .cont1 .desc { width:auto; margin-bottom:70px;  }
    #main-contents .scrollpage .page1 .cont1 { display:block; }
    #main-contents .scrollpage .page1 .cont1 .img { width:auto; }
    #main-contents .scrollpage .page1 .cont1 .img img { max-width: 100%; height:auto; }

    #main-contents .scrollpage .page2 .cont1 ul li .desc .t { font-size:24px; }
    #main-contents .scrollpage .page2 .cont1 ul { width: calc(100% + 20px); }
    #main-contents .scrollpage .page2 .cont1 ul li { width:50%; margin-bottom:40px; }
    #main-contents .scrollpage .page2 .cont1 ul li:nth-child(3) { clear: both;}
    #main-contents .scrollpage .page2 .cont1 ul li .box { margin-right:20px; }
    #main-contents .scrollpage .page2 .cont1 ul li .desc dd {}

    #main-contents .scrollpage .page3 .cont1 .img { flex-basis: 40%; }
    #main-contents .scrollpage .page3 .cont1 .desc { flex-basis: 60%; margin-left:20px; }
    #main-contents .scrollpage .page3 .cont1 .desc .t { font-size:40px; }

    #main-contents .scrollpage .page4 .cont1 { display: block; }
    #main-contents .scrollpage .page4 .cont1 .desc { width:auto; }
    #main-contents .scrollpage .page4 .cont1 .img { width:auto; }
    
    #popup-layer ul li .box { width:350px; }

}

@media all and (max-width:640px) { 
    #main-contents .fullpage ul.pages li[data="1"] .slide-inner { background-image: url("../images/main_visual1_m.jpg") !important;}
    #main-contents .fullpage ul.pages li[data="2"] .slide-inner { background-image: url("../images/main_visual2_m.jpg") !important;}
    #main-contents .fullpage ul.pages li .copy { height:50%; font-size:38px; }
    #main-contents .fullpage .iconScroll { left:20px; bottom:30px; transform: none; }
    #main-contents .fullpage .iconScroll img { width:25px; height:auto; }
    #main-contents .fullpage .slider-page { left:auto; right:20px; bottom:35px; }

    #main-contents .scrollpage .page1 { padding-top:80px; padding-bottom: 60px; ;}
    #main-contents .scrollpage .page1 .cont1 .desc .t { font-size:25px; }
    #main-contents .scrollpage .page1 .cont1 .desc .t br { display:none; }
    #main-contents .scrollpage .page1 .cont1 .desc .i { font-size:16px; }
    #main-contents .scrollpage .page1 .cont1 .desc .j { font-size:13px; }

    #main-contents .scrollpage .page2 { padding-top:60px; padding-bottom: 60px; }
    #main-contents .scrollpage .page2 .cont1 .txt1 { font-size:25px; }
    #main-contents .scrollpage .page2 .cont1 ul li .img img { max-width: none; width:100%; }
    #main-contents .scrollpage .page2 .cont1 ul li { width:auto; float:none; }
    #main-contents .scrollpage .page2 .cont1 ul li .desc { min-height: auto; }
    #main-contents .scrollpage .page2 .cont1 ul li .desc > div { padding:30px 20px; }
    #main-contents .scrollpage .page2 .cont1 ul li .desc .t { font-size:22px; }
    #main-contents .scrollpage .page2 .cont1 ul li .desc dd { font-size:15px; }

    #main-contents .scrollpage .page3 { padding-top:60px; padding-bottom: 60px; }
    #main-contents .scrollpage .page3 .cont1 { display:block; }
    #main-contents .scrollpage .page3 .cont1 .desc { margin-left:0px; width:auto; }
    #main-contents .scrollpage .page3 .cont1 .img { margin-left:0px; width:auto; text-align: center; margin-top:60px;  }
    #main-contents .scrollpage .page3 .cont1 .img img { max-width: 70%; }
    #main-contents .scrollpage .page3 .cont1 .desc .t { font-size:25px; }
    #main-contents .scrollpage .page3 .cont1 .desc .t br { display:none; }
    #main-contents .scrollpage .page3 .cont1 .desc dd { font-size:16px; }
    #main-contents .scrollpage .page3 .cont1 .desc .j { font-size:13px; }
    
    #main-contents .scrollpage .page4 { padding-top:60px; padding-bottom: 60px; }
    #main-contents .scrollpage .page4 .txt1 { font-size:25px; }
    #main-contents .scrollpage .page4 .txt2 { font-size:18px; margin-bottom:40px; }
    #main-contents .scrollpage .page4 .cont1 .img { margin-bottom:30px; }
    #main-contents .scrollpage .page4 .cont1 .desc .t { font-size:25px; }
    #main-contents .scrollpage .page4 .cont1 .desc .i { font-size:18px; }
    #main-contents .scrollpage .page4 .cont1 .desc .i br { display:none; }

    #main-contents .scrollpage .banner { padding:60px 0; height:410px; }
    #main-contents .scrollpage .banner .cont1 .desc .t { font-size:25px; }
    #main-contents .scrollpage .banner .cont1 .desc .i { font-size:18px; }
    #main-contents .scrollpage .banner { background-size: 90% auto;}
    

    #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) { 
    
    #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:350px) { 
    #popup-layer ul li .box .btns.mobile .today { font-size:15px; }
    #popup-layer ul li .box .btns.mobile .detail { font-size:15px; }
}