@charset "UTF-8";
/* CSS Document */
main {
  background: linear-gradient(90deg, #542276 20%, #000 50%, #9e2a22 80%);
  background-size: 300% 300%; /*サイズを大きくひきのばす*/
  animation: bggradient 16s ease infinite;
}
header a:hover {
  color: #D0A900;
}
@keyframes bggradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.news-top {
  width: 100%;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  padding: 200px 0 0;
  margin-top: -200px;
}
.news-image_logo {
  width: 200px;
  position: relative;
  display: flex;
  padding: 40px auto 0 40px;
  margin: 60px auto 0;
}

.news-top h2 {
  color: #fff;
  font-size: 8.0rem;
  font-family: "ArimaMadurai-ExtraLight";
  font-weight: 200;
  position: absolute;
  background: #9e2a22;
  top: 230px;
  margin-left: 100px;
  padding: 0 6px;
}

.section-contact {
  position: relative;
  text-align: center;
  color: #FFF;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 260px;
}
.section-contact h2 {
  margin: 0 auto 20px;
  font-size: 4.6rem;
  font-weight: 600;
  position: relative;
  top: 100px;
  z-index: 100;
}
.section-contact h2 a {
  color: #fff;
}
.section-contact h3 {
  margin: 0 auto 60px;
  font-size: 1.8rem;
  font-weight: 200;
  position: relative;
  top: 100px;
  z-index: 100;
}
.section-contact ul {
  position: relative;
  display: block;
  text-align: center;
  margin: 160px auto 60px;
  width: 66vw;
  z-index: 100;
}
.section-contact ul li {
  display: block;
  margin-bottom: 40px;
}
.section-contact ul li h4 {
  font-size: 2.6rem;
  width: 160px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 20px;
}
.contact-form input[type="text"] {
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 10px;
  border: solid 1px #777;
}
.contact-form textarea {
  display: block;
  width: 100%;
  height: 300px;
  padding: 10px 10px;
  border: solid 1px #777;
}
.btbt {
  display: block;
  font-weight: 400;
  background-color: #1caec8;
  border-style: none;
  -webkit-box-shadow: 2px 2px 3px rgb(0 0 0 / 60%);
  box-shadow: 2px 2px 3px rgb(0 0 0 / 60%);
  color: #FFFFFF;
  line-height: 48px;
  width: 300px;
  margin: 0 auto;
}
.section-contact_discription {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.section-contact_discription p {
  line-height: 30px;
  text-align: left;
  display: inline-block;
  position: relative;
  z-index: 100;
}
.section-contact_discription h3 {
  font-size: 1.6rem;
  position: relative;
  z-index: 100;
  margin-bottom: 40px;
}/*
.section-contact_background {
  position: absolute;
  width: 92vw;
  height: 50vw;
  left: 4vw;
  top: 1vw;
  animation: flash 0.6s ease infinite alternate;
  z-index: 10;
}
.section-contact_background-under {
  position: absolute;
  width: 92vw;
  height: 50vw;
  left: 4vw;
  top: 56vw;
  animation: flash 0.6s ease infinite alternate;
  z-index: 10;
}*/
@media (min-width: 1900px) {
  .section-contact_background-under {
    display: none;
  }
}
@media (max-width: 960px) {
.section-contact {
  padding-bottom: 160px;
  padding-top: 0;
  }
.section-contact h2 {
  font-size: 4.0rem;
}
.section-contact_discription {
  margin: 0 10vw;
  text-align: center;
  display: block;
}/*
.section-contact_background {
  display: none;
}
.section-contact_background-under {
  display: none;
}*/
.btbt {
  line-height: 48px;
  width: 180px;
  margin: 0 auto;
}
}
@media (max-width: 600px) {
.section-contact_discription h2 {
  font-size: 3.0rem;
}
}
@media (max-width: 450px) {
.section-contact_discription h2 {
  font-size: 2.4rem;
}
}
@media (max-width: 360px) {
.section-contact_discription h2 {
  font-size: 1.6rem;
}
}
@media (max-width: 301px) {
.btbt {
  line-height: 48px;
  width: 100px;
  margin: 0 auto;
}
}