@charset "utf-8";
/*################### media_quiery ##################*/
@media screen and  (max-width: 640px) {
#sideTabWrap{display: none;}
}
/*################### //media_quiery ##################*/
@media (max-width: 1201px){
body.device-pc .vk-mobile-nav-menu-btn {left: auto;right: 5px;}  
body.device-pc #gMenu_outer{ display:none; }
body.device-pc .vk-mobile-nav {display: initial;}
}

/*============================= sp ===========================*/
@media screen and  (max-width: 768px) {
#businessInner > div+div{ margin-top: 3vh; }
#otherContentWrap #othMenuList .othRight,
#otherContentWrap #othMenuList .othLeft {max-width: 89%;margin: auto 5% 2rem 5%;padding-right: 0;}
#topExp h3{margin-top: 3rem;font-size:1.1em;}
#othPgContSec{padding-top:1.75rem;}
}

/*@media screen and  (max-width: 768px) {*/
@media screen and (max-width: 1024px){
html body .forMobile{display:  initial;}
.forPC{ display: none !important; }

body.device-mobile #headLogo{padding:0.25rem 2rem;}
body.notFront section#indexSec3{padding: 2vw 3vw;}
a.viewMore{ font-size: 1rem; }
#othPgGreenSec #businessInner p.busAttnTxt,
#indexSec3.notFront #businessInner p.busAttnTxt{padding: 0;}  
h1.navbar-brand.siteHeader_logo img,
p.navbar-brand.siteHeader_logo img{width: auto;margin-top: 4px;}    
.vk-mobile-nav-menu-btn{left:  auto;right:5px;display: none;}
#customerWrap, #businessInner, #erAttnWrap, #covidInfoWrap, #othMenuList{margin: auto;}
	
/*+++++++++ index ++++++*/
#businessInfoWrap .bizCircle img{ margin-top: 4.2rem; }
#businessInfoWrap .bizCircleBorder{-moz-transform: scale(0.65);-webkit-transform: scale(0.65);-o-transform: scale(0.65);-ms-transform: scale(0.65);margin-top: -1rem;}
div#earthBack{margin: 2rem -30px auto -30px;width: 115%;}
    
#covidInfoWrap  div.col-sm-4:first-child{ display: none; }
#covidInfoWrap a.viewMore, #businessInner a.bisViewMore {padding: 0.5rem 1rem;font-size: 0.9rem;}
    
    #erAttnWrap{ margin-top: 1rem; }
    #erAttnText{ font-size: 0.5rem; }
    #erAttnSection div.siteContent{ padding-bottom: 1rem;  }
    h3#erAttn.majSubtitleBlock{ margin-bottom: 1rem; }
    
    #contactSection{ padding-top: 2rem; } 
    .toiflex2,
    .toiflex1{
        padding: 0;
        font-size: 1rem;
        line-height: 2rem;
        display:block;
        width:100%;
        float:left;
        margin-bottom:0.5rem;
        margin-left: 0;
    }
    .toiflex1{ padding: 0.25rem 0 0.25rem 1rem; }
    
    footer.section.siteFooter div#footerBackWrap{
        background: url(../img/common/sp_foot_white.svg) no-repeat center top;
        background-size: 94%;
    }
    
    #footInfoWrap{
        text-align: center;
    }
    #footTelfaxWrap svg{ max-height: 0.9rem;margin: auto;}
    img#footLogo{ max-width: 50vw; }
    
    footer #footMenuContainer .footLinkTree a{ font-size: 0.9rem; }
    footer .footLinkTree {
        padding-left: 0;
        border-left: none;
        margin: 1rem auto;
    }
    footer .footLinkTree dt{ 
        padding-left: 0;
        border-bottom: 1px dashed white;
        padding-bottom: 0.25rem;
    }
    footer .footLinkTree dd+dt{
        margin-top: 1rem;
    }
    
    footer .footLinkTree dd{ 
        padding-left: 0;
        margin-bottom: 0.35rem;
    }
    footer .col-sm-3+.col-sm-3>h3{ display: none; }
    footer .col-sm-3+.col-sm-3>h3+dl{ margin-top: auto; }
    body footer.section.siteFooter div#footSignature{
        position:  initial;
        top: auto;
        padding: 2rem 0 1rem 0;
    }
    body > footer.section.siteFooter{
        margin-top: -3rem;
		border:none;
    }
    

    #footMenulist1{ 
        margin-top: 3.5rem; 
    }
    
    #footMenulist2 dl.footLinkTree{ margin-top: -1.25rem; }
    #snsIconWrap{ margin-top: 7vh; }
    #mobFootContact{ 
        width: 100%;
        overflow: hidden;
        position: fixed;
        bottom: -2px;
        left: 0;
        z-index: 100;
    }
    
    #mobFootContact a{ width: 50%; display: inline-block; float: left; }
    #mobFootContact a img{ width: 100%;max-width: 100%; }

    #page_top {
        bottom: 10.5vw;
        right: 0;
    }
    
    #spGreenBottomBiz{
        position: absolute;
        background-color: white;
        width: 100%;
    }
    #spGreenBottomBiz img{
        width: 100%;
    }
    
    body#privacy-policy #spGreenBottomBiz,
    body#attend  #spGreenBottomBiz,
    body#education  #spGreenBottomBiz,
    body#relife2  #spGreenBottomBiz,
    body#relife  #spGreenBottomBiz,
    body#prev-covid19  #spGreenBottomBiz{
        background-color: transparent;
    }

    
    #spGreenBottomBiz+section{
        padding-top: 2rem;
    }
    
    #centerMenu div:last-child,
    #covidMenu div:last-child{ padding-bottom: 0;margin-bottom: auto; }
    
    #centerMenu div,
    #covidMenu div{
        border-right: none; 
        border-bottom: 1px dashed white;
        padding-bottom: 0.25rem;
        width: 80%;
        margin: auto 10%;
    }
    #centerMenuTips{
        display:  contents;
    }
    #centerMenuTips div.textTip{ text-align: center; }    
    #centerMenuTips div.lineTip{ display: none; }
    
    #sp_menuback_green_upper img{ margin-bottom: -1px; }
    
    .row.attnTipMain img,
    #centerMainWrap .covidMain div.col-sm-6 > img,
    #covidMainWrap .covidMain div.col-sm-6 >  img{
        margin-bottom: 1rem;
        width:100%;
    }
    
.attnTipMain img.expImg{object-fit:  revert;object-position: 0;}
#othPgContSec{ margin-top: 2rem; }
#othPgContSec p.subsubTitle > img{ width: auto; }

.col-sm-6 p.defText:last-child{ margin-bottom: auto; }

div.covidMain + div.covidMain{ margin-top: 1.5rem;padding-top: 1.5rem;}
#othPgGreenLogo{ display: none; }
#covidInfoWrap #covidInfoSubtitle {padding-top: 2.75rem;font-size: 1rem;}
#covidInfoWrap .col-xs-offset-4.col-sm-4{padding-bottom: 2.75rem;}
    #othMenuList{ padding-top: 3.5rem; }
    
        #otherContentWrap #othMenuList .othRight img,
        #otherContentWrap #othMenuList .othLeft img{
            max-height: 5.5rem;
        }
        
        body  #indexSec3{
            background: url(../img/common/sp_earthback_fix.jpg) no-repeat top center,white;
            background-size: 80%;
            background-position: top left;
        }
        
        #indexSec3 #bussinessTitle{
            margin-top: 2rem;
            color:  #494949;
        }
  #otherContentContainer #covidInfoWrap{ min-height:  fit-content; }
    

  /*============================= sp_common ===========================*/
       html body.notFront,
       html body.category-diary,
       html body#diary,
       html body#contact,
       html body#service_point,
       html body.category-news,
       html body#news,
       html body.category-blog,
       html body#blog,
       html body#company,
       html body#faq,
       html body.category.category-gallery_all,
       html body#gallery,
       html body#education,
       html body#staff,
       html body#paramedic,
       html body#relife,
       html body#relife2, 
       html body#attend{
            background:url('../img/prev-covid19/sp_head_green.svg') no-repeat center -5px, url('../img/common/sp_dotback.png') no-repeat center top,white ;
            background-size: contain;
        }
        
        body#attend #othPgHeader, body#attend #pgHeaderSec,
        body#attend #othPgHeader, body#attend #pgHeaderSec,
        body#attend #othPgHeader, body#attend #pgHeaderSec{
            min-height:  fit-content;
        }
        section#centerMenuSec,
        section#covidMenuSec{
            margin: auto;
        }
        
        div.attnTipMain + div.attnTipMain:before{
            top:-2.5rem;
        }
        
    #othPgGreenSec   div.container h3:first-child{
            margin-top: 3rem;
        }
        #othPgGreenSec #customerWrap{ margin: 2rem auto 0 auto; }
        
        #cstmVoiceTipUL li div.cstmTipRight{
            width: auto;
            margin-top: 1rem;
        }
        
        #covidMenuWrap,
        #centerMenuWrap{
            padding-top: 0.5rem;
            padding-bottom: 0.25rem;
        }
        html body #centerMenuSec #centerMenuWrap{
            margin: auto;
        }
        
        html body#relife section#centerMenuSec,
        html body#education section#centerMenuSec,
        html body#attend section#centerMenuSec{
                background:url('../img/common/sp_menuback_green_center.svg') repeat-y center top 100% ;
                background-size: 100%;
        }
        
        p.attnTipAddtext{ margin-bottom: auto; }
        body section#indexSec3.notFront div.section.siteContent{ background-image: none; }
        
        #businessInfoWrap p.busAttnTxt,
        #greenBizWrap #businessInner p.busAttnTxt{
            margin-top: -2rem;
            
        }
        h1#othPgComTitle img{ max-height: 1.5rem; }
        h1#othPgComTitle > small{ padding-left: 0; }
        
        h1#educationTitle img,
        h1#relifeTitle img,
        h1#attendTitle img{
            max-height: fit-content;
            max-width: 50vw;
            width: 50vw;
            height: auto;
            margin-top: 2.5rem;
        }
        
        #headComThin{
            font-size: 0.85rem;
            padding-bottom: 1.5rem;
        }
        
        dl.slick-dots{ display: none !important; }
        #othPgComTitle{ margin-top: 2rem; }
        
    #headComThinMobile{ font-size: 0.85rem; }
    #headComThinMobile p{ line-height: 2.5em; }
    
        body#attend #othPgHeader, 
        body#attend #pgHeaderSec,
        body#education #othPgHeader, 
        body#education #pgHeaderSec,
        body#relife #othPgHeader, 
        body#relife #pgHeaderSec{
            min-height: auto;
        }
        html body #pgHeaderSec{
            padding-bottom: 0  !important;
        }
        
    html body.notFront p.subsubTitle  img.arrow{
        width: auto;
        padding-right: 0.25rem;
    }
    #centerMenu img{ 
        padding-right: 0;
        margin-right: 5px;
    }
    div.attnTipMain:last-child{ margin-bottom: 3rem; }
    .subSection-title:after, h3:after{ border-color: #22b473; }
  /*============================= sp_common ===========================*/

  body#paramedic #aboutNinteiWrap,
    body#company #companyExpWrap,
    body#staff #staffWrap{
        padding-bottom: 50px;
    }

} 

@media screen and  (max-width: 469px) and (max-height: 668px) {
    footer.section.siteFooter > div{
        padding-top: 1rem;
    }
        body footer.section.siteFooter div#footSignature{
        padding: 1rem 0 4rem 0;
        font-size: 9px !important;
        font-family: -apple-system;
        transform: scale(0.8);
    }
}

@media screen and  (max-width: 469px) {
    
    body.device-mobile #headLogo{
        padding:0;
        width:100% !important;
    }
    
    #otherContentWrap a.viewMore,
    body#top_page #covidInfoWrap a.viewMore,
    #businessInner p.busAttnTxt + a.viewMore,
    #businessInner p.busAttnTxt ,
    #othPgGreenSec #businessInner p.busAttnTxt + a.viewMore,
    #othPgGreenSec #businessInner p.busAttnTxt,
    #indexSec3.notFront #businessInner p.busAttnTxt + a.viewMore,
    #indexSec3.notFront #businessInner p.busAttnTxt{
        width: 55vw;
        max-width: 55vw;
    }
    
    #sideTabWrap{
        display: none !important;
    }
    body footer.section.siteFooter div#footSignature{
        padding: 1rem 0 4rem 0;
    }
        
    #linkPrivacy a,
    #linkPrivacy{ color: white; }
}

/*===========================//tablet ===========================*/
@media screen and  (max-width: 1280px) {
        #centerMenu a{ font-size: 0.8rem; }
        
        #spFigParamedic{ margin-top: 4rem; }
        
        html body div.attnTipMain:last-child{
            margin-bottom: auto;
        }
}
/*===========================//sp_ip7 ===========================*/



/*===========================android ===========================*/
html.android footer.section.siteFooter div#footerBackWrap{background-position-y: -2px ;}
#sp_menuback_green_upper img,
#sp_menuback_green_bottom img{width: 100%;}

/*=========================== landspace_logo ===========================*/

@media screen and  (max-width:1199px) and (min-width:  1026px) {

    header.siteHeader p.navbar-brand.siteHeader_logo a{
        position: relative;
        height: 45px;
        display: block;
    }
    
    header.siteHeader p.navbar-brand.siteHeader_logo a span{
        position: absolute;
        display: block;
        text-align: left;
    }
}

@media screen and (max-width: 1024px) and (orientation:landscape ) {
    html body #mobFootContact{
            display: none;
        }

    html body.notFront.device-pc  #covidMenuSec{
        background-size: 100% !important;
    }
       #page_top{
        bottom: 0;
    }
}

@media screen and (min-width: 752px) and (orientation:portrait ) {
    #page_top{
        bottom: 0;
    }
}