@charset "UTF-8";
.product_box {
  /* ---- variables: SP ---- */
  --heading--xl: 6.18vw;
  --heading--m:  5.29vw;
  --heading--s:  4.12vw;
  --fs-hero:     8.24vw;
  --fs-text-l:   4.41vw;
  --fs-text-m:   5.88vw;
  --fs-text:     3.82vw;
  --fs-text-s:   2.94vw;
  --fs-text-ms:  2.65vw;
  --fs-button:   4.12vw;
  --fs-bold: 600;

  /* ---- colors ---- */
  /* 基準色（同じ色を複数の役割で使う場合はここを参照してまとめる） */
  --color-black:      #000000;
  --color-dark:       #161617;
  --color-white:      #ffffff;
  --color-whitesmoke: #f5f5f7;

  --color-text:            #1d1d1f;
  --color-text-whitesmoke: #f5f5f7;
  --color-text-gray:       #86868b;

  background: var(--color-white);
  color: var(--color-text);
}

/* ---- variables: PC ---- */
@media (min-width: 768px) {
  .product_box {
    --heading--xl: clamp(27px, calc(27px + 9 * ((100vw - 768px) / 212)), 36px);
    --heading--lg: clamp(24px, calc(24px + 8 * ((100vw - 768px) / 212)), 32px);
    --heading--m:  clamp(14px, calc(14px + 6 * ((100vw - 768px) / 212)), 20px);
    --heading--s:  clamp(12px, calc(12px + 5 * ((100vw - 768px) / 212)), 17px);
    --fs-hero:     clamp(60px, calc(60px + 10 * ((100vw - 768px) / 212)), 70px);
    --fs-text-l:   clamp(26px, calc(26px + 12 * ((100vw - 768px) / 212)), 38px);
    --fs-text-m:   clamp(13px, calc(13px + 4 * ((100vw - 768px) / 212)), 17px);
    --fs-text:     clamp(11px, calc(11px + 4 * ((100vw - 768px) / 212)), 15px);
    --fs-text-s:   clamp(11px, calc(11px + 3 * ((100vw - 768px) / 212)), 14px);
    --fs-text-ms:  clamp(8px, calc(8px + 2 * ((100vw - 768px) / 212)), 10px);
    --fs-button:   clamp(14px, calc(14px + 4 * ((100vw - 768px) / 212)), 18px);
    --fs-bold: 700;
  }
}

/* テキスト */
.product_box .text {
  font-size: var(--fs-text);
  line-height: 1.7;
}
@media (min-width: 768px) {
  .product_box .text {
    font-size: var(--fs-text-s);
  }
}
.product_box .feature__title {
  font-size: var(--fs-text);
  font-weight: var(--fs-bold);
}
.product_box .feature__lead {
  font-size: var(--fs-text-ms);
  color: var(--color-text-gray);
}
.product_box .feature__lead strong {
  color: var(--color-text-whitesmoke);
}
.product_box .feature-stats__caption {
  font-size: var(--fs-text-ms);
  font-weight: var(--fs-bold);
  color: var(--color-text-gray);
}
.product_box .feature-stats__caption strong {
  font-size: var(--fs-text-l);
  color: var(--color-white);
}
@media (min-width: 768px) {
  .product_box .feature-stats__caption strong {
    font-size: var(--fs-text);
  }
}
.product_box .heading__lead {
  font-size: var(--fs-text);
  font-weight: var(--fs-bold);
  color: var(--color-text-gray);
}
@media (min-width: 768px) {
  .product_box .heading__lead {
    font-size: var(--fs-text-m);
  }
}
.product_box .heading__lead strong {
  color: var(--color-text-whitesmoke);
}
.product_box .upgrade__caption {
  font-size: var(--fs-text-s);
  font-weight: var(--fs-bold);
  color: var(--color-text-gray);
  line-height: 1.4;
}
@media (min-width: 768px) {
  .product_box .upgrade__caption {
    font-size: var(--fs-text-m);  
    line-height: 1.3;
  }
}
.product_box .upgrade__caption strong {
  color: var(--color-text-whitesmoke);
}
.product_box .upgrade__caption .upgrade__caption--l {
  font-size: var(--fs-text-m);
  display: inline-block;
}
@media (min-width: 768px) {
  .product_box .upgrade__caption .upgrade__caption--l {
    margin: .3em 0;
    font-size: var(--fs-text-l);
    line-height: 1.2;
  }
}

/* ---- section bg ---- */
.product_box .section--dark {
  background: var(--color-dark);
  color: var(--color-text-whitesmoke);
}
.product_box .section--dark .panel {
  background: var(--color-black);
}
.product_box .section--light {
  background: var(--color-white);
  color: var(--color-text);
}
.product_box .section--light .panel {
  background: var(--color-whitesmoke);
}
.product_box .section--light-gray {
  background: var(--color-whitesmoke);
  color: var(--color-text);
}
.product_box .section--light-gray .panel {
  background: var(--color-white);
}

/* ---- layout helpers ---- */
.product_box h2, .product_box h3, .product_box h4, .product_box h5 {
  margin:0;
  font-feature-settings: "palt";
}
.product_box p {
  font-feature-settings: "palt";
}
.product_box ul {
  padding:0;
}
.product_box .section {
  padding: 0 6.89vw 5.01vw 6.89vw;
  text-align: center;
}
@media (min-width: 768px) {
  .product_box .section {
    padding: 0 clamp(30px, 3.91vw, 40px) clamp(13px, 1.76vw, 18px) clamp(30px, 3.91vw, 40px);
  }
}
.product_box .panel {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.product_box .panel-grid {
  display: grid;
  gap: 5.01vw;
}
@media (min-width: 768px) {
  .product_box .panel-grid {
    gap:clamp(13px, 1.76vw, 18px);
  }
}
.product_box .panel-grid--2 {
  grid-template-columns: repeat(1, 1fr);
}
.product_box .panel-grid--3 {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .product_box .panel-grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .product_box .panel-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.product_box .feature-stats {
  display: grid;
  gap: 5.64vw;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .product_box .feature-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
}

/* ---- image（画像プレースホルダー／picture要素どちらにも対応） ---- */
.product_box .image {
  width: 100%;
  display: block;
}
.product_box img {
  display: block;
  width: 100%;
  height: auto;
}

/* ---- link ---- */
.product_box .link {
  font-size: var(--fs-text);
}
@media (min-width: 768px) {
  .product_box .link {
    font-size: var(--fs-text-s);
  }
}
.product_box .link::after {
  content: "";
  display: inline-block;
}
.product_box .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);
}
.product_box .link--blank::after {
  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) 0 0 no-repeat;
  background-size: contain;
}

/* ---- button ---- */
.product_box .cta__button {
  display: inline-block;
  border: 1px solid var(--color-whitesmoke);
  border-radius: 999px;
  padding: .5em 1.2em;
  font-size: var(--fs-button);
  color: var(--color-text-whitesmoke);
  text-decoration: none;
}

/* ---- hero ---- */
.product_box .section-hero {
  background: var(--color-black);
  color: var(--color-text-whitesmoke);
  text-align: center;
}
.product_box .hero__title {
  font-size: var(--fs-hero);
  font-weight: var(--fs-bold);
}
.product_box .hero__title--eyebrow {
  display: block;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .product_box .section-hero {
    padding: 14.41vw 6.89vw 0 6.89vw;
  }
  .product_box .hero__title--eyebrow {
    margin: 0 auto 1.25vw auto;
    width: 32.59vw;
  }
  .product_box .section-hero .image {
    margin: 7.14vw 0 0 0;
  }
}

@media (min-width: 768px) {
  .product_box .section-hero {
    padding: clamp(108px, 14.07vw, 146px) 0 0 0;
  }
  .product_box .hero__title--eyebrow {
    width: clamp(137px, 17.85vw, 186px);
  }
  .product_box .section-hero .image {
    width: clamp(596px, 77.6vw, 809px);
    margin: clamp(40px, 5.28vw, 55px) auto 0 auto;
  }
}

/* ---- CTA ---- */
.product_box .section-cta {
  padding: 15.04vw 0;
  text-align: center;
}
@media (min-width: 768px) {
  .product_box .section-cta {
    padding: clamp(46px, 6.02vw, 62px) 0;
  }
}

/* ---- カメラ機能 ---- */
.product_box .section-camera .feature__title {
  width: 100%;
  position: absolute;

}
.product_box .section-camera .panel--camera-lends .feature__title {
  left: 0;
  bottom: 0;
}
.product_box .section-camera .panel--camera-portrait .feature__title {
  left: 0;
  top: 0;
}
@media (max-width: 767px) {
  .product_box .section-camera .panel--camera-lends .feature__title {
    padding-bottom: 11.28vw;
  }
  .product_box .section-camera .panel--camera-portrait .feature__title {
    padding-top: 10.03vw;
  }
}
@media (min-width: 768px) {
  .product_box .section-camera .panel--camera-lends .feature__title {
    padding-bottom: clamp(40px, 5.28vw, 55px);
  }
  .product_box .section-camera .panel--camera-portrait .feature__title {
    padding-top: clamp(33px, 4.4vw, 45px);
  }
}

/* ---- バッテリー訴求 ---- */
@media (max-width: 767px) {
  .product_box .section-battery .panel {
    padding-top: 10.4vw;
    padding-bottom: 8.77vw;
  }
  .product_box .section-battery .image {
    width: 70.06vw;
    margin: 9.53vw auto 12.41vw auto;
  }
}
@media (min-width: 768px) {
  .product_box .section-battery .panel {
    padding-top: clamp(32px, 4.18vw, 43px);
    padding-bottom: clamp(32px, 4.21vw, 41px);
  }
  .product_box .section-battery .image {
    width: clamp(529px, 68.9vw, 718px);
    margin: clamp(32px, 4.26vw, 44px) auto clamp(40px, 5.23vw, 54px) auto;
  }
  .product_box .section-battery .feature-stats {
    width: clamp(315px, 44.9vw, 440px);
    margin: 0 0 0 clamp(204px, 26.6vw, 277px);
    text-align: left;
  }
}

/* ---- 高速充電 ---- */
.product_box .section-charge .feature__title::before {
  content:"";
  display: block;
  background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/icon_charge_9e747b24e28f5e3b.jpg) 0 0 no-repeat;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .product_box .section-charge .panel {
    padding-top: 8.27vw;
  }
  .product_box .section-charge .image {
    width: 45.25vw;
    margin: 9.65vw auto 0 auto;
  }
  .product_box .section-charge .feature__title::before {
    margin: 0 auto 3.38vw auto;
    width: 4.76vw;
    height: 7.27vw;
  }
  .product_box .section-charge .feature-stats {
    margin:5.01vw 0 0 0;
    gap: 5.01vw;
  }
}
@media (min-width: 768px) {
  .product_box .section-charge .panel-media {
    display: flex;
    text-align: left;
  }
  .product_box .section-charge .image {
    width: clamp(259px, 33.81vw, 352px);
  }
  .product_box .section-charge .panel-media__content {
    flex-basis: 50%;
    padding-top: clamp(101px, 13.19vw, 137px);
    padding-left: clamp(106px, 13.85vw, 144px);
  }
  .product_box .section-charge .feature__title::before {
    margin: 0 0 clamp(11px, 1.54vw, 16px) 0;
    width: clamp(19px, 2.55vw, 26px);
    height: clamp(31px, 4.04vw, 42px);
  }
  .product_box .section-charge .feature-stats {
    margin: clamp(42px, 5.54vw, 57px) 0 0 0;
    gap: clamp(38px, 5.06vw, 52px);
    grid-template-columns: repeat(1, 1fr);
  }
}

/* ---- カラーバリエーション ---- */
@media (max-width: 767px) {
  .product_box .section-colors .panel {
    padding-top: 10.4vw;
  }
  .product_box .section-colors .image {
    margin: 12.53vw auto 10.03vw auto;
    width: 65.67vw;
  }
}
@media (min-width: 768px) {
  .product_box .section-colors .panel {
    padding-top: clamp(33px, 4.4vw, 45px);
  }
  .product_box .section-colors .image {
    margin: clamp(47px, 6.16vw, 64px) auto 0 auto;
    width: clamp(530px, 69.03vw, 719px);
  }
}

/* ---- チップ性能 ---- */
.product_box .section-chip .feature__title::before {
  content: "";
  display: block;

}
.product_box .section-chip .feature-stats {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .product_box .section-chip .panel {
    padding-top: 6.14vw;
  }
  .product_box .section-chip .image {
    margin: 9.65vw auto 0 auto;
    width: 100%;
  }
  .product_box .section-chip .feature__title::before {
    width: 29.58vw;
    height: 24.31vw;
    margin: 0 auto 2.26vw auto;
    background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/sp/icon_gaming-chip_6ef92f0652b2620d.jpg) 0 0 no-repeat;
    background-size: 100% auto;
  }
  .product_box .section-chip .feature-stats {
    margin: 0 0 9.78vw 0;
  }
}
@media (min-width: 768px) {
  .product_box .section-chip .panel {
    padding-top: clamp(20px, 2.64vw, 27px);
  }
  .product_box .section-chip .image {
    margin:clamp(24px, 3.17vw, 33px) auto 0 auto;
  }
  .product_box .section-chip .feature__title::before {
    width: clamp(76px, 9.94vw, 103px);
    height: clamp(76px, 9.94vw, 103px);
    margin: 0 auto clamp(5px, 0.66vw, 6px) auto;
    background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/icon_gaming-chip_8b428f397ca9bec9.jpg) 0 0 no-repeat;
    background-size: 100% auto;
  }
  .product_box .section-chip .feature-stats {
    width: clamp(280px, 36.49vw, 380px);
    margin: 0 0 clamp(28px, 3.69vw, 38px) clamp(227px, 29.63vw, 308px);
    text-align: left;
  }
}

/* ---- Siri AI ---- */
.product_box .section-siri .feature__title--bg {
  background-size: auto 80%;
  background-position: left bottom;
  background-clip: text;
  color: transparent;
}
@media (max-width: 767px) {
  .product_box .section-siri .panel {
    padding-top: 10.4vw;
  }
  .product_box .section-siri .feature__title {
    margin: 0 0 4.39vw 0;
  }
  .product_box .section-siri .feature__title--bg01 {
    background-image: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/sp/bg_title_siri_01_4462a646bcce1023.jpg);
  }
  .product_box .section-siri .feature__title--bg02 {
    background-image: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/sp/bg_title_siri_02_dce82bc705a85c98.jpg);
  }
  .product_box .section-siri .image {
    margin: 6.89vw auto 0 auto;
    width: 69.94vw;
  }
}
@media (min-width: 768px) {
  .product_box .section-siri .panel {
    padding-top: clamp(33px, 4.31vw, 44px);
  }
  .product_box .section-siri .feature__title {
    margin: 0 0 clamp(10px, 1.32vw, 13px) 0;
  }
  .product_box .section-siri .feature__title--bg01 {
    background-image: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/bg_title_siri_01_17bb8eb6be2eeba4.jpg);
  }
  .product_box .section-siri .feature__title--bg02 {
    background-image: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/bg_title_siri_02_f20c67123043d457.jpg);
  }
  .product_box .section-siri .image {
    margin: clamp(33px, 4.4vw, 45px) auto 0 auto;
    width: clamp(469px, 61.16vw, 637px);
  }
}

/* ---- Dynamic Island / Ceramic Shield：2カラム機能ペア ---- */
@media (max-width: 767px) {
  .product_box .section-durability .panel  {
    padding-top: 10.4vw;
  }
  .product_box .section-durability .panel .image  {
    margin: 9.02vw auto 0 auto;
    width: 65.67vw;
  }
}
@media (min-width: 768px) {
  .product_box .section-durability {
    padding-bottom: clamp(55px, 7.25vw, 75px);
  }
  .product_box .section-durability .panel {
    padding-top: clamp(32px, 4.18vw, 43px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .product_box .section-durability .panel-durability--di .image {
    margin: clamp(25px, 3.3vw, 34px) auto 0 auto;
    width: clamp(228px, 29.72vw, 309px);
  }
  .product_box .section-durability .panel-durability--cs .image {
    margin: clamp(29px, 3.87vw, 40px) auto 0 auto;
    width: clamp(202px, 26.38vw, 275px);
  }
}

/* ---- アップグレード ---- */
.product_box .section-upgrade .panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product_box .section-upgrade .icon-upgrade--battery::after {
  content: "";
  display: inline-block;
  background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/icon_battery_1423a96919694c91.jpg) 0 0 no-repeat;
  background-size: contain;
}
.product_box .section-upgrade .icon-upgrade--charge::before {
  content: "";
  display: block;
  background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/icon_charge_9e747b24e28f5e3b.jpg) 0 0 no-repeat;
  background-size: contain;
}
.product_box .section-upgrade .icon-upgrade--siri::before {
  content: "";
  display: block;
  background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/icon_upgrade-siri_7fbdbedafe037e96.jpg) 0 0 no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .product_box .section-upgrade {
    padding-top: 21.31vw;
    padding-bottom: 20.05vw;
  }
  .product_box .section-upgrade h3 {
    margin: 0 0 8.15vw 0;
    font-size: var(--heading--xl);
  }
  .product_box .section-upgrade .heading__lead {
    margin: 0 0 7.77vw 0;
  }
  .product_box .section-upgrade .panel-grid {
    gap: 3.13vw;
  }
  .product_box .section-upgrade .panel-upgrade--camera,
  .product_box .section-upgrade .panel-upgrade--selfie {
    padding-top: 6.27vw;
  }
  .product_box .section-upgrade .panel-upgrade--chip {
    padding-top: 6.14vw;
  }
  .product_box .section-upgrade .panel-upgrade--battery,
  .product_box .section-upgrade .panel-upgrade--charge,
  .product_box .section-upgrade .panel-upgrade--siri {
    padding-top: 8.77vw;
    padding-bottom: 8.77vw;
    justify-content: center;
  }
  .product_box .section-upgrade .upgrade__caption--l {
    padding: .3em 0;
  }
  .product_box .section-upgrade .panel-upgrade--camera .image {
    margin: 5.26vw 0 0 0;
    width: 19.18vw;
  }
  .product_box .section-upgrade .panel-upgrade--chip .image {
    width: 24.82vw;
  }
  .product_box .section-upgrade .panel-upgrade--selfie .image {
    margin: 6.02vw 0 0 0;
    width: 18.55vw;
  }
  .product_box .section-upgrade .icon-upgrade--battery::after {
    width: 7.27vw;
    height: 3.76vw;
  }
  .product_box .section-upgrade .icon-upgrade--charge::before {
    margin: 0 auto 1.75vw auto;
    width: 4.76vw;
    height: 7.27vw;
  }
  .product_box .section-upgrade .icon-upgrade--siri::before {
    margin: 0 auto 5.01vw auto;
    width: 10.65vw;
    height: 10.65vw;
  }
}
@media (min-width: 768px) {
  .product_box .section-upgrade {
    padding-top: clamp(54px, 7.03vw, 73px);
    padding-bottom: clamp(54px, 7.03vw, 73px);
    border-top: clamp(54px, 7.03vw, 73px) solid var(--color-black);
    border-bottom: clamp(54px, 7.03vw, 73px) solid var(--color-black);
  }
  .product_box .section-upgrade h3 {
    margin: 0 0 clamp(27px, 3.52vw, 36px) 0;
    font-size: var(--heading--xl);
  }
  .product_box .section-upgrade .heading__lead {
    margin: 0 0 clamp(27px, 3.52vw, 36px) 0;
  }
  .product_box .section-upgrade .panel-upgrade--camera,
  .product_box .section-upgrade .panel-upgrade--selfie {
    padding-top: clamp(28px, 3.65vw, 38px);
    justify-content: flex-end;
  }
  .product_box .section-upgrade .panel-upgrade--chip {
    padding-top: clamp(23px, 3.08vw, 32px);
    justify-content: start;
  }
  .product_box .section-upgrade .panel-upgrade--battery {
    padding: clamp(40px, 5.28vw, 55px) 0;
  }
  .product_box .section-upgrade .panel-upgrade--charge {
    padding: clamp(27px, 3.52vw, 36px) 0;
  }
  .product_box .section-upgrade .panel-upgrade--siri {
    padding: clamp(45px, 5.94vw, 61px) 0;
  }
  .product_box .section-upgrade .panel-upgrade--camera .image {
    margin: clamp(15px, 1.98vw, 20px) 0 0 0;
    width: clamp(98px, 12.84vw, 133px);
  }
  .product_box .section-upgrade .panel-upgrade--chip .image {
    width: clamp(101px, 13.19vw, 137px);
  }
  .product_box .section-upgrade .panel-upgrade--selfie .image {
    margin: clamp(16px, 2.2vw, 22px) 0 0 0;
    width: clamp(83px, 10.82vw, 112px);
  }
  .product_box .section-upgrade .icon-upgrade--battery::after {
    margin: 0 0 0 5px;
    width: clamp(42px, 5.54vw, 57px);
    height: clamp(20px, 2.73vw, 28px);
  }
  .product_box .section-upgrade .icon-upgrade--charge::before {
    margin: 0 auto .3em auto;
    width: clamp(27px, 3.52vw, 36px);
    height: clamp(43px, 5.67vw, 59px);
    display: block;
  }
  .product_box .section-upgrade .icon-upgrade--siri::before {
    margin: 0 auto clamp(15px, 1.98vw, 20px) auto;
    width: clamp(37px, 4.88vw, 50px);
    height: clamp(37px, 4.84vw, 50px);
  }
}

/* ---- 地球と、あなたと、みんなのために。 ---- */
.product_box .section-sustainability h3 {
  font-size: var(--heading--xl);
}
@media (min-width: 768px) {
  .product_box .section-sustainability h3 {
    font-size: var(--heading--lg);
  }
}
.product_box .section-sustainability h4 {
  font-size: var(--heading--m);
}
.product_box .section-sustainability .panel-privacy h4::before {
  background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/icon_privacy_97f8814326dcc742.jpg) 0 0 no-repeat;
  background-size: contain;
}
.product_box .section-sustainability .panel-recycling h4::before {
  background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/icon_recycling_5902e5c154edae36.jpg) 0 0 no-repeat;
  background-size: contain;
}
.product_box .section-sustainability .panel h4::before {
  content: "";
  display: block;
}
@media (max-width: 767px) {
  .product_box .section-sustainability {
    padding-top: 15.67vw;
    padding-bottom: 0;
      text-align: left;
  }
  .product_box .section-sustainability h3 {
    margin: 0 0 10.65vw 4.64vw;
  }
  .product_box .section-sustainability .panel {
    padding: 10.53vw 0 8.15vw 10.65vw;
  }
  .product_box .section-sustainability .panel h4 {
    margin: 0 0 .5em 0;
  }
  .product_box .section-sustainability .panel h4::before {
    margin: 0 0 3.13vw 0;
  }
  .product_box .section-sustainability .panel-privacy h4::before {
    width:8.02vw;
    height: 10.9vw;
  }
  .product_box .section-sustainability .panel-recycling h4::before {
    width: 10.03vw;
    height: 9.78vw;
  }
}
@media (min-width: 768px) {
  .product_box .section-sustainability {
    padding-top: clamp(69px, 9.01vw, 93px);
    padding-bottom: 0;
  }
  .product_box .section-sustainability h3 {
    margin: 0 0 clamp(38px, 5.06vw, 52px) 0;
  }
  .product_box .section-sustainability .panel {
    padding: clamp(24px, 3.21vw, 33px) 0 clamp(56px, 7.34vw, 76px);
    display: grid;
    gap: 0;
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
  .product_box .section-sustainability .panel-privacy h4::before {
    margin: 0 auto clamp(21px, 2.86vw, 29px) auto;
    width: clamp(21px, 2.81vw, 29px);
    height: clamp(29px, 3.83vw, 39px);
  }
  .product_box .section-sustainability .panel-recycling h4::before {
    margin: clamp(5px, 0.75vw, 7px) auto clamp(20px, 2.64vw, 27px) auto;
    width: clamp(27px, 3.52vw, 36px);
    height: clamp(26px, 3.43vw, 35px);
  }
}

/* ---- アップグレードは簡単。乗り換えも簡単です。 ---- */
.product_box .section-switch h3 {
  font-size: var(--heading--xl);
}
@media (min-width: 768px) {
  .product_box .section-switch h3 {
    font-size: var(--heading--lg);
  }
}
.product_box .section-switch h4 {
  font-size: var(--heading--m);
}
.product_box .section-switch .panel h4::before {
  content: "";
  display: block;
}
.product_box .section-switch .panel-migration h4::before {
  background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/icon_migration_d5e171d6c3550731.jpg) 0 0 no-repeat;
  background-size: contain;
}
.product_box .section-switch .panel-switch h4::before {
  background: url(/content/dam/au-com/extlib/iphone/product/iphone-18-pro/images/2609/icon_switch_b5f7942e13300e0f.jpg) 0 0 no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .product_box .section-switch {
    padding-top: 15.67vw;
    padding-bottom: 10.28vw;
    text-align: left;
  }
  .product_box .section-switch h3 {
    margin: 0 0 10.65vw 4.64vw;
  }
  .product_box .section-switch .panel {
    padding: 10.53vw 0 8.15vw 10.65vw;

  }
  .product_box .section-switch .panel h4{
    margin: 0 0 .5em 0;
  }
  .product_box .section-switch .panel h4::before {
    margin: 0 0 3.13vw 0;
  }
  .product_box .section-switch .panel-migration h4::before {
    width: 8.02vw;
    height: 11.53vw;
  }
  .product_box .section-switch .panel-switch h4::before {
    width: 11.78vw;
    height: 9.02vw;
  }
}
@media (min-width: 768px) {
  .product_box .section-switch {
    padding-top: clamp(69px, 9.01vw, 93px);
    padding-bottom: clamp(31px, 4.13vw, 43px);
  }
  .product_box .section-switch h3 {
    margin: 0 0 clamp(38px, 5.06vw, 52px) 0;
  }
  .product_box .section-switch .panel {
    padding: clamp(37px, 4.84vw, 50px) 0;
    display: grid;
    gap: 0;
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
  .product_box .section-switch .panel-migration h4::before {
    margin: 0 auto clamp(15px, 1.98vw, 20px) auto;
    width: clamp(21px, 2.81vw, 29px);
    height: clamp(31px, 4.04vw, 42px);
  }
  .product_box .section-switch .panel-switch h4::before {
    margin: clamp(4px, 0.62vw, 6px) auto clamp(16px, 2.2vw, 22px) auto;
    width: clamp(31px, 4.13vw, 43px);
    height: clamp(24px, 3.17vw, 33px);
  }
}

/* ---- さらなる魅力を。 ---- */
.product_box .section-more h3 {
  font-size: var(--heading--xl);
}
@media (min-width: 768px) {
  .product_box .section-more h3 {
    font-size: var(--heading--lg);
  }
}
.product_box .section-more h4 {
  font-size: var(--heading--s);
}
.product_box .section-more h5 {
  font-size: var(--heading--xl);
}
.product_box .section-more .link {
  margin: .8rem 0 0 0;
}
@media (max-width: 767px) {
  .product_box .section-more {
    padding-top: 18.8vw;
  }
  .product_box .section-more h3 {
    margin: 0 0 11.03vw 11.91vw;
  }
  .product_box .section-more h4 {
    margin-bottom: .25rem;
  }
  .product_box .section-more h5 {
    margin-bottom: .8rem;
  }
  .product_box .section-more .section {
    text-align: left;
  }
  .product_box .section-more .panel-media__content {
    padding: 9.65vw 0 0 10.65vw;
  }
  /* ---- iPhone アクセリ ---- */
  .product_box .section--accessory .image {
    margin: 11.28vw auto 0 auto;
    width: 64.92vw;
  }
  /* ---- Apple Music ---- */
  .product_box .section--applemusic h4 {
    width: 16.92vw;
  }
  .product_box .section--applemusic .image {
    margin: 8.52vw auto 10.03vw auto;
    width: 58.66vw;
  }
  /* ---- Apple One ---- */
  .product_box .section--appleone h4 {
    width: 12.53vw;
  }
  .product_box .section--appleone .image {
    margin: 8.52vw auto 10.03vw auto;
    width: 58.66vw;
  }
  /* ---- Apple Care ---- */
  .product_box .section--applecare h4 {
    width: 15.54vw;
  }
  .product_box .section--applecare .image {
    margin: 11.91vw auto 12.41vw auto;
    width: 54.65vw;
  }
  /* ---- Apple Watch ---- */
  .product_box .section--applewatch .image {
    margin: 11.66vw auto 11.66vw auto;
    width: 56.15vw;
  }
}
@media (min-width: 768px) {
  .product_box .section-more {
    padding-top: clamp(69px, 9.01vw, 93px);
    text-align: center;
  }
  .product_box .section-more h3 {
    margin: 0 0 clamp(42px, 5.5vw, 57px) 0;
  }
  .product_box .section-more h4 {
    margin-bottom: .25rem;
  }
  .product_box .section-more h5 {
    margin-bottom: .8rem;
  }
  .product_box .section-more .panel-media {
    padding: clamp(32px, 4.26vw, 44px) 0;
    display: flex;
    text-align: left;
    align-items: center;
  }
  .product_box .section-more .panel-media__content {
    flex-basis: 58.6734693878%;
    padding-left: clamp(27px, 3.61vw, 37px);
  }
  /* ---- iPhone アクセリ ---- */
  .product_box .section--accessory .panel-media {
    padding-top: clamp(43px, 5.72vw, 59px);
    padding-bottom: 0;
  }
  .product_box .section--accessory .panel-media__content {
    padding-bottom: clamp(32px, 4.26vw, 44px);
    flex-basis: auto;
    flex-grow: 1;
  }
  .product_box .section--accessory .image {
    width: clamp(353px, 45.99vw, 479px);
  }
  /* ---- Apple Music ---- */
  .product_box .section--applemusic h4 {
    width:clamp(47px, 6.16vw, 64px);
    margin-bottom: .6em;
  }
  .product_box .section--applemusic .panel-media__content {
    flex-basis:  59.1836734694%;
  }
  .product_box .section--applemusic .image {
    width:clamp(214px, 27.87vw, 290px);
  }
  /* ---- Apple One ---- */
  .product_box .section--appleone h4 {
    width:clamp(34px, 4.53vw, 47px);
    margin-bottom: .6em;
  }
 .product_box .section--appleone .panel-media__content {
    flex-basis:  57.8571428571%;
  }
  .product_box .section--appleone .image {
    width:clamp(230px, 30.03vw, 313px);
  }
  /* ---- Apple Care ---- */
  .product_box .section--applecare h4 {
    width:clamp(44px, 5.8vw, 60px);
    margin-bottom: .6em;
  }
  .product_box .section--applecare .image {
    width: clamp(178px, 23.21vw, 242px);
  }
  /* ---- Apple watch ---- */
  .product_box .section--applewatch .image {
    width:clamp(182px, 23.7vw, 247px);
  }
}

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