* {
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  font-family:  "SF Pro Display","Segoe UI","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
  list-style: none;
}
a {color: #0076d8;}
.dark, .dark p, .dark h2, .dark a{color: #fff;}
.txCenter{text-align: center;}

header, footer, section{width: 100%; background:no-repeat center top; }
html{height: 100%;   color: #222;  font-size: 16px;}

html{background-color: #fff; -webkit-font-smoothing: antialiased;}
body{padding-top: 80px;}
section{padding: 32px 0;}
header{height: 80px; background-color: #fff; position: fixed; z-index: 100; top: 0; left: 0;}
header .cnt{position: relative;}

.noscroll { overflow: hidden; }
.main-left,.main, .main li, .main li a, .main-right, .main-right li a{display: inline-block;}
.main-left{position: absolute; height: 56px; top:23px; left:20px;}
.main-right{position: absolute; top: 24px; right: 10px;}
.main-right li a {padding: 4px; height: 56px;}
.main, .main-right, .main li a{line-height: 56px;}
.main{margin-top: 24px}
.main li a{padding: 0 12px; font-size: 1.25em; color: #333;}
.main li a:hover{color: #0076d8;}
.cntCenter{margin: 0 auto;}
.cnt,.cntText{padding: 0 24px; }
.cntmax, .cnt{max-width: 1080px;}
.cntText{max-width: 720px}
.cntMax1440{max-width: 1440px}
.cntblock{display: block;}
.clear{clear: both;}
.bgimgcover{background-repeat: no-repeat; background-size: cover; background-position: center;}

.navbar{width: 100%; max-width: 1440px; background-color:#003da6;}
.navbar, .navbar a{color: #fff; line-height: 48px;}
.navbar a{padding: 0 12px;}
.navbar a:hover{text-decoration: underline;}

h1,h2,h3,h4{letter-spacing: -0.02em; line-height: 1.1em; padding: .2em 0;}
h1{font-size: 3.5em;}
h2{font-size: 2.5em}
h3{font-size: 2em}
h4{font-size: 1.5em}

ul.linklist{ line-height: 56px; width: 40%; display: inline-grid; margin: 48px 0 48px 6%}
ul.linklist a{ font-size: 1.5em; color: #333; display: block; padding: 0 24px; }
ul.linklist a:hover{color:#003da6; }
ul.linklist li{border-top: 1px solid #fff;}
ul.linklist li li a{ font-size: 1em; color: #555; display: inline-block; padding: 0 12px; background-color: #eee; line-height: 2em; border-radius: 16px; font-weight: normal;}
ul.linklist li li a:hover{color: #fff;background-color: #003da6;}
ul.linklist li li{display: inline-block; margin-right: 4px}
ul.linklist ul{margin:0 0 0px 12px; width: 100%; line-height: 48px;}
ul.linklist ul li{border:none;}
ul.linklist:last-child{padding-bottom: 48px}

.linkbox{ display: block;  padding: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index:90; background-color: #fff; overflow-y: scroll;}
.linkbox div{padding-top: 80px;}
.hide-overlay{display: none;}
a .ico-main-close{display: none;}
a.opened-overlay .ico-main{display:none;}
a.opened-overlay .ico-main-close{display:block;}

footer{background-color: #f2f2f2; padding: 32px 0;}
footer .sectors{display: inline-block; width: 49%; margin-bottom: 12px}
footer li{display: inline-block; line-height:48px}
footer p{font-size: .80em}

@media only screen and (max-width: 768px){
  section .cntText p{font-size: 1em}
  .txCenter p{text-align: left;}
  h1{font-size: 2em;}
  h2{font-size: 1.8em}
  h3{font-size: 1.5em}
  h4{font-size: 1.2em}
  .linkbox{padding: 0 0 48px 0;}
  ul.linklist{display: block; line-height: 48px; width: auto; margin: 0;}
  ul.linklist a{ font-size: 1.125em; font-weight: bold;}
  ul.linklist a:hover{background-color: #edf4fc;}
  ul.linklist li{border-top: 1px solid #ddd;}
  ul.linklist ul{margin:0 0 12px 12px; width: auto;}
  /* html {font-size: 12px;} */
  .navbar, .main{display: none;}
  .main-left{position: relative; top: 16px; left: 0;}
  .main-right{top: 16px}
  footer{text-align: center;}
  footer .sectors{ display: block; width: 100%}
}