@charset "utf-8";
.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;
}
#wcfront_parts-16-177,#wcfront_parts-16-178,
#wcfront_parts-16-198,
#wcfront_parts-16-200,
#wcfront_parts-16-258,
#wcfront_parts-16-260,
#wcfront_parts-16-181{
background-color:#F7FCFF;
}
#wcfront_parts-16-198.parts--image-text-h::before,
#wcfront_parts-16-199.parts--image-text-h::before,
#wcfront_parts-16-200.parts--image-text-h::before{
background:none;
height:0;
}
#wcfront_parts-16-198.parts--image-text-h,
#wcfront_parts-16-199.parts--image-text-h,
#wcfront_parts-16-200.parts--image-text-h{
padding-bottom:40px;
}
#wcfront_parts-16-198 .wcfront_image-text-h .parts--image,
#wcfront_parts-16-199  .wcfront_image-text-h .parts--image,
#wcfront_parts-16-200 .wcfront_image-text-h .parts--image{
width:20%;
}
#wcfront_parts-16-198 .wcfront_image-text-h .parts--text_wrap,
#wcfront_parts-16-199 .wcfront_image-text-h .parts--text_wrap,
#wcfront_parts-16-200 .wcfront_image-text-h .parts--text_wrap{
width:80%;
}
#wcfront_parts-16-198 .wcfront_image-text-h > .parts--unit,
#wcfront_parts-16-199 .wcfront_image-text-h > .parts--unit,
#wcfront_parts-16-200 .wcfront_image-text-h > .parts--unit{
align-items: flex-start;
}
#wcfront_parts-16-190,#wcfront_parts-16-192{
margin-bottom:40px;
}
#wcfront_parts-16-194{
margin-bottom:120px;
}
#wcfront_parts-16-194 .parts--image img,
#wcfront_parts-16-195 .parts--image img{
width:100%;
}
#wcfront_parts-16-200 .parts--image{
position:relative;
}
#wcfront_parts-16-198 .parts--image::after,
#wcfront_parts-16-199 .parts--image::after,
#wcfront_parts-16-200 .parts--image::after{
position:absolute;
bottom:-30px;
left:0;right:0;
content:attr(data-alt);
}
#wcfront_parts-16-188 .wcfront_hl._h2{
    padding-bottom: 15px;
    padding-top: 90px;
}
@media (min-width:576px){
#wcfront_parts-16-195{
display:none;
}
}
@media (max-width:575px){
#wcfront_parts-16-194{
display:none;
}
#wcfront_parts-16-195{
margin-bottom:50px;
}
.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;
}
}
@media(max-width:767px){
#wcfront_parts-16-198 .wcfront_image-text-h > .parts--unit,
#wcfront_parts-16-199 .wcfront_image-text-h > .parts--unit,
#wcfront_parts-16-200 .wcfront_image-text-h > .parts--unit{
    flex-direction: column;
}
#wcfront_parts-16-198 .wcfront_image-text-h .parts--image,
#wcfront_parts-16-199 .wcfront_image-text-h .parts--image,
#wcfront_parts-16-200 .wcfront_image-text-h .parts--image{
width:100%;
}
#wcfront_parts-16-198 .wcfront_image-text-h .parts--image img,
#wcfront_parts-16-199 .wcfront_image-text-h .parts--image img,
#wcfront_parts-16-200 .wcfront_image-text-h .parts--image img{
width:50%;
}
#wcfront_parts-16-198 .wcfront_image-text-h .parts--text_wrap, #wcfront_parts-16-199 .wcfront_image-text-h .parts--text_wrap, #wcfront_parts-16-200 .wcfront_image-text-h .parts--text_wrap{
width:100%;
margin-top:25px;
}
}

  .greeting_wrap {
            display: flex;
            padding-bottom: 20px;
        }
        .greeting_text {
            width: 80%;
        }
        .greeting_img {
           display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 20%;
            margin-left: 20px;
        }
        .greeting_img p {
            text-align: center;
        }
@media (max-width:767px){
  .greeting_wrap {
            flex-direction: column-reverse;
        }
        .greeting_text {
            width: 100%;
        }
        .greeting_img {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 20px;
        }
 .greeting_img img {
width: 50%;
}
}

        .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;
            }
        }