@charset "UTF-8";
/* CSS Document */

body {margin: 0;padding: 0;font-feature-settings: "palt";}

#mainvisual {position: relative;overflow: hidden;width: 100%;height: 100vh;}
#mainvisual h2 {position: absolute;top: 22vh;left: 0;width: 100%;}
#mainvisual h2 img:nth-child(1) {width: 34%;height: auto;display: block;margin: 0 auto 0 auto;transform: translate(0%, -50%);}
#mainvisual h2 img:nth-child(2) {width: 30%;height: auto;display: block;margin: 0 auto 0 auto;transform: translate(0%, -260%);}

.t_back {width: 100%;height: 60vh; background: url("../../../images/mv/back.png") center top / 1480px auto repeat-x;position: absolute;top: 46vh; left: 0;z-index: 1;}
.t_mt {width: 100%;height: 10vh; background: url("../../../images/mv/mt.svg") center top / 1680px auto repeat-x;position: absolute;top: 41vh; z-index: 0;}
.t_cloud {width: 120%;height: 35vh; background: url("../../../images/mv/cloud.png") center top / 1560px auto repeat-x;position: absolute;top: 9vh; left: -10%; z-index: 0;animation-name: move; animation-duration:17s; animation-iteration-count:infinite;animation-timing-function: linear;animation-delay: 0.3s;animation-fill-mode:forwards;opacity: 0;}

.t_bird1 {position: absolute;top: 21vh;left: 9%;width: 20%;z-index: 3;transform: translate(0%, -50%);}
.t_bird2 {position: absolute;top: 20vh;right: 11%;width: 20%;z-index: 3;transform: translate(0%, -50%);}
.t_objects {height: 97vh;margin: 0 auto 0 auto;max-width: 1680px;width: 100%;display: block;position: relative;z-index: 3;}
.t_road {position: absolute;top: 80%;left: 0;width: 63%;z-index: 4;transform: translate(0%, -50%);}
.t_river {position: absolute;top: 78%;right: 0;width: 71%;z-index: 3;transform: translate(0%, -50%);}

@keyframes move { 0% { transform: translate(0, );opacity: 0; } 5% { opacity: 1; } 95% { opacity: 1; } 100% { transform: translate(-120px, 0);opacity: 0; } }

/*コピー*/
.objmove {animation-name: objmove; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove { 0% { transform: translate(0,20px);opacity: 0; } 100% { transform: translate(0, 0);opacity: 1; } }


/*オブジェクト*/
.objmove1 {animation-name: objmove1; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove1 { 0% { transform: translate(-50%, -40%);opacity: 0; } 100% { transform: translate(-50%, -50%);opacity: 1; } }

.objmove1_2 {animation-name: objmove1_2; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove1_2 { 0% { transform: translate(-50%, -40%) scale(-1, 1);opacity: 0; } 100% { transform: translate(-50%, -50%) scale(-1, 1);opacity: 1; } }

.objmove1_3 {animation-name: objmove1_3; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove1_3 { 0% { transform: translate(0, -40%);opacity: 0; } 100% { transform: translate(0, -50%);opacity: 1; } }

.objmove1_4 {animation-name: objmove1_4; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove1_4 { 0% { transform: translate(0, -40%);opacity: 0; } 100% { transform: translate(0, -50%);opacity: 1; } }

/*鳥*/
.objmove2 {animation-name: objmove2; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
.objmove3 {animation-name: objmove3; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove2 { 0% { transform: translate(-50px,-30%);opacity: 0; } 100% { transform: translate(0, -50%);opacity: 1; } }
@keyframes objmove3 { 0% { transform: translate(50px, -30%);opacity: 0; } 100% { transform: translate(0, -50%);opacity: 1; } }

.delay1 {animation-delay: 0.4s;}
.delay2 {animation-delay: 0.5s;}
.delay3 {animation-delay: 0.6s;}
.delay4 {animation-delay: 0.7s;}
.delay5 {animation-delay: 0.8s;}
.delay6 {animation-delay: 0.9s;}
.delay7 {animation-delay: 1s;}
.delay8 {animation-delay: 1.1s;}
.delay9 {animation-delay: 1.2s;}
.delay10 {animation-delay: 1.3s;}
.delay11 {animation-delay: 1.4s;}
.delay15 {animation-delay: 0.4s;}

.top_pd {padding: 100vh 0 0 0;}

@media screen and (min-width : 1600px)  {.t_objects {height: 95vh;} #mainvisual {height: 101vh;}}

@media screen and (min-width : 1450px) and (max-width : 1600px) {.t_objects {height: 92vh;} #mainvisual {height: 97vh;} 
#mainvisual h2 {top: 22vh;}    .t_back {background: url("../../../images/mv/back.png") center top / 1440px auto repeat-x;top: 43vh;}
.t_mt {background: url("../../../images/mv/mt.svg") center top / 1640px auto repeat-x;top: 38vh;}
.t_cloud {width: 120%;height: 35vh; background: url("../../../images/mv/cloud.png") center top / 1520px auto repeat-x;top: 8.5vh; }
.t_bird1 {top: 20vh;left: 9%;width: 20%;}    .t_bird2 {top: 19vh;right: 11%;width: 20%;}
}

@media screen and (min-width : 1300px) and (max-width : 1450px) {.t_objects {height: 84vh;} #mainvisual {height: 89vh;} 
#mainvisual h2 {top: 21vh;}    .t_back {background: url("../../../images/mv/back.png") center top / 1400px auto repeat-x;top: 40vh;}
.t_mt {background: url("../../../images/mv/mt.svg") center top / 1600px auto repeat-x;top: 35vh;}
.t_cloud {width: 120%;height: 35vh; background: url("../../../images/mv/cloud.png") center top / 1480px auto repeat-x;top: 8vh; }
.t_bird1 {top: 19vh;left: 9%;width: 20%;}    .t_bird2 {top: 18vh;right: 11%;width: 20%;}
}

@media screen and (min-width : 1150px) and (max-width : 1300px) {.t_objects {height:76vh;} #mainvisual {height: 81vh;}
#mainvisual h2 {top: 20vh;}    .t_back {background: url("../../../images/mv/back.png") center top / 1320px auto repeat-x;top: 36vh;}
.t_mt {background: url("../../../images/mv/mt.svg") center top / 1560px auto repeat-x;top: 31vh;}
.t_cloud {width: 120%;height: 31vh; background: url("../../../images/mv/cloud.png") center top / 1400px auto repeat-x;top: 7.5vh; }
.t_bird1 {top: 18vh;left: 9%;width: 20%;}    .t_bird2 {top: 17vh;right: 11%;width: 20%;}
}

@media screen and (min-width : 1000px) and (max-width : 1150px) {.t_objects {height: 66vh;} #mainvisual {height: 71vh;}
#mainvisual h2 {top: 17vh;}    .t_back {background: url("../../../images/mv/back.png") center top / 1140px auto repeat-x;top: 31vh;}
.t_mt {background: url("../../../images/mv/mt.svg") center top / 1520px auto repeat-x;top: 26vh;}
.t_cloud {width: 120%;height: 31vh; background: url("../../../images/mv/cloud.png") center top / 1200px auto repeat-x;top: 6.5vh; }
.t_bird1 {top: 16vh;left: 9%;width: 20%;}    .t_bird2 {top: 15vh;right: 11%;width: 20%;}
}

@media screen and (min-width : 840px) and (max-width : 1000px) {.t_objects {height: 57vh;}  #mainvisual {height: 62vh;}
#mainvisual h2 {top: 15vh;}    .t_back {background: url("../../../images/mv/back.png") center top / 950px auto repeat-x;top: 28vh;}
.t_mt {background: url("../../../images/mv/mt.svg") center top / 1520px auto repeat-x;top: 22vh;}
.t_cloud {width: 120%;height: 31vh; background: url("../../../images/mv/cloud.png") center top / 1100px auto repeat-x;top: 5.5vh; }
.t_bird1 {top: 16vh;left: 9%;width: 20%;}    .t_bird2 {top: 15vh;right: 11%;width: 20%;}
}

.t_build1 {position: absolute;top: 49%;left: 13%;width: 18%;z-index: 6;opacity: 0;}  /*左マンション*/
.t_build1_2 {position: absolute;top: 52%;left: 24%;width: 12%;z-index: 5;opacity: 0;}/*左マンション2 */
.t_build4 {position: absolute;top: 65%;left:39.5%;width: 11%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}/*中央タワーマンション*/
.t_build2 {position: absolute;top: 49%;right: -3%;width: 18%;z-index: 4;opacity: 0;}/*右大型マンション*/
.t_build3 {position: absolute;top: 60%;right: 12.5%;width: 13%;z-index: 5;transform: translate(-50%, -50%);opacity: 0;}/*右大型四角マンション*/
.t_build5 {position: absolute;top: 68%;right: -7%;width: 18%;z-index: 5;transform: translate(-50%, -50%);opacity: 0;}/*右L字*/

.t_house1 {position: absolute;top: 72%;left: 13%;width: 24%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*左 細川邸*/
.t_house2 {position: absolute;top: 63%;left: 28.5%;width: 20%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*左 東寺マンション*/
.t_house3 {position: absolute;top: 56%;left: 46%;width: 10%;z-index: 5;transform: translate(-50%, -50%);opacity: 0;}  /*奥 二条ホテル*/
.t_house4 {position: absolute;top: 62%;right: 30%;width: 14%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*右 R-NAGAYA*/
.t_house5 {position: absolute;top: 68%;right: 9%;width: 21%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*右 二条ホテル*/


.t_bird3 {position: absolute;top: 62%;left: 3%;width: 3.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*鳥左*/
.t_bird4 {position: absolute;top: 59%;right: 20.5%;width: 3.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*鳥左*/
.t_bird5 {position: absolute;top: 59.5%;right: 0.2%;width: 3.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*鳥左*/

/*build back*/
.t_tree1 {position: absolute;top: 60%;left: 8%;width: 7%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*左 黄色 木　細川邸裏*/
.t_tree2 {position: absolute;top: 61%;left: 31%;width: 10%;z-index: 6;transform: translate(-50%, -50%);opacity: 0;}  /*左 白 木　東寺マンション裏*/

.t_tree3 {position: absolute;top: 66%;left: 43.5%;width: 6%;z-index: 6;transform: translate(-50%, -50%);opacity: 0;}  /*中央 緑 木　タワー横*/
.t_tree4 {position: absolute;top: 59%;right: 45%;width: 5%;z-index: 6;transform: translate(-50%, -50%);opacity: 0;}  /*中央 白 木　R-NAGAYA裏*/
.t_bush1 {position: absolute;top: 67%;right: 46%;width: 5%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*中央 白 ブッシュ　R-NAGAYA前*/

.t_tree5 {position: absolute;top: 56%;right: 33%;width: 6.5%;z-index: 6;transform: translate(-50%, -50%);opacity: 0;}  /*右 黄色 木　R-NAGAYA裏*/
.t_tree6 {position: absolute;top: 70%;right: 32%;width: 5.5%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　R-NAGAYA前*/
.t_tree7 {position: absolute;top: 62%;right: 29%;width: 6%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　R-NAGAYA横*/
.t_tree8 {position: absolute;top: 70%;right: 13%;width: 8%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　二条ホテル裏*/
.t_tree9 {position: absolute;top: 61%;right: 1%;width: 7%;z-index: 4;transform: translate(-50%, -50%);opacity: 0;}  /*右 黄色 木　L字裏*/

/*front left*/
.t_tree10 {position: absolute;top: 87%;left: 3%;width: 9%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 緑 木　細川邸前*/
.t_bush2 {position: absolute;top: 97%;left: 4%;width: 7%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;} 
.t_tree11 {position: absolute;top: 95%;left: 9%;width: 8%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 青 木　細川邸前下*/
.t_tree12 {position: absolute;top: 89%;left: 15%;width: 4%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 黄 木　細川邸前中央*/
.t_tree13 {position: absolute;top: 73%;left: 23%;width: 8%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 青 木　細川邸右*/
.t_tree14 {position: absolute;top: 94%;left: 26%;width: 10.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 白 木　東寺マンション下下*/
.t_tree15 {position: absolute;top: 76%;left: 31%;width: 6%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 白 木　東寺マンション前*/
.t_tree16 {position: absolute;top: 92%;left: 33%;width: 6%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*左 白 木　東寺マンション下右*/
.t_tree17 {position: absolute;top: 80%;left: 36%;width: 4%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 黄 木　タワー左下*/

/*front center*/
.t_tree18 {position: absolute;top: 96%;left: 41%;width: 6%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*中央 黄 木　タワー左下*/
.t_tree19 {position: absolute;top: 87%;left: 44%;width: 7%;z-index: 8;transform: translate(-50%, -50%) scale(-1, 1);opacity: 0;}  /*中央 黄 木　タワー下*/
.t_tree20 {position: absolute;top: 92%;left: 54%;width: 6%;z-index: 10;transform: translate(-50%, -50%) scale(-1, 1);opacity: 0;}  /*中央 白 木　川下*/
.t_bush3 {position: absolute;top: 82%;left: 54%;width: 5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;} /*中央 白 ブッシュ　川下*/
.t_tree21 {position: absolute;top: 84%;left: 57%;width: 4%;z-index: 9;transform: translate(-50%, -50%) scale(-1, 1);opacity: 0;}  /*中央 青 木　川下*/
.t_tree22 {position: absolute;top: 73%;left: 57%;width: 4%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*中央 黄 木　二条ホテル左*/
.t_tree23 {position: absolute;top: 69%;left: 55%;width: 2.5%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*中央 白 木　R-NAGAYA前*/

/*front right*/
.t_tree24 {position: absolute;top: 93%;right: 31%;width: 7%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 黄 木　川下*/
.t_bush4 {position: absolute;top: 77%;right: 34%;width: 5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 緑 ブッシュ　二条ホテル前*/
.t_tree25 {position: absolute;top: 78%;right: 29%;width: 4%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　二条ホテル前*/
.t_bush5 {position: absolute;top: 90%;right: 29%;width: 4.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 ブッシュ　二条ホテル下*/
.t_tree26 {position: absolute;top: 88%;right: 25%;width: 6%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　二条ホテル下*/
.t_bush6 {position: absolute;top: 95%;right: 21%;width: 4%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 緑 ブッシュ　二条ホテル下*/
.t_tree27 {position: absolute;top: 78%;right: 19%;width: 5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 緑 木　二条ホテル前*/
.t_tree28 {position: absolute;top: 76%;right: 12%;width: 6%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　二条ホテル横*/
.t_bush7 {position: absolute;top: 97%;right: 15%;width: 4%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右下 白 ブッシュ*/
.t_tree29 {position: absolute;top: 93%;right: 9%;width: 7%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右下 黄色 木*/
.t_tree30 {position: absolute;top: 88%;right: -5%;width: 11%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右下 黄色 木*/

/*light*/
.t_light1 {position: absolute;top: 83%;left: 13%;width: 2%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;} 
.t_light2 {position: absolute;top: 82.7%;left: 20.5%;width: 2%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;} 
.t_light3 {position: absolute;top: 81.5%;left: 28%;width: 1.9%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;} 
.t_light4 {position: absolute;top: 80.1%;left: 34%;width: 1.8%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;} 
.t_light5 {position: absolute;top: 78.2%;left: 41%;width: 1.7%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;} 
.t_light6 {position: absolute;top: 76.2%;left: 47%;width: 1.6%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;} 
.t_light7 {position: absolute;top: 73.2%;left: 53%;width: 1.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;} 
.t_light8 {position: absolute;top: 70.2%;left: 59%;width: 1.4%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;} 

/*human*/
.t_human1 {position: absolute;top: 77.5%;left: 48.5%;width: 82%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}
.t_human2 {position: absolute;top: 87.5%;left: 48.5%;width: 82%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}
.t_human3 {position: absolute;top: 97.5%;left: 48.5%;width: 82%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}





/*　■■■■■■■■■■■■■■■■■■■■■■■■　スマートフォン　■■■■■■■■■■■■■■■■■■■■■■■■　*/

@media screen and (max-width : 840px) {

#mainvisual {position: relative;overflow: hidden;width: 100%;height: 86vh;}
#mainvisual h2 {position: absolute;top: 20.5vh;left: 0;width: 100%;}
#mainvisual h2 img:nth-child(1) {width: 64%;height: auto;display: block;margin: 0 auto 0 auto;transform: translate(1%, -45%);}
#mainvisual h2 img:nth-child(2) {width: 57%;height: auto;display: block;margin: 0 auto 0 auto;transform: translate(1%, -240%);}

.t_back {width: 100%;height: 55vh; background: url("../../../images/mv/back.png") center top / 275vw auto repeat-x;position: absolute;top: 38vh; left: 0;z-index: 1;}
.t_mt {width: 100%;height: 10vh; background: url("../../../images/mv/mt.svg") center top / 230vw auto repeat-x;position: absolute;top: 34vh; z-index: 0;}
.t_cloud {width: 120vw;height: 40vh; background: url("../../../images/mv/cloud.png") center top / 160vw auto repeat-x;position: absolute;top: 10vh; left: -10%; z-index: 0;animation-name: move; animation-duration:17s; animation-iteration-count:infinite;animation-timing-function: linear;animation-delay: 0.3s;animation-fill-mode:forwards;opacity: 0;}

.t_bird1 {position: absolute;top: 11.5vh;left: 2%;width:34%;z-index: 3;transform: translate(0%, -50%);}
.t_bird2 {position: absolute;top: 11.5vh;right: 2%;width: 36%;z-index: 3;transform: translate(0%, -50%);}
.t_objects {height: 81vh;margin: 2vh auto 0 auto;width: 100%;display: block;position: relative;z-index: 3;}
.t_road {position: absolute;top: 86%;left: 0;width: 75%;z-index: 4;transform: translate(0%, -50%);}
.t_river {position: absolute;top: 83%;right: 0;width: 80%;z-index: 3;transform: translate(0%, -50%);}

@keyframes move { 0% { transform: translate(0, );opacity: 0; } 5% { opacity: 1; } 95% { opacity: 1; } 100% { transform: translate(-120px, 0);opacity: 1; } }

/*コピー*/
.objmove {animation-name: objmove; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove { 0% { transform: translate(0,20px);opacity: 0; } 100% { transform: translate(0, 0);opacity: 1; } }


/*オブジェクト*/
.objmove1 {animation-name: objmove1; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove1 { 0% { transform: translate(-50%, -40%);opacity: 0; } 100% { transform: translate(-50%, -50%);opacity: 1; } }

.objmove1_2 {animation-name: objmove1_2; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove1_2 { 0% { transform: translate(-50%, -40%) scale(-1, 1);opacity: 0; } 100% { transform: translate(-50%, -50%) scale(-1, 1);opacity: 1; } }

.objmove1_3 {animation-name: objmove1_3; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove1_3 { 0% { transform: translate(0, -40%);opacity: 0; } 100% { transform: translate(0, -50%);opacity: 1; } }

.objmove1_4 {animation-name: objmove1_4; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove1_4 { 0% { transform: translate(0, -40%);opacity: 0; } 100% { transform: translate(0, -50%);opacity: 1; } }

/*鳥*/
.objmove2 {animation-name: objmove2; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
.objmove3 {animation-name: objmove3; animation-duration:1s; ;animation-timing-function: ease;animation-fill-mode:forwards;opacity: 0;}
@keyframes objmove2 { 0% { transform: translate(-50px,-30%);opacity: 0; } 100% { transform: translate(0, -50%);opacity: 1; } }
@keyframes objmove3 { 0% { transform: translate(50px, -30%);opacity: 0; } 100% { transform: translate(0, -50%);opacity: 1; } }

.delay1 {animation-delay: 0.4s;}
.delay2 {animation-delay: 0.5s;}
.delay3 {animation-delay: 0.6s;}
.delay4 {animation-delay: 0.7s;}
.delay5 {animation-delay: 0.8s;}
.delay6 {animation-delay: 0.9s;}
.delay7 {animation-delay: 1s;}
.delay8 {animation-delay: 1.1s;}
.delay9 {animation-delay: 1.2s;}
.delay10 {animation-delay: 1.3s;}
.delay11 {animation-delay: 1.4s;}
.delay15 {animation-delay: 0.4s;}

.top_pd {padding: 70vh 0 0 0;}

.t_build1 {position: absolute;top: 48%;left: 2%;width: 34%;z-index: 6;opacity: 0;}  /*左マンション*/
.t_build1_2 {position: absolute;top: 55%;left: 25%;width: 26%;z-index: 5;opacity: 0;}/*左マンション2 */
.t_build4 {position: absolute;top: 68%;left:42%;width: 20%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}/*中央タワーマンション*/
.t_build2 {position: absolute;top: 50%;right: -32%;width: 34%;z-index: 4;opacity: 0;}/*右大型マンション*/
.t_build3 {position: absolute;top: 59%;right: -5%;width: 24%;z-index: 5;transform: translate(-50%, -50%);opacity: 0;}/*右大型四角マンション*/
.t_build5 {position: absolute;top: 71%;right: -20%;width: 29%;z-index: 5;transform: translate(-50%, -50%);opacity: 0;}/*右L字*/

.t_house1 {position: absolute;top: 79%;left: 11%;width: 42%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*左 細川邸*/
.t_house2 {position: absolute;top: 68%;left: 21%;width: 32%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*左 東寺マンション*/
.t_house3 {position: absolute;top: 58.5%;left: 52%;width: 20%;z-index: 5;transform: translate(-50%, -50%);opacity: 0;}  /*奥 二条ホテル*/
.t_house4 {position: absolute;top: 68%;right: 4%;width: 30%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*右 R-NAGAYA*/
.t_house5 {position: absolute;top: 77%;right: -13%;width: 33%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*右 二条ホテル*/


.t_bird3 {position: absolute;top: 62%;left: 3%;width: 3.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;display: none;}  /*鳥左*/
.t_bird4 {position: absolute;top: 59%;right: 20.5%;width: 3.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;display: none;}  /*鳥左*/
.t_bird5 {position: absolute;top: 59.5%;right: 0.2%;width: 3.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;display: none;}  /*鳥左*/

/*build back*/
.t_tree1 {position: absolute;top: 68%;left: 4%;width: 13%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*左 黄色 木　細川邸裏*/
.t_tree2 {position: absolute;top: 64%;left: 33%;width: 18%;z-index: 6;transform: translate(-50%, -50%);opacity: 0;}  /*左 白 木　東寺マンション裏*/

.t_tree3 {position: absolute;top: 66%;left: 49.5%;width: 10%;z-index: 6;transform: translate(-50%, -50%);opacity: 0;}  /*中央 緑 木　タワー横*/
.t_tree4 {position: absolute;top: 58%;right: 48%;width: 8%;z-index: 6;transform: translate(-50%, -50%);opacity: 0;}  /*中央 白 木　R-NAGAYA裏*/
.t_bush1 {position: absolute;top: 73%;right: 40%;width: 11%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*中央 白 ブッシュ　R-NAGAYA前*/

.t_tree5 {position: absolute;top: 63%;right: 28%;width: 10.5%;z-index: 6;transform: translate(-50%, -50%);opacity: 0;}  /*右 黄色 木　R-NAGAYA裏*/
.t_tree6 {position: absolute;top: 75%;right: 19%;width: 12.5%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　R-NAGAYA前*/
.t_tree7 {position: absolute;top: 62%;right: 23%;width: 9%;z-index: 5;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　R-NAGAYA横*/
.t_tree8 {position: absolute;top: 71%;right: 9%;width: 10%;z-index: 7;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　二条ホテル裏*/
.t_tree9 {position: absolute;top: 65%;right: -8%;width: 12%;z-index: 4;transform: translate(-50%, -50%);opacity: 0;}  /*右 黄色 木　L字裏*/

/*front left*/
.t_tree10 {position: absolute;top: 89%;left: 2%;width: 15%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 緑 木　細川邸前*/
.t_bush2 {position: absolute;top: 98%;left: 6%;width: 10%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;} 
.t_tree11 {position: absolute;top: 96%;left: 13%;width: 12%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 青 木　細川邸前下*/
.t_tree12 {position: absolute;top: 87%;left: 18%;width: 9%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 黄 木　細川邸前中央*/
.t_tree13 {position: absolute;top: 81%;left: 35%;width: 13%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 青 木　細川邸右*/
.t_tree14 {position: absolute;top: 98%;left: 29%;width: 14%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 白 木　東寺マンション下下*/
.t_tree15 {position: absolute;top: 80%;left: 52%;width: 9%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 白 木　東寺マンション前*/
.t_tree16 {position: absolute;top: 92%;left: 36%;width: 10%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*左 白 木　東寺マンション下右*/
.t_tree17 {position: absolute;top: 78%;left: 47%;width: 5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*左 黄 木　タワー左下*/

/*front center*/
.t_tree18 {position: absolute;top: 96%;left: 46%;width: 8%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*中央 黄 木　タワー左下*/
.t_tree19 {position: absolute;top: 87%;left: 44%;width: 9%;z-index: 8;transform: translate(-50%, -50%) scale(-1, 1);opacity: 0;}  /*中央 黄 木　タワー下*/
.t_tree20 {position: absolute;top: 92%;left: 54%;width: 8%;z-index: 10;transform: translate(-50%, -50%) scale(-1, 1);opacity: 0;}  /*中央 白 木　川下*/
.t_bush3 {position: absolute;top: 89%;left: 56%;width: 9%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;} /*中央 白 ブッシュ　川下*/
.t_tree21 {position: absolute;top: 89%;left: 66%;width: 6%;z-index: 9;transform: translate(-50%, -50%) scale(-1, 1);opacity: 0;}  /*中央 青 木　川下*/
.t_tree22 {position: absolute;top: 78%;left: 62%;width: 9%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*中央 黄 木　二条ホテル左*/
.t_tree23 {position: absolute;top: 75.5%;left: 55%;width: 5%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}  /*中央 白 木　R-NAGAYA前*/

/*front right*/
.t_tree24 {position: absolute;top: 98%;right: 25%;width: 9%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 黄 木　川下*/
.t_bush4 {position: absolute;top: 83%;right: 29%;width: 8%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 緑 ブッシュ　二条ホテル前*/
.t_tree25 {position: absolute;top: 84%;right: 16%;width: 10%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　二条ホテル前*/
.t_bush5 {position: absolute;top: 90%;right: 29%;width: 6.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;display: none;}  /*右 白 ブッシュ　二条ホテル下*/
.t_tree26 {position: absolute;top: 92%;right: 16%;width: 11%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　二条ホテル下*/
.t_bush6 {position: absolute;top: 95%;right: 16%;width: 8%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 緑 ブッシュ　二条ホテル下*/
.t_tree27 {position: absolute;top: 85%;right: 6%;width: 8%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 緑 木　二条ホテル前*/
.t_tree28 {position: absolute;top: 83%;right: -6%;width: 11%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右 白 木　二条ホテル横*/
.t_bush7 {position: absolute;top: 99%;right: 6%;width: 8%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右下 白 ブッシュ*/
.t_tree29 {position: absolute;top: 94%;right: 6%;width: 10%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右下 黄色 木*/
.t_tree30 {position: absolute;top: 95%;right: -9%;width: 14%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;}  /*右下 青 木*/

/*light*/
.t_light1 {position: absolute;top: 83%;left: 13%;width: 2%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;display: none;}
.t_light2 {position: absolute;top: 82.7%;left: 20.5%;width: 2%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;display: none;}
.t_light3 {position: absolute;top: 81.5%;left: 28%;width: 1.9%;z-index: 8;transform: translate(-50%, -50%);opacity: 0;display: none;}
.t_light4 {position: absolute;top: 80.1%;left: 34%;width: 1.8%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;display: none;}
.t_light5 {position: absolute;top: 78.2%;left: 41%;width: 1.7%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;display: none;}
.t_light6 {position: absolute;top: 76.2%;left: 47%;width: 1.6%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;display: none;}
.t_light7 {position: absolute;top: 74.2%;left: 53%;width: 1.5%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;display: none;}
.t_light8 {position: absolute;top: 71.2%;left: 59%;width: 1.4%;z-index: 9;transform: translate(-50%, -50%);opacity: 0;display: none;}

/*human*/
.t_human1 {position: absolute;top: 83.5%;left: 49.5%;max-width: 160vw;width: 160vw;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}
.t_human2 {position: absolute;top: 89.5%;left: 84.5%;max-width: 160vw;width: 160vw;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}
.t_human3 {position: absolute;top: 98.5%;left: 52.5%;max-width: 190vw;width: 190vw;z-index: 8;transform: translate(-50%, -50%);opacity: 0;}

    
}