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

a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
  border:0;
  }
  
  
 .photo2{
	 width:420px;
	 height:331px;
	 overflow:hidden;
	 padding:0% !important;

	 }
.photo2 img{
  	transition: 0.3s;
}
 
 
.photo2 img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
}

/*   botan */
.animation_button3 {
	color:#FFFFFF;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-40px;
    width:80px;
    height:60px;
    margin:10px auto;
    text-align:center;
    line-height:1.4;
    padding:30px 10px 10px;
    font-weight:bold;
}

.animation_button3 a{
	color:#FFFFFF;
	}
.animation_button3:hover{
	color:#D3D3D3;
}


/* 　     ナビゲーション表示固定　   　 */
.nav {
    padding:0;
    margin:0;
    width:100%;
	z-index:1000px;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: hsla(0,0%,100%,0.9);
    box-shadow:3px 3px 3px hsla(0,0%,0%,0.1);
}


/*    　　背景固定　　  */
.bg_fixed1 {
	height: 1050px;
	background-color:#39A2FF;
	background-image:url(../img/staff_bg.png);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	color:#FFFFFF;
}



/*    　　リンク　　  */

.btm a:hover{
	background:#9B0002;
	}

.btn_more {
	width:450px;
	height:45px;
	line-height:47px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background:#D70000;
	margin:65px 0 0;
	display:block;
	position:relative;
}

.btn_more::before{
	position: absolute;
top: 0;
bottom: 0;
right: 14px;
margin: auto;
content: "";
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.btn_staff {
	width:195px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background:#000000;
	margin:20px auto 0;
	display:block;
	position:relative;
}

.btn_staff::before{
	position: absolute;
top: 0;
bottom: 0;
right: 14px;
margin: auto;
content: "";
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
text-decoration:underline;
}


.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.sample5-2::before{
left: 3px;
width: 4px;
height: 4px;
border-top: 2px solid #7a0;
border-right: 2px solid #7a0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*   スクロールstaff表示    */
#scrollup {
    position: fixed;
    bottom: 80px;
	left:20px;
}
#scrollup a {
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
}
#scrollup a:hover {
    text-decoration: none;
}

/*   スクロール表示    */
.scrEvent {
    text-align: left;
    display: none;
}

#animation01 {
	height:300px;
	background:url(../img/entry_step.png) no-repeat center;
	margin:0 auto;
	padding:45px 0px 0 0px;
	margin-top:10px;
	margin-bottom:30px;
}

#animation02 {
	height:200px;
	background: url(../img/message_name.png) no-repeat right;
	margin:0 auto;
	padding:0px 0px 0 0px;
	margin:0 80px 0 0;
	}


/*   スクロール フェードイン・アウト    */
section,p {
	margin:0;
	padding:0;
}
.wow:first-child {
	visibility: hidden;
}
.slide-bottom {
	width:1000px;
	text-align:left;
	margin:0px auto -90px;
	padding:0px 0 0;
	color:#999999;
}
.box-wrap {
	width:800px;
	margin:100px auto;
}
.box-wrap p {
	display:inline-block;
	width:215px;
	margin:0 10px 0 0;
	padding:50px 20px;
	background:#fff;
	color:#666666;
}
.box-wrap p:last-child {
	margin:0;
}
/*   page-top    */
#page-top {
	margin:10px 0;
	text-align:center;
	}
	
	
	
/* スクロールcontents表示 field
------------------------- 
 
.scrEvent {
    display: none;
}
*/