.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: 6.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;
}
.product_box .section-intro .copy {
  background: linear-gradient(135deg, #10a884 28%, #0097ff 40%, #6e5fff 59%, #db12dc 70%);
  -webkit-background-clip: text;
  text-align: center;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.product_box .section-function-01 {
  background-color: #f9f3ff;
}
.product_box .section-function-01 .emphasis {
  color: #6352ff;
}
.product_box .section-function-02 {
  background-color: #ebf0ff;
}
.product_box .section-function-02 .emphasis {
  color: #0057f2;
}
.product_box .section-function-03 {
  padding: 0;
}
.product_box .section-function-03 .emphasis {
  color: #a2ffff;
}
.product_box .section-function-03 h3 {
  position: absolute;
  color: #fff;
}
.product_box .section-function-03 .image img {
  border-radius: 20px;
}
.product_box .section-function-04 {
  background-color: #000;
}
.product_box .section-function-04 .emphasis {
  color: #ff408c;
}
.product_box .section-function-05 {
  background-color: #fbfbef;
}
.product_box .section-function-05 .emphasis {
  color: #008500;
}
.product_box .section-function-06 {
  background-color: #edf5fd;
}
.product_box .section-function-06 .emphasis {
  color: #006fa5;
}
.product_box .section-function-07 {
  background-color: #edfff8;
}
.product_box .section-function-07 .emphasis {
  color: #008523;
}
.product_box .section-function-08 {
  background-color: #fff7f8;
}
.product_box .section-function-08 .emphasis {
  color: #e11400;
}
.product_box .section-function-09 {
  background-color: #efeefb;
}
.product_box .section-function-09 .emphasis {
  color: #a51fed;
}

@media screen and (max-width: 767px) {
  .product_box .btn-area {
    margin: 18.5% 0 8%;
  }
  .product_box .btn {
    font-size: 3.5623409669vw;
  }

  .product_box .text-link {
    font-size: 3.8167938931vw;
    line-height: 1.6;
  }
}
.product_box .function-area {
  background-color: #fff;
}
.product_box [class^=section-function-] {
  border-radius: 20px;
  position: relative;
}
.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/awse3/images/2509/icon_check_4a86f0bab95176c1.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: auto 100%;
}

@media screen and (max-width: 767px) {
  .product_box .section-intro {
    padding: 23.6641221374% 0 0 0;
    text-align: center;
  }
  .product_box .section-intro h2 {
    font-size: 11.1959287532vw;
    line-height: 0;
    margin-bottom: 0;
  }
  .product_box .section-intro h2 .logo {
    margin: 0 auto;
    width: 41.6%;
    display: block;
  }
  .product_box .section-intro .image {
    margin: 9.532061% auto;
    width: 80.533333%;
  }
  .product_box .section-intro .copy {
    font-size: 9.6vw;
    text-align: center;
    margin-top: 5%;
  }
  .product_box .function-area {
    padding: 15.2671755725% 0 0;
  }

  .product_box [class^=section-function-] {
    width: 85.3333%;
    margin: 0 auto 5.0890585242% auto;
    padding: 10.1781170483% 0 15.2671755725% 0;
  }

  .product_box [class^=section-function-] h3 {
    width: 100%;
    padding: 0 0 0 12.5%;
    margin-bottom: 13.28125%;
    font-size: 4vw;
    line-height: 1.4210526316;
  }
  .product_box [class^=section-function-] .image {
    margin: 0 auto;
  }
  .product_box .section-function-01 {
    padding-bottom: 11%;
  }
  .product_box .section-function-01 .image {
    width: 74.0625%;
    margin-top: 28%;
  }
  .product_box .section-function-02 {
    padding-bottom: 11%;
  }
  .product_box .section-function-02 h3 {
    margin-bottom: 14.0625%;
  }
  .product_box .section-function-02 .image {
    width: 73.4375%;
  }
  .product_box .section-function-03 {
    padding: 0;
    position: relative;
  }
  .product_box .section-function-03 h3 {
    color: #fff;
    position: absolute;
    bottom: 0;
  }
  .product_box .section-function-03 .image {
    width: 100%;
  }
  .product_box .section-function-03 .image img {
    border-radius: 20px;
  }
  .product_box .section-function-04 {
    padding: 10.1781170483% 0 13% 0;
  }
  .product_box .section-function-04 h3 {
    color: #fff;
  }
  .product_box .section-function-04 .image {
    width: 69.0625%;
  }

  .product_box .section-function-05 {
    padding-bottom: 11%;
  }

  .product_box .section-function-05 h3 {
    margin-bottom: 17.1875%;
  }

  .product_box .section-function-05 .image {
    width: 100%;
  }

  .product_box .section-function-06 {
    padding: 0;
  }

  .product_box .section-function-06 h3 {
    padding-top: 10.1781170483%;
    margin-bottom: 25%;
  }

  .product_box .section-function-06 .image {
    width: 93.4375%;
  }

  .product_box .section-function-06 .image img {
    margin-bottom: 20%;
  }

  .product_box .section-function-07 {
    padding-bottom: 12.7226463104%;
  }

  .product_box .section-function-07 h3 {
    margin-top: 35%;
    margin-bottom: 0;
  }

  .product_box .section-function-07 .image {
    width: 72.032125%;
    margin-top: 20%;
  }

  .product_box .section-function-08 {
    padding-bottom: 0;
  }
  .product_box .section-function-08 h3 {
    margin-bottom: 18%;
  }
  .product_box .section-function-08 .image {
    margin: 0 0 0 auto;
    width: 100%;
    border-radius: 20px;
  }
  .product_box .section-function-09 {
    padding: 9% 0 6% 0;
  }
  .product_box .section-function-09 h3 {
    margin: 21.2% 0;
    text-align: center;
    padding: 0;
  }
  .product_box .section-function-09 .image.img01 {
    width: 80.9375%;
    margin-left: 0;
  }
  .product_box .section-function-09 .image.img02 {
    width: 78.75%;
    margin-right: 0;
  }
  .product_box .option-area {
    padding: 1.75rem 0;
  }
  .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.5rem 0 0;
  }
  .product_box .section-intro h2 {
    font-size: 462.5%;
    line-height: 1.2;
    text-align: center;
  }
  .product_box .section-intro h2 .logo {
    margin: 0 auto;
    width: 20.95416%;
    display: block;
    line-height: 1;
  }
  .product_box .section-intro .btn-area {
    text-align: center;
    margin: 6rem 0 0;
  }
  .product_box .section-intro .image {
    margin: 1rem auto 0;
    width: 80.7764%;
  }
  .product_box .section-intro .copy {
    font-size: 364%;
    text-align: center;
    margin-top: 5%;
  }
  .product_box .function-area {
    padding: 8.1632% 4.08163% 0;
    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-] h3 {
    font-size: 112%;
    line-height: 1.3076923077;
    margin-bottom: 3.75rem;
  }
  .product_box .section-function-01 {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 2.5rem;
    justify-content: space-between;
  }
  .product_box .section-function-01 h3 {
    text-align: left;
    margin-bottom: 0;
    width: 50%;
  }
  .product_box .section-function-01 .image {
    text-align: center;
    margin-top: auto;
    width: 50%;
  }
  .product_box .section-function-01 .image img {
    width: 100%;
  }
  .product_box .section-function-02 {
    width: 48.9795918367%;
    display: flex;
    flex-direction: column;
  }
  .product_box .section-function-02 h3 {
    text-align: left;
    margin: 2.1875rem 2.1875rem 10%;
  }
  .product_box .section-function-02 .image {
    text-align: center;
  }
  .product_box .section-function-02 .image img {
    width: 74.1666%;
  }
  .product_box .section-function-03 {
    width: 48.9795918367%;
  }
  .product_box .section-function-03 h3 {
    padding: 2.1875rem 0 0 2.1875rem;
    margin-bottom: 2.1875rem;
    bottom: 0;
    left: 0;
  }
  .product_box .section-function-04 {
    width: 31.93877%;
  }
  .product_box .section-function-04 h3 {
    padding: 2.1875rem 0 0 2.1875rem;
    margin-bottom: 0;
    color: #fff;
  }
  .product_box .section-function-04 .image {
    width: 73.801932%;
    margin-top: 3rem;
  }
  .product_box .section-function-05 {
    width: 66.9795918367%;
  }
  .product_box .section-function-05 h3 {
    padding: 2.1875rem 0 0 2.1875rem;
    margin-bottom: 0;
  }
  .product_box .section-function-05 .image {
    width: 100%;
  }
  .product_box .section-function-06 {
    padding: 0;
    width: 66%;
  }
  .product_box .section-function-06 h3 {
    padding: 2.1875rem 0 0 2.1875rem;
  }
  .product_box .section-function-06 .image {
    width: 83.77125%;
  }
  .product_box .section-function-06 .image img {
    margin-bottom: 3rem;
  }
  .product_box .section-function-07 {
    padding: 2.1875rem 0 0 0;
    width: 30.7755102041%;
  }
  .product_box .section-function-07 h3 {
    padding: 0 0 0 2.1875rem;
    margin-bottom: 3.75rem;
  }
  .product_box .section-function-07 .image {
    width: 73.08018%;
  }
  .product_box .section-function-07 .image img {
    margin: 5rem 0 6.0625rem;
  }
  .product_box .section-function-08 {
    padding: 2.1875rem 0 0 0;
    width: 48.9795918367%;
    display: flex;
    flex-direction: column-reverse;
  }
  .product_box .section-function-08 h3 {
    padding: 0 0 0 2.1875rem;
    margin-bottom: 3.4375rem;
  }
  .product_box .section-function-08 .image {
    width: 73.9655172414%;
    margin-bottom: 1.875rem;
  }
  .product_box .section-function-09 {
    padding: 1.4375rem 0 0 0;
    width: 48.9795918367%;
    position: relative;
  }
  .product_box .section-function-09 h3 {
    margin: 2.75rem 0 3.75rem;
    text-align: center;
  }
  .product_box .section-function-09 .image.img01 {
    width: 71.666666%;
    margin: 0;
  }
  .product_box .section-function-09 .image.img02 {
    width: 74.791666%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .product_box .section-function-09 .image.img02 img {
    border-bottom-right-radius: 20px;
  }
  .product_box .option-area {
    padding: 2.75rem 0;
  }

  .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=serie11_2509_v03.css.map */