@charset "UTF-8";
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans CJK JP Light"), url(../fonts/NotoSans_Thin.woff2) format("woff2"), url(../fonts/NotoSans_Thin.woff) format("woff"), url(../fonts/NotoSans_Thin.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 200;
  src: local("Noto Sans CJK JP Light"), url(../fonts/NotoSans_Light.woff2) format("woff2"), url(../fonts/NotoSans_Light.woff) format("woff"), url(../fonts/NotoSans_Light.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans CJK JP DemiLight"), url(../fonts/NotoSans_DemiLight.woff2) format("woff2"), url(../fonts/NotoSans_DemiLight.woff) format("woff"), url(../fonts/NotoSans_DemiLight.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(../fonts/NotoSans_Regular.woff2) format("woff2"), url(../fonts/NotoSans_Regular.woff) format("woff"), url(../fonts/NotoSans_Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"), url(../fonts/NotoSans_Medium.woff2) format("woff2"), url(../fonts/NotoSans_Medium.woff) format("woff"), url(../fonts/NotoSans_Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"), url(../fonts/NotoSans_Bold.woff2) format("woff2"), url(../fonts/NotoSans_Bold.woff) format("woff"), url(../fonts/NotoSans_Bold.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 800;
  src: local("Noto Sans CJK JP Black"), url(../fonts/NotoSans_Black.woff2) format("woff2"), url(../fonts/NotoSans_Black.woff) format("woff"), url(../fonts/NotoSans_Black.otf) format("opentype");
}
body {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 100%;
  font-size: 16px;
  color: #343D46;
  line-height: 1.8;
}
@media screen and (max-width: 780px) {
  body {
    font-size: 4.1025641026vw;
  }
}

ul {
  list-style: none;
  padding: 0;
}

._inner {
  max-width: 1060px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  ._inner {
    max-width: 100%;
    padding: 0 20px;
  }
}

._btn {
  margin: 0;
}
._btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(to right, #FFBB3B, #FF9E4B);
  box-shadow: -3px -6px 0 rgba(0, 0, 0, 0.16) inset;
  padding-bottom: 6px;
  transition: 0.3s;
}
._btn a:hover {
  text-decoration: none;
  opacity: 0.8;
}
._btn.small a {
  width: 350px;
  height: 70px;
  font-size: 20px;
  border-radius: 35px;
}
._btn.large {
  text-align: center;
}
._btn.large a {
  width: 440px;
  height: 80px;
  font-size: 22px;
  border-radius: 40px;
  margin: 0 20px;
}
._btn.large a:last-child {
  background: linear-gradient(to right, #F86C97, #EA5D5D);
}
@media screen and (max-width: 1020px) {
  ._btn {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  ._btn a:nth-child(2) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 570px) {
  ._btn a {
    box-shadow: -0.7692307692vw -1.5384615385vw 0 rgba(0, 0, 0, 0.16) inset;
    padding-bottom: 1.5384615385vw;
  }
  ._btn.small a {
    width: 100%;
    height: 17.9487179487vw;
    font-size: 4.6153846154vw;
    border-radius: 8.9743589744vw;
  }
  ._btn.large a {
    width: 100%;
    height: 17.9487179487vw;
    font-size: 4.6153846154vw;
    border-radius: 8.9743589744vw;
    margin: 0;
  }
  ._btn.large a:last-child {
    margin-top: 5.1282051282vw;
  }
}

._sp {
  display: none;
}
@media screen and (max-width: 780px) {
  ._sp {
    display: block;
  }
}

header {
  height: 647px;
  padding-top: 58px;
  position: relative;
  color: #000;
  overflow: hidden;
}
header::before {
  content: "";
  display: block;
  width: 1212px;
  height: 971px;
  background: url(../images/background.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: -420px;
  left: 50%;
  transform: translateX(calc(-50% + 200px));
  z-index: -1;
}
header h1 {
  text-align: center;
}
header h1 img {
  width: 500px;
}
header .headerInner {
  position: relative;
}
header .headerInner::before {
  content: "";
  display: block;
  width: 580px;
  height: 319px;
  background: url(../images/main-image.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: -15px;
  z-index: -1;
}
@media screen and (max-width: 1100px) {
  header .headerInner::before {
    right: 5px;
  }
}
header .headerInner .overview {
  margin-bottom: 0.8em;
}
header .headerInner .overview li {
  font-weight: 700;
  font-size: 27px;
  display: flex;
  align-items: center;
}
header .headerInner .overview li small {
  font-size: 19px;
  margin: 0.3em 0.3em 0 0;
}
header .headerInner .overview li span {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 25px;
  background-color: #093C71;
  margin-right: 1em;
}
header .headerInner .overview li:first-child {
  font-weight: 21px;
}
header .headerInner .exhibit {
  width: 530px;
  margin-bottom: 1.8em;
}
header .headerInner .exhibit dt {
  font-size: 22px;
  font-weight: 700;
  border-bottom: 1px solid #093C71;
  margin-bottom: 0.5em;
}
header .headerInner .exhibit dd ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
header .headerInner .exhibit dd ul li {
  font-size: 15px;
  display: flex;
  align-items: center;
  width: 40%;
  margin-bottom: 0.3em;
}
header .headerInner .exhibit dd ul li::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #FCB04C;
  margin-right: 0.5em;
}
header .headerInner .exhibit dd ul li:nth-child(2n) {
  width: 60%;
}
@media screen and (max-width: 1020px) {
  header {
    height: auto;
  }
  header h1 {
    margin-bottom: 390px;
  }
  header .headerInner {
    padding-bottom: 40px;
  }
  header .headerInner::before {
    right: 50%;
    transform: translateX(50%);
    top: 190px;
  }
  header .headerInner .overview {
    width: 530px;
    margin: 0 auto 0.8em;
  }
  header .headerInner .exhibit {
    margin: 0 auto 1.8em;
  }
  header .headerInner ._btn {
    text-align: center;
  }
}
@media screen and (max-width: 780px) {
  header {
    padding-top: 7.4358974359vw;
  }
  header::before {
    width: 120vw;
    height: 95.8974358974vw;
    top: -31.2820512821vw;
    left: -15.8974358974vw;
    transform: translateX(0);
  }
  header h1 {
    margin-bottom: 47.6923076923vw;
  }
  header h1 img {
    width: 71.7948717949vw;
  }
  header .headerInner::before {
    width: 64.6153846154vw;
    height: 35.641025641vw;
    top: 26.1538461538vw;
    z-index: -1;
  }
  header .headerInner .overview {
    width: 100%;
    margin-bottom: 6.1538461538vw;
  }
  header .headerInner .overview li {
    font-size: 5.1282051282vw;
  }
  header .headerInner .overview li small {
    font-size: 3.5897435897vw;
    margin: 0.3em 0.3em 0 0;
  }
  header .headerInner .overview li span {
    font-size: 3.5897435897vw;
    width: 12.8205128205vw;
    height: 6.4102564103vw;
  }
  header .headerInner .overview li:first-child {
    font-weight: 4.6153846154vw;
  }
  header .headerInner .exhibit {
    width: 100%;
    margin-bottom: 1.8em;
  }
  header .headerInner .exhibit dt {
    font-size: 4.358974359vw;
  }
  header .headerInner .exhibit dd ul {
    flex-direction: column;
  }
  header .headerInner .exhibit dd ul li {
    font-size: 3.8461538462vw;
    width: 100%;
  }
  header .headerInner .exhibit dd ul li:nth-child(2n) {
    width: 100%;
  }
}

main {
  background-color: #EFF6FD;
  padding-bottom: 56px;
}
main .mainTop {
  text-align: center;
  padding-bottom: 45px;
}
main .mainTop h2 {
  font-size: 1.375em;
}
main .mainTop img {
  width: 618px;
  margin-bottom: 1em;
}
main .mainTop .video {
  width: 90vw;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
main .mainTop .video::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
main .mainTop .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .mainTop p {
  font-size: 17px;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
}
main .mainTop p::before {
  content: "";
  width: 78px;
  height: 131px;
  background: url(../images/partition-left.png) no-repeat 0 0;
  background-size: contain;
  margin-right: 40px;
}
main .mainTop p::after {
  content: "";
  width: 78px;
  height: 131px;
  background: url(../images/partition-right.png) no-repeat 0 0;
  background-size: contain;
  margin-left: 40px;
}
main section {
  padding: 0 70px 60px;
  background-color: #fff;
  margin-bottom: 50px;
}
main section:last-child {
  margin-bottom: 0;
}
main section .secTop {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1em;
}
main section .secTop > img {
  width: 430px;
  margin-right: 50px;
  margin-bottom: 1.5em;
}
main section .secTop div {
  padding-top: 60px;
}
main section .secTop div h2 {
  font-size: 16px;
  margin-bottom: 0.8em;
}
main section .secTop div p {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 900px) {
  main section .secTop {
    flex-direction: column;
    align-items: center;
  }
  main section .secTop div {
    padding-top: 40px;
  }
}
main section .video_pic .video {
  max-width: 913px;
  width: 100%;
  margin: 0 auto 1.5em;
  position: relative;
  display: block;
}
main section .video_pic .video::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
main section .video_pic .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section .video_pic .images_flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5em;
}
main section .video_pic .images_flex div.img_items {
  width: 32%;
}
main section .video_pic .images_flex div.img_items img {
  max-width: 290px;
  width: 100%;
}
main section dl {
  margin-bottom: 2.5em;
}
main section dl dt {
  font-size: 24px;
  font-weight: 700;
  color: #093C71;
  border-bottom: 1px solid #093C71;
  margin-bottom: 0.5em;
}
main section dl dd ul li {
  display: flex;
  align-items: center;
}
main section dl dd ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #6DC0FD;
  margin-right: 0.5em;
}
main section .btnArea {
  display: flex;
  align-items: center;
  justify-content: center;
}
main section .btnArea a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 340px;
  height: 60px;
  border: 2px solid #093C71;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 700;
  color: #093C71;
  margin: 0 20px;
  transition: 0.3s;
}
main section .btnArea a:hover {
  text-decoration: none;
  background-color: #093C71;
  color: #fff;
}
main section .btnArea a:nth-child(2) {
  background-color: #093C71;
  color: #fff;
}
main section .btnArea a:nth-child(2):hover {
  background-color: #fff;
  color: #093C71;
}
@media screen and (max-width: 780px) {
  main {
    padding-bottom: 12.8205128205vw;
  }
  main .mainTop {
    padding-bottom: 7.4358974359vw;
  }
  main .mainTop img {
    width: 100%;
  }
  main .mainTop p {
    font-size: 4.1025641026vw;
    position: relative;
    line-height: 2;
    padding-bottom: 10.2564102564vw;
  }
  main .mainTop p::before {
    width: 12.8205128205vw;
    height: 21.7948717949vw;
    margin-right: 0;
    position: absolute;
    bottom: 0;
    left: 0.5em;
  }
  main .mainTop p::after {
    content: "";
    width: 12.8205128205vw;
    height: 21.7948717949vw;
    margin-left: 0;
    position: absolute;
    bottom: 0;
    right: 0.5em;
  }
  main section {
    padding: 0 7.6923076923vw 10.2564102564vw;
    margin-bottom: 10.2564102564vw;
  }
  main section:last-child {
    margin-bottom: 0;
  }
  main section .secTop > img {
    width: 100%;
    margin-right: 0;
  }
  main section .secTop div {
    padding-top: 7.6923076923vw;
  }
  main section .secTop div h2 img {
    width: 44.1025641026vw;
  }
  main section .video_pic .images_flex {
    display: block;
    margin-bottom: 1.5em;
  }
  main section .video_pic .images_flex div.img_items {
    width: auto;
    text-align: center;
    margin-bottom: 1em;
  }
  main section .video_pic .images_flex div.img_items img {
    width: 100%;
  }
  main section dl dt {
    font-size: 6.1538461538vw;
  }
  main section dl dd ul li {
    align-items: flex-start;
  }
  main section dl dd ul li::before {
    width: 3.8461538462vw;
    height: 3.8461538462vw;
    flex-shrink: 0;
    margin-top: 0.4em;
  }
  main section .btnArea {
    flex-direction: column;
  }
  main section .btnArea a {
    width: 74.358974359vw;
    height: 14.358974359vw;
    border-radius: 7.1794871795vw;
    font-size: 4.1025641026vw;
    margin: 0;
  }
  main section .btnArea a:nth-child(2) {
    margin-top: 3.8461538462vw;
  }
}

footer {
  padding: 54px 20px 60px;
}/*# sourceMappingURL=index.css.map */