/* user style */
/* メインカラー　#41bd7f */
.nav-top .g-nav__brand-img {height: 40px;}

/* 段落など
----------------------------------------------------------- */
p{
margin-bottom: 1.5rem; 
}
/* 768px以下でなくなる */
@media screen and (max-width: 768.98px){
.w768-hidden_br{display:none;}
}
/* 479px以下で現れる */
@media screen and (min-width: 480px){
.w479-visible_br{display:none;}
}

/* 囲みあり */
.atten_p,.press_wrap{background-color: #f2faf6 !important;}
.atten_p{margin-left: 40px;margin-right: 40px;padding:15px 30px;}

/* 写真のキャプション */
.p_cap{margin:5px 0px 20px 0px;line-height:1.2 !important; inline-size: fit-content !important; margin-inline: auto !important;}
.p_cap_left{margin:-10px 0px 20px 0px;line-height:1.2 !important; inline-size: fit-content !important; margin-inline: auto !important;}

/* 所長挨拶 */
.amao_photo {float: left; margin: 10px 20px 10px 0;}
/* 479px以下 */
@media screen and (max-width:479px) {
.amao_photo {float:none; margin: 0 auto 25px auto; text-align: center;}
}
.amao_photo img {margin: 0 0 5px 0; width: 250px !important; hieght: auto;}

/* プレスリリース コメント*/
.press_wrap{margin:20px 0px 20px 2rem;padding:15px 30px;}
.press_wrap:after{display: block; clear: both; height: 0; visibility: hidden; content: ".";}
.press_comment{float:left;margin:0;padding:0px;width:calc( 100% - 170px );}
.press_photo{float:right;margin:0;padding:0px;width:150px;}

/* flexbox 2段
----------------------------------------------------------- */
.flex-2{
display:flex;
flex-direction:row;
flex-wrap: wrap;
justify-content:space-between;
}
.flex-align-cent{
align-items: center;
}
.flex-2 div{
width:49%;
}
.flex-2 div.w20{
width:19%;
}
.flex-2 div.w30{
width:29%;
}
.flex-2 div.w40{
width:39%;
}
.flex-2 div.w50{
width:49%;
}
.flex-2 div.w60{
width:59%;
}
.flex-2 div.w70{
width:69%;
}
.flex-2 div.w80{
width:79%;
}

/* 768px以下 */
@media screen and (max-width: 768.98px){
.flex-2 div, .flex-2 div.w20, .flex-2 div.w30, .flex-2 div.w40, .flex-2 div.w50, .flex-2 div.w60, .flex-2 div.w70, .flex-2 div.w80{width:100%;}
}

/* リンク　色文字＋アンダーライン
----------------------------------------------------------- */
.ppager__link_active{font-weight:bolder;}
a{word-break: break-all;}
.contents a:not([class]):not([id]){
color: #3db077;
text-decoration: underline;
}
.no-deco, .no-deco-tit{
color: #3db077;
text-decoration: none;
}
.contents a:not([class]):not([id])::before {
    content: none !important;
    margin-right: 0em;
}
a[target="_blank"]:where([href*=".jpg"],[href*=".png"],[href*=".gif"])::before,
a[target="_blank"]:where([href*=".jpg"],[href*=".png"],[href*=".gif"])::after {
    content:none!important;
    margin-right:0em;
    margin-left: 0em;
}
a[class="no-deco-img"]::after  {
    content: none !important;
    margin-left: 0em;
}
.height-6{
height: 6em !important;
}
.height-7{
height: 7em !important;
}

/* 画像
----------------------------------------------------------- */
img{
max-width: 100%;height:auto;margin:0;vertical-align: middle;
}
/* 縦に大きい画像用 */
p:is(.img_p,.img-w60 , .img-w80){
text-align: center !important;
}
/* 480px以上 */
@media screen and (min-width:480px) {
.img-w60 img{
width:80%;height:auto;
}
}
/* 769px以上 */
@media screen and (min-width:769px) {
.img-w60 img{
width:60%;height:auto;
}
.img-w80 img{
width:80%;height:auto;
}
}

/* マージン
----------------------------------------------------------- */
/* 上 */
.m-t10{margin-top: 10px !important;}
.m-t20{margin-top: 20px !important;}
.m-t40{margin-top: 40px !important;}
.m-t60{margin-top: 60px !important;}
.m-t80{margin-top: 80px !important;}
/* 下 */
.m-b10{margin-bottom: 10px !important;}
.m-b20{margin-bottom: 20px !important;}
.m-b40{margin-bottom: 40px !important;}
.m-b60{margin-bottom: 60px !important;}
.m-b80{margin-bottom: 80px !important;}

/* 文字
----------------------------------------------------------- */
.txtNormal{font-weight: normal; text-decoration: normal !important;}
.txtbold{font-weight: 700 !important;}
.txtital{font-style: oblique;font-style: italic;}
.txtBreak{word-break: break-all !important;}
strong{color:#236444;}
a strong{color:#3db077;}
.red{color:#cc0000 !important;font-weight: 500 !important;}
/* 大きさ */
.txt12{font-size:1.2rem !important;}
.txt14{font-size:1.4rem !important;}
.txt16{font-size:1.6rem !important;}
.txt20{font-size:2.0rem !important;}
.txt24{font-size:2.4rem !important;}
.txt28{font-size:2.8rem !important;}
/* 揃え */
.txtCent{text-align: center !important;}
.txtRight{text-align: right !important;}
.txtLeft{text-align: left !important;}
/*改行不可 */
.nobr{white-space:nowrap;}

/* 見出し
----------------------------------------------------------- */
@media screen and (min-width: 769px) {
    .ttl__style01 {
        font-size: 2.4rem;
letter-spacing: normal;
    }
}
@media screen and (max-width: 768.98px) {
    .ttl__style01 {
        font-size: 2rem;
letter-spacing: normal;
    }
}

/* 講演会など */
.titl_h1{
border: 2px solid rgba(0,166,83,0.5);
padding: 17px 10px 15px 10px;
margin-bottom: 40px;
font-size: larger;
text-align: center;
text-wrap: balance;
line-height: 1.8;
}
/* 研究紹介 */
h3.res-prof-tit{
color:#236444;
font-size:16px;
font-weight: 500;
padding:10px;
background-color: #e5f6ee;
text-wrap: balance;
}

/* 区切り線
----------------------------------------------------------- */
hr.clear{visibility:hidden;clear:both;float:none;} /* フロート解除 */
hr.green{clear:both;float:none;height: 1px;background-color: #41bd7f;border: none;} /* 色つきライン */

/* SDGsアイコン
----------------------------------------------------------- */
.img-sdgs-ico{
width:auto;height:38px;
}
/* 520px以上 */
@media screen and (min-width:480px) {
.img-sdgs-ico{
width:auto;height:50px;
}
}
/* 520px以上 */
@media screen and (min-width:520px) {
.img-sdgs-ico{
width:auto;height:60px;
}
}
/* 769px以上 */
@media screen and (min-width:769px) {
.img-sdgs-ico{
width:auto;height:70px;
}
}
/* バナー
----------------------------------------------------------- */
ul.img-banner{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
list-style:  none;
padding:0 ;
margin:0 ;
}
ul.img-banner li{
margin-top:5px;
padding-left:3px;padding-right:3px;
}

/* 480px以上 */
@media screen and (min-width:480px) {
ul.img-banner li{
width:240px;height:auto;
}
}
/* 769px以上 */
@media screen and (min-width:769px) {
ul.img-banner li{
width:193px;height:auto;
}
}

/* YouTube動画
----------------------------------------------------------- */
.youtube {
  width: 100%;
margin:40px auto;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
 border:1px solid #a2a2a2;
}
/* 769px以上 */
@media screen and (min-width:769px) {
.youtube {
  width: 70%;
margin:40px auto;
}
}

/* リスト
list_wrap_ul　基本のリスト
list_wrap_ol　基本の数字付きリスト
list_wrap_ul_res　基本より行間狭め
list_wrap_ul_lec　講演会用見出しインデントあり 
----------------------------------------------------------- */
.list_wrap_ul , .list_wrap_ul_res, .list_wrap_ul_lec{
margin:  0 0 0 4rem;
padding: 0;
list-style:  none;
}
.list_wrap_ol {
margin:  0 0 0 3rem;
}
.list_wrap_ul_lec {
margin:  60px 0 20px 12rem;
}

.list_wrap_ul li , .list_wrap_ol li{
padding-bottom: 2rem;
}
.list_wrap_ul_res li ,.list_wrap_ul_lec li{
padding-bottom: 1rem;
}
.list_wrap_ul li, .list_wrap_ul_res li{
text-indent: -1.3rem;
}
.list_wrap_ul_lec li{
text-indent: -7.3rem;
}
@media screen and (max-width: 768.98px) {
.list_wrap_ul_lec li{
text-indent: -6.6rem;
}
}
.list_wrap_ul li:before, .list_wrap_ul_res li:before, .list_wrap_ul_lec li:before {
content:  "";     /* 空の要素作成 */
width:  7px;               /* 幅指定 */
height:  7px;              /* 高さ指定 */
display:  inline-block;     /* インラインブロックにする */
background-color: #349766;  /* 背景色指定 */
border-radius:  50%;        /* 要素を丸くする */
margin-right:7px;
margin-bottom: 2px;
}
.list_wrap_ul li.square:before, .list_wrap_ul_res li.square:before, .list_wrap_ul_lec li.square:before {
border-radius:  0%;        /* 要素を丸くする */
}

/* リスト内のリンクの設定 */
.list_wrap_ul_lec a[target="_blank"]:not([href*=".pdf"]):not([href*=".doc"]):not([href*=".docx"]):not([href*=".xls"]):not([href*=".xlsx"]):not([href*=".ppt"]):not([href*=".pptx"]):not([href*=".txt"]):not([href*=".zip"])::after {
    margin-left: 7.3rem;
}
.list_wrap_ul a[target="_blank"]:not([href*=".pdf"]):not([href*=".doc"]):not([href*=".docx"]):not([href*=".xls"]):not([href*=".xlsx"]):not([href*=".ppt"]):not([href*=".pptx"]):not([href*=".txt"]):not([href*=".zip"])::after,
.list_wrap_ul_res a[target="_blank"]:not([href*=".pdf"]):not([href*=".doc"]):not([href*=".docx"]):not([href*=".xls"]):not([href*=".xlsx"]):not([href*=".ppt"]):not([href*=".pptx"]):not([href*=".txt"]):not([href*=".zip"])::after{
    margin-left: 1.4rem;
}

/* 共同研究講座・部門 */
.collabo_ul{
padding:2rem 2rem 0 4rem ;
margin:3rem 0rem ;
background-color: #f2faf6; 
}

/* 研究紹介 */
ul.res-prof, ul.res-prof li{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: flex-start;
list-style:  none;
padding:0 ;
margin:0 ;
}
ul.res-prof li img{
width:100px;
height:auto;
margin:0;
padding: 0rem;
border: none; 
text-align: left !important;
border-radius:5px;
border:1px solid #e4e4e4;
}
ul.res-prof li p{
width:300px;
padding: 0.75rem 0px 0.75rem 10px;
border: none; 
text-align: left;
}

/* 装置紹介 */
ul.equip {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-items: flex-start;
list-style:  none;
padding:0 ;
margin:0 ;
}
ul.equip li{
text-align:left; 
margin-top:40px;
}
ul.equip li img{
width:300px; 
}

/*テーブル
outline_table　講演会概要 
sympo_table　講演会プログラム 
history_table　沿革 
member_table　メンバー紹介 
facility_table　実験機器 
press_table　プレスリリース 
----------------------------------------------------------- */

/* テーブル幅 */
:is(.outline_table, .sympo_table ,.history_table ,.member_table,.facility_table, .press_table){
width: 100% !important;
margin-bottom: 40px;
}

/* セル ボーダー（上下のみ） */
:is(.outline_table, .sympo_table ,.history_table ,.member_table,.facility_table, .press_table) tr th ,
:is(.outline_table, .sympo_table ,.history_table ,.member_table,.facility_table, .press_table) tr td{
border-left:none !important;
border-right:none !important;
}
/* セル 背景色 */
.collabo-link-bg, 
.table.tbl__style_3 tbody tr th,
.table.tbl__style_3 thead tr th{
color:#236444 !important;
font-weight: 500 !important;
}
.site-link-bg, 
.collabo-link-bg, 
.table.tbl__style_3 tbody tr th,
.table.tbl__style_3 thead tr th{
background-color: #e5f6ee !important;
}
.table.tbl__style_3 tbody tr th.trans{
background-color:transparent !important;
}
/* ヘッダーセル */
:is(.outline_table, .sympo_table ,.history_table ,.member_table,.facility_table, .press_table) tr th{
white-space: nowrap;
}
/* 400px以下 */
@media screen and (max-width:420px) {
.member_table tr th{
white-space: normal !important;
}
}

/* データセル */
:is(.sympo_table, .history_table , .member_table, .press_table) tr td {
width: auto;
}

/* プレスリリース */
.press_table{width: calc( 100% - 2rem );margin:20px 0px 20px 2rem;}
.press_table tr th, .press_table tr td {vertical-align:top;padding-bottom:5px;}
.press_table tr td {padding-left:5px;}

/* 講演会概要など */
table.outline_table{
width: 100% !important;margin: 40px 0px;
}
.outline_table th ,.outline_table td{
background-color:transparent !important;
vertical-align:top; text-align: left !important; 
padding:8px 0px; border:none !important;
}
.outline_table th{white-space: nowrap;}
.outline_table td{width: auto;}

/* 講演会など */
.sympo_table th,.sympo_table th.trans{
width: 25% !important;
}
/* 769px以上 */
@media screen and (min-width:769px) {
.sympo_table th,.sympo_table th.trans{
width: 15% !important;
}
}
.member_table th{
width:270px;
}
.member_table th.director,.facility_table th{
width:155px;
}
:has(.history_table, .member_table,.facility_table) th{
text-align: left;
}
.sympo_table th.rest{
text-align: center;
}

/* メンバーなど */
.member_table :is(th,td,th.director){padding: 0.75rem 1.5rem;}
/* 768px */
@media screen and (max-width: 768.98px){
.member_table :is(th,td,th.director){display:block;width:100%;text-align: left !important;padding: 0.75rem 1.5rem;}
.member_table td.hidden_td{display:none;}
}