@charset "utf-8";
/*基本*/

/*mb*/
@media screen and (max-width:767px){

  .mo_top { z-index: -1 ; position:absolute ; top: 0 ; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-size: 100%; }	
  .m_repeat_bg { z-index: -2 ; position:absolute ; top: 0 ;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

  .Area_hero {
    position: relative;
    aspect-ratio: 960 / 853;
    /*overflow: hidden;*/
  }

/*dog*/
  .Area_hero--PD {
    z-index: 5;
    position: absolute;
    top: 9vw;
    right: 2vw;
    width: 95%;
  }


/* 副標題 */
.Area_hero--title {
  position: absolute;
  top: 5vw;
  right: 9vw;
  width: 90%;
  .swiper-pagination {
    display: none;
  }
}

/* 主標 */
.Area_hero--logo {
  position: absolute;
  top: 4vw;
  left: 10vw;
  width: 80%;
}

/* date */
.Area_hero--tag {
  position: absolute;
  top: 38.5vw;
  right: 10vw;
  width: 19%;
}

  
}

/*pc*/
@media screen and (min-width: 768px) {

  .bg_01 { z-index: -3 ; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
  .bg_deco02 { z-index: -2 ; position:absolute ; top: 900px ; left: 0px ; width:100%; height:100%; background-position:center top; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;  }
  .pc_repeat_bg { z-index: -4 ; position:absolute ; top: 0 ; left: 0 ; width:100%; height:100%; background-position:center top; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}

  .Area_hero {
    position: relative;
    aspect-ratio: 1136 / 900;
    /*overflow: hidden;*/

  }

  .Area_hero img {width:100%;}

/*dog*/
  .Area_hero--PD {z-index:15 ;
    position: absolute;
    top: 62px;
    right: 80px;
    width: 860px;
  }



/* 副標題 */
.Area_hero--title {z-index:5 ;
  position: absolute;
  top: 42px;
  right: 107px;
  width: 790px;
  .swiper-pagination {
    display: none;
  }
}

/* 主標 */
.Area_hero--logo {z-index:4 ;
  position: absolute;
  top: 45px;
  left: 96px;
  width: 779px;
}

/* date */
.Area_hero--tag {
  position: absolute;
  top: 344px;
  right: 83px;
  width: 144px;
}


}

.Area_pd-carousel2{z-index: 20;}


#eWriterBtn_bt_B_000_002 { margin-left: 20px!important; margin-top: 170px!important; z-index: 99!important; }