/*==================================
 variable
===================================*/
.-showSp {
  display: none;
}

@media (max-width: 760px) {
  .-showSp {
    display: block;
  }
}

.section .fontLarge {
  margin: 0 0 2%;
  text-align: center;
  white-space: nowrap;
}

.section .fontSmall {
  margin: 3% 0 0;
  text-align: right;
}

.section.section01 .boxItemGgm {
  max-width: 617px;
  width: 57%;
}

.section.section01 .ggmWrap {
  text-align: center;
}

.section.section01 .ggmWrap .ggm {
  display: inline-block;
  max-width: 240px;
  width: 22%;
  padding-top: 15%;
}

.section.section01 .ggmWrap .ggm:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.section.section01 .ggmWrap .ggm:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.section.section01 .ggmWrap .ggm:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.section.section01 .ggmWrap .ggm:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.section.section01 .ggmWrap .ggm:nth-child(odd) img {
  margin-top: -75%;
}

.section.section01 .boxWrap02 {
  margin: 0 auto;
}

.section.section01 .boxWrap02 .boxImageWrap {
  text-align: center;
  margin: 4% 0;
  font-size: 0;
}

.section.section01 .boxWrap02 .boxImage {
  max-width: 250px;
  width: 27%;
  display: inline-block;
  margin: 0 2%;
}

@media (max-width: 760px) {
  .section.section01 .boxWrap02 .boxImage {
    width: 33%;
  }
}

.section.section01 .boxWrap02 .boxTextLarge {
  margin: 0% auto 0;
  background-color: transparent;
  color: #000;
}

@media (max-width: 1100px) {
  .section.section01 .boxWrap02 .boxTextLarge .-showSp {
    display: block;
  }
}

.section.section01 .boxWrap02 .buttonWrap {
  margin: 5% 0 0;
}

.section.section01 .boxWrap02 .buttonWrap .button01 {
  max-width: 254px;
  width: 24%;
}

@media (max-width: 760px) {
  .section.section01 .boxWrap02 .buttonWrap .button01 {
    width: 36%;
  }
}

.section.section02 .secTitle {
  text-align: center;
  font-size: 3.6rem;
}

.section.section02 .secTitle span {
  display: inline-block;
  width: 120%;
  margin-left: -10%;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .section.section02 .secTitle {
    font-size: 3.6rem;
  }
}

@media (max-width: 560px) {
  .section.section02 .secTitle {
    font-size: 4.5rem;
  }
}

.section.section02 .boxTextLarge {
  margin: 5% auto 0%;
  font-size: 1.8rem;
}

@media (max-width: 760px) {
  .section.section02 .boxTextLarge {
    font-size: 2.4rem;
  }
}

@media (max-width: 560px) {
  .section.section02 .boxTextLarge {
    font-size: 3rem;
  }
}

.section.section02 .sec02LogoWrap {
  text-align: center;
  font-size: 0;
}

.section.section02 .sec02LogoWrap .sec02ss {
  display: inline-block;
  max-width: 250px;
  width: 27%;
  margin: 0 3%;
}

.section.section02 .sec02LogoWrap .sec02Logo {
  display: inline-block;
  max-width: 316px;
  width: 29%;
  margin: 0 3%;
}

.section.section03 .boxWrap .boxItem:nth-child(1) {
  max-width: 499px;
  width: 46%;
  margin: 0 4% 0 3%;
}

@media (max-width: 760px) {
  .section.section03 .boxWrap .boxItem:nth-child(1) {
    margin: 0 2% 0 5%;
  }
}

@media (max-width: 560px) {
  .section.section03 .boxWrap .boxItem:nth-child(1) {
    margin: 0 auto;
  }
}

.section.section03 .boxWrap .boxItem:nth-child(2) {
  max-width: 407px;
  width: 42%;
  margin: -8% 0 0;
}

@media (max-width: 560px) {
  .section.section03 .boxWrap .boxItem:nth-child(2) {
    position: relative;
    z-index: 1;
    width: 90%;
    margin: -7% auto 0;
  }
}

.section.section03 .boxTextLarge {
  position: relative;
  z-index: 1;
  margin: -7% auto 0;
}

@media (max-width: 560px) {
  .section.section03 .boxTextLarge {
    margin: 8% auto 0;
  }
}

@media (max-width: 560px) {
  .listStyle {
    width: 82%;
  }
}
/*# sourceMappingURL=outline.css.map */