.img_wrap{
  border: 1px solid #ddd;
  width: 402px;
  height: 262px;
  margin: 20px auto 0;
  transition-duration: 0.5s;
}

.img_wrap2{
  border: 1px solid #ddd;
  width: 571px;
  height: 264px;
  margin: 20px auto 0;
  transition-duration: 0.5s;
}

.img_wrap img{
  width: 100%;
  cursor: pointer;
}
.img_wrap:hover{
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.img_wrap2:hover{
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.hover-1{
	display: inline-block;
	cursor: pointer;
	transition: all 0.6s ease 0s;
	}
.hover-1:hover {
	transform: scale(1.1, 1.1);
}

.hover-2{
	color:#333333; 
	font-size: 0.9em;
	line-height: 170%; 
	margin-top: 0px; 
	margin-bottom: 0px;
	text-align: left; 
	cursor: pointer;
	transition: all 0.6s ease 0s;
	}
.hover-2:hover {
    color:#ffffff;
    background:#626D71;
}

.display-flow{display:flow;}

.display-inline-block{display:inline-block;}
.display-inline-table{display:inline-table;}
.display-inline-flex3{display:inline-flex;}
.display-inline-grid{display:inline-grid;}

.display-block{display:block;}
.display-inline{display:inline;}
.display-ru-in{display:ru-in;}

.display_center{margin:0 auto;
}

.nowrap {
white-space: nowrap;
}

.tate{
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
   
}
 

.textbox {
   position: absolute;
   right: 0;
    }