.product_box {
  font-size: 3.2vw; /*12px*/
  color: #1d1d1f;
  font-feature-settings: "palt" 1;
}

@media screen and (min-width: 768px) {
  .product_box {
    font-size: 1.5625vw; /*12px*/
  }
}
@media screen and (min-width: 980px) {
  .product_box {
    font-size: 16px;
  }
}
.product_box img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  line-height: 0;
  vertical-align: top;
}
.product_box em {
  font-style: normal;
}
.product_box ul {
  margin: 0;
  padding: 0;
}
.product_box h2, .product_box h3, .product_box h4, .product_box h5 {
  margin: 0;
  font-weight: bold;
}
.product_box figure {
  line-height: 1;
}
.product_box .btn {
  width: 7.5em;
  color: #fff;
  background: #000;
  display: inline-block;
  border: solid 0.075em #fff;
  border-radius: 50em;
  background-clip: padding-box;
  padding: 0.75em 0;
  font-size: 100%;
  line-height: 1;
  text-align: center;
}
.product_box .btn:hover {
  text-decoration: none;
}
.product_box .text-link {
  font-size: 93.75%;
}
.product_box .text-link-arrow::after {
  width: 0.5em;
  height: 0.5em;
  margin: 0 0 0.1em 0.2em;
  border-top: 2px solid #06a;
  border-right: 2px solid #06a;
  transform: rotate(45deg);
  display: inline-block;
}
.product_box .text-link-blank::after {
  content: "";
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.2em;
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/a-common/images/icn-link-blank-blue-large.png?fmt=png-alpha&scl=1) 0 0 no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .product_box .btn {
    font-size: 3.7333333333vw;
  }
  .product_box .text-link {
    font-size: 4vw;
    line-height: 1.6;
  }
}

.product_box .section-intro {
  background-color: #000;
}
.product_box .section-intro h2 {
  color: #fff;
}
.product_box .function-area {
  background-color: #161617;
}
.product_box [class^=section-function-] {
  background-color: #000;
  border-radius: 20px;
  position: relative;
}
.product_box [class^=section-function-] h3 {
  color: #f56900;
}
.product_box [class^=section-function-] h4 {
  color: #fff;
}
.product_box [class^=section-option-] {
  background-color: #f5f5f7;
  border-radius: 20px;
}
.product_box [class^=section-option-] .list-check li {
  padding-left: 1.5em;
  text-indent: -1.5em;
  position: relative;
}
.product_box [class^=section-option-] .list-check li::before {
  content: "";
  width: 1.5em;
  height: 0.8em;
  margin-top: 2px;
  display: inline-block;
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/apple-watch/product/awultra3/images/2510/icon_check_d1dc67c9b002286.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: auto 100%;
}

@media screen and (max-width: 767px) {
  .product_box .section-intro {
    padding: 18.4% 0 0 0;
    text-align: center;
  }
  .product_box .section-intro .logo {
    margin: 0 auto;
    display: block;
    width: 52%;
  }
  .product_box .section-intro h2 {
    font-size: 7.6vw;
    line-height: 1.4;
    margin-bottom: 15.3333333333%;
  }
  .product_box .section-intro .image {
    margin: 8% auto 0 auto;
    width: 89.2%;
  }
  .product_box .function-area {
    padding: 16% 0 10%;
  }
  .product_box [class^=section-function-] {
    width: 85.3333333333%;
    margin: 0 auto 5.3333333333% auto;
  }
  .product_box [class^=section-function-] .title-area {
    padding: 10% 0 0 12.5%;
  }
  .product_box [class^=section-function-] h3 {
    font-size: 3.6vw;
    line-height: 1;
    margin-bottom: 1em;
  }
  .product_box [class^=section-function-] h4 {
    font-size: 4.4vw;
    line-height: 1.3939393939;
  }
  .product_box [class^=section-function-] .image {
    margin: 0 auto;
  }
  .product_box .section-function-01 {
    position: relative;
    padding-bottom: 7.7647%;
    background-color: #0a0b0a;
  }
  .product_box .section-function-01 .title-area {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 7.8125%;
  }
  .product_box .section-function-01 .image {
    width: 100%;
  }
  .product_box .section-function-01 .image img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
  }
  .product_box .section-function-02 {
    display: flex;
    flex-direction: column-reverse;
  }
  .product_box .section-function-02 .title-area {
    margin-bottom: 7.8125%;
  }
  .product_box .section-function-02 .image {
    margin-top: 12.33333%;
  }
  .product_box .section-function-03 {
    padding-bottom: 20%;
    display: flex;
    flex-direction: column-reverse;
  }
  .product_box .section-function-03 .title-area {
    margin-bottom: 18.75%;
  }
  .product_box .section-function-03 .image {
    width: 63.28125%;
  }
  .product_box .section-function-04 {
    padding-bottom: 0;
  }
  .product_box .section-function-04 .title-area {
    margin-bottom: 11.5625%;
  }
  .product_box .section-function-04 .image {
    width: 73.75%;
  }
  .product_box .section-function-05 {
    padding-bottom: 9.9333333333%;
  }
  .product_box .section-function-05 .title-area {
    margin-bottom: 13.375%;
  }
  .product_box .section-function-05 .image {
    width: 41.09375%;
  }
  .product_box .section-function-06 {
    display: flex;
    flex-direction: column-reverse;
  }
  .product_box .section-function-06 .image {
    width: 40.9375%;
    padding: 12.3333% 0;
  }
  .product_box .section-function-07 {
    padding-bottom: 13.3333333333%;
  }
  .product_box .section-function-07 .title-area {
    margin-bottom: 15.625%;
  }
  .product_box .section-function-07 .image {
    width: 100%;
  }
  .product_box .section-function-08 {
    padding-bottom: 0;
  }
  .product_box .section-function-08 .title-area {
    margin-bottom: 10.333333%;
  }
  .product_box .section-function-08 .image {
    width: 79.6875%;
  }
  .product_box .section-function-09 .title-area {
    position: absolute;
    top: 0;
    left: 0;
  }
  .product_box .section-function-09 .image img {
    border-radius: 20px;
  }
  .product_box .section-function-10 {
    display: flex;
    flex-direction: column-reverse;
  }
  .product_box .section-function-10 .title-area {
    margin-bottom: 10.3333%;
  }
  .product_box .section-function-10 .image {
    width: 84.375%;
    margin-bottom: 10.3333%;
  }
  .product_box .section-function-11 {
    padding-bottom: 9.9333333333%;
  }
  .product_box .section-function-11 .title-area {
    margin-bottom: 13.375%;
  }
  .product_box .section-function-11 .image {
    width: 40.9375%;
  }
  .product_box .section-function-12 {
    position: relative;
    padding-bottom: 7.7647%;
  }
  .product_box .section-function-12 .title-area {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 7.8125%;
  }
  .product_box .section-function-12 .image {
    width: 100%;
  }
  .product_box .section-function-12 .image img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
  }

  .product_box .option-area {
    padding: 10% 0 1.75rem;
  }
  .product_box [class^=section-option-] {
    width: 85.333333%;;
    margin: 0 auto 5.0890585242% auto;
  }

  .product_box [class^=section-option-] .title-area {
    padding: 14.9375% 0 14.15625% 13.28125%;
  }

  .product_box [class^=section-option-] h3 {
    font-size: 4.3256997455vw;
    line-height: 1;
    margin-bottom: 0.4em;
  }

  .product_box [class^=section-option-] h4 {
    font-size: 6.106870229vw;
    line-height: 1.25;
    margin-bottom: 0.5em;
  }

  .product_box [class^=section-option-] .text,
  .product_box [class^=section-option-] .list-check {
    font-size: 3.8167938931vw;
    line-height: 1.5666666667;
  }

  .product_box [class^=section-option-] .link {
    margin-top: 1em;
  }

  .product_box [class^=section-option-]:last-child {
    margin-bottom: 0;
  }

  .product_box .section-option-01 .title-area {
    padding: 10.9375% 0 26.15625% 13.28125%;
  }
  .product_box .section-option-01 .image img {
    border-radius: 0 0 20px 20px;
  }
  .product_box .section-option-02 {
    padding-bottom: 9.5419847328%;
  }

  .product_box .section-option-02 .image {
    width: 73.28125%;
    margin: 0 auto;
  }
  .product_box .section-option-03 {
    padding-bottom: 9.5419847328%;
  }
  .product_box .section-option-03 h3 .image {
    margin-left: 0;
    width: 23.4375%;
  }
  .product_box .section-option-03 .image {
    margin-left: 28.59375%;
    width: 52.96875%;
  }
}
@media screen and (min-width: 768px) {
  .product_box .section-intro {
    padding: 7.1875rem 0 0;
  }
  .product_box .section-intro .logo {
    width: 26.9387755%;
    margin: 0 auto;
    display: block;
  }
  .product_box .section-intro h2 {
    margin: 0 auto 6.25rem auto;
    font-size: 375%;
    line-height: 1;
    text-align: center;
  }
  .product_box .section-intro .btn-area {
    text-align: center;
  }
  .product_box .section-intro .image {
    margin: 2.5rem auto 0 auto;
    width: 71.0944808232%;
  }
  .product_box .function-area {
    padding: 8.4190832554% 4.1627689429%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product_box [class^=section-function-] {
    width: 100%;
    margin-bottom: 1.8709073901%;
  }
  .product_box [class^=section-function-] .image {
    margin: 0 auto;
  }
  .product_box [class^=section-function-] .title-area {
    padding: 2.375rem 0 0 2.1875rem;
  }
  .product_box [class^=section-function-] h3 {
    font-size: 93.75%;
    line-height: 1.3333333333;
    margin-bottom: 0.7em;
  }
  .product_box [class^=section-function-] h4 {
    font-size: 112.5%;
    line-height: 1.4;
  }
  .product_box .section-function-01 {
    text-align: center;
  }
  .product_box .section-function-01 .title-area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
  }
  .product_box .section-function-01 h4 {
    margin-bottom: 2.375rem;
  }
  .product_box .section-function-01 .image {
    width: 100%;
  }
  .product_box .section-function-01 .image img {
    border-radius: 20px;
  }
  .product_box .section-function-02 {
    width: 48.9795918367%;
  }
  .product_box .section-function-02 h4 {
    margin-bottom: 2.1875rem;
  }
  .product_box .section-function-02 .image {
    margin-bottom: 1.625rem;
  }
  .product_box .section-function-03 {
    width: 48.9795918367%;
  }
  .product_box .section-function-03 .title-area {
      padding-top: 0;
  }
  .product_box .section-function-03 h4 {
    margin-bottom: 2.1875rem;
  }
  .product_box .section-function-03 .image {
    width: 64.5833333333%;
    padding: 4.375rem 0;
  }
  .product_box .section-function-04 {
    padding-bottom: 0;
    width: 57.444444%;;
  }
  .product_box .section-function-04 h4 {
    margin-bottom: 2.875rem;
  }
  .product_box .section-function-04 .image {
    width: 78.336557%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .product_box .section-function-05 {
    padding-bottom: 1.875rem;
    width: 40.555555%;;
  }
  .product_box .section-function-05 h4 {
    margin-bottom: 1.625rem;
  }
  .product_box .section-function-05 .image {
    width: 42.191780%;
  }
  .product_box .section-function-06 {
    width: 48.9795918367%;
    padding: 2.8125rem 0 2.25rem;
  }
  .product_box .section-function-06 .image {
    width: 33.560090%;
  }
  .product_box .section-function-07 {
    width: 48.9795918367%;
  }
  .product_box .section-function-07 h4 {
    margin-bottom: 3.125rem;
  }
  .product_box .section-function-07 .image {
    width: 100%;
  }
  .product_box .section-function-08 {
    width: 41.666666%;
  }
  .product_box .section-function-08 .image {
    width: 80.026666%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .product_box .section-function-09 {
    width: 56.333333%;
  }
  .product_box .section-function-09 .title-area {
    position: absolute;
    top: 0;
    left: 0;
  }
  .product_box .section-function-09 .image img {
    border-radius: 20px;
  }
  .product_box .option-area {
    padding: 2.75rem 0;
  }
  .product_box .section-function-10 {
    width: 57.333333%;
    padding: 2.75rem 0 2.25rem;
  }
  .product_box .section-function-10 .image {
    width: 62.015503%;
  }
  .product_box .section-function-11 {
    padding-bottom: 1.875rem;
    width: 40.555555%;;
  }
  .product_box .section-function-11 h4 {
    margin-bottom: 1.625rem;
  }
  .product_box .section-function-11 .image {
    width: 42.191780%;
  }
  .product_box .section-function-12 .title-area {
    position: absolute;
    bottom: 0;
    left: 2.1875rem;
    padding: 0;
  }
  .product_box .section-function-12 h4 {
    margin-bottom: 2.375rem;
  }
  .product_box .section-function-12 .image {
    width: 100%;
  }
  .product_box .section-function-12 .image img {
    border-radius: 20px;
  }

  .product_box [class^=section-option-] {
    width: 91.6744621141%;
    margin: 0 auto 1.8709073901% auto;
    display: flex;
    align-items: center;
  }

  .product_box [class^=section-option-] .title-area {
    padding: 0 0 0 2.5rem;
    width: 46.3265306122%;
  }

  .product_box [class^=section-option-] .image {
    width: 53.6734693878%;
  }

  .product_box [class^=section-option-] h3 {
    margin-bottom: 0.2em;
    font-size: 112.5%;
  }

  .product_box [class^=section-option-] h4 {
    margin-bottom: 0.6em;
    font-size: 200%;
    line-height: 1.25;
  }

  .product_box [class^=section-option-] .text,
  .product_box [class^=section-option-] .list-check {
    font-size: 86.75%;
    line-height: 1.6;
  }

  .product_box [class^=section-option-] .link {
    margin-top: 0.5em;
  }

  .product_box [class^=section-option-]:last-child {
    margin-bottom: 0;
  }

  .product_box .section-option-01 .image img {
    border-radius: 0 20px 20px 0;
  }

  .product_box .section-option-02 {
    padding-top: 3.4375rem;
    padding-bottom: 3.4375rem;
  }

  .product_box .section-option-02 .title-area {
    width: 50%;
  }

  .product_box .section-option-02 .image img {
    margin-left: 8.1711026616%;
    width: 81.29189%;
  }

  .product_box .section-option-03 {
    padding-top: 3.4375rem;
    padding-bottom: 3.4375rem;
  }

  .product_box .section-option-03 h3 .image img {
    margin-left: 0;
    width: 31.064639%;
    margin-bottom: 0.5rem;
  }

  .product_box .section-option-03 .image img {
    margin-left: 35.1711026616%;
    width: 41.0646387833%;
  }
}
/* -------------------------------
 product-main-footer
---------------------------------*/
.product-main-footer {
  color: #888;
  background: #f2f2f2;
  font-size: 12px;
}

@media print, (min-width: 768px) {
  .product-main-footer {
    padding: 2%;
  }
}
@media screen and (max-width: 767px) {
  .product-main-footer {
    padding: 20px 4%;
  }
}/*# sourceMappingURL=awultra3_2510_v03.css.map */