/* page-komukun 専用固定バナー */
.p-komukun-fixed-banner {
  letter-spacing: .1em;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  display: none;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.p-komukun-fixed-banner__btn {
  display: block;
  width: 50%;
  float: left;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
  transition: opacity 0.3s ease;
}

.p-komukun-fixed-banner__btn:hover {
  opacity: 0.8;
}

.p-komukun-fixed-banner__btn--primary {
  background-color: #053C88;
  color: #fff;
  border: 1px solid #053C88;
}

.p-komukun-fixed-banner__btn--secondary {
  background-color: #fff;
  color: #053C88;
  border: 1px solid #053C88;
  border-left: none;
}

/* スマホサイズ（768px以下）でのみ表示 */
@media (max-width: 768px) {
  .p-komukun-fixed-banner {
    display: block;
  }
  
  /* メインコンテンツに下部余白を追加 */
  .p-komukun {
    padding-bottom: 60px;
  }
}

/* フロート解除 */
.p-komukun-fixed-banner::after {
  content: "";
  display: table;
  clear: both;
}