@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: dnp-shuei-mincho-pr6,sans-serif;  /* c */
  line-height: 1.75em;
  color: #e2e9f1; /* c */
  font-style: normal;  /* n */
  letter-spacing: .1em;  /* n */
}

html,
body {
  position: relative;
  height: 100%;
}

body {
  background-image:url("../img/back.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* layout */
/* from style.css */
.f-s-08em,
.f-s-smaller {
	font-size: .8em;
}
.t-i-1em,
.ti-1 {
	text-indent: 1em;
}
.p-b-1em {
	padding-bottom: 1em;
}
sup {
	font-size: 70%;
	vertical-align: super;
	position: relative;
	top: -0.1em;
}

a {
  text-decoration: none;
  color: #e2e9f1;
  font-weight: bold;
}

#page-6 ul a:hover{
  text-decoration: none;
  border-bottom: 1px solid #b9dcff;
    padding-bottom: 0px;
    color: #b9dcff;
    transition-duration:600ms;
    text-shadow: none;
}
/* ------------- */
.udlr-center {
  display: flex;
  justify-content: center;
  align-items: center;
}


/* --------------------
   Swiper
-------------------- */
.swiper-container {
  width: 100%;
  height: 100%;
}

.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.swiper-slide {
  position: relative;
  color: #fff;
  width: 100%;
  height: 100%;
}

.swiper-slide .title, .swiper-slide .title-1 {
  font-size: 2em;
  line-height: 1em!important;
  font-weight: 400;
  text-shadow: 0px 3px 6px black; 
  position: relative;
  z-index: 1000;
  padding: 2vmin;
}

.swiper-slide .text {
  max-width: 100%;
  font-weight: 400;
  position: relative;
  z-index: 1000;
  padding: 2vmin;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.caption {
  position: absolute;
  bottom: 1vmin;
  right: 1vmin;
  z-index:10;
  font-size: 0.8em;
  text-shadow: 0px 3px 6px black; 
}


  /* --------------------
      Swiper #page-1
  -------------------- */
  .page-title {
    font-size: 3em !important;
    letter-spacing: .2em;
    font-weight: 500 !important;
    text-align: center;
  }

  .page-subtitle {
    font-size: 1.5em !important;
    font-weight: 500 !important;
    text-align: center;
  }

  .page-author {
    padding-top: 1em;
    font-size: 1em !important;
    font-weight: 500 !important;
    text-align: center;
  }



  /* --------------------
    Swiper #page-2
  -------------------- */
  #page-2, #page-3, #page-4, #page-5, #page-6, #page-ba {
    display: -ms-grid;
    display: grid;
  }

  .img-2-1, .img-2-2 {
    position: relative;
  }

  @media (min-width: 1025px) {
    #page-2, #page-3 {
           -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
              -ms-grid-rows: 60px 1fr 1fr 1fr;
         grid-template-rows: 60px 1fr 1fr 1fr;
    }

      #page-2 .title {
              -ms-grid-column: 1;
          -ms-grid-column-span: 3;
                  grid-column: 1/4;
        -ms-grid-row: 1;
            grid-row: 1;
      }

      #page-2 .text {
        -ms-grid-column: 4;
            grid-column: 4/5;
              -ms-grid-row: 1;
        -ms-grid-row-span: 3;
                  grid-row: 1/4;
      }

      #page-2 .img-2-1 {
              -ms-grid-column: 1;
          -ms-grid-column-span: 3;
                  grid-column: 1/4;
              -ms-grid-row: 1;
        -ms-grid-row-span: 4;
                  grid-row: 1/-1;
      }

      #page-2 .img-2-2 {
        -ms-grid-column: 4;
            grid-column: 4/5;
              -ms-grid-row: 4;
                  grid-row: 4/5;
      }

      .img-2-2 img {
        position: absolute;
        bottom: 0;
      }
  }

  /* --------------------
    Swiper #page-3
  -------------------- */
  .img-3-1, .img-3-2, .img-3-3 {
    position: relative;
    margin: 1vmin;
  }

  @media (min-width: 1025px) {
    #page-3 .title {
           -ms-grid-column: 1;
      -ms-grid-column-span: 3;
               grid-column: 1/4;
              -ms-grid-row: 1;
                  grid-row: 1;
    }

    #page-3 .text {
           -ms-grid-column: 1;
      -ms-grid-column-span: 2;
               grid-column: 1/3;
              -ms-grid-row: 2;
         -ms-grid-row-span: 4;
                  grid-row: 2/5;
      padding-left: 60px;
    }

    #page-3 .img-3-1 {
           -ms-grid-column: 3;
      -ms-grid-column-span: 4;
               grid-column: 3/5;
              -ms-grid-row: 3;
         -ms-grid-row-span: 4;
                  grid-row: 3/5;
    }

      #page-3 .img-3-2 {
          -ms-grid-column: 3;
              grid-column: 3/4;
             -ms-grid-row: 1;
        -ms-grid-row-span: 2;
                 grid-row: 1/3;
      }

      #page-3 .img-3-3 {
          -ms-grid-column: 4;
              grid-column: 4/5;
             -ms-grid-row: 1;
        -ms-grid-row-span: 2;
                 grid-row: 1/3;
      }
  }


  /* --------------------
    Swiper #page-4
  -------------------- */ 
  .img-4-1{
    position: relative;
  }
  @media (min-width: 1025px) {
    #page-4 {
           -ms-grid-columns: 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr;  /*(1fr)[7]*/
      grid-template-columns: repeat(7, 1fr);
              -ms-grid-rows: 50px 1vmin 30px 1vmin 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr;
         grid-template-rows: 50px 30px 1fr 1fr 1fr 1fr;
      grid-gap: 1vmin;
    }

    .sp_text {display: none;}

      #page-4 .title {
             -ms-grid-column: 1;
        -ms-grid-column-span: 12;
                 grid-column: 1/-1;
                -ms-grid-row: 1;
                    grid-row: 1;
      }
        
      #page-4 .text {
             -ms-grid-column: 1;
        -ms-grid-column-span: 12;
                 grid-column: 1/-1;
                -ms-grid-row: 3;
                    grid-row: 2;
        padding: 0;
      }

        #page-4 .img-4-1-before { 
               -ms-grid-column: 1;
          -ms-grid-column-span: 3;
                   grid-column: 1/3;
                  -ms-grid-row: 5;
             -ms-grid-row-span: 3;
                      grid-row: 3/5;
        }
        /* IE */
        #page-4 > *:nth-child(4) { 
          -ms-grid-column: 5;
             -ms-grid-row: 5;
        }
        #page-4 > *:nth-child(5) { 
          -ms-grid-column: 7;
             -ms-grid-row: 5;
        }
        #page-4 > *:nth-child(6) { 
          -ms-grid-column: 9;
             -ms-grid-row: 5;
        }
        #page-4 > *:nth-child(7) { 
          -ms-grid-column: 11;
             -ms-grid-row: 5;
        }
        #page-4 > *:nth-child(8) { 
          -ms-grid-column: 13;
             -ms-grid-row: 5;
        }
        #page-4 > *:nth-child(9) { 
          -ms-grid-column: 5;
             -ms-grid-row: 7;
        }
        #page-4 > *:nth-child(10) { 
          -ms-grid-column: 7;
             -ms-grid-row: 7;
        }
        #page-4 > *:nth-child(11) { 
          -ms-grid-column: 9;
             -ms-grid-row: 7;
        }
        #page-4 > *:nth-child(12) { 
          -ms-grid-column: 11;
             -ms-grid-row: 7;
        }
        #page-4 > *:nth-child(13) { 
          -ms-grid-column: 13;
             -ms-grid-row: 7;
        }
        #page-4 > *:nth-child(14) { 
          -ms-grid-column: 1;
             -ms-grid-row: 9;
        }
        #page-4 > *:nth-child(15) { 
          -ms-grid-column: 3;
             -ms-grid-row: 9;
        }
        #page-4 > *:nth-child(16) { 
          -ms-grid-column: 5;
             -ms-grid-row: 9;
        }
        #page-4 > *:nth-child(17) { 
          -ms-grid-column: 7;
             -ms-grid-row: 9;
        }
        #page-4 > *:nth-child(18) { 
          -ms-grid-column: 9;
             -ms-grid-row: 9;
        }
        #page-4 > *:nth-child(19) { 
          -ms-grid-column: 1;
             -ms-grid-row: 11;
        }
        #page-4 > *:nth-child(20) { 
          -ms-grid-column: 3;
             -ms-grid-row: 11;
        }
        #page-4 > *:nth-child(21) { 
          -ms-grid-column: 5;
             -ms-grid-row: 11;
        }
        #page-4 > *:nth-child(22) { 
          -ms-grid-column: 7;
             -ms-grid-row: 11;
        }
        #page-4 > *:nth-child(23) { 
          -ms-grid-column: 9;
             -ms-grid-row: 11;
        }
        /* IE */
        #page-4 .img-4-1-after { 
               -ms-grid-column: 11;
          -ms-grid-column-span: 3;
                   grid-column: 6/8;
                  -ms-grid-row: 9;
             -ms-grid-row-span: 3;
                      grid-row: 5/7;
        }     
  } 

  /* --------------------
    Swiper #page-5
  -------------------- */
  .img-5-1, .img-5-4 {
    margin: 1vmin;
  }
  .img-5-2, .img-5-3 {
      margin: 2vmin;
  }
  #page-5 .text-1 {
    position:relative;
    text-shadow: 0 0 5px  black;
  }


  @media (min-width: 1025px) {
    #page-5 {
           -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
              -ms-grid-rows: 50px .6fr 1fr 1fr;
         grid-template-rows: 50px .6fr 1fr 1fr;
    }

    #page-5 .title {
           -ms-grid-column: 1;
      -ms-grid-column-span: 2;
               grid-column: 1/3;
              -ms-grid-row: 1;
                  grid-row: 1;
    }

    #page-5 .text {
           -ms-grid-column: 1;
      -ms-grid-column-span: 2;
               grid-column: 1/3;
              -ms-grid-row: 2;
                  grid-row: 2;
    }

    #page-5 .img-5-1 {
           -ms-grid-column: 1;
      -ms-grid-column-span: 2;
               grid-column: 1/3;
              -ms-grid-row: 3;
         -ms-grid-row-span: 2;
                  grid-row: 3/5;
    }

    #page-5 .text-1 {
           -ms-grid-column: 3;
      -ms-grid-column-span: 2;
               grid-column: 3/5;
              -ms-grid-row: 4;
                  grid-row: 4;
    }
    
      #page-5 .text-1 div {
        position: absolute;
        right: 1vmin;
        bottom: 3vmin;
        padding: 2vmin;
      }

    #page-5 .img-5-2 {
           -ms-grid-column: 3;
      -ms-grid-column-span: 1;
               grid-column: 3/4;
              -ms-grid-row: 1;
         -ms-grid-row-span: 2;
                  grid-row: 1/3;
    }

    #page-5 .img-5-3 {
           -ms-grid-column: 4;
      -ms-grid-column-span: 1;
               grid-column: 4/5;
              -ms-grid-row: 1;
         -ms-grid-row-span: 2;
                  grid-row: 1/3;
    }

    #page-5 .img-5-4 {
           -ms-grid-column: 3;
      -ms-grid-column-span: 2;
               grid-column: 3/5;
              -ms-grid-row: 3;
         -ms-grid-row-span: 2;
                  grid-row: 3/5;
    }
  }


  /* --------------------
    Swiper #page-ba
  -------------------- */
  /* .img-3-1, .img-3-2, .img-3-3 {
    position: relative;
    margin: 1vmin;
  } */

  @media (min-width: 1025px) {
    #page-ba {
      /* -ms-grid-columns: 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr;  (1fr)[7] */
      grid-template-columns: repeat(8, 1fr);
              /* -ms-grid-rows: 50px 1vmin 30px 1vmin 1fr 1vmin 1fr 1vmin 1fr 1vmin 1fr; */
         grid-template-rows: 50px 150px 1fr 1fr 1fr 1fr 1fr;

      grid-gap: 1vmin;
    }

    #page-ba .title {
               grid-column: 1/5;
                  grid-row: 1;
    }

    #page-ba .text {
               grid-column: 1/5;
                  grid-row: 2;
    }

    #page-ba .img-b1 {
           /* -ms-grid-column: 3;
      -ms-grid-column-span: 4; */
               grid-column: 1/3;
              /* -ms-grid-row: 3; */
         /* -ms-grid-row-span: 4; */
                  grid-row: 3/5;
    }

      #page-ba .img-a1 {
          /* -ms-grid-column: 3; */
              grid-column: 3/5;
             /* -ms-grid-row: 1; */
        /* -ms-grid-row-span: 2; */
                 grid-row: 3/5;
      }

      #page-ba .img-b2 {
          /* -ms-grid-column: 4; */
              grid-column: 1/3;
             /* -ms-grid-row: 1; */
        /* -ms-grid-row-span: 2; */
                 grid-row: 5/7;
      }

      #page-ba .img-a2 {
        /* -ms-grid-column: 4; */
            grid-column: 3/5;
           /* -ms-grid-row: 1; */
      /* -ms-grid-row-span: 2; */
               grid-row: 5/7;
      }

      #page-ba .img-b3 {
        /* -ms-grid-column: 4; */
            grid-column: 1/2;
           /* -ms-grid-row: 1; */
      /* -ms-grid-row-span: 2; */
               grid-row: 7/8;
      }

      #page-ba .img-a3 {
        /* -ms-grid-column: 4; */
            grid-column: 2/3;
          /* -ms-grid-row: 1; */
      /* -ms-grid-row-span: 2; */
              grid-row: 7/8;
      }

      #page-ba .img-b4 {
        /* -ms-grid-column: 4; */
            grid-column: 3/4;
          /* -ms-grid-row: 1; */
      /* -ms-grid-row-span: 2; */
              grid-row: 7/8;
      }

      #page-ba .img-a4 {
        /* -ms-grid-column: 4; */
            grid-column: 4/5;
          /* -ms-grid-row: 1; */
      /* -ms-grid-row-span: 2; */
              grid-row: 7/8;
      }

      #page-ba .img-b5 {
        /* -ms-grid-column: 4; */
            grid-column: 5/7;
          /* -ms-grid-row: 1; */
      /* -ms-grid-row-span: 2; */
              grid-row: 1/4;
      }

      #page-ba .img-a5 {
        /* -ms-grid-column: 4; */
            grid-column: 7/9;
          /* -ms-grid-row: 1; */
      /* -ms-grid-row-span: 2; */
              grid-row: 1/4;
      }

      #page-ba .img-a6 {
        /* -ms-grid-column: 4; */
            grid-column: 5/9;
          /* -ms-grid-row: 1; */
      /* -ms-grid-row-span: 2; */
              grid-row: 4/8;
      }

  }

  /* --------------------
    Swiper #page-6
  -------------------- */
  #page-6 .text,
  #page-6 .text-1 {
    text-shadow: 0 0 5px  black;
    padding: 2vmin;
  }

  .img-6-1 img {
    object-fit: cover !important; 
    font-family: 'object-fit: cover;' !important;
  }

  #page-6 ul {
    padding-left: 1.25em;
    /*height: 100%;*/
  }
  
  @media (min-width: 1025px) {
    #page-6 {
           -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
              -ms-grid-rows: 50px 1fr 50px .5fr;
         grid-template-rows: 50px 1fr 50px .5fr;
    }

    #page-6 .title {
           -ms-grid-column: 1;
      -ms-grid-column-span: 4;
               grid-column: 1/-1;
              -ms-grid-row: 1;
                  grid-row: 1;
    }

    #page-6 .text {
           -ms-grid-column: 1;
      -ms-grid-column-span: 1;
               grid-column: 1;
              -ms-grid-row: 2;
                  grid-row: 2;
    }

    #page-6 .img-6-1 {
           -ms-grid-column: 1;
      -ms-grid-column-span: 2;
               grid-column: 1/-1;
              -ms-grid-row: 1;
         -ms-grid-row-span: 4;
                  grid-row: 1/-1;     
    }

    #page-6 .title-1 {
           -ms-grid-column: 2;
      -ms-grid-column-span: 1;
               grid-column: 2;
              -ms-grid-row: 3;
                  grid-row: 3;
    }

    #page-6 .text-1 {
           -ms-grid-column: 2;
      -ms-grid-column-span: 1;
               grid-column: 2;
              -ms-grid-row: 4;
                  grid-row: 4;
    }

  }

 /* lightbox */
.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    color: #999999 !important;
    line-height: 1em;
}

#logo {
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#logo_jaxa {
  width: 120px;
}
#logo_gfd {
  width: 190px;
}

#logo img {
  object-fit: scale-down;
  font-family: 'object-fit: scale-down;' !important;

}