.entry-header {
  display: none;
}

/*---- cover ----*/
#cover {
  background-color: #b13c75;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%23B13C75' width='11' height='11'/%3E%3Crect fill='%23b03c76' x='10' width='11' height='11'/%3E%3Crect fill='%23ae3b76' y='10' width='11' height='11'/%3E%3Crect fill='%23ad3b77' x='20' width='11' height='11'/%3E%3Crect fill='%23ab3a77' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%23a93a78' y='20' width='11' height='11'/%3E%3Crect fill='%23a83978' x='30' width='11' height='11'/%3E%3Crect fill='%23a63979' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%23a53979' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%23a3387a' y='30' width='11' height='11'/%3E%3Crect fill='%23a1387a' x='40' width='11' height='11'/%3E%3Crect fill='%23a0387b' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%239e377b' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%239c377c' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%239b377c' y='40' width='11' height='11'/%3E%3Crect fill='%2399377c' x='50' width='11' height='11'/%3E%3Crect fill='%2397367d' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%2395367d' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%2394367e' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%2392367e' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%2390367e' y='50' width='11' height='11'/%3E%3Crect fill='%238e367f' x='60' width='11' height='11'/%3E%3Crect fill='%238c367f' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%238a357f' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%23883580' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%23863580' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%23843580' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%23833581' x='70' width='11' height='11'/%3E%3Crect fill='%23813581' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%237f3581' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%237c3581' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%237a3582' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%23783582' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%23763582' x='80' width='11' height='11'/%3E%3Crect fill='%23743582' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%23723582' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%23703582' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%236e3583' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%236b3583' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%23693583' x='90' width='11' height='11'/%3E%3Crect fill='%23673583' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%23653583' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%23623583' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%23603583' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%235e3583' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%235b3583' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%23593583' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%23563583' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%23543483' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%23513483' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%234e3483' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%234c3483' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%23493482' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%23463482' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%23443482' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%23413482' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%233e3482' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%233b3482' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%23373481' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%23343481' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

.abanilight {
  font-family: Futura, "Century Gothic";
  color: #fff;
  font-size: 0.7em;
  display: flex;
  align-items: center;
  opacity: 70%;
  font-weight: 400;
}

.light {
  font-size: 40px;
  font-weight: 600;
  padding-left: 6px;
}

.cover_text {
  color: #fff;
  font-size: 80px;
  font-weight: 600;
  line-height: 110px;
}

@media screen and (max-width: 736px) {
  .cover_text {
    font-size: 35px;
    line-height: 45px;
  }

  .loopSlide img {
    width: 300%;
  }

  .loopSlide02 img {
    width: 300%;
  }

  .cover_price_tag {
    width: 70% !important;
    position: absolute !important;
    top: 80% !important;
    left: 34% !important;
  }

  .light {
    font-size: 23px;
  }

  .abanilight {
    font-size: 6px;
  }
}

.cover_img {
  position: relative;
}

.cover_price_tag {
  width: 30%;
  position: absolute;
  top: 72%;
  left: 59%;
}

.loopSlide {
  display: flex;
  width: cover;
  height: auto;
  overflow: hidden;

  img {
    width: cover;
    height: 50%;

    &:first-child {
      animation: slide1 60s -30s linear infinite;
      filter: drop-shadow(4px 4px 4px rgba(25, 25, 24, 0.3));
    }

    &:last-child {
      animation: slide2 60s linear infinite;
      filter: drop-shadow(4px 4px 4px rgba(25, 25, 24, 0.3));
    }
  }
}

@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(-200%);
  }
}

.loopSlide02 {
  display: flex;
  width: cover;
  height: auto;
  position: relative;

  img {
    width: cover;
    height: 50%;

    &:first-child {
      animation: slide3 60s -30s linear infinite;
      filter: drop-shadow(4px 4px 4px rgba(25, 25, 24, 0.3));
    }

    &:last-child {
      animation: slide4 60s linear infinite;
      filter: drop-shadow(4px 4px 4px rgba(25, 25, 24, 0.3));
    }
  }
}

@keyframes slide3 {
  0% {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes slide4 {
  0% {
    transform: translateX(-200%);
  }

  to {
    transform: translateX(0);
  }
}

/*---- cover end----*/

/*---- intro----*/
#intro {
  background-color: #edebf0;
}

.simulator_bg {
  background-color: #edebf0;
}

#intro .intro_ti {
  font-weight: 800;
  font-size: 2.2em;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  line-height: 1.4;
  color: #6b398e;
}

#intro p {
  font-size: 0.9em;
}

#intro .swiper-slide {
  background-color: #fff;
  border-radius: 10px;
  height: auto;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  margin: -1px;
}

.swiper-wrapper {
  padding-bottom: 4px;
}

.swiper-box {
  padding: 30px 30px;
}

.swiper-container-feature {
  margin: 10px -6px 60px 0px;
}

/*---- intro end----*/

/*---- lineup ----*/
.abani_logo {
  width: 380px;
  text-align: center;
}

h2 {
  float: none;
  text-align: center;
  font-size: 80px;
  margin-right: 0;
  color: #6b398e;
}

h2 + p {
  text-align: center;
}

.lineup_ti {
  text-decoration: none;
  text-align: center;
  border-left: none;
  color: #000;
  font-size: 70px;
  padding: 2px 2px 2px 11px;
  mix-blend-mode: overlay;
  font-family: Futura, "Century Gothic";
}

.lineup_mini {
  text-align: center;
  mix-blend-mode: overlay;
  font-weight: 600;
}

.swiper-button-prev {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
  position: absolute;
  top: 35%;
  height: 40px;
  width: 40px;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background-size: 25px 18px;
  filter: grayscale(50);
}

.swiper-button-next {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
  position: absolute;
  top: 35%;
  height: 40px;
  width: 40px;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background-size: 25px 18px;
  filter: grayscale(50);
}

#line {
  background-color: #e49c96;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg stroke='%23CCC' stroke-width='0' stroke-opacity='0.1'%3E%3Crect fill='%23F5F5F5' x='-60' y='-60' width='110' height='240'/%3E%3C/g%3E%3C/svg%3E");
  background-blend-mode: color-burn;
}

#separate {
  background-color: #82b3d6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='2000' viewBox='0 0 20 20'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23242' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%23242' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E");
  background-blend-mode: soft-light;
}

#gradation {
  background: linear-gradient(to top, #fff29e, #df9558);
}

#simple {
  background-color: #8dcb98;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg fill-opacity='0.1'%3E%3Ccircle fill='%23FFFFFF' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23e1e2e1' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23c3c6c4' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23a7aba7' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%238b918c' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23707771' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
  background-blend-mode: color-burn;
  background-size: cover;
}

#graphic {
  background-color: #bca9d4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cg fill='%23e6f3ff'%3E%3Cpolygon points='1000 -50 0 -50 500 450'/%3E%3Cpolygon points='550 500 1050 1000 1050 0'/%3E%3Cpolygon points='-50 0 -50 1000 450 500'/%3E%3Cpolygon points='0 1050 1000 1050 500 550'/%3E%3C/g%3E%3Cg fill='%23e2ecff'%3E%3Cpolygon points='1000 -133.3 0 -133.3 500 366.7'/%3E%3Cpolygon points='633.3 500 1133.3 1000 1133.3 0'/%3E%3Cpolygon points='-133.3 0 -133.3 1000 366.7 500'/%3E%3Cpolygon points='0 1133.3 1000 1133.3 500 633.3'/%3E%3C/g%3E%3Cg fill='%23dfe4ff'%3E%3Cpolygon points='1000 -216.7 0 -216.7 500 283.3'/%3E%3Cpolygon points='716.7 500 1216.7 1000 1216.7 0'/%3E%3Cpolygon points='-216.7 0 -216.7 1000 283.3 500'/%3E%3Cpolygon points='0 1216.7 1000 1216.7 500 716.7'/%3E%3C/g%3E%3Cg fill='%23DBDCFF'%3E%3Cpolygon points='1000 -300 0 -300 500 200'/%3E%3Cpolygon points='800 500 1300 1000 1300 0'/%3E%3Cpolygon points='-300 0 -300 1000 200 500'/%3E%3Cpolygon points='0 1300 1000 1300 500 800'/%3E%3C/g%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23F2F1FF' points='0 707.1 0 292.9 292.9 0 707.1 0 1000 292.9 1000 707.1 707.1 1000 292.9 1000'/%3E%3Cg fill='%23ececff'%3E%3Cpolygon points='464.6 -242.5 -242.5 464.6 464.6 464.6'/%3E%3Cpolygon points='535.4 464.6 1242.5 464.6 535.4 -242.5'/%3E%3Cpolygon points='-242.5 535.4 464.6 1242.5 464.6 535.4'/%3E%3Cpolygon points='535.4 1242.5 1242.5 535.4 535.4 535.4'/%3E%3C/g%3E%3Cg fill='%23e7e7ff'%3E%3Cpolygon points='405.7 -301.4 -301.4 405.7 405.7 405.7'/%3E%3Cpolygon points='594.3 405.7 1301.4 405.7 594.3 -301.4'/%3E%3Cpolygon points='-301.4 594.3 405.7 1301.4 405.7 594.3'/%3E%3Cpolygon points='594.3 1301.4 1301.4 594.3 594.3 594.3'/%3E%3C/g%3E%3Cg fill='%23e1e1ff'%3E%3Cpolygon points='346.8 -360.3 -360.3 346.8 346.8 346.8'/%3E%3Cpolygon points='653.2 346.8 1360.3 346.8 653.2 -360.3'/%3E%3Cpolygon points='-360.3 653.2 346.8 1360.3 346.8 653.2'/%3E%3Cpolygon points='653.2 1360.3 1360.3 653.2 653.2 653.2'/%3E%3C/g%3E%3Cg fill='%23DBDCFF'%3E%3Cpolygon points='287.9 -419.2 -419.2 287.9 287.9 287.9'/%3E%3Cpolygon points='712.1 287.9 1419.2 287.9 712.1 -419.2'/%3E%3Cpolygon points='-419.2 712.1 287.9 1419.2 287.9 712.1'/%3E%3Cpolygon points='712.1 1419.2 1419.2 712.1 712.1 712.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-blend-mode: color-burn;
  background-size: cover;
}

.pr-btn {
  background-color: #0090bc;
  color: #fff;
}

/*---- lineup end ----*/

/*---- container ----*/
.container_ti {
  position: relative;
  font-size: 24px;
  text-align: center;
  line-height: 1.6;
  color: #000;
  font-weight: 700;
  padding-bottom: 0.3em;
  margin: 10px 0 25px;
  border-left: none;
  padding: 2px 0px;
}

.container_ti:before {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  border: 2px solid #8c44be;
  width: 1.5em;
}

.container_ti span {
  font-size: 0.4em;
}

.container_ti + p {
  text-align: center;
}

.sub {
  font-size: 0.8em;
}

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
}

.container_box {
  width: calc((100% - 40px) / 3);
  margin-top: 20px;
  background-color: #fff;
  padding: 20px 30px;
  text-align: center;
  display: block;
  border-radius: 8px;
}

.container_box p {
  text-align: left;
  display: inline-block;
}

.container_box h4 + p,
.container_box img + p {
  font-weight: 700;
  font-size: 0.9em;
}

@media screen and (max-width: 736px) {
  .abani_logo {
    width: auto;
  }

  .container_box {
    width: calc((100% - 20px) / 1);
    margin: 0 auto;
    margin-top: 20px;
    padding: 20px;
  }

  h4 {
    font-size: 18px;
  }

  #intro .intro_ti {
    font-size: 2em;
  }
}

/*---- container end ----*/

/*---- addtion ----*/
.add {
  background-color: #e7e7e7;
  padding: 30px 10px 30px 10px;
  display: block;
  width: 800px;
  border-radius: 8px;
}

.add_ti {
  font-weight: 600;
  text-align: center;
}

.add_text {
  font-size: 0.8em;
  text-align: center;
}

@media screen and (max-width: 736px) {
  .add_text {
    padding: 0px 10px;
  }
}

/*---- addition end ----*/

/*---- linkbtn ----*/
.link_btn {
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: #0090bc;
  border-radius: 20px;
  margin: 20px auto;
  width: 26%;
  letter-spacing: 0.01em;
  height: 50px;
  line-height: 50px;
}

@media screen and (max-width: 736px) {
  .link_btn {
    width: 80%;
    font-size: 0.9em;
  }
}

/*---- linkbtn end----*/

/*---- service ----*/
.service_ti {
  font-weight: 600;
  font-size: 16px;
}

@media screen and (max-width: 736px) {
  .service_ti {
    font-size: 14px;
  }

  .service_text {
    font-size: 0.9em;
  }
}

/*---- service end ----*/

@media screen and (max-width: 736px) {
  h2 {
    font-size: 60px;
    margin-top: 0px;
    padding-left: 8px;
  }

  h5 {
    padding-left: 8px;
    font-size: 16px;
  }

  .abani_logo {
    width: 83.33333%;
  }

  .tax_gray {
    font-size: 8px;
  }

  h2 + p {
    font-size: 14px;
  }

  .lineup_ti {
    font-size: 45px;
  }
}