@charset "UTF-8";
#area-visual {
    background-image: url(../inspection/img/pt-main.jpg);
}
#sec1 .image {
    margin: 20px 0 0;
    text-align: center;
}
#sec2 .image {
    margin: 20px 0;
    text-align: center;
}
#sec3 .image {
    margin: 20px 0;
    text-align: center;
}
.image_table {
    margin: 0 auto;
}
.image_table td {
    font-size: 12px;
    text-align: center;
    padding: 0 3px;
}
.menteList {
    list-style: none;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
    flex-wrap: wrap;
}
.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;
}
