.category p{
            font-size: 15px;
                margin-top: 10px;

        }
        .categorysection{
            margin-bottom: 100px;
        }

    .categorysection:last-child{
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 2px solid #f7f7f7;
    }

    .category ul {
  list-style: none; /* リストの「・」を消す */
  padding: 0;
  margin: 0;
}
        .category .midashi{
            font-size: 23px;
            text-align: center;
            font-weight: 500;
            margin-bottom: 20px;
        }

.category .categorybanner li{
      flex: 48%;
}
.category .categorybanner li:nth-child(1) {
    flex: 100%;
        }
        .category .categoryitem{
            background-color: #e9f2f0;
                padding: 50px 0;
        }
   .category .categorybanner ul,             
.category .categoryitem ul,
 .category .categoryscene ul,
        .category .categoryranking ul,
        .category .categorynb ul {
    display: flex;
    flex-wrap: wrap; /* 必要に応じて折り返し */
    gap: 25px; /* 要素間の余白 */
    padding: 0;
    margin: 0;
}
    .categoryitem ul {
    padding: 0 50px!important;
        justify-content: center;
}    
        .category .categoryitem li{
    flex: 0 0 17%;
        }
        
        .category .categoryscene li,
        .category .categoryranking li {
            flex: 20%;
            position: relative;
        }
        
        .category .categorynb li{
            flex: 20%;
        }
        .category .categoryscene p{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    z-index: 2;
            padding: 0 10%;
            font-size: 17px;
            text-align: center;
            font-weight: 600;
            margin-top: 0;
        }
.category .categoryitem img{
    border-radius: 50%;
        }
        .category .categoryitem p{
 text-align: center;            
    font-weight: 600;
            
        }
   .category .categoryranking .caption{
        text-align: left;
    }

        .category .categoryranking h2{
            background-color: #f7f7f7;
            font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 20px;
            margin-bottom: 15px;
        }
        .category .categorytop3{
            margin-bottom: 100px;
        }
        .category .categoryranking p{
            text-align: center;
        }
        
        .category .categorycvp{
            background-color: #f7f7f7;
            padding: 50px;
            color:#646464;
        }
        .category .categorycvp h2{
            font-size: 20px;
            text-align: center;
            margin: 20px 0;
        }
        .category .categorycvp h3{
            font-size: 15px;
                line-height: 24px;
            letter-spacing: 0.05em;
        }
          .category .categorycvp img{
            margin: auto;
              display: block;
        }
      .triangle1 {
    margin: 0 auto;
    position: relative;
}
        .triangle1::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 5em solid transparent;
    border-left: 5em solid #ddc305;
    position: absolute;
    z-index: 10;
}
        .triangle1::after {
    content: "1";
    display: block;
    top: 12px;
    transform: rotate(0deg);
    color: #fff;
    left: 14px;
    position: absolute;
    z-index: 11;
    font-family: "futura-pt", 'Jost', 'Questrial', 'Roboto', 'Outfit', '游ゴシック', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Noto Sans JP', sans-serif;
    font-weight: normal;
    font-size: 2rem;
}
     
        
        .triangle2::before {
    border-left: 5em solid #788797;
}
          .triangle2::after {
                  content: "2";
        }
        
            .triangle3::before {
    border-left: 5em solid #6d5a3c;
}
          .triangle3::after {
                  content: "3";
        }
        .category .categorynb p{
            text-align: center;
        }
        
        .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}
        
        
        /*タブレットより狭いものはスマホCSSに 990pxより狭い時*/
        @media (max-width: 990px) {
                  .categorysection {
    margin-bottom: 80px;
}
    
            
             .category .categorybanner ul, .category .categoryitem ul, .category .categoryscene ul, .category .categoryranking ul, .category .categorynb ul{
gap: 15px;

}
            
            .category .categorybanner ul{
                display: block;
            }
            .categorybanner li {
    margin-bottom: 25px;
}
            .category .categoryscene li{
                flex: 45%;
            }
            .category .categoryitem li {
    flex: 0 0 29%;
}
            
    .category .categorytop3 {
    margin-bottom: 80px;
}
            
            .category .categoryranking li:nth-child(1){
                flex: 100%;
            }
            .categoryitem ul {
    padding: 0 10px !important;
}
            .category .categorynb li {
    flex: 45%;
}
            
      .category .categorycvp{
          padding: 30px;
      }

        }