@charset "utf-8";
.he1 img{width: 100%;}
header .inner{position: relative;}
.he2{position: absolute;
top: 100px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
text-align: center;
z-index: 99;
}
 .he2 img{height: 100%; max-height: 521px;}
 @media screen and (max-width: 1299px) {
  .he2{top:60px;}
 }
 @media screen and (max-width: 1099px) {
  .he2{top:20px;}
 }

@media screen and (max-width: 999px) {
 .he2{top:20px;}
 .he2 img{height: 70%;}
}


nav{position: absolute;
  right: 0;
  top:15px;
  z-index: 99;
}

.na-flex{display: flex; flex-flow: row; justify-content: flex-end; padding-bottom: 10px;}

.na1-inner{
  border-radius: 50%;
  padding: 10px;
  background: rgba(255,255,255,0.8);
}

.na2{padding-left: 5px;}
.na2-inner{
  border-radius: 25px;
  padding: 11px 15px;
  background: rgba(255,255,255,0.8);
  color: #000;
}
.na2-inner img{padding-right: 10px;}

.na3{padding-left: 5px;padding-right: 30px;}
.na3-inner a{display: block;}
.na3-inner{
  border-radius: 25px;
  padding: 11px 15px 11px 15px;
  background: rgba(102,102,102,0.8);
  display: flex; flex-flow: row;
  justify-content: center;
}

.na3-inner p{display: inline-block; }
.na3-inner img{padding-right: 10px;}
.na3-inner i{padding-right: 10px;}


.na4{padding-left: 5px;padding-right: 30px;}
.na4-inner{
  border-radius: 25px;
  padding: 11px 15px 11px 15px;
  background: rgba(102,102,102,0.8);
  display: flex; flex-flow: row;
  justify-content: center;
}

.inner-hr1{position: relative;}
.he4{
  background-image: url("../img/img-hr1.png");
  height: 40px;
  width: 100%;
  position: absolute;
  top:-40px;
  z-index: 999;
}

.flexslider{margin: 0;overflow-x: hidden;}

.na1 a,.na2 a,.na3 a,.na4 a{text-decoration: none; color: #000;}
.na3 a,.na4 a{color: #fff;}

.na1 a:hover,.na2 a:hover,.na3 a:hover,.na4 a:hover{opacity: 0.5;}



/*foot-nav*/
.fnav-container{max-width: 900px; margin: 0 auto; font-size: 14px;font-family: "NotoMonoR";}
ul.fnav-1{display: flex;flex-flow: row; justify-content: space-around; list-style: none; padding-bottom: 10px;}
.fnav-1 a{text-decoration: none; color: #fff;}
.fnav-sp{padding-top: 50px;}
.fnav-1 a:hover{color: #ccc;}

@media screen and (max-width: 999px) {
 .fnav-container .inner{display: none;}
}

/*footer-hr*/
.inner-hr2{background-color: #fff;}
.hr2-1{
  background-image: url("../img/img-hr2.png");
  height: 40px;
  width: 100%;
}

/*footer*/
footer{background-color: #fff; color:#000; text-align: center; }
.foot-1{font-size: 20px; padding-bottom: 30px; padding-top: 50px; font-family: "NotoMonoR"; font-weight: bold;}
.foot-2{padding-bottom: 40px;}
.foot-3{padding-bottom: 20px;}
.foot-4{font-size: 12px; font-family: "sans-serif"; padding-bottom: 20px;}

@media screen and (max-width: 699px) {
 .foot-2{padding: 0 2%;}
 .foot-2 img{width: 100%; max-width: 375px;}
}


/*common*/
.com1{padding-top: 20px;text-align: center;padding-bottom: 50px;}

.com1-1a{font-size: 32px; padding-bottom: 10px;}
.com1-1b{font-family: "sans-serif";}
.com1-1{border-radius: 50px;
  border: 1px solid #fff;
  max-width: 300px;
  margin: 0 auto;
  padding: 20px 0;
}