@charset "UTF-8";
/*抹茶色*/
/*薄いクリーム色*/
/*グレー*/
/*紺色*/
section {
  margin-bottom: 40px;
}

#wrapper {
  background-color: #130502;
  color: #fff;
  padding: 40px 0;
}

#topupperbox {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
header .navigation a {
  color: #fff;
  text-shadow: #333 1px 1px 8px, #333 -1px 1px 8px, #333 1px -1px 8px, #333 -1px -1px 8px;
}

footer {
  background-color: #130502;
  color: #fff;
}
footer .navigation {
  border-top: 1px #fff solid;
  padding-top: 20px;
}
footer .navigation a {
  color: #fff;
}

#sliderbox {
  width: 1200px;
  margin: 0 auto;
}
#sliderbox ul {
  margin: 0;
  list-style: none;
  margin: 0;
}
#sliderbox .slide {
  position: relative;
  height: 499px;
}
#sliderbox .slide img {
  position: absolute;
  left: 0;
  opacity: 0;
  transition: all 2s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#slideread {
  position: absolute;
  bottom: 140px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 10;
}

#contents01 .logobox {
  margin-bottom: 20px;
}
#contents01 .logobox img {
  width: 330px;
}
#contents01 p {
  font-size: 1.2em;
  line-height: 2.2;
}

#contents02 {
  width: 800px;
  margin: 0 auto;
}
#contents02 .box_a {
  width: 520px;
}
#contents02 .box_a .flexbox {
  margin-top: 20px;
}
#contents02 .box_a .box_c {
  width: 244px;
}
#contents02 .box_a .boxcimg02 {
  margin-bottom: 30px;
}
#contents02 .box_b {
  width: 244px;
}
#contents02 .box_b .boxbimg01 {
  margin-bottom: 29px;
}
#contents02 .box_b .boxbimg02 {
  margin-bottom: 29px;
}