#wrapper {
  width: 100%;
  background-image: url("../img/top/bg1.jpg");
  background-color: #000;
  background-repeat: repeat;
  color: #fff;
  overflow: hidden; }

header {
  width: 100%;
  position: relative; }
  header .kv__bg, header .kv__tc1, header .kv__tc2, header .kv__tc3 {
    width: 100%; }
  header .kv__tc1, header .kv__tc2, header .kv__tc3 {
    position: absolute;
    left: 0;
    top: 0; }
  header .kv__logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 16vw;
    width: 45%;
    margin: 0 auto; }
    @media (max-width: 768px) {
      header .kv__logo {
        width: 95%;
        top: 20vw; } }
  header .kv__lead {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9vw;
    width: 62%;
    margin: 0 auto; }
    @media (max-width: 768px) {
      header .kv__lead {
        width: 85%;
        top: 70vw; } }
  header .kv__entry {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.2vw;
    width: 26%;
    margin: 0 auto; }
    @media (max-width: 768px) {
      header .kv__entry {
        width: 65%;
        bottom: 17vw; } }
  header .kv__bg img, header .kv__tc1 img, header .kv__tc2 img, header .kv__tc3 img, header .kv__logo img, header .kv__lead img {
    width: 100%; }

main {
  width: 1080px;
  margin: 0 auto; }
  @media (max-width: 1080px) {
    main {
      width: 100%; } }

.info__main--inner {
  padding: 0 20px;
  background: rgba(46, 43, 92, 0.5); }
  @media (max-width: 768px) {
    .info__main--inner {
      padding: 0 2%; } }

.about__main--inner, .require__main--inner, .entry__main--inner {
  padding: 20px 40px;
  background: rgba(46, 43, 92, 0.5); }
  @media (max-width: 768px) {
    .about__main--inner, .require__main--inner, .entry__main--inner {
      padding: 2% 4%; } }

.info {
  margin: 40px 0 100px;
  position: relative; }
  @media (max-width: 768px) {
    .info {
      margin: 5% 0 5%; } }

.about, .entry, .require {
  margin: 0 0 100px;
  position: relative; }
  @media (max-width: 768px) {
    .about, .entry, .require {
      margin: 0 0 5%; } }

.info__main {
  width: 80%; }
  @media (max-width: 768px) {
    .info__main {
      width: 100%; } }

.txtbg {
  background: #7a78ad;
  padding: 5px;
  width: 100%;
  display: inline-block; }

.info__main--table th, .info__main--table td {
  padding: 0.5em; }
  @media (max-width: 768px) {
    .info__main--table th, .info__main--table td {
      display: block;
      text-align: center; } }
.info__main--table th {
  width: 35%;
  font-size: 22pt; }
  @media (max-width: 1080px) {
    .info__main--table th {
      font-size: 2.9vw; } }
  @media (max-width: 768px) {
    .info__main--table th {
      width: 100%;
      font-size: 4vw; } }
.info__main--table td {
  width: 65%;
  font-size: 14pt; }
  @media (max-width: 1080px) {
    .info__main--table td {
      font-size: 1.75vw; } }
  @media (max-width: 768px) {
    .info__main--table td {
      width: 100%;
      font-size: 4vw; } }

.about__main {
  width: 80%;
  font-size: 14pt; }
  @media (max-width: 1080px) {
    .about__main {
      font-size: 1.8vw; } }
  @media (max-width: 768px) {
    .about__main {
      width: 100%;
      font-size: 3.8vw; } }

.about__main--title {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 20px; }

.about__main--text {
  text-indent: 1em; }

.entry__main {
  width: 100%;
  font-size: 14pt; }
  @media (max-width: 1080px) {
    .entry__main {
      font-size: 1.8vw; } }
  @media (max-width: 768px) {
    .entry__main {
      font-size: 3.8vw; } }

.entry__main--title {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 20px; }
  @media (max-width: 768px) {
    .entry__main--title {
      width: 70%; } }

.entry__main--body {
  display: flex; }
  @media (max-width: 768px) {
    .entry__main--body {
      flex-direction: column; } }

.entry__main--list, .entry__main--img {
  width: 50%; }
  @media (max-width: 768px) {
    .entry__main--list, .entry__main--img {
      width: 100%; } }

.entry__main--list {
  list-style-type: none; }
  @media (max-width: 768px) {
    .entry__main--list {
      margin-bottom: 1em; } }

.require__main {
  width: 100%; }

.require__main--title {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 1em; }
  @media (max-width: 768px) {
    .require__main--title {
      width: 50%; } }

.require__main--table a {
  text-decoration: underline;
  color: #80b7f3;
  font-weight: 700; }
.require__main--table a:hover {
  color: #fe7f7f; }
.require__main--table th, .require__main--table td {
  border: 1px #bab1e0 solid;
  padding: 16px;
  vertical-align: top; }
  @media (max-width: 768px) {
    .require__main--table th, .require__main--table td {
      padding: 1%;
      font-size: 3.5vw; } }
.require__main--table th {
  width: 24%;
  color: #80b7f3;
  font-weight: 700;
  font-size: 110%; }
  @media (max-width: 768px) {
    .require__main--table th {
      padding-top: 1em; } }
.require__main--table td {
  width: 76%;
  padding-left: 1em; }
@media (max-width: 768px) {
  .require__main--table th, .require__main--table td {
    display: block;
    width: 100%;
    border: none; } }

.info__caption {
  position: absolute;
  right: -70px;
  top: -70px;
  z-index: 9;
  width: 360px; }
  @media (max-width: 1080px) {
    .info__caption {
      width: 31vw;
      right: -6vw;
      top: -4vw; } }

.about__caption {
  position: absolute;
  left: -60px;
  top: -60px;
  z-index: 9;
  width: 330px; }
  @media (max-width: 1080px) {
    .about__caption {
      width: 33vw;
      left: -6vw;
      top: 0vw; } }

.require__caption01 {
  position: absolute;
  right: -80px;
  top: -100px;
  z-index: 9;
  width: 400px; }
  @media (max-width: 1080px) {
    .require__caption01 {
      width: 36vw;
      right: -6vw;
      top: -20vw; } }

.require__caption02 {
  position: absolute;
  left: -100px;
  bottom: -200px;
  z-index: 9;
  width: 390px; }
  @media (max-width: 1080px) {
    .require__caption02 {
      width: 35vw;
      left: -6vw;
      bottom: -12vw; } }

@media (max-width: 768px) {
  .info__caption, .about__caption, .require__caption01, .require__caption02 {
    display: none; } }

.twitter {
  margin: 0 0 100px; }
  @media (max-width: 768px) {
    .twitter {
      margin: 10% 0; } }

.btn-twitter {
  width: 400px;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
  background: #306495;
  padding: 1% 2%;
  box-sizing: border-box;
  transition: all 0.5s;
  text-decoration: none; }
  @media (max-width: 768px) {
    .btn-twitter {
      width: 80%;
      margin: 0 auto; } }

.btn-twitter > img {
  width: 15%; }

.twitter__text {
  width: 80%;
  color: #fff;
  text-decoration: none;
  font-size: 22pt;
  text-align: center;
  font-family: 'Josefin Sans', sans-serif;
  padding-top: 1%; }
  @media (max-width: 768px) {
    .twitter__text {
      font-size: 5vw; } }

.news-slider {
  width: 100%;
  height: 300px;
  margin: 50px 0 100px;
  position: relative; }
  @media (max-width: 768px) {
    .news-slider {
      margin: 5% 0 10%; } }
  .news-slider a {
    text-decoration: none;
    color: #fff; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: rgba(46, 43, 92, 0.5);
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: stretch;
  align-items: stretch; }

.news-info {
  margin-top: 10px;
  text-decoration: none;
  padding: 5px;
  text-align: left;
  font-size: 15px; }

.news-date {
  color: #2c85b7; }

.news-text {
  line-height: 1.6; }

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.topic-new:before {
  content: 'NEW';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  position: absolute;
  margin: 0;
  padding: 2px 10px;
  background-color: crimson; }

.swiper-button-prev {
  left: -50px; }

.swiper-button-next {
  right: -60px; }

.swiper-button-prev, .swiper-button-next {
  display: none; }

/*# sourceMappingURL=style.css.map */