@charset "utf-8";
html body#prev-covid19{
    background: url('../img/prev-covid19/team_image_long.jpg') no-repeat center top,white;
    background-size: contain;
}
#headerWrap{
        margin-top: 10vw;
}

    #covidInfoSubtitle > strong{ color: #2FAB6F; font-weight: 700; line-height: 2.5; }
    body#prev-covid19 #headerWrap #covidInfoSubtitle{
        font-size: 2rem;
        color: #B2B2B2;
        margin-bottom: auto;
        padding-top: 3vw;
    }
    
    .majTitleWhite h3.majSubtitle,
    #covid2ndWrap h3.majSubtitle{ color: white; }
    
    #covidMenu img,    #covidMenu a{
        vertical-align: middle;
            line-height: 3;
    }
    
    #covidMenu img{
        max-height: 1.75rem;
        padding-right: 1rem;
        width: 2.5rem;
        overflow: hidden;
    }
    
    #covidMenu a{
        color: white;
        font-size: 0.9rem;
    }
    
    #menuBottomCv,
    #covidMenuGreenWrap{
        background:url('../img/common/back_common_rev2.svg') repeat-y center top;
        background-size: 100%;
    }
    #covidMenuGreenWrap{
        /*padding: 1rem 0;*/
    }
    #covidMenuGreenWrap+div#covidMenuWrap{
        margin: auto;
    }
    
    #menuBottomCv{
        position: relative;
       
    }
    
    #menuUpperCv img,
    #menuBottomCv img{
        width: 100%;
    }
    
    #greenWaveImageBtn{
        position: absolute;
        left: 0;
        width: 100%;
        top: 1px;
    }
    
    
/*    #covidMenuSec:before{
        content: " ";
         background:url('../img/prev-covid19/trans_white2.png') no-repeat center top,url('../img/prev-covid19/trans_white2.png') no-repeat center top;
         background:url('../img/prev-covid19/green_wave_imagebtm.svg') no-repeat center top;
            background-size: 100%;
            position: absolute;
            left: 0;
            top: -65px;
            width: 100%;
            display: block;
            height: 65px;
            z-index: 0;
    }*/
    
    #covidMenuSec{
        position: relative;
            /*margin: 0vw auto 1vw auto;*/
            margin: 0vw auto auto auto;
/*        padding-top: 1vw;
        margin-bottom: 3vw;*/
    }
    #headComThin2{
        z-index: 1;
    }
    
    #covidMenu div{
/*        border-right: 1px dashed white;*/
    }
    #covidMenu div:last-child{ border:none; }
    
    .covidMain img.expImg{
        /*max-height: 22vh;*/
        object-fit: cover;
        object-position: 100% -3%;
        width: 95%;
    }
        
    div.covidMain + div.covidMain {
        margin-top: 3rem;
        padding-top: 3rem;
        border-top: 1px dashed #DEDEDE;
    }
    
    div.covidMain:last-child{
        margin-bottom: 5rem;
    }
    
    .subTitleBtmSpc+.flowSubtitle{
        margin-top: 4rem;
        margin-bottom: 2rem;
        overflow: hidden;
    }
    
    .flowSubtitle p.subsubTitle{
        float: left;
        width: 10%;
        display: inline-block;
        white-space: nowrap;
        line-height: 1;
    }
    .flowSubtitle p.subsubTitle+p.subsubLine{
        position: relative;
        float: left;
        width: 90%;
        border-top: 1px dashed white;
        top: 0.5rem;
    }
    
    .numberH4{ font-weight: 700; }
    .numberling img.number{
        height: 4.0rem;
        display: block;
        margin: auto auto 3.0rem auto;
    }
    
/*@media screen and  (min-width: 1280px) {*/
@media screen and  (min-width: 991px) {

        #covid2ndWrap div.stepWrap:nth-child(2){ padding-right: 5%; }
        #covid2ndWrap div.stepWrap:nth-child(3){ padding-right: 5%;padding-left: 5%; }
        #covid2ndWrap div.stepWrap:nth-child(4){ padding-left: 5%; }

        #covid2ndWrap div.stepWrap:nth-child(6){ padding-right: 5%; }
        #covid2ndWrap div.stepWrap:nth-child(7){ padding-left: 5%; }
        
}


    
    .stepWrap h4.numberH4{
        position: relative;
    }
    
    #step45{ margin-top: 4rem;  margin-bottom: 2rem; }
    #covid2nd{ padding-bottom: 4rem; }
    
/*    #othHeadBottomWhite img{ width: 100%;padding-bottom: 2rem; }
    #othHeadBottomWhite{
        background: url('../img/common/back_common_rev.jpg') center left repeat !important;
        background-size: contain !important;
    }*/
#headComThin2{
    /*bottom: -28%;*/
    /*bottom: -45%;*/
}

#headerWrap{ margin-top: 1vw; }
body#prev-covid19 #othPgHeader,
body#prev-covid19 #pgHeaderSec{    
    /*min-height: 28vw;*/ 
    min-height:  fit-content;
}
body#prev-covid19 #pgHeaderSec{ padding-bottom: 2rem; }


#stepWideBtm,
#stepWide{
    border:2px solid transparent;
   margin-bottom: 3rem;
}

#stepWideBtm .tx33,
#stepWide .tx33{
    width: 30%;
    text-align: center;
    padding-left: 1.5%;
    padding-right: 1.5%;
    vertical-align: top;
}
#stepWideBtm img.stepArrow,
#stepWide img.stepArrow{
    min-width: 1rem;
}

#stepWideBtm .btmTableSpc{
    width: 16.5%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

    #covid2ndWrap2Vt {
        display: none;
    }
    
        #covid2ndWrap2Vt   img.stepArrowSP {
        transform-origin:center center;
         transform:rotate(90deg);  
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    

/*============================= for step table ===========================*/
@media screen and  (max-width: 834px) {
    #covid2ndWrap2 {
        display: none;
    }
    #covid2ndWrap2Vt {
        display: block !important;
        padding-bottom: 5rem;
    }
}
/*============================= //for step table ===========================*/



/*============================= sp ===========================*/
@media screen and  (max-width: 991px) {
        .stepWrap .numberling img.number {
        height: 4rem;
        display: block;
        margin: auto auto 2rem auto;
    }
    
    .stepWrap:nth-child(4) h4.numberH4 + p.defText,
    .stepWrap:last-child h4.numberH4 + p.defText{ margin-bottom: auto; }
    .stepWrap h4.numberH4 + p.defText{
        width: 60%;
        margin: auto 20% 10vh 20%;
    }
        .stepWrap.offset-md-2{
        margin-left: auto;
    }
    
    #covid2ndWrap .stepArrowWrap img{
        transform-origin:center center;
         transform:rotate(90deg);  
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    
    #covid2ndWrap .stepArrowWrap{
    left: 0;
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center;
    }
    
    #stepArw1{        bottom: -22vh;     }
    #stepArw2{        bottom: -17vh !important;  }
    #stepArw4{        bottom: -19vh !important;  }
    
}
/*============================= sp ===========================*/
/*@media screen and  (max-width: 768px) {*/
@media screen and  (max-width: 1025px) {
    .stepArrowSP{
        margin: 4rem auto;
    }

    
    html body#prev-covid19{
        background:url('../img/prev-covid19/sp_head_img.jpg') no-repeat center 50px,white ;
        background-size: 100%;
    }


    #pgHeaderSec{
        /*background-color: white;*/
    }
    
    #covidMenuSec{
            /*background-image:url('../img/common/back_common_rev.jpg') !important;*/
            background:url('../img/common/sp_menuback_green_center.svg') repeat-y center top  !important;
        background-size: 100% !important;
        /*min-height: 340px;*/
    }
    html body#prev-covid19 #othPgHeader,
    html body#prev-covid19 #pgHeaderSec{
        min-height:   fit-content;
    }
    #pgHeaderSec #headCom{
        margin-top: 2rem;
         padding-bottom: 0rem; 
         padding-top: 0;
    }


    #headComThinMobile{ margin-top: 2rem;bottom:-2.5rem; }
    body#prev-covid19 #pgHeaderSec #covidInfoSubtitle {
        padding-top: calc(2vw + 50px);
        font-size: 2.25rem;
        color: #B2B2B2;
        margin-bottom: auto;
    }
    
    #pgHeaderSec #covidInfoSubtitle > strong{ line-height: 1.2; }
    #headCom p{ margin-top: 2rem; }
    
    .flowSubtitle p.subsubTitle+p.subsubLine {
        float: right;
        width: 76%;
    }
    
    #covid2nd{ padding-top: 2rem; }
    #covid2nd .subTitleBtmSpc+.flowSubtitle{ margin-top: 2rem; }
    .flowSubtitle p.subsubTitle+p.subsubLine{ border-style:dotted none none none; }
    
/*    .stepWrap .numberling img.number {
        height: 4rem;
        display: block;
        margin: auto auto 2rem auto;
    }
    
    .stepWrap h4.numberH4{ margin-bottom: 1rem; font-size: 1.1rem; }
    .stepWrap:nth-child(4) h4.numberH4 + p.defText,
    .stepWrap:last-child h4.numberH4 + p.defText{ margin-bottom: auto; }
    .stepWrap h4.numberH4 + p.defText{
        width: 60%;
        margin: auto 20% 10vh 20%;
    }*/
    
    #step45 .subsubLine{
        width: 83%;
    }
    
/*    #covid2ndWrap .stepArrowWrap img{
        transform-origin:center center;
         transform:rotate(90deg);  
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    
    #covid2ndWrap .stepArrowWrap{
    left: 0;
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center;
    }
    
    #stepArw1{        bottom: -22vh;     }
    #stepArw2{        bottom: -17vh !important;  }
    #stepArw4{        bottom: -19vh !important;  }
*/
        #covid2ndWrap h4.numberH4{ font-size: 1.2rem; }

    #covidMainWrap .majSubtitle{
        margin-top: 1rem;
    }
    div.covidMain:last-child{ margin-bottom: auto; }
    #covidMain{
        
    }
    html body#prev-covid19 #covidMenuSec  div#covidMenuWrap.container{
            margin:  auto;
    }
    
 
    
    #covidMenuSec:before{ 
        display: none;
        background:none;
    }

    .covidMain img.expImg{
        width: 100%;
    }
    
    /*#menuBottomCv,*/
    #covidMenuGreenWrap{
        background:url('../img/common/back_common_rev.svg') repeat-y center top;
        /*background-size: 100%;*/
    }
}
/*============================= //sp ===========================*/


@media screen and (max-width:  768px) {
    #sp_menuback_green_upper{
        display: block;
        padding-top: 3rem;
    }
}
/*============================= //sp ===========================*/

@media screen and (min-width: 392px) and  (max-width: 1024px) and (orientation: portrait) {

    
    #pgHeaderSec #covidInfoSubtitle {
            padding-top: 11vw;
            font-size: 2.25rem;
    }
    
    .stepWrap.offset-md-2{
        margin-left: auto;
    }
    
    .stepWrap h4.numberH4 + p.defText{
        width: 60%;
        margin: auto 20% 10vh 20%;
    }
    
    
    .stepWrap h4.numberH4{ margin-bottom: 1rem; font-size: 1.1rem; }
    .stepWrap:nth-child(4) h4.numberH4 + p.defText,
    .stepWrap:last-child h4.numberH4 + p.defText{ margin-bottom: auto; }
    .stepWrap h4.numberH4 + p.defText{
        width: 60%;
        /*margin: auto 20% 10vh 20%;*/
        margin: auto 20% auto 20%;
    }
        .stepWrap.offset-md-2{
        margin-left: auto;
    }
    
    #covid2ndWrap .stepArrowWrap img{
        transform-origin:center center;
         transform:rotate(90deg);  
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    
    #covid2ndWrap .stepArrowWrap{
    left: 0;
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center;
    }
    
    #stepArw1{        bottom: -22vh;     }
    #stepArw2{        bottom: -17vh !important;  }
    #stepArw4{        bottom: -19vh !important;  }
    
        #covid2ndWrap div.stepWrap:nth-child(6),
        #covid2ndWrap div.stepWrap:nth-child(7),    
    #covid2ndWrap div.stepWrap:nth-child(4){
        padding-left: 0;
        padding-right: 0;
    }
}


/*============================= //sp ===========================*/


@media (max-width: 1280px){
        .stepWrap h4.numberH4{ font-size: 1.1rem; }
}

@media (min-width: 1700px){
    #headerWrap {
        padding-top: 2vw;
        padding-bottom: 3vw;
    }
}

/*============================= //sp ===========================*/
@media screen and  (max-width: 414px) {
    body#prev-covid19 #pgHeaderSec #covidInfoSubtitle {
        font-size: 1.25rem;
        line-height: 1.3em;
    }
}

@media screen and  (max-width: 469px) and (max-height: 668px) {
    .stepWrap h4.numberH4 + p.defText {
        width: 76%;
        margin: auto 12% auto 12%;
    }
    #stepArw1{
        bottom: -33vh;
    }
    body#prev-covid19 #othPgGreenSec #stepArw4,
    body#prev-covid19 #othPgGreenSec #stepArw2 {
        bottom: -28vh !important;
    }
    
    #stepArw4{
        
    }
}

@media screen and  (max-width: 469px) and (max-height: 668px) and  (min-height: 569px) {
    #covid2nd #stepArw1{
        bottom: -29vh;
    }
    
   body#prev-covid19 #othPgGreenSec #stepArw4, body#prev-covid19 #othPgGreenSec #stepArw2 {
        bottom: -24vh !important;
    }
    
}

/*============================= //sp ===========================*/

@media screen and (max-width: 1024px) and (orientation:landscape ) {
    #covid2nd .stepArrowWrap.forPC{
        display: initial;
    }
    
    div.col-lg-12.forMobile{
        display: none;
    }
}