@charset "UTF-8";

#section_1st .border1.scrollIn {
  height:0;
  transition:4s;
  border-left: 1px solid #000;
}
#section_1st .border2.scrollIn {
  height:0;
  transition:1.5s;
  border-left: 1px solid #000;
}
#section_1st .border3.scrollIn {
  height:0;
  transition:1.5s;
  border-left: 1px solid #000;
}

#section_1st .border1.scrollActive{
  height:200%;
    border-left: 1px solid #aaa;
}
#section_1st .border2.scrollActive{
  height: 888px;
  transition-delay:1.s;
    border-left: 1px solid #aaa;
}
#section_1st .border3.scrollActive{
  height:620px;
  border-left: 1px solid #aaa;
}

#section_2nd .background_border .border1.scrollIn{
  height:0;
  transition:1.5s;
  border-left: 1px solid #000;
}
#section_2nd .background_border .border1.scrollActive{
  height:400px;
  transition:1.3s;
  border-left: 1px solid #aaa;
}

#section_4th .background_border .border1.scrollIn{
  height:0;
  transition:1.5s;
  border-left: 1px solid #000;
}
#section_4th .background_border .border1.scrollActive{
  height:519px;
  transition:1.4s;
  border-left: 1px solid #aaa;
}
#section_1st .scrollIn .right img{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#section_1st .scrollIn .left >  p:nth-child(1){
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#section_1st .scrollIn .left .title_text img {
  opacity:0;
  transition:0.5s;
  transition-delay:0s;
  margin-top: 25px;
}
#section_1st .scrollIn .left .text .dec_text{
  opacity:0;
  transition:0.5s;
  transition-delay:0s;
  margin-top: 25px;
}

#section_1st .scrollIn .left .text .link_cover{
  opacity:0;
  transition:0.5s;
  transition-delay:0s;
  margin-top: 25px;
}


#section_1st .scrollActive .right img{
    opacity:1;
}
#section_1st .scrollActive .left >  p:nth-child(1){
  opacity:1;
  transition-delay:0.7s;
}
#section_1st .scrollActive .left .title_text img {
  opacity:1;
  transition-delay:0.8s;
  margin-top: 0px;
}
#section_1st .scrollActive .left .text .dec_text{
  opacity:1;
  transition-delay:0.9s;
  margin-top: 0px;
}
#section_1st .scrollActive .left .text .link_cover{
  opacity:1;
  transition-delay:1s;
  margin-top: 0px;
}

#seccond.scrollIn{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#seccond.scrollIn > .text .icon{
  opacity:0;
  transition:0.5s;
  transition-delay:0s;
}
#seccond.scrollIn > .text .title_text{
  opacity:0;
  padding-top: 25px;
  transition:0.5s;
  transition-delay:0s;
}
#seccond.scrollIn > .text .dec_text{
  opacity:0;
  padding-top: 25px;
  transition:0.5s;
  transition-delay:0s;
}
#seccond > .text .link_cover{
  opacity:0;
  padding-top: 25px;
  transition:0.5s;
  transition-delay:0s;
}

#seccond.scrollActive{
  opacity:1;
  transition:0.7s;
}
#seccond.scrollActive > .text .icon{
  opacity:1;
  padding-top: 0px;
  transition:0.5s;
  transition-delay:0.7s;
}
#seccond.scrollActive > .text .title_text{
  opacity:1;
  padding-top: 0px;
  transition:0.5s;
  transition-delay:0.8s;
}
#seccond.scrollActive > .text .dec_text{
  opacity:1;
  padding-top: 0px;
  transition:0.5s;
  transition-delay:0.9s;
}
#seccond.scrollActive > .text .link_cover{
  opacity:1;
  padding-top: 0px;
  transition:0.5s;
  transition-delay:1s;
}

#seccond > .text .images img.scrollIn{
  opacity:0;
  transition:0.7s;
}
#seccond > .text .images img.scrollActive{
  opacity:1;
}

#section_2nd.scrollIn{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#section_2nd.scrollActive{
  opacity:1;
  transition:0.7s;
  transition-delay:0s;
}

#section_2nd.scrollIn div .dec p{
  opacity:0;
  margin-left: 77px;
}
#section_2nd.scrollActive div .dec p{
  opacity:1;
  margin-left: 47px;
}

#section_2nd.scrollIn div .dec p:nth-child(1){
  transition:0.5s;
  transition-delay:0s;
}
#section_2nd.scrollIn div .dec p:nth-child(2){
  transition:0.5s;
  transition-delay:0s;

}
#section_2nd.scrollIn div .dec p:nth-child(3){
  transition:0.5s;
  transition-delay:0s;
}
#section_2nd.scrollIn div .dec p:nth-child(4){
  transition:0.5s;
  transition-delay:0s;
}

#section_2nd.scrollActive div .dec p:nth-child(1){
  transition:0.5s;
  transition-delay:0.7s;
}
#section_2nd.scrollActive div .dec p:nth-child(2){
  transition:0.5s;
  transition-delay:0.8s;

}
#section_2nd.scrollActive div .dec p:nth-child(3){
  transition:0.5s;
  transition-delay:0.9s;
}
#section_2nd.scrollActive div .dec p:nth-child(4){
  transition:0.5s;
  transition-delay:1s;
}

#section_3rd.scrollIn{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#section_3rd.scrollIn #circle{

}
#section_3rd.scrollIn #circle p{
  opacity:0;
  padding-bottom:20px;
}
#section_3rd.scrollIn #circle p:nth-child(1){

}
#section_3rd.scrollIn #circle p:nth-child(2){
}
#section_3rd.scrollIn #circle p:nth-child(3){
}
#section_3rd.scrollIn #circle p:nth-child(4){
}
#section_3rd.scrollIn #circle p:nth-child(5){
}


#section_3rd.scrollActive{
  opacity:1;
  transition:0.7s;
  transition-delay:0s;
}
#section_3rd.scrollActive #circle p{
  opacity:1;
  padding-bottom:0px;
}

#section_3rd.scrollActive #circle p:nth-child(1){
  transition:0.5s;
  transition-delay:0.7s;
}
#section_3rd.scrollActive #circle p:nth-child(2){
  transition:0.5s;
  transition-delay:0.8s;
}
#section_3rd.scrollActive #circle p:nth-child(3){
  transition:0.5s;
  transition-delay:0.9s;
}
#section_3rd.scrollActive #circle p:nth-child(4){
  transition:0.5s;
  transition-delay:1s;
}
#section_3rd.scrollActive #circle p:nth-child(5){
  transition:0.5s;
  transition-delay:1.1s;
}

#section_4th.scrollIn{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}


#section_4th.scrollIn  p{
  opacity:0;
  padding-top:20px;
}
#section_4th.scrollActive p{
  opacity:1;
  padding-top:0px;
}
#section_4th.scrollActive  p:nth-child(1){
  transition:0.5s;
  transition-delay:0.7s;
}
#section_4th.scrollActive  p:nth-child(2){
  transition:0.5s;
  transition-delay:0.8s;
}
#section_4th.scrollActive  p:nth-child(3){
  transition:0.5s;
  transition-delay:0.9s;
}
#section_4th.scrollActive  p:nth-child(4){
  transition:0.5s;
  transition-delay:1s;
}
#section_4th.scrollActive  p:nth-child(5){
  transition:0.5s;
  transition-delay:1.1s;
}

#section_4th.scrollActive{
  opacity:1;
  transition:0.7s;
  transition-delay:0s;
}

#section_news.scrollIn{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}

#section_news.scrollActive{
  opacity:1;
  transition:0.7s;
  transition-delay:0s;
}

#section_contact > div > div.scrollIn{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#section_contact > div > div.scrollActive{
  opacity:1;
  transition:0.7s;
  transition-delay:0s;
}

.first_sp.scrollIn{
  opacity:0;
  transition:0.7s;
}
.first_sp.scrollIn .top_image span{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}

.first_sp.scrollActive{
  opacity:1;
  transition:0.7s;
}
.first_sp.scrollActive .top_image span{
  opacity:1;
  transition:0.7s;
  transition-delay:0.3s;
}

#seccond.scrollIn .text_sp .top_image span{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#seccond.scrollIn .text_sp .top_image img{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}

#seccond.scrollActive .text_sp .top_image span{
  opacity:1;
  transition:0.7s;
  transition-delay:.6s;
}
#seccond.scrollActive .text_sp .top_image img{
  opacity:1;
  transition:0.7s;
  transition-delay:.7s;
}
#seccond .text_sp .images img.scrollIn{
  opacity:0;
  transition:0s;
}
#seccond .text_sp .images img.scrollActive{
  opacity:1;
  transition:0.7s;
}

#section_2nd.scrollIn .text_sp .top_image{
  opacity:0;
  transition:.7s;
}
#section_2nd.scrollActive .text_sp .top_image{
  opacity:1;
  transition:.7s;
}
#section_2nd.scrollIn .text_sp .top_image span{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#section_2nd.scrollIn .text_sp .top_image img{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}

#section_2nd.scrollActive .text_sp .top_image span{
  opacity:1;
  transition:0.7s;
  transition-delay:.6s;
}
#section_2nd.scrollActive .text_sp .top_image img{
  opacity:1;
  transition:0.7s;
  transition-delay:.7s;
}

#section_3rd.scrollIn .text_sp .top_image{
  opacity:0;
  transition:.7s;
}
#section_3rd.scrollActive .text_sp .top_image{
  opacity:1;
  transition:.7s;
}
#section_3rd.scrollIn .text_sp .top_image span{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#section_3rd.scrollIn .text_sp .top_image img{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}

#section_3rd.scrollActive .text_sp .top_image span{
  opacity:1;
  transition:0.7s;
  transition-delay:.6s;
}
#section_3rd.scrollActive .text_sp .top_image img{
  opacity:1;
  transition:0.7s;
  transition-delay:.7s;
}

#section_4th.scrollIn .text_sp .top_image span{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}
#section_4th.scrollIn .text_sp .top_image img{
  opacity:0;
  transition:0.7s;
  transition-delay:0s;
}

#section_4th.scrollActive .text_sp .top_image span{
  opacity:1;
  transition:0.7s;
  transition-delay:.6s;
}
#section_4th.scrollActive .text_sp .top_image img{
  opacity:1;
  transition:0.7s;
  transition-delay:.7s;
}