html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: 400;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0);
  line-height: 1.5
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0);
  text-decoration: none
}
a:hover {
  cursor: pointer;
  text-decoration: none
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}
del {
  text-decoration: line-through
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
input, select {
  vertical-align: middle
}
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0
}
*, *:before, *:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important
}
body {
  font-family: "Noto Sans JP", sans-serif
}
#main {
  background-image: url(../images/bg_00.png);
  background-size: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  overflow: scroll
}
#main .main_section {
  max-width: 750px;
  margin: 0 auto;
  background-color: #fff
}
@media screen and (min-width: 750px) {
  #main .main_section {
    box-shadow: 0 0 8px rgba(0, 0, 0, .5)
  }
}
#main .main_section .header .image img {
  width: 100%
}
#main .main_section .section_one {
  padding: 10% 0 5%;
  background-image: url("../images/bg_01.png");
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat
}
#main .main_section .section_one .image_01 {
  margin-bottom: 5%
}
#main .main_section .section_one .image_01 img {
  width: 100%
}
#main .main_section .section_one .image_02 img {
  width: 100%
}
#main .main_section .section_one .image_03 {
  margin-bottom: 5%
}
#main .main_section .section_one .image_03 img {
  width: 100%
}
#main .main_section .section_one .footnote_01 {
  width: 90%;
  margin: 0 auto 5%
}
#main .main_section .section_one .footnote_01 li {
  margin-top: 1%;
  font-size: .625rem
}
@media screen and (min-width: 750px) {
  #main .main_section .section_one .footnote_01 li {
    font-size: 1rem
  }
}
#main .main_section .section_one .image_04 {
  margin-bottom: 2%;
  position: relative
}
#main .main_section .section_one .image_04 img {
  width: 100%
}
/*
#main .main_section .section_one .image_04 form {
  width: 85%;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%)
}
#main .main_section .section_one .image_04 form:hover {
  opacity: .5
}
#main .main_section .section_one .image_04 form input {
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: 0
}
#main .main_section .section_one .image_04 form button {
  padding: 0;
  border: none
}*/
#main .main_section .section_one .image_04  a{
  width: 85%;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%)
}
#main .main_section .section_one .image_04 a:hover {
  opacity: .5
}
#main .main_section .section_one .image_04  a input {
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: 0
}
#main .main_section .section_one .image_04  a {
  padding: 0;
  border: none
}
#main .main_section .section_one .footnote_02 {
  width: 90%;
  margin: 0 auto 5%
}
#main .main_section .section_one .footnote_02 p {
  font-size: .625rem
}
@media screen and (min-width: 750px) {
  #main .main_section .section_one .footnote_02 p {
    font-size: 1rem
  }
}
#main .main_section .section_one .image_05 {
  position: relative
}
#main .main_section .section_one .image_05 img {
  width: 100%
}
#main .main_section .section_one .image_05 a {
  width: 42%;
  position: absolute;
  bottom: 10%;
  right: 20%;
  transform: translateX(30%)
}
#main .main_section .section_one .image_05 a:hover {
  opacity: .5
}
#main .main_section .section_one .image_05 a input {
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: 0
}
#main .main_section .section_one .image_05 a button {
  padding: 0;
  border: none
}
#main .main_section .section_two {
  padding: 15% 0 50%;
  background-image: url(../images/bg_02.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat
}
#main .main_section .section_two .image_01 {
  margin-bottom: 10%
}
#main .main_section .section_two .image_01 img {
  width: 100%
}
#main .main_section .section_two .image_02 {
  margin-bottom: 10%
}
#main .main_section .section_two .image_02 img {
  width: 100%
}
#main .main_section .section_two .footnote_01 {
  width: 85%;
  margin: 0 auto
}
#main .main_section .section_two .footnote_01 p {
  font-size: .625rem
}
@media screen and (min-width: 750px) {
  #main .main_section .section_two .footnote_01 p {
    font-size: 1rem
  }
}
#main .main_section .section_three {
  padding: 11% 0 17%;
  background-image: url(../images/bg_03.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative
}
#main .main_section .section_three .image_01 {
  margin-bottom: 31%
}
#main .main_section .section_three .image_01 img {
  width: 100%
}
#main .main_section .section_three .image_02 {
  margin-bottom: 14%;
  position: relative;
  z-index: 2
}
#main .main_section .section_three .image_02 img {
  width: 100%
}
#main .main_section .section_three .image_03 {
  width: 100%;
  position: absolute;
  top: 8%;
  right: 0;
  z-index: 1
}
#main .main_section .section_three .image_03 img {
  width: 100%
}
#main .main_section .section_three .image_04 {
  margin-bottom: 52%
}
#main .main_section .section_three .image_04 img {
  width: 100%
}

#main .main_section .section_three .image_05 {
  margin-bottom: 5%
}

#main .main_section .section_three .image_05 img {
  width: 100%
}

#main .main_section .section_three .footnote_01 {
  width: 85%;
  margin: 0 auto
}
#main .main_section .section_three .footnote_01 p {
  font-size: .625rem;

}
@media screen and (min-width: 750px) {
  #main .main_section .section_three .footnote_01 p {
    font-size: 1rem
  }
}

#main .main_section .section_four {
  padding: 10% 0 20%;
  background-color: #233a62
}
#main .main_section .section_four .image_01 {
  margin-bottom: 5%
}
#main .main_section .section_four .image_01 img {
  width: 100%
}
#main .main_section .section_four .image_02 {
  margin-bottom: 5%
}
#main .main_section .section_four .image_02 img {
  width: 100%
}
#main .main_section .section_four .image_03 {
  margin-bottom: 5%
}
#main .main_section .section_four .image_03 img {
  width: 100%
}
#main .main_section .section_four .footnote_01 {
  width: 85%;
  margin: 0 auto
}
#main .main_section .section_four .footnote_01 p {
  font-size: .625rem;
  color: #fff
}
@media screen and (min-width: 750px) {
  #main .main_section .section_four .footnote_01 p {
    font-size: 1rem
  }
}
#main .main_section .section_five {
  padding: 15% 0 20%;
  background-image: url(../images/bg_05.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat
}
#main .main_section .section_five .image_01 {
  margin-bottom: 10%
}
#main .main_section .section_five .image_01 img {
  width: 100%
}
#main .main_section .section_five .image_02 {
  margin-bottom: 7%
}
#main .main_section .section_five .image_02 img {
  width: 100%
}
#main .main_section .section_five .image_03 {
  margin-bottom: 5%
}
#main .main_section .section_five .image_03 img {
  width: 100%
}
#main .main_section .section_five .footnote_01 {
  width: 85%;
  margin: 0 auto
}
#main .main_section .section_five .footnote_01 p {
  font-size: .625rem
}
@media screen and (min-width: 750px) {
  #main .main_section .section_five .footnote_01 p {
    font-size: 1rem
  }
}
#main .main_section .section_six {
  padding: 15% 0 15%;
  background-image: url(../images/bg_06.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative
}
#main .main_section .section_six .image_01 {
  margin-bottom: 15%
}
#main .main_section .section_six .image_01 img {
  width: 100%
}
#main .main_section .section_six .image_02 {
  margin-bottom: 78%;
  position: relative;
  z-index: 2
}
#main .main_section .section_six .image_02 img {
  width: 100%
}
#main .main_section .section_six .image_03 {
  position: absolute;
  top: 29.5%;
  right: 0;
  z-index: 1
}
#main .main_section .section_six .image_03 img {
  width: 100%
}
#main .main_section .section_six .image_04 img {
  width: 100%
}
#main .main_section .section_cta {
  padding: 15% 0 15%;
  background-color: #233a62
}
#main .main_section .section_cta .image_01 {
  margin-bottom: 5%
}
#main .main_section .section_cta .image_01 img {
  width: 100%
}
#main .main_section .section_cta .image_02 {
  margin-bottom: 3%;
  position: relative
}
#main .main_section .section_cta .image_02 img {
  width: 100%
}
/*
#main .main_section .section_cta .image_02 form {
  width: 85%;
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%)
}
#main .main_section .section_cta .image_02 form:hover {
  opacity: .5
}
#main .main_section .section_cta .image_02 form input {
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: 0
}
#main .main_section .section_cta .image_02 form button {
  padding: 0;
  border: none
}
#main .main_section .section_cta .image_02 form button img {
  width: 100%
}*/
#main .main_section .section_cta .image_02  a {
  width: 85%;
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
}

#main .main_section .section_cta .image_02  a:hover {
  opacity: .5
}
#main .main_section .section_cta .image_02  a input {
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: 0
}
#main .main_section .section_cta .image_02  a button {
  padding: 0;
  border: none
}
#main .main_section .section_cta .image_02  a img {
  width: 100%
}
#main .main_section .section_cta .image_02  a {
  padding: 0;
  border: none
}
#main .main_section .section_cta .footnote_01 {
  width: 92%;
  margin: 0 auto 5%
}
#main .main_section .section_cta .footnote_01 p {
  font-size: .625rem;
  color: #fff
}
@media screen and (min-width: 750px) {
  #main .main_section .section_cta .footnote_01 p {
    font-size: 1rem
  }
}
#main .main_section .section_cta .image_03 img {
  width: 100%
}
#main .main_section .section_seven {
  padding: 60% 0 16%;
  background-image: url(../images/bg_07.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat
}
#main .main_section .section_seven .image_01 {
  margin-bottom: 15%
}
#main .main_section .section_seven .image_01 img {
  width: 100%
}
#main .main_section .section_seven .image_02 {
  margin-bottom: 5%
}
#main .main_section .section_seven .image_02 img {
  width: 100%
}
#main .main_section .section_seven .footnote_01 {
  width: 85%;
  margin: 0 auto
}
#main .main_section .section_seven .footnote_01 p {
  font-size: .625rem
}
@media screen and (min-width: 750px) {
  #main .main_section .section_seven .footnote_01 p {
    font-size: 1rem
  }
}
#main .main_section .section_eight {
  padding: 0 0 15%;
  margin-top: 8%;
  background-image: url(../images/bg_08.png);
  background-size: cover;    /*contain;*/
  background-position: top center;
  background-repeat: no-repeat;
  /*background-color:#E6E6EA;*/
}
#main .main_section .section_eight .image_01 {
  margin-bottom: 60%
}
#main .main_section .section_eight .image_01 img {
  width: 100%
}
#main .main_section .section_eight .image_02 {
  position: relative
}
#main .main_section .section_eight .image_02 img {
  width: 100%
}
#main .main_section .section_eight .image_02 img.one {
  position: absolute;
  top: 0;
  z-index: 2
}
#main .main_section .section_eight .image_02 img.two {
  position: absolute;
  top: 0;
  z-index: 2
}
#main .main_section .section_eight .image_02 img.three {
  position: relative;
  z-index: 1
}
#main .main_section .section_eight .image_03 {
  margin-bottom: 3%;
  position: relative
}
#main .main_section .section_eight .image_03 img {
  width: 100%
}
#main .main_section .section_eight .image_03 img.one {
  position: absolute;
  top: 0;
  z-index: 2
}
#main .main_section .section_eight .image_03 img.two {
  position: relative;
  z-index: 1
}
#main .main_section .section_eight .image_04 {
  position: relative
}
#main .main_section .section_eight .image_04 img {
  width: 100%
}
#main .main_section .section_eight .image_04 img.one {
  position: absolute;
  top: 0;
  z-index: 2
}
#main .main_section .section_eight .image_04 img.two {
  position: absolute;
  top: 0;
  z-index: 2
}
#main .main_section .section_eight .image_04 img.three {
  position: relative;
  z-index: 1
}
#main .main_section .section_eight .image_05 {
  margin-bottom: 3%;
  position: relative
}
#main .main_section .section_eight .image_05 img {
  width: 100%
}
#main .main_section .section_eight .image_05 img.one {
  position: absolute;
  top: 0;
  z-index: 2
}
#main .main_section .section_eight .image_05 img.two {
  position: relative;
  z-index: 1
}
#main .main_section .section_eight .image_06 {
  position: relative
}
#main .main_section .section_eight .image_06 img {
  width: 100%
}
#main .main_section .section_eight .image_06 img.one {
  position: absolute;
  top: 0;
  z-index: 2
}
#main .main_section .section_eight .image_06 img.two {
  position: absolute;
  top: 0;
  z-index: 2
}
#main .main_section .section_eight .image_06 img.three {
  position: relative;
  z-index: 1
}
#main .main_section .section_eight .image_07 {
  margin-bottom: 3%;
  position: relative
}
#main .main_section .section_eight .image_07 img {
  width: 100%
}
#main .main_section .section_eight .image_07 img.one {
  position: absolute;
  top: 0;
  z-index: 2
}
#main .main_section .section_eight .image_07 img.two {
  position: relative;
  z-index: 1
}
#main .main_section .section_eight .footnote_01 {
  width: 85%;
  margin: 0 auto 5%
}
#main .main_section .section_eight .footnote_01 p {
  font-size: .625rem
}
@media screen and (min-width: 750px) {
  #main .main_section .section_eight .footnote_01 p {
    font-size: 1rem
  }
}
#main .main_section .section_nine {
  padding: 30% 0 35%;
  background-image: url(../images/bg_09.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat
}
#main .main_section .section_nine .image_01 {
  margin-bottom: 5%
}
#main .main_section .section_nine .image_01 img {
  width: 100%
}
#main .main_section .section_nine .image_02 {
  position: relative
}
#main .main_section .section_nine .image_02 img {
  width: 100%
}
#main .main_section .section_nine .image_02 img.one {
  position: absolute;
  top: 0;
  z-index: 3
}
#main .main_section .section_nine .image_02 img.two {
  position: relative;
  z-index: 1
}
#main .main_section .section_nine .image_03 {
  position: relative
}
#main .main_section .section_nine .image_03 img {
  width: 100%
}
#main .main_section .section_nine .image_03 img.one {
  position: absolute;
  top: 0;
  z-index: 3
}
#main .main_section .section_nine .image_03 img.two {
  position: relative;
  z-index: 1
}
#main .main_section .section_nine .image_04 {
  margin-bottom: 2.5%;
  position: relative
}
#main .main_section .section_nine .image_04 img {
  width: 100%
}
#main .main_section .section_nine .image_04 img.one {
  position: absolute;
  top: 0;
  z-index: 3
}
#main .main_section .section_nine .image_04 img.two {
  position: relative;
  z-index: 1
}
#main .main_section .section_nine .footnote_01 {
  width: 85%;
  margin: 0 auto 5%
}
#main .main_section .section_nine .footnote_01 p {
  font-size: .625rem;
  text-align: right
}
@media screen and (min-width: 750px) {
  #main .main_section .section_nine .footnote_01 p {
    font-size: 1rem
  }
}
#main .main_section .section_ten {
  padding: 20% 0
}
#main .main_section .section_ten .container_one {
  width: 90%;
  margin: 0 auto;
  padding: 1rem;
  border: 1px solid #404040
}
#main .main_section .section_ten .container_one .inner_one {
  margin-top: 5%
}
#main .main_section .section_ten .container_one .inner_one:first-of-type {
  margin-top: 0
}
#main .main_section .section_ten .container_one .inner_one p {
  font-size: .875rem
}
@media screen and (min-width: 750px) {
  #main .main_section .section_ten .container_one .inner_one p {
    font-size: 1rem
  }
}
#main .main_section .footer {
  padding: 2rem 0;
  border-top: 1px solid #404040
}
#main .main_section .footer .menu {
  margin: 0 auto 2rem;
  padding: 0 1rem
}
#main .main_section .footer .menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .5rem
}
@media screen and (min-width: 750px) {
  #main .main_section .footer .menu ul {
    margin-top: 1rem
  }
}
#main .main_section .footer .menu ul:first-child {
  margin-top: 0
}
#main .main_section .footer .menu ul li {
  display: flex;
  align-items: center;
  margin-left: .5rem;
  padding-left: .5rem;
  border-left: 1px solid #404040;
  line-height: 1
}
@media screen and (min-width: 375px) {
  #main .main_section .footer .menu ul li {
    margin-left: .75rem;
    padding-left: .75rem
  }
}
@media screen and (min-width: 750px) {
  #main .main_section .footer .menu ul li {
    margin-left: 1rem;
    padding-left: 1rem
  }
}
#main .main_section .footer .menu ul li:first-of-type {
  margin: 0;
  padding: 0;
  border: none
}
#main .main_section .footer .menu ul li a {
  font-size: .625rem;
  color: #404040;
  text-decoration: underline
}
@media screen and (min-width: 375px) {
  #main .main_section .footer .menu ul li a {
    font-size: .75rem
  }
}
@media screen and (min-width: 428px) {
  #main .main_section .footer .menu ul li a {
    font-size: .875rem
  }
}
@media screen and (min-width: 750px) {
  #main .main_section .footer .menu ul li a {
    font-size: 1rem
  }
}
#main .main_section .footer .menu ul li a:hover {
  opacity: .5
}
#main .main_section .footer .copy_right {
  text-align: center
}
#main .main_section .footer .copy_right small {
  font-size: .625rem
}
@media screen and (min-width: 428px) {
  #main .main_section .footer .copy_right small {
    font-size: .75rem
  }
}
@media screen and (min-width: 750px) {
  #main .main_section .footer .copy_right small {
    font-size: 1rem
  }
}