/*@charset "UTF-8";*/
/*for_pc start*/
@media screen and (min-width: 750px) {

  .for_sp,
  .-sp {
    display: none !important;
  }

  .contents_all_wrap {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
    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%);


  }

  .inner_content_wrap {
    max-width: 980px;
    margin: auto;
    width: 100%;
    position: relative;
  }

  a.item_text_link:hover {
    text-decoration: underline !important;

  }

  /*
  .text_mini {
    font-size: 12px !important;
  }
*/

  /*shitadori_cv_wrap*/
  .shitadori_cv_wrap {
    margin: 50px auto 0px;
    max-width: 600px;
    background-color: #FFF673
  }

  .shitadori_cv_wrap .shitadori_cv_bnr_wrap {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
  }

  .shitadori_cv_wrap .shitadori_pict {
    width: 50%;
  }

  .shitadori_cv_wrap .shitadori_detail {
    width: 50%;
  }

  .shitadori_cv_wrap .shitadori_price {
    width: 100%;
    padding: 20px;
  }

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

  .shitadori_cv_wrap .cv_btn_primaly {
    max-width: 360px;
  }




  /*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 20px 20px;
    background-color: #EB5505;
    box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
    height: 78px;
    max-width: 980px;
    margin: auto;
    margin-bottom: 50px;

  }

  a.bt_17yoyaku_wrap .bt_17yoyaku {
    margin: auto;
    max-width: 700px;
  }




  /* area_ad (url paramator)*/

  .area_ad {
    /* background-color: #fff; */
    width: 100%;
    text-align: center;
  }

  #area_ad_1 .area_ad {}

  #area_ad_2 .area_ad {
    padding: 0 0 50px 0;
  }

  .area_ad .area_ad_wrap {
    margin: auto;
  }

  .area_ad .au_nara {
    width: 300px;
  }

  #area_ad_1 .area_ad .area_ad_wrap {
    max-width: 980px;
    background-color: #F6F5FA;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 80px;
    text-align: center;
    padding: 70px 0px 80px;
    box-sizing: border-box;
  }

  #area_ad_1 .area_ad .area_ad_wrap .inner_wrap {
    max-width: 800px;
    margin: auto;
  }

  #area_ad_2 .area_ad .area_ad_wrap {
    /* max-width: 600px; */
  }

  .area_ad .au_nara {
    width: 309px;
    margin: 0 auto;
    margin-bottom: 13px;
  }

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

  .area_ad .area_ad_bnr_starlink {
    width: 100%;
    margin-bottom: 65px;
  }

  .area_ad .value-link-plan_logo {
    width: 100%;
    max-width: 680px;
    margin: auto;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    row-gap: 14px;
  }

  .area_ad .value-link-plan_remarks {
    font-size: 12px;
    text-align: left;
    max-width: 680px;
    margin: auto;
    margin-bottom: 10px;
    white-space: nowrap;
  }


  .area_ad .accodion_allwrap {
    margin: 30px 0;
  }

  .area_ad .accodion_allwrap .accodion_wrap {
    max-width: 800px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .area_ad .accodion_allwrap .accodion_btn {
    height: 90px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center left 12px;
    background-repeat: no-repeat;
    background-size: contain;
    font-weight: bold;
    position: relative;
    flex-direction: column;
    background-color: #fff;
    border: none;
    border-radius: 20px;
  }

  .area_ad .accodion_allwrap .accodion_btn::after {
    content: '';
    position: absolute;
    display: inline-block;
    right: 40px;
    height: 12px;
    width: 12px;
    border-right: 3px solid #333;
    border-top: 3px 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_allwrap .accodion_btn .-accodion_switch {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .area_ad .accodion_allwrap .accodion_btn.on .-accodion_switch.-to-open {
    display: none;
  }

  .area_ad .accodion_allwrap .accodion_btn.off .-accodion_switch.-to-close {
    display: none;
  }



  .area_ad .accodion_btn .title {
    font-size: 20px;
    color: #333;
  }

  .area_ad .accodion_allwrap .accodion_btn mark {
    font-size: 28px;
    color: #EB5505;
    background: linear-gradient(transparent 80%, #FCEFA4 80%);
    margin: 0 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: 24px 35px 40px;
  }

  .area_ad .accodion_allwrap .accodion_item .item_title {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 1.2em;
    margin-bottom: 9px;
  }

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

  /*
  .area_ad .accodion_item .item_text_wrap {
    font-size: 14px;
    text-align: left;
    line-height: 1.8em;
  }

  .area_ad .accodion_item .item_text_wrap .item_text {
    padding: 1em 0;
  }

  .area_ad .accodion_item .item_text_link_wrap {
    margin: 20px 0;
    text-align: right;
  }

  .area_ad .accodion_item .item_text_wrap .item_text_link {
    text-decoration: underline;
    color: #0066AA;
    display: inline-block;
    margin: 0 0 0 auto;
  }
*/


  .area_ad_video_wrap.content_outer {
    background-color: #F6F5FA;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    padding: 30px 30px 60px 30px;
    margin-bottom: 50px;
    max-width: 980px;
    margin: auto;
    border-radius: 20px;
    margin-bottom: 100px;
    box-sizing: border-box;
  }

  .area_ad_video_wrap.content_inner {
    background-color: inherit;
  }

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

  .youtube_allwrap {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    text-align: center;
    height: 337px;
    overflow: clip;

  }




  .youtube_allwrap .youtube_wrap,
  .youtube_allwrap .youtube_wrap iframe {
    width: 100%;
    max-width: 600px;
    height: 340px;
    margin: auto;
    aspect-ratio: 4 / 3;
  }

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

  .youtube_tb::after {
    content: "";
    height: 50px;
    width: 50px;
    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: 17px;
    height: 50px;
    padding: 0 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-weight: bold;
  }

  .area_ad .accodion_item .cv_btn_modal::after {
    content: '\FF0B';
    font-size: 14px;
    position: absolute;
    right: 10px;

  }

  s

  /*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: 20px 0 20px;
  }

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

  .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: 18px;
    font-weight: bold;
    text-align: left;
    line-height: 1.7em;
    margin-bottom: 10px;
  }

  .area_ad .accodion_item.item_1 .item_text_allwrap .item_subheading {
    font-size: 14px;
    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: 15px;
  }

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

  .area_ad .accodion_item.item_1 .item_text {
    font-size: 12px;
    text-align: left;
  }

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



  /*.item_2*/

  .area_ad .accodion_item.item_2 .item_text {
    font-size: 14px;
    text-align: left;
    margin-bottom: 26px;
  }

  .area_ad .accodion_item.item_2 .item_text_link_wrap {
    text-align: right;
    margin-bottom: 20px;
  }

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

  .area_ad .accodion_item.item_2 .item_text_inner {
    max-width: 600px;
    font-size: 14px;
    text-align: left;
    margin: auto;
    margin-bottom: 20px;
  }

  .area_ad .accodion_item.item_2 .youtube_allwrap {
    margin-bottom: 50px;
  }

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

  .area_ad .accodion_item.item_3 .item_text_allwrap .item_text_wrap {
    font-size: 14px;
    text-align: left;
    /* font-weight: bold; */
  }

  .area_ad .accodion_item.item_3 .item_text_allwrap .item_text_wrap .remarks {
    font-size: 14px;
    margin-top: 20px;
    line-height: 1.5;
  }

  .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: 12px;
    max-width: 100%;
    text-align: left;
    margin: 10px 0 20px;
  }

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

  }

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

  .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 {
    height: 60px;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    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 20px;
    background-size: 10px;
    margin: auto;
    /* margin-top: 20px; */
    font-weight: bold;
    /* margin-bottom: 20px; */
    border: 2px solid var(--color_orange);
    box-sizing: border-box;
    text-decoration: none;
  }


  /*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: 14px;
    text-align: left;
    /* font-weight: bold; */
  }

  .area_ad .accodion_item.item_4 .item_text_allwrap .item_text_wrap .indent_h1 {
    font-size: 12px;
  }

  .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: 20px;
  }

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

  /*item_5*/
  .area_ad .accodion_btn.item_5 .subtitle {
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
    font-weight: normal;
  }

  .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: 20px 0;
  }

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

  .area_ad .accodion_item.item_5 .item_text_wrap {
    min-width: calc(45% - 20px);
    text-align: left;
  }

  .area_ad .accodion_item.item_5 .item_text_wrap .item_heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .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: 14px;
    width: 100%;
  }

  .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: 14px;
    text-align: left;
    color: #0066AA;
  }

  /*item_6*/

  .area_ad .accodion_item.item_6 {}

  .area_ad .accodion_item.item_6 .item_heading {
    font-size: 16px;
    font-weight: bold;
  }

  .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: 14px;
    text-align: left;
  }

  /*
  .area_ad .area_ad_fukidashi {
    width: 366px;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .area_ad .area_ad_numberone {
    width: 100%;
    margin-bottom: 20px;
  }

  #area_ad_1 .area_ad .area_ad_heading {
    width: 100%;
    margin-bottom: 20px;
  }

  #area_ad_2 .area_ad .area_ad_heading {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 40px;
  }
*/



  /*area_ad / 
  slider_wrap*/

  /*
  .area_ad .slider_wrap {
    max-width: 600px;
    margin: auto;
    position: relative;
  }

  .area_ad .xf_slider_wrap {
    max-width: 600px;
    margin: auto;
    position: relative;
  }

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


  .area_ad .slider_wrap .swiper-wrapper {
    padding-bottom: 50px;
  }

  .area_ad .slider_wrap .swiper-wrapper .modal_slide_item {
    position: relative;
    text-align: left;
  }

  .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: 60px;
    width: 60px;
    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: 50px;
    width: 50px;
    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: 110px;
  }

  .area_ad .slider_wrap .swiper-button-next.tsunagu1,
  .area_ad .slider_wrap .swiper-button-prev.tsunagu1 {
    top: 95px;
  }

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

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


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

  .area_ad .slider_wrap .swiper-button-next::before {
    transform: rotate(-135deg);
    left: 15px;
  }

  .area_ad .slider_wrap .swiper-button-prev::before {
    left: 21px;
    transform: rotate(45deg);
  }
*/







  .area_ad .area_ad_network_title {
    margin: 80px auto 40px;
    max-width: 482px;
  }

  /*
  swiper_tsunagu1*/
  /*
  .area_ad .swiper_tsunagu1 {}

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

  .area_ad .swiper_tsunagu1 .tb_tsunagu {
    margin-bottom: 15px;
  }

  .area_ad .swiper_tsunagu1 .tsunagu_text {
    font-size: 21px;
    padding: 0 10px 0 30px;
     text-align: left; 
    margin-bottom: 20px;
  }

  .area_ad .swiper_tsunagu1 .tsunagu_detail {
    font-size: 14px;
    display: inline-block;
    position: relative;
    padding-left: 45px;
  }

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

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






  /*
  .area_ad .award_wrap {
    width: 100%;
    max-width: 675px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 20px;
    gap: 30px;
  }

  .area_ad .award_item {
    width: 195px;
  }

  .area_ad .area_ad_award_global {
    width: 100%;
    max-width: 570px;
    margin: auto;
    margin-bottom: 25px;
  }

  .area_ad .link_detail {
    font-size: 20px;
    text-decoration: underline !important;
    display: inline-block;
    margin-bottom: 25px;
  }
*/

  .area_ad .remarks_wrap {
    margin: auto;
    text-align: left;
    font-size: 12px;
    line-height: 1.5em;
    position: relative;
    overflow: clip;
    position: relative;
    margin: 0 auto 40px !important;
    height: 110px;
    max-width: 550px;
  }

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

  .area_ad .remarks_wrap:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 80px;
    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: 40px;
    width: 160px;
    color: #fff;
    background-color: #666;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 14px;
    border: 2px solid #fff;
  }

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

  .area_ad a.area_ad_bnr_starlink {
    display: block;
    width: 100%;
    /* max-width: 540px; */
    margin: auto;
  }

  #area_ad_1 .area_ad a.area_ad_bnr_starlink {
    max-width: 540px;
  }




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

  .inner_content_wrap.kv_wrap {
    position: relative;
    height: 400px;
  }

  section.kv_section .kv_image {
    position: absolute;
    width: 417px;
    left: -2%;
    margin: auto;
    top: 22px;
  }

  section.kv_section .kv_fukidashi {
    position: absolute;
    max-width: 374px;
    width: 39vw;
    left: 0;
    right: -37%;
    margin: auto;
    top: 12%;
  }

  section.kv_section .kv_titile {
    position: absolute;
    max-width: 600px;
    width: 66vw;
    /* left: 0; */
    right: 0;
    margin: auto;
    top: 149px;
  }


  section.kv_section.iphone16_relese .kv_titile {
    position: absolute;
    width: 462px;
    left: 0;
    right: -404px;
    margin: auto;
    top: 34px;
  }

  section.kv_section.iphone16_relese .kv_titile_note {
    position: absolute;
    width: 462px;
    left: 0;
    right: -404px;
    margin: auto;
    top: 304px;
  }


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

  section.kv_section .kv_anchor_wrap .kv_anchor_innner {
    width: 100%;
    max-width: 978px;
    border-left: 2px solid #AAA;
    height: 70px;
    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%;
    position: relative;
    outline: none;
  }

  section.kv_section .kv_anchor_wrap .anchor_item .icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
  }

  section.kv_section .kv_anchor_wrap .anchor_item .icon img {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  section.kv_section .kv_anchor_wrap .anchor_item .icon img:nth-child(3) {
    opacity: 0;
  }

  section.kv_section .kv_anchor_wrap .anchor_item:hover .icon img:nth-child(3) {
    opacity: 1;
  }

  section.kv_section .kv_anchor_wrap .anchor_item:hover .icon img:nth-child(2) {
    opacity: 0;
  }


  section.kv_section .kv_wrap_area_ad {}

  section.kv_section .kv_wrap_area_ad .kv_title_pricedown {
    width: 600px;
    margin: auto;
    margin-bottom: 70px;
  }


  /*area_ad_kv_section------------------------*/

  section.area_ad_kv_section {
    height: 440px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    max-width: 1060px;
    padding-top: 44px;
    margin: auto;
  }

  .inner_content_wrap.area_ad_kv_section_wrap {
    position: relative;
  }

  section.area_ad_kv_section .kv_image {
    position: absolute;
    max-width: 417px;
    /* width: 39vw; */
    left: 5%;
    /* right: 360px; */
    margin: auto;
    bottom: -279px;
  }

  section.area_ad_kv_section .kv_fukidashi {
    position: absolute;
    width: 374px;
    left: 0;
    right: -4px;
    margin: auto;
    top: -115px;
  }

  section.area_ad_kv_section .kv_titile {
    position: absolute;
    max-width: 560px;
    left: 41%;
    top: 20%;
    bottom: 0;
    margin: auto;
    width: 56vw;
  }


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

  .benefit_section {
    width: 100%;
    /* padding: 50px 0; */
  }

  .benefit_section .benefit_item_wrap {
    max-width: 980px;
    background-color: #f4f4f4;
    /* background-color: #fff; */
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 80px;
    text-align: center;
  }







  .benefit_section .head_bnr_copy {
    font-size: 30px;
    font-weight: bold;
    position: relative;
    color: #0D8199;
    display: inline-block;
    margin: 50px auto 20px;
  }

  .benefit_section .head_bnr_copy::before,
  .benefit_section .head_bnr_copy::after {
    content: "";
    height: 42px;
    width: 4px;
    background-color: #0D8199;
    position: absolute;
    top: 1px;
  }

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

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



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

  .benefit_section .bnr_iphone_exchange {
    max-width: 700px;
    margin: auto;
    margin-top: 50px;
    display: block;
  }

  .benefit_section .head_bnr_wrap .head_bnr_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    margin: auto;
    width: 370px;
    display: block;
  }



  .benefit_section .benefit_title_wrap {
    height: 130px;
    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: 38px;
    letter-spacing: -0.05em;
  }

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

  .benefit_section .benefit_title_icon {
    width: 82px;
    height: 96px;
    margin-right: 22px;
    position: relative;
    top: 15px;
  }

  .benefit_section .benefit_title {
    display: inline-block;

  }

  .benefit_section .benefit_inner_wrap {
    width: 800px;
    margin: auto;
    font-size: 14px;
    /* min-height: 300px; */
  }




  .benefit_section .underline_yellow {
    display: inline-flex;
    position: relative;
    align-items: flex-end;
  }

  /*
  .benefit_section .underline_yellow::before {
    content: "";
    width: 100%;
    height: 16px;
    background-color: #ffea00;
    position: absolute;
    bottom: 0px;
    z-index: -1;
  }
*/


  .remarks {
    font-size: 12px;
    line-height: 1.2em;
    color: #444;
    margin-top: 0.3em;
    text-align: left;
    margin: auto;
    max-width: 590px;
  }

  .remarks .title {
    font-weight: bold;
    margin: 20px 0 7px 0;
    font-size: 12px;
  }

  .remarks .subtitle {
    font-weight: bold;
    font-size: 12px;
    margin: 12px 0 6px 0;
  }

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



  .benefit_section #benefit_1 .copy_add_4 {
    margin: auto;
    width: 540px;
    padding: 18px 0;
    font-size: 24px;
    background-color: #E5E5E5;
    border-radius: 10px;
    position: relative;
    margin-bottom: 44px;
    margin-top: 36px;
  }

  .benefit_section #benefit_1 .copy_add_4 .small {
    font-size: 20px;
  }

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

  .benefit_section #benefit_1 .copy_end_stamp {
    width: 270px;
    display: block;
    margin: auto;
    margin-bottom: 0;
  }


  .benefit_section #benefit_1 .copy_add_1_1 {
    font-size: 32px;
    position: relative;
    display: inline-block;
  }

  .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 {
    position: absolute;
    top: -2px;
    right: -25px;
    transform: rotate(15deg);
  }

  .benefit_section #benefit_1 .copy_add_1_1::before {
    position: absolute;
    top: -2px;
    left: -25px;
    transform: rotate(-17deg);
  }

  .benefit_section #benefit_1 .copy_add_1_1 .small {
    font-size: 20px;
  }


  .benefit_section #benefit_1 .copy_add_1_2 {
    font-size: 32px;
    color: #333;
    margin-top: 8px;
  }

  .benefit_section #benefit_1 .copy_add_1_2 .astarisk {
    font-size: 14px;
  }

  .benefit_section #benefit_1 .copy_add_1_3 {
    font-size: 16px;
    color: #999
  }



  .benefit_section #benefit_1 .copy_add_7 {
    font-size: 22px;
    display: inline-block;
    margin: auto;
    position: relative;
    margin-bottom: 14px;
  }

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

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

  .benefit_section #benefit_1 .copy_add_7 .big {
    font-size: 27px;
  }

  .benefit_section #benefit_1 .copy_add_7 .benefit_1_price_3 {
    width: 84px;
    position: relative;
    bottom: 5px;
    line-height: 0;
    margin-right: 5px;
    margin-left: 5px;
  }

  .benefit_section #benefit_1 .benefit_1_price_4 {
    width: 524px;
    margin: 13px auto 54px;
  }



  /*benefit_1--------------------------------*/
  .benefit_section #benefit_1 {}

  .benefit_section #benefit_1 .benefit_text_wrap {
    text-align: center;
    margin: auto;
    margin-top: 36px;
    margin-bottom: 57px;
    font-size: 28px;
  }

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

  /*tab btn*/

  .benefit_section .tab_btn_device_wrap {
    display: flex;
    column-gap: 30px;
    margin: auto;
    justify-content: center;
    margin-bottom: 60px;
    align-items: center;
    gap: 20px;
  }



  .benefit_section .tab_btn_device_wrap button.tab_btn_device {
    box-sizing: border-box;
    width: 33%;
    height: 90px;
    background: #FFFFFF;
    box-shadow: 0px 7px 40px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.1em;
    border: none;
    font-weight: bold;
    font-size: 28px;
    line-height: 0.8em;
    padding-top: 8px;
  }

  .benefit_section .tab_btn_device_wrap button.tab_btn_device .small {
    font-size: 16px !important;
    vertical-align: baseline;
    display: contents;
  }

  .benefit_section .tab_iphone16 .title_iphone15_wrap {
    margin-top: 56px;
  }

  .benefit_section .w_otoku_heading1 {
    margin: auto;
    width: 100%;
    margin-bottom: 60px;
  }

  .benefit_section .tab_iphone17 .w_otoku_heading1 {
    max-width: 482px;
  }

  .benefit_section .tab_iphone17pro .w_otoku_heading1 {
    max-width: 580px;
  }

  .benefit_section .tab_iphone16 .w_otoku_heading1 {
    max-width: 650px;
  }

  .benefit_section .device_photo {
    width: 350px;
    margin: 30px auto;
  }

  /*
  .benefit_section .tab_iphone16pro .device_photo {
    width: 410px;
    margin: 56px auto;
  }

  .benefit_section .tab_iphone15 .device_photo {
    width: 410px;
    margin: 50px auto;
  }
*/

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


  .benefit_section .device_fukidashi {
    font-size: 26px;
    color: #0D8199;
    text-align: center;
    font-weight: bold;
    position: relative;
    margin: auto;
    display: inline-block;
    margin-bottom: 50px;
  }

  .benefit_section .device_fukidashi::after,
  .benefit_section .device_fukidashi::before {
    content: "";
    height: 74px;
    width: 3px;
    background-color: #0D8199;
    position: absolute;
    top: 0;
  }

  .benefit_section .device_fukidashi::before {
    transform: rotate(-20deg);
    left: -30px;

  }

  .benefit_section .device_fukidashi::after {
    transform: rotate(20deg);
    right: -30px;

  }

  /*tab_item*/

  .benefit_section .tab_btn_pran_wrap {
    display: flex;
    column-gap: 10px;
    margin: auto;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    margin-top: 50px;
  }

  .benefit_section .tab_btn_plan.on {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background: #FFFFFF;
    border-radius: 10px 10px 0px 0px;
    color: var(--color_orange);
    font-size: 18px;
    pointer-events: none;
  }

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

  .benefit_section .tab_btn_plan {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33%;
    height: 50px;
    background: #DDDDDD;
    border-radius: 10px 10px 0px 0px;
    font-size: 18px;
    color: #666;
    border: none;
    font-weight: bold;
  }

  .benefit_section .tab_item_plan_wrap,
  .benefit_section .tab_item_debt_wrap {
    width: 800px;
    background: #FFFFFF;
    /* border-radius: 0 0 10px 10px; */
    margin: auto;
    padding-top: 30px;
    padding-bottom: 40px;
    overflow: clip;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone,
  .benefit_section .tab_item_debt_wrap .price_iphone {
    width: 530px;
    margin: auto;
    margin-bottom: 50px;
    position: relative;
    background-color: #F6F5FA;
    border-radius: 20px;
    padding: 30px 0;
    text-align: center;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone::after {
    content: "";
    position: absolute;
    display: block;
    height: 30px;
    width: 50px;
    background-color: #F6F5FA;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    margin: auto;
    left: 0;
    right: 0;
    bottom: -25px;
  }

  .benefit_section .price_iphone_fukidashi_heading {
    display: inline-block;
    margin: auto;
    font-size: 23px;
    color: #0D8199;
    position: relative;
    margin-bottom: 20px;
  }

  .benefit_section .price_iphone_fukidashi_heading::after,
  .benefit_section .price_iphone_fukidashi_heading::before {
    content: "";
    background-color: #0D8199;
    height: 30px;
    width: 3px;
    position: absolute;
    top: 3px;
  }

  .benefit_section .price_iphone_fukidashi_heading::after {
    right: -15px;
    transform: rotate(30deg);
  }

  .benefit_section .price_iphone_fukidashi_heading::before {
    left: -15px;
    transform: rotate(-30deg);
  }

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

  }

  .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: 250px;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    display: inline-block;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone a.price_iphone_anchor {
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
    display: inline-block;
    width: ;
    color: #333;
    font-size: 28px;
    border-bottom: 1px solid #333;
    font-weight: bold;
    line-height: 1.5em;
    text-decoration: none;
  }

  .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: 13px auto 0;
  }

  .benefit_section .tab_item_plan_wrap .value_price_heading {
    font-size: 23px;
    font-weight: bold;
  }

  .benefit_section .tab_item_plan_wrap .value_price_data {
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    color: #EB5505;
  }

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

  .benefit_section .tab_item_plan_wrap .value_price_note {
    font-size: 14px;
    margin-top: 5px;
  }








  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_sumatoku {
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
    /* margin-bottom: 20px; */
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 800;
    line-height: 1.6em;
  }

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

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

  .benefit_section .tab_item_plan_wrap .price_iphone .price_iphone_sumatoku .price_iphone_sumatoku_before {
    width: 250px;
    margin: 10px auto -10px;
  }

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

  }

  .benefit_section .tab_item_plan_wrap .price_iphone .price_sumatoku_detail_wrap .title {
    color: #0D8199;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 6px;
    white-space: normal;
    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: 16px;
    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: 400px;
    margin: 0px auto;
    display: block;
  }



  .benefit_section .tab_item_plan_wrap .price_iphone16_arrow {
    width: 530px;
    margin: 0px auto;
    margin-bottom: 10px;
  }

  .benefit_section .tab_item_plan_wrap .price_iphone_arrow {
    width: 50px;
    margin: 0px auto;
    margin-bottom: 10px;
  }



  .benefit_section .tab_item_plan_wrap .price_fix_iphone_wrap {
    background-color: #FFF0E8;
    width: 800px;
    padding: 50px;
    margin-bottom: 50px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
  }

  .benefit_section .tab_item_plan_wrap .price_fix_iphone {
    width: 540px;
    margin: auto;
    margin-bottom: 10px;
  }

  .benefit_section .tab_item_plan_wrap .price_fix_iphone15_pict {
    width: 100%;
    max-width: 600px;
    margin: auto;
  }


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



  .benefit_section .price_detail {
    max-width: 539px;
    width: 100%;
    margin: auto;
    border-top: 2px solid #aaa;
    padding: 22px 0 10px;
    color: #666;
  }

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

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

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

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

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

  .benefit_section .price_detail .big {
    font-size: 28px;
  }


  .benefit_section .shitadori_acodion_allwrap {
    border-radius: 10px;
    background: #F6F5FA;
    width: 530px;
    margin: auto;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .benefit_section .shitadori_acodion_allwrap .title {
    color: #0D8199;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    padding: 30px 0 8px;
    line-height: 1.2em;
    display: inline-block;
    margin: auto;
    text-align: left;

  }

  .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: 530px;
    border-radius: 10px;
    /* padding-bottom: 15px; */
    overflow: clip;
    /* background-color: #eee; */
    border: 2px solid #aaa;
    box-sizing: border-box;
  }

  .benefit_section .shitadori_acodion_wrap .shitadori_acodion_bt {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    height: 60px;
    font-weight: bold;
    padding-right: 1em;
    position: relative;
    border: none;
    width: 100%;
    background-color: #fff;
  }


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

  .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_allwrap .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: 16px;
    text-align: left;
    padding: 22px;
  }

  .benefit_section .item_text_link_wrap {
    /* margin: 20px 0 0 0; */
    text-align: right;
  }

  .benefit_section .item_text_link_wrap .item_text_link {
    position: relative;
    color: #0D8199;
    font-size: 14px;
    display: inline-block;
    margin: 0px 28px 0 auto;
    text-decoration: none!important;
  }

  .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: 7px;
    width: 7px;
    border-right: 2px solid #0066AA;
    border-top: 2px solid #0066AA;
    transform: rotate(135deg);
    display: inline-block;
    right: -15px;
    top: 13px;
  }






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

  .benefit_section .bnr_u12_u16_vlp_wrap {
    width: 530px;
    background-color: #F6F5FA;
    margin: auto;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
  }

  .benefit_section .bnr_u12_u16_vlp_wrap .title {
    position: relative;
    text-align: center;
    color: #0D8199;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }

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

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

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

  .benefit_section .bnr_u12_u16_vlp_wrap .bnr_u12_u16_vlp {}


  .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;
    font-size: 18px;
  }





  .benefit_section .price_data_date {
    width: 540px;
    margin: auto;
    text-align: right;
    font-size: 12px;
    margin-bottom: 20px;
  }

  .benefit_section .price_remarks {
    width: 540px;
    margin: auto;
    text-align: left;
    font-size: 12px;
    line-height: 1.5em;
    margin: 30px auto 30px;
    position: relative;
    overflow: clip;
  }

  .benefit_section .remarks_wrap {
    text-align: left;
    margin-top: 67px;
    position: relative;
    overflow: clip;
    max-width: 800px;
    margin: auto;
    line-height: 1.6em;
  }

  .benefit_section .price_remarks {
    height: 150px;
  }

  .benefit_section .price_remarks::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 80px;
    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: 40px;
    width: 160px;
    color: #fff;
    background-color: #666;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 14px;
    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: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(135deg);
    display: inline-block;
    margin-left: 0.5em;
  }









  /* benefit_section/.benefit_section */

  .benefit_section .benefit_section {
    width: 100%;
    font-size: 18px;
  }

  .benefit_section .price_manekatsu {
    padding: 30px 0;
    text-align: center;
  }


  .benefit_section .price_manekatsu .price_manekatsu_heading {
    padding: 50px 0 0 0;
  }

  .benefit_section .price_manekatsu .price_manekatsu_heading {
    max-width: 500px;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
  }

  .benefit_section .price_manekatsu .price_manekatsu_detail_allwrap {
    max-width: 730px;
    margin-bottom: 50px;
    background-color: #fff;
    margin: auto;
    padding: 30px 0;
    margin-top: 30px;
  }

  .benefit_section .price_manekatsu .price_manekatsu_detail_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: auto;


  }

  .benefit_section .price_manekatsu .price_manekatsu_pict {
    width: 300px;
  }

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

  .benefit_section .price_manekatsu .title {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    display: inline-block;
  }

  .benefit_section .price_manekatsu .title_fukidashi {
    font-size: 35px;
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    color: #0D8199;
  }

  .benefit_section .price_manekatsu .title_fukidashi::before,
  .benefit_section .price_manekatsu .title_fukidashi::after {
    content: "";
    height: 52px;
    width: 4px;
    background-color: #0D8199;
    position: absolute;
    top: 1px;
  }

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

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




  .benefit_section .price_manekatsu .manekatsu_subcopy {
    font-size: 24px;
    font-weight: bold;
    margin: 25px 0px 10px;
  }

  .benefit_section .price_manekatsu .manekatsu_value_price {
    margin: auto;
    max-width: 473px;

  }

  .benefit_section .price_manekatsu .manekatsu_note {
    font-size: 14px;
    text-align: center;
  }

  .benefit_section .price_manekatsu a.manekatsu_link_detail,
  .benefit_section .price_manekatsu .manekatsu_link_detail {
    margin: 30px auto 0;
    color: #0066aa;
    display: inline-block;
    font-size: 18px;
  }

  .benefit_section .price_manekatsu .manekatsu_link_remarks {
    margin: 10px auto 0px;
    color: #333;
    font-size: 16px;
  }









  .benefit_section .price_manekatsu .note {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .benefit_section .price_manekatsu .box_gray {
    display: inline-block;
    padding: 5px 10px;
    background-color: #888;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
  }

  .benefit_section .price_manekatsu .price_manekatsu_coin_wrap {
    position: relative;
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
    left: 20px;
  }

  .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: 31px;
    width: 39px;
    left: -50px;
    top: -2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }


  .benefit_section .price_manekatsu .price_manekatsu_coin_remarks {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .benefit_section .price_manekatsu .price_manekatsu_price {
    margin-bottom: 20px;
    display: inline-block;
    padding-left: 0em;
    text-indent: 0.9em;
  }

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

  .benefit_section .price_manekatsu .price_manekatsu_price .price_num {
    font-size: 44px;
    font-weight: bold;
  }

  .benefit_section .price_manekatsu .remarks {
    font-size: 12px;
    text-align: left;
    max-width: 600px;
    margin: auto;
  }

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






















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

  .price_more .w_otoku_heading2 {
    padding: 50px 0;
    text-align: center;
    max-width: 600px;
    width: 100%;
    margin: auto;
  }

  .price_more .price_more_heading {
    /* max-width: 240px; */
    margin: auto;
    margin-bottom: 30px;
  }

  .price_more .price_more_heading .date {
    border: 2px solid #CCCCCC;
    border-radius: 10px;
    padding: 8px 30px;
    text-align: center;
    font-size: 17px;
    display: inline-block;
    margin-bottom: 8px;
  }

  .price_more .price_more_heading .date_remarks {
    text-align: center;
    font-size: 14px;
  }

  .price_more .price_more_price {
    max-width: 524px;
    margin: auto;
    margin-bottom: 30px;
  }

  .price_more .price_more_fukidashi {
    width: 400px;
    margin: auto;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    font-size: 20px;
    padding: 14px 0px;
    margin-bottom: 30px;
  }

  .price_more .price_more_fukidashi::after {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: #fff;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -10px;
    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: 527px;
    margin: auto;
    margin-bottom: 20px;
  }

  .price_more .price_more_varue .price_more_varue_text {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
  }

  .price_more .price_more_cv_remarks {
    text-align: center;
    color: var(--color_orange);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .price_more .price_more_remarks {
    width: 520px;
    text-align: left;
    margin: auto;
    margin-top: 30px;
    font-size: 12px;
  }

  .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: 50px auto 0;
    width: 100%;
    max-width: 520px;
  }

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

  .price_more .price_more_cv_btn::after {
    content: "";
    height: 8px;
    width: 8px;
    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: 16px;
  }





  .cv_device_wrap {
    background-color: #0D8199;
    padding: 40px 0;
    width: 100%;
    margin: 40px 0;
  }

  .cv_device_wrap .cv_device_heading {
    text-align: center;
    margin: auto;
    font-size: 20px;
    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: 10px;
    row-gap: 10px;
    margin: 20px 20px 0 20px;
  }

  .cv_device_wrap .cv_device_item {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    width: calc(25% - 10px);
    /* height: 60px; */
    position: relative;
    padding-right: 10px;
    box-sizing: border-box;
    padding: 10px 0 20px;
  }

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

  .cv_device_wrap .cv_device_item .device_image {
    width: 120px;
    margin-bottom: 10px;
  }









  .price_cv_remarks {
    text-align: left;
    width: 530px;
    margin: auto;
    margin-top: 20px;

  }

  .benefit_remarks {
    width: 676px;
    margin: auto;
    text-align: left;
    font-size: 12px;
    line-height: 1.5em;
    margin: 23px auto 0;
    color: #000;
  }



  .benefit_inner_wrap {
    width: 100%;
    padding: 29px 0 21px 0px;
  }




  .benefit_section #benefit_1 .cv_btn_primaly {
    height: 60px;
    width: 530px;
    background-color: var(--color_orange);
    font-size: 20px;
    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 20px;
    background-size: 10px;
    margin: auto;
    text-decoration: none;
    /* margin-bottom: 20px; */
  }

  .benefit_section #benefit_1 .cv_btn_primaly_2 {
    height: 60px;
    width: 530px;
    background-color: var(--color_orange);
    font-size: 16px;
    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 20px;
    background-size: 10px;
    margin: auto;
    margin-top: 20px;
    font-weight: normal;
    /* margin-bottom: 20px; */
  }

  .benefit_section #benefit_1 .cv_btn_secondaly,
  .area_ad_wrap .cv_btn_secondaly {
    height: 60px;
    max-width: 410px;
    background-color: #fff;
    font-size: 16px;
    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 20px;
    background-size: 10px;
    margin: auto;
    /* margin-top: 20px; */
    font-weight: bold;
    /* margin-bottom: 20px; */
    border: 2px solid var(--color_orange);
    box-sizing: border-box;
    text-decoration: none;
  }

  .benefit_section #benefit_1 .device_change_note {
    color: #000;
    display: block;
    margin-top: 30px;
    font-size: 14px;
    margin: 40px 0 30px;
  }

  .benefit_section #benefit_1 .device_change_note a.device_change_note_link {
    color: #0066AA;
    display: block;
    margin-top: 10px;
    font-size: 14px;
  }

  .benefit_section #benefit_1 .cv_btn_primaly_text {
    color: #0066AA;
    display: block;
    margin-top: 30px;
    font-size: 14px;
    margin-top: 40px;
  }

  .benefit_section #benefit_1 .cv_btn_primaly_w,
  .benefit_section #benefit_2 .cv_btn_primaly_w {
    height: 60px;
    width: 530px;
    background-color: #fff;
    font-size: 18px;
    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 20px;
    background-size: 10px;
    margin: auto;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .benefit_section #benefit_1 .cv_btn_primaly_b {
    height: 60px;
    width: 530px;
    background-color: #fff;
    font-size: 18px;
    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 20px;
    background-size: 10px;
    margin: auto;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }






  .benefit_section .device_confirm {
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding-bottom: 50px;
    border-radius: 0 0 10px 10px;
  }

  .benefit_section .device_confirm .esim_detail_title {
    font-size: 18px;
    font-weight: bold;
  }

  .benefit_section .device_confirm a.esim_detail_btn {
    font-size: 18px;
    color: #0066AA;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #0066AA;
    padding-right: 20px;
    position: relative;
    margin-bottom: 30px;
    font-weight: normal;
    text-decoration: none;
  }

  .benefit_section .device_confirm a.esim_detail_btn::after {
    content: "";
    position: absolute;
    display: block;
    right: 8px;
    top: 7px;
    height: 7px;
    width: 7px;
    border-top: 2px solid #0066AA;
    border-right: 2px solid #0066AA;
    transform: rotate(135deg);
  }



  .benefit_section .device_confirm_items_allwrap {
    background-color: #008F9E;
    width: 100%;
    max-width: 530px;
    padding: 20px 0;
    margin: auto;
    margin-bottom: 35px;
  }

  .benefit_section .device_confirm_items_allwrap .title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 14px;
  }

  .benefit_section .device_confirm_items_allwrap .device_confirm_items_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* column-gap: 30px; */
    row-gap: 15px;
    flex-wrap: wrap;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .benefit_section .device_confirm_items_allwrap .device_confirm_item {
    width: calc(50% - 7px);
    display: flex;
    align-items: center;
    background-color: #fff;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 5px;
    color: #333;
    min-height: 68px;
    text-decoration: none;
  }

  .benefit_section .device_confirm_items_allwrap .device_confirm_item .photo {
    line-height: 0;
    max-width: 70px;
  }

  .benefit_section .device_confirm_items_allwrap .device_confirm_item .name {
    padding-left: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    position: relative;
    width: 100%;
    line-height: 1.2em;
  }

  .benefit_section .device_confirm_items_allwrap .device_confirm_item .name::after {
    content: "";
    position: absolute;
    display: block;
    /* margin: auto; */
    right: 18px;
    /* left: auto; */
    /* top: 0; */
    /* bottom: 0; */
    height: 10px;
    width: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
  }

  .benefit_section .bnr_shitadori {
    margin: auto;
    max-width: 530px;
    width: 100%;
    line-height: 0;
    margin-bottom: 40px;
  }

  .benefit_section .bnr_shitadori .text_link_wrap {
    margin-top: 20px;
    display: block;
  }

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






  .benefit_section .online-yoyaku_wrap {
    margin: auto;
    max-width: 800px;
    width: 100%;
    line-height: 0;
    margin-bottom: 40px;
    background-color: #FCEFA4;
    line-height: 1.5em;
    margin-top: 50px;
    box-sizing: border-box;
    padding-bottom: 10px;
    margin-bottom: 50px;
  }

  .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: 34px;
    box-sizing: border-box;
    margin-bottom: 50px;
  }

  .benefit_section .online-yoyaku_wrap .title {
    max-width: 630px;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;

  }

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





  .benefit_section .online-yoyaku_wrap .segment {
    margin: 40px auto 30px;
    height: 2px;
    width: 100%;
    max-width: 600px;
    background-color: #AAAAAA;
  }

  .benefit_section .online-yoyaku_wrap .flow_title {
    font-size: 24px;
    line-height: 1em;
    background: linear-gradient(transparent 50%, #fff 0%);
    font-weight: 8;
    margin-bottom: 60px;
    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 {
    max-width: 530px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    column-gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .benefit_section .online-yoyaku_wrap .flow_item {
    background-color: #fff;
    width: 50%;
    border-radius: 20px;
    padding: 0px 0px 20px;
    overflow: clip;
  }

  .benefit_section .online-yoyaku_wrap .pict {
    max-width: 85px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 20px;
  }

  .benefit_section .online-yoyaku_wrap .pict_support {
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
  }


  .benefit_section .online-yoyaku_wrap .text {
    font-size: 14.2px;
    line-height: 1.4em;
    font-weight: bold;
  }


  .benefit_section .flow_remarks {
    font-size: 12px;
    line-height: 1.8em;
    text-align: left;
    margin: auto;
    max-width: 524px;
    margin-bottom: 50px;
  }
  .benefit_section .bt_iphone16_wrap {
    margin-bottom: 50px;
  }

  .benefit_section .bnr_esim {
    max-width: 800px;
    width: 100%;
    display: block;
    margin: auto;
    margin-bottom: 100px;
    padding-top: 50px;
  }






  /*quality_wrap--------------------------------------------*/

  .quality_wrap {
    background-color: #ECF5F7;
    width: 100%;
    color: #0D8199;
    border-radius: 10px;
    overflow: clip;
    margin-bottom: 50px;
  }

  .quality_wrap .innner_wrap {
    max-width: 800px;
    margin: auto;
    padding-top: 50px;
    margin-top: 50px;
    margin-bottom: 50p;
  }

  .quality_wrap .quality_heading {
    width: 570px;
    margin: auto;
    height: 241px;
  }

  .quarity_accodion_btn_wrap {
    height: 71px;
    width: 800px;
    background-color: #008F9E;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: none;
    font-size: 24px;
  }

  .quarity_accodion_btn_wrap::after {
    position: absolute;
    content: "";
    margin: auto;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 10px;
    height: 10px;
    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: 50px 0;
  }


  .quality_wrap .quality_pict_wrap {
    width: 710px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    column-gap: 40px;
    margin: auto;
  }

  .quality_wrap .quality_pict_item {
    background-color: #fff;
    text-align: center;
    color: #0D8199;
    max-width: 50%;
    width: 100%;
    /* margin: auto; */
    padding: 20px 20px 10px;
    /* margin-bottom: 20px; */
    box-sizing: border-box;
  }



  .quality_wrap .quality_pict_item .quality_pict_heading {
    font-weight: 900;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 9px;
  }

  .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: 710px;
    margin: auto;
    max-width: 100%;
    margin-bottom: 50px;
    background-color: #fff;
    padding: 20px 10px;
  }

  .quality_wrap .quality_pict_wrap_16_pro .quality_pict_heading {
    font-weight: 900;
    font-size: 33px;
    font-weight: 800;
    margin-bottom: 20px;
    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: 20px;
    font-weight: 800;
    color: #333;
  }

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






  .quality_wrap .quality_pict_text {
    font-size: 15px;
    text-align: center;
    /* width: 442px; */
    margin: auto;
    text-align: left;
  }


  .quality_wrap .quality_pict_item .quality_pict_1 {
    width: 183px;
    margin: auto;
    margin-top: 20px;
  }

  .quality_wrap .quality_pict_item .quality_pict_2 {
    width: 180px;
    margin: auto;
    margin-top: 20px;
  }




  .quality_wrap .quality_pict_wrap.smatoku .quality_pict_heading {
    font-weight: 900;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 0px;
    color: #333;
  }

  .quality_wrap .quality_pict_wrap.smatoku .quality_pict_text {
    font-weight: 900;
    font-size: 22px;
    text-align: center;
    margin: auto;
    color: #0D8199;
  }

  .quality_wrap .quality_pict_wrap.smatoku .quality_pict_text .small {
    font-size: 0.8em;

  }


  .quality_wrap .quality_pict_wrap.smatoku .quality_pict_item .quality_pict_1 {
    width: 243px;
    margin: auto;
    margin-top: 20px;
  }

  .quality_wrap .quality_pict_wrap.smatoku .quality_pict_item .quality_pict_2 {
    width: 270px;
    margin: auto;
    margin-top: 20px;
  }

  .quality_pict_remarks {
    font-size: 12px;
    text-align: left;
    color: #333;
    max-width: 680px;
    margin: 10px auto 30px;
  }






  .quality_wrap .quality_foot {
    margin: auto;
    width: 100%;
    font-size: 44px;
    font-weight: 800;
    text-align: center;
    margin-top: 40px;
    /* margin-bottom: 50px; */
  }


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

  .quality_wrap .quality_pict_device_heading_wrap .subtitle {
    font-size: 28px;
    color: #0D8199;
  }

  .quality_wrap .quality_pict_device_heading_wrap .title {
    font-size: 41px;
    color: #333;
  }









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

  .support_section {
    width: 100%;
    padding-bottom: 50px;
  }

  .support_section .support_item_wrap {
    max-width: 980px;
    background-color: #f4f4f4;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 42px;
  }

  .support_section .support_title_wrap {
    height: 130px;
    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: 38px;
    letter-spacing: -0.05em;
  }

  .support_section .support_title_icon {
    width: 67px;
    height: 96px;
    margin-right: 42px;
    position: relative;
    top: 15px;
  }

  .support_section .support_detail_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin: auto;
    max-width: 790px;
    width: 100%;
    margin-top: 67px;
    align-items: stretch;
    height: 393px;
  }

  .support_section .suport_detail_item {
    width: 50%;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 34px 30px;
    position: relative;
  }


  .support_section .copy_add_10 {
    display: inline-block;
    font-size: 25px;
    /*    margin-top: 39px;*/
    margin-bottom: 11px;
    position: relative;
  }

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

  .support_section .copy_add_10::after {
    position: absolute;
    left: 42px;
    top: 7px;
    transform: rotate(-14deg);
  }

  .support_section .copy_add_10::before {
    position: absolute;
    right: 36px;
    top: 7px;
    transform: rotate(14deg);
  }



  .support_section .copy_add_11 {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 18px;
  }

  .support_section .copy_add_12 {
    font-size: 16px;
    margin-bottom: 18px;
    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: 29px;
    /* margin-top: 34px; */
    margin-bottom: 19px;
  }

  .support_section .copy_add_13 .small {
    display: inline-block;
    font-size: 24px;
    padding-left: 9px;
    color: #000;
  }

  .support_section .copy_add_14 {
    font-size: 16px;
    margin-bottom: 18px;
    text-align: left;
    line-height: 1.7em;
  }

  .support_section .btn_suport {
    border-radius: 50vw;
    border: 2px solid var(--color_orange);
    height: 56px;
    color: var(--color_orange);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 40px;
    width: 296px;
    background-image: url(/content/dam/au-com/pr/apple-link/otoku/images/icon_arrow_orange.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center right 16px;
    font-weight: bold;
    line-height: 1.3em;
  }

  .support_section .shop_link_wrap {
    text-align: center;
    width: 100%;
    margin: 30px 0 56px;
    font-size: 16px;
  }

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

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


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

  .area_lastscene {
    width: 100%;
    padding-bottom: 50px;
  }

  .area_lastscene .area_lastscene_item_wrap {
    max-width: 980px;
    background-color: #f4f4f4;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 42px;
  }

  .area_lastscene .area_lastscene_item_wrap .bnr_iphone16video {
    margin: auto;
    max-width: 800px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .area_lastscene .area_lastscene_item_wrap .bnr_iphone16video .bnr_iphone16video_btn_a {
    position: absolute;
    left: 17%;
    margin: auto;
    top: 57%;
    border-radius: 50vw;
    color: #fff;
    width: 9%;
    height: 6%;
  }

  .area_lastscene .area_lastscene_item_wrap .bnr_iphone16video .bnr_iphone16video_btn_b {
    position: absolute;
    left: 22.4%;
    margin: auto;
    top: 57%;
    border-radius: 50vw;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 8%;
    font-size: 13px;
    height: 5%;
  }

  .area_lastscene .area_lastscene_item_wrap .text_iphone16video {
    font-size: 16px;
    max-width: 800px;
    margin: auto;
    margin-bottom: 70px;
  }

  .area_lastscene .area_lastscene_item_wrap .iphone16video_item {
    font-size: 14px;
    max-width: 800px;
    margin: auto;
  }

  .area_lastscene .lastscene_video_wrap {
    margin: auto;
    width: 530px;
    margin-bottom: 30px;
    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: 530px;
    height: calc(530px / 16 * 9);
  }

  .area_lastscene .lastscene_video_item_play {}

  .area_lastscene .text_lastscene_video {
    max-width: 500px;
    margin: auto;
    font-size: 16px;
    margin-bottom: 50px;
  }





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

  .area_section {
    width: 100%;
    padding-bottom: 50px;
  }


  .area_section .benefit_title_wrap {
    height: 130px;
    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: 38px;
    letter-spacing: -0.05em;
  }




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

  .area_section .benefit_title_icon {
    width: 82px;
    height: 96px;
    margin-right: 22px;
    position: relative;
    top: 15px;
  }

  .area_section .benefit_title {
    display: inline-block;

  }

  .area_section .debt_title {
    margin: 50px auto;
    max-width: 800px;
  }

  .area_section .debt_anchor_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    max-width: 800px;
    margin: auto;
    margin-top: 50px;
  }

  .area_section a.debt_anchor_btn {
    width: 50%;
    height: 62px;
    text-align: center;
    font-weight: bold;
    position: relative;
    border: 1px solid #10386B;
    box-shadow: 0px 2px #10386B;
    border-radius: 5px;
    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: center right 10px;
    background-size: 20px;
    padding-left: 20px;
    color: #10386B;
  }

  .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: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size: contain;
    left: 15px;
    top: 13px;
  }

  .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: 30px;
    padding: 0;
    font-weight: 900;
    color: #EB5505;
    display: inline-block;
    margin: 30px 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: -47px;
    width: 33px;
    height: 40px;
  }

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















  .area_section .area_item_wrap {
    max-width: 980px;
    background-color: #f4f4f4;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: auto;
    z-index: 1;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 42px;
    padding-bottom: 50px;
  }

  .area_section .area_title_wrap {
    height: 130px;
    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: 38px;
    letter-spacing: -0.05em;
  }

  .area_section .video_wrap {
    max-width: 800px;
    width: 100%;
    margin: 50px auto;
  }

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

  .area_section .area_title_icon {
    width: 102px;
    /* height: 96px; */
    margin-right: 22px;
    position: relative;
    top: -4px;
  }

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

  .area_section .ouenwari_title_main::before {
    content: "";
    position: absolute;
    display: block;
    height: 50px;
    width: 50px;
    left: -63px;
    top: -7px;
    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,
  .area_section a.area_bnr {
    width: 800px;
    margin: 40px auto 0;
    display: block;
  }

  .area_section .area_link_wrap {
    text-align: center;
    width: 100%;
    margin: 40px 0 40px;
    font-size: 16px;
  }

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

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



  /*area_section/kazoku*/

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

  .area_section .kazoku_wrap .kazoku_title_main::before {
    content: "";
    position: absolute;
    display: block;
    height: 50px;
    width: 50px;
    left: -63px;
    top: -7px;
    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;
  }


  .area_section .kazoku_wrap {
    width: 100%;
    max-width: 800px;
    margin: auto;
    border-radius: 10px;
    margin-bottom: 50px;
  }

  .area_section .kazoku_wrap .kazoku_title_main {
    font-size: 26px;
    font-weight: bold;
  }

  .area_section .kazoku_wrap .kazoku_item_wrap {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    column-gap: 15px;
    row-gap: 15px;
    padding: 30px;
    justify-content: space-between;
    margin-top: 30px;
    border-radius: 10px;
  }

  .area_section .kazoku_wrap .kazoku_item_title {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #111;
    margin: 0 0 20px 0;
    font-weight: bold;
  }

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

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

  .area_section .kazoku_wrap .text {
    font-size: 14px;
    color: #666;
    padding-bottom: 10px;
  }

  .kazoku_wrap a.kazoku_text_link {
    font-size: 14px;
    color: #0066AA;
  }

  .kazoku_wrap .kazoku_item_harf {
    width: calc(50% - 8px);
  }

  .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 {
    width: 100%;
    padding-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
  }

  .area_section .kazoku_wrap .kazoku_item_full .video_kazoku {
    width: calc(50% - 10px);
    height: 180px;
    display: block;
  }

  .area_section .kazoku_wrap .kazoku_video_item {
    width: calc(50% - 10px);
    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%;
    max-width: 800px;
    text-align: center;
  }


  .filterling_wrap .filterling_title_main {
    font-size: 30px;
    padding: 0;
    font-weight: 900;
    display: inline-block;
    margin: auto;
    position: relative;
  }


  .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: -47px;
    width: 33px;
    height: 40px;
  }

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


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

  .filterling_wrap .filterling_item_allwrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin: auto;
    width: 800px;
    background-color: #fff;
    margin-bottom: 30px;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 10px;
  }

  .filterling_wrap .filterling_title_sub {}

  .filterling_wrap .filterling_fukidashi {
    margin: auto;
    width: 504px;
  }

  .filterling_wrap .filterling_item_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin: auto;
    width: 800px;
    background-color: #fff;
    margin-bottom: 30px;
    padding: 0 30px;
    box-sizing: border-box;
  }

  .filterling_wrap .filter_iten_pict {
    width: calc(50% - 10px);
  }

  .filterling_wrap .filter_iten_text {
    width: calc(50% - 10px);
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    color: #333;
  }

  .filterling_wrap a.filterling_detail_link {
    width: 100%;
    max-width: 530px;
    border-radius: 50vw;
    border: #EB5505 2px solid;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
    padding: 15px;
    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: 10px;
  }








  /*.area_section/tab*/

  section.area_section .tab_btn_area_wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
    margin-top: 30px;
  }

  section.area_section .tab_btn_area_wrap .tab_btn_area {
    background-color: #fff;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 70px;
    border-radius: 7px;
    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: 50px 0;
    text-align: center;
    pointer-events: none;
  }


  section.area_section .area_tab_item_allwrap .price_heading_wrap {
    font-size: 30px;
    padding: 0;
    font-weight: 900;
    color: #EB5505;
    position: relative;
    display: inline-block;
    margin: auto;
    margin-bottom: 30px;
    position: relative;
  }


  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: 0px;
    left: -47px;
    width: 33px;
    height: 40px;
  }

  section.area_section .area_tab_item_allwrap .price_heading_wrap::after {
    transform: rotateY(180deg);
    top: 0px;
    right: -40px;
    width: 33px;
    height: 40px;
  }



  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: 310px;
    margin: auto;
    margin-bottom: 10px;
  }

  section.area_section .area_tab_item_allwrap .area_subheading_1 {
    padding: 0px 0 15px;
    font-size: 30px;
    color: #10386B;
    text-align: center;
  }

  section.area_section .area_tab_item_allwrap .area_subheading_2 {
    font-size: 22px;
    margin-bottom: 30px;
    color: #10386B;
    text-align: center;
  }

  section.area_section .area_tab_item_allwrap .area_heading_3 {
    max-width: 500px;
    margin: auto;
    margin-bottom: 30px;
  }

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

  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%;
    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: 15px;
  }

  .area_tab_item_allwrap .area_list_item .area_icon {
    width: 37px;
    margin: auto;
    margin-top: 10px;
  }

  .area_tab_item_allwrap .area_list_item .area_icon_note {
    padding-left: 21px;
    font-size: 18px;
    text-align: center;
    padding-top: 26px;
    line-height: 1.2em;
    position: relative;
  }

  .area_tab_item_allwrap .price_tooltips_allwrap {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 15px;
    height: 15px;
    pointer-events: all;
  }

  section.area_section .area_tab_item_allwrap .price_tooltips_allwrap .icon_tooltips_btn {
    position: relative;
    width: 15px;
    overflow: visible;
  }

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

  .area_tab_item_allwrap .price_tooltips_allwrap .price_tooltips_wrap {
    width: 300px;
    bottom: 36px;
    right: -30px;
    position: absolute;
    background-color: #000;
    color: #fff;
    height: auto;
    padding: 18px;
    box-sizing: border-box;
    text-align: left;
  }

  section.area_section .area_tab_item_allwrap .price_tooltips_allwrap .price_tooltips_wrap .on {
    display: block;
  }

  section.area_section .area_tab_item_allwrap .price_tooltips_allwrap .price_tooltip_btn_close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 15px;
    height: 15px;
  }

  section.area_section .area_tab_item_allwrap .price_tooltips_allwrap .price_tooltips_wrap::after {
    content: "";
    position: absolute;
    right: 17px;
    bottom: -6px;
    height: 20px;
    width: 20px;
    background-color: #000;
    transform: rotate(45deg);
  }

  section.area_section .price_tooltips_wrap .tooltips_heading {
    font-size: 14px;
    font-weight: bold;
  }

  section.area_section .price_tooltips_wrap .tooltips_text {
    font-size: 12px;
    margin-top: 0.5em;
  }




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

  section.area_section .detail_table {
    max-width: 820px;
    margin: 30px auto 0;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.3;
    border: #9FAFC4 1px solid;
    vertical-align: middle;
    font-size: 16px;
    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: 16px;
  }

  section.area_section .detail_table tbody td.center {
    text-align: center;
    background-color: #fff;
  }

  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: 10px 30px 10px 0;
    white-space: nowrap;
    text-align: right;
  }

  section.area_section .detail_table tbody th {
    padding: 10px 0 10px 30px;
  }



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



  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 {
    /* background: #000045; */
    position: absolute;
    top: 100%;
    transition: 0.3s;
    background-color: #000045;
    color: #fff;
    border: 2px solid #000;
    padding: 5px;
    margin-top: 20px;
    border-radius: 4px;
    width: 410px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  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: 15px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.6em;
  }

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

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

  section.area_section .detail_table tbody .detail_tooltips_allwrap .modal_btn_close {
    width: 40px;
    line-height: 0;
    margin: 7px auto 0;
  }









  section.area_section .detail_table tbody td .num {
    font-size: 30px;
  }

  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: 12px;
    line-height: 1.5;
    text-align: left;
    color: #333;
    max-width: 800px;
    margin: auto;
  }

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


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




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

  .fixed_footer_wrap {
    /* background-color: #eb5604; */
    height: 70px;
    width: 100%;
    font-size: 18px;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    z-index: 10;
    opacity: 0;
    bottom: -100px;
    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: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-radius: 10px; */
    overflow: clip;
    /* border: 1px solid rgba(255,255,255,0.3); */
  }

  .fixed_footer_wrap a.link_btn {
    display: flex;
    max-width: 600px;
    width: 100%;
    margin: auto;
    height: 50px;
    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;
    text-decoration: none;
  }

  /*
  .fixed_footer_wrap a.link_btn .icon {
    position: relative;
  }
*/

  /*
  .fixed_footer_wrap a.link_btn .icon::after {
    position: absolute;
    margin: auto;
    content: "";
    top: 0;
    bottom: 0;
    left: -40px;
    height: 30px;
    width: 30px;
    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: 10px;
    width: 10px;
    border-top: 2px solid var(--orange_1);
    border-right: 2px solid var(--orange_1);
    transform: rotate(45deg);
    position: absolute;
    right: 30px;
    /* left: 500px; */
    bottom: 0;
    top: 0;
    margin: auto;
  }

  .fixed_footer_wrap .close_btn {
    height: 50px;
    width: 50px;
    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: 22px;
    cursor: pointer;
  }

  /*fixed_footer_btn_wrap-----------------*/

  /*
  .fixed_footer_btn_wrap{
    position: fixed;
    bottom: 20px;
    
  }
  .fixed_footer_btn_wrap .fixed_footer_btn_wrap{
    background-color: var(--color_orange);
    width: 100%;
    max-width: 600px;
    height: 60px;
    
  }
*/


  /*page-read01_pos------------------*/
  .page-read01_pos {
    position: relative;
    top: -240px;
  }


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

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


  /*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;
    z-index: 50;
  }

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

  }


  section.modal_price .modal_window_allwrap {
    width: 600px;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 2;
    margin: 5vw auto;
    padding: 40px;
    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: 16px;
    margin: 10px 0;
  }

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

  section.modal_price .modal_window_allwrap .item_wrap {
    padding: 30px 30px 10px 30px;
    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: 20px;
  }

  section.modal_price .item_allwrap .item_r {
    width: 50%;
    text-align: right;
    margin-bottom: 20px;
    font-size: 14px;
  }

  section.modal_price .item_allwrap .item_full {
    width: 100%;
  }

  section.modal_price .segment {
    text-align: center;
    font-weight: bold;
    /* margin: 10px 0; */
    width: 100%;
  }

  section.modal_price .item_wrap .item_remarks {
    font-size: 12px;
  }

  section.modal_price .modal_remarks {
    font-size: 14px;
    margin: 1em 0;
  }

  section.modal_price .sub_heading {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  section.modal_price .modal_remarks_mini {
    font-size: 12px;
    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: 760px;
    z-index: 10;
    position: relative;
    /* max-height: 80dvh; */
    box-sizing: border-box;
    border-radius: 10px;
  }

  section.modal_vlp_allwrap .modal_window .modal_window_inner {
    overflow-y: auto;
    padding: 30px;
    max-height: calc(100vh - 180px);
  }

  section.modal_vlp_allwrap .modal_window .modal_close_btn {
    position: absolute;
    right: 0px;
    top: -50px;
    width: 30px;
  }

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

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


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

  section.modal_vlp_allwrap .modal_window .modal_copy_wrap .text {
    font-size: 14px;
    text-align: left;

  }

  section.modal_vlp_allwrap .modal_window .modal_copy_wrap .video_modal {
    margin: 20px auto;
    width: 100%;


  }

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

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

  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: 47px;
    color: #999;
    border-radius: 50vw;
    border: 2px solid #999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 145px;
    position: relative;
    margin: 10px auto 0;
    font-weight: bold;
    padding-right: 14px;
  }

  section.modal_vlp_allwrap .modal_window .btn_modal_close::after {
    content: '\FF0B';
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 2px;
    transform: rotate(45deg);
  }

  section.modal_vlp_allwrap .modal_window .item_text_link_wrap {
    text-align: right;
    margin-bottom: 20px;
    font-size: 16px;
  }

  section.modal_vlp_allwrap .modal_window .item_text_link {
    text-decoration: underline;
    color: #0066AA;
    display: inline-block;
    margin: 0 0 0 auto;
    font-size: 16px;
  }

  section.modal_vlp_allwrap .modal_window .video_in_modal,
  section.modal_vlp_allwrap .modal_window .video_in_modal iframe {
    width: 100%;
    height: 390px;
  }

  section.modal_vlp_allwrap .modal_window .video_in_modal {
    margin: 10px 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: 100%;
    max-width: 760px;
    z-index: 10;
    position: relative;
    /* max-height: 80dvh; */
    box-sizing: border-box;
  }

  section.modal_movie_allwrap .modal_window .modal_window_inner {
    padding: 10px;
    /* 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: -50px;
    width: 30px;
  }




  /*for_pc end--------------------------------------*/

  /*format_edit*/
  .footerSiteMap {
    padding-bottom: 100px;
  }

}


@media screen and (min-width: 1200px) {
  .fixed_footer_wrap {
    margin-left: 180px;
    width: calc(100% - 180px);
  }
}

@media screen and (min-width: 750px) and (max-width: 1199px) {
  .fixed_footer_wrap {
    padding-left: 0px;
  }
}
