@charset "UTF-8";

@media screen and (max-width: 767px) {
  .product_box .sp-hidden {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .product_box .pc-hidden {
    display: none !important;
  }
}

@media screen and (min-width: 980px) {
  .product_box .pc-hidden {
    display: none !important;
  }
}

.product_box {
  font-size: 4.266666667vw;
  line-height: 1.6875;
  background: #f5f5f7;
}

@media screen and (min-width: 768px) {
  .product_box {
    font-size: 1.7173vw;
    line-height: 1.4849;
    max-width: 980px;
  }
}

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

.product_box .text-xs {
  font-size: 67.5%;
  line-height: 1.4815;
}

@media screen and (min-width: 768px) {
  .product_box .text-xs {
    font-size: 78.1947%;
    line-height: 1.375;
  }
}

.product_box .text-s {
  font-size: 78.75%;
  line-height: 1.5873;
}

@media screen and (min-width: 768px) {
  .product_box .text-s {
    font-size: 87.5576%;
    line-height: 1.345;
  }
}

.product_box .text-m {
  font-size: 100%;
  line-height: 1.528;
}

@media screen and (min-width: 768px) {
  .product_box .text-m {
    line-height: 1.4849;
  }
}

.product_box .text-l {
  font-size: 118.75%;
  line-height: 1.3158;
  letter-spacing: 0.009em;
}

@media screen and (min-width: 768px) {
  .product_box .text-l {
    font-size: 114.276%;
    line-height: 1.2546;
  }
}

.product_box .text-xl {
  font-size: 131.25%;
  line-height: 1.3333;
  letter-spacing: -0.12em;
}

@media screen and (min-width: 768px) {
  .product_box .text-xl {
    font-size: 204.8131%;
    line-height: 1.1;
    letter-spacing: 0;
  }
}

.product_box .text-xxl {
  font-size: 168.75%;
  line-height: 1.3333;
  letter-spacing: -0.003em;
}

@media screen and (min-width: 768px) {
  .product_box .text-xxl {
    font-size: 206.6575%;
    line-height: 1.2884;
  }
}

.product_box section {
  background: #fff;
}

.product_box section .text {
  padding: 0 0 0 10.13333vw;
}

@media screen and (min-width: 768px) {
  .product_box section .text {
    padding: 0 0 0 2.12243em;
  }
}

.product_box figure {
  margin: 0 auto;
  line-height: 0;
}

.product_box figure img {
  width: 100%;
  height: auto;
}

.product_box h3 {
  font-size: 118.75%;
  line-height: 1.3158;
  letter-spacing: 0.009em;
  font-weight: bold;
  margin: 0 auto 2.4vw;
}

@media screen and (min-width: 768px) {
  .product_box h3 {
    font-size: 114.276%;
    line-height: 1.2546;
  }
}

@media screen and (min-width: 768px) {
  .product_box h3 {
    margin: 0 auto 0.61439em;
  }
}

.product_box h4 {
  font-size: 168.75%;
  line-height: 1.3333;
  letter-spacing: -0.003em;
  font-weight: bold;
  margin: 0 auto 6.4vw;
}

@media screen and (min-width: 768px) {
  .product_box h4 {
    font-size: 206.6575%;
    line-height: 1.2884;
  }
}

@media screen and (min-width: 768px) {
  .product_box h4 {
    margin: 0 auto 0.7em;
  }
}

.product_box h5 {
  font-weight: bold;
  margin: 0 auto;
}

.product_box .buynow {
  display: inline-block;
  padding: 0 1em;
  border: solid 1px;
  border-radius: 9999px;
  background: #000;
  background-clip: padding-box;
  color: #f5f5f7;
  font-size: 100%;
  line-height: 1.528;
  line-height: 2.45em;
}

@media screen and (min-width: 768px) {
  .product_box .buynow {
    line-height: 1.4849;
  }
}

.product_box .buynow::after {
  display: none;
}

@media screen and (min-width: 768px) {
  .product_box .buynow {
    font-size: 100%;
    line-height: 2.35;
  }
}

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

.product_box .arrow-link {
  display: inline-block;
}

.product_box .arrow-link::after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-style: solid;
  border-width: 2px 2px 0px 0px;
  background: transparent;
  transform: rotate(45deg);
  margin: 0 0 2px 2px;
}

.product_box .check-marker {
  display: inline-block;
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.product_box .check-marker::before {
  content: "";
  display: inline-block;
  width: 0.6em;
  height: 1em;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #d1112b;
  margin: 0 0.7em 0 0.2em;
  transform: scaleX(0.685) rotate(45deg);
}

.product_box .function-block {
  display: flex;
  align-items: center;
  margin-top: 6.66667vw;
  font-size: 78.75%;
  line-height: 1.5873;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .product_box .function-block {
    font-size: 87.5576%;
    line-height: 1.345;
  }
}

.product_box .function-block .function-icon {
  flex-shrink: 0;
  width: 21.5%;
  height: auto;
  padding-right: 6%;
}

.product_box .function-block strong {
  color: #96ffdc;
}

@media screen and (min-width: 768px) {
  .product_box .function-block {
    margin-top: 0.8378em;
  }
}

.product_box #section-intro {
  height: 170.66667vw;
  text-align: center;
  padding: 16.8vw 0 0;
  position: relative;
  background: #fbfbfd;
}

@media (min-width: 768px) {
  .product_box #section-intro {
    padding: 5.13852em 0 0;
    height: 56.8588em;
  }
}

.product_box #section-intro .logo {
  width: 26%;
  margin: 0 auto 5vw;
}

@media (min-width: 768px) {
  .product_box #section-intro .logo {
    width: 21.3265306122449%;
    margin: 0 auto 1.6756em;
  }
}

.product_box #section-intro h2 {
  color: #1d1d1f;
  font-size: 158%;
  line-height: 1.4;
  margin: 0 0 5.33333vw 1em;
  padding: 0 0 0;
}

@media (min-width: 768px) {
  .product_box #section-intro h2 {
    font-size: 3.35121em;
    margin: 0 0 0.5em 1em;
  }
}

.product_box #section-intro .lead-text {
  margin: 0 0 10.66667vw;
}

@media (min-width: 768px) {
  .product_box #section-intro .lead-text {
    font-size: 114.276%;
    line-height: 1.434;
    margin: 0 0 2em;
  }
}

.product_box #section-intro .visual {
  position: absolute;
  bottom: 0;
}
@media (min-width: 768px) {
  .product_box #section-intro .visual {
    padding: 0 5.585344057193923em;
  }
}

.product_box #section-design {
  background: #f5f5f7;
  padding: 11.46667vw 0 13.33333vw;
}

@media (min-width: 768px) {
  .product_box #section-design {
    padding: 3.07194em 0 2.79267em;
  }
}

.product_box #section-design .text {
  margin: 0 0 11.2vw;
}

@media (min-width: 768px) {
  .product_box #section-design .text {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.89366em;
  }
  .product_box #section-design .text p {
    margin: 3.12779em 2.28999em 0 0;
  }
}

.product_box #section-design .heading {
  color: #34283c;
}

.product_box #section-cinematic {
  background: #2d2e39;
  color: #f5f5f7;
  padding: 11.2vw 0 0;
}

.product_box #section-cinematic .text {
  margin: 0 0 10.66667vw;
}

@media (min-width: 768px) {
  .product_box #section-cinematic {
    padding: 5.58534em 0 0;
  }
  .product_box #section-cinematic > .inner {
    display: flex;
  }
  .product_box #section-cinematic .text {
    width: 50%;
    order: 2;
    padding: 0 0 0 4.0773em;
    margin: 0;
  }
  .product_box #section-cinematic figure {
    width: 50%;
    order: 1;
    padding: 0.55853em 0 0;
  }
}

.product_box #section-camera {
  background: #2d2e39;
  color: #f5f5f7;
  padding: 23.2vw 0 13.06667vw;
}

.product_box #section-camera .text {
  margin: 0 0 10.66667vw;
}

@media (min-width: 768px) {
  .product_box #section-camera {
    padding: 7.48436em 0 6.03217em;
  }
  .product_box #section-camera > .inner {
    display: flex;
  }
  .product_box #section-camera .text {
    width: 56.5%;
    padding-top: 10.05362em;
    margin: 0;
  }
  .product_box #section-camera figure {
    width: 43.5%;
  }
  .product_box #section-camera figure img {
    width: 90.7%;
  }
}

.product_box #section-storage {
  padding: 0 0 0;
  margin-top: -25.33333vw;
  min-height: 25.33333vw;
}

.product_box #section-storage .text {
  margin: 0;
  display: flex;
  justify-content: flex-start;
}

.product_box #section-storage .text p {
  font-size: 78.75%;
  line-height: 1.5873;
  font-weight: bold;
  flex-grow: 1;
  padding-left: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .product_box #section-storage .text p {
    font-size: 87.5576%;
    line-height: 1.345;
  }
}

@media (min-width: 768px) {
  .product_box #section-storage {
    background: transparent;
    padding-left: 50%;
    margin-top: -44.40349em;
    min-height: unset;
  }
  .product_box #section-storage .text {
    padding: 0 0 0 4.0773em;
  }
  .product_box #section-storage .text p {
    padding-left: 0.8378em;
  }
}

.product_box #section-battery {
  background: #f5f5f7;
  color: #0d3139;
  padding: 10.4vw 0 0;
}

.product_box #section-battery .text {
  margin: 0 0 13.33333vw;
}

.product_box #section-battery .text h3,
.product_box #section-battery .text h4,
.product_box #section-battery .text .function-block {
  color: #0d3139;
}

@media (min-width: 768px) {
  .product_box #section-battery {
    padding: 6.14388em 0 0;
  }
  .product_box #section-battery > .inner {
    display: flex;
  }
  .product_box #section-battery .text {
    width: 49.5%;
    margin: 0 0 2.90438em;
    padding-top: 0.8378em;
  }
  .product_box #section-battery figure {
    width: 50.5%;
  }
}

.product_box #section-chip {
  padding: 0;
  margin-top: -10.13333vw;
  color: #162238;
  background-color: #f5f5f7;
}

.product_box #section-chip .text {
  margin: 0 0 13.33333vw;
}

@media (min-width: 768px) {
  .product_box #section-chip {
    padding: 0 0 6.03217em;
    margin: -6.14388em 0 0;
    background-color: transparent;
    background-image: url(/content/dam/au-com/extlib/iphone/product/iphone-13/images/2109/pc/bg-11.png);
    background-repeat: no-repeat;
    background-position: 0% 2.06658em;
    background-size: 100% auto;
    position: relative;
  }
  .product_box #section-chip > .inner {
    display: flex;
  }
  .product_box #section-chip > .inner .text {
    width: 50%;
    order: 2;
    padding: 0 0 0 3.35121em;
    margin: 0;
  }
  .product_box #section-chip > .inner figure {
    width: 50%;
    order: 1;
    padding: 2.06658em 0 0 0;
    margin: 0;
  }
}

.product_box #section-5g {
  background: #0d3139;
  color: #f5f5f7;
  padding: 10.66667vw 0 0;
  margin-bottom: 8vw;
}

.product_box #section-5g .text {
  margin: 0 0 10.93333vw;
}

@media (min-width: 768px) {
  .product_box #section-5g {
    padding: 0 0 0;
    margin-bottom: 4.18901em;
  }
  .product_box #section-5g > .inner {
    display: flex;
  }
  .product_box #section-5g > .inner .text {
    padding: 10.05362em 0 0 3.2395em;
    width: 50%;
    order: 2;
  }
  .product_box #section-5g > .inner figure {
    padding: 0 0 0;
    width: 50%;
    order: 1;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .product_box #section-5g > .inner .text {
    padding: 10.05362em 0 0 2.84853em;
  }
}

.product_box #section-reason {
  padding: 10.66667vw 0 5.06667vw;
  margin-bottom: 2.66667vw;
}

.product_box #section-reason .text {
  margin: 0 0 11.2vw;
}

.product_box #section-reason .reason-block {
  width: 75.73333vw;
  margin: 0 auto 0;
  display: flex;
  flex-wrap: wrap;
}

.product_box #section-reason .reason-item {
  width: 50%;
  margin: 0 0 6.66667vw;
}

.product_box #section-reason .reason-item p {
  font-size: 78.75%;
  line-height: 1.5873;
  color: #6e6e73;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .product_box #section-reason .reason-item p {
    font-size: 87.5576%;
    line-height: 1.345;
  }
}

.product_box #section-reason .reason-item p strong {
  color: #1d1d1f;
}

.product_box #section-reason .reason-item figure {
  margin: 0 0 18px;
}

.product_box #section-reason .reason-item figure img {
  height: 8.53333vw;
  width: auto;
}

@media (min-width: 768px) {
  .product_box #section-reason {
    padding: 2.79267em 0 3.35121em 0;
    margin: 0 0 0.55853em;
  }
  .product_box #section-reason .text {
    margin: 0 0 2.56926em;
  }
  .product_box #section-reason .text h3 {
    font-size: 92%;
    margin-bottom: 1em;
  }
  .product_box #section-reason .text h4 {
    font-size: 160%;
  }
  .product_box #section-reason .reason-block {
    width: 92%;
  }
  .product_box #section-reason .reason-block .reason-item {
    margin: 0;
    width: 25%;
  }
  .product_box #section-reason .reason-block .reason-item figure img {
    height: 1.84316em;
  }
  .product_box #section-reason .reason-block .reason-item p {
    font-size: 77%;
    line-height: 1.6667;
  }
}

.product_box #section-compare {
  padding: 10.66667vw 0 0;
  margin: 0 0 2.66667vw;
}

.product_box #section-compare .compare-block {
  padding: 0.8vw 0 0;
  margin: 0 9.6vw 0;
  display: flex;
  flex-wrap: wrap;
}

.product_box #section-compare .compare-item {
  width: 50%;
  text-align: center;
  margin: 0 0 10.66667vw;
}

@media screen and (max-width: 767px) {
  .product_box #section-compare .compare-item.iph13pm,
  .product_box #section-compare .compare-item.iph13m,
  .product_box #section-compare .compare-item.iphse {
    display: none;
  }
}

.product_box #section-compare .compare-item h5 {
  font-size: 70%;
  border-bottom: solid 1px #d2d2d7;
  padding: 0 0 2.13333vw;
  margin: 0 2.66667vw;
}

.product_box #section-compare .compare-item p {
  font-size: 63%;
  line-height: 1.4815;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .product_box #section-compare .compare-item p {
    font-size: 60%;
    line-height: 1.375;
  }
}

.product_box #section-compare .compare-item p em {
  font-style: normal;
  font-size: 200%;
}

.product_box #section-compare .compare-item p.display-size {
  margin: 0 0 0.3em;
}

.product_box #section-compare .compare-header {
  margin: 0 0 6.4vw;
}

.product_box #section-compare .compare-image figure {
  margin: 0 2.66667vw 4.8vw;
  padding: 0 0 5.86667vw;
  border-bottom: solid 1px #d2d2d7;
}

.product_box #section-compare .compare-image figure img {
  width: 81.4%;
}

.product_box #section-compare .compare-icon {
  width: 15.73333vw;
  margin: 0 0 2.66667vw;
}

@media (min-width: 768px) {
  .product_box #section-compare {
    padding: 2.79267em 0 0.94951em 0;
    margin: 0 0 0.55853em;
  }
  .product_box #section-compare .text {
    margin: 0 0 2.56926em;
  }
  .product_box #section-compare .text h3 {
    font-size: 92%;
    margin-bottom: 1em;
  }
  .product_box #section-compare .text h4 {
    font-size: 160%;
  }
  .product_box #section-compare .compare-block {
    width: 51.72028596961573em;
    margin: 0 auto 0;
  }
  .product_box #section-compare .compare-item {
    margin: 0 0 2.34584em;
    width: 20%;
  }
  .product_box #section-compare .compare-item h5 {
    font-size: 80%;
    line-height: 1;
    margin: 0 8.3%;
    padding-bottom: 0.5em;
  }
  .product_box #section-compare .compare-item p.display-size {
    font-size: 67.02412868632708%;
    margin: 0 0 0.3em;
  }
  .product_box #section-compare .compare-header {
    margin: 0 0 2.12243em;
  }
  .product_box #section-compare .compare-header.iphse .logo {
    width: 8.6%;
    display: inline-block;
  }
  .product_box #section-compare .compare-header.iphse .logo img {
    vertical-align: baseline;
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }


  .product_box #section-compare .compare-image {
    margin: 0 0 3.57462em;
  }
  .product_box #section-compare .compare-image figure {
    margin: 0 8% 1.50804em;
    padding: 0 0 1.50804em;
  }
  .product_box #section-compare .compare-image figure img {
    width: 97.33333333333333%;
  }
  .product_box #section-compare .compare-icon {
    width: 28%;
    height: auto;
    margin: 0 0 1.11707em;
  }
  .product_box #section-compare .compare-icon-none {
    width: 28%;
    padding: 7.2% 0;
    margin: 0 auto 1.11707em auto;
  }
}

.product_box #section-megasafe {
  padding: 10.66667vw 0 0;
  margin: 0 0 2.66667vw;
}

.product_box #section-megasafe .text {
  margin: 0 0 10.66667vw;
}

.product_box #section-megasafe .text p {
  margin: 0 0 4.26667vw;
}

@media (max-width: 767px) {
  .product_box #section-megasafe .text {
    padding: 0 0 0 8.8vw;
  }
  .product_box #section-megasafe .text h4 {
    letter-spacing: -0.03em;
  }
}

@media (min-width: 768px) {
  .product_box #section-megasafe {
    padding: 2.23414em 0 0;
    margin: 0 0 0.55853em;
  }
  .product_box #section-megasafe > .inner {
    display: flex;
  }
  .product_box #section-megasafe .text {
    width: 50%;
    margin: 0;
  }
  .product_box #section-megasafe .text h3 {
    font-size: 92%;
    margin-bottom: 1em;
  }
  .product_box #section-megasafe .text h4 {
    font-size: 160%;
  }
  .product_box #section-megasafe .text p {
    font-size: 75.4021%;
    line-height: 1.7;
    margin: 0 0 1.5em;
  }
  .product_box #section-megasafe .image {
    width: 50%;
    padding-right: 5%;
  }
}

.product_box #section-airtag {
  margin: 0 0 2.66667vw;
  padding: 11.73333vw 0 0;
}

.product_box #section-airtag .service-logo {
  margin: 0 0 2.66667vw;
}

.product_box #section-airtag .service-logo img {
  width: 19.73333vw;
  height: auto;
}

.product_box #section-airtag .text {
  margin: 0 0 10.66667vw;
}

.product_box #section-airtag .text p {
  margin: 0 0 4.26667vw;
}

@media (max-width: 767px) {
  .product_box #section-airtag .text {
    padding: 0 0 0 8.8vw;
  }
}

@media (min-width: 768px) {
  .product_box #section-airtag {
    padding: 0;
    margin: 0 0 0.55853em;
  }
  .product_box #section-airtag > .inner {
    display: flex;
  }
  .product_box #section-airtag .text {
    width: 50.6%;
    margin: 0;
    padding-top: 3.96559em;
  }
  .product_box #section-airtag .text h3 {
    font-size: 92%;
    margin-bottom: 1em;
  }
  .product_box #section-airtag .text h4 {
    font-size: 160%;
  }
  .product_box #section-airtag .text p {
    font-size: 75.4021%;
    line-height: 1.7;
    margin: 0 0 1.5em;
  }
  .product_box #section-airtag .text .service-logo {
    margin: 0 0 0.78195em;
  }
  .product_box #section-airtag .text .service-logo img {
    width: 3.79803em;
  }
  .product_box #section-airtag .image {
    width: 49.4%;
  }
}

.product_box #section-applecare {
  padding: 11.73333vw 0 12.8vw;
}

.product_box #section-applecare .service-logo {
  margin: 0 0 2.66667vw;
}

.product_box #section-applecare .service-logo img {
  width: 30.66667vw;
  height: auto;
}

.product_box #section-applecare .text {
  margin: 0 0 10.66667vw;
}

.product_box #section-applecare .text p {
  margin: 0 0 4.26667vw;
}

@media (max-width: 767px) {
  .product_box #section-applecare .text {
    padding: 0 0 0 8.8vw;
  }
  .product_box #section-applecare .text h4 {
    letter-spacing: -0.03em;
  }
}

@media (min-width: 768px) {
  .product_box #section-applecare {
    padding: 2.01072em 0 0;
    margin: 0;
  }
  .product_box #section-applecare > .inner {
    display: flex;
  }
  .product_box #section-applecare .text {
    width: 50%;
    margin: 0 0 2.56926em;
    padding-top: 1.61975em;
  }
  .product_box #section-applecare .text h3 {
    font-size: 92%;
    margin-bottom: 1em;
  }
  .product_box #section-applecare .text h4 {
    font-size: 160%;
  }
  .product_box #section-applecare .text p {
    font-size: 75.4021%;
    line-height: 1.7;
    margin: 0 0 1.5em;
  }
  .product_box #section-applecare .text .service-logo {
    margin: 0 0 0.78195em;
  }
  .product_box #section-applecare .text .service-logo img {
    width: 5.7529em;
  }
  .product_box #section-applecare .image {
    padding: 0 15.5% 0 10.5%;
    width: 50%;
  }
}

/*---------------------------------
 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%;
  }
}