@charset "UTF-8";

.top_voice_sec {background-color: #FFF6DC;}
.top_voice_sec .wrap {margin-left: 6%;}
.top_voice_sec .wrap .flex_wrap {display: flex;flex-wrap: wrap;}
.top_voice_sec .wrap .flex_wrap .name_box {width: 330px;margin-right: 40px;padding-top: 40px;}
.top_voice_sec .wrap .flex_wrap .name_box .wrap_name {margin: 0;color: #38B1A8;font-size: 40px;line-height: 1.5;font-weight: 600;margin-bottom: 10px;position: relative;padding-top: 69px;padding-left: 15px;}
.top_voice_sec .wrap .flex_wrap .name_box .wrap_name:before {
    content:"";
    position:absolute;
    width: 93px;
    height:70px;
    /* background-color:#ccc; */
    top: 0;
    background-image: url(../img/top_voice/deco_voice.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 85px;
}
.top_voice_sec .wrap .flex_wrap .name_box .lead {font-size: 16px;line-height: 1.7;font-weight: 500;color: #515151;margin-bottom: 40px;padding-left: 15px;}
.top_voice_sec .wrap .flex_wrap .name_box .lead .u_line {background: linear-gradient(transparent 72%, #fcee21 72%);}
.top_voice_sec .wrap .flex_wrap .name_box .btn_link {max-width: 301px;}
.top_voice_sec .wrap .flex_wrap .name_box .btn_link img {
    width:100%;
    height:auto;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap {width: calc(100% - 372px);}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider {
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide {/* background-color: #fff; */padding: 30px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro {display: flex;flex-wrap: wrap;align-items: center;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left {width: 117px;margin-right: 10px;position: relative;padding-top: 87px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left:before {
    content:"";
    position:absolute;
    width: 93px;
    height: 79px;
    /* background-color:#ccc; */
    top: 0px;
    left: 0px;
    background-image: url(../img/top_voice/voice_man01.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 86px;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide.slide01 .intro .left:before {
    background-image: url(../img/top_voice/voice_man01.png);
    background-size: 95px;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide.slide02 .intro .left:before {
    background-image: url(../img/top_voice/voice_woman01.png);
    background-size: 76px;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide.slide03 .intro .left:before {
    background-image: url(../img/top_voice/voice_woman02.png);
    background-size: 65px;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide.slide04 .intro .left:before {
    background-image: url(../img/top_voice/voice_man02.png);
    background-size: 70px;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide.slide05 .intro .left:before {
    background-image: url(../img/top_voice/voice_woman03.png);
    background-size: 70px;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .star {position: relative;height: 29px;margin: 0;color: #FFC107;font-size: 13px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .star:before {
    content:"★★★★★";
    position: absolute;
    color: #FFC107;
    font-size: 20px;
    line-height: 1.3;
    top: 0;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .star01:before {
 content:"★";
 position:absolute;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .star02:before {
 content:"★★";
 position:absolute;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .star03:before {
 content:"★★★";
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .star04:before {
 content:"★★★★";
 position:absolute;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .star05:before {
 content:"★★★★★";
 position:absolute;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .update {font-size: 13px;line-height: 1.5;color: #515151;margin-bottom: 15px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .about {font-size: 14px;line-height: 1.5;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .about .bg {background-color: #38B1A8;color: #fff;padding: 4px 15px;border-radius: 25px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .thumb {width: calc(100% - 127px);max-width: 170px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .thumb img {
    width:100%;
    height:auto;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .comment {margin: 0;font-size: 15px;line-height: 1.5;text-align: left;color: #393939;position: relative;padding-left: 30px;margin-top: 24px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .comment:before {
    content:"";
    position:absolute;
    width:25px;
    height:25px;
    /* background-color:#ccc; */
    left: 0;
    top: 0;
    background-image: url(../img/top_voice/voice_comment.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
}

.top_voice_sec .wrap .flex_wrap .slide_wrap .slick-list.draggable {
    padding-left: 0 !important;
    padding-right: 90px !important;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slick-track {
    display: flex;
    flex-wrap: wrap;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slick-slide {
    height: auto;
    background-color: #fff;
    margin: 8px;
    border-radius: 20px;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .slick-dots {
    bottom: -40px;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: 'Noto Sans JP';
    font-size: 39px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .slick-dots li.slick-active button:before {
    color: #38B1A8;
    opacity: 0.75;
}
@media only screen and (max-width: 1025px) {}

@media only screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .pc_tab {display: none;
  }
.top_voice_sec {padding-top: 25px;overflow: hidden;}
.top_voice_sec .wrap {margin: 0 auto;}
.top_voice_sec .wrap .flex_wrap {display: block;}
.top_voice_sec .wrap .flex_wrap .name_box {padding-top: 0;margin: 0 auto;width: 90%;}
.top_voice_sec .wrap .flex_wrap .name_box .wrap_name {text-align: center;padding-left: 0;font-size: 25px;padding-top: 48px;}
.top_voice_sec .wrap .flex_wrap .name_box .wrap_name:before {
    width: 68px;
    height: 52px;
    background-size: 56px;
}
.top_voice_sec .wrap .flex_wrap .name_box .lead {padding: 0;margin: 0 auto;text-align: center;font-size: 18px;}
.top_voice_sec .wrap .flex_wrap .name_box .btn_link {display: none;}
.top_voice_sec .wrap .flex_wrap .slide_wrap {width: auto;margin-top: 10px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider {
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide {
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro {
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left {
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .star {
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .update {
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .about {font-size: 12px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .left .about .bg {
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .intro .thumb {
}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slider .s_slide .comment {font-size: 14px;}
.top_voice_sec .wrap .flex_wrap .slide_wrap .slick-list.draggable {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.top_voice_sec .wrap .flex_wrap .btn_link.sp img {
    height:auto;
    width:100%;
}
.top_voice_sec .wrap .flex_wrap .btn_link.sp {
    margin:0 auto;
    width:80%;
    margin-top: 80px;
}
}