/*-------------------------------
    voice wrap
-------------------------------*/

.voice_wrap {
    background:#F5F8FA;
    border-radius: 3rem;
    overflow: hidden;
    padding:6rem 7.5rem 12rem;
}

/*-------------------------------
    voice detail
-------------------------------*/

.voice_tag_wrap {
    margin:2rem auto 3.5rem;
}

.voice_tag_wrap h4 {
    font-size:1.5rem;
    font-weight:500;
    letter-spacing:0.01em;
    line-height:1.65 ;
    color:var(--blueblack);
}

.voice_tag {
    font-size:1.5rem;
    font-weight:500;
    letter-spacing: 0.01em;
    color:#fff;
    padding:0.25em 1em;
    text-align: center;
    margin:0 1em 1em 0;
}

.voice_tag_room {
    background:#9AD4FF;
}

.voice_tag_business {
    background:#C3CE58;
}

.voice_main_img {
    border-radius:2rem;
    overflow: hidden;
    margin-bottom:4rem;
}

/*-------------------------------
    voice info wrap    
-------------------------------*/

.voice_info_wrap {
    margin-bottom:6.5rem;
}

.voice_info {
    width:48.2%;
    max-width:53rem;
}

.voice_info h4 {
    border:1px solid var(--maincolor);
    background:#fff;
    text-align: center;
    font-size:2rem;
    font-weight:700;
    line-height:1.65;
    color:var(--maincolor);
    padding:0em 1em;
    margin-bottom:0.15em;
}

.voice_dl dt,
.voice_dl dd {
    font-size:1.8rem;
    padding:1.35em 0;
    font-weight:500;
    line-height:1.25;
    letter-spacing: 0.01em;
    border-bottom:1px solid #AEBEC9;
}

.voice_dl dt {
    font-weight:700;
    width:10rem;
    color:var(--maincolor);
}

.voice_dl dd {
    width:calc(100% - 10rem);
}

.voice_info_comment {
    margin-bottom:13.5rem;
}

/*-------------------------------
    sec voice
-------------------------------*/

.sec_voice:not(:last-of-type) {
    margin-bottom:7rem;
    padding-bottom:7rem;
    border-bottom:.4rem dotted var(--maincolor);
}

.voice_Q {
    position:relative;
    padding:1em 0 1em 11.5rem;
    font-size:2.8rem;
    font-weight:700;
    color:var(--maincolor);
    letter-spacing: 0.01em;
    line-height:1.25;
    margin-bottom:3em;
}

.voice_Q::before {
    content:"Q.";
    display: block;
    width:9.5rem;
    height:9.5rem;
    line-height:9.3rem;
    color:var(--maincolor);
    font-weight:700;
    font-size:5.3rem;
    font-weight:700;
    padding-left:0.25em;
    letter-spacing: 0.01em;
    background:#fff;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
    text-align: center;
}

.voice_A {
    font-size:2.4rem;
    font-weight:700;
    letter-spacing: 0.01em;
    line-height:1.85;
    margin-bottom:2.5em;
}

.voice_txt p {
    line-height:2.5;
}

.voice_txt p:not(:last-of-type) {
    margin-bottom:1em;
}

.voice_img {
    margin-top:7rem;
}

.voice_img50 {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.voice_img50 figure {
    width:48.2%;
    max-width:53rem;
}

.voice_block50 {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.voice_block50 .voice_txt {
    width:43.2%;
    max-width:47.5rem;
}

.voice_block50 .voice_img {
    width:48.2%;
    max-width:53rem;
    margin-top:0;
}

.voice_block50 .voice_img figure {
    width:100%;
    height:50rem;
}

/*-------------------------------
    voice img list
-------------------------------*/

.voice_img_list {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    position:relative;
    margin-top:7rem;
}

.voice_img_list::after {
    content:"";
    display: block;
    width:31.5%;
    max-width:34rem;
}

.voice_img_list figure {
    width:31.5%;
    max-width:34rem;
    margin-bottom:2rem;
}

.voice_img_list figure img {
    height:24.3rem;
}

.voice_img_list figure figcaption {
    display: block;
    font-size:1.4rem;
    font-weight:500;
    letter-spacing: 0.01em;
    padding:0.75em 0 0 0;
    line-height:1.25;
}

/*-------------------------------
    voice btn wrap
-------------------------------*/

.voice_btn_wrap .btn {
    margin:12rem auto 15rem;
}

/*-------------------------------
    responsive
-------------------------------*/

@media screen and (max-width:960px) {

.voice_tag,
.voice_tag_wrap h4,
.voice_img_list figure figcaption {
    font-size:1.7rem;
}

.voice_img_list figure img {
    height:21rem;
}

} /* end 960px */



/*-------------------------------
    ver sp
-------------------------------*/

@media screen and (max-width:768px) {

.voice .inner {
    padding:0;
}

/*-------------------------------
    voice wrap
-------------------------------*/

.voice_wrap {
    background:none;
    border-radius: 0;
    overflow: hidden;
    padding:3rem 0rem 0;
}

.voice_sp_inner {
    padding:0 6rem;
}

.voice_sp_wrap {
    padding:8rem 6rem 7rem;
    border-radius:3rem;
    background:#F5F8FA;
    overflow: hidden;
}

/*-------------------------------
    voice detail
-------------------------------*/

.voice_tag_wrap {
    margin:3rem auto 5rem;
}

.voice_tag_wrap h4 {
    font-size:2.4rem;
}

.voice_tag {
    font-size:2.4rem;
}

.voice_main_img {
    margin-bottom:9rem;
}

/*-------------------------------
    voice info wrap    
-------------------------------*/

.voice_info_wrap {
    margin-bottom:7rem;
}

.voice_info {
    width:100%;
    max-width:100%;
}

.voice_info:not(:last-of-type) {
    margin-bottom:5rem;
}

.voice_info h4 {
    font-size:3rem;
}

.voice_dl dt,
.voice_dl dd {
    padding:1em 0;
    font-size:2.8rem;
}

.voice_dl dt {
    width:15rem;
}

.voice_dl dd {
    width:calc(100% - 15rem);
}

.voice_info_comment {
    margin-bottom:7rem;
}

/*-------------------------------
    sec voice
-------------------------------*/

.sec_voice:not(:last-of-type) {
    margin-bottom:9rem;
    padding-bottom:10rem;
}

.voice_Q {
    padding:0.25em 0 0.25em 11rem;
    font-size:3.2rem;
    line-height:1.875;
    margin-bottom:1.25em;
}

.voice_txt {
    margin-bottom:0rem;
}

.voice_A {
    font-size:3rem;
    line-height:1.65;
    margin-bottom:1.25em;
}

.voice_txt p {
    line-height:2;
}

.voice_txt p:not(:last-of-type) {
    margin-bottom:1em;
}

.voice_img {
    margin-bottom:0rem;
    margin-top:4rem;
}

.voice_img50 figure {
    width:100%;
    max-width:100%;
}

.voice_img50 figure:not(:last-of-type) {
    margin-bottom:4rem;
}

.voice_block50 .voice_txt {
    width:100%;
    max-width:100%;
}

.voice_block50 .voice_img {
    width:100%;
    max-width:100%;
    margin-top:4rem;
}

.voice_block50 .voice_img figure {
    width:100%;
    height:48.2rem;
}


/*-------------------------------
    voice img list
-------------------------------*/

.voice_img_list {
    margin-top:0;
}

.voice_img_list::after {
    display: none;
}

.voice_img_list figure {
    width:100%;
    max-width:100%;
    margin-bottom:0rem;
    margin-top:3rem;
}

.voice_img_list.no_caption figure {
    width:47.4%;
}

.voice_img_list figure img {
    height:36.4rem;
}

.voice_img_list.no_caption figure img {
    height:17.3rem;
}

.voice_img_list figure figcaption {
    font-size:2.4rem;
}

/*-------------------------------
    voice btn wrap
-------------------------------*/

.voice_btn_wrap .btn {
    margin:8rem auto 13rem;
}

} /* end 768px */