@charset "utf-8";
/* CSS Document */
#adminBox, .acms-admin-box,
.tss_comprehensiveHead{
  position: relative;
  z-index: 100;
}

img{max-width: 100%;}
a{text-decoration: none;}



.ngf_body{
  line-height: 1.5;
  padding-bottom: 56px;
  background-color: #61C3F2;
}

.ngf_bg{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ngf_bgkey{
  position: absolute;
  left: 50%;
  top: 0;
  max-width: 1300px;
  width: 60%;
  transform: translateX(-50%);
}
.ngf_bgkey picture{
  display: block;
  margin: auto;
  aspect-ratio: 325/317;
}
.ngf_bgkey picture img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ngf_bgdeco{
  position: absolute;
  left: 50%;
  top: 0;
  max-width: 1844px;
  min-width: 1280px;
  width: 96%;
  transform: translateX(-50%);
}
.ngf_bgdeco picture{
  display: block;
  margin: auto;
  aspect-ratio: 461/271;
}
.ngf_bgdeco picture img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.ngf_main{
  position: relative;
  z-index: 50;
}
.ngf_main h1{
  padding-top: 80px;
  text-align: center;
}
.ngf_main h1 picture{
  display: block;
  max-width: 538px;
  width: 30%;
  margin: auto;
  aspect-ratio: 269/381;
}
.ngf_main h1 picture img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ngf_date{
  margin-bottom: 24px;
  text-align: center;
}
.ngf_date img{
  width: 20%;
  max-width: 380px;
}
.ngf_nishimuramsg{
  margin-bottom: 56px;
  text-align: center;
}
.ngf_nishimuramsg picture{
  display: block;
  max-width: 1000px;
  width: 53%;
  margin: auto;
  aspect-ratio: 500/131;
}
.ngf_nishimuramsg picture img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ngf_comsn{
  margin-bottom: 40px;
  text-align: center;
}
.ngf_comsn picture{
  display: block;
  max-width: 480px;
  width: 25%;
  margin: auto;
  aspect-ratio: 480/71;
}
.ngf_comsn picture img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ngf_tohp{text-align: center;}
.ngf_tohp a{
  display: inline-block;
  border-radius: 8px;
  background-color: #FFFFFF;
}




.tss_footer{
  position: relative;
  background-color: #008129;
}





@media screen and (min-width:800px){
  .ngf_tohp a:hover img{opacity: 0.5;}
}





@media screen and (max-width:800px){
  .ngf_body{padding-bottom: calc(17.5vw + 120px);}

  .ngf_bgkey{
    top: 4%;
    width: 95%;
  }

  .ngf_main h1{padding-top: max(10vw, 40px);}
  .ngf_main h1 picture{width: 75%;}
  .ngf_date{margin-bottom: max(3vw, 16px);}
  .ngf_date img{width: 60%;}
  .ngf_nishimuramsg{margin-bottom: max(7vw, 32px);}
  .ngf_nishimuramsg picture{
    width: 90%;
    aspect-ratio: 375/164;
  }
  .ngf_comsn{margin-bottom: max(5vw, 16px);}
  .ngf_comsn picture{width: 50%;}


  .ngf_tohp a{width: 60%;}
}