@charset "UTF-8";

/*sp---------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 766px) {

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

  a,
  a:active,
  a:focus,
  a:visited {
    text-decoration: none !important;
  }

  .contents_all_wrap {
    letter-spacing: -0.01em;
    width: 100%;
    min-height: 100vh;
    background-size: contain;
    background-repeat: repeat-y;
    background-position: center;
    background-size: 100%;
    background-repeat: repeat-x;
    animation: scroll;
    overflow: hidden
  }

  .contents_all_wrap img {
    width: 100%;
  }

  .page-ols-rentalLp {
    font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  }

  .page-ols-rentalLp .font_zen-bold {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 700 !important;
    font-style: normal;
  }

  .inner_contents_wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    box-sizing: border-box;
  }

  .fuchidori {
    -webkit-text-stroke: 1vw #eb5505;
    text-stroke: 1vw #eb5505;
    color: #fff;
    position: relative;
    display: inline-block;
  }

  .fuchidori .over_write {
    position: absolute;
    color: #fff;
    -webkit-text-stroke: 0px #fff;
    text-stroke: 0px #fff;
    left: 0;
    top: 0;
    display: inline-block;

  }

  .underbar_pink {
    position: relative;
    display: inline-block;
    position: relative;
    z-index: 1;
  }

  .icon_link_blank_k::after {
    content: "";
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/icon_link_blank_k.svg);
    background-size: 0.8em;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    bottom: -0.4em;
  }

  .icon_link_blank_b::after {
    content: "";
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/icon_link_blank_b.svg);
    background-size: 1em;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    bottom: -0.4em;
  }

  .underbar_pink::before {
    content: "";
    width: 100%;
    height: 3vw;
    background-color: var(--color_pink_b);
    position: absolute;
    left: 0;
    bottom: 0vw;
    z-index: -1;
  }

  .dropshadow {
    filter: drop-shadow(1vw 1vw 0px #000);
  }

  /*swiper*/


  .swiper-pagination-bullet {
    height: 3.5vw;
    width: 3.5vw;
    position: relative;
    top: -2.5vw;
    border: 1px solid var(--color_grey_a);
    background-color: #fff;
    opacity: 1;
    margin: 0 1.5vw !important;
  }

  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 3.5vw;
    width: 3.5vw;
    background-color: var(--color_grey_a);
    border: none;
  }

  .swiper .sp-swiper-button-prev,
  .swiper .sp-swiper-button-next,
  .swiper .sw-swiper-button-prev,
  .swiper .sw-swiper-button-next,
  .swiper .ai-swiper-button-prev,
  .swiper .ai-swiper-button-next {
    content: "";
    height: 8vw;
    width: 8vw;
    margin: auto;
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/lineup_slide-btn.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    cursor: pointer;
    z-index: 1;
  }

  .swiper .sp-swiper-button-prev,
  .swiper .sw-swiper-button-prev,
  .swiper .ai-swiper-button-prev {
    position: absolute;
    left: calc(50% - 30vw);
    top: 30vw;
    transform: rotate(180deg);
  }

  .swiper .sp-swiper-button-next,
  .swiper .sw-swiper-button-next,
  .swiper .ai-swiper-button-next {
    position: absolute;
    right: calc(50% - 30vw);
    top: 30vw;
  }






  /*ols_rental_common-----------------------------------------*/

  .page-renewalLp a.btn_orange {
    display: flex;
    background-color: var(--color_orange_a);
    border-radius: 50vw;
    /* border: 0.8vw solid var(--color_blue_a); */
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 3.9vw;
    /*        filter: drop-shadow(0.8vw 0.8vw 0 var(--color_blue_a));*/
    /* box-shadow: 0.8vw 0.8vw var(--color_blue_a); */
    transform: translateZ(0);
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/icon_arrow_right_orange_circlre_8870ebc04f144ec9.svg);
    background-position: center right 4vw;
    background-repeat: no-repeat;
    font-weight: bold;
    min-height: 15vw;
  }

  .page-renewalLp a.btn_orange .icon_cart {
    position: relative;
    left: 1vw;
    letter-spacing: -0.01em;
    font-size: 4.2vw;
  }

  .page-renewalLp a.btn_orange .icon_cart::before {
    content: "";
    position: absolute;
    left: -11vw;
    height: 9vw;
    width: 9vw;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/icon_cart_white_56b62047561ba07c.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }


  .page-renewalLp a.btn_white {
    display: flex;
    background-color: #fff;
    border-radius: 50vw;
    border: 0.5vw solid var(--color_orange_a);
    color: var(--color_orange_a);
    justify-content: center;
    align-items: center;
    font-size: 4.5vw;
    /*filter: drop-shadow(0.8vw 0.8vw 0px var(--color_orange_a));*/
    /* box-shadow: 0.8vw 0.8vw var(--color_orange_a); */
    transform: translateZ(0);
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/icon_arrow_right_orange_cdebd63d0648127.svg);
    background-position: center right 4vw;
    background-size: 2vw;
    background-repeat: no-repeat;
    font-weight: bold;
  }

  /*
  .page-renewalLp .btn_orange::after,
  .page-renewalLp .btn_white::after {
    content: "*外部サイトに遷移します。";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    color: #333;
    bottom: -7vw;
    font-weight: normal;
    font-size: 3vw;
    text-align: center;
    pointer-events: none;
  }
*/

  .page-renewalLp .text_link_wrap {
    position: relative;
  }

  .page-renewalLp .text_link_wrap::before {
    content: "*外部サイトに遷移します。";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    color: #333;
    bottom: -5vw;
    font-weight: normal;
    font-size: 3vw;
    text-align: center;
    pointer-events: none;
  }

  .page-renewalLp .btn_choice_goods {
    margin: auto;
    margin-top: 4.4vw;
    width: 90vw;
    height: 13vw;
    font-size: 4.3vw;
    /* margin-bottom: 177px; */
  }

  .page-renewalLp .blue_border_pack {
    border: solid 0.8vw var(--color_blue_a);
    border-radius: 4vw;
    background-color: var(--color_orange_b);
    position: relative;
    text-align: center;
  }

  .page-renewalLp .blue_border_pack::after {
    position: absolute;
    left: 0;
    right: 0;
    top: -10vw;
    margin: auto;
    content: "";
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/blue_border_pack_bg.svg);
    width: 78.1vw;
    height: 19vw;
    z-index: 0;
    background-size: cover;
  }

  .page-renewalLp .pack_item_wrap {
    padding: 28.4vw 0px 1vw 0px;
    position: relative;
    z-index: 1;
  }

  .page-renewalLp .pack_item_wrap .pack_title {

    color: var(--color_orange_a);
    font-weight: bold;
    margin-bottom: 8vw;
    letter-spacing: -0.02em;
    line-height: 1.5em;
    font-size: 7vw;
  }

  .page-renewalLp .pack_item_wrap .pack_copy {
    font-size: 3.7vw;
    font-weight: bold;
    margin-bottom: 8vw;
  }


  .page-renewalLp .swiper {
    margin-bottom: 10vw;
  }

  .page-renewalLp .swiper-wrapper {
    margin-bottom: 10vw;
  }

  .page-renewalLp .anime_fadeup {
    /*transform: translateY(15vw);*/
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

  .page-renewalLp .anime_fadeup.on {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }

  .page-renewalLp .anchor_link_pos {
    position: relative;
    top: -15vw;
    height: 1px;
    margin-top: 8vw;
  }


  /* start ********************************************************************************/


  /*section kv(1)--------------------------*/

  section.section_kv {
    width: 100%;
    /* margin-bottom: 18vw; */
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
  }
    section.section_kv .kv_allwrap {
    background-color: #fef6f2;
      width: 100%;
  }
  section.section_kv .kv_allwrap .kv_copy_wrap {
    width: 90vw;
    text-align: center;
    margin: auto;
    color: var(--color_orange_a);
    font-weight: bold;
    padding: 14vw 0;
  }

  section.section_kv .kv_allwrap .kv_copy_main {
    font-size: 5.3vw;
    margin-bottom: 3vw;
  }

  section.section_kv .kv_allwrap .kv_copy_sub {
    font-size: 5.1vw;
    line-height: 1.5em;
    color: #666666;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  section.section_kv .kv_allwrap .kv_copy_sub::before,
  section.section_kv .kv_allwrap .kv_copy_sub::after {
    content: "";
    height: 1px;
    background-color: #666666;
    width: 10vw;
  }



  /*section plan common///////////////////////////*/

  section.plan {
    width: 100%;
    /* margin-bottom: 150px; */
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative;
    background-position: top 0 center;
    position: relative;
  }

  section.plan .section_plan_allwrap {
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/plan_bg_confetti_ae1bdc5d4bcf0f84.svg);
    background-size: 120vw;
    background-position: top center;
    background-repeat: no-repeat;
    /* min-height: 500px; */
    width: 100%;
    background-attachment: fixed;
  }

  section.plan .content_wrap {
    /* max-width: 1040px; */
    width: 100%;
    margin: auto;
    /* min-height: 500px; */
    position: relative;
  }

  section.plan .title {
    color: #fff;
    font-size: 7vw;
    font-weight: bold;
    padding-top: 14vw;
    margin-bottom: 4vw;
    text-align: center;
  }

  section.plan .copy {
    color: #fff;
    font-size: 4vw;
    text-align: center;
    line-height: 1.7em;
    margin-bottom: 6vw;
  }
    section.plan .attention {
    color: #555;
    background-color: #fff;
    font-size: 3.3vw;
    text-align: left;
    line-height: 1.3em;
    width: 80vw;
    margin: auto;
    margin-bottom: 5vw;
    padding: 2vw;
    display: inline-block;
    text-align: center;
  }

  section.plan .plan_pict {
    max-width: 90vw;
  }

  section.plan .plan_flex_allwrap {
    margin-top: 20vw;
  }

  section.plan .plan_flex_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: -1vw;
    flex-direction: column;
    background-size: 26vw;
  }

  section.plan .plan_flex_item {
    width: 100%;
    position: relative;
    text-align: center;
  }

  section.plan .plan_flex_item .plan_pict {
    max-width: 90vw;
    width: 100%;
    margin: auto;
    margin-bottom: 10vw;
  }

  /*
  section.plan .plan_flex_wrap.right .plan_flex_item:nth-child(2) .plan_pict{
    margin: 0 auto 0 0;
  }
  section.plan .plan_flex_wrap.right{
    flex-direction: row-reverse;
  }
*/



  /*section plan/plan01---------------------------*/


  section.section_plan01 {
    background: rgb(228, 140, 34);
    background: linear-gradient(90deg, rgba(228, 140, 34, 1) 0%, rgba(236, 85, 6, 1) 100%);
  }

  section.section_plan01 .copy {
    filter: drop-shadow(0 0 0.3em #BE4200);
  }

  section.section_plan01 .plan_flex_wrap {
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/plan01_no_7f2dc8f994f3c8a5.svg);
    background-position: center top;
  }

  section.section_plan01 .title mark {
    background: linear-gradient(transparent 50%, #df952d 50%);
    color: #fff;
  }

  section.plan.section_plan01 .content_wrap {
    padding: 20vw 0px 10vw;
  }


  /*section plan/plan02---------------------------*/

  section.section_plan02 {
    background: rgb(164, 176, 218);
    background: linear-gradient(90deg, rgba(164, 176, 218, 1) 0%, rgba(62, 90, 197, 1) 100%);
  }

  section.section_plan02 .copy {
    filter: drop-shadow(0 0 0.3em #3E5AC5);
  }

  section.section_plan02 .title_wrap {
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/plan02_no_867fdba9c6e0f247.svg);
    background-repeat: no-repeat;
    background-position: top center;
  }

  section.section_plan02 .title mark {
    background: linear-gradient(transparent 50%, #8c96b8 50%);
    color: #fff;
  }

  section.plan.section_plan02 .content_wrap {
    padding: 15vw 0px 10vw;
  }

  section.plan.section_plan02 .subtitle {
    font-size: 5vw;
    font-weight: 900;
    color: #fdfbc0;
    margin-bottom: 5vw;
  }




  /*section plan/plan03---------------------------*/

  section.section_plan03 {
    background: rgb(228, 140, 34);
    background: linear-gradient(90deg, rgba(228, 140, 34, 1) 0%, rgba(236, 85, 6, 1) 100%);
  }

  section.section_plan03 .copy {
    filter: drop-shadow(0 0 0.3em #BE4200);
  }

  section.section_plan03 .plan_flex_wrap {
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/plan03_no_e6d2969bb20ee555.svg);
    /* background-position: top center; */
  }

  section.section_plan03 .title mark {
    background: linear-gradient(transparent 50%, #df952d 50%);
    color: #fff;
  }

  section.plan.section_plan03 .content_wrap {
    padding: 20vw 0 10vw;
  }

  section.plan.section_plan03 .plan03_remarks {
    text-align: center;
    position: absolute;
    bottom: -5vw;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 3vw;
    z-index: 1;
  }

  /*section  lineup(5)---------------------------*/

  section.section_lineup {
    position: relative;
    background-color: #f2f2f2;
  }



  section.section_lineup .lineup_wrap {
    /* max-width: 1000px; */
    margin: auto;
    width: 100%;
    text-align: center;
  }

  section.section_lineup .swiper-slide {
    background-color: #fff;
    text-align: center;
    padding: 12vw 3vw 6vw;
  }

  section.section_lineup .lineup_item_img {
    width: 96%;
    margin: auto;
    margin-bottom: 6vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  section.section_lineup .btn_lineup_slide {
    height: 14vw;
    width: 89%;
    margin: auto;
    /* margin-bottom: 44px; */
  }

  section.section_lineup .heading_slide {
    margin: auto;
    font-size: 5vw;
    font-weight: bold;
    padding-bottom: 3vw;
    display: inline-block;
    margin-bottom: 5vw;
    color: #000;
    width: 90vw;
    background-color: #FEFDE5;
    padding: 3vw 0;
  }

  .swiper .item_copy {
    font-size: 5.3vw;
    font-weight: 500;
    margin-bottom: 3vw;
  }

  .swiper .item_title {
    font-size: 5.4vw;
    font-weight: 900;
    min-height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color_orange_a);
    margin-bottom: 5vw;
  }

  /*section  cv_btn(6)---------------------------*/
  section.cv_btn {
    padding: 6vw 0 2vw 0;
  }

  /*fixed-footer-----------------------------------------------------*/

  .section_fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 17.1vw;
    width: 100%;
    background-color: #fefee6;
    z-index: 100;
    bottom: -18vw;
    opacity: 0;
    transition: 0.5s all ease-in-out;
  }


  .section_fixed-footer.on {
    bottom: 0;
    opacity: 1;
    transition: 0.5s all ease-in-out;
  }

  .section_fixed-footer .btn_fixed-footer {
    height: 13vw;
    width: 90vw;
    font-weight: bold;
    position: relative;
    font-size: 4vw;
    padding-left: 10vw;
    letter-spacing: 0.1em;
  }

  /*
  .section_fixed-footer .btn_fixed-footer::before {
    content: "";
    height: 8vw;
    width: 10vw;
    position: absolute;
    background-image: url(/content/dam/au-com/mobile/onlineshop/pr/renewal/images/icon_box.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 10vw;
    top: 0;
    bottom: 0;
    margin: auto;
  }
*/

  .section_fixed-footer {
    opacity: 0;
    transform: translateY(15vw);
    transition: 0.5s all ease-in-out;
  }

  .section_fixed-footer.on {
    opacity: 1;
    transform: translateY(0px);
    transition: 0.5s all ease-in-out;

  }

  .section_fixed-footer a.btn_orange .icon_cart {
    position: relative;
    left: -3vw;
    letter-spacing: -0.01em;
    font-size: 4.2vw;
  }

  /* sp end *****************************************/


}
