@charset "UTF-8";
.areaVoice {}
.areaVoice_title {}
.areaVoice_text {
    font-size: 18px;
    text-align: center;
    margin-bottom: 39px;
}
.areaVoice_lists {
    list-style: none;
    margin-bottom: 21px;
}
.areaVoice_lists:after {
    content: "";
    display: block;
    clear: both;
}
.areaVoice_lists > li {
    width: 20.8%;
    margin-left: 5.6%;
    float: left;
    margin-bottom: 24px;
}
.areaVoice_lists > li:first-child {}
.areaVoice_lists > li:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
}
.areaVoice_lists > li > a {
    background: #fff;
    display: block;
    border-radius: 14px;
    padding: 10px;
    text-decoration: none;
    color: inherit;
    position: relative;
    z-index: 1;
}
.areaVoice_lists > li > a:hover {
    opacity: 1;
}
.areaVoice_lists > li > a:before {
    content: "";
}
.areaVoice_lists > li > a:after {
    content: "";
}
.areaVoice_fig {
    position: relative;
    z-index: 1;
}
.areaVoice_fig > img {
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    max-width: 100%;
    height: auto;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
a:hover .areaVoice_fig > img {
    opacity: .7;
}
.areaVoice_fig > figcaption {
    font-size: 16px;
    font-weight: bold;
    margin-top: 6px;
    padding-right: 30px;
}
.areaVoice_fig > figcaption > .icon {
    font-size: 24px;
    height: 24px;
    color: #0071BC;
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 2px;
    right: 10px;
    transform: rotate(90deg);
}
.voice {
    margin-bottom: 38px;
}
.voice:last-of-type {
    margin-bottom: 0;
}
.voice_title {
    position: relative;
    z-index: 1;
    padding-left: 90px;
    margin-bottom: 40px;
}
.voice_title > img {
    display: block;
    position: absolute;
    z-index: 1;
    top: -32px;
    left: -20px;
}
.voice_cols {
    padding: 0 25px;
}
.voice_cols:after {
    content: "";
    display: block;
    clear: both;
}
.voice_col {}
.voice_col-no1 {
    width: 66%;
    float: left;
}
.voice_text {}
.voice_col-no2 {
    width: 29.7%;
    float: right;
}
.voice_image {}
.voice_image > img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width:999px) {
    .areaVoice {}
    .areaVoice_title {}
    .areaVoice_text {
        font-size: 16px;
        text-align: left;
        max-width: 800px;
        margin: 0 auto 25px;
    }
    .areaVoice_lists {}
    .areaVoice_lists:after {}
    .areaVoice_lists > li {
        width: 23.5%;
        margin-left: 2%;
        margin-bottom: 10px;
    }
    .areaVoice_lists > li:first-child {}
    .areaVoice_lists > li:nth-child(4n+1) {}
    .areaVoice_lists > li > a {
        padding: 8px;
        border-radius: 10px;
    }
    .areaVoice_lists > li > a:hover {}
    .areaVoice_lists > li > a:before {}
    .areaVoice_lists > li > a:after {}
    .areaVoice_fig {}
    .areaVoice_fig > img {
        border-radius: 8px;
    }
    a:hover .areaVoice_fig > img {}
    .areaVoice_fig > figcaption {
        font-size: 14px;
        line-height: 1.4;
    }
    .areaVoice_fig > figcaption > .icon {
        font-size: 20px;
        height: auto;
        bottom: 0;
        right: 0;
    }
    .voice {}
    .voice_title {
        padding-left: 52px;
        margin-bottom: 30px;
    }
    .voice_title > img {
        width: 60px;
        top: -15px;
    }
    .voice_cols {
        padding: 0;
    }
    .voice_cols:after {}
    .voice_col {}
    .voice_col-no1 {}
    .voice_text {}
    .voice_col-no2 {}
    .voice_image {}
    .voice_image > img {}
}
@media screen and (max-width:699px) {
    .areaVoice {}
    .areaVoice_title {}
    .areaVoice_text {
        font-size: 14px;
        line-height: inherit;
        max-width: 400px;
        margin-bottom: 1em;
    }
    .areaVoice_lists {}
    .areaVoice_lists:after {}
    .areaVoice_lists > li {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 5px;
    }
    .areaVoice_lists > li:first-child {}
    .areaVoice_lists > li:nth-child(4n+1) {
        clear: none;
        margin-left: 2%;
    }
    .areaVoice_lists > li:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }
    .areaVoice_lists > li > a {
        border-radius: 5px;
    }
    .areaVoice_lists > li > a:hover {}
    .areaVoice_lists > li > a:before {}
    .areaVoice_lists > li > a:after {}
    .areaVoice_fig {}
    .areaVoice_fig > img {
        border-radius: 4px;
    }
    a:hover .areaVoice_fig > img {}
    .areaVoice_fig > figcaption {
        font-size: 12px;
    }
    .areaVoice_fig > figcaption > .icon {
        font-size: 14px;
    }
    .voice {
        margin-bottom: 25px;
    }
    .voice_title {
        margin-bottom: 15px;
        padding-left: 45px;
    }
    .voice_title > img {
        width: 50px;
        left: -15px;
        top: -5px;
    }
    .voice_cols {}
    .voice_cols:after {}
    .voice_col {
        width: auto;
        float: none;
    }
    .voice_col-no1 {
        margin-bottom: 15px;
    }
    .voice_text {}
    .voice_col-no2 {}
    .voice_image {
        max-width: 200px;
        margin: 0 auto;
    }
    .voice_image > img {}
}
@media screen and (max-width:374px) {}