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



img:hover{
opacity: 1!important;
}

.a_8{
margin-top: 200px;
padding-bottom: 200px;
}

.a_1 img{
margin-top: 100px;
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	margin-bottom: 100px;
}



*, *:before, *:after {
box-sizing: border-box;
}

img{
	vertical-align:top;
}

.sa {
opacity: 0;
transition: all .6s ease;
}

.sa.show {
opacity: 1;
transform: none;
}



.arrival a:hover{
text-decoration: underline!important;
}

.absolute{
position: absolute;
}

#back{
	display: block;
position: relative;
width: 1100px;
margin: 0 auto;

}

.back{
position: fixed;
text-align: center;
width: 1100px;
margin: 0 auto;
z-index: -10;
}



/*========= particle js を描画するエリア設定 ===============*/


#particles-js {
position: fixed; /*描画固定*/
z-index: 2;
width: 1100px;
height: 100%;
/* background-image:url("img/Va-1.jpg")*/
animation-name:particles;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}


@keyframes particles{
0% {
opacity: 0;
}
50% {
opacity: 0;
}

100% {
opacity: 1;
}
}

.scrolldown4{
/*描画位置※位置は適宜調整してください*/
position:absolute;
bottom:1%;
right:50%;
/*矢印の動き1秒かけて永遠にループ*/
animation: arrowmove 1s ease-in-out infinite;

}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
0%{bottom:1%;}
50%{bottom:3%;}
100%{bottom:1%;}
}

/*Scrollテキストの描写*/
.scrolldown4 span{
/*描画位置*/
position: absolute;
left:-20px;
bottom:10px;
/*テキストの形状*/
color: #602b35;
font-size: 0.7rem;
letter-spacing: 0.05em;
/*縦書き設定*/
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;

}

/* 矢印の描写 */
.scrolldown4:before {
content: "";
/*描画位置*/
position: absolute;
bottom: 0;
right: -6px;
/*矢印の形状*/
width: 1px;
height: 20px;
background:#602b35;
transform: skewX(-31deg);
}

.scrolldown4:after{
content:"";
/*描画位置*/
position: absolute;
bottom:0;
right:0;
/*矢印の形状*/
width:1px;
height: 50px;
background:#602b35;
}

.test{
animation-name:fadeInAnime;
animation-duration:2.5s;
animation-fill-mode:forwards;
opacity:0;
}


.flipLeft{
animation: flipLeftAnime .5s linear .5s backwards;/*表示されて0.5秒後に右線が0.5秒かけて表示*/
border-color: #6aa;
-webkit-transform: scaleX(-1) rotate(135deg);
transform: scaleX(-1) rotate(135deg);
-webkit-transform-origin: left top;
transform-origin: left top;
border-right: 5px solid #F55941;
border-top: 5px solid #F55941;
display: block;
height: 30px;
width: 20px;
z-index: 9999!important;
}



@keyframes flipLeftAnime{
0% {
height: 0;
width: 0;
	opacity: 0;
}
50% {
height: 0px;
width: 20px;
}
100% {
height: 30px;
width: 20px;
}
}



@media (max-width: 1200px){
	
#back{
	display: block;
position: relative;
width: 1100px;
margin: 0 auto;

}

.back{
position:relative;
text-align: center;
width: 1100px;
margin: 0 auto;
z-index: -10;
}


}