@media all and (max-width:1200px) { 
    #page-visual { height:480px; }
    #page-visual .info { padding-top:240px; }
    #page-visual .info > h2 { font-size:80px; }
}

@media all and (max-width:1150px) { 
    #header .subbar .banner { display: block; }
    #header .subbar .banner .desc { margin-left: 0px; margin-top:30px; }
}

@media all and (max-width:1100px) { 
    #footer .inner { padding:30px 0; }
    #footer .top .link { float:none; margin:0px; padding:0px;  }
    #footer .top .quick { float:none; padding:30px 0; }
    #footer .top .quick li { padding:0px; }
    #footer .top .sns { float:none; margin:0px; }
}

@media all and (max-width:940px) { 
    #header { height:62px; }
    #header .topbar .mainmenu { display:none; }
    #header .topbar .menu { display:block; }
    #header .topbar .logo { margin-top:20px; }
    #header .topbar .logo img { width:95px; height:auto; }
    #header .subbar { display:none; }
    #mobilemenu .logo { margin-top:20px; }
    #mobilemenu .logo img { width:95px; height:auto; }
    .tab-menu ul li a { padding:20px 30px; }
}

@media all and (max-width:900px) { 
    #page-visual { height:380px; }
    #page-visual .info { padding-top:170px; }
    #page-visual .info > h2 { font-size:65px; }
}


@media all and (max-width:640px) { 
    #footer .top .quick { font-size:13px; }
    #footer .top .quick ul { text-align: center; }
    #footer .top .quick li { float:none; margin-right:10px; margin-bottom:10px; display: inline-block; }
    #footer .top .link .familysite { width:auto; background-position: 96% center;}
    #footer .top .sns { margin-top:-10px; }
    #footer .top .sns ul { text-align: center; font-size: 0px; }
    #footer .top .sns ul li { float:none; display:inline-block; }
    #footer .bottom .logo img { width:160px; height:auto; }
    #footer .bottom .info ul { padding-top:30px; }
    #footer .bottom .info .copyright { font-size:13px; padding-top:30px; }

    #page-visual { height:490px; background-position: 70% center; }
    #page-visual .info ul { font-size:12px; }
    #page-visual .info ul li:first-child img { width:12px; height:auto; margin-top:-2px; }
    #page-visual .info { padding-top:120px; }
    #page-visual .info > h2 { font-size:35px; }

    .tab-menu { font-size:15px; }
    .tab-menu ul { padding:0px; }
    .tab-menu ul li { flex-basis: 50%; }
    .tab-menu ul li a { padding:15px 5px; border-bottom-width: 5px; }

    .pageTop { bottom:80px; right: 20px; }
    .pageTop img { width:55px; height:auto; margin-top:7px; }
    
    .table-scroll { overflow-x:auto; padding-bottom:20px; }
    .table-scroll::-webkit-scrollbar { height:3px; width:3px; } 
    .table-scroll::-webkit-scrollbar-thumb { background: #0074C8; } 
    .table-scroll::-webkit-scrollbar-track { background: #f3f3f3; } 
    .table-scroll table { width:150%; }
    .table-scroll table thead th { padding:15px 15px !important;  }
    .table-scroll table tbody td { padding:15px 15px !important;  }
}