/*コンテンツ上下余白（ヘッダーフッターの影響分）*/
    #container #contents>.inner>#main>.inner {
    padding: 10rem 0 3rem;
}
@media(max-width: 768.9px) {
    #container #contents>.inner>#main>.inner {
        padding: 6rem 0 3rem;
        margin: 0;
        width: 100%;
    }
    }

/*header・footer*/
#container{
  font-family: 'Zen Kaku Gothic New', sans-serif;
}
/*PC*/
@media(min-width:1300px){
html {
    scroll-padding-top: 108px;
}
/*header*/
header#header {
    box-shadow: 0px 0px 7px 0px gray;
}
.header-inner {
    display: flex;
    justify-content: center;
}
.header_navigation ul{
    display: flex;
    margin-left: 30px;
}
.logo{
    display: flex;
    align-items: center;
}
.logo img{
    width: 400px;
}
    .header-inner .sp-logo img{
    display: none;
    }

.header_text{
    margin-top: 25px
}
.header_text>p{
    font-size: 24px;
    font-weight: bold;
    color: #0DAD67;
}
.header_navigation {
    display: flex;
    align-items: flex-end;
}
.header_navigation ul li{
    padding: 20px 10px;
}
.header_navigation ul li a{
    font-size: 16px;
    color: #4A495E;
    font-weight: bold
}
/*header_end*/
/*footer*/
#container footer {
    align-self: flex-end;
    width: 100%;
    background: #f3f3f3;
    display: flex;
    justify-content: center;
    height: 240px;
}
.footer_inner {
    display: grid;
}
footer .logo p{
    font-size: 22px;
    font-weight: bold;
    color: #0DAD67;
    margin-bottom: 0 !important;
}
    .footer_inner .sp-logo img{
    display: none;
    }
.footer_text a{
    color: #4A495E;
    text-decoration: underline;
    font-weight: bold;
    font-size: 16px;
}
/*footer_end*/
}

/*モバイル*/
   @media(max-width:1300px){
    /* header・footer */
    
    /*header*/
      #container>#menu-btn{
       display:none;
       }
    .header_navigation,
    .header-inner .logo img{
    display: none;
    }
    
    .header-inner .sp-logo img{
    width: 80%;
    max-width: 400px;
    margin: 0 0 0 1rem;
    }
    
    .header_text>p{
    display: none;
    }
    
    
    /*footer*/
    .footer_inner .logo{
    display: none;
    }
    .footer_inner .sp-logo{
    text-align: center;
    }
    .footer_inner .sp-logo img{
    max-width: 80%;
    }
    
    #container footer#footer{
    background: #f3f3f3;
    }
     .footer_text{
     text-align: center;
     }
    .footer_text a{
    font-size: 10px;
    color: #4a495e;
    text-decoration: underline;
    }
    }