#business-key {
  height: 300px;
  background: url(../images/bg_bnr_business.jpg) center no-repeat;
  background-size: cover;
  margin-top: 80px;
  text-align: center;
}
#business-key .page-title {
  font-size: 4.2rem;
  padding: 35px 0;
}

#business-intro {
  background: url(../images/bg_business_intro.svg) center 250px no-repeat;
  background-size: 1340px auto;
}
#business-intro .wrap {
  display: flex;
  padding-top: 50px;
  padding-bottom: 320px;
}
#business-intro .wrap h2 {
  width: 46%;
  font-size: 4rem;
  line-height: 1.5em;
}
#business-intro .wrap h2 span {
  font-size: 5.4rem;
}
#business-intro .wrap p {
  width: 54%;
  letter-spacing: 0;
}

#business-feature .wrap {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
#business-feature .wrap::before, #business-feature .wrap::after {
  position: absolute;
  top: 334px;
  content: "";
  display: block;
  width: calc(50vw - 550px);
  height: 37px;
  background-color: #089B9D;
}
#business-feature .wrap::before {
  right: 100%;
}
#business-feature .wrap::after {
  background-color: #F7066B;
  left: 100%;
}
#business-feature .wrap small {
  position: absolute;
  bottom: -40px;
  right: 0;
  font-size: 1.2rem;
}
#business-feature .title-feature {
  position: relative;
  margin-top: 70px;
  margin-bottom: 40px;
}
#business-feature .box-feature {
  width: 34%;
}
#business-feature .box-feature h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 2.8rem;
  line-height: 1.5;
  height: 80px;
  margin-bottom: 25px;
}
#business-feature .box-feature figure {
  position: relative;
  text-align: center;
  margin-bottom: -1px;
}
#business-feature .box-feature figure img {
  width: 197px;
}
#business-feature .box-feature figure figcaption {
  position: absolute;
  font-size: 1.2rem;
  bottom: 0;
  right: 60px;
}
#business-feature .box-feature dl {
  position: relative;
  color: #fff;
  height: 310px;
}
#business-feature .box-feature dl::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.075);
}
#business-feature .box-feature dl dt {
  position: relative;
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
  height: 90px;
  padding-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#business-feature .box-feature dl dd {
  position: relative;
  padding: 0 40px 40px;
  letter-spacing: 0;
}
#business-feature .box-feature:nth-child(1) dl {
  background-color: #F2AB21;
}
#business-feature .box-feature:nth-child(2) dl {
  background-color: #3EB5E8;
}
#business-feature .box-feature:nth-child(3) dl {
  background-color: #D569DE;
}
#business-feature .btn-contact {
  margin: 70px auto;
  text-align: center;
}

#business-proposal {
  background: url(../images/bg_business_proposal.jpg) left center no-repeat;
  height: 516px;
}
#business-proposal .wrap {
  padding-left: 640px;
}
#business-proposal h2 {
  font-size: 5.4rem;
  padding-top: 80px;
  padding-bottom: 40px;
}
#business-proposal p {
  letter-spacing: 0;
  margin-bottom: 90px;
}
#business-proposal a {
  text-align: center;
}

#business-faq {
  margin-top: 15px;
  background-color: #f3f9f9;
  padding-bottom: 70px;
}
#business-faq h2 {
  text-align: center;
}
#business-faq a {
  margin: 50px auto 0;
}

#business-outro {
  padding-top: 100px;
  text-align: center;
}
#business-outro h2 {
  font-size: 3.2rem;
}
#business-outro figure {
  margin-top: 75px;
}
#business-outro figure img {
  width: 100px;
}
#business-outro .btn-contact {
  margin: 75px auto 100px;
}

#advertise-key {
  height: 600px;
  background: #0d8486 url(../images/bg_advertise.jpg) center no-repeat;
  background-size: auto 100%;
  color: #fff;
  margin-top: 80px;
  padding-top: 50px;
}
#advertise-key .page-title {
  font-size: 4.2rem;
  margin-bottom: 25px;
}
#advertise-key p {
  margin-bottom: 25px;
  font-size: 2rem;
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 3px solid #089B9D;
  margin: 30px auto;
}
.icon img.ico1 {
  width: 60px;
}
.icon img.ico2 {
  width: 80px;
}

#advertise-types .type-other,
#advertise-types .type-push,
#advertise-types .type-banner {
  padding-top: 50px;
  background-color: #f6fafa;
  margin-bottom: 15px;
}
#advertise-types .type-other .wrap,
#advertise-types .type-push .wrap,
#advertise-types .type-banner .wrap {
  display: flex;
}
#advertise-types .type-banner dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 34%;
  text-align: center;
}
#advertise-types .type-banner dl dt {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 25px;
}
#advertise-types .type-banner dl ._txt {
  line-height: 1.6;
  letter-spacing: 0;
  height: 110px;
  text-align: left;
  width: 300px;
}
#advertise-types .type-banner dl ._fig img {
  width: 327px;
}
#advertise-types .type-push .wrap {
  justify-content: space-between;
  padding: 0 30px 70px;
}
#advertise-types .type-push > p {
  text-align: center;
  margin-bottom: 50px;
}
#advertise-types .type-push dl {
  position: relative;
  width: 455px;
  background-color: #fff;
  padding: 30px 50px;
}
#advertise-types .type-push dl::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  background: url(../images/bg_box_shadow.jpg) center top no-repeat;
  background-size: contain;
  top: 100%;
  left: 0;
  opacity: 0.4;
}
#advertise-types .type-push dl dt {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
#advertise-types .type-push dl ._fig {
  text-align: center;
}
#advertise-types .type-push dl ._txt {
  text-align: left;
}
#advertise-types .type-other .wrap {
  justify-content: space-between;
  padding: 0 30px 70px;
}
#advertise-types .type-other h3 {
  text-align: center;
  font-size: 3rem;
  margin-bottom: 50px;
}
#advertise-types .type-other h3 span {
  display: block;
  font-size: 1.4rem;
}
#advertise-types .type-other dl {
  position: relative;
  width: 300px;
  background-color: #fff;
  padding: 30px 25px;
}
#advertise-types .type-other dl::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  background: url(../images/bg_box_shadow.jpg) center top no-repeat;
  background-size: contain;
  top: 100%;
  left: 0;
  opacity: 0.4;
}
#advertise-types .type-other dl dt {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
#advertise-types .type-other dl ._fig {
  text-align: center;
}
#advertise-types .type-other dl ._fig .icon img {
  width: 54px;
}
#advertise-types .type-other dl ._fig .icon img.ico4 {
  width: 46px;
}
#advertise-types .type-other dl ._fig .icon img.ico5 {
  width: 60px;
}
#advertise-types .type-other dl ._txt {
  font-size: 1.5rem;
  text-align: left;
  letter-spacing: 0;
}

.outro {
  padding-top: 70px;
}

@media screen and (max-width: 700px) {
  #business-key {
    height: 69vw;
    background: url(../images/bg_bnr_business_sp.jpg) center -6vw no-repeat;
    background-size: cover;
    margin-top: 15.2vw;
  }
  #business-key .page-title {
    font-size: 3rem;
    padding: 10vw 0 5vw;
  }
  #business-key p {
    font-size: 1.5rem;
    text-align: left;
    padding: 0 11vw;
  }
  #business-key p br {
    display: none;
  }
  #business-intro {
    background: url(../images/bg_business_intro.svg) center 120vw no-repeat;
    background-size: 160vw auto;
  }
  #business-intro .wrap {
    flex-direction: column;
    padding-top: 10vw;
    padding-bottom: 45vw;
  }
  #business-intro .wrap h2 {
    width: 100%;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 10vw;
  }
  #business-intro .wrap h2 span {
    font-size: 3rem;
  }
  #business-intro .wrap p {
    width: 100%;
    padding: 0 10%;
    letter-spacing: 0;
  }
  #business-feature .wrap {
    flex-direction: column;
  }
  #business-feature .wrap::before, #business-feature .wrap::after {
    display: none;
  }
  #business-feature .wrap small {
    display: block;
    position: static;
    text-align: right;
    font-size: 1.2rem;
    margin-top: 1.5vw;
  }
  #business-feature .title-feature {
    margin-top: 15vw;
    margin-bottom: 10vw;
  }
  #business-feature .box-feature {
    width: 100%;
  }
  #business-feature .box-feature h3 {
    padding-top: 10vw;
    font-size: 2.8rem;
    height: auto;
    margin-bottom: 7.5vw;
  }
  #business-feature .box-feature figure img {
    width: 50vw;
  }
  #business-feature .box-feature figure figcaption {
    right: 17vw;
    font-size: 1.2rem;
  }
  #business-feature .box-feature dl {
    height: auto;
  }
  #business-feature .box-feature dl dt {
    font-size: 2.4rem;
    height: auto;
    padding: 7vw 0;
  }
  #business-feature .box-feature dl dd {
    position: relative;
    padding: 0 10vw 10vw;
    letter-spacing: 0;
  }
  #business-feature .btn-contact {
    margin: 15vw auto;
    text-align: center;
  }
  #business-proposal {
    background: url(../images/bg_business_proposal_sp.jpg) center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
  }
  #business-proposal .wrap {
    padding-left: 0;
    padding-bottom: 10vw;
  }
  #business-proposal h2 {
    text-align: center;
    font-size: 3.4rem;
    padding-top: 10vw;
    padding-bottom: 8vw;
  }
  #business-proposal p {
    padding: 0 10vw 37vw;
    margin-bottom: 0;
  }
  #business-proposal a {
    text-align: center;
    margin: 0 auto;
  }
  #business-faq {
    margin-top: 2.5vw;
    padding: 0 2.5vw 10vw;
  }
  #business-faq a {
    margin: 10vw auto 0;
    width: 80vw;
  }
  #business-outro {
    padding-top: 18vw;
    text-align: center;
  }
  #business-outro h2 {
    font-size: 2rem;
  }
  #business-outro figure {
    margin-top: 15vw;
  }
  #business-outro figure img {
    width: 25vw;
  }
  #business-outro .btn-contact {
    margin: 20vw auto 20vw;
  }
  #advertise-key {
    height: calc(100svh - 15.2vw);
    background: #0d8486 url(../images/bg_advertise_sp.jpg) center bottom no-repeat;
    background-size: cover;
    margin-top: 15.2vw;
    padding: 10vw;
  }
  #advertise-key .page-title {
    font-size: 3.2rem;
    margin-bottom: 5vw;
    line-height: 1.3;
  }
  #advertise-key p {
    margin-bottom: 5vw;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .icon {
    width: 22vw;
    height: 22vw;
    border-radius: 50%;
    border: 0.8vw solid #089B9D;
    margin: auto;
  }
  .icon img.ico1 {
    width: 15vw;
  }
  .icon img.ico2 {
    width: 18vw;
  }
  #advertise-types .type-other,
  #advertise-types .type-push,
  #advertise-types .type-banner {
    padding-top: 10vw;
    margin-bottom: 2.5vw;
  }
  #advertise-types .type-other .wrap,
  #advertise-types .type-push .wrap,
  #advertise-types .type-banner .wrap {
    flex-direction: column;
  }
  #advertise-types .type-banner dl {
    position: relative;
    width: 100%;
    height: 60vw;
    padding-left: 50%;
    margin-bottom: 10vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #advertise-types .type-banner dl::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 5vw;
    left: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.16+100 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  #advertise-types .type-banner dl dt {
    text-align: left;
    font-size: 1.8rem;
    margin-top: 5vw;
    margin-bottom: 5vw;
    line-height: 1.6;
  }
  #advertise-types .type-banner dl ._txt {
    font-size: 1.3rem;
    height: auto;
    text-align: left;
    padding-right: 5vw;
  }
  #advertise-types .type-banner dl ._fig {
    position: absolute;
    left: -5vw;
    top: 0;
    width: 60vw;
    padding-top: 5vw;
  }
  #advertise-types .type-banner dl ._fig img {
    width: 50vw;
  }
  #advertise-types .type-banner dl:nth-child(2) {
    padding-left: 10vw;
    padding-right: 45%;
  }
  #advertise-types .type-banner dl:nth-child(2) ._fig {
    left: auto;
    right: -5vw;
  }
  #advertise-types .type-banner dl:nth-child(3) {
    margin-bottom: 0;
  }
  #advertise-types .type-push .wrap {
    padding: 0 10vw 10vw;
  }
  #advertise-types .type-push > p {
    text-align: center;
    margin-bottom: 10vw;
  }
  #advertise-types .type-push dl {
    position: relative;
    width: 80vw;
    background-color: #fff;
    padding: 5vw 5vw 5vw 35vw;
    margin-bottom: 5vw;
  }
  #advertise-types .type-push dl dt {
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 2.5vw;
  }
  #advertise-types .type-push dl ._fig {
    position: absolute;
    text-align: center;
    left: 0;
    width: 35vw;
    top: 50%;
    transform: translate(0, -50%);
  }
  #advertise-types .type-push dl ._txt {
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.6;
  }
  #advertise-types .type-other .wrap {
    padding: 0 10vw 10vw;
  }
  #advertise-types .type-other h3 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 5vw;
  }
  #advertise-types .type-other dl {
    position: relative;
    width: 80vw;
    background-color: #fff;
    padding: 5vw 5vw 5vw 35vw;
    margin-bottom: 5vw;
  }
  #advertise-types .type-other dl dt {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
  }
  #advertise-types .type-other dl dt {
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 2.5vw;
    white-space: nowrap;
  }
  #advertise-types .type-other dl ._fig {
    position: absolute;
    text-align: center;
    left: 0;
    width: 35vw;
    top: 50%;
    transform: translate(0, -50%);
  }
  #advertise-types .type-other dl ._fig .icon img {
    width: 13vw;
  }
  #advertise-types .type-other dl ._fig .icon img.ico4 {
    width: 10vw;
  }
  #advertise-types .type-other dl ._fig .icon img.ico5 {
    width: 15vw;
  }
  #advertise-types .type-other dl ._txt {
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.6;
  }
  .outro {
    padding-top: 10vw;
    padding-bottom: 5vw;
  }
}/*# sourceMappingURL=business.css.map */