@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;
  }

  .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;
  }

  .text_mini {
    font-size: 3vw !important;
  }

  /*shitadori_cv_wrap*/
  .shitadori_cv_wrap {
    margin: 12vw auto 0;
    max-width: 80vw;
    background-color: #FFF673
  }

  .shitadori_cv_wrap .shitadori_cv_bnr_wrap {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3vw;
  }

  .shitadori_cv_wrap .shitadori_pict {
    width: 100%;
  }

  .shitadori_cv_wrap .shitadori_detail {
    width: 100%;
  }

  .shitadori_cv_wrap .shitadori_price {
    width: 100%;
    padding: 2vw 3vw 2vw;
  }

  .shitadori_cv_wrap .shitadori_txt {
    padding: 0 3vw 3vw;
    font-size: 3vw;
    text-align: left;
    color: #03004D;
    line-height: 1.5em;
  }

  .shitadori_cv_wrap .cv_btn_primaly {
    max-width: 60vw;
  }


  /*bt_17yoyaku*/

  a.bt_17yoyaku_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    color: #03004D;
    line-height: 1.5em;
    border-radius: 0 0 5vw 5vw;
    background-color: #EB5505;
    box-shadow: 0px 0px 5vw -3px rgba(0, 0, 0, 0.6);
    max-width: 95vw;
    margin: auto;
    margin-bottom: 2vw;
    height: 18vw;
  }

  a.bt_17yoyaku_wrap .bt_17yoyaku {
    margin: auto;
    max-width: 61vw;
  }


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


  #area_ad_2 .area_ad {
    /* width: 92.8%; */
    /* background-color: #fff; */
  }

  .area_ad .area_ad_wrap {
    margin: auto;
  }

  .benefit_section .au_nara {
    width: 50vw;
    margin: auto;
    margin-bottom: 3vw;
  }

  #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: 5vw;
    text-align: center;
    padding: 5vw;
  }



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

  .area_ad .au_nara {
    width: 51vw;
    margin: 0 auto;
    margin-bottom: 3vw;
  }

  .area_ad .value-link-plan_copy {
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px 0;
  }

  .area_ad .area_ad_bnr_starlink {
    width: 90vw;
    margin: auto;
    display: block;
    margin-bottom: 10vw;
  }

  .area_ad .value-link-plan_copy {
    font-size: 3.4vw;
    font-weight: bold;
    white-space: nowrap;
  }

  .area_ad .area_ad_bnr_starlink {
    width: 100%;
  }

  .area_ad .value-link-plan_logo {
    width: 100%;
    margin-bottom: 2vw;
    display: flex;
    flex-direction: column;
    row-gap: 3vw;
  }

  .area_ad .value-link-plan_remarks {
    font-size: 3.2vw;
    text-align: left;
    margin: auto;
    width: 80.4vw;
    line-height: 1.4em;
  }

  .area_ad .accodion_allwrap {
    margin: 5vw 0;
  }

  .area_ad .accodion_allwrap .accodion_wrap {
    width: 100%;
    background-color: #fff;
    border-radius: 3vw;
    margin-bottom: 2vw;
  }

  .area_ad .accodion_allwrap .accodion_btn {
    min-height: 19vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 16vw;
    font-weight: bold;
    position: relative;
    flex-direction: column;
    letter-spacing: -0.01em;
    padding-left: 2vw;
    background-color: #fff;
    border: none;
    border-radius: 2vw;
  }

  .area_ad .accodion_allwrap .accodion_btn::after {
    content: '';
    position: absolute;
    display: inline-block;
    right: 6vw;
    height: 2vw;
    width: 2vw;
    border-right: 0.5vw solid #333;
    border-top: 0.5vw solid #333;
    display: inline-block;
    margin-left: 0.5em;
  }

  .area_ad .accodion_allwrap .accodion_btn.off::after {
    transform: rotate(135deg);
  }

  .area_ad .accodion_allwrap .accodion_btn.on::after {
    transform: rotateZ(-45deg);
  }

  .area_ad .accodion_btn .title {
    font-size: 3.5vw;
    color: #333;
    line-height: 1.5em;
  }

  .area_ad .accodion_allwrap .accodion_btn mark {
    font-size: 4.5vw;
    color: #EB5505;
    background: linear-gradient(transparent 80%, #FCEFA4 80%);
    margin: 0.3em;
    font-weight: 900;
  }

  .area_ad .accodion_allwrap .accodion_btn.item_1 {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/value-link-plan1_icon_d4ade38e12aef4b1.webp);
  }

  .area_ad .accodion_btn.item_2 {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/value-link-plan2_icon_28ef336b1e112230.webp);
  }

  .area_ad .accodion_allwrap .accodion_btn.item_3 {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/value-link-plan3_icon_46305c70aa008839.webp);
  }

  .area_ad .accodion_allwrap .accodion_btn.item_4 {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/value-link-plan4_icon_4bfca732807757ff.webp);
  }

  .area_ad .accodion_allwrap .accodion_btn.item_5 {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/value-link-plan5_icon_6a6163689587619.webp);
  }


  .area_ad .accodion_item {
    padding: 4vw 5vw;
  }

  .area_ad .accodion_allwrap .accodion_item .item_title {
    font-size: 5vw;
    font-weight: bold;
    color: #333;
    line-height: 1.4em;
    margin-bottom: 3vw;
  }

  .area_ad .accodion_allwrap .accodion_item .item_subtitle {
    font-size: 3vw;
    border: 1px solid #333;
    padding: 0.5vw 2vw;
    text-align: center;
    color: #333;
    display: inline-block;
    margin-bottom: 3vw;
  }

  .area_ad_video_wrap.content_outer {
    background-color: #F6F5FA;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    padding: 5vw 3vw;
    margin-bottom: 3vw;
    max-width: 94%;
    margin: auto;
    border-radius: 2vw;
    margin-bottom: 10vw;
    box-sizing: border-box;
  }

  .area_ad_video_wrap.content_inner {
    background-color: inherit;
    margin-top: 10vw;
  }

  .area_ad_video_wrap .title {
    font-size: 5vw;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 5vw;
  }

  .youtube_allwrap {
    position: relative;
    width: 100%;
    max-width: 90vw;
    margin: auto;
    text-align: center;
    overflow: clip;
    height: 46vw;


  }

  .youtube_allwrap .youtube_wrap,
  .youtube_allwrap .youtube_wrap iframe {
    width: 100%;
    height: 45vw;
    max-width: 80vw;
    margin: auto;
    aspect-ratio: 4 / 3;
    margin-bottom: 5vw;
    overflow: hidden;
  }

  .youtube_tb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
  }

  .youtube_tb::after {
    content: "";
    height: 10vw;
    width: 10vw;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_thumbnail_play_a6fa322db5a39c82.svg);
    background-size: contain;
    background-position: center;
    background-repeat: none;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .youtube_tb.is-view {
    display: block;
  }


  .area_ad .accodion_allwrap .accodion_item .accodion_btn_close {
    border-radius: 50vw;
    border: 1px solid #999;
    color: #999;
    height: 50px;
    width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-size: 14px;
    margin: auto;
  }

  .area_ad .accodion_allwrap .accodion_item .accodion_btn_close::after {
    content: '\FF0B';
    transform: rotate(45deg);

  }

  /*accodion item common*/

  .area_ad .accodion_item .cv_btn_modal {
    border-radius: 50vw;
    border: 2px solid var(--orange_1);
    background-color: #fff;
    display: inline-block;
    color: var(--orange_1);
    font-size: 3.5vw;
    min-height: 10vw;
    padding: 0 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1vw 0;
    width: 100%;
    font-weight: bold;
    line-height: 1.3em;
    padding: 2vw 0;
  }

  .area_ad .accodion_item .cv_btn_modal::after {
    content: '\FF0B';
    font-size: 5vw;
    position: absolute;
    right: 2vw;
  }

  /*item_1*/
  .area_ad .accodion_item.item_1 {}

  .area_ad .accodion_item.item_1 .item_text_allwrap {
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: flex-start; */
    /* gap: 20px; */
    margin: 2vw 0;
  }

  .area_ad .accodion_item.item_1 .item_text_allwrap .video_wrap {
    min-width: 57%;
    border-radius: 20px;
    overflow: clip;
    line-height: 1;
    margin-bottom: 3vw;
  }

  .area_ad .accodion_item.item_1 .item_text_allwrap video {
    width: 100%;

  }

  .area_ad .accodion_item.item_1 .item_text_allwrap .item_heading {
    font-size: 4vw;
    font-weight: bold;
    text-align: left;
    line-height: 1.7em;
    margin-bottom: 2vw;
  }

  .area_ad .accodion_item.item_1 .item_text_allwrap .item_subheading {
    font-size: 3vw;
    font-weight: bold;
    text-align: left;
    line-height: 1.7em;
    margin-bottom: 10px;
  }


  .area_ad .accodion_item.item_1 .item_text_link_wrap {
    text-align: left;
    margin-bottom: 3vw;
  }

  .area_ad .accodion_item.item_1 .item_text_link {
    text-decoration: underline;
    color: #0066AA;
    display: inline-block;
    margin: 0 0 0 auto;
    font-size: 3.5vw;
  }

  .area_ad .accodion_item.item_1 .item_text {
    font-size: 3vw;
    text-align: left;
    line-height: 1.7em;
    margin-bottom: 9vw;
  }

  .area_ad .accodion_item.item_1 .item_text .subheading {
    font-size: 3.5vw;
    text-align: left;
    margin-bottom: 1em;
  }

  /*.item_2*/

  .area_ad .accodion_item.item_2 .item_text {
    font-size: 3.6vw;
    text-align: left;
    line-height: 1.5em;
    margin-bottom: 3vw;
  }

  .area_ad .accodion_item.item_2 .item_text_link_wrap {
    text-align: right;
    margin-bottom: 4vw;
  }

  .area_ad .accodion_item.item_2 .item_text_link_wrap .item_text_link {
    display: inline-block;
    margin: 0 0 0 auto;
    font-size: 3.6vw;
    color: #0066AA;
  }

  .area_ad .accodion_item.item_2 .item_text_inner {
    font-size: 3.6vw;
    text-align: left;
    margin: auto;
    margin-bottom: 5vw;
    line-height: 1.5em;
  }

  .area_ad .accodion_item.item_2 .youtube_allwrap {
    margin-bottom: 5vw;
  }

  .area_ad .accodion_item.item_2 .youtube_wrap,
  .area_ad .accodion_item.item_2 .youtube_wrap iframe {
    width: 100%;
    height: 40vw;
    aspect-ratio: 6/4;
  }



  /*item_3*/
  .area_ad .accodion_item.item_3 .item_text_allwrap {
    /* display: flex; */
    /* column-gap: 20px; */
    /* justify-content: space-between; */
    /* align-items: center; */
    margin: 5vw auto;
  }

  .area_ad .accodion_item.item_3 .item_text_allwrap .item_text_wrap {
    font-size: 3.6vw;
    text-align: left;
    line-height: 1.6em;
    margin-bottom: 5vw;
  }

  .area_ad .accodion_item.item_3 .item_text_allwrap .item_text_wrap .remarks {
    font-size: 3.6vw;
    margin-top: 3vw;
  }

  .area_ad .accodion_item.item_3 .item_text_allwrap .value-link-plan3_pict1 {
    min-width: 42%;

  }

  .area_ad .accodion_item.item_3 .item_remarks {
    font-size: 3.6vw;
    max-width: 100%;
    text-align: left;
    margin: 4vw 0 8vw;
    line-height: 1.4em;
  }

  .area_ad .accodion_item.item_3 .value-link-plan3_pict2 {
    min-width: 100%;
    border-radius: 10px;
    overflow: hidden;
  }

  .area_ad .accodion_item.item_3 .cv_btn_wrap {
    /* display: flex; */
    /* justify-content: space-between; */
    /* column-gap: 20px; */
    /* align-items: flex-end; */
  }

  .area_ad .accodion_item.item_3 .cv_btn_secondaly {
    font-size: 14px !important;
    padding-right: 8px;
    box-sizing: border-box;

  }

  .area_ad .accodion_item.item_3 .cv_btn_wrap .cv_btn {
    /* width: 50%; */
    margin-bottom: 5vw;
  }

  .area_ad .accodion_item.item_3 .cv_btn_wrap .cv_btn_fukidashi {
    position: relative;
    display: inline-block;
    font-size: 4vw;
    font-weight: bold;
    color: var(--orange_1);
    margin-bottom: 3vw;
  }

  .area_ad .accodion_item.item_3 .cv_btn_wrap .cv_btn_fukidashi::before,
  .area_ad .accodion_item.item_3 .cv_btn_wrap .cv_btn_fukidashi::after {
    content: "";
    height: 24px;
    width: 2px;
    background-color: var(--orange_1);
    position: absolute;
    top: 1px;
  }

  .area_ad .accodion_item.item_3 .cv_btn_wrap .cv_btn_fukidashi::before {
    left: -20px;
    transform: rotate(-20deg);
  }

  .area_ad .accodion_item.item_3 .cv_btn_wrap .cv_btn_fukidashi::after {
    right: -20px;
    transform: rotate(20deg);
  }

  .area_ad .accodion_item.item_3 .cv_btn_wrap a.cv_btn_accodion {
    min-height: 10vw;
    width: 100%;
    background-color: #fff;
    font-size: 3.6vw;
    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/images/icon_arrow_orange.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 2vw;
    background-size: 10px;
    margin: auto;
    font-weight: bold;
    border: 2px solid var(--color_orange);
    box-sizing: border-box;
    padding: 3vw 0;
  }

  /*item_4*/
  .area_ad .accodion_item.item_4 .item_text_allwrap {
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto;
  }

  .area_ad .accodion_item.item_4 .item_text_allwrap .item_text_wrap {
    font-size: 3.8vw;
    text-align: left;
    /* font-weight: bold; */
    line-height: 1.6em;
  }

  .area_ad .accodion_item.item_4 .item_text_allwrap .item_text_wrap .indent_h1 {
    font-size: 3.4vw;
    line-height: 1.4em;
  }

  .area_ad .accodion_item.item_4 .item_text_allwrap .value-link-plan3_pict1 {
    min-width: 42%;

  }

  .area_ad .accodion_item.item_4 .value-link-plan3_pict2 {
    min-width: 100%;
    border-radius: 10px;
    overflow: hidden;
  }

  .area_ad .accodion_item.item_4 .item_text_link_wrap {
    text-align: right;
    margin-bottom: 1v;
  }

  .area_ad .accodion_item.item_4 .item_text_link_wrap .item_text_link {
    display: inline-block;
    margin: 0 0 0 auto;
    font-size: 3.3vw;
    color: #0066AA;
  }

  /*item_5*/
  .area_ad .accodion_btn.item_5 .subtitle {
    font-size: 3vw;
    text-align: center;
    font-weight: normal;
    margin-top: 0.7vw;
  }

  .area_ad .accodion_item.item_5 {}

  .area_ad .accodion_item.item_5 .item_text_allwrap {
    /* display: flex; */
    justify-content: space-between;
    /* align-items: center; */
    column-gap: 20px;
    margin: 5vw 0;
  }

  .area_ad .accodion_item.item_5 .item_pict {
    min-width: 50%;
  }

  .area_ad .accodion_item.item_5 .item_text_wrap {
    min-width: 50%;
    text-align: left;
  }

  .area_ad .accodion_item.item_5 .item_text_wrap .item_heading {
    font-size: 4.4vw;
    font-weight: bold;
    margin: 5vw 0;
    line-height: 1.5em;
  }

  .area_ad .accodion_item.item_5 .item_text_wrap .item_text {
    font-size: 14px;
  }

  .area_ad .accodion_item.item_5 .item_text_wrap .item_remarks {
    font-size: 3.5vw;
    margin-bottom: 1.5vw;
    line-height: 1.3em;
  }

  .area_ad .accodion_item.item_5 .item_text_wrap .item_text_link_wrap {}

  .area_ad .accodion_item.item_5 .item_text_wrap .item_text_link_wrap .item_text_link {
    font-size: 3vw;
    text-align: left;
    color: #0066AA;
  }

  /*item_6*/

  .area_ad .accodion_item.item_6 {}

  .area_ad .accodion_item.item_6 .item_heading {
    font-size: 4.3vw;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 3vw;
  }

  .area_ad .accodion_item.item_6 .value-link-plan5_pict1 {
    width: 100%;
    margin: 20px 0;
  }

  .area_ad .accodion_item.item_6 .item_text_wrap {
    font-size: 3.3vw;
    text-align: left;
    line-height: 1.4em;
  }





  /*
  .area_ad .area_ad_fukidashi {
    width: 60vw;
    margin: 0px auto 2vw;
  }

  .area_ad .area_ad_numberone {
    width: 100%;
    margin-bottom: 4vw;
  }

  #area_ad_1 .area_ad .area_ad_heading {
    width: 130%;
    margin-bottom: 20px;
    position: relative;
    right: 12.5%;
  }

  #area_ad_2 .area_ad .area_ad_heading {
    width: 100%;
    margin-bottom: 4vw;
  }
*/
  /*area_ad /  slider_wrap*/
  /*
  .area_ad .slider_wrap {
    max-width: 70vw;
    margin: auto;
    position: relative;
  }

  .area_ad .xf_slider_wrap {
    max-width: 70vw;
    margin: auto;
    position: relative;
  }

  .area_ad .movie_title {
    width: 100%;
    margin-bottom: 5vw;
    font-weight: bold;
    text-align: center;
    font-size: 5vw;
  }

  .area_ad .slider_wrap .swiper-wrapper {
    padding-bottom: 10vw;
  }

  .area_ad .slider_wrap .swiper-wrapper .modal_slide_item {
    position: relative;
    display: block;
  }

  .area_ad .slider_wrap .movie_item {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }

  .area_ad .slider_wrap .movie_item iframe {
    height: 100%;
    width: 100%;
  }


  .area_ad .slider_wrap .swiper-wrapper .modal_slide_item .icon_play {
    content: "";
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_thumbnail_play_1d4d3760f739da4c.svg);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.8;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 8vw;
    width: 8vw;
    pointer-events: none;
  }

  .area_ad .slider_wrap .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #000;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    display: none;
  }

  .area_ad .slider_wrap .swiper-button-next,
  .area_ad .slider_wrap .swiper-button-prev {
    height: 7vw;
    width: 7vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #333;
    position: absolute;

  }

  .area_ad .slider_wrap .swiper-button-next.movie1,
  .area_ad .slider_wrap .swiper-button-prev.movie1 {
    top: 11vw;
  }

  .area_ad .slider_wrap .swiper-button-next.tsunagu1,
  .area_ad .slider_wrap .swiper-button-prev.tsunagu1 {
    top: 10vw;
  }

  .area_ad .slider_wrap .swiper-button-next {
    left: 72vw;
    right: 0;
    margin: auto;
  }

  .area_ad .slider_wrap .swiper-button-prev {
    right: 0;
    left: -81vw;
    margin: auto;
  }


  .area_ad .slider_wrap .swiper-button-next::before,
  .area_ad .slider_wrap .swiper-button-prev::before {
    content: "";
    height: 2vw;
    width: 2vw;
    border-left: 1px #fff solid;
    border-bottom: 1px #fff solid;
    position: relative;
  }

  .area_ad .slider_wrap .swiper-button-next::before {
    transform: rotate(-135deg);
    position: relative;
    right: 0.4vw;
  }

  .area_ad .slider_wrap .swiper-button-prev::before {
    transform: rotate(45deg);
    left: 0.4vw;
  }

  .area_ad .area_ad_network_title {
    margin: 10vw auto 5vw;
    max-width: 70vw;
  }
*/


  /*
  swiper_tsunagu1*/
  /*
  .area_ad .swiper_tsunagu1 {
    height: 66vw;
  }

  .area_ad .swiper_tsunagu1 .modal_slide_item {
    background-color: #fff;
  }

  .area_ad .swiper_tsunagu1 a.swiper_tsunagu_item {
    text-decoration: none;
    color: #000;
    display: block;
    text-align: left;
  }

  .area_ad .swiper_tsunagu1 .tb_tsunagu {
    margin-bottom: 1vw;
  }

  .area_ad .swiper_tsunagu1 .tsunagu_text {
    font-size: 3.5vw;
    padding: 0 4vw;
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.4em;
  }

  .area_ad .swiper_tsunagu1 .tsunagu_detail {
    font-size: 3vw;
    display: inline-block;
    position: relative;
    padding-left: 7vw;
  }

  .area_ad .swiper_tsunagu1 .tsunagu_detail:hover {
    text-decoration: underline;
  }

  .area_ad .swiper_tsunagu1 .tsunagu_detail::before {
    content: "";
    position: absolute;
    left: 3.5vw;
    top: 1vw;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon-arrow-tsunagu_af9631b0d79785f7.png);
    height: 2.5vw;
    width: 2.5vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
*/









  /*
  .area_ad .award_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 7.6vw;
  }

  #area_ad_1 .area_ad .award_wrap {
    width: 74%;
  }

  .area_ad .award_item {
    width: 30%;
  }

  .area_ad .area_ad_award_global {
    width: 100%;
    max-width: 64.8vw;
    margin: auto;
    margin-bottom: 2vw;
  }

  .area_ad .link_detail {
    font-size: 3vw;
    text-decoration: underline !important;
    display: inline-block;
    margin-bottom: 5vw;
  }

  .area_ad .remarks_wrap {
    margin: auto;
    text-align: left;
    font-size: 3vw;
    line-height: 1.5em;
    position: relative;
    overflow: clip;
    position: relative;
    margin: 0 auto 5vw !important;
    height: 55vw;
  }

  #area_ad_1 .area_ad .remarks_wrap {
    max-width: 74vw;
    margin: auto;
  }

  .area_ad .remarks_wrap.on {
    height: auto;
  }

  .area_ad .remarks_wrap: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%);
  }

  .area_ad .remarks_wrap .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: 5px;
    font-size: 3.5vw;
    border: 2px solid #fff;
  }

  .area_ad .remarks_wrap.on:after,
  .area_ad .remarks_wrap.on .remarks_accodion_btn {
    display: none;
  }
*/



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

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

  section.kv_section .kv_image {
    position: absolute;
    width: 48vw;
    /* left: 0; */
    right: 52vw;
    margin: auto;
    top: 6vw;
  }

  section.kv_section .kv_fukidashi {
    position: absolute;
    width: 47vw;
    left: 0;
    right: -32vw;
    margin: auto;
    top: 11vw;
  }

  section.kv_section .kv_titile {
    position: absolute;
    width: 51.7vw;
    right: 7.5vw;
    margin: auto;
    top: 24.3vw;
  }

  section.kv_section.iphone16_relese .kv_titile {
    position: absolute;
    width: 61.8vw;
    right: 2.3vw;
    margin: auto;
    top: 10vw;
  }

  section.kv_section.iphone16_relese .kv_titile_note {
    position: absolute;
    width: 91.8vw;
    right: 0;
    left: 0;
    margin: auto;
    top: 53vw;
  }

  section.kv_section .kv_anchor_wrap {
    height: 35vw;
    width: 100%;
    text-align: center;
    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%);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 8vw;
  }

  section.kv_section .kv_anchor_wrap .kv_anchor_innner {
    width: 92%;
    border-left: 2px solid #AAA;
    height: 25vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }


  section.kv_section .kv_anchor_wrap .anchor_item {
    border-right: 2px solid #AAA;
    width: 33.3%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    /* font-size: 18px; */
    color: #0D8199;
    /* padding-left: 5%; */
  }

  section.kv_section .kv_anchor_wrap .anchor_item .kv_anchor_icon {
    width: 85%;
    /* padding-right: 9%; */
    position: relative;
    top: 2.1vw;
  }


  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: 54vw;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }

  .inner_content_wrap.area_ad_kv_section_wrap {
    position: relative;
  }

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

  section.area_ad_kv_section .kv_fukidashi {
    position: absolute;
    width: 51vw;
    left: 0;
    right: 2vw;
    margin: auto;
    top: -13vw;
  }

  section.area_ad_kv_section .kv_titile {
    position: absolute;
    width: 59vw;
    left: 0;
    right: -34vw;
    margin: auto;
    top: 11vw;
  }




  /*section_benefit_section------------------*/

  .benefit_section {
    width: 94%;
    /* padding-bottom: 10vw; */
    margin: auto;
  }

  .benefit_section .benefit_item_wrap {
    background-color: #f4f4f4;
    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 .head_bnr_copy {
    font-size: 5vw;
    font-weight: bold;
    position: relative;
    color: #0D8199;
    display: inline-block;
    margin: 8vw auto 4vw;
  }

  .benefit_section .head_bnr_copy::before,
  .benefit_section .head_bnr_copy::after {
    content: "";
    height: 9vw;
    width: 0.5vw;
    background-color: #0D8199;
    position: absolute;
  }

  .benefit_section .head_bnr_copy::before {
    left: -5vw;
    transform: rotate(-20deg);
  }

  .benefit_section .head_bnr_copy::after {
    right: -5vw;
    transform: rotate(20deg);
  }


  .benefit_section .head_bnr_wrap {
    position: relative;
    max-width: 87vw;
    margin: auto;
    text-align: center;
  }

  .benefit_section .bnr_iphone_exchange {
    max-width: 80vw;
    margin: auto;
    margin-top: 10vw;
    display: block;
  }

  .benefit_section .head_bnr_wrap .head_bnr_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1vw;
    margin: auto;
    width: 59vw;
    display: block;
  }






  .benefit_section .benefit_title_wrap {
    height: 28vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/benefit_title_bg.png);
    position: relative;
    z-index: 0;
    width: 100%;
    background-size: 2.5vw;
    color: #fff;
    font-size: 5.5vw;
    letter-spacing: -0.03em;
  }

  .benefit_section .benefit_title_wrap .small {
    font-size: 0.7em;
  }

  .benefit_section .benefit_title_icon {
    width: 15vw;
    /* height: 21vw; */
    position: relative;
    left: -5.6vw;
    top: 1.7vw;
    margin-right: -3vw;
    /* padding-top: 6.9vw; */
  }

  .benefit_section .benefit_title {
    display: inline-block;

  }

  .area_section .debt_title {
    margin: 5vw auto;
    max-width: 60vw;
  }



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


  .benefit_section .underline_yellow {
    display: inline-block;
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    white-space: nowrap;
    /* margin-top: 2vw; */
    vertical-align: bottom;
  }

  /*
    .benefit_section .underline_yellow::before {
    content: "";
    width: 100%;
    height: 2vw;
    background-color: #ffea00;
    position: absolute;
    bottom: 0vw;
    z-index: -1;
    display: inline-block;
}
    */
  .remarks {
    font-size: 3vw;
    line-height: 1.5em;
  }

  .remarks .title {
    font-weight: bold;
    margin: 3vw 0 0vw 0;
    /* font-size: 3.5vw; */
  }

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

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



  .benefit_section #benefit_1 .copy_add_4 {
    margin: auto;
    padding: 5vw 0;
    font-size: 4.3vw;
    background-color: #E5E5E5;
    border-radius: 2vw;
    position: relative;
    margin-bottom: 8vw;
    margin-top: 1vw;
    line-height: 1.4em;
  }


  .benefit_section #benefit_1 .copy_add_4 .small {
    font-size: 3vw;
  }



  .benefit_section #benefit_1 .copy_add_4::after {
    content: "";
    height: 6vw;
    width: 6vw;
    background-color: #E5E5E5;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -2vw;
    transform: rotate(45deg);
  }

  .benefit_section #benefit_1 .copy_end_stamp {
    width: 65vw;
    margin: auto;
    margin-bottom: 5vw;
  }


  .benefit_section #benefit_1 .copy_add_1_1 {
    font-size: 4.8vw;
    position: relative;
    display: inline-block;
    line-height: 1.4em;
  }

  .benefit_section #benefit_1 .copy_add_1_1::after,
  .benefit_section #benefit_1 .copy_add_1_1::before {
    content: "";
    height: 45px;
    width: 3px;
    background-color: var(--color_orange);
    margin: auto;
    transform: rotate(45deg);
  }

  .benefit_section #benefit_1 .copy_add_1_1::after {
    height: 13vw;
    width: 3px;
    background-color: var(--color_orange);
    position: absolute;
    right: -9vw;
    top: 0;
    transform: rotate(14deg);
  }

  .benefit_section #benefit_1 .copy_add_1_1::before {
    position: absolute;
    height: 13vw;
    width: 3px;
    background-color: var(--color_orange);
    left: -9vw;
    top: 0vw;
    transform: rotate(-14deg);
    border-radius: 2px;
  }

  .benefit_section #benefit_1 .copy_add_1_1 .small {
    font-size: 4vw;
  }


  .benefit_section #benefit_1 .copy_add_1_2 {
    font-size: 5.3vw;
    color: #333;
    margin-top: 4vw;
    line-height: 1.1em;
  }

  .benefit_section #benefit_1 .copy_add_1_3 {
    font-size: 3vw;
    color: #999;
    margin-top: 3vw;
  }



  .benefit_section #benefit_1 .copy_add_7 {
    font-size: 4vw;
    display: inline-block;
    margin: auto;
    position: relative;
    margin-bottom: 0vw;
    line-height: 1.8em;
  }

  .benefit_section #benefit_1 .copy_add_7::after {
    content: "";
    height: 17vw;
    width: 3px;
    background-color: var(--color_orange);
    position: absolute;
    left: -5vw;
    top: -1vw;
    transform: rotate(-14deg);
    border-radius: 2px;
  }

  .benefit_section #benefit_1 .copy_add_7::before {
    content: "";
    height: 17vw;
    width: 3px;
    background-color: var(--color_orange);
    position: absolute;
    right: -5vw;
    top: -1vw;
    transform: rotate(14deg);
    border-radius: 2px;
  }

  .benefit_section #benefit_1 .copy_add_7 .big {
    font-size: 6vw;
    position: relative;
    top: -1vw;
  }

  .benefit_section #benefit_1 .copy_add_7 .benefit_1_price_3 {
    width: 14vw;
    position: relative;
    line-height: 0;
    margin: 0 1vw;
  }

  .benefit_section #benefit_1 .benefit_1_price_4 {
    margin: 5vw auto 10vw;
    width: 92%;
  }



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

  .benefit_section #benefit_1 .benefit_text_wrap {
    text-align: center;
    margin: auto;
    margin-top: 8.3vw;
    font-size: 4vw;
  }

  .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;
  }

  .benefit_section .device_fukidashi {
    font-size: 4.8vw;
    color: #0D8199;
    text-align: center;
    font-weight: bold;
    position: relative;
    margin: auto;
    display: inline-block;
    margin-bottom: 10vw;
    line-height: 1.5em;
  }

  .benefit_section .device_fukidashi::after,
  .benefit_section .device_fukidashi::before {
    content: "";
    height: 14vw;
    width: 0.5vw;
    background-color: #0D8199;
    position: absolute;
    top: 0;
  }

  .benefit_section .device_fukidashi::before {
    transform: rotate(-20deg);
    left: -5vw;

  }

  .benefit_section .device_fukidashi::after {
    transform: rotate(20deg);
    right: -5vw;

  }






  .benefit_section .tab_iphone16 .title_iphone15_wrap {
    margin-top: 9.6vw;
  }

  .benefit_section .w_otoku_heading1 {
    margin: auto;
    width: 84vw;
    margin-bottom: 10vw;
  }


  .benefit_section .device_photo {
    width: 68vw;
    margin: 8vw auto;
  }

  /*

  .benefit_section .tab_iphone16pro .device_photo {
    width: 80vw;
    margin: 8vw auto;
  }

  .benefit_section .tab_iphone15 .device_photo {
    width: 80vw;
    margin: 8vw auto;
  }
*/

  .benefit_section .tab_btn_device_wrap .tab_btn_device.on {
    background: #EB5505;
    color: #fff;
    pointer-events: none;
  }

  /*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: 10vw;
  }

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

  .benefit_section .device_case {
    font-size: 4vw;
    font-weight: bold;
    color: #333;
    border-radius: 1vw;
    border: solid #333;
    text-align: center;
    width: 100%;
    max-width: 75vw;
    margin: auto;
    padding: 0.2em 0;
    background-color: #fff;
    margin-bottom: 5vw;
  }

  .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;
    /* border-radius: 0 0 2vw 2vw; */
    margin: auto;
    padding: 8vw 0vw;
    box-sizing: border-box;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone {
    margin: auto;
    margin-bottom: 5vw;
    margin: 0 5vw 10vw;
    position: relative;
    background-color: #F6F5FA;
    border-radius: 2vw;
    padding: 6vw 0vw 7vw;
    text-align: center;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone::after {
    content: "";
    position: absolute;
    display: block;
    height: 8vw;
    width: 13vw;
    background-color: #F6F5FA;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    margin: auto;
    left: 0;
    right: 0;
    bottom: -4vw;
    z-index: 1;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_fukidashi_heading {
    display: inline-block;
    margin: auto;
    font-size: 4vw;
    color: #0D8199;
    position: relative;
    margin-bottom: 5vw;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_fukidashi_heading::after,
  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_fukidashi_heading::before {
    content: "";
    background-color: #0D8199;
    height: 6vw;
    width: 0.5vw;
    position: absolute;
    top: 0vw;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_fukidashi_heading::after {
    right: -4vw;
    transform: rotate(30deg);
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_fukidashi_heading::before {
    left: -4vw;
    transform: rotate(-30deg);
  }

  .price_iphone_fukidashi_heading a.fukidashi_heading_anchor_btn {
    display: inline-block;
    color: #0D8199;
    border-bottom: 1px solid;
    line-height: 1.5em;
  }

  .price_iphone_fukidashi_heading a.fukidashi_heading_anchor_btn::after {
    content: "";
    display: inline-block;
    height: 0.9em;
    width: 0.9em;
    margin: 0em 0.2em;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_fukidashi_heading_anchor_btn_92654385c4970679.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 0.1em;

  }


  .benefit_section .tab_item_plan_wrap .price_iphone .price_release_date {
    border: 2px solid #CCCCCC;
    min-width: 60vw;
    border-radius: 10px;
    padding: 1vw;
    text-align: center;
    font-size: 3.7vw;
    display: inline-block;
    margin-bottom: 5vw;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone a.price_iphone_anchor {
    margin: auto;
    display: inline-block;
    width: ;
    color: #333;
    font-size: 3.7vw;
    border-bottom: 1px solid #999;
    font-weight: bold;
    line-height: 1.5em;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone a.price_iphone_anchor::after {
    content: "";
    display: inline-block;
    height: 0.9em;
    width: 0.9em;
    margin: 0em 0.2em;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_anchor_arrow_4fcecab87bebb399.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 0.1em;
  }

  .benefit_section .tab_item_plan_wrap .value_price_wrap {
    text-align: center;
    color: #333;
    margin: 3vw auto 0;
  }

  .benefit_section .tab_item_plan_wrap .value_price_heading {
    font-size: 3.4vw;
    font-weight: bold;
    line-height: 1.5em;
  }

  .benefit_section .tab_item_plan_wrap .value_price_data {
    display: inline-block;
    font-size: 3.8vw;
    font-weight: bold;
    color: #EB5505;
    margin-bottom: 1vw;
  }

  .benefit_section .tab_item_plan_wrap .value_price_data .din_bold {
    font-size: 10.3vw;
    display: inline-block;
    letter-spacing: -0.02em;
    line-height: 0.9em;
  }

  .benefit_section .tab_item_plan_wrap .value_price_note {
    font-size: 3vw;
    line-height: 1.5em;
  }



  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_sumatoku {
    text-align: center;
    font-size: 4vw;
    line-height: 1.8em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 800;
    position: relative;
    z-index: 2;
    line-height: 1.7em;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_sumatoku .big {
    font-size: 1.3em;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_sumatoku .din_demi {
    font-size: 2em;
    letter-spacing: -0.05em;
    padding: 0 0.5vw;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_sumatoku .price_iphone_sumatoku_before {
    width: 40vw;
    margin: 1vw auto -2vw;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_sumatoku_detail_wrap {
    background-color: #eceaf3;
    border-radius: 10px;
    text-align: center;
    padding: 3vw 0;
    display: inline-block;
    width: 61vw;
    margin-bottom: 30px;

  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_sumatoku_detail_wrap .title {
    color: #0D8199;
    font-weight: 700;
    font-size: 5.3vw;
    margin-bottom: 2vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 800;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_sumatoku_detail_wrap .subtitle {
    font-size: 4vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 800;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_sumatoku_detail_wrap .remarks {}

  .benefit_section .tab_item_plan_wrap .price_iphone .price {
    width: 60vw;
    margin: 0px auto;
    display: block;
  }


  .benefit_section .tab_item_plan_wrap .price_iphone16_arrow {
    width: 77vw;
    margin: 2vw auto;
    margin-bottom: 4vw;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone_arrow {
    width: 8vw;
    margin: 0px auto;
    margin-bottom: 4vw;
  }

  .benefit_section .tab_item_plan_wrap .price_fix_iphone_wrap {
    background-color: #FFF0E8;
    width: 87vw;
    position: relative;
    left: -5vw;
    padding: 5vw;
    /* max-width: 64vw; */
    margin-bottom: 5vw;
  }


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

  .benefit_section .tab_item_plan_wrap .price_fix_iphone15_pict {
    width: 100%;
    max-width: 94vw;
    margin: auto;
  }


  .benefit_section .tab_item_plan_wrap .price_fix_iphone.iphone14_2 {
    width: 54vw;
    margin: auto;
    margin-bottom: 10px;
  }



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

  .benefit_section .price_detail .price_detail_item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 3.2vw;
    font-weight: bold;
    height: 6vw;
  }

  .benefit_section .price_detail .price_heading {
    width: 50%;
    text-align: left;
  }

  .benefit_section .price_detail .price_subtitle {
    width: 62%;
    text-align: right;
  }

  .benefit_section .price_detail .price_subtitle.pos_right {
    position: relative;
    right: -0.5em;
  }

  .price_data {
    width: 33%;
    text-align: right;
  }

  .benefit_section .price_detail .big {
    font-size: 4.3vw;
  }





  .benefit_section .shitadori_acodion_allwrap {
    border-radius: 2vw;
    background: #F6F5FA;
    width: 75vw;
    margin: auto;
    padding-bottom: 3vw;
    margin-bottom: 6vw;
  }

  .benefit_section .shitadori_acodion_allwrap .title {
    color: #0D8199;
    text-align: left;
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    padding: 4vw 0;
    display: inline-block;
  }

  .benefit_section .shitadori_acodion_allwrap .title .small {
    font-size: 0.75em !important;
  }

  .benefit_section .shitadori_acodion_allwrap .title .in_progress {
    text-align: right;
  }

  .benefit_section .shitadori_acodion_wrap {
    margin: auto;
    width: 75vw;
    background-color: #fff;
    border-radius: 2vw;
    margin-bottom: 3vw;
    border: 2px solid #aaa;
    box-sizing: border-box;
  }

  .benefit_section .shitadori_acodion_wrap .shitadori_acodion_bt {
    display: flex;
    justify-content: center;
    text-align: left;
    align-items: center;
    font-size: 3.6vw;
    height: 17vw;
    font-weight: bold;
    padding-right: 6.1vw;
    position: relative;
    line-height: 1.5em;
    width: 100%;
    background-color: #fff;
    border-radius: 5vw;
    border: none;
  }

  .benefit_section .shitadori_acodion_wrap .shitadori_acodion_bt::after {
    content: "";
    position: absolute;
    height: 2vw;
    width: 2vw;
    border-right: 0.5vw solid #333;
    border-top: 0.5vw solid #333;
    transform: rotate(135deg);
    display: inline-block;
    margin-left: 0.5em;
    right: 3vw;
  }

  .benefit_section .shitadori_acodion_wrap .shitadori_acodion_bt .-accodion_switch {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .benefit_section .shitadori_acodion_wrap .shitadori_acodion_bt.on .-accodion_switch.-to-open {
    display: none;
  }

  .benefit_section .shitadori_acodion_wrap .shitadori_acodion_bt.off .-accodion_switch.-to-close {
    display: none;
  }

  .benefit_section .shitadori_acodion_wrap .benefit_section .shitadori_acodion_bt.off::after {
    transform: rotate(135deg);

  }

  .benefit_section .shitadori_acodion_wrap .shitadori_acodion_bt.on::after {
    transform: rotate(-45deg);
  }



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

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

  .benefit_section .shitadori_acodion_allwrap .item_text_link_wrap .item_text_link {
    position: relative;
    color: #0D8199;
    font-size: 3vw;
    display: inline-block;
    margin: 0px 3vw 0 auto;
  }

  .benefit_section .shitadori_acodion_allwrap .item_text_link_wrap .item_text_link:hover {
    text-decoration: underline;
  }

  .benefit_section .shitadori_acodion_allwrap .item_text_link_wrap .item_text_link::after {
    content: "";
    position: absolute;
    height: 1.5vw;
    width: 1.5vw;
    border-right: 0.5vw solid #0D8199;
    border-top: 0.5vw solid #0D8199;
    transform: rotate(135deg);
    display: inline-block;
    right: -3vw;
    top: 2vw;
  }

  /*
  .benefit_section .shitadori_acodion_allwrap .shitadori_detail_textlink {
    position: relative;
    color: #0066AA;
    font-size: 4vw;
  }

  .benefit_section .shitadori_acodion_allwrap .shitadori_detail_textlink::after {
    content: "";
    position: absolute;
    height: 1.5vw;
    width: 1.5vw;
    border-right: 2px solid #0066AA;
    border-top: 2px solid #0066AA;
    transform: rotate(45deg);
    display: inline-block;
    right: -3vw;
    top: 2.4vw;
  }
*/






  .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;
  }

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



  .benefit_section .price_data_date {
    margin: auto;
    text-align: right;
    font-size: 3vw;
    margin-bottom: 3vw;
    width: 89%;
  }


  .benefit_section .price_remarks {
    width: 75vw;
    margin: auto;
    text-align: left;
    font-size: 3vw;
    line-height: 1.8em;
    margin: 5vw auto;
    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_section .price_manekatsu {
    padding: 5vw 0;
    text-align: center;
  }

  .benefit_section .price_manekatsu .price_manekatsu_heading {
    width: 100%;
    margin: auto;
  }

  .benefit_section .price_manekatsu .price_manekatsu_detail_allwrap {
    max-width: 93%;
    margin-bottom: 5vw;
    background-color: #fff;
    margin: auto;
    padding: 3vw;
    box-sizing: border-box;
    margin-top: 5vw;
  }


  .benefit_section .price_manekatsu .price_manekatsu_detail_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 10vw;
    flex-direction: column;
  }

  .benefit_section .price_manekatsu .price_manekatsu_pict {
    width: 100%;
  }

  .benefit_section .price_manekatsu .price_manekatsu_detail_item {
    text-align: left;
    margin: auto;
  }

  .benefit_section .price_manekatsu .title {
    font-size: 5.6vw;
    margin-bottom: 5vw;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .benefit_section .price_manekatsu .title_fukidashi {
    font-size: 5.1vw;
    margin-bottom: 5vw;
    font-weight: bold;
    position: relative;
    display: inline-block;
    color: #0D8199;
    line-height: 1.3em;
  }

  .benefit_section .price_manekatsu .title_fukidashi::before,
  .benefit_section .price_manekatsu .title_fukidashi::after {
    content: "";
    height: 9vw;
    width: 0.5vw;
    background-color: #0D8199;
    position: absolute;
    top: 0.1vw;
  }

  .benefit_section .price_manekatsu .title_fukidashi::before {
    left: -3vw;
    transform: rotate(-20deg);
  }

  .benefit_section .price_manekatsu .title_fukidashi::after {
    right: -3vw;
    transform: rotate(20deg);
  }

  .benefit_section .price_manekatsu .manekatsu_subcopy {
    font-size: 4vw;
    font-weight: bold;
    margin-bottom: 4vw;
  }

  .benefit_section .price_manekatsu .manekatsu_value_price {
    margin: auto;
    max-width: 70vw;

  }

  .benefit_section .price_manekatsu .manekatsu_note {
    font-size: 3vw;
    text-align: center;
  }

  .benefit_section .price_manekatsu a.manekatsu_link_detail,
  .benefit_section .price_manekatsu .manekatsu_link_detail {
    margin: 5vw auto 0;
    color: #0066aa;
    display: inline-block;
    font-size: 4vw;
  }

  .benefit_section .price_manekatsu .manekatsu_link_remarks {
    margin: 2vw auto 0;
    color: #333;
    font-size: 3.5;
  }




  .benefit_section .price_manekatsu .note {
    font-size: 4.9vw;
    width: 75vw;
    margin: auto;
    /* margin-bottom: 5vw; */
    line-height: 1.3em;
  }

  .benefit_section .price_manekatsu .box_gray {
    display: inline-block;
    padding: 1.3vw 5vw;
    background-color: #888;
    color: #fff;
    font-size: 3.7vw;
    margin: 0 5vw 2vw 4vw;
  }

  .benefit_section .price_manekatsu .price_manekatsu_coin_wrap {
    position: relative;
    font-size: 5vw;
    margin-bottom: 5vw;
    display: inline-block;
    left: 5vw;
    text-align: left;
  }

  .benefit_section .price_manekatsu .price_manekatsu_coin_wrap::before {
    position: absolute;
    content: "";
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/price_manekatsu_coin_484733a9988036e2.webp);
    height: 10vw;
    width: 10vw;
    left: -13vw;
    top: 1vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }


  .benefit_section .price_manekatsu .price_manekatsu_coin_remarks {
    font-size: 3.5vw;
    margin-bottom: 5vw;
    width: 80vw;
    margin: auto;
    margin-bottom: 5vw;
    line-height: 1.5em;
  }

  .benefit_section .price_manekatsu .price_manekatsu_price {
    margin-bottom: 5vw;
    font-size: 5vw;
    line-height: 1.8em;
    letter-spacing: -0.05em;
  }

  .benefit_section .price_manekatsu .price_modal_bt {
    text-decoration: underline;
    color: #0066AA;
    font-size: 5vw;
    font-weight: bold;
    display: inline-block;
  }

  .benefit_section .price_manekatsu .price_manekatsu_price .price_num {
    font-size: 13vw;
    font-weight: bold;
  }

  .benefit_section .price_manekatsu .remarks {
    font-size: 3vw;
    text-align: left;
    max-width: 74vw;
    margin: auto;
  }

  .benefit_section .price_manekatsu .txt_link {
    display: block;
  }





  .benefit_section .price_more {
    background-color: #FFF0E8;
    padding: 10vw 0;
    text-align: center;
    margin-bottom: 10vw;
  }

  .price_more .w_otoku_heading2 {
    padding: 5vw 0;
    text-align: center;
    max-width: 90vw;
    width: 100%;
    margin: auto;
  }

  .price_more .price_more_heading {
    margin: auto;
    margin-bottom: 10vw;
  }

  .price_more .price_more_heading .date {
    border: 2px solid #CCCCCC;
    border-radius: 2vw;
    padding: 2vw 5vw;
    text-align: center;
    font-size: 3.6vw;
    display: inline-block;
    /* margin-bottom: 2vw; */
    white-space: nowrap;
    letter-spacing: -0.01em;
  }

  .price_more .price_more_heading .date_remarks {
    text-align: center;
    font-size: 3vw;
  }

  .price_more .price_more_price {
    max-width: 80vw;
    margin: auto;
    margin-bottom: 4vw;
  }

  .price_more .price_more_fukidashi {
    width: 80vw;
    margin: auto;
    position: relative;
    background-color: #fff;
    border-radius: 2vw;
    text-align: center;
    font-size: 4vw;
    padding: 5vw 0px;
    margin-bottom: 6vw;
    line-height: 1.3em;
  }

  .price_more .price_more_fukidashi::after {
    content: "";
    position: absolute;
    height: 5vw;
    width: 5vw;
    background-color: #fff;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -2vw;
    transform: rotate(45deg);
  }

  .price_more .price_more_fukidashi .text_example {
    color: #999
  }

  .price_more .price_more_fukidashi .text_device {
    color: #333;
  }


  .price_more .price_more_varue {
    max-width: 80vw;
    margin: auto;
    margin-bottom: 3vw;
  }

  .price_more .price_more_varue .price_more_varue_text {
    font-weight: bold;
    font-size: 4vw;
    line-height: 1.4em;
    margin-bottom: 3vw;
    color: #333;
  }

  .price_more .price_more_cv_remarks {
    text-align: center;
    color: var(--color_orange);
    font-size: 3.5vw;
    font-weight: bold;
    margin-bottom: 3vw;
  }

  .price_more .price_more_remarks {
    width: 80vw;
    text-align: left;
    /* margin-top: 5vw; */
    margin: auto;
    font-size: 3vw;
    margin-top: 5vw;
    line-height: 1.5em;
  }

  .price_more .price_more_remarks .indent_price_more {
    display: inline-block;
    padding-left: 2em;
    text-indent: -2em;
  }

  .price_more .price_more_remarks .indent_price_more_sub {
    margin-top: 0.5em;
    padding-left: 2em;
    display: block;
  }

  .price_more .device_exchange {
    margin: 8vw auto 0;
    width: 100%;
    max-width: ;
  }

  .price_more .price_more_cv_btn {
    background-color: #fff;
    display: block;
    margin: auto;
    border-radius: 50vw;
    width: 100%;
    max-width: 80vw;
    padding: 0.5em 0;
    font-size: 3.5vw;
    color: var(--color_orange);
    text-align: center;
    box-sizing: border-box;
    border: 2px solid var(--color_orange);
    position: relative;
    line-height: 1.3em;
  }

  .price_more .price_more_cv_btn::after {
    content: "";
    height: 2vw;
    width: 2vw;
    position: absolute;
    border-right: 2px solid var(--color_orange);
    border-top: 2px solid var(--color_orange);
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 4vw;
  }


  .cv_device_wrap {
    background-color: #0D8199;
    padding: 7vw 0;
    width: 100%;
    margin: 10vw 0;
  }

  .cv_device_wrap .cv_device_heading {
    text-align: center;
    margin: auto;
    font-size: 4vw;
    color: #fff;
    font-weight: bold;
  }

  .cv_device_wrap .cv_device_item_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 1.5vw;
    row-gap: 1.5vw;
    margin: 4vw 4vw 0 4vw;
  }

  .cv_device_wrap .cv_device_item {
    background-color: #fff;
    border-radius: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #333;
    font-size: 3.5vw;
    font-weight: bold;
    width: 49%;
    /* height: 55vw; */
    line-height: 1.1em;
    position: relative;
    padding: 3vw 0;
  }

  .cv_device_wrap .cv_device_item::after {
    content: "";
    height: 2vw;
    width: 2vw;
    position: absolute;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 3vw;
  }


  .cv_device_wrap .cv_device_item .device_image {
    width: 27vw;
    margin-bottom: 3vw;
  }





  .price_cv_remarks {
    text-align: left;
    width: 80vw;
    margin: auto;
    margin-top: 5vw;

  }






  .benefit_section .benefit_remarks {
    width: 75vw;
    margin: auto;
    text-align: left;
    font-size: 3vw;
    line-height: 1.8em;
    margin: 10vw auto 0;
    color: #000;
  }





  .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/images/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: top 50% right 5vw;
    background-size: 2vw;
    margin: auto 2vw;
    /* margin-bottom: 20px; */
    width: 80vw;
    margin: auto;
    min-height: 13vw;
    line-height: 1.2em;
  }

  .benefit_section #benefit_1 .cv_btn_primaly_2 {
    min-height: 12vw;
    margin: auto;
    width: 80vw;
    background-color: var(--color_orange);
    font-size: 3.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50vw;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: top 50% right 3vw;
    background-size: 2vw;
    margin: auto;
    margin-top: 5vw;
    font-weight: normal;
    /* margin-bottom: 20px; */
    min-height: 13vw;
  }

  .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/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 #benefit_1 .device_change_note {
    color: #000;
    display: block;
    margin-top: 8vw;
    font-size: 3.5vw;
    line-height: 1.5em;
  }

  .benefit_section #benefit_1 .device_change_note a.device_change_note_link {
    color: #0066AA;
    display: block;
    margin-top: 3vw;
    font-size: 3.5vw;
  }


  .benefit_section #benefit_1 a.cv_btn_primaly_text {
    color: #0066AA;
    display: block;
    margin-top: 8vw;
    font-size: 3.5vw;
  }

  .benefit_section #benefit_1 .cv_btn_primaly_w,
  .benefit_section #benefit_2 .cv_btn_primaly_w {
    min-height: 12vw;
    margin: auto;
    width: 80vw;
    background-color: #fff;
    font-size: 3.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color_orange);
    border-radius: 50vw;
    border: 2px solid var(--color_orange);
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_arrow_orange.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 3vw;
    background-size: 2vw;
    margin: auto;
    margin-top: 5vw;
    font-weight: normal;
    line-height: 1.2em;
    /* margin-bottom: 20px; */
    min-height: 13vw;
    margin-bottom: 5vw;
    font-weight: bold;
  }

  .benefit_section #benefit_2 .cv_btn_primaly_w {
    width: auto;
  }

  .benefit_section #benefit_1 .cv_btn_primaly_b {
    min-height: 12vw;
    margin: auto;
    width: 80vw;
    background-color: #fff;
    font-size: 3.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    border-radius: 50vw;
    border: 2px solid #000;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_arrow_black_f1cef0dff549af06.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 3vw;
    background-size: 2vw;
    margin: auto;
    margin-top: 5vw;
    font-weight: normal;
    line-height: 1.2em;
    /* margin-bottom: 20px; */
    min-height: 13vw;
    margin-bottom: 5vw;
    font-weight: bold;
  }





  .benefit_section .device_confirm {
    width: 87vw;
    background-color: #fff;
    text-align: center;
    padding-bottom: 2vw;
    margin: auto;
    border-radius: 0 0 2vw 2vw;
  }

  .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;
    /* column-gap: 30px; */
    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;
    /* margin: auto; */
    right: 1vw;
    /* left: auto; */
    /* top: 0; */
    /* bottom: 0; */
    height: 1.8vw;
    width: 1.8vw;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
  }

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

  .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;
    /* padding: 30px; */
    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 .flow_remarks {
    font-size: 3.2vw;
    line-height: 1.8em;
    text-align: left;
    margin: auto;
    padding: 0 7vw 10vw;
  }

  .benefit_section .bt_iphone16_wrap {
    margin-bottom: 10vw;
  }

  .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;
    /* border-radius: 0 0 2vw 2vw; */
    /* overflow: clip; */
  }

  .quality_wrap .innner_wrap {
    margin: auto;
    margin-top: 10vw;
    margin-bottom: 5vw;
    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;
  }



  .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;
    /* margin: auto; */
    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_wrap_16_pro {
    width: 100%;
    margin: auto;
    max-width: 100%;
    margin-bottom: 10vw;
    background-color: #fff;
    padding: 3vw 1vw;
  }

  .quality_wrap .quality_pict_wrap_16_pro .quality_pict_heading {
    font-weight: 900;
    font-size: 5.9vw;
    font-weight: 800;
    margin-bottom: 7vw;
    color: #0D8199;
  }

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

  .quality_wrap .quality_pict_wrap_16_pro .quality_pict_subheading {
    font-weight: 900;
    font-size: 3.5vw;
    font-weight: 800;
    color: #333;
    margin-bottom: 2vw;
  }

  .quality_wrap .quality_pict_wrap_16_pro .quality_pict_item_scroll {
    overflow-x: auto;
    max-width: 27vw;
    margin: 0 4vw 0 auto;
  }

  .quality_wrap .quality_pict_wrap_16_pro .quality_pict_item {
    overflow-x: auto;
    max-width: 100%;
  }

  .quality_wrap .quality_pict_wrap_16_pro .quality_pict_item .iphone16pro_item {
    width: 250vw;
  }



  .quality_wrap .quality_pict_text {
    font-size: 3.7vw;
    text-align: center;
    /* width: 442px; */
    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;
  }

  .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;
  }


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

  /*section suport---------------------------*/

  .support_section {
    width: 100%;
    /* padding-bottom: 7vw; */
  }

  .support_section .support_item_wrap {
    max-width: 94vw;
    background-color: #f4f4f4;
    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: 15vw;
  }

  .support_section .support_title_wrap {
    height: 28vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/benefit_title_bg.png);
    position: relative;
    z-index: 0;
    width: 100%;
    color: #fff;
    font-size: 6.6vw;
    letter-spacing: -0.05em;
  }

  .support_section .support_title_icon {
    width: 13.6vw;
    margin-right: 4vw;
    position: relative;
    top: 1vw;
  }

  .support_section .support_detail_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5vw;
    margin: auto;
    width: 90%;
    margin-top: 5vw;
    align-items: stretch;
    flex-direction: column;
  }

  .support_section .suport_detail_item {
    /* width: 50%; */
    background-color: #fff;
    border-radius: 3vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 11vw 3vw 5vw;
    position: relative;
  }


  .support_section .copy_add_10 {
    display: inline-block;
    font-size: 6.8vw;
    /*    margin-top: 11vw;*/
    margin-bottom: 7.5vw;
    line-height: 1.5em;
  }

  .support_section .copy_add_10::after,
  .support_section .copy_add_10::before {
    content: "";
    height: 9.5vw;
    width: 2px;
    background-color: var(--color_orange);
    border-radius: 1vw;
  }

  .support_section .copy_add_10::after {
    position: absolute;
    left: 13vw;
    top: 12vw;
    transform: rotate(-14deg);
  }

  .support_section .copy_add_10::before {
    position: absolute;
    right: 13vw;
    top: 12vw;
    transform: rotate(14deg);
  }



  .support_section .copy_add_11 {
    display: inline-block;
    font-size: 5.2vw;
    margin: auto;
    margin-bottom: 4vw;
    white-space: normal;
    letter-spacing: -0.01em;
  }

  .support_section .copy_add_12 {
    font-size: 4.3vw;
    width: 70vw;
    margin: auto;
    margin-bottom: 3.3vw;
    text-align: left;
    line-height: 1.7em;
  }

  .support_section .copy_add_12 a.text_link {
    text-decoration: underline !important;
  }

  .support_section .copy_add_13 {
    display: inline-block;
    font-size: 6.8vw;
    /* margin-top: 9vw; */
    margin-bottom: 4.4vw;
  }

  .support_section .copy_add_13 .small {
    display: inline-block;
    font-size: 5.7vw;
    padding-left: 2vw;
    color: #000;
  }

  .support_section .copy_add_14 {
    font-size: 4.3vw;
    margin: auto;
    margin-bottom: 2vw;
    text-align: left;
    width: 71vw;
    line-height: 1.8em;
  }

  .support_section .btn_suport {
    border-radius: 50vw;
    border: 2px solid var(--color_orange);
    height: 14vw;
    color: var(--color_orange);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 94%;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_arrow_orange.svg);
    background-size: 2.5vw;
    background-repeat: no-repeat;
    background-position: center right 4vw;
    font-size: 3.4vw;
    margin-bottom: 8vw;
    line-height: 1.4em;
    font-weight: bold;
  }

  .support_section .shop_link_wrap {
    text-align: center;
    width: 100%;
    margin: 4.2vw 0 5vw;
    font-size: 3.7vw;
  }

  .support_section .shop_link_wrap .shop_link {
    display: inline-block;
    position: relative;
    color: #0066AA;
  }

  .support_section .shop_link_wrap .shop_link::after {
    content: "";
    height: 2vw;
    width: 2vw;
    border-top: 2px solid #0066AA;
    border-right: 2px solid #0066AA;
    position: absolute;
    right: -3vw;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg)
  }



  /*section area_lastscene---------------------*/

  .area_lastscene {
    width: 94%;
    /* padding-bottom: 10vw; */
    margin: auto;
  }

  .area_lastscene .area_lastscene_item_wrap {
    background-color: #f4f4f4;
    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: 15vw;
  }

  .area_lastscene .area_lastscene_item_wrap .bnr_iphone16video {
    margin: auto;
    max-width: 85vw;
    position: relative;
    margin-top: 8vw;
    margin-bottom: 5vw;
  }

  .area_lastscene .area_lastscene_item_wrap .bnr_iphone16video .bnr_iphone16video_btn_a {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 31.8%;
    border-radius: 50vw;
    color: #fff;
    width: 24%;
    height: 8%;
  }

  .area_lastscene .area_lastscene_item_wrap .bnr_iphone16video .bnr_iphone16video_btn_b {
    position: absolute;
    left: 51.9%;
    margin: auto;
    top: 32%;
    border-radius: 50vw;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 24%;
    height: 6.9%;
  }

  .area_lastscene .area_lastscene_item_wrap .text_iphone16video {
    font-size: 3.5vw;
    max-width: 85vw;
    margin: auto;
    margin-bottom: 10vw;
    line-height: 1.5em;
  }

  .area_lastscene .area_lastscene_item_wrap .iphone16video_item {
    font-size: 3vw;
    max-width: 100%;
    margin: auto;
  }

  .area_lastscene .lastscene_video_wrap {
    margin: auto;
    width: 87vw;
    margin-bottom: 5vw;
    position: relative;
  }

  .area_lastscene .lastscene_video_wrap .video-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    background-color: #fff;
  }

  .area_lastscene .lastscene_video_wrap iframe {
    width: 87vw;
    height: calc(87vw / 16 * 9);
  }

  .area_lastscene .lastscene_video_item_play {}

  .area_lastscene .text_lastscene_video {
    max-width: 88vw;
    margin: auto;
    font-size: 3.7vw;
    margin-bottom: 10vw;
    line-height: 1.5em;
  }





  /*section_area-----------------------------*/

  .area_section {
    width: 100%;
    /* padding-bottom: 5vw; */
  }

  .area_section .benefit_title_wrap {
    height: 28vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/benefit_title_bg.png);
    position: relative;
    z-index: 0;
    width: 100%;
    background-size: 2.5vw;
    color: #fff;
    font-size: 5.5vw;
    letter-spacing: -0.03em;
    line-height: 1.3em;
  }


  .area_section .benefit_title_wrap .small {
    font-size: 0.7em;
  }

  .area_section .benefit_title_icon {
    width: 15vw;
    /* height: 21vw; */
    position: relative;
    left: -5.6vw;
    top: 1.7vw;
    margin-right: -3vw;
    /* padding-top: 6.9vw; */
  }

  .area_section .benefit_title {
    display: inline-block;

  }

  .area_section .debt_title {
    margin: 5vw auto;
    max-width: 89vw;
  }

  .area_section .debt_anchor_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2vw;
    max-width: 86vw;
    margin: auto;
    margin-top: 5vw;
  }

  .area_section a.debt_anchor_btn {
    width: 50%;
    height: 26vw;
    text-align: center;
    font-weight: bold;
    font-size: 3vw;
    color: #10386B;
    position: relative;
    border: 2px solid #10386B;
    box-shadow: 0px 2px #10386B;
    border-radius: 2vw;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3em;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_arrow_down_red_circle_e19c8b4f7462a6af.svg);
    background-repeat: no-repeat;
    background-position: bottom 1vw center;
    background-size: 5vw;
  }

  .area_section a.debt_anchor_btn:nth-child(1)::before,
  .area_section a.debt_anchor_btn:nth-child(2)::before,
  .area_section a.debt_anchor_btn:nth-child(3)::before {
    content: "";
    height: 6vw;
    width: 6vw;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size: contain;
    left: 0;
    right: 0;
    top: 1vw;
    margin: auto;
  }

  .area_section a.debt_anchor_btn:nth-child(1)::before {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_device_94c055f2124c8079.svg);
  }

  .area_section a.debt_anchor_btn:nth-child(2)::before {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_calc_d9b13f214ccb3a2e.svg);
  }

  .area_section a.debt_anchor_btn:nth-child(3)::before {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_heart_bc4a3c23ac46d7ab.svg);
  }

  .area_section .debt_fukidashi {
    font-size: 5.6vw;
    padding: 0;
    font-weight: 900;
    color: #EB5505;
    display: inline-block;
    margin: 5vw auto;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
  }


  .area_section .debt_fukidashi::before,
  .area_section .debt_fukidashi::after {
    content: "";
    position: absolute;
    background-color: #EB5505;
    -webkit-clip-path: polygon(60% 0, 30% 0, 100% 100%);
    clip-path: polygon(60% 0, 30% 0, 100% 100%);
  }

  .area_section .debt_fukidashi::before {
    top: 0px;
    left: -10vw;
    width: 7vw;
    height: 10vw;
  }

  .area_section .debt_fukidashi::after {
    transform: rotateY(180deg);
    top: 0px;
    right: -10vw;
    width: 7vw;
    height: 10vw;
  }



  .area_section .area_item_wrap {
    max-width: 94vw;
    background-color: #f4f4f4;
    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: 15vw;
    padding-bottom: 5vw;
  }

  .area_section .area_title_wrap {
    height: 28vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/benefit_title_bg.png);
    position: relative;
    z-index: 0;
    width: 100%;
    color: #fff;
    font-size: 6.6vw;
    letter-spacing: -0.05em;
  }

  .area_section .video_wrap {
    max-width: 85vw;
    width: 100%;
    margin: 5vw auto;
  }

  .area_section .video_wrap iframe {
    width: 100%;
    aspect-ratio: 6/4;
  }


  .area_section .area_title_icon {
    width: 17vw;
    /* height: 96px; */
    margin-right: 2vw;
    position: relative;
    top: -1vw;
  }

  .area_section .ouenwari_title_main {
    margin: auto;
    font-size: 7vw;
    font-weight: bold;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-40%);
    margin: 15vw 0 0;
    color: #10386B;
  }

  .area_section .ouenwari_title_main::before {
    content: "";
    position: absolute;
    display: block;
    height: 9vw;
    width: 9vw;
    left: -10vw;
    top: -3vw;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_calc_d9b13f214ccb3a2e.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* position: relative; */
  }



  .area_section .area_bnr {
    width: 86vw;
    margin: 6vw auto 0;
    display: block;
  }

  .area_section .area_link_wrap {
    text-align: center;
    width: 100%;
    margin: 8vw 0px 8vw;
    font-size: 3.5vw;
  }

  .area_section .area_link_wrap .area_link {
    display: inline-block;
    position: relative;
    color: #0066AA;
  }

  .area_section .area_link_wrap .area_link::after {
    content: "";
    height: 2vw;
    width: 2vw;
    border-top: 2px solid #0066AA;
    border-right: 2px solid #0066AA;
    position: absolute;
    right: -3vw;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg)
  }

  /*area_section/kazoku*/

  .area_section .kazoku_wrap .kazoku_title_main {
    margin: auto;
    font-size: 7vw;
    font-weight: bold;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-40%);
    margin: 3vw 0 0;
    color: #10386B;
  }

  .area_section .kazoku_wrap .kazoku_title_main::before {
    content: "";
    position: absolute;
    display: block;
    height: 9vw;
    width: 9vw;
    left: -10vw;
    top: -3vw;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_heart_bc4a3c23ac46d7ab.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* position: relative; */
  }

  .area_section .kazoku_wrap {
    width: 100%;
    margin: auto;
    border-radius: 2vw;
    margin-bottom: 5vw;
  }

  .area_section .kazoku_wrap .kazoku_title_main {
    font-size: 7vw;
    font-weight: bold;
  }

  .area_section .kazoku_wrap .kazoku_item_wrap {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    row-gap: 3vw;
    padding: 4vw;
    justify-content: space-between;
    margin-top: 5vw;
    border-radius: 2vw;
  }

  .area_section .kazoku_wrap .kazoku_item_title {
    width: 100%;
    text-align: center;
    font-size: 6vw;
    color: #111;
    margin: 0 0 5vw 0;
    font-weight: bold;
    line-height: 1.5em;
  }

  .area_section .kazoku_wrap .kazoku_item {
    background-color: #F5F5F5;
    padding: 5vw;
    box-sizing: border-box;
    line-height: 1.5em;
  }

  .area_section .kazoku_wrap .kazoku_item .title {
    font-size: 5vw;
    color: #111;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5vw;
  }

  .area_section .kazoku_wrap .text {
    font-size: 3.6vw;
    color: #666;
    padding-bottom: 3vw;
  }

  .kazoku_wrap a.kazoku_text_link {
    font-size: 3.6vw;
    color: #0066AA;
  }

  .kazoku_wrap .kazoku_item_harf {}

  .kazoku_wrap .kazoku_item_full {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    text-align: center;
  }

  .area_section .kazoku_wrap .kazoku_item_full .title {
    padding-bottom: 5vw;
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    width: 100%;
  }

  .area_section .kazoku_wrap .kazoku_item_full .video_kazoku {
    width: 100%;
    height: 36vw;
    display: block;
    margin-bottom: 5vw;
  }

  .area_section .kazoku_wrap .kazoku_video_item {
    text-align: left;
    object-fit: cover;
  }

  .area_section .icon_brank_inline {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_link_blank_e212770767cac48d.png);
    height: 1em;
    width: 1.5em;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
  }


  /*area_section/filterling*/

  .filterling_wrap {
    margin: auto;
    width: 100%;
    text-align: center;
  }


  .filterling_wrap .filterling_title_main {
    font-size: 7vw;
    padding: 0;
    font-weight: 900;
    display: inline-block;
    margin: auto;
    position: relative;
    margin-bottom: 5vw;
  }


  .filterling_wrap .filterling_title_main::before,
  .filterling_wrap .filterling_title_main::after {
    content: "";
    position: absolute;
    background-color: #EB5505;
    -webkit-clip-path: polygon(60% 0, 30% 0, 100% 100%);
    clip-path: polygon(60% 0, 30% 0, 100% 100%);
  }

  .filterling_wrap .filterling_title_main::before {
    top: 0px;
    left: -9vw;
    width: 8vw;
    height: 8vw;
  }

  .filterling_wrap .filterling_title_main::after {
    transform: rotateY(180deg);
    right: -9vw;
    top: 0px;
    width: 8vw;
    height: 8vw;
  }


  .filterling_wrap .filterling_title_sub {
    color: #10386B;
    font-size: 7vw;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5vw;
  }

  .filterling_wrap .filterling_item_allwrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 3vw;
    justify-content: space-between;
    margin: auto;
    background-color: #fff;
    margin-bottom: 5vw;
    padding: 3vw;
    box-sizing: border-box;
    border-radius: 2vw;
  }

  .filterling_wrap .filterling_title_sub {}

  .filterling_wrap .filterling_fukidashi {
    /* margin: auto; */
    width: 100%;
  }

  .filterling_wrap .filterling_item_wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 2vw;
    justify-content: space-between;
    margin: auto;
    background-color: #fff;
    margin-bottom: 5vw;
    /* padding: 0 5vw; */
    box-sizing: border-box;
  }

  .filterling_wrap .filter_iten_pict {}

  .filterling_wrap .filter_iten_text {
    font-size: 3.5vw;
    line-height: 1.5em;
    text-align: left;
    color: #333;
  }

  .filterling_wrap a.filterling_detail_link {
    width: 100%;
    border-radius: 50vw;
    border: #EB5505 2px solid;
    text-align: center;
    font-size: 4vw;
    font-weight: bold;
    margin: auto;
    padding: 4vw 0;
    color: #EB5505;
    position: relative;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_arrow_orange.svg);
    background-position: right 20px center;
    top 50%;
    background-repeat: no-repeat;
    background-size: 2.7vw;
    box-sizing: border-box;
  }




  /*.area_section/tab*/

  section.area_section .tab_btn_area_wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 1vw;
    margin-top: 5vw;
    font-size: 3.4vw;
    text-align: center;
    line-height: 1.5em;
  }

  section.area_section .tab_btn_area_wrap .tab_btn_area {
    background-color: #fff;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
    height: 20vw;
    border-radius: 3vw;
    border: 1px solid #999999;
  }

  section.area_section .tab_btn_area_wrap .tab_btn_area.on {
    background-color: var(--color_orange);
    color: #fff;
    border: 1px solid #fff;
    pointer-events: none;
  }

  section.area_section .area_tab_item_allwrap {}

  section.area_section .area_tab_item_allwrap .area_tab_item {
    padding: 10vw 0;
    text-align: center;
    pointer-events: none;
  }


  section.area_section .area_tab_item_allwrap .price_heading_wrap {
    font-size: 6vw;
    padding: 0;
    font-weight: 900;
    color: #EB5505;
    position: relative;
    display: inline-block;
    margin: auto;
    margin-bottom: 5vw;
    line-height: 1.5em;
  }

  section.area_section .area_tab_item_allwrap .price_heading_wrap::before,
  section.area_section .area_tab_item_allwrap .price_heading_wrap::after {
    content: "";
    position: absolute;
    background-color: #EB5505;
    -webkit-clip-path: polygon(60% 0, 30% 0, 100% 100%);
    clip-path: polygon(60% 0, 30% 0, 100% 100%);
  }

  section.area_section .area_tab_item_allwrap .price_heading_wrap::before {
    top: 5vw;
    left: -8vw;
    width: 6.4vw;
    height: 12vw;
  }

  section.area_section .area_tab_item_allwrap .price_heading_wrap::after {
    transform: rotateY(180deg);
    top: 5vw;
    right: -6vw;
    width: 6.4vw;
    height: 12vw;
  }



  section.area_section .area_tab_item_allwrap .price_heading_wrap a.price_anchor_link {
    border-bottom: 2px solid #EB5505;
    color: #EB5505;
    position: relative;
    pointer-events: all;
  }

  section.area_section .area_tab_item_allwrap .price_heading_wrap a.price_anchor_link::after {
    content: "";
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_arrow_down_red_circle_e19c8b4f7462a6af.svg);
    background-size: contain;
    height: 0.6em;
    width: 0.6em;
    margin: 0 0.2em;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
  }


  section.area_section .area_tab_item_allwrap .area_heading_2 {
    width: 70vw;
    margin: auto;
    margin-bottom: 2vw;
  }

  section.area_section .area_tab_item_allwrap .area_subheading_1 {
    padding: 0px 0 15px;
    font-size: 6vw;
    color: #10386B;
    text-align: center;
    line-height: 1.3em;
  }

  section.area_section .area_tab_item_allwrap .area_subheading_2 {
    font-size: 4vw;
    margin-bottom: 3vw;
    color: #10386B;
    text-align: center;
  }

  section.area_section .area_tab_item_allwrap .area_heading_3 {
    max-width: 60vw;
    margin: auto;
    margin-bottom: 5vw;
  }

  section.area_section .area_tab_item_allwrap .area_list_wrap {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
    margin: 0 auto;
    max-width: 90vw;
    margin: auto;
    border: 1px solid #9FAFC4;
    color: #10386B;
    text-align: center;
    margin-bottom: 8vw;
  }

  section.area_section .area_tab_item_allwrap .area_list_item {
    border-right: 1px solid #9FAFC4;
    width: 33.3%;
    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    padding: 1% 2% 0.5%;
    flex-direction: column;
    position: relative;
  }

  section.area_section .area_tab_item_allwrap .area_list_item:last-child {
    border-right: none;
  }

  .area_tab_item_allwrap .area_list_item .area_icon_wrap {
    text-align: center;
    font-size: 4vw;
  }

  .area_tab_item_allwrap .area_list_item .area_icon {
    width: 10vw;
    margin: auto;
    margin-top: 3vw;
  }

  .area_tab_item_allwrap .area_list_item .area_icon_note {
    /* padding-left: 21px; */
    font-size: 4vw;
    text-align: center;
    padding-top: 1vw;
    line-height: 1.2em;
    position: relative;
  }

  .area_tab_item_allwrap .price_tooltips_allwrap {
    position: absolute;
    right: 2vw;
    top: 2vw;
    pointer-events: all;
  }

  section.area_section .area_list_item .price_tooltips_allwrap .icon_tooltips_btn {
    position: relative;
    width: 5vw;
    overflow: visible;
  }

  section.area_section .area_list_item .price_tooltips_allwrap .price_tooltips_allwrap {
    display: block;
  }

  .area_tab_item_allwrap .area_list_item:nth-child(2) .price_tooltips_wrap {
    width: 90vw;
    position: absolute;
    left: -56vw;
    right: 0;
    margin: auto;
    bottom: 7vw;
    background-color: #000;
    color: #fff;
    height: auto;
    padding: 3vw;
    box-sizing: border-box;
    text-align: left;
  }

  .area_tab_item_allwrap .area_list_item:nth-child(3) .price_tooltips_wrap {
    width: 90vw;
    position: absolute;
    left: -86vw;
    right: 0;
    margin: auto;
    bottom: 7vw;
    background-color: #000;
    color: #fff;
    height: auto;
    padding: 3vw;
    box-sizing: border-box;
    text-align: left;
  }

  /*
    section.area_section .area_list_item .price_tooltips_allwrap .price_tooltips_wrap .on {
    display: block;
}
    */

  section.area_section .area_list_item .price_tooltips_allwrap .price_tooltip_btn_close {
    position: absolute;
    right: 4vw;
    top: 4vw;
    width: 4vw;
    height: 4vw;
  }

  section.area_section .area_list_item .price_tooltips_wrap::after {
    content: "";
    position: absolute;
    bottom: -2vw;
    height: 5vw;
    width: 5vw;
    background-color: #000;
    transform: rotate(45deg);
  }

  section.area_section .area_list_item:nth-child(2) .price_tooltips_wrap::after {
    right: 32vw;
  }

  section.area_section .area_list_item:nth-child(3) .price_tooltips_wrap::after {
    right: 2vw;

  }

  section.area_section .area_list_item .tooltips_heading {
    font-size: 3vw;
    font-weight: bold;
  }

  section.area_section .area_list_item .tooltips_text {
    font-size: 3vw;
    margin-top: 0.5em;
  }






  section.area_section .area_detail_heading {
    margin: 0px 0 2vw;
    font-size: 3.5vw;
    padding: 1em 0;
    font-weight: 700;
    text-align: center;
    color: #10386B;
    background-color: #FFF9E3;
  }

  section.area_section .detail_table {
    max-width: 88%;
    margin: 7vw auto 0;
    width: 100%;
    margin-bottom: 5vw;
    font-size: 4.2vw;
    line-height: 1.3;
    border: #9FAFC4 1px solid;
    vertical-align: middle;
    color: #333;
    background-color: #fff;
    pointer-events: none;
  }

  section.area_section .detail_table tr:not(:first-child) {
    border-top: #9FAFC4 1px solid;
  }

  section.area_section .detail_table thead {
    background-color: #E6F0EB;
    font-size: 3.5vw;
  }

  section.area_section .detail_table tbody td.center {
    text-align: center;
  }

  section.area_section .detail_table thead th {
    padding: 0.75em;
    font-weight: 700;
    color: #10386B;
    text-align: center;
  }

  section.area_section .detail_table tbody td .red {
    font-weight: 700;
  }

  section.area_section .detail_table tbody td {
    padding: 4vw 4vw 4vw 0;
    white-space: nowrap;
    text-align: right;
  }

  section.area_section .detail_table tbody th {
    padding: 0.75em;
  }

  section.area_section .detail_table tbody .icon_q {
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative;
    top: -0.1em;
  }

  section.area_section .detail_table tbody .detail_tooltips_allwrap {
    display: inline-block;
    position: relative;
    pointer-events: all;
  }

  section.area_section .detail_table tbody .detail_tooltips_allwrap .price_tooltips_wrap {
    bottom: 8vw;
    position: absolute;
    background-color: #000045;
    color: #fff;
    border: 0.3vw solid #000;
    padding: 1vw;
    border-radius: 1vw;
    width: 92vw;
    left: -30vw;
  }

  section.area_section .detail_table tbody .detail_tooltips_allwrap .price_tooltips_wrap:before {
    /* content: ""; */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #000045 transparent;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
  }


  section.area_section .detail_table tbody .detail_tooltips_allwrap .modal_aupay {
    width: 100%;
    background-color: #fff;
    color: #000045;
    text-align: center;
    padding: 5vw;
    box-sizing: border-box;
    font-size: 3vw;
    line-height: 1.6em;
  }

  section.area_section .detail_table tbody .detail_tooltips_allwrap .modal_aupay a {
    font-size: 14px;
    font-weight: normal;
    padding-top: 1vw;
    display: inline-block !important;
  }

  section.area_section .detail_table tbody .detail_tooltips_allwrap .modal_aupay .tooltip_heading {
    font-size: 4vw;
    margin-bottom: 1vw;
    font-weight: bold;
    text-align: center;
    color: #eb5504
  }

  section.area_section .detail_table tbody .detail_tooltips_allwrap .modal_btn_close {
    width: 3vw;
    line-height: 0;
    margin: 1vw auto 0;
  }

  section.area_section .detail_table tbody td .num {
    font-size: 8vw;
  }

  section.area_section .detail_table tbody th .remarks {
    font-size: 0.8em;
    margin-top: 0.2em;
    line-height: 1.5em;
  }

  section.area_section .remarks-list {
    font-size: 3vw;
    line-height: 1.5;
    text-align: left;
    color: #333;
    max-width: 80vw;
    margin: auto;
  }

  section.area_section .remarks-list > li:not(:first-child) {
    margin-top: 0.75em;
  }


  .anchor_point_onlineshop {
    position: relative;
    top: -80vw;
    height: 30px;
    width: 30px;
    /*    background-color: red;*/
  }


  /*fixed footer--------------------*/
  .fixed_footer_wrap.show {
    bottom: 0px;
    opacity: 1;
  }

  .fixed_footer_wrap {
    /* background-color: #eb5604; */
    height: 13vw;
    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.show {
    opacity: 1;
    bottom: 0;
    transition: all 0.5s ease-in-out;
}
    */

  .fixed_footer_wrap .fixed_footer_btn_wrap {
    background-color: #EB5505;
    width: 100%;
    margin: auto;
    text-align: center;
    height: 13vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-radius: 10px; */
    overflow: clip;
    box-sizing: border-box;
  }

  .fixed_footer_wrap a.link_btn {
    display: flex;
    max-width: 600px;
    width: 80%;
    margin: auto;
    height: 10vw;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    color: var(--orange_1);
    flex-shrink: 0;
    border-radius: 50vw;
    border: 2px solid var(--au-orange, #EB5505);
    background: #FFF;
    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(2) {
    width: 49vw;
}
    */



  .fixed_footer_wrap a.link_btn .icon {
    position: relative;
    padding-left: 0vw;
    margin-left: 8vw;
    font-size: 2.8vw;
    width: 100%;
    padding-left: 4vw;
  }

  .fixed_footer_wrap a.link_btn .icon::after {
    position: absolute;
    margin: auto;
    content: "";
    top: 0;
    bottom: 0;
    left: -5vw;
    height: 6vw;
    width: 6vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .fixed_footer_wrap a.link_btn:nth-child(1) .icon::after {
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/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/images/icon_cart_7705582850311127.svg);
  }


  .fixed_footer_wrap a.link_btn::after {
    content: "";
    height: 2vw;
    width: 2vw;
    border-top: 2px solid var(--orange_1);
    border-right: 2px solid var(--orange_1);
    transform: rotate(45deg);
    position: absolute;
    right: 4vw;
    bottom: 0;
    top: 0;
    margin: auto;
  }



  .fixed_footer_wrap .close_btn {
    min-height: 8vw;
    width: 12vw;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/btn_footer_close_4e492076c20936c2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5vw;
    cursor: pointer;
  }

  /*page-read01_pos------------------*/
  .page-read01_pos {
    position: relative;
    top: -107vw;
  }


  /*swiper_benefit_1 & 2 --------*/
  #slider_benefit_1,
  #slider_benefit_2 {
    background-color: #1b2e7a;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9.5vw 0 4vw 0px;
    margin-bottom: 8vw;
    text-align: center;
    flex-direction: column;
    position: relative;
    right: 3vw;
  }

  .swiper_wrap {
    /* max-width: 970px; */
    margin: auto;
    /* background-color: bisque; */
    width: 67vw;
    /* overflow: hidden; */
    /* padding-right: 50px; */
    position: relative;
    left: -13vw;
    /* height: 250px; */
  }

  .slider_title {
    font-size: 4.8vw;
    color: #fff;
    margin-bottom: 40px;
  }

  .slider_wrap .swiper-slide {
    height: 32vw;
    background-color: #fff;
    border-radius: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .slider_wrap .swiper-slide .swiper_device_photo {
    width: 48%;
  }

  .slider_wrap .swiper-slide .swiper_device_name {
    color: #000;
    margin-top: 10px;
    font-size: 3vw;
    letter-spacing: -0.03em;
    /* font-weight: bold; */
  }

  .slider_wrap .swiper-button-next,
  .slider_wrap .swiper-button-prev {
    display: none;
  }

  .slider_remarks_wrap {
    width: 89%;
    text-align: right;
    margin-top: 3vw;
  }

  .slider_remarks_item {
    margin: 0 0 0 auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 2.8vw;
    color: #fff;
  }

  .slider_remarks_item img[src*="icon_scroll"] {
    max-width: 40px;
    margin-left: 10px;
  }




  /*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 .item_allwrap .item_full {
    width: 100%;
  }

  section.modal_price .segment {
    text-align: center;
    font-weight: bold;
    /* margin: 5vw 0; */
    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;
    /* padding: 5vw 3vw; */
    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 .video_modal {
    margin: 3vw auto;
    width: 100%;
    height: 47vw;


  }

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

  section.modal_vlp_allwrap .modal_window .modal_copy_wrap .modal_vlp_icon_wrap {
    display: inline-flex;
    line-height: 0;
    justify-content: center;
    align-items: center;
    font-size: 4vw;
    margin-bottom: 4vw;
    font-weight: bold;
    line-height: 1.5em;
  }

  section.modal_vlp_allwrap .modal_window .modal_copy_wrap .item_text_link_wrap .item_text_link {
    margin: 0 0 0 auto;
    color: #0066AA;
  }

  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 .item_text_link {
    text-decoration: underline;
    color: #0066AA;
    display: inline-block;
    margin: 0 0 0 auto;
    font-size: 3vw;
  }

  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;
    /* max-height: calc(100vh - 180px); */
    aspect-ratio: 16/9;
    background-color: #000;
  }

  section.modal_movie_allwrap .modal_window .player_container {}

  section.modal_movie_allwrap .modal_window .player_container .player_item {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }

  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*/
  .footerSiteMap {
    padding-bottom: 20vw;
  }
}

/*for_sp end--------------------------------------*/


}
