@charset "utf-8";


.breadcrumbArea {padding: 40px 0;}
.breadcrumbArea ul.breadcrumb{display: flex; font-size: 1.2rem;}
.breadcrumbArea ul.breadcrumb li::after{content: " > ";}
.breadcrumbArea ul.breadcrumb li:last-child::after{content: none;}

.breadcrumbArea ul.breadcrumb li{padding: 10px 0px 10px 10px;}
.breadcrumbArea ul.breadcrumb li:first-child{padding-left: 0;}
.breadcrumbArea ul.breadcrumb li a{padding: 5px; text-decoration: none;}


.contens_wrap .local_navi nav ul{border-top: 1px solid #313131;}
.contens_wrap .local_navi nav ul li{font-size: 1.5rem;padding: 23px 40px;border-bottom: 1px solid #313131;display: flex;}
.contens_wrap .local_navi nav ul li img{width: 25px; height: 25px;}
.contens_wrap .local_navi nav ul li a{display: block; width: 100%;height: 100%;text-decoration: none;line-height: 25px;}
/*PROFILE PAGE*/
#read.read{background: #888A70; color: #fff;padding: 80px 0;}
#read.read h1,#read.read h2{text-align: center;font-size: 2.8rem;}
#read.read h2{margin-top: 20px;}
#read.read .profileblock{display: flex;margin-top: 40px;column-gap:60px;flex-direction: column;}

#read.read .profileblock p{margin-bottom: 20px;}
#read.read .profileblock p.kanji{font-size: 2.4rem;margin-bottom: 0px;}
#read.read .profileblock p.kana{font-size: 2.0rem;}


#read.read .profileblock .imgbox img{width: 100%; height: auto;}
#read.read .profileblock img{max-width: 661px; max-height: 771px;}

#videoerea.videoerea {padding-top: 100px; background-color: #fff;}
#videoerea.videoerea h2{font-size: 2.5rem;margin-bottom: 40px;}
#videoerea.videoerea .wrap{max-width: 925px;}
#videoerea.videoerea .videobox{width: 90%;margin: 20px auto; position: relative; height: 0; padding:0 0 56.25%;overflow: hidden; margin-bottom: 20px;}
#videoerea.videoerea .videobox iframe{position:absolute;top:0;left:0;width: 100%; height: 100%; max-width: 100%;}

.profilenavi{padding: 100px 0;}
.profilenavi ul{display:flex;flex-direction: column;justify-content: center; row-gap: 20px;}
.profilenavi ul li a{background: #000;color: #fff;padding: 5px 20px;min-width: 240px;}

.contens_wrap .local_navi ul li a{text-decoration: none;}

.contens_wrap .main .posts li a{display: flex;justify-content: space-between;gap: 80px 10px;text-decoration: none;}

.contens_wrap .main table{font-size: 1.8rem; width: 100%;}
.contens_wrap .main table th,.contens_wrap .main table td{padding: 20px 10px;}
.contens_wrap .main table th{background: #9AA08E; color: #fff;text-align: left;font-weight: normal;}




.contens_wrap .main table tr:nth-of-type(even) td{background-color: rgba(154, 160, 142, .2);}


/*研究プロジェクトマップ*/
.main{margin-top: 60px;}
.main .section{margin-bottom: 60px;}
.main .section h1,.main .section h2{font-size: 2.4rem;margin-bottom: 40px;}
.main p{margin-bottom: 20px;}
.main .list_wrap{overflow: hidden;padding-left: 10%;touch-action: pan-y;overflow-x: scroll;margin-top: 40px;margin-bottom: 200px;}
.main .list_wrap::-webkit-scrollbar{display: none;}
.main .list_wrap ul{display: flex;gap: 20px;}
.main .list_wrap ul li{width: 200px; line-height: 1.5;flex-shrink: 0;}
.main .list_wrap ul li a{text-decoration: none;}
.main .list_wrap ul li img{width: 200px; height: 200px;margin-bottom: 15px;}


/*アーカイブ*/
.contens_wrap .main #rj{margin: 20px 0 50px;font-weight: Medium;}
.contens_wrap .main ul.posts.rjlist{margin-top:20px;margin-bottom: 100px;margin-bottom: 40px;}

.contens_wrap .main .rj_box{margin: 60px 0 120px;}
.contens_wrap .main .rj_box h3{font-size: 2.4rem;margin: 20px 0;}

.contens_wrap .main ul.posts.rjlist li{text-decoration: none; border: 1px solid #707070;padding: 20px;border-radius: 5px;color: #313131;margin-bottom: 20px;}

.contens_wrap .main ul.posts.rjlist li p{line-height: 1.8;font-size: 1.6rem;}

.contens_wrap .main ul.rj-cats li{}

.contens_wrap .main ul.rj-cats{margin: 50px 0 60px;}
.contens_wrap .main ul.rj-cats li a{display: block; text-decoration: none;font-size: 2.0rem;color: #656548;background-color: #ECECE9;border: 1px solid #888A70;border-bottom: none;padding: 20px;line-height: 1.8;position: relative;}
.contens_wrap .main ul.rj-cats li:last-child a{border-bottom:  1px solid #707070}
.contens_wrap .main ul.rj-cats li a::after{content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #656548;
    transform: rotate(-90deg);position: absolute;right: 10px; top: 30px;}

.contens_wrap .main #pic{margin: 20px 0 50px;font-weight: Medium;}
.contens_wrap .main .pic_cat_box{margin: 40px 0;}
.contens_wrap .main .pic_cat_box h3{color:#fff; background: #51554D; padding: 6px 20px;font-size: 1.8rem;margin: 20px 0;}
.contens_wrap .main .pic_cat_box .cat-filter .btn-cat{background-color: #fff;border-radius: 5px;color: #313131;border: 1px solid #51554D;padding: 5px 10px;margin-bottom: 10px;margin-right: 10px;}
.contens_wrap .main .pic_cat_box .cat-filter .btn-cat.active{background: #7E8C79;color: #fff;}
.contens_wrap .main .pic_cat_box table{font-size: 1.4rem;}
.contens_wrap .main .pic_cat_box table th,.contens_wrap .main .pic_cat_box table td{line-height: 1.5;}
@media screen and (min-width: 960px) { /* 960px以上に適用されるCSS（PC用） */
  
    .header{padding-top: 60px;}
   
    .contens_wrap .local_navi nav ul{border-top:none;}
    .contens_wrap .local_navi nav ul li{font-size: 1.5rem;padding:10px;border-bottom: none;display: flex;}
    .contens_wrap .local_navi nav ul li img{display: none;}
    .contens_wrap .local_navi nav ul li a{display: block; width: 100%;height: 100%;text-decoration: none;line-height: 25px;}

    #read.read h1,#read.read h2{font-size: 4.0rem;}
    #read.read .profileblock{margin-top: 160px;column-gap:60px;flex-direction: row;}
    #read.read .profileblock .textbox{width: 50%;}
    #read.read .profileblock .imgbox{width: 50%;}

    
    .profilenavi{padding: 100px 0;}
    .profilenavi ul{display:flex;flex-direction: row;justify-content: center;column-gap: 60px;}
    .profilenavi ul li a{font-size: 2.0rem;line-height: 50px;}

    section.work ul.posts{flex-direction: row;gap: 20px;}

    section.contact .wrap{display: flex;justify-content: space-between;}

    section.contact .contact_overview{width: 55%;}
    section.contact .formarea{width: 40%;}



    .contens_wrap{width: 82%;margin:80px auto;max-width: 1180px;display: flex;justify-content:space-between;}
     .contens_wrap .local_navi{width: 200px;}
      .contens_wrap .local_navi ul li{font-size: 1.4rem;line-height: 2;margin-bottom: 20px;}
      .contens_wrap .main{width: calc(100% - 280px);margin-top: 0;}
       .contens_wrap .main h2{margin-bottom: 30px;}

        
         

          .contens_wrap .main .posts li a .textbox{width: calc(100% - 183px);}
} /*END  960px以上に適用されるCSS（PC用） */



/*SEARCHPAGE*/
.search_main h1{font-size: 3rem;}
.search_list ul{display: flex;flex-wrap: wrap;gap: 20px 4%; margin-top: 30px;margin-bottom: 80px;}
.search_list li{width: 48%;}

.search_list ul li img{border-radius: 10px; width: 100%; height: auto;}
.search_list ul li a{text-decoration: none;}

.search_main .select_item{display: flex;box-shadow: 0 0 1.07em rgba(0, 0, 0, 0.1);flex-direction: row;align-items: center;box-sizing: border-box;border-radius: .47em;background: #fff;padding:10px;position: relative;margin-bottom: 20px;}
.search_main .select_item .sl_title{width: 30%; font-weight: bold;}
.search_main .select_item .inner{width: 70%;border-left: 2px dotted #111;}
.search_main .select_item select{position: relative;appearance: none;
    z-index: 1;width: 100%;border: none;padding: 0.3em 1.5em;
    background: none; box-sizing: border-box;color: #111;line-height: 1;font-weight: bold;outline: none;}
.search_main .select_item::after{content: "▼";
    margin-left: .5em;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -.5em 0 0;
    color: #51554D;}
.search_main .searchbox input{box-shadow: 0 0 1.07em rgba(0, 0, 0, 0.1);box-sizing: border-box;border-radius: .47em;background: #fff;padding:10px;margin-bottom: 20px;width: 100%;border: none;cursor: pointer;font-weight: bold;}