* {
  font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style-type: none;
  outline: none;
  color: #000;
}

@font-face {
  font-family: KozMinProM;
  src: url(../../fonts/KozMinProM.otf);
}

.clearfix {
  clear: both;
}

.clearfix:after {
  content: '';
  clear: both;
  display: table;
}

body {
  min-width: 1080px;
  overflow-x: auto;
}

.main {
  width: 100%;
  display: block;
  background-image: url(../../images/banner.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 45px 20px 40px;
  height: 750px;
}

.main__wrapper {
  max-width: 890px;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  height: 660px;
}

#text {
  position: absolute;
  display: block;
  top: 270px;
  left: 0px;
}

#text span {
  color: #fff;
  opacity: 0;
  font-size: 24px;
  line-height: 24px;
  font-family: KozMinProM,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
  transition-duration: .4s;
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
}

.ball__link {
  
}

.ball__text {
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-family: KozMinProM,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
  position: absolute;
  padding-left: 75px;
  display: block;
}

.ball__subtext {
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  opacity: .7;
  font-family: Meiryo;
  display: block;
  margin-top: 8px;
}

@keyframes ball_xs {
  0% { top: 0px; }
  25% { top: 10px; }
  50% { top: -10px; }
  75% { top: 10px; }
  100% { top: -10px; }
}

@-webkit-keyframes ball_xs {
  0% { top: 0px; }
  25% { top: 10px; }
  50% { top: -10px; }
  75% { top: 10px; }
  100% { top: -10px; }
}

.ball__text:hover {
  text-shadow: 0px 0px 4px #fff;
}

.ball__text:hover span {
  text-shadow: 0px 0px 0px #fff;
  opacity: .7;
}

.ball__text:hover .ball__img {
  animation: ball_xs 5s alternate infinite linear;
  -webkit-animation: ball_xs 5s alternate infinite linear;
  -moz-animation: ball_xs 5s alternate infinite linear;
}

.ball__img {
  width: 62px;
  height: 62px;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

.ball--blue {
  right: 125px;
  top: 0px;
}

.ball--skyblue {
  right: 0px;
  top: 75px;
}

.ball--green {
  right: 20px;
  top: 165px;
}

.ball--yellow {
  right: 10px;
  top: 255px;
}

.ball--orange {
  right: 85px;
  top: 345px;
}

.ball--pink {
  right: 30px;
  top: 435px;
}

.ball--violet {
  right: 80px;
  top: 510px;
}

.ball--lightblue {
  right: 125px;
  top: 530px;
}

.ball--red {
  right: 0px;
  top: 620px;
}

#span_0 {
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
}

#span_1 {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
}

#span_2 {
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
}

#span_3 {
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
}

#span_4 {
  transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
}

#span_5 {
  transition-delay: 1.6s;
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
}

#span_6 {
  transition-delay: 1.8s;
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
}

#span_7 {
  transition-delay: 2s;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
}

#span_8 {
  transition-delay: 2.2s;
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-duration: 2s;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  letter-spacing: -5px;
}

#span_9 {
  transition-delay: 3s;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-duration: 2s;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  letter-spacing: -5px;
}

#span_10 {
  transition-delay: 3.8s;
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-duration: 2s;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  letter-spacing: -5px;
  margin-right: 5px;
}

#span_11 {
  transition-delay: 4.4s;
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
}

#span_12 {
  transition-delay: 4.6s;
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
}

#span_13 {
  transition-delay: 4.8s;
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
}

#span_14 {
  transition-delay: 5s;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
}

#span_15 {
  transition-delay: 5.2s;
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
}

#span_16 {
  transition-delay: 5.4s;
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
}

#span_17 {
  transition-delay: 5.6s;
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
}

#span_18 {
  transition-delay: 5.8s;
  -webkit-transition-delay: 5.8s;
  -moz-transition-delay: 5.8s;
}

#span_19 {
  transition-delay: 6s;
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
}

.ball__lg {
  position: absolute;
  display: block;
  width: 140px;
  height: 140px;
  top: 50px;
  right: 335px;
  background-image: url(../../images/ball-lg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}

.ball__lg-text {
  font-size: 18px;
  line-height: 140px;
  font-family: KozMinProM,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
  color: #fff;
}

@keyframes ball_lg {
  0% { top: 50px; }
  25% { top: 60px; }
  50% { top: 40px; }
  75% { top: 60px; }
  100% { top: 40px; }
}

@-webkit-keyframes ball_lg {
  0% { top: 50px; }
  25% { top: 60px; }
  50% { top: 40px; }
  75% { top: 60px; }
  100% { top: 40px; }
}

.ball__lg:hover {
  animation: ball_lg 7s alternate infinite ease;
  -webkit-animation: ball_lg 7s alternate infinite ease;
  -moz-animation: ball_lg 7s alternate infinite ease;
}

.ball__lg:hover span {
  text-shadow: 0px 0px 4px #fff;
}

.logo {
  max-width: 340px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  font-size: 0px;
}

.logo__img {
  width: 100%;
  margin-bottom: 20px;
}

.logo__text {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  margin-left: 70px;
  margin-bottom: 10px;
}

.logo__number {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  padding-left: 35px;
  margin-left: 70px;
  position: relative;
}

.logo__number:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 26px;
  height: 20px;
  background-image: url(../../images/tel-icon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.footer {
  width: 100%;
  display: block;
  padding: 0px 20px;
  background-image: url(../../images/footer-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.footer__wrapper {
  max-width: 890px;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 20px 0px 15px;
  position: relative;
}

.footer__ball-link {
  width: 160px;
  height: 175px;
  float: right;
  position: absolute;
  right: -65px;
  top: 20px;
}

.footer__ball-img {
  width: 100%;
}

.footer__list-wrapper {
  float: left;
}

.footer__list-wrapper--mr50 {
  margin-right: 50px;
}

.footer__list-wrapper--mr85 {
  margin-right: 85px;
}

.footer__list-wrapper--mr130 {
  margin-right: 130px;
}

.footer__list {
  display: block;
  margin-top: 10px;
  padding-left: 15px;
  font-size: 0px;
}

.footer__list--title {
  font-size: 18px;
  line-height: 18px;
  font-family: KozMinProM,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
  color: #fff;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.footer__list-text {
  font-size: 13px;
  line-height: 13px;
  font-family: Meiryo;
  color: #fff;
}

.footer__list-text:hover {
  text-decoration: underline;
}

.footer__copyright {
  float: left;
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  text-align: right;
  display: block;
  width: 100%;
  margin-top: 15px;
}