#gazou01, #gazou02, #gazou03, #gazou04, #gazou05, #gazou06, #gazou07, #gazou08, #gazou09, #gazou010, #gazou011, #gazou012,#gazou013 {
position: absolute;
z-index: 1;
}
#gazou01 {
top: 2vh;
left: 43vw;
}
#gazou02 {
top: 10vh;
right: 25vw;
}
#gazou03 {
top: 0vh;
right: 14vw;
}
#gazou04 {
top: 40vh;
right: 6vw;
}
#gazou05 {
top: 62vh;
right: 26vw;
}
#gazou06 {
top: 78vh;
left: 33vw;
}
#gazou07 {
top: 72vh;
left: 8vw;
}
#gazou08 {
top: 35vh;
left: 18vw;
}
#gazou09 {
top: 10px;
left: 0;
}
#gazou010 {
top: 10px;
right: 0;
}
#gazou011 {
bottom: 0;
right: 0;
}
#gazou012 {
bottom: 10px;
left: 10px;
}
#gazou013 {
top: 35px;
left: 0;
}
.tr_little {
width: 40px;
}
.tr_small {
width: 60px;
}
.tr_big {
width: 140px;
}
.svg-triangle {
opacity: 0;
transition: opacity 0.3s ease; /* 瞬間的に表示するためのトランジション設定 */
}
.svg-triangle div {
opacity: 0;
transition: opacity 1s ease;
}

@media screen and (max-width: 599px) {
#gazou01, #gazou02, #gazou03, #gazou04, #gazou05, #gazou06, #gazou07, #gazou08{
display: none;
}
.tr_middle {
width: 80px;
}
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
#gazou01, #gazou02, #gazou03, #gazou04, #gazou05, #gazou06, #gazou07, #gazou08{
display: none;
}
.tr_middle {
width: 110px;
}
.tr_little {
width: 60px;
}
}

@media screen and (min-width: 1025px) {
#gazou09,#gazou010,#gazou011,#gazou012,#gazou013{
display: none;
}
.tr_middle {
width: 110px;
}
}