li
/* タブレット向けレスポンシブ */
@media all and (max-width: 1000px) {

  
}

/* モバイル向けレスポンシブ */
@media all and (max-width: 670px) {

  #global-navi {
    display: none;
  }
  
  /* .menu-icon {
    display: block;
  } */

  .container {
    text-align: center;
    max-width: 100%;
    clear: left;
    margin: 0 auto;
    overflow: hidden;
  }

  body {
    box-sizing: border-box;
  }
 

  

    /* --------------------------------------------
・ヘッダー
 --------------------------------------------*/
 #logo {
   width: 50%;
 }
 /*　ハンバーガーボタン　*/
 .hamburger {
  display : block;
 }


  /* --------------------------------------------
・メインセクション
 --------------------------------------------*/

/* モバイル向けレスポンシブ */
@media all and (max-width: 670px) {

  #global-navi {
    display: none;
  }
  
  /* .menu-icon {
    display: block;
  } */

  .container {
    text-align: center;
    max-width: 100%;
    clear: left;
    margin: 0 auto;
    overflow: hidden;
  }

 

  

    /* --------------------------------------------
・ヘッダー
 --------------------------------------------*/
 #logo {
   width: 50%;
 }
 /*　ハンバーガーボタン　*/
 .hamburger {
  display : block;
 }


  /* --------------------------------------------
・メインセクション
 --------------------------------------------*/
 #flex-wrapper {
   flex-flow:column;
   justify-content: center;
  }
 .right-column {
   width: 100%;
   margin-left: 50px;
   text-align: center;
  }
  .left-column {
   width: 100%;
   float: left;
   justify-content: center;
  }
 /* .right-column {
   display: none;
   margin: 0 auto;
   width: 100%;
   clear: left;
  }
  .left-column {
    width: 100%;
    clear: left;
  } */
  #main-features {
    text-align: center;
    margin: 0 auto;
  }
  #main-f-section-wrapper {
    text-align: center;
    width: 100%;
  }
  .main-f-section-image {
    display: block;
    width: 100%;
  }
  .main-f-section-description {
    clear: left;
    margin-bottom: 50px;
    padding: 0 auto;
    vertical-align: center;
    text-align: center;
    overflow: hidden;
  }
  .main-f-section-description p {
    text-align: center;
    font-size: 11px;
    /* テキストを揃えるCSSセット */
    text-align: justify;
    text-justify: inter-ideograph;
    white-space: normal;
    overflow-wrap: break-word;
  }
  .img-fluid {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
  }

   /* --------------------------------------------
・メインテーブルなど
 --------------------------------------------*/
  .table {
    text-align: left;
  }
  .callout-primary p {
    text-align: left;
    /* テキストを揃えるCSSセット */
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .shosai-text p {
    text-align: left;
    padding-left: 10px;
  }
  /* .form-group {
    text-align: left;
  } */
  .btn-primary {
    text-align: center;
    margin: 0 auto;
    clear: left;
  }
  .work-container {
    width: 100%;
  }
  .work-contents-1 {
    width: 30%;
    text-align: center;
  }
  .col-md-6 {
    width: 670px;
  }

  /* --------------------------------------------
・制作実例
 --------------------------------------------*/
  .work-contents-1 video {
    width: 100vw;
  }
  .work-container img {
    width: 50%;
  }
  .col-md-6 {
    margin-left: -15px;
  }
  .work-contents-1 p {
    margin: 0 auto;
    padding-right: 45px;
  }
  


  
  /* --------------------------------------------
・新着コメント
 --------------------------------------------*/
 #tsubuyaki {
   max-width: 100%;
 }
 #scroll-bar {
   width: 100%;
   clear: left;
 }
 .container {
   width: 100px;
 }
 .media-body {
   clear: left;
   overflow: hidden;
 }
 .avatar-images {
   clear: left;
   padding-left: 120px;
 }
 .media-body {
   margin: 0 auto;
 }
 .media-body-header {
   width: 100%;
   text-align: center;
   /* テキストを揃えるCSSセット */
   text-align: justify;
   text-justify: inter-ideograph;
 }
 .text-message {
   box-sizing: content-box;
   width: 315px;
   font-size: 11px;
   clear: left;
   /* テキストを揃えるCSSセット */
   text-align: justify;
   text-justify: inter-ideograph;
 }

/* --------------------------------------------
・お問い合わせ
 --------------------------------------------*/

 .c-container {
   max-width: 100%;
 }


 /* --------------------------------------------
・フッター
 --------------------------------------------*/

.f-container {
   max-width: 100%;
   white-space: nowrap
 }
 .f-container ul {
   margin: 0 auto;
   text-align: center;
   clear: left;
   /* テキストを揃えるCSSセット */
   text-align: justify;
   text-justify: inter-ideograph;
 }
 .f-container li {
   text-align: center;
   clear: left;
   font-size: 15px;
   margin: 0 auto;
 }
 .btn-wrapper fa {
   width: 100%;
   margin: 0 auto;
   clear: left;
   /* テキストを揃えるCSSセット */
   text-align: justify;
   text-justify: inter-ideograph;
 }
 .footer-copy {
   font-size: 10px;
 }
 .nav ul {
  text-align: center;
  width: 100%;
  }
 /* .nav li {
  min-width: 0px;
  } */

 
}

/* モバイル -670px以上は非表示 */
@media screen and (min-width:670px) {
  .hamburger {
    display: none;
    pointer-events:none;
  }
  .globalMenuSp {
    display: none;
    pointer-events:none;
  }

}


/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ------------------------ レスポンシブ ------------------------ */
/* ------------------------ （タブレット） ------------------------ */
/* ----------------------------------------------------------- */

/* ------------------------ レスポンシブの設定 （トップページ） 【 iPad Air 】  ------------------------ */

@media screen and (min-width: 670px) and (max-width: 820px) {

  #tsubuyaki p {
    margin-right: 50px;
  }

  #contact-space h2 {
    margin-right: 100px;
  }

  #scroll-bar {
    width: 100%;
  }

  .contact-description h2 {
    margin-right: 50px;
  }

}



/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ------------------------ レスポンシブ ------------------------ */
/* ----------------------- （スマートフォン） ---------------------- */
/* ----------------------------------------------------------- */

/* ------------------------ レスポンシブの設定 （トップページ）  【 Galaxy 】 ------------------------ */

@media(max-width: 360px) {

  .main-f-section-image img {
    text-align: center;
    width: 100%;
    margin-right: 60px;
  }

  .main-f-section-description h2 {
    margin-right: 60px;
  }
  .main-f-section-description h3 {
    margin-right: 60px;
  }
  .main-f-section-description p {
    margin-right: 60px;
  }

  .aside-f-section-image img {
    margin-right: 30px;
  }
  .aside-f-section-description p {
    text-align: left;
  }

  .text-message p {
    padding-right: 25px;
  }

  .avatar-images img {
    margin-left: -20px;
  }

}

@media(max-width: 412px) {

  #main-features {
    overflow: hidden;
  }

  .contact-description h2 {
    margin-top: -20px;
  }

  .f-container ul {
    text-align: center;
  }

  #contact-space {
    margin-bottom: -50px;
  }

}