a {
  display: block;
  font-size: sm;
}

h1 {
background: linear-gradient(#333, #555);
color: #eee;
border-bottom: 2px solid #CBCBCB;
width: 100%;
height: 50px;
padding-left:3%;
line-height: 50px;
margin-top: 0px;
margin-bottom: 10px;
font-size: 20px;
}

#aaa {
  padding-top: 36px;
  background-image: url("../img/bg.png");
}

.ml {
padding-top:36px;
margin-top: -36px;
}

nav{
max-width: 1024px;
width: 100%;
position: fixed;
text-align: center;
border-bottom: 1px solid #CBCBCB;
height: 35px;
line-height: 35px;
background-color: #fff;
z-index: 10000;
}
nav ul{
margin: 0 ;
padding: 0 ;
}
nav li{
list-style: none;
display: inline-block;
width: 22%;
}
nav li:not(:last-child){
border-right:2px solid #ddd;
}
nav a{
text-decoration: none;
color: #333;
}

@media screen and (max-width:370px) {
  nav a {
font-size: 4vw;
 }
}



nav a.current{
color: #00B0F0;
border-bottom:2px solid #00B0F0;
}
nav a:hover{
color:#F7CB4D;
border-bottom:2px solid #F7CB4D;
}


.banner_a {
 display: inline-block;
 max-width: 72%;
 height: auto;
 position:inherit; right:75%;
}

.banner_a img {
max-width: 100%;
height:auto;
letter-spacing: 0em;
}

.banner_b {
max-width: 100%;
height: auto;
text-align: center;
}

.banner_b img {
max-width: 96%;
height: auto;
}

.sample_oc {
display: inline-block;
max-width: 24%;
height: auto;
letter-spacing: 0em;
position:inherit;left:25%;
}

.sample_oc img {
max-width: 100%;
height: auto;
}

.set {
  max-width: 100%;
  letter-spacing: -0.4em;
  white-space: nowrap;
  text-align: center;
}

#open1 img,#open2 img,#open3 img,#open4 img,#open5 img,#open6 img
,#open7 img,#open8 img ,#open9 img ,#openA1 img ,#openA2 img ,#openA3 img
,#openB1 img ,#openB2 img ,#openB3 img {
 max-width: 92%;
 width: 820px;
 box-shadow: 0px 0px 10px #333;
}