/*
https://www.aster-one.com/line/
ASTERONE-2013
*/
.page_ttl {
  display: none;
}
.main_contents div.wrapper {
  padding: 0;
}

.cnt_line {
  background: #fff;
}

.cnt {
  position: relative;
}

.cnt img {
  display: block;
  width: 100%;
  height: auto;
}

.cnt3 p {
  margin: 0;
  padding: 0;
  position: absolute;
}
.cnt p b {
  color: inherit !important;
}
.cnt3 .txt1 {
  width: 46.8%;
  top: 26.59%;
  left: 13.87%;
  font-size: 26px;
  line-height: 1.846;
}
.cnt3 .txt2 {
  width: 42.67%;
  top: 60.11%;
  left: 17.87%;
  font-size: 22px;
  line-height: 1.727;
}
.cnt3 .txt3 {
  width: 37.6%;
  top: 76.02%;
  left: 21.33%;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5;
}
.btn1 {
  width: 73.33%;
  position: absolute;
  top: 44.54%;
  left: 13.07%;
}

.cnt5 .txt4 {
  width: 82%;
  margin: auto;
  font-size: 26px;
  line-height: 1.769;
  position: absolute;
  left: 0;
  right: 0;
  top: 78%;
}

.btn2 {
  width: 86.67%;
  height: initial;
  position: absolute;
  left: 0;
  right: 0;
  top: 52%;
  margin: 0 auto;
}

.btn1::after,
.btn2::after {
  display: none !important;
}

.product_faq_area h3 {
  font-size: 22px;
  padding-bottom: 0.35em;
  margin-bottom: 1.5em;
  border-bottom: 2px solid #192658;
}
.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.download {
  background: #eee;
  padding: 40px 50px 60px;
}
.container .download h5 {
  color: #06c755;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.4em;
}
.as_gp,
.app_btn_box {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  margin: 0 auto;
}
.dl {
  width: 300px;
  padding: 0;
}
.app_btn_box a {
  width: 280px
}
.app_btn_box a img {
  display: block;
  width: 100%;
  height: auto;
}
.container .dl h6 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0.4em;
  padding-bottom: 0;
  color: #000;
}
.dl p {
  font-size: 26px;
  line-height: 1.846;
  margin-bottom: 0.5em;
}
.green {
  color: #06c755;
  font-weight: bold;
}
.packet {
  font-size: 18px;
  line-height: 1;
  padding: 20px 50px 20px;
}

@media (min-width: 768px) {
  .pankuzu {
    margin: 0 auto;
  }
  .main_contents .wrapper {
    width: 100%;
    max-width: initial;
    background-color: #e8f1ea;
    padding-bottom: 30px !important;
  }
  .cnt_line {
    width: 750px;
    margin: 0 auto;
  }
  .product_faq_area {
    margin: 80px 40px 60px !important;
  }
}

@media (max-width: 767px) {
  .main_contents .wrapper {
    padding-bottom: 8vw !important;
  }
  .pankuzu {
    margin: 1.5vw 3.3vw 2.5vw 3.3vw;
  }
  .cnt3 .txt1 {
    font-size: 3.47vw;
  }
  .cnt3 .txt2 {
    font-size: 2.93vw;
  }
  .cnt3 .txt3 {
    font-size: 3.2vw;
  }

  .cnt5 .txt4 {
    font-size: 3.47vw;
  }
  .product_faq_area h3 {
    padding-bottom: 0;
    font-size: 4.8vw;
    font-weight: bold;
    text-align: left;
    color: #192658;
    border-bottom: 2px solid #192658;
  }
  .product_faq_area {
    margin: 8vw 2.65vw !important;
  }
  .line_annotation {
    max-width: 100%;
    margin: 1em auto 8vw;
    font-size: 0.9em;
    padding: 0 5vw;
    line-height: 1.9;
  }
  
  .download {
    padding: 5.33vw 6.67vw 8vw;
  }
  .container .download h5 {
    font-size: 4.27vw;
  }
  .as_gp,
  .app_btn_box {
    gap: 2.67vw;
  }
  .dl {
    width: 40vw;
  }
  .app_btn_box a {
    width: 37.33vw;
  }
  .container .dl h6 {
    font-size: 4vw;
  }
  .dl p {
    font-size: 3.47vw;
  }
  .packet {
    font-size: 2.4vw;
    padding: 2.67vw 6.67vw 2.67vw;
  }
}