@charset "UTF-8";
body{background-color:#000;}
#wrapperTop{overflow:hidden;min-height:100vh;}

.topLogo{position:absolute;top:30px;left:30px;z-index:20;}
.topLinks{width:100%;height:100%;position:absolute;z-index:1;}
.topLinks .topBtn{width:50%;height:100%;vertical-align:middle;position:absolute;top:0;}
.topLinks .topBtn .map{position:absolute;top:48%;left:50%;transform:translateX(-50%);}
.topLinks .l-A{background: url(/world/en/revitalize/asset/img/bg_top_kansai.png) no-repeat center center;background-size:cover;left:0;transition:all 1.0s ease-out;}
.topLinks .l-A.AN_zoom{width:100%;z-index:10;}

.topLinks .topBtn .titleWrap{font-family:'Titillium Web', sans-serif;padding-left:52px;position:relative;top:130px;}
.topLinks .topBtn .titleWrap .welcomeLogo{margin-top:50px;}
.topLinks .topBtn .mainTitle{font-size:12.8rem;font-weight:900;line-height:94px;transition:color 0.3s ease-in-out;}
.topLinks .topBtn .mainTitle > span{display:block;}
.topLinks .topBtn .mainTitle + .hashtag{font-size:3.4rem;margin-top:3px;font-weight:100;transition:color 0.3s ease-in-out;}
.topLinks .topBtn.l-A .mainTitle,
.topLinks .topBtn.l-A .mainTitle + .hashtag{color:#b8c431;}
.topLinks .topBtn.l-B .mainTitle,
.topLinks .topBtn.l-B .mainTitle + .hashtag{color:#23b2a3;}

.topLinks .topBtn.l-A:hover .mainTitle,
.topLinks .topBtn.l-A:hover .mainTitle + .hashtag,
.topLinks .topBtn.l-B:hover .mainTitle,
.topLinks .topBtn.l-B:hover .mainTitle + .hashtag{color:#fff;}

.topLinks .topBtn.l-A:focus .mainTitle,
.topLinks .topBtn.l-A:focus .mainTitle + .hashtag,
.topLinks .topBtn.l-B:focus .mainTitle,
.topLinks .topBtn.l-B:focus .mainTitle + .hashtag{color:#fff;}

.topLinks .topBtn .linkText{color:#fff;font-family:'Titillium Web', sans-serif;font-weight:700;position:absolute;bottom:70px;left:50%; transform:translateX(-50%);font-size:1.8rem;}
.topLinks .topBtn .linkText span{background:url(/world/en/revitalize/asset/img/arw_top_link.png) no-repeat 96% 50%;padding-right:25px;letter-spacing:0.02em;}
.topLinks .topBtn:hover .linkText span,
.topLinks .topBtn:focus .linkText span{animation:hoverArw 0.5s ease-in-out infinite}

@keyframes hoverArw {
  0%{background-position: 91% 50%}
  100%{background-position: 100% 50%}
}


.topLinks .l-B{background: url(/world/en/revitalize/asset/img/bg_top_hokkaido.png) no-repeat center center;background-size:cover;right:0;color:#fff;transition:all 1.0s ease-out;}
.topLinks .l-B.AN_zoom{width:100%;z-index:10;}


#l-B_layout,
#l-A_layout{position: absolute;top:0;width:100%;z-index:0;}

/* パラメーター処理 */
body.topR #wrapperTop{position:relative;left:50%;opacity:0;}
body.topL #wrapperTop{position:relative;right:50%;opacity:0;}