@charset "utf-8";


/* 版頭 */
.toppd02 { position: absolute ; width: 50% ; top: 43% ; left: 45% ; z-index: 4 ; }
.toppd04 { position: absolute ; width: 26% ; top: 64% ; left: 5% ; z-index: 1 ; }
.toppd05 { position: absolute ; width: 24% ; top: 39% ; left: 14% ; z-index: 1 ; }

.top_deco {position:absolute;top:21px;left:729px;z-index:2;pointer-events: none;}
.top_deco2 {position:absolute;top:455px;left:940px;z-index:30;pointer-events: none;}
	
.title03_L {position: absolute;top: 306px;left:37px;z-index: 3;width: 378px;overflow: hidden;}
.title03_R {position: absolute;top: 368px;left:484px;z-index: 3;width: 600px;overflow: hidden;}

@media screen and (max-width:767px){
  .toppd02 { position: absolute ; width: 54% ; top: 44% ; left: 43% ; z-index: 4 ; }
  .toppd04 { position: absolute ; width: 31% ; top: 61% ; left: 3% ; z-index: 1 ; }
  .toppd05 { position: absolute ; width: 27% ; top: 38% ; left: 12% ; z-index: 1 ; }

  .top_deco {position: absolute;width: 15%; top: 1vw;  left:60vw;  z-index: 1; pointer-events: none;}
  .top_deco2 {position: absolute; width: 22%;top: 40vw; left: 76vw; z-index: 3; pointer-events: none;}	
    
  .title03_L {position: absolute;top: 29vw;left:4vw;z-index: 0;width: 40%;overflow: hidden;}
  .title03_R {position: absolute;top: 36vw;left: 66vw;z-index: 0;width: 29%;overflow: hidden;}	
}


/* 微調 */
.Area_banner { padding-bottom: 30px ; }
/* .layout_banner { padding-top: 20px ; } */
.layout_banner ul { height: 200px ; }
.layout_real { width: 90% ; }
@media screen and (max-width:767px){
  .Area_banner { padding-bottom: 3vw ; }
  /* .layout_banner { padding-top: 4vw ; } */
  .layout_banner ul { height: 25vw ; }
  .layout_real { width: 96% ; }
}


/* 作圖區 */
.layout_itembn01 ul li:nth-child(1){ width: 100% ; top: 0 ; left: 0 ; z-index: 10 ; pointer-events: none ;}
.layout_itembn01 ul li:nth-child(2){ position: absolute ; width: 35% ; top: 1% ; left: 35% ; z-index: 2 ; min-width: auto; }
.layout_itembn01 ul li:nth-child(3){ position: absolute ; width: 42% ; top: 1% ; left: 5% ; z-index: 0 ; min-width: auto; }
.layout_itembn01 ul li:nth-child(4){ position: absolute ; width: 35% ; top: 36% ; left: 6% ; z-index: 1 ; min-width: auto; }
.layout_itembn01 ul li:nth-child(5){ position: absolute ; width: 29% ; top: 23% ; left: 67% ; z-index: 1 ; min-width: auto; }

.layout_itembn02 ul li:nth-child(1){ width: 100% ; top: 0 ; left: 0 ; z-index: 10 ; pointer-events: none ;}
.layout_itembn02 ul li:nth-child(2){ position: absolute ; width: 32% ; top: 0 ; left: 33% ; z-index: 2 ; min-width: auto; }
.layout_itembn02 ul li:nth-child(3){ position: absolute ; width: 38% ; top: 7% ; left: 5% ; z-index: 0 ; min-width: auto; }
.layout_itembn02 ul li:nth-child(4){ position: absolute ; width: 35% ; top: 43% ; left: 2% ; z-index: 1 ; min-width: auto; }
.layout_itembn02 ul li:nth-child(5){ position: absolute ; width: 35% ; top: 16% ; left: 62% ; z-index: 1 ; min-width: auto; }

.layout_itembn03 ul li:nth-child(1){ width: 100% ; top: 0 ; left: 0 ; z-index: 0 ; pointer-events: none ;}
.layout_itembn03 ul li:nth-child(2){ position: absolute ; width: 46% ; top: 5% ; left: 30% ; z-index: 2 ; min-width: auto; }
.layout_itembn03 ul li:nth-child(3){ position: absolute ; width: 32% ; top: 32% ; left: 9% ; z-index: 0 ; min-width: auto; }
.layout_itembn03 ul li:nth-child(4){ position: absolute ; width: 44% ; top: 52% ; left: 0 ; z-index: 1 ; min-width: auto; }
.layout_itembn03 ul li:nth-child(5){ position: absolute ; width: 37% ; top: 6% ; left: 63% ; z-index: 1 ; min-width: auto; }
@media screen and (max-width:767px){
}




/* logo */
.Area_pd-logo-carousel .PD_layout.layout_logo_all li .PD .PD_logo { padding: 0 !important ; align-items: self-start !important ; aspect-ratio: unset ; }
.Area_pd-logo-carousel[org="1"] .PD_layout li h3 { display: none ; }
.Area_logo_all .Area_swiper_box { padding-bottom: 0 !important ; }