.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;
  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 .sup {
  font-size: 70%;
  vertical-align: top;
}
.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;
  }
}

.product_box {
  background-color: #fafafa;
}
.product_box .section-intro {
  text-align: center;
  background-color: #000;
  color: #fafafa;
}
.product_box .section-intro h2 span {
  display: inline-block;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.product_box [class^=section-function-] {
  background-color: #000;
  border-radius: 20px;
  position: relative;
}
.product_box .section-function {
  background-color: #1c1c1c;
  color: #f5f5f7;
}
.product_box .section-function h3 {
  color: #86868b;
}
.product_box .section-function h3 em {
  color: #f5f5f7;
}
.product_box .section-function .text-note {
  color: #86868b;
}
.product_box .section-function-05 h3 {
  text-align: left;
}
.product_box .section-function-05 h3 em {
  background: linear-gradient(110deg, #92b90a 0%, #02d959 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product_box .section-reason {
  background-color: #fff;
}
.product_box .section-reason .list-reason {
  color: #6e6e73;
}
.product_box .section-reason strong {
  color: #1d1d1f;
}
.product_box .section-options .section-accessories,
.product_box .section-options .section-applecare {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .product_box .section-intro {
    padding: 19.3333333333% 0 16%;
  }
  .product_box .section-intro h2 {
    font-size: 8vw;
    line-height: 1;
  }
  .product_box .section-intro h2 .logo {
    margin-bottom: 3.3333333333%;
    width: 42.5333333333%;
  }
  .product_box .section-intro h2 span {
    background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-pro-m5/images/2510/sp/img_title_graditent_clip_f7502b05727b5ed7.jpg?scl=1&qlt=90);
  }
  .product_box .section-intro .image {
    margin: 18% auto 20%;
    width: 19.4666666667%;
  }
  .product_box [class^=section-function-] {
    margin-bottom: 5.3333333333%;
    padding-top: 10.6666666667%;
  }
  .product_box .section-function {
    padding: 5.0666666667% 7.3333333333% 17.3333333333%;
    display: flex;
    flex-direction: column;
  }
  .product_box .section-function h3 {
    padding-left: 13.28125%;
    font-size: 5.0666666667vw;
    line-height: 1.4210526316;
  }
  .product_box .section-function .text-note {
    padding-left: 13.28125%;
    font-size: 2.6666666667vw;
  }
  .product_box .section-function-01 {
    padding-bottom: 14.0625%;
  }
  .product_box .section-function-01 .image {
    margin: 10.15625% 0 0 0;
    width: 94.0625%;
  }
  .product_box .section-function-02 {
    padding-bottom: 7.03125%;
  }
  .product_box .section-function-02 .image {
    margin: 19.53125% 0 0 0;
    width: 100%;
  }
  .product_box .section-function-03 {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
  }
  .product_box .section-function-03 .text-note {
    margin-top: 1.7em;
  }
  .product_box .section-function-03 .image {
    margin: 6.25% 0 0 0;
    width: 100%;
  }
  .product_box .section-function-03 .image img {
    border-radius: 0 0 20px 20px;
  }
  .product_box .section-function-04 .image {
    margin: 16.71875% auto 0 auto;
    width: 8.125%;
  }
  .product_box .section-function-05 {
    padding-top: 36.09375%;
    padding-bottom: 34.0625%;
  }
  .product_box .section-function-05 h3 {
    padding: 0;
    text-align: center;
  }
  .product_box .section-function-05 h3::before {
    content: "";
    margin: 0 auto 11.5384615385vw auto;
    width: 34.6153846154vw;
    height: 17.0512820513vw;
    background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-pro-m5/images/2510/icon_battery_eeb4084886604531.jpg?scl=1&qlt=90);
    background-size: 100% auto;
    display: block;
  }
  .product_box .section-function-06 .image {
    margin: 12.5% 0 0 auto;
    width: 90.9375%;
  }
  .product_box .section-function-06 .image img {
    border-radius: 0 0 20px 0;
  }
  .product_box .section-function-07 {
    padding-bottom: 9.375%;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
  }
  .product_box .section-function-07 .image {
    margin-bottom: 10.15625%;
    width: 100%;
  }
  .product_box .section-function-08 {
    padding-top: 0;
    padding-bottom: 10.9375%;
  }
  .product_box .section-function-08 .image {
    margin-bottom: 26.09375%;
    width: 100%;
  }
  .product_box .section-function-09 h3 {
    margin-bottom: 16.71875%;
  }
  .product_box .section-function-09 .image {
    margin: 19.53125% 0 0 auto;
    width: 86.875%;
  }
  .product_box .section-function-10 h3 {
    margin-bottom: 16.71875%;
  }
  .product_box .section-function-10 .image {
    margin: 18.75% 0 0 0;
    width: 100%;
  }
  .product_box .section-function-10 .image img {
    border-radius: 0 0 20px 20px;
  }
  .product_box .section-reason {
    padding: 23.3333333333% 8% 11.4666666667% 12%;
    margin-bottom: 2.6666666667%;
  }
  .product_box .section-reason h3 {
    margin-bottom: 0.3em;
    font-size: 4.2666666667vw;
  }
  .product_box .section-reason h4 {
    font-size: 5.8666666667vw;
    margin-bottom: 10%;
  }
  .product_box .section-reason .list-reason {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-size: 3.2vw;
    line-height: 1.5833333333;
  }
  .product_box .section-reason .list-reason .icon {
    width: 38%;
    margin-bottom: 10%;
  }
  .product_box .section-reason .list-reason li:nth-child(n+3) {
    margin-top: 30%;
  }
  .product_box .section-options h3 {
    font-size: 4.2666666667vw;
    margin-bottom: 0.4em;
  }
  .product_box .section-options h4 {
    font-size: 6.1333333333vw;
    margin-bottom: 0.5em;
  }
  .product_box .section-options .text {
    font-size: 4vw;
  }
  .product_box .section-options .text-area {
    padding-left: 12%;
  }
  .product_box .section-options .section-accessories {
    margin-bottom: 2.6666666667%;
    padding-top: 10.6666666667%;
  }
  .product_box .section-options .section-accessories .image {
    margin-top: 11.0666666667%;
    width: 100%;
  }
  .product_box .section-options .section-applecare {
    padding-top: 17.3333333333%;
  }
  .product_box .section-options .section-applecare h3 {
    margin-bottom: 0;
    width: 19.2424242424%;
  }
  .product_box .section-options .section-applecare .text-link {
    margin-top: 1em;
  }
  .product_box .section-options .section-applecare .image {
    margin: 12.6666666667% 0 0 12.4%;
    width: 75.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .product_box .section-intro {
    padding: 8.6529466791% 0 8.8868101029%;
  }
  .product_box .section-intro h2 {
    font-size: 387.5%;
    line-height: 1;
  }
  .product_box .section-intro h2 .logo {
    margin-bottom: 15px;
    width: 29.7006548176%;
  }
  .product_box .section-intro h2 span {
    background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-pro-m5/images/2510/img_title_graditent_clip_9e596a28990658dd.jpg?scl=1&qlt=90);
  }
  .product_box .section-intro .image {
    margin: 6.9223573433% auto 8.8868101029% auto;
    width: 92.1421889616%;
  }
  .product_box [class^=section-function-] {
    padding-top: 2.625rem;
    margin-bottom: 2.0408163265%;
  }
  .product_box [class^=section-function-] .image {
    margin: 0 auto;
  }
  .product_box .section-function {
    margin-bottom: 4.6772684752%;
    padding: 10.9915809167% 4.1627689429%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product_box .section-function h3 {
    font-size: 137.5%;
    line-height: 1.3636363636;
    text-align: center;
  }
  .product_box .section-function .text-note {
    font-size: 68.75%;
    text-align: center;
  }
  .product_box .section-function-01 {
    width: 100%;
    padding: 5.1020408163% 0;
    display: flex;
    align-items: center;
  }
  .product_box .section-function-01 h3 {
    padding-left: 12.5%;
    width: 51.4285714286%;
    text-align: left;
  }
  .product_box .section-function-01 .image {
    width: 48.5714285714%;
  }
  .product_box .section-function-02 {
    width: 100%;
  }
  .product_box .section-function-02 .image {
    margin: 4.5408163265% 0 0 20.6632653061%;
    width: 66.8367346939%;
  }
  .product_box .section-function-03 {
    padding-top: 0;
    padding-bottom: 1.2755102041%;
    width: 66.0204081633%;
  }
  .product_box .section-function-03 h3 {
    margin-bottom: 0.5em;
  }
  .product_box .section-function-03 .image {
    margin-bottom: 6.7233384853%;
    width: 100%;
  }
  .product_box .section-function-03 .image img {
    border-radius: 20px 20px 0 0;
  }
  .product_box .section-function-04 {
    width: 31.9387755102%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .product_box .section-function-04 .image {
    width: 8.3067092652%;
  }
  .product_box .section-function-05 {
    padding-top: 12.2448979592%;
    width: 31.9387755102%;
  }
  .product_box .section-function-05 h3::before {
    content: "";
    margin: 0 auto 3.4375rem auto;
    width: 5.25rem;
    height: 2.5625rem;
    background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-pro-m5/images/2510/icon_battery_eeb4084886604531.jpg?scl=1&qlt=90);
    background-size: 100% auto;
    display: block;
  }
  .product_box .section-function-06 {
    width: 66.0204081633%;
  }
  .product_box .section-function-06 .image {
    margin: 6.5687789799% 0 0 6.9551777434%;
    width: 85.4714064915%;
  }
  .product_box .section-function-07 {
    padding-bottom: 4.9489795918%;
    width: 66.0204081633%;
  }
  .product_box .section-function-07 .image {
    margin-top: 6.9551777434%;
    width: 82.2256568779%;
  }
  .product_box .section-function-08 {
    padding-top: 0;
    padding-bottom: 4.0816326531%;
    width: 31.9387755102%;
  }
  .product_box .section-function-08 .image {
    margin-bottom: 14.3769968051%;
    width: 100%;
  }
  .product_box .section-function-08 .image img {
    border-radius: 20px 20px 0 0;
  }
  .product_box .section-function-09 {
    width: 31.9387755102%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .product_box .section-function-09 .image {
    margin: 15.0159744409% 0 0 auto;
    width: 76.6773162939%;
  }
  .product_box .section-function-09 .image img {
    border-radius: 0 0 20px 0;
  }
  .product_box .section-function-10 {
    width: 66.0204081633%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .product_box .section-function-10 .image {
    margin: 6.5687789799% 0 0 6.9551777434%;
    width: 85.0077279753%;
  }
  .product_box .section-reason {
    margin-bottom: 0.935453695%;
    padding: 5.3788587465% 4.1627689429% 5.6127221703% 4.1627689429%;
  }
  .product_box .section-reason h3 {
    font-size: 112.5%;
  }
  .product_box .section-reason h4 {
    margin-bottom: 1em;
    font-size: 200%;
  }
  .product_box .section-reason .list-reason {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    font-size: 93.75%;
    line-height: 1.4666666667;
  }
  .product_box .section-reason .list-reason .icon {
    margin-bottom: 8.1632653061%;
    width: 23.2653061224%;
  }
  .product_box .section-options h3 {
    margin-bottom: 0.2em;
    font-size: 112.5%;
  }
  .product_box .section-options h4 {
    margin-bottom: 0.6em;
    font-size: 200%;
    line-height: 1.25;
  }
  .product_box .section-options .text {
    font-size: 93.75%;
  }
  .product_box .section-options .section-accessories {
    margin-bottom: 0.935453695%;
    display: flex;
  }
  .product_box .section-options .section-accessories .text-area {
    padding: 8.4190832554% 0 0 4.1627689429%;
    width: 48.0355472404%;
  }
  .product_box .section-options .section-accessories .image {
    margin: 3.9756782039% 0 0 auto;
    width: 51.9644527596%;
  }
  .product_box .section-options .section-applecare {
    display: flex;
  }
  .product_box .section-options .section-applecare h3 {
    width: 14.3006263048%;
  }
  .product_box .section-options .section-applecare .text-area {
    padding: 6.0804490178% 0 0 4.1627689429%;
    width: 48.9710009355%;
  }
  .product_box .section-options .section-applecare .image {
    margin: 5.3788587465% 0 0 0;
    width: 39.3826005613%;
  }
  .product_box .section-options .section-applecare .text {
    margin-bottom: 1em;
  }
}
/*---------------------------------
 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=ipad-pro_2510_v03.css.map */