/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



.dropdown-mark-none::after {
  display: none;
}

.no-border {
  border: none;
}

.footerFixed {
  min-height: 100vh;
  /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
  position: relative;
  /* ←相対位置 */
  padding-bottom: 60px;
  /* ←フッターの高さを指定 */
  box-sizing: border-box;
  /* ↑ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定 */
}

footer {
  position: absolute;
  /* ←絶対位置 */
  bottom: 0;

  /* 以下 背景色やテキストカラーなどはお好みで指定してください */
  background: #001F3F;
  color: #fff;
  text-align: center;
}


.lg-star img {
  width: 20px;
  height: 20px;
}

.md-star img {
  width: 17px;
  height: 17px;
}

.sm-star img {
  width: 15px;
  height: 15px;
}


.xs-star img {
  width: 12px;
  height: 12px;
}

.md-position-sticky {
  position: sticky;
  top: 0;
  height: 650px;
}

@media screen and (max-width:768px) {
  .md-position-sticky {
    position: static;
    top: auto;
    margin-bottom: 30px;
  }
}