@media screen and (max-width: 1100px) {
  /* SP用のCSS */
  html {
    scroll-padding-top: 60px;
  }
  .body {
    font-size: 20px;
  }
  /* ヘッダー */
  .header_wrapper {
    height: 60px;
  }
  .header_inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header_logo {
    width: 5%;
  }
  .header_logo > img {
    width: 100%;
  }
  .header_gnav {
    display: none;
  }
  .header_gnav_btn {
    display: block;
    width: 20px;
    height: 21px;
    position: relative;
  }
  .header_gnav_bar {
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    width: 100%;
    height: 3px;
    background-color: #000000;    
  }
  .header_gnav_bar.m_top {
    transform: translateY(10px) 
  }
  .header_gnav_bar.m_bottom {
    transform: translateY(-10px) 
  }
  
  /* フッター */

  .footer_wrapper {
    background-color: #FFFFFF;
  }
  .footer_inner {
    max-width: 767px;
    padding-left: 20px;
    padding-right: 20px;
  }


  .footer_contents_wrapper {
    flex-direction: column-reverse;
  }
  
  .footer_content{
    width: 100%;
    margin-bottom: 60px;
  }
  
  .footer_title{
    margin-bottom: 20px;
  }
  
  
  /* 共有パーツ */
  
  /* 各セクション */
  .inner {
    max-width: 767px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  /* btm_cv */
  .btm_cv_wrapper{
    background-image: url(../img/top/Btm_img-sp.jpg);
    padding-bottom: 30px;
  }
  
  .btm_cv_inner{
    padding-bottom: 0px;
  }
  
  .btm_cv_contents_wrapper{
    padding-bottom: 120px;
  }
  
  
  /* セクションタイトル */
  .section_title h3{
    font-size: 24px;
  }
  
  .section_title::after {
    content:"";
    display: block;
    width: 100px;
    height:4px;
    background-color: #333333;
    margin-top: 5px;
  }
  
  /* その他 */
  .pc_only {
    display: none;
  }
}
@media screen and (max-width: 735px) {
  .header_logo {
    width: 10%;
  }
}

@media screen and (max-width: 400px) {
  .header_logo {
    width: 16.9%;
  }
}