@charset "utf-8";
/* CSS Document */

    <!-- Swiper CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">

    <style>
    .wrap_item_crowd {
        padding: 0px 15px 20px;
        border:solid 4px #b3cec8;
        border-radius: 0.5em;
    }
        
    .wrap_item_crowd img,.wrap_item_crowd2 img{
        margin-bottom: 10px;
        height:150px;
        object-fit: cover;
        }
        
 /*    .wrap_item_crowd section {
            height: 200px;
        }    
   .wrap_item_crowd table{
        font-size: 0.8em;
        word-break: keep-all;
    }
   .btn-crowd {
        padding: 8px;
        margin-top: 10px;
        margin-bottom: 10px;
        border: solid 2px #b3cec8;
        border-radius: 0.5em;
        background-color: #b3cec8;
        color: #f3f3f3;
        text-align: center;
    }
    .btn-crowd:hover {
        background-color: #F3F3F3;
        color:#b3cec8;
    } */
     
    .btn_sec a, .btn_sec1 a{
         font-size: 1.8rem;
         text-align: center;
        }
    .btn_sec, .btn_sec1 {
         padding: 5px 30px;
         margin: 10px auto 0px;
        }
    .btn_sec1 button,.btn_sec1 button:hover{
        background-color: #B3CEC8;
        }
 
    .btn_sec button{
        background-color: #D5F0EC;
        }
 
    .c-container--full .c-ttl-01, .c-container--full .c-ttl-05, .btn_sec,  .page-header__bg-research_news {
        align-content: center;

        } 

    .page-header__bg-research_news {
        background: url("../img/sp/bg_research_news_sp.png") no-repeat 50% 0 ;
        background-size: cover;
}
     #researcher_news_header {
        min-height: calc(750/750*100vw);
        margin-bottom: calc(20/750*100vw);
        }

@media (min-width:767px){
     .page-header__bg-research_news {
            background: url("../img/bg_research_news_pc.jpg") no-repeat 50% 0% ;
            background-size: cover;
 /*           transform: translateY(48px);*/
        }
        #researcher_news_header {
            min-height: 520px;
            margin-bottom: 20px;
            max-width: 3600px;
            right:0;
        }
        .btn_responsive {
            display: flex;
            justify-content: center;
            font-size: 1rem;
            }
        .btn_sec1 {
             font-size: 1.00em;
             text-align: center;
             padding: 2px 40px;
             margin: 20px 10px;
        }}

    #research_news_header {
          min-height: 600px;
          margin-bottom: 20px;
        }

@media screen and (max-width: 767px) {
        #research_news_header {
            min-height: calc(680 / 750 * 100vw);
            margin-bottom: calc(20 / 750 * 100vw);
        }}
    
    .nameList {
        text-align: left;
        bottom: 0;
        }
/* swiper*/
    .c-container--full{
        max-width:1440px;
        text-align: center;
        }

    .swiper1, .swiper2, .swiper3 {
        position: relative;
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;

        }
    .swiper-wrapper{
        transition-timing-function:linear;
        max-width: 1440px;
        }

/*一コマの記事の大きさ*/      
    .swiper1 .swiper-wrapper {
        /* サイズ調整 */
        height: 320px;
        width:300px;

      }
        
    .swiper2 .swiper-wrapper {
        /* サイズ調整 */
        height: 320px;
        width:300px;

      }
        
    .swiper3 .swiper-wrapper {
        /* サイズ調整 */
        height: 420px;
        width:300px;

      }
        
    .swiper-slide {
    /* 文字配置調整、背景色設定 */
        display: flex;
        justify-content:center;
/*        color: #333;
        background-color: #FFFFFF;*/
        width:300px;
        padding: 10px 15px 20px;
        border:solid 4px #b3cec8;
        border-radius: 0.5em;
       }

    .swiper-slide img {
            margin-bottom: 10px;
        } 
        
    .wrap_item_crowd{
            display: block;
        }
    .btn_page{
        height: auto;
}
    .swiper-button-prev{
        left: 5px;
        background-color: #f9e9ea;
        border-radius: 2rem;
        padding: 30px 30px;
        z-index: 99;
    }

    .swiper-button-next{
        right: 5px;
        background-color: #F9E9EA;
        border-radius: 2rem;
        padding: 30px 30px;
        z-index: 99;
}

    .gallery{
            display: grid;
            gap:10px;
            grid-template-columns:repeat(auto-fit, minmax(300px,1fr));
            max-width:1600px;
        } 

    .gallery .contents, .swiper-slide .contents {
            text-align: left;
    }