@charset "utf-8";

/********************************************
border__horizon
********************************************/
.horizon.bar{
    left: 0;
}
.horizon__01{ top: 9vh; }
.horizon__02{ top: 12.5vh; }
.horizon__03{ top: 15vh; }
.horizon__04{ top: 18.5vh; }
.horizon__05{ top: 23vh; }
.horizon__06{ top: 26.5vh; }

.horizon__12{ bottom: 21vh; }
.horizon__13{ bottom: 18.5vh; }
.horizon__14{ bottom: 10vh; }
.horizon__15{ bottom: 6.5vh; }
.horizon__16{ bottom: 40.5vh; }

.horizon__07{ top: 0; }
.horizon__08{ top: 1.8vw; }
.horizon__09{ top: 50%; }
.horizon__10{ bottom: 1.8vw; }
.horizon__11{ bottom: 0; }

@media (min-width: 751px) {

}
@media (max-width: 750px) {
    .horizon__01{ top: 12vh; }
    .horizon__02{ top: 15.5vh; }
    .horizon__03{ top: 18vh; }
    .horizon__04{ top: 24.5vh; }
    .horizon__05{ top: 32vh; }
    .horizon__06{ top: 37.5vh; }

    .horizon__12{ bottom: 31vh; }
    .horizon__13{ bottom: 27.5vh; }
    .horizon__14{ bottom: 17vh; }
    .horizon__15{ bottom: 14.5vh; }
    .horizon__16{ bottom: 43vh; }

	.horizon__08 {
        top: 3.73vw;
    }
    .horizon__10 {
        bottom: 3.5vw;
    }
}

/********************************************
border__vertical
********************************************/
.vertical.bar{
    top: 0;
}
.vertical__01{ left: 8vw; }
.vertical__02{ left: 10vw; }
.vertical__03{ left: 14vw; }
.vertical__04{ left: 20vw; }

.vertical__05{ left: 14.5vw; }
.vertical__06{ left: 1.76vw; }
.vertical__07{ right: 62.76vw; }
.vertical__08{ right: 9.3vw; }
.vertical__09{ left: 54.2vw; }

.vertical__10{ left: 15.12vw; }
.vertical__11{ left: 2.9vw; }
.vertical__12{ right: 14.9vw; }
.vertical__13{ right: 29.12vw; }

.vertical__14{ left: 12.34vw; }
.vertical__15{ left: 38.76vw; }
.vertical__16{ left: 33.52vw; }
.vertical__17{ right: 2vw; }


#logo__area .vertical.bar{
    top: -40vw;
    height: 160vh;
}

@media (min-width: 751px) {

}
@media (max-width: 750px) {
    #firtst__view .bar.vertical__05,
    #firtst__view .bar.vertical__10,
    #firtst__view .bar.vertical__11,
    #firtst__view .bar.vertical__12,
    #firtst__view .bar.vertical__13,
    #firtst__view .bar.vertical__14,
    #firtst__view .bar.vertical__15,
    #firtst__view .bar.vertical__16,
    #firtst__view .bar.vertical__17{ display: none;}
}
/********************************************
border__circle
********************************************/

.circle__02{ margin-left: 0.45vw; }
.circle__03{ margin-right: 0.45vw; }

@media (min-width: 751px) {

}
@media (max-width: 750px) {
	
}

/********************************************
border__dia
********************************************/
#firtst__view .bar.dia{
    transform: rotate(-45deg);
    transform-origin: bottom left;
    width: 160%;
    bottom: 0;
}
#firtst__view #logo_O .bar.dia{
    width: 75%;
}
.dia__01{ left: 50%; }

.dia__02{ left: 3.8vw; }
.dia__03{ left: 4.4vw; }
.dia__04{ left: 7.2vw; }
.dia__05{ left: 7.8vw; }

#firtst__view .bar.dia__06{ 
    bottom: 24%;
    left: -2.1vw;
    width: 128%;
}
#firtst__view .bar.dia__07{ 
    bottom: 50%;
    left: 3.6vw;
    transform: rotate(-12deg);
    width: 85%;
}
@media (max-width: 750px) {
    #firtst__view .bar.dia{
        width: 212%;
    }
	#firtst__view #logo_O .bar.dia{
        width: 100%;
    }
    .dia__02{
        left: 7.6vw;
    }
    #firtst__view .bar.dia__03{
        left: 9.1vw;
        display: none;
    }
    #firtst__view .bar.dia__04{
        left: 14.3vw;  
        display: none;
    }
    .dia__05{
        left: 15.6vw;  
    }
    #firtst__view .bar.dia__06{
        width: 167%;
        bottom: 34%;
    }
    #firtst__view .bar.dia__07{
        transform: rotate(-12deg);
        bottom: 49%;
        left: 8.6vw;
    }
}