@media (min-width: 835px){

    .taiwan{
        background-image: url("images/hero_pc.jpeg");
    }

    .wrapper{
        background-image: url("images/wrapper_pc.jpg");
    }

    .air_thumbnail{
        background-image: url("images/air.jpg");
    }

}

@media (max-width: 834px){
 
    .taiwan{
        background-image: url("images/hero_smp.jpeg");
    }

    .wrapper{
        background-image: url("images/wrapper_smp.jpg");
    }

    .air_thumbnail{
        background-image: url("images/air.jpg");
    }
}

.train_wrapper{
    background-image: url("train/images/train.webp");
}

.btn-categorie {
    display: inline-block;

    text-decoration: none;
    color: var(--gold);
    border: solid 2px var(--gold);
    border-radius: 3px;
    transition: .4s;
    font-size: 1.2rem;
    background: var(--white);
    /* **重要:** 親要素に合わせて幅を100%に設定 */
    width: 100%; 
    /* テキストを中央揃えにする */
    text-align: center;
    box-sizing: border-box; /* paddingやborderをwidthに含める */
}

@media (max-width: 834px){
    .btn-categorie {
        padding: 0.3em 1em;
    }
}
@media (min-width: 835px){
    .btn-categorie {
        padding: 0.3em 3em;
    }
}

.btn-categorie:hover {
    background: var(--gold);
    color: var(--white);
    font-weight: bold;
}

@media (min-width: 835px){
    .categorie_images{
        padding: 8vw 0 5vw;
    }
    
}

@media (max-width: 834px){
    .categorie_images{
        padding: 4vw 0 2vw;
    }

}

@media (min-width: 835px){
.categorie_air {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/air.webp")
              center top / cover no-repeat;
}
.categorie_hotel {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/hotel.webp")
              center top / cover no-repeat;
}
.categorie_transfer {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/transfer.webp")
              center top / cover no-repeat;
}
.categorie_visit {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/visit.webp")
              center top / cover no-repeat;
}
.categorie_train_1 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/train_1.webp")
              center top / cover no-repeat;
}
.categorie_train_2 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/train_2.webp")
              center top / cover no-repeat;
}
.categorie_conference_1 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/confarence_1.webp")
              center top / cover no-repeat;
}
.categorie_conference_2 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/conference_2.webp")
              center top / cover no-repeat;
}
.categorie_visa_1 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/visa_1.webp")
              center top / cover no-repeat;
}
.categorie_visa_2 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/visa_2.webp")
              center top / cover no-repeat;
}
.categorie_academic_1 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/academic_1.webp")
              center top / cover no-repeat;
}
.categorie_academic_2 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/academic_2.webp")
              center top / cover no-repeat;
}
.categorie_tradefair_1 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/tradefair_1.webp")
              center top / cover no-repeat;
}
.categorie_tradefair_2 {
  position: relative;
  background: url("https://business-seven.com/images/parts/categorie/tradefair_2.webp")
              center top / cover no-repeat;
}
}

/* グラデーションをオーバーレイ */
.categorie_images::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.9; /* 必要に応じて調整 */
  mix-blend-mode: multiply; /* 「multiply（乗算）」や「overlay（オーバーレイ）」がおすすめ */
}