.svTable{ display: table; width: 1100px; margin: 0 auto 90px;}
.svtxtCell{ display: table-cell; vertical-align: middle; width: 50%;}
.svimgCell{ display: table-cell; vertical-align: middle; }
.svtxtCell p.svtxt02{margin-bottom: 0; padding-bottom: 0;}

@media(max-width:750px){

    .svTable{ display: block; width: auto; margin: 0 auto 50px;}
    .svtxtCell{ display: block; vertical-align: middle; width: auto;}
    .svimgCell{ display: block; vertical-align: middle; }
    .svtxtCell p.svtxt02{margin-bottom: 50px; padding-bottom: 0;}
}



.bread{ max-width: 1200px; margin: 0 auto 50px; font-size: 14px;}




.staffVoice{ width: 1000px; margin: 0 auto;}

.staffVoice header{display:table; width: 100%;margin-bottom: 70px; position: relative;}
.staffVoice header .imgBox{ display: table-cell; width: 50%; vertical-align: middle;}
.staffVoice header .txtBox{ display: table-cell;width: 50%; vertical-align: middle; box-sizing: border-box;}

.staffVoice header .txtBox{color: #fff;padding: 35px; background: url(/common/images/people/bg.jpg) no-repeat center top; background-size: cover;}
.staffVoice header .txtBox .numCrg{ vertical-align: middle;line-height: 1em; font-weight: bold; font-size: 110%; margin-bottom: 30px;}
.staffVoice header .txtBox .numCrg img{width:35px; vertical-align: middle;margin-right: 10px;}

.nameParam{ position: relative;margin-bottom: 30px;}
.nameParam .name{ font-size: 50px; font-family: roboto; letter-spacing: 0.06em;}
.nameParam .unit{position: absolute; top: -9px; left:100px; line-height: 1em; font-size: 16px; font-weight: bold;}
.nameParam .param{ position: absolute; top: 16px; left:100px; line-height: 1em; font-size: 16px; font-weight: bold;}
.staffVoice .prof p{ font-size: 16px;line-height: 1.6em;margin-bottom: 0;}

@media(max-width:750px){

    .bread{ max-width: auto; margin: 0 50px 50px; font-size: 24px;}


    .staffVoice{ width: auto; margin: 0 auto;}

    .staffVoice header{display:block; width: auto;margin-bottom: 70px; position: relative;}
    .staffVoice header .imgBox{display:block; width: auto; vertical-align: middle;}
    .staffVoice header .txtBox{display:block; width: auto; vertical-align: middle; box-sizing: border-box;}

    .staffVoice header .txtBox .numCrg{ vertical-align: middle;line-height: 1em; font-weight: bold; font-size: 140%; margin-bottom: 30px;}
.staffVoice header .txtBox .numCrg img{width:55px; vertical-align: middle;margin-right: 10px;}

.nameParam{ position: relative;margin-bottom: 30px;}
.nameParam .name{ font-size: 70px; font-family: roboto; letter-spacing: 0.06em;}
.nameParam .unit{position: absolute; top: -9px; left:140px; line-height: 1em; font-size: 22px; font-weight: bold;}
.nameParam .param{ position: absolute; top: 16px; left:140px; line-height: 1em; font-size: 22px; font-weight: bold;}
.staffVoice .prof p{ font-size: 24px;line-height: 1.6em;margin-bottom: 0;}
}


.staffVoice h3{ border-left: 9px solid #9f0251; color: #9f0251; padding-left: 10px; padding: 5px 0 5px 10px; font-size: 28px; line-height: 1em; font-weight: bold;margin-bottom: 30px;}

.comicVoice{position: relative; display: table;width: 90%; margin-bottom: 100px;margin-left: 20px;}
.comicVoice .txtArea{ display: table-cell;position: relative; vertical-align: middle; border-radius: 15px;background: #eaeaea; padding: 40px; width: 600px;}
.comicVoice .txtArea img{ width: 50px;position: absolute;right: -50px; top:70px;}
.comicVoice .txtArea p{ font-size: 18px;margin-bottom: 0;}
.comicVoice .imgArea{display: table-cell;padding-left: 100px; vertical-align: middle;width: 250px; transform: scale(1.5); }
.comicVoice .imgArea img{position: relative; }


.talk .comicVoice{position: relative; display: table;width: 90%; margin-bottom: 60px;margin:0 auto 50px;}
.talk .comicVoice .txtArea{ display: table-cell;position: relative; vertical-align: middle; border-radius: 15px;background: #f8f8f8; padding: 40px; width: 600px;}
.talk .comicVoice .imgArea{display: table-cell;padding-left: 80px; vertical-align: top;width: 200px; transform: scale(1); }
.talk .comicVoice .txtArea img{ width: 50px;position: absolute;right: -50px; top:53px;}
.talk .comicVoice .txtArea p{ font-size: 16px;margin-bottom: 0;}
.talk .comicVoice.turn .imgArea{display: table-cell;padding-left: 0;padding-right: 80px; vertical-align: top; transform: scale(1); }
.talk .comicVoice.turn .txtArea img{ position: absolute;right: auto; left: -50px; top:53px; transform: rotate(180deg);}

.talk .comicVoice .txtArea p.name{ font-size: 100%; font-weight: bold; color: #9c024f; line-height: 1em; margin-bottom: 20px;}
.talk .comicVoice p.name span{border: 1px solid #9f0251;padding: 2px 10px;}
.talk .comicVoice p.name span span{ font-size: 80%;border: none;padding: 0;}

@media(max-width:750px){

    .staffVoice h3{ border-left: 9px solid #9f0251; color: #9f0251; padding-left: 10px; padding: 5px 0 5px 10px; font-size: 28px; line-height: 1em; font-weight: bold;margin-bottom: 30px;}

    .comicVoice{display: table;width: 100%; margin-bottom: 100px;margin-left: 0;}
    .comicVoice .txtArea{ padding: 40px; width: auto;}
    .comicVoice .txtArea img{ width: 40px;position: absolute;right: -40px; top:50px;}
    .comicVoice .txtArea p{ font-size: 24px;margin-bottom: 0;}
    .comicVoice .imgArea{display: table-cell;padding-left: 50px; vertical-align: top;width: 200px; transform: scale(1); }
    .comicVoice .imgArea img{position: relative; }
    
.talk .comicVoice{position: relative; display: table;width: 100%; margin-bottom: 60px;margin:0 auto 50px;}
.talk .comicVoice .txtArea{  padding: 40px; width: auto;}
.talk .comicVoice .txtArea img{ width: 30px; height: 20px;right: -30px;}
.talk .comicVoice .imgArea{padding-left: 40px; vertical-align: top;width: 160px; transform: scale(1); }
.talk .comicVoice .txtArea p.name{ font-size: 100%; font-weight: bold; color: #9c024f; line-height: 1em; margin-bottom: 20px;}
.talk .comicVoice .txtArea p{ font-size: 26px;margin-bottom: 0;}

.talk .comicVoice.turn .txtArea img{ position: absolute;right: auto; left: -30px; top:53px; transform: rotate(180deg);}
.talk .comicVoice.turn .imgArea{display: table-cell;padding-left: 0;padding-right: 40px; vertical-align: top; transform: scale(1); }

}


.crFlow{
    width: auto;
    margin: 0 20px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}

.crFlow li.step01 h4{ color: #087fa7;}
.crFlow li.step02 h4{ color: #0cac21;}
.crFlow li.step03 h4{ color: #9c024f;}

.crFlow li.step01{ }
.crFlow li.step02{position: relative; top: -15px;} 
.crFlow li.step03{ position: relative; top: -30px;}


.crFlow li h4{ font-size: 20px;padding: 20px 10px 10px;}
.crFlow li p{padding: 0 10px 10px 10px; font-size: 15px;}
@media(max-width:750px){

    .crFlow{
        width: auto;
        margin: 0 20px 40px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 30px;
        row-gap: 30px;
    }
    .crFlow li img{ width: 400px;}
    .crFlow li.step02{position: relative; top: 0;} 
    .crFlow li.step03{ position: relative; top: 0;}
    
.crFlow li h4{ font-size: 30px;padding: 20px 10px 10px;}
.crFlow li p{padding: 0 10px 10px 10px; font-size: 24px;}


}


.svSqArea01,
.svSqArea02{
    width: auto;
    margin: 0 auto 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}

.svSqArea01.talk{
    grid-template-columns: repeat(1, 1fr);}

.svSqArea01 h3,
.svSqArea02 h3{font-size: 22px; line-height: 1.4em;padding: 5px 0 8px 10px;}

.svSqArea01 .imgBox img{ width: 100%; height: 100%; object-fit: cover;}

.svSqArea01 .txtBox,
.svSqArea02 .brand,
.svSqArea02 .sche{padding: 40px;}

.svSqArea01 p,
.svSqArea02 p{margin-bottom: 40px;}

.svSqArea01 .txtBox{background: #e9e9e9;}
.svSqArea02 .brand{background: #efefef;}
.svSqArea02 .sche{background: #f5f5f5;}



@media(max-width:750px){

    .svSqArea01,
    .svSqArea02{
        width: auto;
        margin: 0 auto 20px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 20px;
        row-gap: 20px;
    }

    .svSqArea01 h3,
    .svSqArea02 h3{font-size: 34px; line-height: 1.4em;padding: 5px 0 8px 10px;}

    .svSqArea02 .brand{ background: none;padding: 0;}

    
.svSqArea02 .brand01{background: #efefef;padding: 40px;margin-bottom: 30px;}
.svSqArea02 .brand02{background: #efefef;padding: 40px;}

}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}