@media (min-width: 1201px) { .navbar-form>input{width:18vw;} .search.main{width:1000px;} } @media (max-width: 1200px) { #top{display: none;} body{padding-top: 5rem;} .main{width:90%;margin:0 5%;} .navbar-form input{height:3.2rem; padding:0 1rem;} #link .main a:first-of-type{padding-left: 0;} #footer .bg-gray{display: none;} } @media (max-width: 1000px) { .corp .f-l{width:94%;} .corp .f-l img{display: block; float: right; max-width: 40%; margin-left: 2rem; margin-bottom:.5rem; padding-top: 1rem;} .corp .f-r{display: none;} .list-img>a dt{font-size: 1.6rem;} } @media (max-width:768px) { .logo-bottom{display: none;} .spl{height: 2rem;} .navbar-form{width: 20vw;margin-top: 1rem;padding-top: 0;} .navbar-form>input{width:100%;height:3rem;} .list-news>a dd:last-of-type{display: none;} #link{margin-bottom: 1rem;} #link dd{text-align: center;} #link dd a{margin-bottom: 1rem;} .btn-more{margin:3rem auto;font-size: 1.4rem;} #yy .col-quarter{width:50%;padding-bottom: 4rem;} .cont,.breadcrumb{font-size: 1.4rem;} .carousel-indicators li{width: 1rem; height: 1rem;} .carousel-indicators .active{ width: 1rem; height:1rem;} dl.ttl{font-size: 2rem; margin: 1rem 0;} dl.ttl dt{padding: 1.5rem 0; } .cat-nav>a{padding: .5rem 1rem; font-size: 1.4rem;} .list-img>a dd{font-size:1.2rem;} } @media (max-width:767px) { .navbar-form{width: 100%;margin:7.5px 0 0;padding:0;border:none;} } @media (min-width:768px) and (max-width:840px) { .nav>li>a{ padding-left: 10px; padding-right: 10px;} } @media (max-width: 480px) { .f-l,.f-r{width: 94%;float: unset;} .list-img>a{width:44%;} .btn-more{padding: .5rem 1rem;width:12rem;margin:2rem auto;} #link{display: none;} .cont,.breadcrumb{font-size: 1.2rem;} .cont .ttl dt{font-size: 2rem;} .corp{font-size: 1.4rem;} .corp .f-l img{display: none;} .corp .f-r{display: block;} #nav-side{display: none;} .navbar-form{padding: 0;} .list-news{margin:0;} .list-news>a{width:100%; padding: 2rem 0; border-bottom: 1px solid #CCC;} .list-news>a:last-of-type{border-bottom: none;} .list-news>a img{margin-right: 1rem;} .list-news>a dt{font-size: 1.6rem;} .list-news>.line{display: none;} .carousel-indicators li{width: .5rem; height: .5rem; margin:0 .5rem;} .carousel-indicators .active{ width: .5rem; height:.5rem;} .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:white;} .cat-nav>a{margin:.5rem;} .list-img>a>dl{ margin:1rem; } .list-img>a dt{font-size: 1.4rem;} .list-img>a dd{ display: none; } .corp{margin-top: 0; margin-bottom:2rem;} #links>dd{font-size: 1.4rem;} #footer .bg-main .f-r{ width:100%; text-align: center; padding: 1rem 0; } #footer .bg-main img{display: none; } }