﻿main.under{background:url(../image/cam/cam_main.jpg);background-size:cover}main h1{color:#FFF}a.enter{display:block;padding:5px 10px;border:#FFF 2px solid;color:#fff;text-align:center;margin:30px auto 0;width:220px;font-weight:700}a.textLink{width:50%;position:absolute;bottom:0;right:0;left:0;margin:0 auto 15px}section{background:#FFF}div.contents{clear:both;max-width:1000px;width:100%;margin:auto;padding:30px 20px 20px;box-sizing:border-box}section.sec1{background:url(../image/cam/cam_bg.jpg);background-size:cover}section.sec1 div{height:auto}section.sec1 div.contents p.des{color:#224eb1}section.sec1 div li{width:100%;margin:20px 0 0;background:#fff;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:0}section.sec1 div img{width:100%;object-fit:cover;display:block;margin:30px auto 50px;border:4px #fff solid;box-sizing:border-box;max-width:800px;height:auto}section.sec1 div dt{font-size:24px;font-weight:700;color:#224eb1}section.sec1 div dt span{display:inline-block;text-align:center;color:#fff;background:#ffa800;width:15%;padding:5px 0 5px;margin-right:10px}section.sec1 div dl{width:80%;box-sizing:border-box;padding:15px}section.sec1 div dd{margin:20px 0 0}section.sec1 div.contents a{display:block;padding:25px;text-align:center;width:80%;color:#fff;background:#46BDC5;border-radius:3px;font-weight:700;font-size:22px;margin:auto;border-top:1px #D1EAFF solid;border-bottom:1px #32849C solid}section.sec2{background:#D8E2F9}section.sec2 div.contents ul{width:100%;max-width:1000px;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.sec2 div.contents ul li{width:49%;background:#fff;padding:15px;box-sizing:border-box;margin:10px 0 0}section.sec2 div.contents ul li img{width:100%;height:auto}section.sec2 div.contents ul li dt{font-weight:700;color:#08215A;font-size:110%}section.sec2 div.contents ul li{position:relative}section.sec2 div.contents ul li dd{padding-bottom:50px}section.banner{background:#EEF5FF}section.banner div.contents ul.camBanner{width:100%;max-width:1000px;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.banner div.contents ul.camBanner li{width:49%;padding:15px;box-sizing:border-box;margin:10px 0 0}section.banner div.contents ul.camBanner li img a{display:block;width:100%}section.banner div.contents ul.camBanner li img{display:block;width:100%;height:auto}section.banner div.contents ul.camBanner li img:hover{opacity:.6}@media screen and (max-width:800px){main{width:100%;height:125vw;background-position:80% -45px}main.under h1{max-width:1000px;width:100%;margin:auto;font-size:24px;font-weight:700;text-align:right;padding:40px 10px 40px 0;box-sizing:border-box}#nav-drawer{position:relative;float:right;cursor:pointer;margin:0 0 0 0}section.sec1 div.contents a{font-size:95%;padding:10px 25px 10px}section.sec2 div.contents ul{width:100%;margin:auto;display:block}section.sec2 div.contents ul li{width:100%}section.banner div.contents ul.camBanner{width:100%;max-width:1000px;margin:auto;display:block}section.banner div.contents ul.camBanner li{width:98%;padding:15px;box-sizing:border-box;margin:10px 0 0}}