.product_box {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}

.product_box h1, .product_box h2, .product_box h3, .product_box h4, .product_box ul, .product_box ul li {
  margin: 0;
  padding: 0;
  color: #1d1d1f;
}


.product_box img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  line-height: 0;
}

.product_box figure {
  margin: 0;
}

.product_box .badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.product_box .badge-line {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product_box .badge-line .badge-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.product_box .badge-value {
  display: inline-block;
  font-weight: bold;
}

.product_box .btn {
  display: inline-block;
  padding: 0 1.2em;
  border: solid 0.075em;
  border-radius: 1.625em;
  background-color: #161617;
  background-clip: padding-box;
  line-height: 2.45em;
  color: #fff;
  font-size: 130%;
}

.product_box .btn:hover {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .product_box .btn {
    font-size: calc(0.75rem + ((1vw - 7.68px) * 2.8302));
  }
}

@media screen and (min-width: 980px) {
  .product_box .btn {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .product_box .btn {
    font-size: calc(0.8125rem + ((1vw - 3.2px) * 3.8031));
  }
}

@media screen and (max-width: 320px) {
  .product_box .btn {
    font-size: 13px;
  }
}

.product_box .btn-area {
  text-align: center;
}

.product_box .colornav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 9%;
  padding-bottom: 10%;
  border-bottom: solid 2px #ededed;
}

.product_box .colornav-item {
  position: relative;
  padding: 0 1.3%;
}

.product_box .colornav-swatch {
  display: block;
  border-radius: 50%;
  width: 21px;
  height: 21px;
}

.product_box .colornav-swatch::after {
  position: absolute;
  content: '';
  display: block;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.product_box .colornav-swatch-green {
  background-color: #ccdfc9;
}

.product_box .colornav-swatch-pink {
  background-color: #e8d1cf;
}

.product_box .colornav-swatch-purple {
  background-color: #b9b8d1;
}

.product_box .colornav-swatch-rosegold {
  background-color: #ecc5c1;
}

.product_box .colornav-swatch-spacegray {
  background-color: #68696d;
}

.product_box .colornav-swatch-silver {
  background-color: #e2e3e4;
}

.product_box .colornav-swatch-skyblue {
  background-color: #cee3f6;
}

.product_box .colornav-swatch-starlight {
  background-color: #e3dcd1;
}

.product_box .section-visual {
  width: 100%;
}

.product_box .text-link {
  margin-top: 1em;
}

.product_box .text-link a {
  text-decoration: none;
}

.product_box .text-link a:hover {
  text-decoration: underline;
}

.hidden-sp {
  width: 100%;
  font-size: 90%;
}

.hidden-sp .badge-line .badge-content .badge-icon {
  -ms-flex-preferred-size: 13%;
      flex-basis: 13%;
}

.hidden-sp .badge-line .badge-content .badge-value {
  -ms-flex-preferred-size: 87%;
      flex-basis: 87%;
}

.hidden-sp .badge-value {
  line-height: 1.5;
}

.hidden-sp .badge-display {
  -ms-flex-preferred-size: 36%;
      flex-basis: 36%;
}

.hidden-sp .badge-display .badge-icon img {
  width: 73.43%;
}

.hidden-sp .badge-touch-id {
  -ms-flex-preferred-size: 64%;
      flex-basis: 64%;
}

.hidden-sp .badge-touch-id .badge-icon img {
  width: 19.523%;
}

.hidden-sp .badge-5g {
  -ms-flex-preferred-size: 36%;
      flex-basis: 36%;
}

.hidden-sp .badge-5g .badge-icon img {
  width: 39.3%;
}

.hidden-sp .badge-usb-c {
  -ms-flex-preferred-size: 64%;
      flex-basis: 64%;
}

.hidden-sp .badge-usb-c .badge-icon img {
  width: 22.103%;
}

.hidden-sp .badge-front-camera .badge-icon img {
  width: 69%;
  max-width: 41px;
}

.hidden-sp .badge-front-camera .badge-value img {
  width: 42.18%;
  max-width: 151px;
}

.hidden-sp .badge-back-camera {
  margin-top: 7%;
}

.hidden-sp .badge-back-camera .badge-icon img {
  width: 69%;
  max-width: 36px;
}

.hidden-sp .badge-back-camera .badge-value img {
  width: 42.18%;
  max-width: 151px;
}

.hidden-sp .text-copy {
  font-size: 140%;
  line-height: 1.5;
}

.hidden-sp .text-link a {
  font-size: 120%;
}

.hidden-sp .text-link a::after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/content/dam/au-com/extlib/ipad/product/ipad-mini/images/2109/cmn_icon-arrow_right.jpg) no-repeat right center;
  background-size: contain;
  vertical-align: middle;
}

.hidden-sp .list-checked li {
  margin-top: 0.7%;
  padding-left: 1.3em;
  background: url(/content/dam/au-com/extlib/ipad/product/ipad-mini/images/2109/sec11_icon-check.jpg) no-repeat left center;
  background-size: 2.3% auto;
  font-size: 120%;
}

.hidden-sp .section-content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
}

.hidden-sp .section-content-row.align-image-right .col-text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.hidden-sp .section-content-row.align-image-right .col-image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.hidden-sp .section-content-row.align-image-left .col-image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.hidden-sp .section-content-row.align-image-left .col-text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.hidden-sp .section-hero {
  padding-top: 7.5%;
  padding-bottom: 19.5%;
  background-color: #f5f5f7;
}

.hidden-sp .section-hero h1 {
  margin-bottom: 4.9%;
  text-align: center;
}

.hidden-sp .section-hero h1 img {
  width: 19.270346%;
}

.hidden-sp .section-hero h2 {
  padding-left: 0.2%;
  text-align: center;
}

.hidden-sp .section-hero h2 img {
  width: 38.914873%;
}

.hidden-sp .section-hero .col-text {
  margin-top: -9.4%;
}

.hidden-sp .section-hero .btn-area {
  margin-top: 3.8em;
}

.hidden-sp .section-hero .text-copy {
  margin-top: 3.5%;
  padding-left: 1%;
  text-align: center;
  line-height: 1.55;
  font-size: 159%;
}

.hidden-sp .section-design {
  padding-bottom: 8.3%;
  background-color: #f5f5f7;
}

.hidden-sp .section-design h2 {
  margin-bottom: 3.5%;
  padding-left: 0.3%;
}

.hidden-sp .section-design h3 {
  margin-bottom: 6.9%;
  margin-left: -0.3%;
}

.hidden-sp .section-design h3 img {
  width: 72.687224%;
}

.hidden-sp .section-design .section-content-row .col-image-multiple-apps {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-preferred-size: 57.530402%;
      flex-basis: 57.530402%;
  padding-top: 0.1%;
}

.hidden-sp .section-design .section-content-row .col-text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-flex-preferred-size: calc(100% - 57.530402%);
      flex-basis: calc(100% - 57.530402%);
}

.hidden-sp .section-design .text-copy {
  margin-bottom: 10%;
  line-height: 1.65;
}

.hidden-sp .section-powerful {
  padding-top: 7.2%;
  background-color: #fbfbfd;
}

.hidden-sp .section-powerful h2 {
  margin-bottom: 2.5%;
  padding-left: 8.3%;
}

.hidden-sp .section-powerful h3 {
  margin-bottom: 6.5%;
  padding-left: 8%;
}

.hidden-sp .section-powerful h3 img {
  width: 66%;
}

.hidden-sp .section-powerful .section-content-row .col-text {
  -ms-flex-preferred-size: calc(100% - 49.953222%);
      flex-basis: calc(100% - 49.953222%);
  padding-top: 5.2%;
}

.hidden-sp .section-powerful .section-content-row .col-image {
  -ms-flex-preferred-size: 49.953222%;
      flex-basis: 49.953222%;
}

.hidden-sp .section-powerful .text-copy {
  padding-left: 8%;
}

.hidden-sp .section-download {
  padding-top: 7.2%;
  background-color: #f5f5f7;
}

.hidden-sp .section-download h2 {
  margin-bottom: 2.5%;
  padding-left: 0.3%;
  font-size: 160%;
}

.hidden-sp .section-download h3 {
  margin-bottom: 8%;
}

.hidden-sp .section-download h3 img {
  width: 60%;
}

.hidden-sp .section-download .section-content-row .col-text {
  -ms-flex-preferred-size: calc(100% - 57.4368%);
      flex-basis: calc(100% - 57.4368%);
  padding-top: 1%;
}

.hidden-sp .section-download .section-content-row .col-image {
  -ms-flex-preferred-size: 57.4368%;
      flex-basis: 57.4368%;
}

.hidden-sp .section-download .text-copy {
  margin-bottom: 12%;
}

.hidden-sp .section-camera {
  padding-top: 8.5%;
  padding-bottom: 9.3%;
  background-color: #fbfbfd;
}

.hidden-sp .section-camera h2 {
  margin-bottom: 3.1%;
  padding-left: 8.5%;
}

.hidden-sp .section-camera h3 {
  margin-bottom: 7%;
  padding-left: 8.4%;
}

.hidden-sp .section-camera h3 img {
  width: 54.05%;
}

.hidden-sp .section-camera .section-content-row .col-text {
  -ms-flex-preferred-size: calc(100% - 53.320860%);
      flex-basis: calc(100% - 53.320860%);
}

.hidden-sp .section-camera .section-content-row .col-image {
  -ms-flex-preferred-size: 53.320860%;
      flex-basis: 53.320860%;
  padding-top: 10.2%;
}

.hidden-sp .section-camera .text-copy {
  margin-bottom: 11.2%;
  padding-left: 8.7%;
}

.hidden-sp .section-camera .badge {
  padding-left: 9%;
}

.hidden-sp .section-essentials {
  padding-bottom: 3%;
  background-color: #f5f5f7;
}

.hidden-sp .section-essentials h2 {
  margin-bottom: 4.7%;
}

.hidden-sp .section-essentials h3 {
  margin-bottom: 8.5%;
}

.hidden-sp .section-essentials h3 img {
  width: 79.088471%;
}

.hidden-sp .section-essentials .section-content-row .col-text {
  -ms-flex-preferred-size: calc(100% - 65.107577%);
      flex-basis: calc(100% - 65.107577%);
  padding-top: 7.2%;
}

.hidden-sp .section-essentials .section-content-row .col-image {
  -ms-flex-preferred-size: 65.107577%;
      flex-basis: 65.107577%;
  padding-top: 9.7%;
}

.hidden-sp .section-essentials .image-accessories {
  margin-top: -0.5%;
}

.hidden-sp .section-essentials .text-copy {
  margin-right: -1em;
  letter-spacing: -0.03em;
  line-height: 1.6;
}

.hidden-sp .section-ipados {
  padding-top: 8.5%;
  padding-bottom: 3.7%;
  background-color: #fbfbfd;
}

.hidden-sp .section-ipados h2 {
  margin-bottom: 3.1%;
  padding-left: 8.5%;
  font-size: 160%;
}

.hidden-sp .section-ipados h3 {
  margin-bottom: 6.8%;
  padding-left: 8.5%;
}

.hidden-sp .section-ipados h3 img {
  width: 72.3%;
}

.hidden-sp .section-ipados .section-content-row .col-text {
  -ms-flex-preferred-size: calc(100% - 52.385406%);
      flex-basis: calc(100% - 52.385406%);
  padding-top: 0.2%;
}

.hidden-sp .section-ipados .section-content-row .col-image {
  -ms-flex-preferred-size: 52.385406%;
      flex-basis: 52.385406%;
  padding-top: 3.2%;
}

.hidden-sp .section-ipados .text-copy {
  padding-left: 8.3%;
}

.hidden-sp .section-footer {
  padding-top: 7.5%;
  background-color: #f5f5f7;
}

.hidden-sp .section-footer h2 {
  font-size: 145%;
  font-weight: bold;
}

.hidden-sp .section-footer h3 {
  font-size: 250%;
  font-weight: bold;
  line-height: 1.3;
}

.hidden-sp .section-footer .text-copy {
  font-size: 90%;
  line-height: 1.5;
}

.hidden-sp .section-footer .section {
  background-color: #fff;
}

.hidden-sp .section-footer .section-why-ipad {
  margin-bottom: 1%;
  padding-top: 5.7%;
  padding-right: 4%;
  padding-bottom: 5.3%;
  padding-left: 4%;
}

.hidden-sp .section-footer .section-why-ipad .section-content-row {
  width: 100%;
}

.hidden-sp .section-footer .section-why-ipad .section-content-row .col-text {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

.hidden-sp .section-footer .section-why-ipad .section-content-row figure {
  width: 19%;
  margin-bottom: 5%;
}

.hidden-sp .section-footer .section-why-ipad h2 {
  margin-bottom: 1%;
}

.hidden-sp .section-footer .section-why-ipad h3 {
  margin-bottom: 3.5%;
  margin-left: -0.2%;
}

.hidden-sp .section-footer .section-why-ipad h4 {
  margin-bottom: 0.3%;
  font-size: 120%;
}

.hidden-sp .section-footer .section-why-ipad .text-copy {
  color: #86868b;
  font-size: 120%;
  line-height: 1.6;
}

.hidden-sp .section-footer .section-compare {
  margin-bottom: 1%;
  padding-top: 5.7%;
  padding-bottom: 5.5%;
}

.hidden-sp .section-footer .section-compare h2 {
  margin-bottom: 0.919%;
  padding-left: 4%;
}

.hidden-sp .section-footer .section-compare h3 {
  margin-bottom: 5.8%;
  padding-left: 4%;
}

.hidden-sp .section-footer .section-compare .rowgroup {
  padding: 0 4%;
}

.hidden-sp .section-footer .section-compare .compair-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}

.hidden-sp .section-footer .section-compare .compair-row .cell {
  -ms-flex-preferred-size: 31.5%;
      flex-basis: 31.5%;
}

.hidden-sp .section-footer .section-compare .section-button {
  margin-bottom: 3%;
}

.hidden-sp .section-footer .section-compare .section-summary .cell {
  padding: 2.5% 0;
}

.hidden-sp .section-footer .section-compare .badge-copy {
  display: block;
  font-size: 117%;
}

.hidden-sp .section-footer .section-compare .badge-value {
  display: block;
  margin-bottom: 3.54%;
}

.hidden-sp .section-footer .section-compare .badge-value.display-ipad, .hidden-sp .section-footer .section-compare .badge-value.display-ipad-air {
  height: 7.9em;
}

.hidden-sp .section-footer .section-compare .badge-value .num {
  font-size: 330%;
  line-height: 1.2;
}

.hidden-sp .section-footer .section-compare .badge-value .unit,
.hidden-sp .section-footer .section-compare .badge-value .note {
  display: inline-block;
  font-size: 1.1rem;
}

.hidden-sp .section-footer .section-compare .btn-area {
  margin-top: 10%;
}

.hidden-sp .section-footer .section-compare .gallery-image {
  padding-top: 13%;
  border-top: solid 2px #ededed;
  text-align: center;
}

.hidden-sp .section-footer .section-compare .gallery-image img {
  width: 71%;
}

.hidden-sp .section-footer .section-compare .icon-badge {
  text-align: center;
  font-weight: bold;
}

.hidden-sp .section-footer .section-compare .image-icon {
  display: block;
  margin: 0 auto 6.73%;
  line-height: 1;
}

.hidden-sp .section-footer .section-compare .image-icon.image-icon-chip-m1, .hidden-sp .section-footer .section-compare .image-icon.image-icon-chip-a14, .hidden-sp .section-footer .section-compare .image-icon.image-icon-chip-a15, .hidden-sp .section-footer .section-compare .image-icon.image-icon-camera-2018, .hidden-sp .section-footer .section-compare .image-icon.image-icon-camera-2020, .hidden-sp .section-footer .section-compare .image-icon.image-icon-air-camera-2020 {
  width: 22.6%;
}

.hidden-sp .section-footer .section-compare .image-icon.image-icon-camera {
  margin-top: -6%;
}

.hidden-sp .section-footer .section-compare .image-icon.image-icon-pencil {
  width: 25%;
  margin-top: -2.124%;
  margin-bottom: 6.02%;
}

.hidden-sp .section-footer .section-compare .image-icon.image-icon-5g, .hidden-sp .section-footer .section-compare .image-icon.image-icon-4g, .hidden-sp .section-footer .section-compare .image-icon.image-icon-magic-keyboard, .hidden-sp .section-footer .section-compare .image-icon.image-icon-bluetooth-keyboard {
  width: 31.3%;
}

.hidden-sp .section-footer .section-compare .ttl-compair {
  padding-bottom: 4%;
  text-align: center;
  font-size: 170%;
}

.hidden-sp .section-footer .section-footer-accessories {
  margin-bottom: 1%;
}

.hidden-sp .section-footer .section-footer-accessories .section-content-row .col-text {
  -ms-flex-preferred-size: calc(100% - 39.289055%);
      flex-basis: calc(100% - 39.289055%);
  padding-top: 6.2%;
}

.hidden-sp .section-footer .section-footer-accessories .section-content-row .col-image {
  -ms-flex-preferred-size: 39.289055%;
      flex-basis: 39.289055%;
}

.hidden-sp .section-footer .section-footer-accessories h2 {
  margin-bottom: 1.2%;
  padding-left: 6.5%;
}

.hidden-sp .section-footer .section-footer-accessories h3 {
  margin-bottom: 2.7%;
  padding-left: 6.3%;
}

.hidden-sp .section-footer .section-footer-accessories .text-copy {
  padding-left: 6.5%;
  font-size: 120%;
}

.hidden-sp .section-footer .section-footer-accessories .text-link {
  margin-top: 1em;
  padding-left: 6.5%;
}

.hidden-sp .section-footer .section-support .section-content-row .col-text {
  -ms-flex-preferred-size: calc(100% - 39.289055%);
      flex-basis: calc(100% - 39.289055%);
  padding-top: 5%;
}

.hidden-sp .section-footer .section-support .section-content-row .col-image {
  -ms-flex-preferred-size: 39.289055%;
      flex-basis: 39.289055%;
}

.hidden-sp .section-footer .section-support h2 {
  margin-bottom: 1.2%;
  padding-left: 6.5%;
}

.hidden-sp .section-footer .section-support h3 {
  margin-bottom: 2.7%;
  padding-left: 6.3%;
}

.hidden-sp .section-footer .section-support .list-checked,
.hidden-sp .section-footer .section-support .text-link {
  padding-left: 6.5%;
}

@media screen and (min-width: 768px) {
  .hidden-sp {
    font-size: 1.13vw;
  }
}

@media screen and (min-width: 980px) {
  .hidden-sp {
    max-width: 980px;
    font-size: 12px;
  }
}

.hidden-pc {
  width: 100%;
  font-size: 5.0666666666vw;
}

@media screen and (min-width: 415px) {
  .hidden-pc {
    font-size: 4.8vw;
  }
}

.hidden-pc h2 {
  font-size: 90%;
  font-weight: bold;
}

.hidden-pc .badge-line .badge-content {
  height: 1%;
}

.hidden-pc .badge-line .badge-content .badge-icon {
  -ms-flex-preferred-size: 16.5%;
      flex-basis: 16.5%;
}

.hidden-pc .badge-line .badge-content .badge-value {
  -ms-flex-preferred-size: 83.5%;
      flex-basis: 83.5%;
}

.hidden-pc .badge-value {
  font-size: 70%;
}

.hidden-pc .badge-display {
  -ms-flex-preferred-size: 43%;
      flex-basis: 43%;
}

.hidden-pc .badge-display .badge-icon img {
  width: 74.02%;
}

.hidden-pc .badge-touch-id {
  -ms-flex-preferred-size: 57%;
      flex-basis: 57%;
}

.hidden-pc .badge-touch-id .badge-icon img {
  width: 55.83%;
}

.hidden-pc .badge-5g {
  -ms-flex-preferred-size: 44%;
      flex-basis: 44%;
}

.hidden-pc .badge-5g .badge-icon img {
  width: 63.37%;
}

.hidden-pc .badge-usb-c {
  -ms-flex-preferred-size: 56%;
      flex-basis: 56%;
}

.hidden-pc .badge-usb-c .badge-icon img {
  width: 49.79%;
}

.hidden-pc .badge-front-camera .badge-icon img {
  width: 69%;
}

.hidden-pc .badge-front-camera .badge-value img {
  width: 59.65%;
}

.hidden-pc .badge-back-camera {
  margin-top: 10%;
}

.hidden-pc .badge-back-camera .badge-icon img {
  width: 69%;
}

.hidden-pc .badge-back-camera .badge-value img {
  width: 59.65%;
}

.hidden-pc .text-copy {
  margin-right: -1em;
  font-size: 89%;
  line-height: 1.65;
}

.hidden-pc .text-link a {
  font-size: 80%;
}

.hidden-pc .text-link a::after {
  content: '';
  display: inline-block;
  width: 0.658em;
  min-width: 10px;
  height: 1.053em;
  min-height: 18px;
  margin-left: 2px;
  background: url(/content/dam/au-com/extlib/ipad/product/ipad-mini/images/2109/sp/cmn_icon-arrow_right.jpg) no-repeat right top;
  background-size: contain;
  vertical-align: middle;
}

.hidden-pc .list-checked li {
  margin-top: 1%;
  padding-left: 1.5em;
  background: url(/content/dam/au-com/extlib/ipad/product/ipad-mini/images/2109/sp/sec11_icon-check.jpg) no-repeat left 0.2em;
  background-size: auto 1.15em;
  font-size: 80%;
  line-height: 1.5;
}

.hidden-pc .section-hero {
  padding-top: 13.2%;
  padding-bottom: 30%;
  background-color: #f5f5f7;
}

.hidden-pc .section-hero h1 {
  margin-bottom: 11.2%;
  text-align: center;
  line-height: 1;
}

.hidden-pc .section-hero h1 img {
  width: 31.733333%;
}

.hidden-pc .section-hero h2 {
  margin-bottom: 8%;
  text-align: center;
}

.hidden-pc .section-hero h2 img {
  width: 55.466666%;
}

.hidden-pc .section-hero .image-hero {
  margin-bottom: 8%;
}

.hidden-pc .section-hero .btn-area {
  margin-top: 3.8em;
}

.hidden-pc .section-hero .text-copy {
  margin-top: 2.8%;
  padding-left: 1%;
  text-align: center;
  line-height: 1.6;
}

.hidden-pc .section-design {
  padding-bottom: 10.5%;
  background-color: #f5f5f7;
}

.hidden-pc .section-design h2 {
  margin-bottom: 3.5%;
  padding-left: 12.6%;
}

.hidden-pc .section-design h3 {
  margin-bottom: 10%;
  padding-left: 12%;
}

.hidden-pc .section-design h3 img {
  width: 66.966666%;
}

.hidden-pc .section-design .text-copy {
  margin-top: -2.5%;
  margin-bottom: 8%;
  padding-left: 12%;
  line-height: 1.65;
}

.hidden-pc .section-design .badge {
  padding-left: 12%;
}

.hidden-pc .section-powerful {
  padding-top: 14%;
  background-color: #fbfbfd;
}

.hidden-pc .section-powerful h2 {
  margin-bottom: 2.7%;
  padding-left: 12%;
}

.hidden-pc .section-powerful h3 {
  margin-bottom: 8%;
  padding-left: 12%;
}

.hidden-pc .section-powerful h3 img {
  width: 66.060606%;
}

.hidden-pc .section-powerful .text-copy {
  margin-bottom: 13.4%;
  padding-left: 12%;
}

.hidden-pc .section-download {
  padding-top: 12.5%;
  background-color: #f5f5f7;
}

.hidden-pc .section-download h2 {
  margin-bottom: 2.5%;
  padding-left: 12.5%;
  font-size: 95%;
}

.hidden-pc .section-download h3 {
  margin-bottom: 8%;
  padding-left: 12%;
}

.hidden-pc .section-download h3 img {
  width: 55.151515%;
}

.hidden-pc .section-download .text-copy {
  margin-bottom: 8.8%;
  padding-left: 12%;
  letter-spacing: -0.05em;
}

.hidden-pc .section-download .badge {
  margin-bottom: 8%;
  padding-left: 12%;
}

.hidden-pc .section-camera {
  padding-top: 12.7%;
  padding-bottom: 13%;
  background-color: #fbfbfd;
}

.hidden-pc .section-camera h2 {
  margin-bottom: 3.2%;
  padding-left: 12.2%;
}

.hidden-pc .section-camera h3 {
  margin-bottom: 8.7%;
  padding-left: 12.2%;
}

.hidden-pc .section-camera h3 img {
  width: 50.114%;
}

.hidden-pc .section-camera .section-visual {
  margin-bottom: 4%;
}

.hidden-pc .section-camera .text-copy {
  margin-bottom: 8.2%;
  padding-left: 12%;
}

.hidden-pc .section-camera .badge {
  padding-left: 12.7%;
}

.hidden-pc .section-essentials {
  padding-top: 13.7%;
  background-color: #f5f5f7;
}

.hidden-pc .section-essentials h2 {
  margin-bottom: 3.1%;
  padding-left: 12.2%;
}

.hidden-pc .section-essentials h3 {
  margin-bottom: 7.5%;
  padding-left: 12.2%;
}

.hidden-pc .section-essentials h3 img {
  width: 77.45%;
}

.hidden-pc .section-essentials .text-copy {
  margin-bottom: 7.5%;
  padding-left: 12%;
  letter-spacing: -0.03em;
}

.hidden-pc .section-ipados {
  padding-top: 13.7%;
  padding-bottom: 10%;
  background-color: #fbfbfd;
}

.hidden-pc .section-ipados h2 {
  margin-bottom: 2.6%;
  padding-left: 12.2%;
}

.hidden-pc .section-ipados h3 {
  margin-bottom: 9%;
  padding-left: 12.2%;
}

.hidden-pc .section-ipados h3 img {
  width: 68.181818%;
}

.hidden-pc .section-ipados .text-copy {
  margin-top: -6%;
  padding-left: 12%;
}

.hidden-pc .section-footer {
  padding-top: 14%;
  background-color: #f5f5f7;
}

.hidden-pc .section-footer .section {
  background-color: #fff;
}

.hidden-pc .section-footer .section h2 {
  font-size: 90%;
  font-weight: bold;
}

.hidden-pc .section-footer .section h3 {
  font-size: 116%;
  font-weight: bold;
  line-height: 1.4;
}

.hidden-pc .section-footer .section .text-copy {
  font-size: 90%;
  line-height: 1.5;
}

.hidden-pc .section-footer .section-why-ipad {
  margin-bottom: 2.67%;
  padding-top: 11%;
  padding-bottom: 5.5%;
  padding-left: 12.534%;
}

.hidden-pc .section-footer .section-why-ipad h2 {
  margin-bottom: 2.5%;
}

.hidden-pc .section-footer .section-why-ipad h3 {
  margin-bottom: 2%;
  margin-left: -0.2%;
}

.hidden-pc .section-footer .section-why-ipad h4 {
  margin-bottom: 2%;
  font-size: 65%;
}

.hidden-pc .section-footer .section-why-ipad .section-content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  width: 89%;
}

.hidden-pc .section-footer .section-why-ipad .section-content-row figure {
  margin-bottom: 11%;
}

.hidden-pc .section-footer .section-why-ipad .section-content-row figure img {
  width: 30.84%;
}

.hidden-pc .section-footer .section-why-ipad .section-content-row .col-text {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding: 8% 0;
}

.hidden-pc .section-footer .section-why-ipad .text-copy {
  margin-right: -1em;
  color: #86868b;
  font-size: 65%;
  line-height: 1.65;
  letter-spacing: -0.03em;
}

.hidden-pc .section-footer .section-compare {
  margin-bottom: 2.67%;
  padding-top: 11.734%;
  padding-bottom: 5.3%;
}

.hidden-pc .section-footer .section-compare h2 {
  margin-bottom: 2.5%;
  padding-left: 12.5%;
  font-size: 86%;
}

.hidden-pc .section-footer .section-compare h3 {
  margin-bottom: 8.2%;
  padding-left: 12.5%;
  font-size: 123%;
}

.hidden-pc .section-footer .section-compare .compair-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0 12.55%;
}

.hidden-pc .section-footer .section-compare .compair-row .cell {
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
}

.hidden-pc .section-footer .section-compare .section-button {
  margin-top: 6%;
  margin-bottom: 6%;
}

.hidden-pc .section-footer .section-compare .section-summary .cell {
  padding: 6% 0;
}

.hidden-pc .section-footer .section-compare .colornav-items {
  padding-top: 15%;
  padding-bottom: 15%;
  border-bottom: solid 1px #d2d2d7;
}

.hidden-pc .section-footer .section-compare .colornav-item {
  padding: 0 3%;
}

.hidden-pc .section-footer .section-compare .colornav-swatch {
  width: 14px;
  height: 14px;
}

.hidden-pc .section-footer .section-compare .badge-value {
  display: block;
  margin-bottom: 3.54%;
}

.hidden-pc .section-footer .section-compare .badge-value .num {
  font-size: 220%;
  line-height: 1.2;
}

.hidden-pc .section-footer .section-compare .badge-value .unit,
.hidden-pc .section-footer .section-compare .badge-value .note {
  display: inline-block;
  font-size: 0.9rem;
}

.hidden-pc .section-footer .section-compare .badge-copy {
  display: block;
  margin: 0 -2em;
  font-size: 57%;
}

.hidden-pc .section-footer .section-compare .badge-copy.display-ipad-air, .hidden-pc .section-footer .section-compare .badge-copy.display-ipad-mini {
  letter-spacing: -0.02em;
  font-size: 52%;
}

.hidden-pc .section-footer .section-compare .gallery-image {
  padding-top: 29%;
  border-top: solid 1px #d2d2d7;
}

.hidden-pc .section-footer .section-compare .icon-badge {
  text-align: center;
  font-weight: bold;
}

.hidden-pc .section-footer .section-compare .image-icon {
  display: block;
  margin-bottom: 12%;
  line-height: 1;
}

.hidden-pc .section-footer .section-compare .image-icon img {
  width: 45.46%;
}

.hidden-pc .section-footer .section-compare .ttl-compair {
  margin-bottom: 8%;
  text-align: center;
  font-size: 65%;
}

.hidden-pc .section-footer .section-footer-accessories {
  margin-bottom: 2.67%;
  padding-top: 11.734%;
}

.hidden-pc .section-footer .section-footer-accessories h2 {
  margin-bottom: 3%;
  font-size: 81%;
}

.hidden-pc .section-footer .section-footer-accessories h3 {
  margin-bottom: 5%;
  font-size: 121%;
}

.hidden-pc .section-footer .section-footer-accessories .col-text {
  padding-left: 12.534%;
}

.hidden-pc .section-footer .section-footer-accessories .image-support {
  margin-top: 13.7%;
}

.hidden-pc .section-footer .section-footer-accessories .text-copy {
  font-size: 80%;
  line-height: 1.6;
}

.hidden-pc .section-footer .section-footer-accessories .text-link {
  margin-top: 1em;
}

.hidden-pc .section-footer .section-support {
  padding-top: 11.734%;
  padding-bottom: 12%;
}

.hidden-pc .section-footer .section-support h2 {
  margin-bottom: 2.5%;
}

.hidden-pc .section-footer .section-support h3 {
  margin-bottom: 5.5%;
}

.hidden-pc .section-footer .section-support .col-text {
  padding-left: 12.534%;
}

.hidden-pc .section-footer .section-support .image-support {
  margin-top: 14.2%;
}

/*---------------------------------
 product-main-footer
---------------------------------*/
.product-main-footer {
  color: #888;
  background: #f5f5f7;
  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%;
  }
}