@charset "UTF-8";
.tab-switch {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin-inline: auto;
  gap: 5px;
  width: 90%;
  margin: 0 auto;
}

/* タブボタン */
.tab-switch label {
  padding: 0.7em 2.5em;
  background:#eee;
  cursor: pointer;
  order: -1; /* 上に表示 */
  text-align: center;
}

/* ラジオ非表示 */
.tab-switch input {
  display: none;
}

/* コンテンツ非表示 */
.tab-content {
  display: none;
  width: 100%;
  padding: 48px;
  background-color: #fff;
}

/* 選択されたタブ＋コンテンツ表示 */
.tab-switch label:has(:checked) {
  background: #28a9ec;
  color: #fff;
}
.tab-switch label:has(:checked) + .tab-content {
  display: block;
}









.tab-content li{
    margin-bottom: 48px;
}
.tab-content li:last-child{
    margin-bottom: 64px;
}

.tab-content span{
    font-size: 13px;
    background-color: #000;
    color: #fff;
    padding: 0.3em 0.8em;
}

.history_bunmen{
    margin-top: 8px;
}

.tab-content img{
    margin-top: 8px;
    box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 960px){
    .tab-content img{
      width: auto;
        max-width: 100%;
        height: 160px;
    }
}

.tab-content a{
  text-decoration: underline;
}

.tab-content iframe{
    aspect-ratio: 16/9;
    height: 360px;
    margin-top: 8px;
}
@media screen and (max-width: 960px){
    .tab-content iframe{
        width: 100%;
        height: auto;
    }
}