@charset "utf-8";
@media screen and (max-width:768px) {
/*--------------------------------------------------------
　ファーストビュー
--------------------------------------------------------*/

.sub-fv {
   height: 200px;
}









/* # =================================================================
   # コンテンツ
   # ================================================================= */

.visit-info-nav {
   flex-direction: column;  /* 縦並びにする */
   gap: 0.8em;              /* ボタン間の余白を少し狭める */
}

.visit-info-nav-btn {
   width: 100%;             /* 横幅いっぱい */
   min-width: auto;         /* PC用の180px制約を解除 */
   font-size: 0.95rem;      /* 少し文字サイズ調整 */
   padding: 1em;            /* タップしやすいように余白を確保 */
   justify-content: center; /* アイコン込みで中央寄せにしたい場合 */
}

/* アイコンを右端に残したい場合はこっち */
.visit-info-nav-btn {
   justify-content: space-between;
}

.visit-info-nav-btn .icon {
   width: 20px;
   height: 20px;
   font-size: 0.6rem;
}
.visit-info-list {
   grid-template-columns: repeat(2, 1fr); /* 2列固定 */
   gap: 0.8em; /* 余白を少し狭める */
}

.visit-info-item {
   font-size: 0.9rem;  /* テキストサイズを少し調整しても良い */
   padding: 0.8em;     /* タップしやすい余白 */
}









} /**** END media screen *****/