@charset "utf-8";
/*↓トップ*/
.topimageweb{width:calc((100 / 1500) * 171.7051vw);}

/*↓背景*/
.content{background-color:#BEE6FC;padding-top:4%;padding-bottom: 4%;}
/*↑背景*/


/*↓声１*/
.voice1{width:70%;margin: auto;background-color: white;max-width: 1920px;box-shadow: 0 1px 3px rgb(0 0 0 / 10%);}
.voicetittle{background-color: #398DF3;color:white;padding-top: 3%;padding-bottom: 3%;position: relative;}
.voicetittle h3{font-size:16px; margin-right:7%;
    margin-left: auto;width:65%;}
.patient1{font-size: 0.5rem;margin-left: 20%;}
.voice1 h4{background: linear-gradient(to right, #E7FAF9, #B8E1FF);width:90%;margin: auto;padding:16px;font-size:16px;}
.coment1{font-size:15px;margin-top:4.5%;text-align:left;width:65%; margin-right:7%;
    margin-left: auto;}
.coment2{font-size: 0.8rem;width:85%;margin: auto;margin-top:1.5%;padding-bottom:3%;}
.patientimg1{position: absolute;width:18%;top:30%;left:5%;}
.coment2all{margin-top:7%;}
.voicebr{display: none;}
.spbr{display: none;}
.patientimg1sp{display: none;}
.patient1sp{display: none;}
/*↑声１*/

/*↓声2*/
.voice2{width:70%;margin: auto;background-color: white; margin-top: 2%;margin-bottom: 2%;max-width: 1920px;box-shadow: 0 1px 3px rgb(0 0 0 / 10%);}
.voicetittle2{background-color: #398DF3;color:white;padding-top: 3%;padding-bottom: 3%;position: relative;}
.voicetittle2 h3{font-size:16px; margin-right:auto;
    margin-left:7%;width:65%;}
.patient1{font-size: 12px;margin-left: 20%;}
.voice2 h4{background: linear-gradient(to right, #E7FAF9, #B8E1FF);width:90%;margin: auto;padding:16px;font-size:16px;}
.voice2coment1{font-size:15px;margin-top:4.5%;text-align:left;width:65%; margin-left:7%;
    margin-right: auto;}
.coment2{font-size: 15px;width:85%;margin: auto;margin-top:1.5%;padding-bottom:3%;}
.patientimg2{position: absolute;width:18%;top:30%;right:5%;}
.coment2all{margin-top:7%;}
.voicebr{display: none;}
.spbr{display: none;}
.patientimg2sp{display: none;}
.patient1sp{display: none;}
/*↑声2*/




/*voice　h3文字　改行↓*/
@media screen and (max-width:1440px) {
.voicebr{display: block;}
.patient1 {margin-left:0;}
}
/*voice　h3文字　改行↑*/


/*SP版*/
@media screen and (max-width: 800px) {


    /*↓声1*/
    .voice1{width:94%;}
    .patient1{display: none;}
    .voicetittle h3 {
        margin-right:0;
        margin:0 auto;
        text-align: center;
    }
    .spbr{display: block;}
    .patientimg1{display: none;}
    .patientimg1sp{display: block;width:50%;margin: auto;margin-top: 2%;}

    .coment1 {
        font-size:11px;
        text-align:left;
        width: 85%;
        margin-right:0;
        margin: auto;
        margin-top: 5%;
    }
    .patient1sp{display:block; font-size: 0.6rem; text-align: center;margin-top: 2%;}
    .voice1 h4{font-size:14px;text-align:left; display:inline-block;display: flex; justify-content: center; padding:2%;}
    .h4left{display:block;text-align: center;}
    .coment2{font-size: 0.6rem;padding-bottom: 4.5%;}

    /*↑声１*/


     /*↓声2*/
     .voice2{width:94%; margin-top: 4%;margin-bottom: 4%;}
     .patient1{display: none;}
     .voicetittle2 h3 {
         margin-right:0;
         margin:0 auto;
         text-align: center;
        width:100%;
     }

     .voicetittle h3{width:100%;}
     .spbr{display: block;}
     .patientimg2{display: none;}
     .patientimg2sp{display: block;width:50%;margin: auto;margin-top: 2%;}
 
     .voice2coment1 {
         font-size:11px;
         text-align:left;
         width: 85%;
         margin-left:0;
         margin: auto;
         margin-top: 5%;
     }
     .patient1sp{display:block; font-size:12px; text-align: center;margin-top: 2%;}
     .voice2 h4{font-size:14px;text-align:left; display:inline-block;display: flex; justify-content: center; padding:2%;}
     .h4left{display:block;text-align: center;}
     .coment2{font-size:11px;padding-bottom: 4.5%;}
    /*↑声2*/
    
}