@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
.WRAPPER.Template_bg {/*background: url(pc_bg.jpg?t=1783923756797)top center repeat-y;*/}
}

/*背景*/
@media screen and (min-width:767px){
.pc_top {z-index: 0;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
}
/* @media screen and (max-width:767px){
.Area_topbg { position: absolute;min-width: inherit;  background: url(mb_top.jpg?t=1783923756797) no-repeat center; background-size: 100%;z-index:;}
} */

/*間距*/
.Area_bottom {margin-bottom: 20px;}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 5vw;}
}

/*版頭*/
@media screen and (min-width:767px){
.Area_hero {position: relative;height: 880px;}
.Area_hero--title {top: 85px;left:-70px;}
.Area_hero--PD {top: 380px;left:30px;width:95%;}
.Area_hero .top_deco01 {position:absolute;top: 453px;left: 16px;z-index: 1;pointer-events: none;}
.Area_hero .top_deco02 {position:absolute;top: 349px;left: 750px;z-index: 1;pointer-events: none;}
}
@media screen and (max-width:767px){
  .Area_hero {height: 109vw;}
  .Area_hero--title {left:0vw;top: 12vw;}
  .Area_hero--PD {left:-2vw;top: 52vw;}
  .Area_hero .top_deco01 {position: absolute;top: 44vw;left: 1vw;width: 18%;}
  .Area_hero .top_deco02 {position: absolute;top: 37vw;left: 70.5vw;width: 24%;}
}


/* 登記 */
@media screen and (min-width:768px){
  .book_bg {background-color: #a8bca5;}
  }
  
@media screen and (max-width:768px){
.book_bg {background-color: #a8bca5;}
}

/* 公版 */
@media screen and (min-width:767px){
  .Area_pdbox .Area_pd-grid-4x2 {height:1020px;padding: 2%;}
  .Area_pdbox .Area_pd-grid-4x2 .Area_pd-grid-4x2--bg {background-image: url(pc_pdbg.png?t=1783923756797);}
  }
@media screen and (max-width:767px){
 .Area_pdbox .Area_pd-grid-4x2 {height:132vw;}
 }