.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 .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 {
  color: #1d1d1f;
  background-color: #f3f6f6;
}
.product_box [class^=section-function-] {
  border-radius: 20px;
  background-color: #f3f6f6;
  position: relative;
}
.product_box .section-intro {
  text-align: center;
  background: linear-gradient(180deg, #addcee 20%, #f3f6f6 100%);
}
.product_box .section-intro .lead {
  color: #6e6e73;
}
.product_box .section-intro .text-grad {
  background: linear-gradient(180deg, #004c94 0%, #297bc4 90%);
  background-clip: text;
  color: transparent;
}
.product_box .section-function {
  background-color: #fff;
}
.product_box .section-function .text {
  font-weight: bold;
  background: linear-gradient(180deg, #004c94 0%, #297bc4 90%);
  background-clip: text;
  color: transparent;
}
.product_box .section-function .text sup {
  background: linear-gradient(180deg, #004c94 0%, #297bc4 90%);
  background-clip: text;
  color: transparent;
}
.product_box .section-function .note {
  color: #297bc4;
  font-weight: bold;
}
.product_box .section-function-01 h3::before {
  content: "";
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/icon_sec01_fa7c12455f92a835.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: 100% auto;
  display: block;
}
.product_box .section-function-04 {
  background: linear-gradient(180deg, #195e90 0%, #8890c2 100%);
}
.product_box .section-function-04 .text {
  color: #f5f5f7;
}
.product_box .section-function-04 .text::before {
  content: "";
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/icon_sec04_9d4581195cfe3c36.png?fmt=png-alpha&scl=1) 0 0 no-repeat;
  background-size: 100% auto;
  display: block;
}
.product_box .section-function-04 .text sup {
  color: #f5f5f7;
}
.product_box .section-function-05 {
  background: linear-gradient(180deg, #195e90 0%, #8890c2 100%);
}
.product_box .section-function-05 .text {
  color: #f5f5f7;
}
.product_box .section-function-05 .text::before {
  content: "";
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/icon_sec05_76ab84936e381f30.png?fmt=png-alpha&scl=1) 0 0 no-repeat;
  background-size: 100% auto;
  display: block;
}
.product_box .section-function-05 .text sup {
  color: #f5f5f7;
}
.product_box .section-reason {
  background-color: #fff;
}
.product_box .section-reason .textS {
  color: #6e6e73;
}
.product_box .section-reason .list-reason li::before {
  content: "";
  display: block;
}
.product_box .section-reason .list-reason li:nth-of-type(1)::before {
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/icon_reason_01_5ca00a97c7c619ed.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: 100% auto;
}
.product_box .section-reason .list-reason li:nth-of-type(2)::before {
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/icon_reason_02_95b6802e99bd6f81.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: 100% auto;
}
.product_box .section-reason .list-reason li:nth-of-type(3)::before {
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/icon_reason_03_9f89a05537d72a53.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: 100% auto;
}
.product_box .section-reason .list-reason li:nth-of-type(4)::before {
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/icon_reason_04_d178d45428684bde.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: 100% auto;
}
.product_box .section-option .list-check li {
  margin-bottom: 0.2em;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.product_box .section-option .list-check li::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.5em;
  display: inline-block;
  background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/icon_check_3791e25682416dca.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: auto 100%;
}

@media screen and (max-width: 767px) {
  .product_box .section-intro {
    padding: 14.6666666667% 0;
  }
  .product_box .section-intro h2 {
    font-size: 11.8666666667vw;
    line-height: 1;
  }
  .product_box .section-intro h2 .logo {
    margin: 0 auto 5.3333333333% auto;
    width: 23.3333333333%;
    display: block;
    font-size: 0;
  }
  .product_box .section-intro h2 em {
    letter-spacing: -0.15em;
  }
  .product_box .section-intro .image {
    margin: -1.6% 0 0 13.2%;
    width: 71.4666666667%;
  }
  .product_box .section-intro .lead {
    margin: 6.6666666667% 0 16% 0;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
  .product_box [class^=section-function-] {
    margin-bottom: 6.25%;
    padding-left: 13.28125%;
  }
  .product_box .section-function {
    margin: 0 0 13.3333333333% 0;
    padding: 5.3333333333% 7.3333333333% 5.3333333333% 7.3333333333%;
  }
  .product_box .section-function h3 {
    font-size: 5.0666666667vw;
  }
  .product_box .section-function .text {
    font-size: 5.0666666667vw;
  }
  .product_box .section-function .note {
    font-size: 3.6vw;
  }
  .product_box .section-function-01 {
    padding-top: 20.3125%;
    padding-bottom: 13.28125%;
    background: #f3f6f6 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/sp/bg_sec01_1a23e2763761f739.jpg?scl=1&qlt=90) 0 0 no-repeat;
    background-size: 100% auto;
  }
  .product_box .section-function-01 h3 .text-grad {
    background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/sp/bg_sec01_h3_3b29c6b4f9aa858a.jpg?scl=1&qlt=90) 0 0 no-repeat;
    background-size: cover;
    background-clip: text;
    color: transparent;
  }
  .product_box .section-function-01 h3::before {
    content: "";
    margin: 0 0 6.3063063063% 0;
    width: 14.4144144144%;
    padding-top: 14.4144144144%;
  }
  .product_box .section-function-01 .note {
    margin: 4.5045045045% 0 0 0;
  }
  .product_box .section-function-02 {
    padding-top: 10.9375%;
    padding-bottom: 12.5%;
  }
  .product_box .section-function-02 .image {
    margin-top: 15.3153153153%;
    width: 84.3243243243%;
  }
  .product_box .section-function-03 {
    padding: 0;
  }
  .product_box .section-function-03 .text {
    color: #f5f5f7;
    position: absolute;
    bottom: 8.7008343266%;
    left: 13.28125%;
  }
  .product_box .section-function-03 .image img {
    border-radius: 20px;
  }
  .product_box .section-function-04 {
    padding-top: 16.875%;
    padding-bottom: 14.84375%;
  }
  .product_box .section-function-04 .text::before {
    margin-bottom: 4.5045045045%;
    width: 17.2972972973%;
    padding-top: 11.3513513514%;
  }
  .product_box .section-function-05 {
    padding-top: 17.03125%;
    padding-bottom: 16.40625%;
  }
  .product_box .section-function-05 .text::before {
    margin-bottom: 4.5045045045%;
    width: 15.4954954955%;
    padding-top: 10.990990991%;
  }
  .product_box .section-function-06 {
    padding-top: 10.9375%;
  }
  .product_box .section-function-06 .image {
    margin-top: 19.8198198198%;
    width: 84.3243243243%;
  }
  .product_box .section-function-07 {
    padding-top: 10.9375%;
    padding-bottom: 12.8125%;
  }
  .product_box .section-function-07 .image {
    margin-top: 17.1171171171%;
    margin-left: -15.3153153153%;
    width: 97.6576576577%;
  }
  .product_box .section-function-08 {
    padding: 0;
  }
  .product_box .section-function-08 .text {
    position: absolute;
    top: 9.5238095238%;
    left: 13.28125%;
  }
  .product_box .section-function-08 .image img {
    border-radius: 20px;
  }
  .product_box .section-function-09 {
    padding-bottom: 10.9375%;
  }
  .product_box .section-function-09 .image {
    margin-bottom: 5.4054054054%;
    width: 81.8018018018%;
  }
  .product_box .section-function-10 {
    margin-bottom: 0;
    padding-top: 12.5%;
    padding-bottom: 10.9375%;
  }
  .product_box .section-function-10 .image {
    margin-left: -6.3063063063%;
    margin-bottom: 6.3063063063%;
    width: 106.4864864865%;
  }
  .product_box .section-reason {
    margin-bottom: 2.6666666667%;
    padding: 10.6666666667% 7.3333333333% 10.6666666667% 12.6666666667%;
  }
  .product_box .section-reason h3 {
    font-size: 5.8666666667vw;
  }
  .product_box .section-reason h3 span {
    margin-bottom: 0.2em;
    font-size: 75%;
    display: block;
  }
  .product_box .section-reason h4 {
    margin-top: 10.6666666667%;
    font-size: 3.2vw;
  }
  .product_box .section-reason .textS {
    line-height: 1.6;
  }
  .product_box .section-reason .list-reason {
    margin-top: 9.9236641221%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .product_box .section-reason .list-reason li::before {
    width: 36.6666666667%;
    padding-top: 27.3333333333%;
  }
  .product_box .section-reason .list-reason li:nth-of-type(n+3) {
    margin-top: 30%;
  }
  .product_box .section-option h3 {
    margin-bottom: 0.6em;
    font-size: 5.8666666667vw;
  }
  .product_box .section-option h3 span {
    margin-bottom: 0.4em;
    font-size: 67.8571428571%;
    display: block;
  }
  .product_box .section-option .textS {
    font-size: 4vw;
    line-height: 1.5;
  }
  .product_box .section-option .item-text {
    padding-left: 12.5%;
  }
  .product_box .section-option .section-accessories {
    padding-top: 9.3333333333%;
    margin-bottom: 2.6666666667%;
    background-color: #fff;
  }
  .product_box .section-option .section-accessories .item-image {
    margin-top: 22%;
    width: 100%;
  }
  .product_box .section-option .section-applecare {
    padding: 8% 0 0 0;
    background-color: #fff;
  }
  .product_box .section-option .section-applecare h3 .logo {
    margin-bottom: 0.7em;
    width: 16.4179104478%;
  }
  .product_box .section-option .section-applecare .list-check {
    margin-bottom: 1em;
  }
  .product_box .section-option .section-applecare .list-check li {
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 1.6;
  }
  .product_box .section-option .section-applecare .item-image {
    margin: 12.6666666667% auto 0 auto;
    width: 74.5333333333%;
  }
}
@media screen and (min-width: 768px) {
  .product_box .section-intro {
    padding: 25.2572497661% 0 8.2319925164% 0;
  }
  .product_box .section-intro h2 {
    font-size: 937.5%;
    line-height: 1;
  }
  .product_box .section-intro h2 .logo {
    margin: 0 auto 2.8063610851% auto;
    width: 19.2703461179%;
    display: block;
    font-size: 0;
  }
  .product_box .section-intro h2 em {
    letter-spacing: -0.15em;
  }
  .product_box .section-intro .lead {
    margin: 9.5884003742% 0 7.7174929841% 0;
    font-size: 131.25%;
  }
  .product_box .section-intro .image {
    margin: -3.5079513564% 0 0 22.4976613658%;
    width: 46.9597754911%;
  }
  .product_box .section-function {
    margin: 0 0 4.6772684752% 0;
    padding: 7.4836295603% 4.1627689429% 1.8709073901% 4.1627689429%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 2.0408163265%;
    row-gap: 20px;
  }
  .product_box .section-function h3 {
    font-size: 131.25%;
  }
  .product_box .section-function .text {
    font-size: 131.25%;
  }
  .product_box .section-function-01 {
    grid-column: 1/7;
    grid-row: 1/2;
    padding: 14.2857142857% 0 9.693877551% 0;
    text-align: center;
    background: #f3f6f6 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/bg_sec01_d5f9a4d70e2a531.jpg?scl=1&qlt=90) 0 0 no-repeat;
    background-size: 100% auto;
  }
  .product_box .section-function-01 h3 {
    position: relative;
  }
  .product_box .section-function-01 h3 .text-grad {
    background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/extlib/ipad/product/ipad-air-m3/images/2503/bg_sec01_h3_68c25e224c73056c.jpg?scl=1&qlt=90) 0 0 no-repeat;
    background-size: auto 100%;
    background-clip: text;
    color: transparent;
  }
  .product_box .section-function-01 h3::before {
    margin: 0 auto 2.0408163265% auto;
    width: 6.1224489796%;
    padding-top: 6.0204081633%;
  }
  .product_box .section-function-01 .note {
    margin-top: 1.0204081633%;
  }
  .product_box .section-function-02 {
    grid-column: 1/7;
    grid-row: 2/3;
    width: 100%;
    padding: 4.3367346939% 0;
  }
  .product_box .section-function-02 .text {
    position: absolute;
    top: 50%;
    left: 55.1020408163%;
    transform: translateY(-50%);
  }
  .product_box .section-function-02 .image {
    margin: 0 0 0 4.3367346939%;
    width: 45.8163265306%;
  }
  .product_box .section-function-03 {
    grid-column: 1/5;
    grid-row: 3/5;
  }
  .product_box .section-function-03 .text {
    color: #f5f5f7;
    padding: 52.5502318393% 0 0 6.4914992272%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .product_box .section-function-03 .image {
    width: 100%;
  }
  .product_box .section-function-03 .image img {
    border-radius: 20px;
  }
  .product_box .section-function-04 {
    grid-column: 5/7;
    grid-row: 3/4;
    padding: 12.7795527157% 0 0 12.7795527157%;
  }
  .product_box .section-function-04 .text::before {
    margin-bottom: 5.4945054945%;
    width: 23.4432234432%;
    padding-top: 15.5677655678%;
  }
  .product_box .section-function-05 {
    grid-column: 5/7;
    grid-row: 4/5;
    padding: 16.7731629393% 0 7.9872204473% 12.7795527157%;
  }
  .product_box .section-function-05 .text::before {
    margin-bottom: 5.4945054945%;
    width: 21.2454212454%;
    padding-top: 15.2014652015%;
  }
  .product_box .section-function-06 {
    grid-column: 1/3;
    grid-row: 5/6;
    padding: 12.7795527157% 0 0 0;
  }
  .product_box .section-function-06 .text {
    padding: 0 0 0 12.7795527157%;
  }
  .product_box .section-function-06 .image {
    margin: 33.5463258786% auto 0 auto;
    width: 80.8306709265%;
  }
  .product_box .section-function-07 {
    grid-column: 3/7;
    grid-row: 5/6;
    padding: 6.1823802164% 0 23.8021638331% 0;
  }
  .product_box .section-function-07 .text {
    position: absolute;
    bottom: 8.5007727975%;
    left: 6.1823802164%;
  }
  .product_box .section-function-07 .image {
    margin: 0 auto;
    width: 84.2349304482%;
  }
  .product_box .section-function-08 {
    grid-column: 1/7;
    grid-row: 6/7;
  }
  .product_box .section-function-08 .text {
    padding: 4.0816326531% 0 0 4.0816326531%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .product_box .section-function-08 .image {
    width: 100%;
  }
  .product_box .section-function-08 .image img {
    border-radius: 20px;
  }
  .product_box .section-function-09 {
    grid-column: 1/4;
    grid-row: 7/8;
    padding: 0 0 9.1666666667% 0;
  }
  .product_box .section-function-09 .image {
    margin: 0 0 4.6875% 21.3541666667%;
    width: 50%;
  }
  .product_box .section-function-09 .text {
    padding: 0 0 0 8.3333333333%;
  }
  .product_box .section-function-10 {
    grid-column: 4/7;
    grid-row: 7/8;
    padding: 31.7708333333% 0 8.75% 0;
  }
  .product_box .section-function-10 .text {
    position: absolute;
    top: 8.3333333333%;
    left: 8.3333333333%;
  }
  .product_box .section-function-10 .image {
    margin: 0 0 0 5.2083333333%;
    width: 89.5833333333%;
  }
  .product_box .section-reason {
    margin-bottom: 0.935453695%;
    padding: 5.6127221703% 1.1693171188% 5.3788587465% 8.2787652011%;
  }
  .product_box .section-reason h3 {
    font-size: 200%;
    line-height: 1.2;
  }
  .product_box .section-reason h3 span {
    margin-bottom: 0.5em;
    font-size: 52.5%;
    display: block;
  }
  .product_box .section-reason h4 {
    margin-top: 7.2314049587%;
    font-size: 93.75%;
  }
  .product_box .section-reason .textS {
    font-size: 93.75%;
    line-height: 1.5;
  }
  .product_box .section-reason .list-reason {
    margin: 3.8265306122% 0 0 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .product_box .section-reason .list-reason li::before {
    width: 22.7272727273%;
    padding-top: 16.9421487603%;
  }
  .product_box .section-option h3 {
    margin-bottom: 0.6em;
    font-size: 200%;
    line-height: 1.2;
  }
  .product_box .section-option h3 span {
    margin-bottom: 0.5em;
    font-size: 52.5%;
    display: block;
  }
  .product_box .section-option .list-check {
    margin-bottom: 0.8em;
    font-size: 93.75%;
  }
  .product_box .section-option .item-text {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .product_box .section-option .section-accessories {
    margin-bottom: 0.935453695%;
    padding: 2.8063610851% 0 0 0;
    background-color: #fff;
    position: relative;
  }
  .product_box .section-option .section-accessories .item-text {
    padding: 9.1206735267% 0 0 8.2319925164%;
  }
  .product_box .section-option .section-accessories .item-image {
    margin: 0 0 0 auto;
    width: 55.5659494855%;
  }
  .product_box .section-option .section-applecare {
    padding: 6.1739943873% 0 0 0;
    background-color: #fff;
    position: relative;
  }
  .product_box .section-option .section-applecare h3 .logo {
    margin-bottom: 1.9521717911%;
    width: 5.4172767204%;
    font-size: 0;
  }
  .product_box .section-option .section-applecare .item-text {
    padding: 5.098222638% 0 0 8.2319925164%;
  }
  .product_box .section-option .section-applecare .item-image {
    margin: 0 11.7867165575% 0 auto;
    width: 39.3826005613%;
  }
}
/* -------------------------------
 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-air-m3_2503_v03.css.map */