@charset "UTF-8";
        /*共通部分*/
        
        html {
            width: auto;
            font-size: 80%;
            
        }
        
        body {
            font-family: 'Noto Sans JP', sans-serif;
            line-height: 1.2;
            color: rgb(31, 23, 23);
            display: flex;
            flex-direction: column;
            height: auto;
        }
        
        a {
            text-decoration: none;
        }
        
        a:hover {
            opacity: .5;
            transition: .3s;
        }
        
        img {
            max-width: 100%;
            width: 80%;
            
        }
        
        ul {
            list-style: none;
            
            
            
        }
        
        .wrapper {
            width: 1300px;
            max-width: 100%;
            margin: 0 auto;
            padding: 0 16px;
            height: auto;
        }
        
        .head {
            position: fixed;
            padding: 2vw;
            padding-bottom: 0;
            width: 100%;
            background-color: antiquewhite;
        }
        
        header {
            width: 100%;
            position: fixed;
            left: calc((100% - 100vw) / 2);
            justify-content: space-between;
        }
        
        .title {
            padding: 0px 30px 0px 30px;
            text-align: center;
            display: flex;
            justify-content: space-between;
            border-bottom: 5px red solid;
            font-size: 2rem;
        }
        
        #head_nav ul {
            margin-top: 10px;
            display: flex;
            justify-content: space-around;
            font-size: 1.5rem;
        }
        #logo_img{
            max-width: 30px;
        }
        .title a{
            color: rgb(31, 23, 23);
        }
        /*HOME*/
        
        #introduce {
            margin-top: 10vh;
            font-size: 1.3rem;
        }
        #introduce h3{
            font-size: 2rem;
        }
        #introduce p{
            text-align: left;
        }
        .home_content{
            text-align: center;
        }

        .main_img {
            display: block;
            padding-top: 30vh;
            width: 100%; 
            justify-content: space-around;    
            flex-basis: auto; 
            overflow-x: scroll;
            }
        .img1{
            width: auto;
            height: 250px;
            object-fit: cover;
        }
        /*
        .img2{
            width: 80%;
            
        }
        .img3{
            width: 80%;
        }*/
        
        .img_wrap{
            overflow: hidden;
            margin: 10px 5px;
        }
        .img_wrap img{
            height:200px;  
            margin-right: 30px;       
        }
        
        .img_top {float: left;  display: block;}

        #news h3 {
            font-size: 2rem;
            margin: 5% 0 2% 0;
        }
        
        #news {
            margin-top: 5vh;
            max-height: 200px;
            text-align: center;
        }
        
        #news ol {
            font-size: 1.3rem;
            text-align: left;
            
        }
        #news ol li{
            line-height: 2rem;
            
        }
        
        .overdlow-auto {
            overflow: auto;
        }
        
        .research_about {
            font-size: 1.3rem;
            margin-top: 100px;
        }
        
        /*.push {
            height: calc(100vh-(100vh-));
        }*/
        
        
        /*HOME レスポンシブ*/
        
        @media screen and (max-width: 600px) {
            #logo_img {
                max-width: 30px;
            }
            .title {
                padding: 0;
            }
            #course_name {
                font-size: 1rem;
            }
            #lab_name {
                font-size: 1.2rem;
            }
            .main_img {
                min-width: 50px;
                text-align: center;
                display: flex;
                justify-content: start;
                overflow-x: auto;
                padding-top: 40vw;
            }
            .img1 .img2{
                display: none;
            }
            #news h3 {
                font-size: 1.4rem;
            }
            #head_nav ul {
                font-size: 1rem;
                padding: 0;
            }
            
        }
                /*メンバー*/

                @media screen and (min-width: 600px){
                    .at{ 
                        display:none;
                }
                }
                .member_content  {
                    font-size:1.5rem;
                    margin-top: 5vh;
                    padding-top: 25vh;
                    width: 1300px;
                    max-width: 100%;
                    text-align: center;
                }
                
                .table {
                    /* display: inline-block; */
                    font-size: 1.3rem;
                    margin-left:auto;
                    margin-right:auto;
                    margin-bottom: 70px;
                    width :1300px;
                    max-width :70%;
                    text-align: center;
                    
                }
                
                .table th,td{
                    padding: 10px 20px; /* 上下 左右 */
                    border: double 1px #2a3136;
                }
                
                .table th {
                    background-color:rgb(230, 181, 208);
                }
                /* 卒業生 */
                .table_p {
                    width: 1300px;
                    max-width :70%;
                    margin-right: auto;
                    margin-left:auto;
                    font-size: 1.3rem;
                    margin-bottom: 70px;
                    text-align: center;
                    /* display: inline-block; */
                }
                .table_p th,td{
                    padding: 10px 20px; /* 上下 左右 */
                    border: double 1px #2a3136;
                }
                .table_p th {
                    background-color:rgb(230, 181, 214);
                }
                .cap {                   
                    font-size: 1.7rem;
                }
                .at {                   
                    font-size: 0.4rem;
                    margin-bottom: 2ch;
                }
                
                /* レスポンシブ（スマホ版） */
                @media screen and (max-width: 600px) {
                    .member_content {
                        padding-top: 25vh;
                        font-size:0.5rem;
                        width: 350px;
                    }
                    .table{
                        margin-bottom: 0.5ch;
                    }
                    .table,.table_p{
                        border-collapse:separate;
                        border-spacing:0;
                        empty-cells: hide;
                        font-size: 0.9rem;
                    }
                    /* 表を縦に */
                    .table th,.table_p th{
                        display:none;
                    }
                    .table tr,
                    .table td,
                    .table_p tr,
                    .table_p td{
                        display: block; 
                    }
                    
                    .table {
                    border: solid 2px #6d394f;
                    border-top: none;
                }
                    .table td {
                    border-top: double 1px #080004;
                    }
                    .media{
                        background-color: rgb(8, 189, 86);
                        color:rgb(214, 0, 111);
                        font-weight: 20000;
                    }
                    /* .table tr:nth-child(1) {
                        padding-bottom: 10px;
                    }
                    .table tr:nth-child(2) {
                        padding-bottom: 10px;
                    } */
                    /* .table tr:nth-child(3) td{
                        background-color: rgb(230, 181, 208);
                    }
                    .table tr:nth-child(8) td{
                        background-color: rgb(230, 181, 208);
                    }
                    .table tr:nth-child(16) td{
                        background-color: rgb(108, 101, 139);
                        } */
                    .table_p td {
                        border-top: double 1px #080004;
                    }
                    .bc{
                        background-color: rgb(230, 181, 208);
                    }
                }
                    
                    
                    
                    
                    
                    /* メンバ
                    ー
        
                    .member_content {
                        padding-top: 30vh;
                    }
                    
        .member_content p {
            font-size: 1.7rem;
        }
        
        #member_table {
            font-size: 1.3rem;
            margin-bottom: 70px;
        }
        
        @media screen and (max-width: 600px) {
            .member_content {
                padding-top: 20vh;
            }
            .member_content p {
                font-size: 1.4rem;
            }
            #member_table {
                font-size: 1rem;
            }
        } */
        /*連絡先*/
        
        .contact_content {
            padding-top: 30vh;
            display: flex;
        }
        
        .contact {
            margin-right: 40px;
        }
        
        #bkcaccess {
            font-size: 1.4rem;
        }
        #map{
            margin-bottom: 12vh;
        }
        
        @media screen and (max-width: 600px) {
            .contact_content {
                padding-top: 20vh;
                display: block;
            }
            #map iframe {
                max-width: 100%;
                margin-bottom: 30px;
            }
            #map{
                margin-bottom: 7vh;
            }
        }