@charset "utf-8";
#wcfront_parts-8-76  th,#wcfront_parts-8-76 td{
border:2px solid #ddd;
vertical-align:top;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
#wcfront_parts-8-76 tr:nth-child(2n){
background-color:#F0F0F0;
}
.zen-old {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.wcfront_button{
padding:0 0 30px 0;
}
.parts--button > .button._type1 > span{
border-radius:5px;
background-color:#2E55AD;
color:#ffffff;
font-weight:500;
}
.parts--button > .button._type1 .parts--text::before{
background:url(/common/upload/files/icon/arrow2-r.png)  no-repeat;
}
#wcfront_parts-8-77{
padding-bottom: 50px;
}
@media(max-width:575px){
#wcfront_parts-8-76 th, #wcfront_parts-8-76 td{
font-size:0.8rem;
}
}
@media(max-width:425px){
#wcfront_parts-8-76 th, #wcfront_parts-8-76 td{
font-size:0.7rem;
padding:4px;
}
}
@media(max-width:375px){
#wcfront_parts-8-76 th, #wcfront_parts-8-76 td{
font-size:0.6rem;
}
}
.unit_fl{
display:flex;
padding-bottom: 40px;
}
.unit_fl .unit_text{
width:80%;
padding-right:25px;
}
.unit_fl .unit_text p{
text-align:justify;
}
.unit_fl .unit_image{
width:20%;
text-align: center;
}
.unit_fl .unit_image img{
width:100%;
margin-bottom:10px;
}
.unit_fl{
    flex-direction: column-reverse;
    align-items: center;
}
.unit_fl .unit_text{
width:100%;
padding-right:0;
}
.unit_fl .unit_text p{
font-size:0.8rem;
}
.unit_fl .unit_image{
width:60%;
margin-bottom:20px;
}
}

        .comment {
            display: flex;
            align-items: center;
            max-width: 800px;
            margin: 20px auto;
            margin-top: 20px;
            font-family: sans-serif;
        }

        .person img {
            width: 200px;
            border-radius: 4px;
        }

        .name {
            margin-top: 4px;
            font-size: 18px;
            text-align: center;
            font-weight: 500;
        }

        .speech {
            position: relative;
            display: flex;
            align-items: center;
            background: #e9f3f9;
            border-radius: 36px;
            padding: 20px;
            margin-left: 20px;
            margin-bottom: 5px;
            font-size: 20px;
            line-height: 2.2;
            width: fit-content;
            max-width: 600px;
        }

        .speech::before {
            content: "";
            position: absolute;
            top: 40%;
            left: -13px;
            border-width: 10px 15px 10px 0;
            border-style: solid;
            border-color: transparent #e9f3f9 transparent transparent;
        }

        .person {
            width: fit-content;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }

        @media (max-width: 575px) {
            .person img {
                width: 100px;
            }

            .name {
                font-size: 12px;
            }

            .speech {
                padding: 15px;
                font-size: 10px;
                margin-left: 15px;
                max-width: 80%;
            }

            .speech::before {
                border-width: 8px 12px 8px 0;
                left: -10px;
            }
        }