/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* メニューの固定（スマホは固定無し）*/
@media screen and (min-width: 481px) {
  none
}
/* 提供サービス／ツールのロゴカード：マウスオーバー時透過 */
  .box-img {
    width: 100%;
    vertical-align: bottom;
  }
  .box-img:hover {
    filter: opacity(70%);
    cursor: pointer;
  }

/* メニューの固定（PC）*/
@media screen and (min-width: 500px) {  
  header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000;
  }

  #container {
    padding-top: 150px;
  }

/* 提供サービス／ツールのロゴカード：マウスオーバー時透過 */
  .box-img {
    width: 100%;
    vertical-align: bottom;
  }
  .box-img:hover {
    filter: opacity(70%);
    cursor: pointer;
  }