@charset "UTF-8";
/*for_sp start*/
@media screen and (min-width: 0px) and (max-width: 749px) {
  .cmp-au-com-container__width__1column__980>.cmp-au-com-container>.cmp-au-com-container__contents {
    padding-right: 0%;
    padding-left: 0%;
  }

  .for_pc,
  .-pc {
    display: none !important;
    content-visibility: hidden;
  }

  .contents_all_wrap {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
    background-attachment: fixed;
    background: rgb(209, 209, 209);
    background: linear-gradient(90deg, rgba(209, 209, 209, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(209, 209, 209, 1) 100%);
  }

  #au_apple {
    margin-top: 44px;
  }

  .inner_content_wrap {
    margin: auto;
    position: relative;
    line-height: 1.5em;
  }

  /*shitadori_cv_wrap*/
  /*bt_17yoyaku*/
  /* area_ad (url paramator)*/
  .area_ad {
    width: 94%;
    text-align: center;
    padding: 5vw 0;
    margin: auto;
  }

  #area_ad_1 .area_ad .area_ad_wrap {
    background-color: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 3vw;
    overflow: hidden;
    margin-bottom: 8vw;
    padding-bottom: 8vw;
    content-visibility: auto;
  }

  #area_ad_2 .area_ad {
    /* content-visibility: auto; */
    /* min-height: 350vw; */
  }

  .area_ad .area_ad_wrap {
    margin: auto;
  }

  #area_ad_1 .area_ad .area_ad_wrap {
    max-width: 100%;
    background-color: #F6F5FA;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 3vw;
    overflow: hidden;
    /* margin-bottom: 10vw; */
    text-align: center;
    padding: 5vw 5vw 0;
  }

  #area_ad_2 .area_ad .area_ad_wrap {
    max-width: 84vw;
  }

  /* .area_ad .value-link-plan_copy {
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px 0;
  } */
  .area_ad .area_title {
    width: 96%;
    margin-bottom: 65px;
    margin: auto;
    margin-bottom: 3.3vw;
  }

  .area_ad .area_tab_allwrap {
    margin: auto;
    margin-bottom: 5vw;
    /* max-width: 80vw; */
  }

  .area_ad .area_tab_allwrap .btn_allwrap {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2vw;
    position: relative;
    z-index: 2;
  }

  .area_ad .area_tab_allwrap .btn_allwrap .btn {
    display: flex;
    height: 12vw;
    justify-content: center;
    align-items: center;
    border: 1px solid #DDD;
    border-bottom: 0;
    background: #FFF;
    font-size: 3.4vw;
    font-weight: 700;
    background-color: #FFF5EF;
    width: 50%;
    border-radius: 2vw 2vw 0 0;
    line-height: 1.5em;
  }

  .area_ad .area_tab_allwrap .btn_allwrap .btn.on {
    background-color: #fff;
    position: relative;
    pointer-events: none;
  }

  .area_ad .area_tab_allwrap .btn_allwrap .btn.on::after {
    content: "";
    position: absolute;
    width: 100%;
    z-index: 4;
    left: 0;
    right: 0;
    height: 2px;
    bottom: -1px;
    background-color: #fff;
  }

  .area_ad .area_tab_allwrap .tab_item {
    border: 1px solid #DDD;
    padding: 3vw 5vw;
    background-color: #fff;
  }

  .area_ad .area_tab_allwrap .tab_item .tab_note {
    color: #333;
    font-size: 3.3vw;
    font-weight: 700;
    text-align: left;
    margin: auto;
    line-height: 1.4em;
    margin-bottom: 5vw;
  }

  .area_ad .area_tab_allwrap .tab_item .pict {
    max-width: 57vw;
    margin: 0 auto 4vw;
  }

  .area_ad .area_tab_allwrap .tab_item .remarks {
    max-width: 680px;
    font-size: 3vw;
  }

  .area_ad .area_tab_remarks {
    margin: auto;
    margin: 0 auto 6vw;
    font-size: 3.3vw;
    text-align: left;
    line-height: 1.5em;
    /* width: 72vw; */
  }

  .area_ad .area_tab_remarks .item {
    text-indent: -2.75em;
    padding-left: 2.75em;
    margin-bottom: 0.7em;
  }

  /*starlink_detail_allwrap*/
  .area_ad .starlink_detail_allwrap {
    position: relative;
    width: calc(100% + 10vw);
    /* min-width: 100%; */
    left: -5vw;
    display: block;
    padding-top: 7vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_title {
    margin: auto;
    max-width: 76vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_item {
    position: relative;
    width: 100%;
    left: 0px;
    background: linear-gradient(0deg, rgba(0, 49, 104, 1) 0%, rgba(15, 35, 67, 1) 2%, rgba(7, 23, 44, 1) 5%, rgba(5, 11, 19, 1) 35%, rgba(5, 11, 19, 1) 100%);
    display: block;
    color: #fff;
    padding-bottom: 15vw;
    padding: 0 0vw 15vw;
    box-sizing: border-box;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 310vw;
    height: 100%;
    background-image: url(../images/starlink_detail_bg1_664ddbdfb0fd4ca5.webp);
    background-repeat: no-repeat;
    background-position: -115vw 12vw;
    background-size: 100%;
    z-index: 0;
  }

  .area_ad .starlink_detail_allwrap .area_bnr_starlink {
    margin: 50px auto 0;
    width: 100%;
    display: block;
    position: relative;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_title {
    margin: auto;
    margin: 9vw auto 9vw;
    position: relative;
    width: 83vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_subtitle {
    margin: auto;
    margin-bottom: 5vw;
    position: relative;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_achieve_wrap {
    display: flex;
    margin: 0 auto;
    max-width: 79vw;
    flex-direction: column;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_achieve_wrap .starlink_detail_achieve_item {
    /* width: calc(33.3% - 1px); */
    border-bottom: 1px solid rgba(217, 217, 217, 0.40);
    box-sizing: border-box;
    padding: 0;
    display: flex;
    padding: 6vw 0;
    align-items: center;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_achieve_wrap .starlink_detail {
    max-width: 34vw;
    width: 100%;
    padding: 0 6vw;
    box-sizing: border-box;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_achieve_wrap .title {
    font-size: 4.1vw;
    margin-bottom: 4.5vw;
    font-weight: 700;
    line-height: 1.5em;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_achieve_wrap .title_wrap {
    text-align: left;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_achieve_wrap .note {
    font-size: 3.6vw;
    text-align: left;
    line-height: 1.5em;
  }

  .area_ad .starlink_detail_allwrap .starlink_detail_remarks {
    font-size: 3vw;
    display: block;
    text-align: left;
    margin: 0 auto;
    text-indent: -2.6em;
    padding-left: 2.6em;
    padding: 8vw 0 11vw;
    max-width: 59vw;
    position: relative;
    left: 1.3em;
    line-height: 1.5em;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_items_wrap {
    background-color: #fff;
    margin: auto;
    /* padding: 8.8vw 0vw; */
    box-sizing: border-box;
    margin-bottom: 10vw;
    width: 85vw;
    padding-bottom: 5vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap {
    margin: auto;
    display: flex;
    width: 100%;
    max-width: 85vw;
    box-sizing: border-box;
    padding: 8vw 8.4vw 5.5vw;
    justify-content: space-between;
    align-items: flex-start;
    color: #002378;
    position: relative;
    column-gap: 4vw;
    font-size: 3vw;
    text-align: left;
    /* margin-bottom: 10vw; */
    line-height: 1.5em;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap:nth-child(1)::after {
    content: "";
    margin: 5vw auto;
    width: 80vw;
    height: 1px;
    background-color: #AEBCD0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap:nth-child(2) {}

  /* .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_batch {
    position: absolute;
    width: 16.6vw;
    left: -2.6vw;
    top: -4vw;
  } */
  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_pict {
    max-width: 15.5vw;
    position: relative;
    top: 6vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_note_wrap {
    flex-grow: 1;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_title {
    font-size: 3.8vw;
    font-weight: bold;
    margin-bottom: 3vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap:nth-child(2) .starlink_foreign_title {
    font-size: 3.8vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap:nth-child(2) .starlink_foreign_text {
    font-size: 3.3vw;
    font-weight: normal;
    margin-bottom: 3.7vw;
    display: inline-block;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_title .orange {
    text-align: center;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_text {
    margin-bottom: 3.7vw;
    - grow: 1;
    font-size: 3.3vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_text .starlink_foreign_remarks {
    font-size: 3vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_link {
    color: #06A;
    display: inline-block;
    position: relative;
    width: 43vw;
    font-size: 3.3vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_link::after {
    content: "";
    border-left: 2px solid #06A;
    border-top: 2px solid #06A;
    height: 2vw;
    width: 2vw;
    transform: rotate(135deg);
    position: absolute;
    right: -7vw;
    top: 3vw;
  }

  .area_ad .starlink_detail_allwrap .starlink_foreign_wrap .starlink_foreign_link:hover {
    text-decoration: underline;
  }

  /*sub*/
  .area_ad .area_bnr_starlink {
    margin: 9vw auto 0;
    width: 100%;
    display: block;
  }

  /* .area_ad .value-link-plan_remarks {
    font-size: 3.2vw;
    text-align: left;
    margin: auto;
    width: 80.4vw;
    line-height: 1.4em;
  } */
  /*accodion item common*/
  /*item_1*/
  /*.item_2*/
  /*item_3*/
  /*item_4*/
  /*item_5*/
  /*item_6*/
  /*area_ad /  slider_wrap*/
  /*
  swiper_tsunagu1*/
  /*kv_section------------------------*/
  section.kv_section {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }

  .inner_content_wrap.kv_wrap {
    position: relative;
    height: 52vw;
  }

  section.kv_section .kv_image {
    position: absolute;
    width: 52.1vw;
    right: 48.8vw;
    margin: auto;
    top: 5.7vw;
  }

  section.kv_section .kv_titile {
    position: absolute;
    width: 60.2vw;
    right: 1.8vw;
    margin: auto;
    top: 12.5vw;
    display: block;
  }

  section.kv_section .kv_wrap_area_ad {}

  section.kv_section .kv_wrap_area_ad .kv_title_pricedown {
    width: 70vw;
    margin: auto;
    margin-bottom: 10vw;
  }

  /*area_ad_kv_section------------------------*/
  section.area_ad_kv_section {
    height: 45vw;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }

  section.area_ad_kv_section .kv_image {
    position: absolute;
    width: 51vw;
    left: -53vw;
    right: 0;
    margin: auto;
    top: 1vw;
  }

  section.area_ad_kv_section .kv_titile {
    position: absolute;
    width: 60.2vw;
    left: 0;
    right: -34vw;
    margin: auto;
    top: 6.9vw;
    display: block;
  }

  /*section_device_swiper_section------------------*/
  .device_swiper_section {
    width: 100%;
    padding-top: 8vw;
  }

  .device_swiper_section .title {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 5vw;
    line-height: 1.4;
    color: #333;
    text-align: center;
  }

  .device_swiper_section .device_slider_wrap {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-top: 2.3vw;
  }

  .device_swiper_section .swiper_btn {
    display: none;
    position: absolute;
    top: 60%;
    width: 9.5vw;
    height: 9.5vw;
    margin-top: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    z-index: 2;
    transform: translateY(-50%);
  }

  .device_swiper_section .swiper_btn_prev {
    left: 18vw;
  }

  .device_swiper_section .swiper_btn_next {
    right: 18vw;
  }

  .device_swiper_section .swiper_btn img {
    width: 100%;
    display: block;
  }

  .device_swiper_section .swiper_btn.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
  }

  .device_swiper_section .swiper_btn_next img {
    transform: scaleX(-1);
  }

  .device_swiper_section .device_swiper {
    width: 100%;
    overflow: hidden;
    padding-top: 6vw;
    box-sizing: border-box;
  }

  .device_swiper_section .slider_device_item {
    width: 45vw;
  }

  .device_swiper_section .slider_device_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5vw;
    width: 100%;
    height: 40vw;
    padding: 3vw 0 2vw;
    background-color: #ddd;
    border: 3px solid #fff;
    border-radius: 4vw;
    box-shadow: 0px 2vw 2vw rgba(0, 0, 0, 0.1);
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
  }

  .device_swiper_section .slider_device_item.is-current .slider_device_card {
    background-color: #fff;
    border-color: var(--color_orange);
  }

  .device_swiper_section .slider_pict {
    width: 38vw;
    height: 22vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  #au_apple .device_swiper_section .slider_pict img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .device_swiper_section .slider_device-name {
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    color: #666;
  }

  .device_swiper_section .slider_device_item.is-current .slider_device-name {
    color: var(--color_orange);
  }

  .device_swiper_section .slider_device-name p {
    font-size: 4vw;
    line-height: 1.3;
  }

  .device_swiper_section .slider_device-name p.strage {
    font-size: 3vw;
  }

  .device_swiper_section .slider_new {
    position: absolute;
    top: -4vw;
    left: -4vw;
    background-color: #feef69;
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 3.6vw;
    line-height: 1.3;
    padding: 1.8vw 3.4vw;
    border-radius: 50vw;
    z-index: 1;
  }

  .device_swiper_section .anchor_btn_wrap {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    width: 92vw;
    margin: 8vw auto;
  }

  .device_swiper_section .btn_anchor {
    display: block;
    border-radius: 3vw;
    overflow: hidden;
    box-shadow: 0px 1.5vw 3vw rgba(0, 0, 0, 0.1);
  }

  #au_apple .device_swiper_section .btn_anchor img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }


  /*-----------------------------*/
  .devicce_kv_wrap {
    background-color: #F6F5FA;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 3vw;
    overflow: hidden;
    margin-bottom: 8vw;
    width: 94%;
  }

  .devicce_kv_wrap .device_kv {
    width: 100%;
    /* height: 59vw; */
    margin: auto;
    background-color: #fff;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }



  #au_apple .devicce_kv_wrap .device_kv img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    display: block;
    margin: auto;
    aspect-ratio: var(--kv-ratio, auto);
  }

  .devicce_kv_wrap .device_kv_btn_wrap {
    display: flex;
    flex-direction: row;
    gap: 2vw;
    align-items: center;
    justify-content: center;
    position: absolute;
  }

  .devicce_kv_wrap .device_kv_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38vw;
    height: 10vw;
    border-radius: 50vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 3vw;
    text-decoration: none;
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
  }

  main.iphone17 .devicce_kv_wrap .device_kv {
    height: 91vw;
    background-color: #f6f5f8;
  }

  main.iphone17 .devicce_kv_wrap .device_kv_btn_wrap {
    gap: 2.4vw;
    width: 49%;
    top: 31%;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;
  }

  main.iphone17 .devicce_kv_wrap .device_kv_btn {
    width: 100%;
    height: 6.5vw;
  }

  main.iphone17e .devicce_kv_wrap .device_kv {
    height: 87vw;
    background-color: #f6f5f8;
  }

  main.iphone17e .devicce_kv_wrap .device_kv_btn_wrap {
    gap: 2vw;
    width: 52%;
    top: 72%;
    margin: auto;
    left: 0;
    right: 0;
  }

  main.iphone17e .devicce_kv_wrap .device_kv_btn {
    width: 30vw;
    height: 7vw;
  }

  main.iphone17pro .devicce_kv_wrap .device_kv {
    height: 82vw;
    background-color: #000;
  }

  main.iphone17pro .devicce_kv_wrap .device_kv_btn_wrap {
    gap: 2vw;
    width: 49%;
    top: 83%;
    margin: auto;
    left: 0;
    right: 0;
  }

  main.iphone17pro .devicce_kv_wrap .device_kv_btn {
    width: 100%;
    height: 7vw;
    background-color: #1e1e1f;
    border: #fff 1px solid;
    color: #fff;
  }

  .devicce_kv_wrap.device_kv_btn_detail {
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
  }

  .devicce_kv_wrap .device_kv_btn_buy {
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
  }



  /*section_benefit_section------------------*/
  .benefit_section {
    width: 94%;
    margin: auto;
  }



  .benefit_section .title_choice {
    margin-top: 3.4vw;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 5.1vw;
    color: #333;
  }

  .benefit_section .benefit_item_wrap {
    background-color: #F6F5FA;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 3vw;
    overflow: hidden;
    margin-bottom: 8vw;
  }

  .benefit_section .benefit_inner_wrap {
    margin: auto;
    font-size: 3.5vw !important;
    padding: 0;
  }

  .remarks {
    font-size: 3vw;
    line-height: 1.5em;
    text-align: left;
  }

  .remarks .title {
    font-weight: bold;
    margin: 3vw 0 0vw 0;
  }

  .remarks .subtitle {
    font-weight: bold;
    margin: 5vw 0 2vw 0;
  }

  .remarks a.text_link {
    color: #0066AA;
    text-decoration: underline !important;
  }

  /*benefit_1--------------------------------*/
  .benefit_section #benefit_1 {
    margin-bottom: 15vw;
  }

  .benefit_section #benefit_1 .benefit_text_wrap {
    text-align: center;
    margin: auto;
  }

  .astarisk {
    vertical-align: super;
    font-size: 0.5em;
  }

  /*tab btn*/
  /* .benefit_section .tab_btn_device_wrap {
    display: flex;
    column-gap: 1vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    width: 84.8vw;
    margin-bottom: 7vw;
    line-height: 1.2em;
    flex-wrap: wrap;
    gap: 3vw;
  }

  .benefit_section .tab_btn_device_wrap button.tab_btn_device {
    box-sizing: border-box;
    width: 48%;
    height: 15vw;
    background: #FFFFFF;
    filter: drop-shadow(0px 0px 10px #dedede);
    border-radius: 1vw;
    color: #999;
    justify-content: center;
    padding: 2.5vw 0px;
    display: block;
    font-size: 4.2vw;
    border: none;
    font-size: 5vw;
    font-weight: bold;
    line-height: 0.9em;
  }

  .benefit_section .tab_btn_device button.small {
    font-size: 2.8vw !important;
    vertical-align: baseline;
    display: contents;
    position: relative;
  } */
  /*tab btn sp*/
  .benefit_section .tab_item_device .device_modal_btn_wrap {
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2vw;
    margin: auto;
  }

  .benefit_section .tab_item_device .device_modal_btn_wrap .device_modal_btn {
    border-radius: 50vw;
    color: #EB5505;
    border: 2px solid #EB5505;
    background-color: #FFF;
    width: 77vw;
    min-height: 12.1vw;
    /* margin-bottom: 5vw; */
    font-size: 3.3vw;
    font-weight: 700;
    line-height: 1.3em;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2em;
    margin: auto;
  }

  .benefit_section .tab_item_device .device_modal_btn_wrap .device_modal_btn::after {
    content: "";
    height: 2vw;
    width: 2vw;
    border-top: 0.5vw solid #EB5505;
    border-right: 0.5vw solid #EB5505;
    position: absolute;
    right: 3vw;
    top: 4.3vw;
    transform: rotate(45deg);
  }

  .benefit_section .tab_item_device .device_modal_btn_wrap .device_modal_btn.anchor::after {
    transform: rotate(135deg);
  }

  .benefit_section .tab_item_device {
    /* content-visibility: auto; */
    padding-bottom: 8vw;
  }

  /* .benefit_section .w_otoku_heading1 {
    margin: auto;
    width: 84vw;
    margin-bottom: 10vw;
  } */
  /*tab_item*/
  .benefit_section .tab_btn_pran_wrap {
    display: flex;
    column-gap: 1vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    width: 87vw;
    margin-top: 4vw;
  }

  .benefit_section .tab_btn_plan.on {
    background: #FFFFFF;
    color: var(--color_orange);
    pointer-events: none;
  }

  .benefit_section .tab_btn_plan {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 14vw;
    background: #DDDDDD;
    border-radius: 2vw 2vw 0px 0px;
    font-size: 3.3vw;
    color: #666;
    line-height: 1.2em;
    border: none;
    font-weight: bold;
    transition: 0.3s all;
  }

  .benefit_section .tab_item_plan_wrap {
    width: 87vw;
    background: #FFFFFF;
    margin: auto;
    padding: 4vw 0 8vw 0vw;
    box-sizing: border-box;
    /* content-visibility: auto; */
    border-radius: 0 0 2vw 2vw;
  }

  .benefit_section .tab_item_plan_wrap .price_fix_iphone {
    margin: auto;
    margin-bottom: 3vw;
    width: 75vw;
  }

  .price_fix_iphone .price_fix_fukidashi {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 97%;
    margin: 0 auto;
    background-color: #ffe4d5;
    border-radius: 1.7vw;
    text-align: center;
    box-sizing: border-box;
    flex-direction: column;
    padding: 3vw 0 1.5vw;
  }

  .price_fix_iphone .price_fix_fukidashi .otoku_text {
    font-size: 4vw;
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
  }

  .price_fix_iphone .price_fix_fukidashi::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1.7vw;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 1.8vw solid transparent;
    border-right: 1.8vw solid transparent;
    border-top: 1.8vw solid #ffe4d5;
  }

  .price_fix_iphone .price_fix_fukidashi .text {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 5.4vw;
    color: var(--color_orange);
    line-height: 1;
  }

  .price_fix_iphone .price_fix_fukidashi .text .price {
    font-size: 14.4vw;
    color: var(--color_orange);
    margin: 0 0.6vw;
    vertical-align: baseline;
  }

  .price_fix_iphone .price_discount-detail_item_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 1.9vw;
    margin-top: 4vw;
    margin-bottom: 5vw;
  }

  .price_fix_iphone .price_fix_item_left,
  .price_fix_iphone .price_fix_item_right {
    text-align: left;
  }

  .price_fix_iphone .price_fix_item_left {}

  .price_fix_iphone .price_fix_item_right {
    flex: 1
  }

  .price_fix_iphone .price_fix_item_left .text,
  .price_fix_iphone .price_fix_item_right .text {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 3.3vw;
    color: #333;
    margin-bottom: 3.8vw;
  }

  .price_fix_iphone .price_fix_item_right .text {
    margin-bottom: 1vw;
  }

  .price_fix_iphone .price_fix_item_left .price {
    font-size: 7.6vw;
    color: #333;
    text-decoration: line-through;
    text-decoration-color: var(--color_orange);
    letter-spacing: -0.03em;
  }

  .price_fix_iphone .price_fix_item_left .yen {
    font-size: 2.5vw;
    font-weight: bold;
    color: #333;
    margin-left: 0.3vw;
  }

  .price_fix_iphone .price_fix_item_right p.price {
    text-align: right;
    width: 100%;
  }

  .price_fix_iphone .price_fix_item_right .price {
    font-size: 11.1vw;
    color: var(--color_orange);
    letter-spacing: -0.03em;
    white-space: nowrap;
  }

  .price_fix_iphone .price_fix_item_right .yen {
    font-size: 3.4vw;
    font-weight: bold;
    color: var(--color_orange);
    margin-left: 0.3vw;
  }

  .price_fix_iphone .arrow {
    width: 7.9vw;
    flex: none;
    padding-left: 1.4vw;
    padding-top: 4.7vw;
  }

  .price_fix_iphone .arrow img {
    width: 100%;
    display: block;
  }

  .benefit_section .price_detail_item_fukidashi {
    position: relative;
    width: 75vw;
    margin: 2.8vw auto;
    padding: 4.3vw 3.3vw 2.5vw;
    background-color: #ffe4d5;
    border-radius: 1.7vw;
    text-align: center;
    box-sizing: border-box;
  }

  .benefit_section .price_detail_item_fukidashi::before {
    content: "";
    position: absolute;
    top: -1.7vw;
    right: 9.7vw;
    width: 0;
    height: 0;
    border-left: 1.7vw solid transparent;
    border-right: 1.7vw solid transparent;
    border-bottom: 1.7vw solid #ffe4d5;
  }

  .benefit_section .price_detail_item_fukidashi .text {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 3.8vw;
    color: #333;
    line-height: 1.5;
  }

  .benefit_section .price_detail_item_fukidashi .text .price {
    font-size: 5.6vw;
    color: #333;
    margin: 0 0.3vw;
    letter-spacing: -0.03em;
  }

  .benefit_section .price_detail_item_fukidashi .text .text_need {
    font-size: 4.2vw;
    color: #333;
  }

  .benefit_section .price_detail_item_fukidashi .text .text_need sup {
    font-size: 1.9vw;
  }

  .benefit_section .price_detail_item_fukidashi .remarks {
    font-size: 3.4vw;
    color: #333;
    /* margin-top: 1.1vw; */
    line-height: 1.5;
    width: 64vw;
    white-space: pre-wrap;
    padding-left: 1em;
    text-indent: -1em;
  }

  .benefit_section .price_detail_item_total {
    width: 75vw;
    margin: 2vw auto 0;
    padding: 4.1vw 3.3vw;
    background-color: #ffe4d5;
    border-radius: 1.7vw;
    text-align: center;
    box-sizing: border-box;
  }

  .benefit_section .price_detail_item_total .otoku {
    color: #0D8199;
    text-align: center;
    font-size: 3.1vw;
    font-weight: 700;
    margin-bottom: 1vw;
  }

  .benefit_section .price_detail_item_total>a {
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 3.9vw;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #333;
    padding-bottom: 1vw;
    margin-bottom: 4vw;
    line-height: 1.1em;
  }

  .benefit_section .price_detail_item_total>a .text_apply {
    font-size: 3.1vw;
  }

  .benefit_section .price_detail_item_total>a::after {
    content: "";
    display: inline-block;
    width: 1.1vw;
    height: 1.1vw;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    transform: rotate(135deg);
    margin-left: 0.8vw;
    margin-bottom: 0.3vw;
  }

  .benefit_section .price_detail_item_total .price_wrap {
    margin: auto;
    margin-top: 1.7vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 3.6vw;
    color: red;
    text-align: right;
    width: 68vw;
  }

  .benefit_section .price_detail_item_total .price_wrap .price {
    font-size: 8.5vw;
    color: red;
    margin: 0 0.3vw;
  }

  .benefit_section .price_detail {
    width: 75vw;
    margin: auto;
    border-top: 2px solid #aaa;
    padding: 4vw 0vw 1vw 0vw;
    white-space: nowrap;
    color: #666;
    position: relative;
  }

  .benefit_section .price_detail::after {
    content: "内訳";
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -2vw;
    color: #666666;
    display: inline-block;
    width: 10vw;
    font-size: 3.5vw;
    line-height: 1;
  }

  .benefit_section .price_detail .price_detail_item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 3.5vw;
    font-weight: 500;
    margin-bottom: 0.5vw;
    line-height: 1.2;
    position: relative;
  }

  .benefit_section .price_detail .price_detail_item:nth-child(1) {
    margin-bottom: 1vw;
  }

  .benefit_section .price_detail .price_detail_item:nth-child(2) {
    /* margin-bottom: -0.5vw; */
  }

  .benefit_section .price_detail .price_detail_item:nth-child(3) {
    margin-bottom: 0;
  }

  .benefit_section .price_detail .price_detail_item:nth-child(4),
  .benefit_section .price_detail .price_detail_item:nth-child(5),
  .benefit_section .price_detail .price_detail_item:nth-child(6) {
    height: auto;
  }

  .benefit_section .price_detail .price_detail_item.result {}

  .benefit_section .price_detail .price_heading {
    width: 31%;
    text-align: left;
    white-space: nowrap;
  }

  .benefit_section .price_detail_item .price_heading .bg_gray {
    text-align: left;
    white-space: nowrap;
    background-color: #eee;
    text-align: center;
    border-radius: 1vw;
    font-weight: 500;
    line-height: 1.3em;
    padding: 1vw 0;
    width: 20vw;
    font-size: 3.4vw;
  }

  .benefit_section .price_detail_item:nth-child(2) .bg_gray {
    position: absolute;
    height: 18vw;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .benefit_section .price_detail .price_subtitle {
    width: 26%;
    text-align: left;
  }

  .benefit_section .price_detail .price_subtitle.pos_right {
    position: relative;
  }

  .price_data {
    width: 40%;
    text-align: right;
    flex: 1;
  }

  .benefit_section .price_detail .big {
    font-size: 8.4vw;
    letter-spacing: -0.05em;
    padding-right: 0.1em;
    line-height: 0.8;
  }

  .benefit_section .price_detail .large {
    font-size: 10.4vw;
    letter-spacing: -0.05em;
    padding-right: 0.1em;
    line-height: 1;
  }

  .benefit_section .price_detail .middle {
    font-size: 5.4vw;
    letter-spacing: 0em;
    padding-right: 0.2em;
  }

  .benefit_section .price_detail .mini {
    font-size: 2.5vw;
    margin-top: -0.1vw;
    display: block;
  }

  .benefit_section .shitadori_acodion_item {
    font-size: 3.6vw;
    text-align: left;
    padding: 4vw;
    line-height: 1.5em;
    /* content-visibility: auto; */
  }

  .benefit_section .item_text_link_wrap {
    text-align: right;
  }

  .benefit_section .bnr_u12_u16_vlp_allwrap {
    width: 100%;
    background-color: #fff;
    text-align: center;
  }

  .benefit_section .bnr_u12_u16_vlp_wrap {
    width: 75vw;
    background-color: #F6F5FA;
    margin: auto;
    text-align: center;
    padding: 5vw 3vw;
    border-radius: 2vw;
  }

  .benefit_section .bnr_u12_u16_vlp_wrap .title {
    position: relative;
    text-align: center;
    color: #0D8199;
    display: inline-block;
    font-size: 4.5vw;
    font-weight: bold;
    margin-bottom: 3vw;
    line-height: 1.2em;
  }

  .benefit_section .bnr_u12_u16_vlp_wrap .title::after,
  .benefit_section .bnr_u12_u16_vlp_wrap .title::before {
    content: "";
    height: 9vw;
    width: 3px;
    background-color: #0D8199;
    position: absolute;
    top: 2vw;
  }

  .benefit_section .bnr_u12_u16_vlp_wrap .title::before {
    left: -2vw;
    transform: rotate(-20deg);
  }

  .benefit_section .bnr_u12_u16_vlp_wrap .title::after {
    right: -2vw;
    transform: rotate(20deg);
  }

  .benefit_section .bnr_u12_u16_vlp_wrap .bnr_u12_u16_vlp {
    margin-bottom: 3vw;
  }

  .benefit_section .bnr_u12_u16_vlp_wrap .text_link_wrap {
    text-align: center;
    line-height: 2em;
  }

  .benefit_section .bnr_u12_u16_vlp_wrap .text_link_wrap .text_link {
    color: #0066AA;
    position: relative;
    text-decoration: none !important;
    font-size: 3.5vw;
  }

  .benefit_section .price_data_date {
    margin: auto;
    text-align: right;
    font-size: 3vw;
    margin-bottom: 7vw;
    width: 87%;
    line-height: 1.5em;
    color: #666;
  }

  .benefit_section .price_remarks {
    width: 75vw;
    margin: auto;
    text-align: left;
    font-size: 3vw;
    line-height: 1.8em;
    margin: 5vw auto 8vw;
    overflow: hidden;
    position: relative;
  }

  .benefit_section .price_remarks {
    height: 70vw;
  }

  .benefit_section .price_remarks::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 10vw;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(244, 244, 244, 0) 100%);
  }

  .benefit_section .price_remarks.on {
    height: auto;
  }

  .benefit_section .price_remarks .remarks_accodion_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 8vw;
    width: 36vw;
    color: #fff;
    background-color: #666;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2vw;
    font-size: 3.2vw;
    border: 2px solid #fff;
  }

  .benefit_section .price_remarks.on .remarks_accodion_btn,
  .benefit_section .price_remarks.on::after {
    display: none;
  }

  .icon_inline_anchor {
    height: 0.5em;
    width: 0.5em;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(135deg);
    display: inline-block;
    margin-left: 0.5em;
  }

  /* benefit_section/.benefit_section */
  .benefit_section .benefit_section {
    width: 100%;
    font-size: 3.5vw;
  }

  .benefit_inner_wrap {
    width: 100%;
    padding: 5vw 0 5vw 0px;
  }

  .benefit_section #benefit_1 .cv_btn_primaly {
    height: 11vw;
    background-color: var(--color_orange);
    font-size: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50vw;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku_new/images/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: top 50% right 5vw;
    background-size: 2vw;
    margin: auto 2vw;
    width: 80vw;
    margin: auto;
    min-height: 13vw;
    line-height: 1.2em;
  }

  .benefit_section #benefit_1 .cv_btn_secondaly,
  .area_ad_wrap .cv_btn_secondaly {
    min-height: 12vw;
    margin: auto;
    width: 70vw;
    background-color: #fff;
    font-size: 3.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color_orange);
    border-radius: 50vw;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku_new/images/icon_arrow_orange.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 3vw;
    background-size: 2vw;
    padding-right: 2vw;
    line-height: 1.3em;
    font-weight: bold;
    min-height: 13vw;
    border: 0.5vw solid var(--color_orange);
    box-sizing: border-box;
    text-decoration: none;
  }

  /* .benefit_section .device_confirm .esim_detail_title {
    font-size: 4vw;
    font-weight: bold;
    margin-bottom: 3vw;
  }

  .benefit_section .device_confirm a.esim_detail_btn {
    font-size: 3.5vw;
    color: #0066AA;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #0066AA;
    padding-right: 5vw;
    padding-left: 1.5vw;
    position: relative;
    margin-bottom: 10vw;
    padding-bottom: 0.5vw;
    font-weight: normal;
  }

  .benefit_section .device_confirm a.esim_detail_btn::after {
    content: "";
    position: absolute;
    display: block;
    right: 1vw;
    top: calc(50% - 1vw);
    height: 1.5vw;
    width: 1.5vw;
    border-top: 0.4vw solid #0066AA;
    border-right: 0.4vw solid #0066AA;
    transform: rotate(135deg);
  } */
  .benefit_section .device_confirm_items_allwrap {
    background-color: #008F9E;
    width: 100%;
    padding: 7vw 0 4vw;
    margin: auto;
    margin-bottom: 8vw;
  }

  .benefit_section .device_confirm_items_allwrap .title {
    font-size: 4.2vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4vw;
  }

  .benefit_section .device_confirm_items_allwrap .device_confirm_items_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    row-gap: 3vw;
    flex-wrap: wrap;
    padding: 0 3vw;
    box-sizing: border-box;
    min-height: 30vw;
  }

  .benefit_section .device_confirm_items_allwrap a.device_confirm_item {
    width: calc(50% - 1vw);
    display: flex;
    background-color: #fff;
    box-sizing: border-box;
    padding: 1.5vw 1.5vw 1.5vw 0;
    border-radius: 1vw;
    text-decoration: none;
    color: #333;
  }

  .benefit_section .device_confirm_items_allwrap .device_confirm_item .photo {
    line-height: 0;
    width: 24vw;
  }

  .benefit_section .device_confirm_items_allwrap .device_confirm_item .name {
    padding-left: 0.6vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: bold;
    font-size: 3.6vw;
    text-align: left;
    position: relative;
    width: 100%;
    line-height: 1.2em;
    letter-spacing: -0.02em;
  }

  .benefit_section .device_confirm_items_allwrap .device_confirm_item .name::after {
    content: "";
    position: absolute;
    display: block;
    right: 1vw;
    height: 1.8vw;
    width: 1.8vw;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
  }

  .benefit_section .bnr_shitadori_heading {
    width: 24.6vw;
    margin: 5.6vw auto 2.1vw;
    text-align: center;
  }

  .benefit_section .bnr_shitadori_heading img {
    width: 100%;
    display: block;
  }

  .benefit_section .bnr_shitadori {
    margin: auto;
    max-width: 74vw;
    width: 100%;
    line-height: 0;
  }

  .benefit_section .bnr_shitadori .text_link_wrap {
    margin-top: 6vw;
    display: block;
  }

  .benefit_section .bnr_shitadori a.text_link {
    text-align: center;
    font-size: 3.5vw;
    text-decoration: none !important;
  }

  /* .benefit_section .online-yoyaku_wrap {
    margin: auto;
    max-width: 88vw;
    width: 100%;
    line-height: 0;
    margin-bottom: 10vw;
    background-color: #FCEFA4;
    line-height: 1.5em;
    margin-top: 10vw;
    box-sizing: border-box;

}

.benefit_section .online-yoyaku_wrap .title_wrap {
  width: 100%;
  background: #EB5505;
  background: linear-gradient(180deg, rgba(235, 85, 5, 1) 0%, rgba(235, 158, 5, 1) 100%);
  padding: 5.4vw 3vw;
  box-sizing: border-box;
  margin-bottom: 6vw;
}

.benefit_section .online-yoyaku_wrap .title {
  width: 77vw;
  margin: auto;
}

.benefit_section .online-yoyaku_wrap .cv_btn_secondaly {
  box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.25);
  min-width: 80vw;
  font-size: 4.5vw !important;
  margin: 2vw 0 !important;
}

.benefit_section .online-yoyaku_wrap .flow_title {
  font-size: 4.2vw;
  line-height: 1.7em;
  background: linear-gradient(transparent 50%, #fff 0%);
  font-weight: 800;
  color: #333;
}

.benefit_section .online-yoyaku_wrap .flow_title .size_l {
  font-size: 1.2em;
}

.benefit_section .online-yoyaku_wrap .flow_wrap {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 5vw;
  margin-bottom: 2vw;
  padding: 0 5vw;
}

.benefit_section .online-yoyaku_wrap .flow_item {
  background-color: #fff;
  border-radius: 3vw;
  padding: 0 5vw 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2vw;
  overflow: hidden;
}

.benefit_section .online-yoyaku_wrap .pict {
  width: 34%;
  margin: 3.5vw;
  display: flex;
  align-items: center;
}

.benefit_section .online-yoyaku_wrap .pict_support {
  width: 30vw;
  margin: auto;
  line-height: 0;
}

.benefit_section .online-yoyaku_wrap .text {
  font-size: 3.7vw;
  line-height: 1.5em;
  font-weight: bold;
  width: 70%;
}

*/
  /* .benefit_section .bnr_esim {
    max-width: 87vw;
    width: 100%;
    display: block;
    margin: auto;
    margin-bottom: 11vw;
    padding-top: 10vw;
  } */
  /*quality_wrap--------------------------------------------*/
  .quality_wrap {
    background-color: #ECF5F7;
    width: 87vw;
    color: #0D8199;
    position: relative;
    margin: auto;
    content-visibility: auto;
    height: auto;
    margin-bottom: 15vw;
  }

  .quality_wrap .innner_wrap {
    margin: auto;
    margin-top: 5vw;
    /* margin-bottom: 9vw; */
    padding-top: 5vw;
    border-radius: 0 0 2vw 2vw;
    overflow: clip;
  }

  .quality_wrap .quality_heading {
    width: 80vw;
    margin: auto;
    height: 33vw;
  }

  .quarity_accodion_btn_wrap {
    height: 14vw;
    width: 100%;
    background-color: #008F9E;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: none;
    font-size: 4.5vw;
  }

  .quarity_accodion_btn_wrap::after {
    position: absolute;
    content: "";
    margin: auto;
    top: 0;
    bottom: 0;
    right: 5vw;
    width: 3vw;
    height: 3vw;
    border-top: 2px #fff solid;
    border-right: 2px #fff solid;
  }

  .quarity_accodion_btn_wrap.bt_open::after {
    transform: rotate(135deg);
  }

  .quarity_accodion_btn_wrap.bt_close::after {
    transform: rotate(-45deg);
  }

  .quarity_accodion_item_wrap {
    padding: 10vw 0 10vw;
    /* content-visibility: auto; */
  }

  .quality_wrap .quality_pict_wrap {
    width: 80vw;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    column-gap: 1vw;
    margin: auto;
    flex-direction: column;
  }

  .quality_wrap .quality_pict_item {
    background-color: #fff;
    text-align: center;
    color: #0D8199;
    padding: 4.9vw;
    margin-bottom: 2vw;
    box-sizing: border-box;
  }

  .quality_wrap .quality_pict_item .quality_pict_heading {
    font-weight: 900;
    font-size: 4.7vw;
    font-weight: 800;
    margin-bottom: 2vw;
  }

  .quality_wrap .quality_pict_item .quality_pict_heading .small {
    font-size: 0.8em;
  }

  .quality_wrap .quality_pict_item .quality_pict_heading mark {
    background: linear-gradient(transparent 0%, #ECF5F7 100%);
    color: #0D8199;
  }

  .quality_wrap .quality_pict_text {
    font-size: 3.7vw;
    text-align: center;
    margin: auto;
    text-align: left;
    line-height: 1.5em;
  }

  .quality_wrap .quality_pict_item .quality_pict_1 {
    width: 58vw;
    margin: auto;
    margin-top: 3vw;
  }

  .quality_wrap .quality_pict_item .quality_pict_2 {
    width: 58vw;
    margin: auto;
    margin-top: 5vw;
  }

  .quality_wrap .quality_pict_wrap.smatoku .quality_pict_heading {
    font-weight: 900;
    font-size: 3vw;
    color: #333;
    margin-bottom: 0;
    line-height: 1;
  }

  .quality_wrap .quality_pict_wrap.smatoku .quality_pict_text {
    font-size: 5.3vw;
    text-align: center;
    font-weight: 800;
    margin: auto;
    text-align: left;
    line-height: 1.5em;
    color: #0D8199;
    text-align: center;
  }

  .quality_wrap .quality_pict_item .quality_pict_heading .small {
    font-size: 0.8em;
  }

  .quality_wrap .quality_pict_wrap.smatoku .quality_pict_item .quality_pict_1 {
    width: 58vw;
    margin: auto;
    margin-top: 2vw;
  }

  .quality_wrap .quality_pict_wrap.smatoku .quality_pict_item .quality_pict_2 {
    width: 58vw;
    margin: auto;
    margin-top: 5vw;
  }

  .quality_pict_remarks {
    font-size: 3vw;
    text-align: left;
    color: #333;
    max-width: 80vw;
    margin: 3vw auto 8vw;
  }

  .quality_wrap .quality_foot {
    margin: auto;
    width: 100%;
    font-size: 6vw;
    font-weight: 800;
    text-align: center;
    margin-top: 8vw;
    line-height: 1.5;
  }

  .quality_wrap .quality_pict_device_heading_wrap {
    text-align: center;
    font-weight: 900;
    margin-bottom: 6vw;
  }

  .quality_wrap .quality_pict_device_heading_wrap .subtitle {
    font-size: 4vw;
    color: #0D8199;
    margin-bottom: 1.6vw;
  }

  .quality_wrap .quality_pict_device_heading_wrap .title {
    font-size: 7vw;
    color: #333;
    font-weight: bold;
  }

  /*cv_reserve_allwrap
    ------------------------------------------*/
  .cv_reserve_allwrap {
    margin: auto;
    border-radius: 3vw;
    background: #FFF;
    overflow: hidden;
    padding-top: 10vw;
    margin-bottom: 15vw;
    max-width: 88vw;
  }

  .cv_reserve_allwrap .title {
    color: #333;
    font-size: 4.3vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    padding-bottom: 3vw;
  }

  .cv_reserve_allwrap .cv_btn_primaly {
    box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.25);
  }

  .cv_reserve_allwrap .title .au {
    color: var(--color_orange);
    font-size: 4.5vw;
  }

  .cv_reserve_allwrap .cv_reserve_point_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fcefa4;
    padding: 3vw 0;
    column-gap: 3vw;
    margin-top: 6.2vw;
  }

  .cv_reserve_allwrap .cv_reserve_point_wrap .cv_point {
    border-radius: 3vw;
    background: #FFF;
    width: 44%;
    height: 15vw;
    max-width: 350px;
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 4vw;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2vw 0px;
  }

  .cv_reserve_allwrap .cv_reserve_point_wrap .cv_point.point1 .pict {
    width: 12vw;
  }

  .cv_reserve_allwrap .cv_reserve_point_wrap .cv_point.point2 .pict {
    width: 16vw;
  }

  .cv_reserve_allwrap .cv_reserve_point_wrap .cv_point .text {
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.5em;
  }

  .cv_reserve_allwrap .cv_reserve_point_wrap .cv_point.point1 .text {
    width: 23vw;
  }

  .cv_reserve_allwrap .cv_reserve_point_wrap .cv_point.point2 .text {
    width: 30vw;
    line-height: 1.2em;
  }

  .cv_reserve_allwrap .cv_reserve_point_wrap .cv_point .text span {
    font-size: 3.3vw;
    color: var(--color_orange);
    display: block;
    margin-top: 1vw;
  }

  #au_apple .btn_device_select {
    box-sizing: border-box;
    width: 61.11vw;
    height: 8.15vw;
    padding: 0 2.78vw 0 3.7vw;
    font-size: 2.59vw;
  }

  .benefit_section .remarks_wrap {
    width: 75vw;
    text-align: left;
    margin: auto;
    margin-top: 10vw;
    margin-bottom: 10vw;
    overflow: clip;
  }

  /*section suport---------------------------*/
  /*section area_lastscene---------------------*/
  /*section_area-----------------------------*/
  /*area_section/kazoku*/
  /*area_section/filterling*/
  /*.area_section/tab*/
  /*fixed footer--------------------*/
  .fixed_footer_wrap.show {
    bottom: 0px;
    opacity: 1;
  }

  .fixed_footer_wrap {
    /* height: 16vw; */
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    z-index: 10;
    opacity: 0;
    bottom: -15vw;
    transition: all 0.5s ease-in-out;
    font-weight: bold;
  }

  .fixed_footer_wrap .fixed_footer_btn_wrap {
    background-color: #fff;
    width: 100%;
    margin: auto;
    text-align: center;
    /* height: 13vw; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: clip;
    box-sizing: border-box;
    flex-direction: column;
    padding: 2vw 0;
  }

  .fixed_footer_wrap .title {
    font-size: 3.9vw;
    line-height: 1;
    margin-bottom: 1vw;
  }

  .fixed_footer_wrap .title .au {
    color: var(--color_orange);
    font-size: 5.5vw;
  }

  .fixed_footer_wrap a.link_btn {
    display: flex;
    max-width: 600px;
    width: 71%;
    margin: auto;
    height: 12vw;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-shrink: 0;
    border-radius: 50vw;
    border: 2px solid var(--au-orange, #EB5505);
    background-color: var(--orange_1);
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    font-weight: bold;
    letter-spacing: -0.01em;
    font-size: 3.6vw;
  }

  .fixed_footer_wrap a.link_btn {
    min-width: 44vw;
  }

  /* .fixed_footer_wrap a.link_btn:nth-child(1) .icon::after {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku_new/images/icon_shop_49fda4d7dffa2abc.svg);
  }

  .fixed_footer_wrap a.link_btn:nth-child(2) .icon::after {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku_new/images/icon_cart_7705582850311127.svg);
  } */
  .fixed_footer_wrap a.link_btn::after {
    content: "";
    height: 2vw;
    width: 2vw;
    border-top: 0.4vw solid #fff;
    border-right: 0.4vw solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 4vw;
    bottom: 0;
    top: 0;
    margin: auto;
  }

  /*page-read01_pos------------------*/
  /*swiper_benefit_1 & 2 --------*/
  /*price_modal----------------------------*/
  section.modal_price {
    position: fixed;
    left: 0;
    top: 0;
    flex-wrap: wrap;
    width: 100%;
    min-height: 100vh;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.8);
    color: #333;
  }

  section.modal_price .modal_price_allwrap {
    overflow-y: auto;
    position: relative;
    width: 100%;
    max-height: 100vh;
  }

  section.modal_price .modal_window_allwrap {
    width: 96vw;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 2;
    margin: 5vw auto;
    padding: 5vw 3% 3%;
    position: relative;
  }

  section.modal_price .modal_window_allwrap .btn_close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    font-weight: bold;
    transform: rotate(45deg);
  }

  section.modal_price .modal_window_allwrap .btn_close {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 35px;
    width: 35px;
    font-size: 35px;
    color: #aaa;
    font-weight: bold;
  }

  section.modal_price .modal_window_allwrap .title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  section.modal_price .modal_window_allwrap .item_allwrap {
    border: 1px solid #ddd;
    font-size: 3.5vw;
    margin: 2vw auto;
  }

  section.modal_price .modal_window_allwrap .item_allwrap.border_red {
    border: 1px solid #eb5505;
  }

  section.modal_price .modal_window_allwrap .item_wrap {
    padding: 6vw 6vw 2vw 3vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  section.modal_price .item_allwrap .item_c {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
  }

  section.modal_price .item_allwrap .item_l {
    width: 50%;
    text-align: left;
    margin-bottom: 3vw;
  }

  section.modal_price .item_allwrap .item_r {
    width: 50%;
    text-align: right;
    margin-bottom: 3vw;
    font-size: 3.5vw;
    line-height: 1.7em;
  }

  section.modal_price .segment {
    text-align: center;
    font-weight: bold;
    font-size: 5vw;
    width: 100%;
  }

  section.modal_price .item_wrap .item_remarks {
    font-size: 3.5vw;
    line-height: 1.5em;
  }

  section.modal_price .modal_remarks {
    font-size: 4vw;
    margin: 1em 0;
  }

  section.modal_price .sub_heading {
    font-size: 4vw;
    font-weight: bold;
    margin-bottom: 4vw;
  }

  section.modal_price .modal_remarks_mini {
    font-size: 3.5vw;
    margin: 1em 0;
  }

  section.modal_price .txt_link {
    color: #06a;
  }

  /*modal_vlp------------------------------*/
  section.modal_vlp_allwrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 51;
  }

  section.modal_vlp_allwrap img {
    width: 100%;
  }

  section.modal_vlp_allwrap .modal_vlp_bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
  }

  section.modal_vlp_allwrap .modal_window {
    background-color: #fff;
    width: 100%;
    max-width: 90vw;
    z-index: 10;
    position: relative;
    box-sizing: border-box;
    border-radius: 1vw;
  }

  section.modal_vlp_allwrap .modal_window .modal_window_inner {
    max-height: 80dvh;
    overflow-y: auto;
    padding: 5vw 6vw;
  }

  section.modal_vlp_allwrap .modal_window .modal_close_btn {
    position: absolute;
    right: 0px;
    top: -10vw;
    width: 8vw;
  }

  section.modal_vlp_allwrap .modal_window .modal_copy_wrap {
    text-align: center;
  }

  section.modal_vlp_allwrap .modal_window .modal_copy_wrap .heading {
    font-size: 6vw;
    font-weight: bold;
    margin-bottom: 0vw;
  }

  section.modal_vlp_allwrap .modal_window .modal_copy_wrap .subheading {
    font-size: 3vw;
    margin-bottom: 3vw;
    border: 1px solid #000;
    display: inline-block;
    padding: 0.7vw 1.6vw;
  }

  section.modal_vlp_allwrap .modal_window .modal_copy_wrap .text {
    font-size: 3.7vw;
    text-align: left;
  }

  section.modal_vlp_allwrap .modal_window .modal_copy_wrap .modal_remarks {
    font-size: 3vw;
    text-align: left;
  }

  section.modal_vlp_allwrap .modal_window .btn_modal_close {
    height: 9vw;
    color: #999;
    border-radius: 50vw;
    border: 2px solid #999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29vw;
    position: relative;
    margin: 2vw auto 0;
    font-weight: bold;
  }

  section.modal_vlp_allwrap .modal_window .btn_modal_close::after {
    content: '\FF0B';
    font-size: 4vw;
    position: absolute;
    right: 1.9vw;
    top: 1.1vw;
    transform: rotate(45deg);
  }

  section.modal_vlp_allwrap .modal_window .item_text_link_wrap {
    text-align: right;
    margin-bottom: 3vw;
    font-size: 3.7vw;
  }

  section.modal_vlp_allwrap .modal_window .video_in_modal,
  section.modal_vlp_allwrap .modal_window .video_in_modal iframe {
    width: 100%;
    height: 44vw;
  }

  section.modal_vlp_allwrap .modal_window .video_in_modal {
    margin: 3vw 0 0;
  }

  /*modal_movie------------------------------*/
  section.modal_movie_allwrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 51;
  }

  section.modal_movie_allwrap img {
    width: 100%;
  }

  section.modal_movie_allwrap .modal_movie_bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
  }

  section.modal_movie_allwrap .modal_window {
    background-color: #fff;
    width: 90%;
    z-index: 10;
    position: relative;
    box-sizing: border-box;
  }

  section.modal_movie_allwrap .modal_window .modal_window_inner {
    padding: 1vw;
    aspect-ratio: 16/9;
    background-color: #000;
  }

  section.modal_movie_allwrap .modal_window .player_container {}

  section.modal_movie_allwrap .modal_window .modal_close_btn {
    position: absolute;
    right: 0px;
    top: -8vw;
    width: 6vw;
  }

  /*animation--------------------------*/
  .animation_fadeUp.on {
    transform: translateY(0px);
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }

  .animation_fadeUp {
    transform: translateY(4vw);
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }

  /*au custom*/
  /*for_sp end--------------------------------------*/
}