@charset "utf-8";

/* 実績
   ========================================================================== */
.achievement section > section {
	margin-top: 30px;
}
.achievement table {
	width: 100%;
}
.achievement tr {
	background-image: url("../../common/img/line-dot-gray.png");
	background-repeat: repeat-x;
	background-position: bottom;
}
.achievement th,
.achievement td {
	display: block;
}
.achievement th {
	text-align: left;
	padding: .5em 0 0 0;
}
.achievement td span {
	display: block;
	padding: 0 0 .5em 0;
}
.achievement td a {
	display: block;
	text-decoration: underline;
	padding: 0 0 .5em 0;
}
@media (min-width:768px) {
	.achievement section > section {
		margin-top: 60px;
	}
	.achievement table {
		display: table;
	}
	.achievement th,
	.achievement td {
		display: table-cell;
		vertical-align: top;
	}
	.achievement th {
		padding: .75em 0;
	}
	.achievement td span,
	.achievement td a {
		padding: .75em 0;
	}
	.achievement td a:hover {
		text-decoration: none;
	}
	.achievement tr:first-of-type th,
	.achievement tr:first-of-type td span,
	.achievement tr:first-of-type td a {
		padding-top: 0;
	}
}


/* 画像ライトボックス部分＋トリミング
   ====================================== */
.achievement section > div {
	margin-top: 10px;
}
.achievement figure div {
  position: relative;
  height: 0;
  padding-bottom: 52%;/* 幅に対する縦のサイズ */
  overflow: hidden;
}
.achievement figure div img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: auto;
  height: auto;
  max-height: initial;
}
.achievement .sub {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1px;
}
.achievement .sub figure {
	width: calc((100% - 4px) / 5);
	margin-right: 1px;
}
.achievement .sub figure:last-of-type {
	margin-right: 0;
}
.achievement figure.main div img {
	width: 100% !important;
}
@media (min-width:768px) {
	.achievement section > div {
		margin-top: 20px;
	}
	.achievement figure div a img {
		transition: .3s;
	}
	.achievement figure div a:hover img {
		opacity: .7;
	}
}