@charset "utf-8";

html {
  background-image: url(../images/bg002.jpg);
  display: flex;
  justify-content: center;
  align-self: center;
}



.gallery {
  width: 1300px;
  height: auto;
  background-image: url(../images/gallery_bg.png);
  background-color: rgba(255, 255, 0, alpha0.8);
  background-blend-mode: lighten;
}


.gallerywrap {
  width: 1300px;
  height: auto;
  padding-left: 200px;
  margin-top: 30px;

}

.gallerywrap h1 {
  margin-top: 100px;
  font-size: 3rem;
  color: rgb(53, 53, 250);
  font-style: italic;
  font-weight: 800;
  text-shadow: 1px 1px 1px rgb(244, 237, 237);
}


.gallerywrap p {
  font-size: 2rem;
  color: rgb(156, 156, 245);
  font-weight: 500;
  text-indent: 2rem;
  text-shadow: 1px 1px 1px gold;
}


/* ビジョナリートップへ */
.headboxgall001{
  width: 220px;
  height: 30px;
  position: fixed;
top: 10px;
right:0px;
border-top: 1px dashed rgb(196, 167, 0);
border-bottom: 1px dashed rgb(205, 174, 2);
color: silver;
line-height: 30px;
}

.marksite{
  border: 0px;
}



/* 概要ナビ */

.gallwrap01{
  width: 250px;
color: silver;
position: fixed;
top: 50px;
right: 0;
border-top: 3px solid blue;
border-bottom: 3px solid blue;
line-height: 1.5rem;

}


.gallwrap02{
  width: 200px;
color: silver;
position: fixed;
bottom: 10px;
left: 10px;
border-top: 3px solid blue;
border-bottom: 3px solid blue;

}


.company02 td{
font-weight: 700;
font-style: italic;
font-size: 1rem;
line-height: 1.6rem;
}

.company02 dd{
text-indent: 6rem;
margin-bottom: 1rem;

}



.company02 h3{
  margin-left: 5px;
  margin-bottom: 5px;

}

dl{
font-size: 11px;
font-weight: 500;
line-height: 20px;
color: rgb(247, 252, 247);
border-bottom: 10px;
text-align: justify;

}









/* gallery001 */

.gallery001 {
  background-image: url(../images/gallery_011.JPG);
  background-size: cover;
  width: 800px;
  height: 600px;
  color: gold;
  font-family: cursive;
  margin-top: 50px;
  padding: 10px;
  border: 10px dotted goldenrod;
  border-radius: 40px;
  margin-bottom: 100px;
  font-size: 2rem;
  margin-top: 1rem;
  text-shadow: 1px 1px 1px black;
  text-indent: 3rem;
  transition-duration: 5s;

}

.gallery001:hover {
  background-image: url(../images/backimg001.png);
  background-size: cover;
  width: 900px;
  height: 900px;

}


/* gallery002 */
.gallery002 {
  background-image: url(../images/gallery_013.JPG);
  background-size: cover;
  width: 900px;
  height: 600px;
  border: 15px dotted goldenrod;

  text-indent: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;
  transition-duration: 5s;

}

.gallery002:hover {
  background-image: url(../images/backimg002.png);
  background-size: cover;
  width: 800px;
  height: 800px;

}


/* gallery003 */
.gallery003 {
  background-image: url(../images/gallery_014.jpg);
  background-size: cover;
  width: 700px;
  height: 700px;
  border: 15px dotted goldenrod;
  font-size: 2rem;
  text-indent: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;

}

.gallery003:hover {
  background-image: url(../images/backimg003.png);
  background-size: cover;
  width: 900px;
  height: 900px;

}











/* gallery004 */
.gallery004 {
  background-image: url(../images/gallery_015.jpg);
  background-size: cover;
  width: 600px;
  height: 600px;
  border: 15px dotted goldenrod;
  font-size: 2rem;
  text-indent: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;
  transition-duration: 6s;
}

.gallery004:hover {
  background-image: url(../images/backimg004.png);
  background-size: cover;
}

/* gallery005 */

.gallery005 {
  width: 900px;
  height: 900px;
  display: flex;
  border: 15px dotted goldenrod;
  font-size: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;
}

.gallery333 {
  width: 435px;
  height: 435px;
  background-image: url(../images/gallery_017_435.png);
  border: 5px solid silver;
  border-radius: 20px;
  transition-duration: 1s;
}

.gallery333:hover {
  background-image: url(../images/backimg005_3.png);
  background-size: cover;
}

.gallery444 {
  width: 435px;
  height: 435px;
  background-image: url(../images/gallery_012_435.png);
  border: 5px solid silver;
  border-radius: 20px;
  transition-duration: 1s;

}

.gallery444:hover {
  background-image: url(../images/backimg005_4.png);
  background-size: cover;
}

.gallery111 {
  width: 435px;
  height: 435px;
  background-image: url(../images/gallery_002_435.png);
  border: 5px solid silver;
  border-radius: 20px;
  transition-duration: 1s;
}

.gallery111:hover {
  background-image: url(../images/backimg005_1.png);
  background-size: cover;
}

.gallery222 {
  width: 435px;
  height: 435px;
  background-image: url(../images/gallery_001_435.png);
  border: 5px solid silver;
  border-radius: 20px;
  transition-duration: 1s;
}

.gallery222:hover {
  background-image: url(../images/backimg005_2.png);
  background-size: cover;

}

/* gallery006 */
.gallery006 {
  background-image: url(../images/gallery_016.jpg);
  background-size: cover;
  width: 600px;
  height: 600px;
  border: 15px dotted goldenrod;
  font-size: 2rem;
  text-indent: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;
  transition-duration: 4s;
}

.gallery006:hover {
  background-image: url(../images/backimg006.png);
  background-size: cover;

}

/* gallery007 */
.gallery007 {
  background-image: url(../images/gallery_018.JPG);
  background-size: cover;
  width: 900px;
  height: 900px;
  border: 15px dotted goldenrod;
  font-size: 2rem;
  text-indent: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;
  transition-duration: 0.6s;
}

.gallery007:hover {
  background-image: url(../images/backimg007.png);
  background-size: cover;

}

/* gallery008 */
.gallery008 {
  background-image: url(../images/gallery_019.JPG);
  background-size: cover;
  width: 700px;
  height: 700px;
  border: 15px dotted goldenrod;
  font-size: 2rem;
  text-indent: 2rem;
  margin-bottom: 50px;
  border-radius: 40px;
  transition-duration: 1s;
}

.gallery008:hover {
  background-image: url(../images/backimg008.png);
  background-size: cover;

}




/* gallery009 */
.gallery009 {
  width: 900px;
  height: 900px;
  display: flex;

  border: 15px dotted goldenrod;
  font-size: 2rem;

  margin-bottom: 100px;
  border-radius: 40px;
  transition-duration: 3s;
}

img {
  border: 15px solid silver;
  font-size: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;
}

.gallery091 {
  width: 435px;
  height: 435px;
  border: 5px solid silver;
  border-radius: 20px;
  background-image: url(../images/gallery_021_435.png);
  transition-duration: 2.5s;
}


.gallery092 {
  width: 435px;
  height: 435px;
  border: 5px solid silver;
  border-radius: 20px;
  background-image: url(../images/gallery_025_435.png);
  transition-duration: 1s;
}


.gallery093 {
  width: 435px;
  height: 435px;
  border: 5px solid silver;
  border-radius: 20px;
  background-image: url(../images/gallery_026_435.png);
  transition-duration: 2s;
}

.gallery094 {
  width: 435px;
  height: 435px;
  border: 5px solid silver;
  border-radius: 20px;
  background-image: url(../images/gallery_004_435.png);
  transition-duration: 4s;
}

.gallery091:hover {
  width: 435px;
  border: 5px solid silver;
  border-radius: 20px;
  background-image: url(../images/backimg028_435.png);
}

.gallery094:hover {
  width: 435px;
  height: 435px;
  border: 5px solid silver;
  border-radius: 20px;
  background-image: url(../images/backlmg027_435.png);
}

.gallery092:hover {
  width: 435px;
  height: 435px;
  border: 5px solid silver;
  border-radius: 20px;
  background-image: url(../images/backimg025_1_435.png);
}

.gallery093:hover {
  width: 435px;
  height: 435px;
  border: 5px solid silver;
  border-radius: 20px;
  background-image: url(../images/backimg026_1_435.png);
}

/* gallery0010 */
.gallery010 {
  background-image: url(../images/gallery_028.png);
  background-size: cover;
  width: 900px;
  height: 900px;
  border: 15px dotted goldenrod;
  font-size: 2rem;
  text-indent: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;
  transition-duration: 0.7s;
}

.gallery010:hover {
  background-image: url(../images/bagkimg028.png);
  background-size: cover;

}




/* gallery011 */
.gallery011 {
  background-image: url(../images/gallery_023.JPG);
  background-size: cover;
  width: 800px;
  height: 800px;
  border: 15px dotted goldenrod;
  font-size: 2rem;
  text-indent: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;
  transition-duration: 1.5s;
}

.gallery011:hover {
  background-image: url(../images/backimg029.png);
  background-size: cover;
}

/* gallery012 */
.gallery012 {
  background-image: url(../images/gallery_024.JPG);
  background-size: cover;
  width: 600px;
  height: 600px;
  border: 15px dotted goldenrod;
  font-size: 2rem;
  text-indent: 2rem;
  margin-bottom: 100px;
  border-radius: 40px;
  transition-duration: 2s;
}

.gallery012:hover {
  background-image: url(../images/backimg030.png);
  background-size: cover;
}

/* フィックスBOX */

.fix_box {
  width: 180px;
  height: 100px;
  border: 5px solid silver;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: rgba(192, 192, 192, 0.557);
}


.fix_box a {
  width: 180px;
  height: 100px;
  display: block;
  color: rgb(0, 0, 174);
  font-size: 1.3rem;
  font-weight: 700;
  font-style: italic;
  transition-duration: 1s;
  text-align: center;
  line-height: 3rem;
}


.fix_box a:hover {
  background-color: rgba(242, 249, 249, 0.497);
}

span {
  color: rgb(189, 0, 0);
  font-size: 1.1rem;
  font-weight: 500;
  text-shadow: 1px 1px 1px black;
}

/* ギャラリーメインリンク */

.nav002 {

  width: 606
  
  610px;
  height: 94px;
  color: rgb(1, 1, 162);
  background-color: rgba(3, 66, 114, 0.361);
  border: 5px solid rgba(192, 192, 192, 0);
  border-radius: 15px;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
}

nav.gallerynav ul {
  margin: 0 auto;
   display: flex;
}


nav.gallerynav ul li {

  color: silver;
  background-color: rgba(192, 192, 192, 0.168);
  width: 140px;
  border-bottom: 2px solid rgb(122, 111, 165);
  border-top: 1px solid red;
  margin-bottom: 2px;
}


nav.gallerynav ul li a {
  display: block;
  line-height: 40px;
  text-align: center;
  color: rgb(253, 252, 252);
  text-decoration: none;
  font-weight: 00;
}



nav.gallerynav ul li a:hover {
  background-color: rgba(255, 217, 0, 0.401);
  text-decoration: underline;

}



nav.gallerynav ul li span.navspn {
  color: rgb(0, 0, 236);
  font-weight: 700;
  text-shadow: 1px 1px 1px silver;
}