/* 要素レベルでの設定 */
body {
  margin: 25px 50px 40px 50px;
  padding: 50px 10px 20px 10px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

a,a:visited {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: #040273;
  background-color: #e0e0ff;
}

/* id名での振り分け */
#header {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 85px;
  padding: 10px;
}

#contents {
  width: 100%;
  overflow: auto;
}

#footer {
  background-color: #040273;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 10px;
}

#top {
  background-image: url(./image/bg-fuji.jpg);
  background-size: cover;
  background-repeat: repeat;
  background-position: right top;
  margin: 30px -50px 0px -50px;
}

#top h1 {
  color: #ffffff;
  font-size: 32pt;
  margin: 1.0em 1.0em 1.0em 1.0em;
  padding: 80px 20px 0px 20px;
}

#top h2 {
  color: #ffffff;
  font-size: 16pt;
  margin: -0.5em 0.5em 0em 0.5em;
  padding: 10px;
  text-align: center;
}

#top h3 {
  color: #ffffff;
  font-size: 14pt;
  margin: -0.5em -0.25em 0em -0.25em;
  padding: 10px;
  text-align: center;
}

/*  ここから下はclassを記載  */
.header-menu1 {
  text-align: right;
  padding: 0.5em 1.0em;
  margin-top: -5.0em;
}

.header-menu2 {
  text-align: right;
  padding: 0.5em 1.0em;
  margin-top: 0em;
}

.header-options {
  margin-left: 1.0em;
  margin-right: 1.0em;
  color: #000000;
}

.footer-pol {
  text-align: left;
  margin: 0em 1.5em 0em 1.5em;
  font-size: 10pt;
}

.footer-options {
  margin-left: 1.0em;
  margin-right: 1.0em;
  color: #ffffff;
}

.copy {
  color: #9acd32;
  font-style: italic;
  text-align: right;
  margin: -1.0em 2.0em 0em 2.0em;
  font-size: 10pt;
}

.bold {
  font-weight: bold;
}

.sup {
  font-size: 0.8em;
  vertical-align: top;
}

.text-red {
  color: #ff0000;
}

.text-align-left {
  text-align: left;
  padding: 0.5em 1.0em;
}

.text-align-center {
  text-align: center;
  padding: 0.5em 1.0em;
}

.text-align-right {
  text-align: right;
  padding: 0.5em 1.0em;
}

.s-menu {
  text-align: justify;
  font-size: 11pt;
  margin: 0em 1.0em 0em 1.0em;
}

.s-menu-e {
  text-align: start;
  font-size: 11pt;
  margin: 0em 1.0em 0em 1.0em;
}

.news-rel {
  text-align: left;
  margin: 0em 3em 0em 5em;
  line-height: 150%;
}

.container {
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  text-align: center;
  grid-template-columns: 14fr 4fr 4fr 4fr 1fr;
  grid-template-rows: 200px 60px 140px 60px 280px;
  color: #ffffff;
  background: rgba(255,255,255,0);
}

.item {
  border:solid #ff6a00 0px;
  border-radius: 0px;
}

.GridItem1 { grid-area: 1 / 1 / 5 / 2;}
.GridItem2 { grid-area: 1 / 2 / 2 / 3;}
.GridItem3 { grid-area: 1 / 3 / 2 / 4;}
.GridItem4 { grid-area: 1 / 4 / 2 / 5;}
.GridItem5 { grid-area: 1 / 5 / 2 / 6;}
.GridItem6 { grid-area: 2 / 2 / 3 / 3;}
.GridItem7 { grid-area: 2 / 3 / 3 / 4;}
.GridItem8 { grid-area: 2 / 4 / 3 / 5;}
.GridItem9 { grid-area: 2 / 5 / 3 / 6;}
.GridItem10 { grid-area: 3 / 2 / 4 / 3;}
.GridItem11 { grid-area: 3 / 3 / 4 / 4;}
.GridItem12 { grid-area: 3 / 4 / 4 / 5;}
.GridItem13 { grid-area: 3 / 5 / 4 / 6;}
.GridItem14 { grid-area: 5 / 1 / 6 / 2;}
.GridItem15 { grid-area: 4 / 2 / 6 / 3;}
.GridItem16 { grid-area: 4 / 3 / 6 / 4;}
.GridItem17 { grid-area: 4 / 4 / 6 / 5;}
.GridItem18 { grid-area: 4 / 5 / 6 / 6;}

/* Responsive 
@media (max-width: 600px){
  .container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .box-big1,
  .box-big2,
  .box-big3 {
    grid-column: 1;
    grid-row: auto;
  }
}
*/