
section#topimg, section#boxs{max-width: 1440px}
section#topimg li, section#topimg a{display: block; width: 100%}
section#boxs li{display: inline-block; width: 50%; float: left;}
section#boxs li div.boxcnt,section#topimg .mobileview{height: 480px; background-size:cover; background-position: center; margin-top: 10px; text-align: center; position: relative;}
section#topimg .mobileview{display: none; margin-top: 0;}
section#boxs li:nth-child(1) div.boxcnt{margin-right: 6px}
section#boxs li:nth-child(2) div.boxcnt{margin-left: 6px}
section#boxs li:nth-child(3) div.boxcnt{margin-right: 6px}
section#boxs li:nth-child(4) div.boxcnt{margin-left: 6px}
section#boxs li div div {padding: 40px 24px; max-width: 480px; line-height: 3em; margin: 0 auto;}
section#boxs li div p{ line-height: 1.25em; font-size: 1.125em; padding-bottom: 20px}
section#boxs li div h2{
  /* font-size: 2.2em;  */
  font-weight: normal; margin-bottom: 16px}
section#boxs li div a{margin: 20px auto 0 auto; padding: 12px 24px; border-radius: 24px; background-color: #fff; max-width: 240px; line-height: 1.125em; font-size: 1.125em; border: 1px solid #eee;}
section#boxs li div.dark a{background-color:transparent; color:#fff; }
section#boxs li div a:hover{ background-color:#0076d8; border-color:#0076d8; color:#fff;}

/* Mobile */
@media only screen and (max-width: 768px) {
  section#boxs li div p{font-size: 1em}
  section#topimg .fullview{display: none;}
  section#topimg .mobileview{display: block;}
  section#boxs li{display: block; width: 100%; float: none;}
  section#boxs li:nth-child(1) div.boxcnt{margin-right: 0}
  section#boxs li:nth-child(2) div.boxcnt{margin-left: 0}
  section#boxs li:nth-child(3) div.boxcnt{margin-right: 0}
  section#boxs li:nth-child(4) div.boxcnt{margin-left: 0}
}
