@charset "UTF-8";
#area-visual {
	background-image: url(../service/img/pt-main.jpg);
}
#sec1 .image {
	margin: 15px 0 0;
	text-align: center;
}
.sec-normal .txt-col {
	width: 480px;
	float: left;
}
.sec-normal .img-col {
	width: 408px;
	float: right;
}
.image_comment {
	margin: 5px 0 0;
	font-size: 12px;
	width: 195px;
	text-align: center;
}
.image_comment-left {
	float: left;
	padding-left: 50px;
}
.image_comment-right {
	float: right;
	padding-right: 50px;
}
.menteList {
	list-style: none;
	display: flex;
	justify-content: center;
	margin-top: 20px;
	font-size: 12px;
	text-align: center;
	flex-wrap: wrap;
}
.menteList:first-child {
	margin-top: 0;
}
.menteList:last-child {
	margin-bottom: 0;
}
.menteList > li {
	margin: 3px;
}
.menteList > li:first-child {}
.menteList > li:last-child {}
.menteList > li:nth-child(2n+1) {}
.menteList > li:nth-child(n+3) {}
.menteList > li > a {
	display: block;
	text-decoration: none;
	color: inherit;
	transition-duration: .3s;
	transition-property: opacity;
	position: relative;
	z-index: 1;
}
.menteList > li > a:hover {
	opacity: .7;
}
.menteList > li > a::before {
	content: "";
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23f00'%3E%3Cpath d='M31.681 9.6c0 0-0.313-2.206-1.275-3.175-1.219-1.275-2.581-1.281-3.206-1.356-4.475-0.325-11.194-0.325-11.194-0.325h-0.012c0 0-6.719 0-11.194 0.325-0.625 0.075-1.987 0.081-3.206 1.356-0.963 0.969-1.269 3.175-1.269 3.175s-0.319 2.588-0.319 5.181v2.425c0 2.587 0.319 5.181 0.319 5.181s0.313 2.206 1.269 3.175c1.219 1.275 2.819 1.231 3.531 1.369 2.563 0.244 10.881 0.319 10.881 0.319s6.725-0.012 11.2-0.331c0.625-0.075 1.988-0.081 3.206-1.356 0.962-0.969 1.275-3.175 1.275-3.175s0.319-2.587 0.319-5.181v-2.425c-0.006-2.588-0.325-5.181-0.325-5.181zM12.694 20.15v-8.994l8.644 4.513-8.644 4.481z'%3E%3C/path%3E%3C/svg%3E");
	display: block;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
}
.menteList > li > a::after {
	content: "";
	width: 10px;
	height: 10px;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	background-color: #fff;
	display: block;
	position: absolute;
	z-index: 0;
}
.menteList > li > a > img {}
.menteList > li > img {}
.menteList_fig {}
.menteList_fig > img {}
.menteList_fig > figcaption {
	margin-top: 3px;
}
.menteList_image {
	width: 195px;
	height: 130px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.menteList_image-large {
	width: 450px;
	height: 338px;
}
.menteList_image-medium {
	width: 225px;
	height: 169px;
}