@charset "UTF-8";
/*#preloadedImages{
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../../images/about/slider/1-min.jpg);
  background-image: url(../../images/about/slider/2-min.jpg);
  background-image: url(../../images/about/slider/3-min.jpg);
  background-image: url(../../images/about/slider/4-min.jpg);
  background-image: url(../../images/about/slider/5-min.jpg);
  background-image: url(../../images/about/slider/6-min.jpg);
  background-image: url(../../images/about/slider/7-min.jpg);
  background-image: url(../../images/about/slider/8-min.jpg);
  background-image: url(../../images/about/slider/9-min.jpg);
  background-image: url(../../images/about/slider/10-min.jpg);
  background-image: url(../../images/about/slider/11-min.jpg);
  background-image: url(../../images/about/slider/12-min.jpg);
  background-image: url(../../images/about/slider/13-min.jpg);
  background-image: url(../../images/about/slider/14-min.jpg);
  background-image: url(../../images/about/slider/15-min.jpg);
  background-image: url(../../images/about/slider/16-min.jpg);
  background-image: url(../../images/about/slider/17-min.jpg);
}*/
._btn-basic { padding-top: 90px; }

#section-contents ._p { text-align: center; }

#section-event { background: #f7faf9; text-align: center; color: #424242; margin: -40px 0 0 0; }

#section-event .inner { padding: 100px 0 80px 0; background: url(../../images/about/bg_map_about.png) 50% 50% no-repeat; background-size: 90% auto; }

#section-event .inner #map { padding-top: 160px; margin-top: -160px; }

#section-event .inner ul.link { margin: 50px 0 0 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#section-event .inner ul.link li { list-style: none; width: 30%; margin-right: 5%; margin-bottom: 20px; }

#section-event .inner ul.link li:nth-child(3n), #section-event .inner ul.link li:nth-child(4) { margin-right: 0; }

#section-event .inner ul.link li a { display: inline-block; width: 100%; height: 56px; line-height: 56px; font-size: 1.6rem; background: url(../../images/icon_arrow_link.png) rgba(255, 255, 255, 0.5) calc(100% - 20px) 50% no-repeat; background-size: auto 16px; color: #424242; border: rgba(66, 66, 66, 0.5) 1px solid; border-radius: 28px; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-event .inner ul.link li a:hover { opacity: 0.7; }

#section-event .inner ul.map { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; background: rgba(255, 255, 255, 0.7); padding: 40px 40px 20px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#section-event .inner ul.map li { list-style: none; width: calc(100%/7 - 18px); margin-right: 21px; }

#section-event .inner ul.map li .title { font-size: 1.8rem; font-weight: bold; text-align: center; border-bottom: #ccc solid 3px; display: block; padding-bottom: 10px; margin-bottom: 20px; }

#section-event .inner ul.map li:nth-child(1) .title { color: #00aaea; border-color: #00aaea; }

#section-event .inner ul.map li:nth-child(2) .title { color: #7182e6; border-color: #7182e6; }

#section-event .inner ul.map li:nth-child(3) .title { color: #6cba5a; border-color: #6cba5a; }

#section-event .inner ul.map li:nth-child(4) .title { color: #f5ac3c; border-color: #f5ac3c; }

#section-event .inner ul.map li:nth-child(5) .title { color: #ea6da4; border-color: #ea6da4; }

#section-event .inner ul.map li:nth-child(6) .title { color: #8d80bb; border-color: #8d80bb; }

#section-event .inner ul.map li:nth-child(7) { margin-right: 0; }

#section-event .inner ul.map li:nth-child(7) .title { color: #eb6d65; border-color: #eb6d65; }

#section-event .inner ul.map li ul { text-align: left; }

#section-event .inner ul.map li ul li { display: block; width: 100%; font-size: 1.6rem; font-weight: bold; margin-bottom: 15px; }

#section-slider { background: #333333; text-align: center; color: white; }

#section-slider .title { font-size: 5.0rem; text-align: center; padding: 50px 0; background: black; }

#section-slider .inner { padding: 60px 0; }

#section-slider .inner h2 { font-size: 4.0rem; font-weight: 700; margin-bottom: 30px; letter-spacing: 2px; }

#section-slider .inner .read { font-size: 2.0rem; font-weight: 700; margin-bottom: 60px; letter-spacing: 2px; }

#section-archive { background: #333333; text-align: center; color: white; }

#section-archive .inner { padding: 0 0 60px 0; min-width: 1000px; max-width: 1280px; margin: 0 auto; }

#section-archive .inner ._btn-basic { padding: 0; }

#section-archive .inner .read { font-size: 1.8rem; font-weight: 700; line-height: 2; margin-top: 40px; }

#section-youtube { background: #FFF; }

#section-youtube .inner { width: 100%; margin: 0 auto; padding: 100px 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 1000px; max-width: 1280px; display: block; position: relative; }

#section-youtube .inner .youtube { position: relative; width: 100%; padding-top: 56.25%; }

#section-youtube .inner .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#section-youtube .inner h2 { margin-bottom: 10px; }

#section-youtube .inner h3 { font-size: 2.4rem; line-height: 2; text-align: center; margin: 0 auto 0 auto; }

#section-youtube .inner ._p { margin-bottom: 60px; }

#section-youtube .inner .catch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* 垂直中心 */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* 水平中心 */ margin-bottom: 40px; }

#section-youtube .inner .catch:before, #section-youtube .inner .catch:after { border-top: 1px solid; content: ""; width: 5em; /* 線の長さ */ }

#section-youtube .inner .catch:before { margin-right: 1em; /* 文字の右隣 */ }

#section-youtube .inner .catch:after { margin-left: 1em; /* 文字の左隣 */ }
