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

@media screen and (min-width : 452px){
	.wrap-sub {
		padding: 0px
	}
}

.button {
	margin: 80px 0;
}

.button a::before {/*ボタン右側の▲*/
  content: "";
  position: absolute;
  top: 50%;
  left: 32px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid #FFF; /* 色とサイズ調整可 */
}

.button a::after {/*ボタン右側の▲を消す*/
  border-left: 0px solid #FFF; /* 色とサイズ調整可 */
}

#work h2 {
	text-align: center;
	padding: 100px 0 80px;
}

.work_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.work_container {
	min-width: 167px;
	max-width: 230px;
}

@media screen and (max-width : 452px){
	.work_container {
		max-width: 167px;
	}
}


.work_container img {
	height: 124px;
}

@media screen and (min-width : 452px){
	.work_container img {
		height: 160px;
	}
}

.work_container h3 {
	font-size: 12px;
}