@media screen and (max-width: 1202px) {
    #headTel strong{
        font-size: 1.3rem;
    }
    #logoWrap h1 {
        font-size: 1.75rem;
    }
    
    html body #mainNav ul#headNav li.nav-item a {
        padding: 0.25rem 0.5rem;
    }
    #othHead #headMainCatch {
        letter-spacing: 0px;
    }
    #nayamiAttn {
        font-size: 1.35rem;
    }
}
/*------------------------------------------------------------------------ for sp ------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    html,body{
        width: 100vw;
        overflow-x: hidden;
    }
    
    #mainNav{
        width: 100vw;
        padding-top: 0;
    }
    
    #nayamiAttn{
        font-size: 1.25rem;
    }

    #gotoContact{ margin: 3rem auto; }
    #footAttnWrap{
      margin-bottom: 4rem;
          padding: 4rem 0 2rem 0;
    }
    #logoWrap{
        margin: auto auto auto 0;
    }
    #logoWrap h1 small{ font-size: 0.58rem; }
    #logoWrap h1{ font-size: 1.25rem; }
 
    #headTel{
        border: 1px solid #f0f0f0;
        border-style: solid none;
        padding: 0.5rem 0;
                line-height: 1.5;
        text-align: center;
        background: #fcfcfc;
    }
    #footTel, #headTel strong {
        font-size: 1.25rem;
    }
    #headTel small{
/*        display: inline-block;
        float: left;
        width: 50%;*/
    }
    
    #footLogoWrap {
        flex: 0 0 100%;
        height: 8rem;
    }
    #footLogoPic {
        /*margin: 0 auto 0 auto;*/
        margin: 0 1.5rem;
    }
    #footAddr {
        font-size: 0.9rem;
        line-height: 1.5;
        font-weight: bold;
    }
    #footContainerInner{
      height: 9rem;  
    }
    #footSigWrap .small{ font-weight: bold;   }
    #footMenusWrap{ display: none; }
    #logoWrap img{ padding-bottom: 0; margin-bottom: 0.5rem; }
    #headLogoMark{ height: 2.5rem; }
    #othHeadimg{ min-height:  auto; }
    #othHead #headMainCatch{ top:0; }
     
    .spCol100.offset-3,
    .spCol100.offset-2,
    .spCol100.offset-1{ margin-left: auto; }
    .spCol100{
        flex: 0 0 100%;
        max-width: 100%;
    } 
    h3.greenTitle{ font-size: 1.1rem; }
    
    
    .page-section {
        padding-bottom: 0;
    }
    
    section#news,
    #resultsCont,
   #linksWrap,
    section.page-section:last-child{
        padding-bottom: 4rem;
    }
    
    #footContMark{
        display: inherit;
        position: fixed;
        color: white;
        font-size: 1.25rem;
        text-align: center;
        width:  fit-content;
        margin: auto;
        right:1rem;
        bottom: 0rem;
        border-radius: 0.5rem 0.5rem 0 0;
        background-color: #0a7620;
        text-decoration: none;
        padding: 0 0.5rem;
        font-weight: bold;
    }
    #othHead #headMainCatch small{
        font-size: 1.15rem;
       margin-top: 0.5rem;
    }
}
/*------------------------------------------------------------------------ for sp ------------------------------------------------------------------------*/


@media screen and (max-width: 376px) {
    #footLogoPic{
        max-height: 4.5rem;
    }
    #footAddr{
        font-size: 0.8rem;
        padding-top: 0;
        margin-top: -0.5rem;
    }
}