.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: #1d1d1f;
  background: transparent;
  display: inline-block;
  border: solid 0.075em #1d1d1f;
  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: 87.5%;
}
.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(/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;
}
.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-gradation,
.product_box .section-intro h3 {
  background: linear-gradient(180deg, #004c94 0%, #297bc4 90%);
  background-clip: text;
  color: transparent;
}
.product_box [class^=section-function-] {
  border-radius: 20px;
  background-color: #f3f6f6;
  position: relative;
}
.product_box .section-function {
  background-color: #fff;
}
.product_box .section-function .text-gradation {
  background: linear-gradient(180deg, #004c94 0%, #297bc4 90%);
  background-clip: text;
  color: transparent;
}
.product_box .section-function-01 .text {
  color: #f5f5f7;
}
.product_box .section-function-02 .text::before {
  content: "";
  background: url(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/icon_sec02_f68aaa12c7df7ab5.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: 100% auto;
  display: block;
}
.product_box .section-function-03 .text::before {
  content: "";
  background: url(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/icon_sec03_c5ed91bdd5be6d80.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: 100% auto;
  display: block;
}
.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(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/icon_reason_01_c5a64fce55ddf91e.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(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/icon_reason_02_44a99fd3b200d0dc.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(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/icon_reason_03_d94931f7918b8bfe.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(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/icon_reason_04_63f1c851ce7c0fc2.jpg?scl=1&qlt=90) 0 0 no-repeat;
  background-size: 100% auto;
}
.product_box .section-option {
  background-color: #f3f6f6;
}
.product_box .section-option > section {
  background-color: #fff;
}

@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;
    letter-spacing: -0.05em;
  }
  .product_box .section-intro h2 .logo {
    margin: 0 auto 5.3333333333% auto;
    width: 22.5333333333%;
    display: block;
    font-size: 0;
  }
  .product_box .section-intro h2 em {
    letter-spacing: -0.15em;
  }
  .product_box .section-intro h3 {
    margin-bottom: 5.3333333333%;
    font-size: 5.3333333333vw;
  }
  .product_box .section-intro .lead {
    margin-bottom: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
  .product_box .section-intro .image {
    margin: -1.6% 0 6.6666666667% 13.2%;
    width: 71.8666666667%;
  }
  .product_box [class^=section-function-] {
    margin-top: 6.25%;
  }
  .product_box .section-function {
    padding: 0 7.3333333333% 8% 7.3333333333%;
  }
  .product_box .section-function h3 {
    padding-left: 14.0625%;
    font-size: 4.6666666667vw;
  }
  .product_box .section-function .text {
    padding-left: 14.0625%;
    font-size: 4.6666666667vw;
    font-weight: bold;
    line-height: 1.35;
  }
  .product_box .section-function .note {
    font-size: 3.6vw;
  }
  .product_box .section-function-01 {
    padding: 0;
    overflow: hidden;
  }
  .product_box .section-function-01 .text {
    padding: 0 0 10.15625% 14.0625%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .product_box .section-function-02 {
    padding-top: 17.65625%;
    padding-bottom: 15.625%;
  }
  .product_box .section-function-02 .text::before {
    margin-bottom: 6%;
    width: 15.4545454545%;
    aspect-ratio: 117/83;
  }
  .product_box .section-function-03 {
    padding-top: 18.4375%;
    padding-bottom: 17.1875%;
  }
  .product_box .section-function-03 .text::before {
    margin-bottom: 6.3636363636%;
    width: 17.0909090909%;
    aspect-ratio: 126/62;
  }
  .product_box .section-function-04 {
    padding-top: 12.5%;
    padding-bottom: 10.15625%;
  }
  .product_box .section-function-04 .image {
    margin: 10% 0 0 6.25%;
    width: 93.125%;
  }
  .product_box .section-function-05 {
    padding-top: 13.28125%;
    background: url(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/sp/bg_sec05_896543fc4cbd6b3b.jpg?scl=1&qlt=90) #f3f6f6 0 0 no-repeat;
    background-size: 100% auto;
    overflow: hidden;
  }
  .product_box .section-function-05 h3 {
    padding-left: 10.15625%;
    background-image: url(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/sp/bg_sec05_h3_51521a0a89c2f856.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: text;
    color: transparent;
    display: inline-block;
  }
  .product_box .section-function-05 .text {
    padding-left: 10.15625%;
  }
  .product_box .section-function-05 .image {
    margin: 12.1875% auto 0 auto;
    width: 79.6875%;
  }
  .product_box .section-function-06 {
    padding-top: 12.5%;
    padding-bottom: 13.28125%;
  }
  .product_box .section-function-06 .image {
    margin: 16.40625% 0 0 14.0625%;
    width: 73.125%;
  }
  .product_box .section-function-07 {
    padding-top: 12.5%;
    padding-bottom: 13.28125%;
  }
  .product_box .section-function-07 .image {
    margin: 14.84375% auto 0 auto;
    width: 88.125%;
  }
  .product_box .section-function-08 {
    overflow: hidden;
  }
  .product_box .section-function-08 .text {
    padding-top: 12.5%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .product_box .section-function-09 {
    padding-bottom: 10.15625%;
  }
  .product_box .section-function-09 .image {
    margin: 0 auto 10.46875% auto;
    width: 70.9375%;
  }
  .product_box .section-function-10 {
    padding-top: 18.75%;
    padding-bottom: 10.9375%;
  }
  .product_box .section-function-10 .image {
    margin: 0 auto 11.71875% 0;
    width: 84.6875%;
  }
  .product_box .section-reason-wrap {
    padding: 8% 0 0 0;
    background-color: #f3f6f6;
  }
  .product_box .section-reason {
    padding: 11.2% 0 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.1603053435%;
    width: 91.6030534351%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .product_box .section-reason .list-reason li::before {
    width: 38.6666666667%;
    padding-top: 29.3333333333%;
  }
  .product_box .section-reason .list-reason li:nth-of-type(n+3) {
    margin-top: 30%;
  }
  .product_box .section-option {
    padding: 0 0 5.3333333333% 0;
  }
  .product_box .section-option h3 {
    margin-bottom: 0.6em;
    font-size: 5.8666666667vw;
  }
  .product_box .section-option h3 .logo {
    font-size: 4.2666666667vw;
    display: block;
  }
  .product_box .section-option .textS {
    font-size: 4vw;
    line-height: 1.55;
  }
  .product_box .section-option .text-link {
    margin-top: 1em;
  }
  .product_box .section-option .section-applecare,
  .product_box .section-option .section-applepensil,
  .product_box .section-option .section-appletv {
    padding-left: 12.6666666667%;
  }
  .product_box .section-option .section-applecare {
    padding-top: 10.6666666667%;
  }
  .product_box .section-option .section-applecare .logo {
    width: 20.3053435115%;
  }
  .product_box .section-option .section-applecare .item-image {
    margin-top: 10.6870229008%;
    width: 85.4961832061%;
  }
  .product_box .section-option .section-applepensil {
    padding-top: 10.9333333333%;
  }
  .product_box .section-option .section-applepensil .item-text {
    text-align: center;
    padding-right: 14.5038167939%;
  }
  .product_box .section-option .section-applepensil .item-image {
    margin-top: 6.8702290076%;
    width: 100%;
  }
  .product_box .section-option .section-appletv {
    padding-top: 12%;
    padding-bottom: 13.3333333333%;
  }
  .product_box .section-option .section-appletv h3 {
    font-size: 5.3333333333vw;
    line-height: 1.2;
  }
  .product_box .section-option .section-appletv .logo {
    margin-bottom: 0.5em;
    width: 9.1603053435%;
  }
  .product_box .section-option .section-appletv .item-image {
    margin-top: 9.1603053435%;
    width: 85.8015267176%;
  }
  .product_box .section-option .section-accessories {
    margin: 0 7.3333333333%;
    border-radius: 20px;
    overflow: hidden;
  }
  .product_box .section-option .section-accessories h3 {
    font-size: 6.1333333333vw;
  }
  .product_box .section-option .section-accessories .item-text {
    padding: 12.96875% 0 0 7.03125%;
  }
  .product_box .section-option .section-accessories .item-image {
    margin-top: 14.0625%;
    width: 100%;
  }
  .product_box .section-option > section {
    margin-bottom: 5.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .product_box {
    container-type: inline-size;
  }
  .product_box .section-intro {
    padding: 20.6735266604% 0 15.5753040225% 0;
  }
  .product_box .section-intro h2 {
    font-size: 812.5%;
    letter-spacing: -0.05em;
    line-height: 1;
  }
  .product_box .section-intro h2 .logo {
    margin: 0 auto 2.1047708138% auto;
    width: 18.8026192703%;
    display: block;
    font-size: 0;
  }
  .product_box .section-intro h2 em {
    letter-spacing: -0.15em;
  }
  .product_box .section-intro h3 {
    margin-bottom: 4.2095416277%;
    font-size: 187.5%;
    letter-spacing: -0.01em;
  }
  .product_box .section-intro .lead {
    margin-bottom: 3.0402245089%;
    font-size: 131.25%;
  }
  .product_box .section-intro .image {
    margin: -0.935453695% 0 7.2497661366% 26.4265668849%;
    width: 47.0533208606%;
  }
  .product_box .section-function {
    padding: 7.5771749298% 4.1627689429% 4.6772684752% 4.1627689429%;
  }
  .product_box .section-function .text {
    font-size: 118.75%;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
  }
  .product_box .section-function h3 {
    font-size: 118.75%;
    line-height: 1.3;
    text-align: center;
  }
  .product_box .section-function-01 {
    grid-row: span 2;
  }
  .product_box .section-function-01 .text {
    width: 100%;
    padding-top: 7.5734157651%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .product_box .section-function-01 .image {
    border-radius: 20px;
    overflow: hidden;
  }
  .product_box .section-function-02 {
    padding-top: 18.6900958466%;
  }
  .product_box .section-function-02 .text {
    line-height: 1.4;
  }
  .product_box .section-function-02 .text::before {
    margin: 0 auto 5.1118210863% auto;
    width: 18.6900958466%;
    aspect-ratio: 117/83;
  }
  .product_box .section-function-02 .text-gradation {
    display: inline-block;
  }
  .product_box .section-function-03 {
    padding-top: 18.6900958466%;
  }
  .product_box .section-function-03 .text {
    line-height: 1.4;
  }
  .product_box .section-function-03 .text::before {
    margin: 0 auto 6.3897763578% auto;
    width: 20.1277955272%;
    aspect-ratio: 126/62;
  }
  .product_box .section-function-03 .text-gradation {
    display: inline-block;
  }
  .product_box .section-function-04 {
    padding-top: 4.8469387755%;
  }
  .product_box .section-function-04 .image {
    margin: 3.3163265306% auto 0 auto;
    width: 62.4489795918%;
  }
  .product_box .section-function-05 {
    padding-top: 9.4387755102%;
    text-align: center;
    background: url(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/bg_sec05_7e04cc7f9a3a14a0.png?fmt=png-alpha&scl=1) #f3f6f6 0 0 no-repeat;
    background-size: 100% auto;
    overflow: hidden;
  }
  .product_box .section-function-05 h3 {
    background-image: url(/content/dam/au-com/extlib/ipad/product/ipad-air-m4/images/2603/bg_sec05_h3_54dc31ca8744d223.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: text;
    color: transparent;
    display: inline-block;
  }
  .product_box .section-function-05 .image {
    margin: 3.4183673469% auto 0 auto;
    width: 52.2959183673%;
  }
  .product_box .section-function-06 {
    padding: 4.0816326531% 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .product_box .section-function-06 .image {
    width: 50%;
    text-align: right;
  }
  .product_box .section-function-06 .image img {
    width: 91.7346938776%;
  }
  .product_box .section-function-06 .text {
    width: 50%;
  }
  .product_box .section-function-07 {
    padding: 8.0102040816% 0;
    display: flex;
    align-items: center;
  }
  .product_box .section-function-07 .image {
    width: 50%;
  }
  .product_box .section-function-07 .image img {
    margin-left: 2.5510204082%;
    width: 86.8367346939%;
  }
  .product_box .section-function-07 .text {
    width: 50%;
  }
  .product_box .section-function-08 {
    overflow: hidden;
  }
  .product_box .section-function-08 .text {
    width: 100%;
    margin-top: 10.4166666667%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .product_box .section-function-09 .image {
    margin: 0 0 3.8541666667% 20.8333333333%;
    width: 50%;
  }
  .product_box .section-function-10 {
    padding: 4.9489795918% 0;
  }
  .product_box .section-function-10 .image {
    margin: 0 auto 4.3367346939% auto;
    width: 55.9183673469%;
  }
  .product_box .grid-function {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2.0408163265cqw;
  }
  .product_box .grid-function .grid-full {
    grid-column: span 6;
  }
  .product_box .grid-function .grid-medium {
    grid-column: span 4;
  }
  .product_box .grid-function .grid-harf {
    grid-column: span 3;
  }
  .product_box .grid-function .grid-small {
    grid-column: span 2;
  }
  .product_box .section-reason-wrap {
    padding: 4.911131899% 4.1627689429% 4.911131899% 4.1627689429%;
    background: linear-gradient(180deg, #f3f6f6 0%, #fff 90%);
  }
  .product_box .section-reason {
    padding: 6.1224489796% 0 6.1224489796% 4.5918367347%;
    border-radius: 20px;
  }
  .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: 8.5653104925%;
    font-size: 87.5%;
  }
  .product_box .section-reason .textS {
    font-size: 87.5%;
    line-height: 1.6;
  }
  .product_box .section-reason .list-reason {
    margin: 4.2134831461% 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 {
    padding: 4.911131899% 4.1627689429% 0.0467726848% 4.1627689429%;
  }
  .product_box .section-option h3 {
    margin-bottom: 0.6em;
    font-size: 200%;
    line-height: 1.3;
  }
  .product_box .section-option h3 .logo {
    margin-bottom: 0.5em;
    font-size: 52.5%;
    display: block;
  }
  .product_box .section-option .textS {
    font-size: 87.5%;
    line-height: 1.5;
  }
  .product_box .section-option .text-link {
    margin-top: 1em;
  }
  .product_box .section-option > section {
    margin-bottom: 2.0408163265%;
    border-radius: 20px;
    display: flex;
  }
  .product_box .section-option > section .item-text {
    padding-left: 4.8469387755%;
    width: 50%;
  }
  .product_box .section-option > section .item-image {
    margin: auto 0 0 0;
    width: 50%;
  }
  .product_box .section-option .section-applecare .item-text {
    padding-top: 6.6836734694%;
  }
  .product_box .section-option .section-applecare .item-text .logo {
    margin-bottom: 0;
    width: 13.4693877551%;
    display: block;
  }
  .product_box .section-option .section-applecare .item-image {
    padding-top: 5.6632653061%;
  }
  .product_box .section-option .section-applecare .item-image img {
    width: 85.7142857143%;
  }
  .product_box .section-option .section-applepensil .item-text {
    padding-top: 9.693877551%;
  }
  .product_box .section-option .section-applepensil .item-image {
    padding-top: 10.2040816327%;
  }
  .product_box .section-option .section-applepensil .item-image img {
    width: 89.693877551%;
  }
  .product_box .section-option .section-appletv {
    padding-top: 6.5816326531%;
    padding-bottom: 6.6836734694%;
  }
  .product_box .section-option .section-appletv .item-text .logo {
    margin-bottom: 0;
    width: 7.8571428571%;
    display: block;
  }
  .product_box .section-option .section-appletv .item-image img {
    width: 76.6326530612%;
  }
  .product_box .section-option .section-accessories {
    overflow: hidden;
  }
  .product_box .section-option .section-accessories .item-text {
    padding-top: 9.8469387755%;
    width: 39.2346938776%;
  }
  .product_box .section-option .section-accessories .item-image {
    padding-top: 3.2142857143%;
    margin: auto 0 0 0;
    width: 60.7653061224%;
  }
}
/* -------------------------------
 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-m4_2603_v03.css.map */