@charset "utf-8";



/* ------------------------------------------------------- sub共通 */
.subTitWrapper{
    max-width: 1400px;
    /* ↓サブページタイトル縦幅↓ */
    height: 60px;
    /*background: linear-gradient(to right, #00b377, #008055) #009966;*/
    position: relative;
    margin: 0 auto;
}

.subTitWrapper::before{
    content: '';
    width: 100%;
    height: 100%;
    background: url("../img/sub_tit_bg-gr.jpg")no-repeat center;
    background-size: cover;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
}

.subTitWrapper .inner{
    display: table;
    height: 100%;
    position: relative;
}

.subTitWrapper .inner h2{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 320%;
    line-height: 1.25;
    color: #fff;
}
.subTitWrapper2{
    max-width: 1400px;
    height: 60px;/*100*/
    /*background: linear-gradient(to right, #009940, #008055) #009966;*/
    position: relative;
    margin: 0 auto;
}

.subTitWrapper2::before{
    content: '';
    width: 100%;
    height: 100%;
    background: url("../img/sub_tit_bg-gr.jpg")no-repeat center;
    background-size: cover;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
}

.subTitWrapper3{
    max-width: 1400px;
    height: 100px;/*100*/
    /*background: linear-gradient(to right, #009940, #008055) #009966;*/
    position: relative;
    margin: 0 auto;
}

.subTitWrapper3::before{
    content: '';
    width: 100%;
    height: 100%;
    background: url("../img/sub_tit_bg-gr.jpg")no-repeat center;
    background-size: cover;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
}

s/*ページinnerの横幅のはStyle.cssに記載。*/
.subTitWrapper2 .inner{
    display: table;
    height: 100%;
    position: relative;
    
}

.subTitWrapper2 .inner h2{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 320%;
    line-height: 1.25;
    color: #fff;
}
.subTitWrapper3 .inner{
    display: table;
    height: 100%;
    position: relative;
    
}

.subTitWrapper3 .inner h2{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 320%;
    line-height: 1.25;
    color: #fff;
}

.subTitWrapper2 .inner2{
    display: table;
    position: relative;
   
}

.subTitWrapper2 .inner3{
    display: table;
    position: absolute;
	height: 500px;
	float: left;
}


.breadcrumb{
	margin-top: 20px;
}

.breadcrumb ul li{
	display: inline-block;
	font-size: 140%;
	margin-right: 12px;
	
}

.breadcrumb ul li:last-child{
    padding: .25em .75em;
    background-color: #ECFFEC;/*e9f7f8*/
    border-radius: 50px;
	font-size: 140%;
}

.breadcrumb ul li::after{
	content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 12px;
    margin-top: -3px;
	
    
}

.breadcrumb ul li:last-child::after{
	content: none;
}

.breadcrumb ul li a{
	color: #333;
	text-decoration: underline;
	font-size: 140%;
}

.breadcrumb ul li a:hover{
	opacity: 1;
	text-decoration: none;
}

.subContentsWrapper{
    padding-top: 50px;/*100*/
}
.subContentsWrapper2{
    padding-top: 0px;/*100*/
}
.coment{
	position: relative;
	width:100%;
	margin-left:auto;
}

.coment table{
	margin-left: auto;
    margin-right: auto;
}

.coment tr td{
	font-size:140%;
	padding:0.5em 0.5em ;
}

.subSec{
    padding-top: 0px;/*80*/
}

.subSec:first-child{
    padding-top: 0;
}

.subSec h3{
    font-size: 240%;
    line-height: 1.5;
    color: #fff;
    padding-top: .65em;
    padding-right: .85em;
    padding-bottom: .65em;
    padding-left: .5em;
    background-color: #009966;/*008489;*/
    margin-bottom: 1.5em;
    position: relative;
}

.subSec .list-disk ul li {
    list-style-type:disc;
    font-size:160%;
    margin-left: 2em;
    margin-right: 1em;
}


.link{
	border-bottom:solid;
	border-color:#009966:/*008489;*/
	border-width:0px;
}

.link a:hover{
	border-bottom:solid;
	border-color:#fff;
	border-width:2px;
	font: #008489;
}


.bosyu{
	margin: 0 0.25em 0;
    position: relative;
    padding: 0.1em 0.2em;
    border-radius: 5px;
    color: #fff;
    letter-spacing: normal;
    font-weight: bold;
    font-size: 12px;
    background: #008489;
}

/*.link a:hover{
	border-bottom:solid;
	border-color:#fff;
	font:#008489;
	}*/

/*.subSec h3::before{
    content: '';
    display: block;
    width: 3em;
    height: 3px;
    background: linear-gradient(to right, #00a3aa, #007f9b);
    position: absolute;
    left: 0;
    bottom: -.65em;
    z-index: 2;
}*/

/*.subSec h3::after{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: -.65em;
}*/

/* .subSec h3::before{
    content: '';
    display: block;
    width: 3em;
    height: 3px;
    background: linear-gradient(to right, #00a3aa, #007f9b);
    position: absolute;
    left: 0;
    bottom: -.65em;
    z-index: 2;
}

.subSec h3::after{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: -.65em;
} */


.subSec h4{
    font-size: 200%;

    line-height: 1.5;
    padding: .5em .75em;
    background-color: #ECFFEC;/*e9f7f8;*/
    border-left: 5px solid #009966;/*#00a3aa;*/
    margin: 3em 0 1em;
}



.subSec .title{
    display: inline-block;
    padding: 0 0 0em 1em;
    border: none;
    border-bottom: 3px solid #333;
    margin: 1.0em 0.5em 0.5em 0em;
	font-weight: bold;
	font-size:1.7em;
}
	
} 
/* .subSec h4.titLine{
    padding-bottom: .25em;
    border-bottom: 1px solid #009966;/*00a3aa;*/
} */

.subSec .right{
	font-size:40%;
    text-align: right;
    margin: 10px 0px 0px;
	padding-right: 5px;
	float: left;
}
.subSec .right2{
	font-size:160%;
    text-align: right;
	padding-right: 5px;
}


.subSec h5{
    /*font-size: 200%;
    line-height: 1.5;
    padding-bottom: .25em;
    border-bottom: 1px solid #009966;/*00a3aa;
    margin: 2em 0 1em;
}*/
	    font-size: 180%;
    line-height: 1;
    padding: .5em .75em;
    /*background-color: #e9f7f8;*/
    border-left: 5px solid #009966;/* #00a3aa;*/
    border-bottom: 1px solid #009966;/*00a3aa;*/
    margin: 3em 0 1em;
}


.subSec h6{
    font-size: 180%;
    line-height: 1.5;
    padding-left: 0.75em;
    margin: 2em 0 1em;
    position: relative;
    border-left: 5px solid #009966;/* #00a3aa;*/
    /*border-bottom: 2px solid #00a3aa;*/
}

.subSec h6::before{
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    /*border-radius: 50%;*/
    /*background-color: #00a3aa;*/
    position: absolute;
    left: 0;
    top: .25em;
}

.subSec .index{
	font-weight: bold;
    font-size: 180%;
    line-height: 1.5;
    padding-left: 1.25em;
    margin: 2em 0 1em;
    position: relative;
    border-bottom: 2px solid #009966;/*#00a3aa;*/
}

.subSec .index::before{
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    /*border-radius: 50%;*/
    /*background-color: #00a3aa;*/
    position: absolute;
    left: 0;
    top: .25em;
}
.subSec .index2{
	font-size: 180%;
	padding:0em .4em .2em .75em;
    border-bottom: 3px double #009966;/*#00a3aa;*/
    background-color: #ffffff;
    color: #333333;}


.subSec .index3{
	font-size: 180%;
    border-bottom: 3px solid #00a3aa;
	margin-top: 1em;
	padding:0em .4em .2em .75em;
	display: inline-block;/*文字数に合わせる*/
}

.subSec .index4 {
  font-size: 140%;
  /*font-weight: bold;*/
	padding:0em .4em .2em .75em;
  border-left: 8px double #009966;/*#00a3aa;*/
	margin-top: 1em;
	margin-bottom: 0.5em;
    height: 2.5em;

	
}

.subSec .index5 {
  font-size: 180%;
  font-weight: bold;
  padding: 0 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-left: 7px dotted #009966;/*#00a3aa;*/
  background-color: #fff;
  outline: 3px solid #00a3aa;
  outline-offset: 0.5em;
  position: relative;
  margin-top: 1em;
}

.subSec .index5::after {
  content: '';
  position: absolute;
  right: calc(-0.5em - 3px);
  top: calc(-0.5em - 3px);
  border-width: 0 20px 20px 0;
  border-style: solid;
  border-color: #00a3aa #fff #009966;/*00a3aa;*/
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);

}


.subSec .index5-1 {
  font-size: 180%;
  font-weight: bold;
  padding: 0 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-left: 7px dotted #009966;/*00a3aa;*/
  background-color: #fff;
  /*outline: 3px solid #4c9ac0;
  outline-offset: 0.5em;*/
  position: relative;
  margin-top: 1em;
}

.subSec .index5-1::after {
  content: '';
  position: absolute;
  right: calc(-0.5em - 3px);
  top: calc(-0.5em - 3px);
  border-width: 0 20px 20px 0;
  /*border-style: solid;*/
  /*border-color: #4c9ac0 #fff #4c9ac0;*/
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);

}

.subSec .index5-2 {
  font-size: 180%;
  font-weight: bold;
  padding: 0 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-left: 5px dashed #009966;/*00a3aa;*/
  background-color: #fff;
  /*outline: 3px solid #4c9ac0;
  outline-offset: 0.5em;*/
  position: relative;
  margin-top: 1em;
}

.subSec .index5-2::after {
  content: '';
  position: absolute;
  right: calc(-0.5em - 3px);
  top: calc(-0.5em - 3px);
  border-width: 0 30px 30px 0;
  /*border-style: solid;*/
  /*border-color: #4c9ac0 #fff #4c9ac0;*/
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);

}

.subSec .index6 {
	position: relative;
	padding: .75em 1em .75em 1.5em;
    background-color: #f2f2f2;
    color: #333333;
	font-size: 140%;
}

.subSec .index6::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #009966;/*2589d0;*/
	border-radius: 4px;
}



.subSec .index7 {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 2;/*行高*/
  /*color: #009966;/*008489;*//*文字色 #ff6a6a*/
  /*border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;*/
  /*background: #fffff4;*/
  font-size: 1.em;
  margin: 0.5em 0em;
  /*width:30em;*/
}

.subSec .index7::after {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  /*background-image: url(../img/icon_122571_64.png);*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #009966;/*008489;*/ /*アイコン色 #ff6a6a*/
}

.subSec .index7 a{
  font-size: 1em;
  color: #009966;/*008489;*/
  font-weight: bold;
}
.subSec .index7 a:hover{
	  color: #00a3aa;

}
.subSec .index8 {
  background-image: url(../img/icon_122571_64.png);
  background-repeat: no-repeat;
  background-size:20px;
  line-height: 1.4;/*行高*/
  position: relative;/*相対位置*/
	position: relative;
	padding: .0em 2em .75em 2em;
	font-size: 140%;
}

.subSec .index8::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	border-radius: 4px;
}

.subSec .indent1 {
  padding-left: 1em;
  text-indent: -em;
}
.subSec .indent2 {
  padding-left: 2em;
  text-indent: -em;}
.subSec .indent3 {
  padding-left: 3em;
  text-indent: -3em;
}
.subSec .indent4 {
  padding-left: 4em;
  text-indent: -4em;}
.subSec .indent5 {
  padding-left: 5em;
  text-indent: -5em;}

.subSec .indent6{
	padding-left:1em;
	text-indent:-1em;
}
.subSec .indent6{
	padding-left:1em;
	position:relative;
}
.subSec .indent6:before{
	position:absolute;
	left:0;
	top:0;
}
.subSec .font-Size{
     font-size:  160%;    /* 文字サイズ指定 */
    
}
.subSec .fontweight{
    font-size: 160%;
    font-weight:bold;
}

.snsLinks .sns{/*@GREEN_AISTの文字位置*/
    text-align: left;
    font-size: 2em;
    margin-left: 2em;
}

.subSec ol{
  list-style-type: none;
  margin: 0em 0;
  font-size: 150%;
  padding-left:1.5em; 
}

.subSec p{
    margin: 1em 0;
}

.subSec img .width{
	width: 80%;
    padding-top: 80px;
}
.subSec img {
	width: 100%;
	margin-bottom: 20px;
}
.subSec .mail{
	width: 30%;
	margin-bottom: 5px;
}
.subSec .mail_en{
	width: 25%;
	margin-bottom: 5px;
}


.subSec p.img-center{
   text-align: center;
}
.subSec img.top-img{
	width: 70%;
	margin-bottom: 20px;
}

.subSec img.top-img2{
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.subSec img.top-img3{
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}


.subSec2 p{
    margin: 1em 0;
}
.subSec2 li{
    font-size: 150%;
}

.subSec2 img .width{
	width: 80%;
    padding-top: 80px;
}
.subSec2 img {
	width: 50%;
}

.subSec p.recruitTopTxt{
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin: 2em 0em;
	position: relative;*/
}
		
.subSec .triangle {
	margin-left:10px;
	background: #008489;
	height: 10px;
	width: 10px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	display: inline-block;
	/*clip-path: polygon(50% 0, 100% 100%, 0 100%);/*上
	clip-path: polygon(0 0, 100% 50%, 0 100%);/*右
	clip-path: polygon(0 0, 100% 0, 50% 100%);/*下
	clip-path: polygon(0 50%, 100% 0, 100% 100%);/*左*/
}
.txtContents .left{
	text-align: left;
	}

.txtContents .center{
	display: flex;
  	justify-content: center;
	}

.txtContents .right{
	text-align: right;
	}


.txtContents .wd80{
		width:80%;
	}	
.txtContents .wd70{
		width:70%;
	}	
.txtContents .wd60{
		width:60%;
	}	
.txtContents .wd50{
		width:50%;
	}	
.txtContents .wd40{
		width:40%;
		max-width:40%;
	}	
.txtContents .wd30{
		width:30%;
	}	
.txtContents .wd20{
		width:20%;
	}	


/*カード*/
 .card-wrapper {
  width: 900px;
  display: flex;
  justify-content: space-between;
}

.card-wrapper .card {
  width: calc((100% - 1em) / 2);
  display: flex;
  flex-direction: column;
  border: 1px solid #00a3aa;
  margin-top:3em;
  margin-left:1em;
  margin-right:3em;
  margin-bottom:3em;
  padding-top:1em;
  padding-left:1em;
  padding-right:1em;
  padding-bottom:1em;
}

.card-wrapper .card-text {
  flex-grow: 1;
  padding-left:1em;
}
.card-wrapper .card-text ul li {
    padding: .25em .75em;
    background-color: #e9f7f8;
    border-radius: 50px;
}

.card-wrapper .card-content {
  flex: 1 1 auto;
  /*background: #e6e6e6;*/
  display: flex;
  flex-direction: column;
}    

.card-wrapper .card-content h1{
    font-size: 150%;
    line-height: 1.5;
    padding: 3em 1em 1em 1em;
}    

/*ボタン*/
.button {
  display: inline-block;
  background-color: #fff;
  border: solid 2px #008489;
  color: #009966;/*008489;*/
  width: 100px;
  height: 30px;
  border-radius: 10px;
  line-height: 30px;
  text-align: center;
  font-size: 1em;
  text-decoration: none;
  margin-left: 1em;
  margin-bottom: 2em;
}
.button:hover {
  background-color: #e0ffff;
  color: #009966;/*008489;*/
}
/*ボタン*/



/*カード End*/



#sub footer{
    border-top: 1px solid #eee;
    margin-top: 120px;
    padding-top: 50px;    

}

u}

.pageLinks ul li{
    width: 31.5%;
    margin: 0 2.75% 2.75% 0;
}

.pageLinks ul li:nth-child(3n),
.pageLinks ul li:last-child{
    margin-right: 0;
}

.pageLinks ul li a{
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 10px 30px;
    /* border: 1px solid #008489; */
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    position: relative;
    transition: all .2s;
}

.pageLinks ul li a:hover{
    text-decoration: underline;
}

.pageLinks ul li a::before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: linear-gradient(to right, #00b377, #008055) #009966;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    bottom: 10px;
    margin: auto;
    transition: all .2s;
	
}

/* .pageLinks ul li a:hover::before{
    width: 30px;
    height: 30px;
    right: 7px;
    bottom: 7px;
} */

.pageLinks ul li a::after{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    right: 20px;
    bottom: 19px;
    margin: auto;
}

.pageLinks ul li a figure{
    border-radius: 3px ;
    overflow: hidden;
    margin-bottom: 20px;
	/*margin-left: 30px;*/
}

.pageLinks ul li a figure img{
    aspect-ratio: 640 / 400;
    object-fit: cover;
    transition: all .3s;
}

.pageLinks ul li a:hover figure img{
    transform: scale(1.1);
}

.pageLinks ul li a figure .figimg{
	width:60%;
}

.pageLinks ul li a figure .top{
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    margin-bottom: 20px;
	margin-left: 20px;
}


.pageLinks ul li a span{
    display: block;
    vertical-align: middle;
    font-size: 300%;/*180%*/
    font-weight: bold;
    line-height: 1.5;/*1.5*/
}

/**/

.anchorLinks{
	padding: 20px 30px 10px 30px;
	line-break: strict;
	border: 1px solid #009966;/*#00a3aa;*/
}

.member .anchorLinks{
    margin-top: 70px;
}


.anchorLinks ul{
    display: flex;
    justify-content:left;/*center*/
    flex-wrap: wrap;
	
}

.anchorLinks ul li{
    display: inline-block;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.5;
    margin: .5em 2em;
}


.about .anchorLinks ul li,
.member .anchorLinks ul li{
    width: 33%;
    margin: .5em 0;
}


.anchorLinks ul li a{
    display: inline-block;
    font-size: 130%;
    /*font-weight: bold;*//*グループ名太字*/
    line-height: 1;
    padding-left: 30px;
    margin-right: 1em;
	margin-bottom: 1.5em;
    transition: all .2s;
    position: relative;

}

.anchorLinks ul li a::before{
    content: '';
    display: inline-block;
    width: 24px;/*丸の大きさ*/
    height: 24px;/*丸の大きさ*/
    background: linear-gradient(to right, #00b377, #008055) #009966;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s;
}

.anchorLinks ul li a::after{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
} 
/*.anchorLinks ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: .5em 1em;
    flex-basis: calc(100% / 4);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
	 justify-content: space-between;
}*/
.anchorLinks.foot ul li a::after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 0;
}
.anchorLinks .moreBtn{
    text-align: center;
    margin: 15px 0 10px;
}

.member .anchorLinks{
    margin-top: 70px;
}

.member .anchorLinks ul{
    display: flex;
    /*justify-content:center;*/
    flex-wrap: wrap;
}

/*en*/

/*anchorLinks*/
/*anchorLinks*/


.anchorLinks-en{
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 1px solid #00a3aa;
	line-break: strict;
    flex-wrap: wrap;/* 折り返し */
}

.anchorLinks-en ul{
    flex-wrap: wrap;
	width:100%;
	display: flex;
    justify-content: center;
}

.anchorLinks-en ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: 0.5em 0.5em;/*.5em 2em:表の余白*/
    flex-basis: calc(120% / 4);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
}


.anchorLinks-en ul li a{
    display: inline-block;
    font-size: 140%;
    font-weight: bold;/*グループ名太字*/
    line-height: 1;
    padding-left: 30px;
    margin-right: 0.5em;
	margin-bottom: 1.5em;
    transition: all .2s;
    position: relative;
}


.anchorLinks-en ul li a::before{
    content: '';
    display: inline-block;
    width: 24px;/*丸の大きさ*/
    height: 24px;/*丸の大きさ*/
    background: linear-gradient(to right, #00b377, #008055) #009966;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s;
}


.anchorLinks-en ul li a::after{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
}


.anchorLinks-en ul li a:hover{
    color: #009966;/*008489;*/
    padding-left: 33px;
}


.anchorLinks-en ul li a:hover::before{
    width: 30px;
    height: 30px;
    left: -3px;
}

.anchorLinks-en .moreBtn{
    text-align: center;
    margin: 5px 0px 5px;
	padding-right: 5px;
}


.anchorLinks-en .moreBtn .left{
    text-align: left;
    margin: 5px 0px 5px;
	padding-right: 5px;
}
/**//**/
/**/
.anchorLinks2-en{
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-break: strict;
	border: 1px solid #00a3aa;
}
.anchorLinks2-en ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

 .anchorLinks2-en ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: .5em 1em;
    flex-basis: calc(110% / 4);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
	 justify-content: space-between;
}

.anchorLinks2-en ul li a{
    display: inline-block;
    font-size: 160%;
    /*font-weight: bold;*//*グループ名太字*/
    line-height: 1;
    padding-left: 30px;
    margin-right: 1em;
	margin-bottom: 1.5em;
    transition: all .2s;
    position: relative;
}

.anchorLinks2-en ul li a::before{
    content: '';
    display: inline-block;
    width: 24px;/*丸の大きさ*/
    height: 24px;/*丸の大きさ*/
    background: linear-gradient(to right, #00b377, #008055) #009966;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s;
}

.anchorLinks2-en ul li a::after{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.anchorLinks2-en ul li a:hover{
    color: #009966;/*008489;*/
    padding-left: 33px;
}

.anchorLinks2-en ul li a:hover::before{
    width: 30px;
    height: 30px;
    left: -3px;
}
.anchorLinks2-en .moreBtn{
    text-align: center;
    margin: 5px 0px 5px;
	padding-right: 5px;
}
.anchorLinks2-en .moreBtn .left{
    text-align: left;
    margin: 5px 0px 5px;
	padding-right: 5px;
}


/**/
/**/
 /*.anchorLinks ul li{
 flex-grow: 1;
}*/
/*anchorLinks*/


.anchorLinks1,
.anchorLinks2,
.anchorLinks3,
.anchorLinks4,
.anchorLinks5,
.anchorLinks6,
.anchorLinks7,
.anchorLinks2L,
.anchorLinks3L,
.anchorLinks4L,
.anchorLinks5L,
.anchorLinks6L,
.anchorLinks7L{
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 1px solid #009966;/*00a3aa;*/
	line-break: strict;
    flex-wrap: wrap;/* 折り返し */

}


.anchorLinks1 ul,
.anchorLinks2 ul,
.anchorLinks3 ul,
.anchorLinks4 ul,
.anchorLinks5 ul,
.anchorLinks6 ul,
.anchorLinks7 ul{
    flex-wrap: wrap;
	width:100%;
	display: flex;
    justify-content: center;
}

.anchorLinks2L ul,
.anchorLinks3L ul,
.anchorLinks4L ul,
.anchorLinks5L ul,
.anchorLinks6L ul,
.anchorLinks7L ul{
    flex-wrap: wrap;
	width:100%;
	display: flex;
    justify-content: left;
}

.anchorLinks1 ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: 0.5em 1em;/*.5em 2em:表の余白*/
    flex-basis: calc(100% / 1);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
}


.anchorLinks2 ul li,
.anchorLinks2L ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: 0.5em 1em;/*.5em 2em:表の余白*/
    flex-basis: calc(100% / 3);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
}


.anchorLinks3 ul li,
.anchorLinks3L ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: 0.5em 1em;/*.5em 2em:表の余白*/
    flex-basis: calc(100% / 4);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
}

.anchorLinks4 ul li,
.anchorLinks4L ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: 0.5em 1em;/*.5em 2em:表の余白*/
    flex-basis: calc(100% / 5);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
}

.anchorLinks5 ul li,
.anchorLinks5L ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: 0.5em 1em;/*.5em 2em:表の余白*/
    flex-basis: calc(100% / 6);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
}

.anchorLinks6 ul li,
.anchorLinks6L ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: 0.5em 1em;/*.5em 2em:表の余白*/
    flex-basis: calc(100% / 7);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
}

.anchorLinks7 ul li,
.anchorLinks7L ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: 0.5em 1em;/*.5em 2em:表の余白*/
    flex-basis: calc(100% / 8);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
}

.anchorLinks1 ul li a,
.anchorLinks2 ul li a,
.anchorLinks3 ul li a,
.anchorLinks4 ul li a,
.anchorLinks5 ul li a,
.anchorLinks6 ul li a,
.anchorLinks7 ul li a,
.anchorLinks2L ul li a,
.anchorLinks3L ul li a,
.anchorLinks4L ul li a,
.anchorLinks5L ul li a,
.anchorLinks6L ul li a,
.anchorLinks7L ul li a{
    display: inline-block;
    font-size: 150%;
    font-weight: bold;/*グループ名太字*/
    line-height: 1;
    padding-left: 30px;
    margin-right: 0.5em;
	margin-bottom: 1.5em;
    transition: all .2s;
    position: relative;
}

.anchorLinks1 ul li a::before,
.anchorLinks2 ul li a::before,
.anchorLinks3 ul li a::before,
.anchorLinks4 ul li a::before,
.anchorLinks5 ul li a::before,
.anchorLinks6 ul li a::before,
.anchorLinks7 ul li a::before,
.anchorLinks2L ul li a::before,
.anchorLinks3L ul li a::before,
.anchorLinks4L ul li a::before,
.anchorLinks5L ul li a::before,
.anchorLinks6L ul li a::before,
.anchorLinks7L ul li a::before{
    content: '';
    display: inline-block;
    width: 24px;/*丸の大きさ*/
    height: 24px;/*丸の大きさ*/
    background: linear-gradient(to right, #00b377, #008055) #009966;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s;
}

.anchorLinks1 ul li a::after,
.anchorLinks2 ul li a::after,
.anchorLinks3 ul li a::after,
.anchorLinks4 ul li a::after,
.anchorLinks5 ul li a::after,
.anchorLinks6 ul li a::after,
.anchorLinks7 ul li a::after,
.anchorLinks2L ul li a::after,
.anchorLinks3L ul li a::after,
.anchorLinks4L ul li a::after,
.anchorLinks5L ul li a::after,
.anchorLinks6L ul li a::after,
.anchorLinks7L ul li a::after{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.anchorLinks1 ul li a:hover,
.anchorLinks2 ul li a:hover,
.anchorLinks3 ul li a:hover,
.anchorLinks4 ul li a:hover,
.anchorLinks5 ul li a:hover,
.anchorLinks6 ul li a:hover,
.anchorLinks7 ul li a:hover,
.anchorLinks2L ul li a:hover,
.anchorLinks3L ul li a:hover,
.anchorLinks4L ul li a:hover,
.anchorLinks5L ul li a:hover,
.anchorLinks6L ul li a:hover,
.anchorLinks7L ul li a:hover{
    color: #009966;/*008489;*/
    padding-left: 33px;
}

.anchorLinks1 ul li a:hover::before,
.anchorLinks2 ul li a:hover::before,
.anchorLinks3 ul li a:hover::before,
.anchorLinks4 ul li a:hover::before,
.anchorLinks5 ul li a:hover::before,
.anchorLinks6 ul li a:hover::before,
.anchorLinks7 ul li a:hover::before,
.anchorLinks2L ul li a:hover::before,
.anchorLinks3L ul li a:hover::before,
.anchorLinks4L ul li a:hover::before,
.anchorLinks5L ul li a:hover::before,
.anchorLinks6L ul li a:hover::before,
.anchorLinks7L ul li a:hover::before{
    width: 30px;
    height: 30px;
    left: -3px;
}

.anchorLinks1 .moreBtn,
.anchorLinks2 .moreBtn,
.anchorLinks3 .moreBtn,
.anchorLinks4 .moreBtn,
.anchorLinks5 .moreBtn,
.anchorLinks6 .moreBtn,
.anchorLinks7 .moreBtn,
.anchorLinks2L .moreBtn,
.anchorLinks3L .moreBtn,
.anchorLinks4L .moreBtn,
.anchorLinks5L .moreBtn,
.anchorLinks6L .moreBtn,
.anchorLinks7L .moreBtn{
    text-align: center;
    margin: 5px 0px 5px;
	padding-right: 5px;
}


.anchorLinks1 .moreBtn .left,
.anchorLinks2 .moreBtn .left,
.anchorLinks3 .moreBtn .left,
.anchorLinks4 .moreBtn .left,
.anchorLinks5 .moreBtn .left,
.anchorLinks6 .moreBtn .left,
.anchorLinks7 .moreBtn .left{
    text-align: left;
    margin: 5px 0px 5px;
	padding-right: 5px;
}
/**/

 /*.anchorLinks ul li{
 flex-grow: 1;
}*/
/**/
 /*.anchorLinks ul li{
 flex-grow: 1;
}*/

.QR{
	width: 100px;
	height: 100px;
	
}
.moreBtn .QR_s {
vertical-align:top;
	width: 80px;
	height: 80px;
	margin-top: -12px;
	margin-bottom: -17px;
}

/**/
.image-gallery {
  display: flex;              /* 横並びにする */
  justify-content: center; /* 左右に均等配置する */
  flex-wrap: wrap;            /* 折り返しを許可する */
}

.image-item {
  width: 45%;                 /* 2列にするため、それぞれ約半分の幅を指定 */
  margin-bottom: 20px;        /* 下部の余白 */
  text-align: center;         /* キャプションを中央揃えに */

}

.image-item img {
  width: 90%;                /* 画像を親要素（figure）の幅に合わせる */
  height: auto;               /* 縦横比を維持 */
	
}

.image-item figcaption {
  margin-top: 5px;           /* 画像とキャプションの間の余白 */
  font-size: 14px;            /* フォントサイズの調整 */
}
/**/

.sec2Col > figure{
    float: left;
    width: 48%;/*画像幅48*/
    
}

.sec2Col > figure .img_r{
    float: right;
    width: 20%;/*画像幅*/
    
}
.sec2Col > figure .img_r2{
    float: right;
    width: 10%;/*画像幅*/
    
    
}

.sec2Col.reverse > figure{
    float: right;
}

.sec2Col.mission > figure,
.research .sec2Col > figure,
.recruit .sec2Col > figure,
.infrastructure .sec2Col > figure,
.co2 .sec2Col > figure,
.group .sec2Col > figure{
    width: 48%;
}

.sec2Col-r > figure{
    float: right;
    width: 30%;/*画像幅30*/
    display: flex;
}
.sec2Col > figure .img30{
    float: left;
    width: 30%;/*画像幅*/
}
.sec2Col > figure .img30n{
    width: 30%;/*画像幅*/
}

.sec2Col > figure .img{
    float: left;
    width: 40%;/*画像幅*/
    
}
.sec2Col > figure .img2{
    float: left;
    width: 50%;/*画像幅*/
}
.sec2Col > figure .img3{
    float: right;
    width: 40%;/*画像幅*/
}
.sec2Col > figure >.img4{
    float: left;
    width: 40%;/*画像幅*/
}
.sec2Col > figure >.img6{
    float: left;
    width: 60%;/*画像幅*/
}
.sec2Col > figure >.img7r{
    float: right;
    width: 70%;/*画像幅*/
}
.sec2Col > figure >.img7l{
    float: left;
    width: 70%;/*画像幅*/
}

.sec2Col2 > figure{
    float: left;
    margin-left: 10px;
    display: flex;
}
.sec2Col2 list-bk{
    color:#000;
    font-size:120%;
    
}
.sec2Col > .img-r{
    float: right;/*right*/
    width: 48%;/*71％*/
    padding-left: 5px;
}

.zoom{
transform:scale(1.);
    margin: 20px 70px 20px 20px;
    float:left;
    
}
.zoom2{
transform:scale(0.9);
    margin: 20px 20px 20px 10px;
    float: left;
    vertical-align: top;
}

.sec2Col > .youtube,
.sec2Col > .txtContents{
    float: right;/*right*/
    width: 48%;/*71％*/
}
.sec2Col > .txtContents2{
    float: right;/*right*/
    width: 65%;/*71％*/
}
.sec2Col > .fig10{
    float: right;/*right*/
    width: 10%;/*71％*/
}
.sec2Col > .fig20{
    float: right;/*right*/
    width: 20%;/*71％*/
}
.sec2Col > .fig30{
    float: right;/*right*/
    width: 30%;/*71％*/
}
.sec2Col > .fig40{
    float: right;/*right*/
    width: 40%;/*71％*/
}
.sec2Col > .fig50{
    float: right;/*right*/
    width: 50%;/*71％*/
}
.sec2Col > .fig60{
    float: right;/*right*/
    width: 60%;/*71％*/
}
.sec2Col > .fig65{
    float: right;/*right*/
    width: 65%;/*71％*/
}

.sec2Col > .fig70{
    float: right;/*right*/
    width: 70%;/*71％*/
}

.sec2Col > wd70{
	width:70%;
	floart:left;
}
.sec2Col > .fig10L{
    float: left;/*right*/
    width: 10%;/*71％*/
}
.sec2Col > .fig20L{
    float: left;/*right*/
    width: 20%;/*71％*/
}
.sec2Col > .fig30L{
    float: left;/*right*/
    width: 30%;/*71％*/
	padding:0 0 0 10px;
}
.sec2Col > .fig40L{
    float: left;/*right*/
    width: 40%;/*71％*/
}
.sec2Col > .fig50L{
    float: left;/*right*/
    width: 50%;/*71％*/
}
.sec2Col > .fig60L{
    float: left;/*right*/
    width: 60%;/*71％*/
}
.sec2Col > .fig70L{
    float: left;/*right*/
    width: 70%;/*71％*/
}

.sec2Col > wd70{
	width:70%;
	floart:left;
}

	
}

.sec2Col  figure .imgl10{
    float: left;
    width: 10%;/*画像幅*/
	padding:0px 0 0 20;
	margin: 20px;
    }
.sec2Col  figure .imgl20{
    float: left;
    width: 20%;/*画像幅*/
	padding:0px 0 0 20;
	margin: 20px;
    }
.sec2Col  figure .imgl70{
    float: left;
    width: 70%;/*画像幅*/
	padding:0 0 0 20px;
    }

.sec2Col.reverse > .txtContents{
    float: left;
}


.sec2Col.mission > .txtContents,
.research .sec2Col > .txtContents,
.recruit .sec2Col > .txtContents,
.infrastructure .sec2Col > .txtContents,
.co2 .sec2Col > .txtContents,
.group .sec2Col > .txtContents{
    width: 48%;
}


.sec2Col > .txtContents p:first-child{
    margin-top: 0;
}

.sec2Col > .txtContents .koubo{
	padding-left:20px;
	margin-bottom: 10px;
	font-size: 160%;
}

.press {
    padding: 10px 0 10 20;
	margin-top: 160px;
	margin-left: 120px;
	background-color: #000;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	color: #fff;
    /*font-weight: bold;*/
    font-size: 200%;
    -webkit-text-stroke:px #000;
	width:60%;
	border-radius: 5px 5px 0px 0px;
}
.press_en {
    padding: 10px 0 10 20;
	margin-top: 145px;
	margin-left: 120px;
	background-color: #000;
	/*background-color: rgba(0, 0, 0, 0.5);*/
    /*background: linear-gradient(to right, #009940, #008055) #009966;**/
	color: #fff;
    font-weight: bold;
    font-size: 200%;
    -webkit-text-stroke:px #000;
	width:60%;
	text-align: center;
}

/*.press_en {
    padding: 10px 0 10 20;
	margin-top: -30px;
	margin-left: 120px;
    background: linear-gradient(to right, #00b377, #008055) #009966;
	color: #fff;
    font-weight: bold;
    font-size: 200%;
    -webkit-text-stroke:px #000;
	width:60%;
	text-align: center;
    border-radius: 10% 10% 0 0;
}*/


/*.sec2Col > .press{
    padding: 10px;
	/*background-color: rgba(255, 255, 255, 0.4);*
	color: #fff;
    font-weight: bold;
    font-size: 100px;
    -webkit-text-stroke:6px #000;
    margin: 0;
}*/

/*.sec2Col .pickupList .press{
    padding: 10px;
	/*background-color: rgba(255, 255, 255, 0.4);*
    color: #fff;
    font-weight: bold;
    font-size: 100px;
    /*-webkit-text-stroke:6px #000;*
    margin: 0;
}*/


.moreBtn{
    text-align: right;
    margin: 10px 10px;/*ボタン周りの余白*/

}

.sec2Col > .txtContents .moreBtn{
    text-align: right;
    margin-bottom: 0;
}

.moreBtn a{
    display: inline-block;
    min-width: 240px;
    text-align: left;
    font-size: 150%;
    font-weight: bold;
    line-height: 1;
    color: #009966;/*008489;*/
    padding: 1em 2.25em 1em 1.5em;
    border: 1px solid #009966;/*00a3aa*/
    border-radius: 50px;
    position: relative;
    transition: all .2s;
}

.moreBtn a:hover{
    color: #fff;
    background-color: #009966;/*008489;*/
    border-color: #009966;/*008489;*/
}

.moreBtn a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 1px solid #009966;/*#00a3aa;*/
    border-right: 1px solid #009966;/*#00a3aa;*/
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s;
}

.moreBtn a:hover::after{
    border-color: #fff;
}

.listCircleNum li{
    font-size: 160%;
    line-height: 1.5;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: .75em;
}

.listCircleNum li:last-child{
    margin: 0;
}

.anchor{
    margin-top: -30px;
    padding-top: 30px;
}

.tac{
    text-align: center;
}
.secFigure{
    margin: 30px 0;
    /*margin-top: 10px ;
    margin-bottom: 30px;
    width:100%;*/
}


.secFigure + .secFigure{
    margin: 70px 0;
}

.secFigure img{
    display: block;
    margin: 0 auto;
}

.secFigure figcaption{
    display: inline-block;
    font-size: 160%;
    line-height: 1.5;
    color: #000;/*fff：フォントカラー*/
    padding: .25em .75em;
    /*background-color: #009966;/*008489;*/*//*文字背景の色*/
    margin-top: 1.5em;
}
.secFigure figcaption .center{
	text-align: center;

}

 figcaption{
    display: inline-block;
    font-size: 160%;
    line-height: 1.5;
    color: #000;/*fff：フォントカラー*/
    padding: .25em .75em;
    /*background-color: #009966;/*008489;*/*//*文字背景の色*/
    margin-top: 1.5em;
}

.product
.img30 img{
    max-width: 30%;
}
.product
.img40 img{
    max-width: 40%;
}
.product
.img50 img{
    max-width: 50%;
}
.product
.img60 img{
    max-width: 60%;
}
.product
.img70 img{
    max-width: 70%;
}
.product
.img80 img{
    max-width: 80%;
}
.product
.img90 img{
    max-width: 90%;
}

img .img30{
    max-width: 30%;
}

img .img40{
    max-width: 40%;
}

img .img50{
    max-width: 50%;
}

img .img60{
    max-width: 60%;
}

img .img70{
    max-width: 70%;
}

img .img80{
    max-width: 80%;
}

img .img90{
    max-width: 90%;
}

.linkBx{
    padding: 40px;
    background-color: #e3f5f6;
    margin: 30px 0;
}

.linkBx > span{
    display: block;
    font-size: 160%;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1em;
}

.linkBx .listDisc{
    margin: 0;
}
.listNoteNum li{
    text-indent: -2em;
    padding-left: 2em;
    font-size: 160%;
    line-height: 1.5;
    margin-bottom: .75em;
}

.js-accordionTit div{
    display: block;
    cursor: pointer;
    position: relative;
    transition: all .3s;
}

.js-accordionTit div:hover{
    opacity: .8;
}

.js-accordionTit div::after{
    content: '+ OPEN';/*'＋'*/
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.js-accordionTit.active div::after{
    content: '- CLOSE';/*'－'*/
}

.js-accordionTit div span{
    display: inline-block;
    vertical-align: middle;
    font-size: 58.33333%;
    line-height: 1;
    color: #333;
    padding: .7em .95em;
    background-color: #eee;
    border-radius: 50px;
    margin-left: 1em;
    position: absolute;
    right: 42px;
}
.js-accordionTit div span::before{
    content: 'OPEN';
}

.js-accordionTit.active div span::before{
    content: 'CLOSE';
}

.accordionInner{
    display: none;
}


.subTable{
    margin: 30px 0;
}

.subSec h6 + .subTable{
    margin-top: 0;
}

.subTable table{
    width: 100%;
}

.subTable table th,
.subTable table td{
    font-size: 160%;
    line-height: 1.5;
    padding: .5em;
    border: 1px solid #ccc;
}

.subTable table th{
    text-align: center;
    background-color: #e9f7f8;
}

.contentsBx1{
    width: 100%;
    max-width: 448px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    overflow: hidden;
}

.contentsBx1 > span{
    display: inline-block;
    font-size: 200%;
    font-weight: 700;
    line-height: 1.5;
    padding: 0 0 .25em 30px;
    border-bottom: 2px solid #333;
    margin: 1.25em 30px 1em 0;
}

.contentsBx1 > p{
    padding: 0 30px;
    margin: 0;
}

.contentsBx1 .moreBtn{
    padding: 20px 30px;
    border-top: 1px solid #eee;
    margin: 30px 0 0;
}







/* ------------------------------------------------------- 部門紹介 */
.aboutTable{
    margin: 20px 0;
}
.aboutTable table{
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.aboutTable table th,
.aboutTable table td{
    font-size: 160%;
    line-height: 1.5;
    padding: .75em .75em;
    border-top: 1px solid #ccc;
}
.aboutTable table th{
    text-align: center;
    width: 16em;/*16em*/
    /* background-color: #e9f7f8; */
}
.aboutTable table td.name{
    text-align: center;
}

.aboutTable table td.id{
    width: 30px;
}

.aboutTable table td.id a{
    display: inline-block;
    width: 24px;
}

.aboutTable table td.id a:hover{
    opacity: .8;
}

/**/
.aboutTable_en table{
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.aboutTable_en table th,
.aboutTable_en table td{
    font-size: 160%;
    line-height: 1.5;
    padding: .75em .75em;
    border-top: 1px solid #ccc;
}
.aboutTable_en table th{
    text-align: center;
    width: 16em;/*16em*/
    /* background-color: #e9f7f8; */
}
.aboutTable_en table td.name{
    text-align: center;
}

.aboutTable_en table td.id{
    width: 30px;
}

.aboutTable_en table td.id a{
    display: inline-block;
    width: 24px;
}

.aboutTable_en table td.id a:hover{
    opacity: .8;
}
/**/
.aboutMessage figure{
    float: right;
    width: 20%;
}

.aboutMessage .txtContents{
    float: left;
    width: 75%;
}

.aboutMessage .txtContents h4{
    margin-top: 1em;
}


.subSec .aboutChartImg{
    text-align: center;
    margin-top: 50px;
}

.aboutChartImg img{
    max-width: 720px;
}

/*.aboutMessageBox{
    overflow: hidden;
	
}

/*.space{
    width: 1px;
    height: 100%;
	
}*/
p{margin: 0;padding: 0;line-height: 1.8}

#aboutMessageBox {
  overflow: hidden;/*float解除*/
    width: 200px;
    font-size: 10pt;
    /*border: solid 1px #666;*/
    padding: 0.5em;
}


 .space {
  float: right;/*画像の位置を右下にしたい場合はright*/
	min-height: 2vh; /* Fallback */
	 height: calc(var(--vh, 1vh) * 50);
    width: 1px;
	 
}
 .photo {
    width: 225px;
  float: right;/*画像の位置を右下にしたい場合はright*/
  clear: both;/*.spaceのfloat解除*/
  margin-left: 10px;
}

/**/
.aboutTable table .width{
    margin: 20px 0;
    width:25%;
}
.aboutTable table .bunrui{
    margin: 20px 0;
    width:30%;
}

.aboutTable table .name{
    margin: 20px 0;
    width:20%;
}
.aboutTable table .orcid{
    margin-top: 10px 0;
    width:5%;
}
/**/



.about .groupList{
    margin-top: 50px;
}

.about .groupList ul,
.recruit .groupList ul{
    display: flex;
    flex-wrap: wrap;
}

.about .groupList ul li,
.recruit .groupList ul li{
    width: 32%;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    overflow: hidden;
    margin: 0 2% 2% 0;
}

.about .groupList ul li .title{
		font-size: 160%;
	}

.about .groupList ul li .title.en{
		font-size: 160%;
	}

.about .groupList ul li:nth-child(3n),
.recruit .groupList ul li:nth-child(3n){
    margin-right: 0;
}

.about .groupList ul li figure img,
.recruit .groupList ul li figure img{
    aspect-ratio: 640 / 420;
    object-fit: cover;
}

.about .subSec .groupList ul li h4,
.recruit .subSec .groupList ul li h4{
    display: inline-block;
    padding: 0 0 .25em 30px;
    border: none;
    border-bottom: 2px solid #333;
    margin: 1.25em 30px 1em 0;
}

.about .subSec .groupList.en ul li h4{
    font-size: 130%;/*150*/
}

.about .subSec .groupList ul li p,
.recruit .subSec .groupList ul li p{
    min-height: 7.2em;
    padding: 0 30px;
    margin: 0;
}

.about .subSec .groupList ul li .moreBtn,
.recruit .subSec .groupList ul li .moreBtn{
    padding: 10px 30px;
    border-top: 1px solid #eee;
    margin: 10px 0px 0 0;
}

 .aboutTable table td.link a::before{
        width: 22px;
        height: 22px;
    }
    
 .aboutTable table td.link a::after{
        left: 7px;
    }
    .subTable table th,
    .subTable table td{
        font-size: 150%;
    }
    
    .aboutTable table td.id{
        width: auto;
    }

    .contentsBx1 > span{
        padding-left: 20px;
        margin-right: 20px;
    }
    
    .contentsBx1 > p{
        padding: 0 20px;
    }
    
    .contentsBx1 .moreBtn{
        padding: 20px;
    }

/**/
.box {
  /*border: 1px solid blue;*/
		position: relative;

}
.clear-after {
  display: none; /* 交差を検出するため最初はfloat解除しない */
  clear: both;
  height: 0;
	
}
.clear {
  clear: both; /* 後続要素のレイアウト崩れを防止する */
}

/*.aboutMessageBox{
        display: flex;
        flex-wrap: wrap;
    }*/

/*.space {
  display: none;
	float: right; /* 画像を左下に配置する場合は値をleftにする */
  height: 0em; /* 仮の高さ */
  /*outline: 1px solid red;*/
	/*position: fixed*/
	/*bottom: 10px;*/
}


.photo {
        order: 1;
        float: none;
        width: 60%;
        margin: 15px auto;

}
.photo img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

 .aboutMessageBox .txtContents p:first-child{
        margin-top: 0;
    }



/**/
.aboutTable table td.link a{
    display: inline-block;
    padding-left: 30px;
    position: relative;
    transition: all .1s;
}

.aboutTable table td.link a:hover{
    text-decoration: underline;
    color: #009966;/*008489;*/
}

.aboutTable table td.link a::before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: linear-gradient(to right, #00b377, #008055) #009966;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s;
}

.aboutTable table td.link a::after{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.co2Bnrs{
    margin: 50px 0;
}

.co2Bnrs ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.co2Bnrs ul li{
    margin: 0 3% 3% 0;
}

.co2Bnrs ul li:last-child{
    margin: 0;
}

.co2Bnrs ul li img{
    width: auto;
}

.co2Bnrs ul li a{
    display: inline-block;
    border: 1px solid #ccc;
}

.co2Bnrs ul li a:hover{
    opacity: .8;
}

/* ----------------------------------------------- GSHP（地熱ポテンシャル） */
.gstable {
  font-size:160%;
  border-collapse: collapse;
  /*table-layout: fixed;*/
  width: 100%;
  max-width: 100%;
  text-align: left;
  padding-left: 2em;
  padding-right: 2em;

}
.gstable td{
 padding: 10px 0px;
}
.gstable .top{
	vertical-align: top;
}
.subSec .gs{
  font-size:160%;
  margin-left: 2em;
}

.gslist{
	font-size: 160%;
	width:100%;
    padding:2em 2em 2em 4em;
	border: 1px solid black;
	margin-bottom: 2em
}
.gslist ul li{
	list-style-type: disc;
}


.gslist2{
	font-size: 160%;
	width:100%;
    padding:1em 1em 1em 1em;
	border: 1px solid black;
	margin-bottom: 2em;
	text-align:center;
}

.gslist3{
	font-size: 160%;
	width:100%;
    padding:1em 1em 1em 1em;
	margin-left: 2em;
	margin-bottom: 2em;
}

.gslist3 ul li{
	list-style-type: disc;
}


/* ------------------------------------------------------- お知らせ・研究成果 */
.infoDate span{
    display: block;
    font-size: 140%;
    margin-bottom: 3em;
}

.colorRed{
    color: #E40000;
}

.entryBody a{
    word-break: break-all;
    color: #009966;/*008489;*/
    text-decoration: underline;
}

.entryBody a:hover{
    text-decoration: none;
}

.overviewBlock{
    padding: 40px 50px;
    /*border: 1px solid #ccc;*/
    margin: 30px 0;
}

.overviewBlock span.topTxt{
    display: block;
    text-align: center;
    font-size: 160%;
    margin-bottom: 2em;
}

.backBtn{
    text-align: center;
    margin-top: 50px;
}

.backBtn a{
    text-align: center;
}
/* ------------------------------------------------------- 各グループHP */

.gr-list{
	font-size: 160%;
	padding-left: 3em;
	list-style:square;
}

	
	
/* ------------------------------------------------------- 研究紹介 */
.papers .subSec h4{
    margin-bottom: .5em;
}

.papersTable table{
    width: 100%;
}

.papersTable table th,
.papersTable table td{
    font-size: 160%;
    line-height: 1.5;
    padding: .75em .75em;
    border: 1px solid #ccc;
}

.papersTable table th{
    text-align: center;
    width: 8em;
    background-color: #e9f7f8;
}

.papersTable table td,
.papersTable table td a{
    word-break: break-word;
}

.papersBlock{
    display: table;
    width: 100%;
    margin-bottom: 30px;
	word-break: break-all;
}
.papersBlock>p{
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.papersContainer .papersBlock:last-child{
    margin: 0;
}

.papersBlock .num{
    display: table-cell;
    vertical-align: top;
    width: 3%;
    font-size: 160%;
    line-height: 1.8;
}
.papersBlock .num2{
    display: table-cell;
    vertical-align: top;
    width: 13em;
    font-size: 140%;
    line-height: 1.8;
	margin-right:20px; 
}

.papersBlock p{
    display: table-cell;
    font-size: 140%;
	padding-left:1em;
	overflow-wrap: break-word;
}
.papersBlock p.text{
	width:90%;
    height: 4em;

}


.memberDl dl{
    display: table;
    width: 100%;
    font-size: 160%;
    line-height: 1.5;
    margin-bottom: 1em;
}

.memberDl dl dt{
    display: table-cell;
    vertical-align: top;
    width: 8em;
}

.memberDl dl dd{
    display: table-cell;
    vertical-align: top;
}

.sec2Col50{
    margin: 30px 0;
}
.sec2Col50-1{
    margin: 30px 0;
}
.sec2Col50-2{
   width: 100%;
   margin: 30px 0;
   margin-right:10px;
}

.sec2Col50 .txtContents{
    float: right;
    width: 50%;
}
.sec2Col50 .txtContents2{
    float: right;
    width: 100%;
}
.sec2Col50-2 .txtContents2{
    float: right;
    width: 75%;
}
.sec2Col50-2 .txtContents2 .right{
text-align: right;
}

.sec2Col50 .txtContents ul li{
    padding-left: 1.25em;
    font-size: 160%;
    line-height: 1.5;
    margin-bottom: .75em;
    position: relative;
}
.sec2Col50 .txtContents2 ul li{
    padding-left: 1.25em;
    font-size: 160%;
    line-height: 1.5;
    margin-bottom: .75em;
    position: relative;
}

.sec2Col50 .txtContents ul li::before{
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 100%;
    background-color: #00a3aa;
    position: absolute;
    left: 0;
    top: .25em;
}
.sec2Col50 .txtContents2 ul li::before{
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 100%;
    background-color: black;/*#00a3aa*/
    position: absolute;
    left: 0;
    top: .25em;
}

.sec2Col50 figure{
    float: left;
    width: 46%;
}
.sec2Col50-2 figure{
    float: left;
    width: 20%;
}
.sec2Col50-3 figure{
	
    float: right;
    width: 30%;
    position: relative;
	margin-bottom: 50px;
}

.infrastructureBnr a{
    display: block;
    width: 100%;
    max-width: 450px;
    padding: 10px;
    border: 1px solid #eee;
}

.infrastructureBnr a:hover{
    opacity: .8;
}



/* ------------------------------------------------------- 採用情報 */
.subSec p.recruitTopTxt{
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin: 2em 0;
}
.voice2col figure{
    float: left;
    width: 25%;
}

.voice2col figure .voice{
    border-radius: 3px ;
    overflow: hidden;
    margin-bottom: 20px;
	margin-left: 30px;
width:300px;
  height:300px;
  border-radius:50%;
}


.voice2col figure figcaption{
    text-align: center;
    font-size: 160%;
    font-weight: bold;
    line-height: 1.8;
    margin-top: .75em;
	width:100%;
}

.voice2col .txtContents{
    float: right;
    width: 71%;
    padding: 40px;
    background-color: #ECFFEC;/*e3f5f6*/
    border-radius: 10px;
    position: relative;
}

.voice2col .txtContents::before{
    content: "";
    position: absolute;
    top: 40px;
    left: -30px;
    border: 15px solid transparent;
    border-right: 15px solid #ECFFEC;/*e3f5f6;*/
}

.voice2col .txtContents dl{
    font-size: 160%;
    line-height: 1.8;
}

.voice2col .txtContents dl dt{
    font-weight: bold;
    line-height: 1.5;
    color: #009966;/*008489;*/
    padding: .35em .5em;
    background-color: #fff;
    margin-bottom: .5em;
}

.voice2col .txtContents dl dd{
    padding-left: 1em;
    margin-bottom: 1.5em;
}

.voice2col .txtContents dl dd:last-child{
    margin: 0;
}



/* ------------------------------------------------------- お問い合わせ アクセス */
.mailImg{
    display: inline-block;
    vertical-align: middle;
    width: auto;/
    height: 1.em;/*1.25em*/
    /*margin-top: -5px;*/
}



/* ------------------------------------------------------- イベント・出版物 */
.inlineLinks ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.inlineLinks ul li{
    width: 32.5%;
    font-size: 150%;
    line-height: 1.5;
    margin-bottom: 1.25%;
}

.inlineLinks.col2 ul li{
    width: 49.375%;
}

.inlineLinks ul li a{
    display: block;
    width: 100%;
    word-break: break-all;
    color: #009966;/*008489;*/
    padding: 0.2em .75em 0.2em .75em;
    /*background-color: #e9f7f8;*/
	border-left:3px solid #009966;/*#00a3aa;*/
	height: auto;
    /*border-radius: 5px;*/
    text-decoration: underline;
	line-height:1.5em;/*行間*/
	vertical-align:middle;/*上下中央揃え*/
}

.inlineLinks ul li a:hover{
    text-decoration: none;
}

.productAnchorLinks{
    margin-top: 30px;
}
.productAnchorLinks ul{
    display: flex;
    justify-content: space-between;
}

.productAnchorLinks ul li{
    border: 1px solid #eee;
    margin-right: 30px;
	Width:30%;
}

.productAnchorLinks ul li:last-child{
    margin: 0;
}

.productAnchorLinks ul li a{
    display: block;
}
.productAnchorLinks ul li a:hover{
    opacity: .8;
}

.product .gshp_img{
	width: 50%;
	padding-left: 5%;
}
.product .gshp_img90{
	width: 90%;
	padding-left: 5%;
}








/* -------------------------------------------------------

以降 tab / sp

------------------------------------------------------- */
@media only screen and (max-width:810px){
    .subTitWrapper .inner h2{
        font-size: 300%;
    }
    
    .subSec h3{
        font-size: 220%;
    }
    
    .pageLinks ul li a::before{
        width: 22px;
        height: 22px;
        right: 8px;
        bottom: 8px;
    }
    
    .pageLinks ul li a::after{
        right: 17px;
        bottom: 16px;
    }
    
    .pageLinks ul li a figure{
        margin-bottom: 10px;
    }
    
    .pageLinks ul li a span{
        font-size: 160%;
    }
    
    .aboutTable table th,
    .aboutTable table td{
        font-size: 150%;
    }
    
    .papersTable table th,
    .papersTable table td{
        font-size: 150%;
    }
    
    .voice2col figure{
        width: 30%;
    }
    
    .voice2col .txtContents{
        width: 66%;
    }
    
    .listCircleNum li{
        font-size: 150%;
    }
    
    .subSec .aboutChartImg{
        margin-top: 30px;
    }
    
    .memberDl dl{
        font-size: 150%;
    }

    .secFigure figcaption{
        font-size: 130%;
    }
    
    .sec2Col50 .txtContents ul li{
        font-size: 150%;
    }
    
    .listNoteNum li{
        font-size: 150%;
    }
    
    .js-accordionTit div span{
        font-size: 54.545454%;
    }
    
    .papersBlock .num{
    display: table-cell;
    vertical-align: top;
    width: 6%;
    font-size: 150%;
    line-height: 1.8;
		
    }
    .papersBlock .num2{
    display: table-cell;
    vertical-align: top;
    width: 10em;
    font-size: 140%;
    line-height: 1.8;
	margin-right:20px; 
}

    .breadcrumb ul li{
        margin-bottom: 5px;
    }
    
    .breadcrumb ul li:last-child{
        padding: .25em .5em;
        border-radius: 5px;
    }

    .about .anchorLinks ul li,
    .member .anchorLinks ul li{
        width: auto;
        margin: .5em 1em;
    }
  
    .about .anchorLinks2 ul li,
    .member .anchorLinks2 ul li{
        width: auto;
        margin: .5em 1em;
    }

	.about .groupList ul li,
    .recruit .groupList ul li{
        width: 49%;
    }
    
    .about .groupList ul li:nth-child(3n),
    .recruit .groupList ul li:nth-child(3n){
        margin-right: 2%;
    }
    
    .about .groupList ul li:nth-child(2n),
    .recruit .groupList ul li:nth-child(2n){
        margin-right: 0;
    }
    
    .about .subSec .groupList ul li h4,
    .recruit .subSec .groupList ul li h4{
        padding-left: 20px;
        margin-right: 20px;
    }
    
    .about .subSec .groupList ul li p,
    .recruit .subSec .groupList ul li p{
        padding: 0 20px;
    }
    
    .about .subSec .groupList ul li .moreBtn,
    .recruit .subSec .groupList ul li .moreBtn{
        padding: 20px;
    }
    

    .aboutTable table td.link a::before{
        width: 22px;
        height: 22px;
    }
    
    .aboutTable table td.link a::after{
        left: 7px;
    }
    
    .subTable table th,
    .subTable table td{
        font-size: 150%;
    }
    
    .aboutTable table td.id{
        width: auto;
    }
    
    .subTable table th,
    .subTable table td{
        font-size: 150%;
    }
    
    
    .groupBnr{
        margin-top: 25px;
    }
    
    .contentsBx1 > span{
        padding-left: 20px;
        margin-right: 20px;
    }
    
    .contentsBx1 > p{
        padding: 0 20px;
    }
    
    .contentsBx1 .moreBtn{
        padding: 20px;
    }
    
    
    
    
    
    
    
}




@media only screen and (max-width:670px){
    

    
    .subTitWrapper .inner h2{
        font-size: 240%;
    }
    
    .breadcrumb{
        margin-top: 15px;
    }
    
    .breadcrumb ul li{
        font-size: 120%;
        margin-right: 10px;
    }
    
    .breadcrumb ul li::after{
        margin-left: 10px;
    }
    
    .subContentsWrapper{
        padding-top: 70px;
    }
    
    .subSec{
        padding-top: 50px;
    }
    
    .subSec h3{
        font-size: 200%;
    }
    
    .subSec h4{
        font-size: 180%;
    }
    
    .subSec h5{
        font-size: 180%;
    }

    .subSec h6{
        font-size: 160%;
    }
    
.list-disk {
    width:100%;
    overflow-wrap: break-word;
    }
        
    
    .pageLinks ul li{
        width: 100%;
        margin: 0 0 5%;
    }
    
/*anchorLinks*/
    .anchorLinks,
	.anchorLinks1,
	.anchorLinks2,
	.anchorLinks3,
	.anchorLinks4,
	.anchorLinks5,
	.anchorLinks6,
	.anchorLinks7.
	.anchorLinks2L,
	.anchorLinks3L,
	.anchorLinks4L,
	.anchorLinks5L,
	.anchorLinks6L,
	.anchorLinks7L{
        padding: 10px 10px 10px 30px;
		
    }
	
    .anchorLinks ul,
	.anchorLinks1 ul,
	.anchorLinks2 ul,
	.anchorLinks3 ul,
	.anchorLinks4 ul,
	.anchorLinks5 ul,
	.anchorLinks6 ul,
	.anchorLinks7 ul,
	.anchorLinks2L ul,
	.anchorLinks3L ul,
	.anchorLinks4L ul,
	.anchorLinks5L ul,
	.anchorLinks6l ul,
	.anchorLinks7L ul{	
		text-align: left;
	}
	
    .anchorLinks ul li,
    .anchorLinks1 ul li,
	.anchorLinks2 ul li,
	.anchorLinks3 ul li,
	.anchorLinks4 ul li,
	.anchorLinks5 ul li,
	.anchorLinks6 ul li,
	.anchorLinks7 ul li,
	.anchorLinks2L ul li,
	.anchorLinks3L ul li,
	.anchorLinks4L ul li,
	.anchorLinks5L ul li,
	.anchorLinks6L ul li,
	.anchorLinks7L ul li{
        font-size: 100%;/*140*/
        margin: .5em .75em;
    flex-basis: calc(100% / 1);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
	 justify-content: space-between;
		
    }
	
	.anchorLinks7 ul li,
	.anchorLinks7L ul li{
        font-size: 100%;/*140*/
        margin: .5em .75em;
    flex-basis: calc(100% / 3);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
	 justify-content: space-between;
		
    }
	
    .anchorLinks .moreBtn,
    .anchorLinks1 .moreBtn,
	.anchorLinks2 .moreBtn,
	.anchorLinks3 .moreBtn,
	.anchorLinks4 .moreBtn,
	.anchorLinks5 .moreBtn,
	.anchorLinks6 .moreBtn,
	.anchorLinks7 .moreBtn{
        margin: 10px 0;
    }

/*anchorLinks*/	
	
/*anchorLinks-en*/
    .anchorLinks-en{
        padding: 10px 1px 10px 5px;
		
    }
	
    .anchorLinks-en ul{	
		text-align: left;
	}
	
    .anchorLinks-en ul li{
        font-size: 100%;/*140*/
        margin: .5em .5em;
    flex-basis: calc(110% / 1);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
	 justify-content: space-between;
		
    }
	
	.anchorLinks-en ul li a{
    display: inline-block;
    font-size: 130%;
    font-weight: bold;/*グループ名太字*/
    line-height: 1;
    padding-left: 30px;
    margin-right: 0.5em;
	margin-bottom: 1.5em;
    transition: all .2s;
    position: relative;
}

	
    .anchorLinks-en .moreBtn{
        margin: 10px 0;
    }

/*anchorLinks*/	
    
    .anchorLinks2-en{
		width: 100%;
        padding: 10px 10px 10px 20px;
		
    }
    .anchorLinks2-en ul{
		text-align: left;
	}
    .anchorLinks2-en ul li{
        font-size: 100%;/*140*/
        margin: .5em .75em;
    }
    .anchorLinks3-en{
		width: 100%;
        padding: 10px 10px 10px 20px;
		
    }
    .anchorLinks3-en ul{
		text-align: left;
	}
    .anchorLinks3-en ul li{
        font-size: 100%;/*140*/
        margin: .5em .75em;
    }
	
	
	#sub footer{
        margin-top: 80px;
    }
    
    .aboutTable table{
		width:100%;
	}

    .aboutTable table th{
        width: auto;
    }
   .aboutTable table th,
    .aboutTable table td{
        font-size: 120%;
        padding: .75em .25em;
    }
    
    .aboutTable table td.orcid{
        width: 10%;
	}

	/**/
	.aboutTable_en{
		width:80%;
	}

    .aboutTable_en table{
		width:80%;
	}

    .aboutTable_en table th,
    .aboutTable_en table td{
        font-size: 120%;
        padding: .75em .25em;
    }
    
    .aboutTable_en table th{
        width: auto;
    }

	
    .aboutTable_en table .width{
    margin: 20px 0;
		width: 10%;
	}

    .aboutTable_en table td.name{
        width: 30%;
    }
    .aboutTable_en table td.bunrui{
        width: 20%;
    }
    .aboutTable_en table td.orcid{
        width: 10%;
	}
    
		
		
/**/
	    .aboutTable.group table th{
        width: 6.5em;
    }

    /*.aboutTable table td.name2{
        width: 3em;
    }*/
    
    /* .aboutTable table{
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    } */
    
    .aboutMessage figure{
        float: none;
        width: 50%;
        margin: 0 auto;
    }
    
    .aboutMessage .txtContents{
        float: none;
        width: 100%;
    }
    
    .aboutMessage .txtContents h4{
        margin-top: 1.5em;
    }
    
    .papersTable table th,
    .papersTable table td{
        font-size: 140%;
    }
    
    .papersTable table th{
        width: 5.25em;
    }
    
    .sec2Col.mission > figure,
    .research .sec2Col > figure,
	.product .sec2Col > figure,
    .recruit .sec2Col > figure,
    .infrastructure .sec2Col > figure,
    .co2 .sec2Col > figure,
	.group .sec2Col > figure{
        float: none;
        width: 100%;
        margin: 0 auto 20px;
    }
    
    .co2 .sec2Col.voice > figure{
        width: 60%;
    }
    
    .sec2Col.mission > .txtContents,
    .research .sec2Col > .txtContents,
	.product .sec2Col > .txtContents,
    .recruit .sec2Col > .txtContents,
    .infrastructure .sec2Col > .txtContents,
    .co2 .sec2Col > .txtContents,
    .co2 .sec2Col.voice > .txtContents,
	.group .sec2Col > .txtContents{
        float: none;
        width: 100%;
    }
    
    
.sec2Col > figure >.img6{
    float: left;
    width: 60%;/*画像幅*/
}
	
.sec2Col > wd70{
	width:100%;
	floart:left;
}
.sec2Col  figure .imgl20{
    float: left;
    width: 100%;/*画像幅*/
	padding:0px 0 0 0;
	margin: 0px;
    }
.sec2Col  figure .imgl40{
    float: left;
    width: 40%;/*画像幅*/
	padding:0 0 0 0;
    }
.sec2Col  figure .imgl70{
    float: left;
    width: 100%;/*画像幅*/
	padding:0 0 0 0;
    }
	
	
.coment table{
		width: 100%;
		
	}
.coment table tr td{
		width: 100%;
    display: inline-block;
    width: 100%;
    float: left;
	}
	
.subSec .mail{/*SP版*/
	width: 40%;
	margin-bottom: 5px;
}


	
.zoom{
transform:scale(1.);
    margin: 20px 70px 20px 0px;
    float:left;
}
    
    .moreBtn{
        margin: 25px 0;
        text-align: center;
    }
    
    .voice2col figure{
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    
    .voice2col figure img{
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    
    .voice2col .txtContents{
        float: none;
        width: 100%;
        padding: 20px;
    }
    
    .voice2col .txtContents::before{
        content: "";
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-bottom: 15px solid #ECFFEC;
    }
    
    .memberDl dl dt{
        width: 7em;
    }
    
    .img30 img{
        max-width: 60%;
    }
    
    .img40 img{
        max-width: 80%;
    }
    
    .img50 img,
    .img60 img,
    .img70 img,
    .img80 img,
    .img90 img{
        max-width: 100%;
    }
    
    .secFigure figcaption{
        font-size: 120%;
    }
    
    .sec2Col50 figure{
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    
    .sec2Col50 .txtContents{
        float: none;
        width: 100%;
    }
    
    .linkBx{
        padding: 20px;
    }
    
    .js-accordionTit div span{
        font-size: 55%;
        right: 34px;
    }
    
   
    .infoDate span{
        font-size: 120%;
    }
    
    .overviewBlock{
        padding: 15px;
    }
    
    .inlineLinks ul li,
    .inlineLinks.col2 ul li{
        width: 100%;
        font-size: 140%;
		
    }
    
    .productAnchorLinks ul{
        flex-wrap: wrap;
    }

    .productAnchorLinks ul li{
        width: 47.5%;
        margin: 0 0 5%;
    }
    
	.aboutTable table td.id a{
        width: 18px;
    }
    
    .aboutMessageBox{
        display: flex;
        flex-wrap: wrap;
    }

    .space{
		width: 1px;
        display: none;
    }
    /*figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
	}*/
	
	
    .photo{
        order: 1;
        float: none;
        width: 60%;
        margin: 15px auto;
    }
    .aboutMessageBox .txtContents p:first-child{
        margin-top: 0;
    }
    
    .about .groupList ul li,
    .about .groupList ul li:nth-child(2n),
    .recruit .groupList ul li,
    .recruit .groupList ul li:nth-child(2n){
        width: 100%;
        margin: 0 0 6%;
    }
    
    .about .groupList ul li:last-child,
    .recruit .groupList ul li:last-child{
        margin: 0;
    }
	
	
	.about .groupList ul li .title{
		font-size: 140%;
	}

	.about .groupList ul li .title.en{
    font-size: 130%;/*150*/
}
	
    .co2 .subTitWrapper{
        height: 110px;
    }
    
    .co2 .subTitWrapper .inner h2{
        font-size: 240%;
    }
    
    .co2Bnrs{
        margin: 50px 0;
    }
    
    .co2Bnrs ul li{
        margin: 0 0 4%;
    }
    
    .subTable table th,
    .subTable table td{
        font-size: 120%;
    }
    
    .groupBnr{
        text-align: center;
    }
    
    .contentsBx1 > span{
        font-size: 180%;
    }
    
    .sec2Col > .txtContents .contentsBx1 .moreBtn{
        text-align: center;
    }
    
    .about .subSec .groupList ul li p,
    .recruit .subSec .groupList ul li p{
        min-height: auto;
    }
    
.subSec p.recruitTopTxt{
    text-align: center;
    font-size: 185%;
    font-weight: bold;
    margin: 2em 0em;
}
	
	
	
}
    
    
    
    
    
    
    
    









/**/
.box {
  /*border: 1px solid blue;*/
		position: relative;

}






.brank {
	margin-top:20px;
	margin-bottom:20px;
}

.fotter-Logos {
	height: 20px;

}

.aist-logo {
	height:40%;
	width:40%;
	margin-right: 50px;
	
}

.gsj-logo {
	height:auto;
	width:12%;
	
}

/*-----------------カード形式　--------------*/
/*--------------------------------------
  カード型_01
--------------------------------------*/
.l-wrapper_01 {
  margin: 1rem auto;
  width: 95%;
}

.l-wrapper_01:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  transition: all .5s;
}

.card_01 {
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .16);
  color: #212121;
  text-decoration: none;
}

.card__header_01 {
  display: flex;
  flex-wrap: wrap;
}

.card__title_01 {
  padding: 1rem 1.5rem 0;
  font-size: 1.6rem;
  order: 1;
  margin-bottom: 0.6rem;
  font-weight: bold;
  text-decoration: none;
}

.card__thumbnail_01 {
  margin: 0;
  order: 0;
}

.card__image_01 {
  width: 100%;
}

.card__body_01 {
  padding: 0 1.5rem;
}

.card__text_01 {
  font-size: .8rem;
  text-align:center;
  text-decoration: none;
	padding-bottom: 0;
}

.card__text2_01 {
  font-size: .8rem;
  margin-top: 0;
  margin-bottom: 1em;
}

.card__text_01 + .card__text_01 {
  margin-top: 0.25em;
}

.card__footer_01 {
  padding: 0em;
  border-top: 1px solid #ddd;
}

.button_01 {
  display: inline-block;
  text-decoration: none;
  transition: background-color .3s ease-in-out;
  text-align: center;
}

.button_01 a {
  text-decoration: none;
}

.button_01.-compact {
  padding: .5rem 1rem;
  border-radius: .25rem;
  background-color: #4f96f6;
  color: #fff;
  font-weight: bold;
	text-decoration: none;
}

.button_01.-compact:hover,
.button_01.-compact:focus {
  background-color: #6bb6ff;
}
/*--------------------------------------
  カード型_02
--------------------------------------*/
.l-wrapper_02 {
  margin: 0.25em auto;
  width: 420px;/*カードの大きさ*/
}
.card-radius_02{
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,.2);

}
.card-radius_02-1{
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,.2);

}

.card_02 {
  background-color: #fff;
  box-shadow: 0 0 0px rgba(0, 0, 0, .16);
  color: #212121;
  text-decoration: none;
	
}

.card__header_02 {
  display: flex;
  flex-wrap: wrap;
  width:100%;/*写真の大きさ*/
  padding-left: 50px:
}

.card__title_02 {
    display: inline-block;
    padding: 0 0.5em 0em 1em;
    border: none;
    border-bottom: 3px solid #333;
    margin: 1.25em 0 1.5em 2em;
	font-weight: bold;
	font-size:1.7em;
}

.card__font_02{
  font-size: 160%;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.card__thumbnail_02 {
  margin: 0;
  order: 0;
  width:inherit;
/*align-items: center;*/

}

.card__image_02 {
  width: 100%;
	
}

/*.card__body_02 {
  padding: 0 1.5em;
  line-height: 30em;
  text-align: left;
}*/

/**/
.card__body_02 {
  padding: 0 .5em;
  line-height: 30em;
  text-align: left;
  border-radius: 15px;
  /*color: #075986;*/
  background-color: #FEFEFE;
  padding: 2em;
  line-height: 1.7;
}
/*en*/
.card_02en {
  background-color: #fff;
  box-shadow: 0 0 0px rgba(0, 0, 0, .16);
  color: #212121;
  text-decoration: none;
	
}

.card__header_02en {
  display: flex;
  flex-wrap: wrap;
  width:100%;/*写真の大きさ*/
  padding-left: 50px:
}

.card__title_02en {
    display: inline-block;
    padding: 0 0 0em 5px;
    border: none;
    border-bottom: 3px solid #333;
    margin: 1.25em 1.25em 0 1em;
	font-weight: bold;
	font-size:1.5em;
}

.card__thumbnail_02en {
  margin: 0;
  order: 0;
  width:inherit;
/*align-items: center;*/

}

.card__image_02en {
  width: 100%;
	
}

/*.card__body_02 {
  padding: 0 1.5em;
  line-height: 30em;
  text-align: left;
}*/

/**/
.card__body_02en {
  padding: 0 .5em;
  line-height: 30em;
  text-align: left;
  border-radius: 15px;
  /*color: #075986;*/
  background-color: #FEFEFE;
  line-height: 1.7;
}

.card__body_02en:first-child {
  margin-bottom: 20px;
}

/*JP*/
.accordion-003 {
    max-width: 500px;
    margin-right: 1px;
    /*border-bottom: 2px solid #d0d0d0;*/
  font-size: 160%;
    text-align: left;
}

.accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: left;
    position: relative;
    padding: 0.5em 1.5em;
    color: #333333;
    /*font-weight: 600;*/
    cursor: pointer;
	font-size: 100%;

}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    content: '';
	display: block;
    width: 10px;
	aspect-ratio: 1/1;
    height: 6px;
	/*margin-top:80px;/*下Vの位置*/
	margin-left: 1em;/**/
    border-bottom: 3px solid #008489;/*#333333b3*/
    border-right: 3px solid #008489;/*#333333b3*/
    transition: transform .3s;
    transform: translateY(-25%) rotate(45deg);
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 1em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
  font-size: 100%;
    text-align: left;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
	
}
.accordion-003 p a{
	text-decoration: underline;}

/**/

/*EN*/
.accordion-003en {
    max-width: 500px;
    margin-right: 3px;
    /*border-bottom: 2px solid #d0d0d0;*/
  font-size: 160%;
    text-align: left;
	
}

.accordion-003en summary {
    display: flex;
    justify-content: space-between;
    align-items: left;
    position: relative;
    padding: 0.5em 0.8em 0.5em 1.5em;
    color: #333333;
    /*font-weight: 600;*/
    cursor: pointer;
	font-size: 100%;
	
}

.accordion-003en summary::-webkit-details-marker {
    display: none;
	
}

.accordion-003en summary::after {
    content: '';
	display: block;
    width: 10px;
	aspect-ratio: 1/1;
    height: 6px;
	/*margin-top:80px;/*下Vの位置*/
	margin-left: 1em;/**/
    border-bottom: 3px solid #008489;/*#333333b3*/
    border-right: 3px solid #008489;/*#333333b3*/
    transition: transform .3s;
    transform: translateY(-25%) rotate(45deg);

}

.accordion-003en[open] summary::after {
    transform: rotate(225deg);
	
}

.accordion-003en p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 1.3em 0.3em;
    color: #333333;
    transition: transform .5s, opacity .5s;
  font-size: 100%;
    text-align: left;

}

.accordion-003en[open] p {
    transform: none;
    opacity: 1;
	
}
.accordion-003en p a{
	text-decoration: underline;}

/**/


.text1 {
  white-space: nowrap; /* 折り返し無しにする */
  overflow: hidden; /* はみ出た部分を非表示 */
  text-overflow: ellipsis; /* 語尾を3点リーダーに */
}
.text2 {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 5
	  ; /* 行数を制限 */
  overflow: hidden; /* はみ出た部分を非表示 */
}/**/
.card__text_02 {
  margin-top: 1em;
  font-size: 1.5em;
  text-decoration: none;
}

.card__text2_02 {
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 1.5em;
  text-align: center :initial; 

}

.card__imgcenter {
	/*text-align : center;*/
align-items: center;*/
}

/*-----------------カード形式　--------------*/
/*--------------------------------------
  カード型_03
--------------------------------------*/
.l-wrapper_03 {
  margin: 0.25em 0.25em　30.px　0.25em;
  width: 500px;/*カードの大きさ*/
position:absolute;
    overflow: hidden;
}

.l-wrapper_03:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  transition: all .5s;
}

.card_03 {
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .16);
  color: #212121;
  text-decoration: none;

}

.card__header_03 {
  display: flex;
  flex-wrap: wrap;
}

.card__title_03 {
  padding: 1rem 1.5rem 0;
  font-size: 1.6rem;
  order: 1;
  margin-bottom: 0.6rem;
  font-weight: bold;
  text-decoration: none;
}

.card__thumbnail_03 {
  margin: 0;
  order: 0;
}

.card__image_03 {
  width: 100%;
}

.card__body_03 {
  padding: 0 1.5rem;
}

.card__text_03 {
  font-size: .8rem;
  text-align:center;
  text-decoration: none;
	padding-bottom: 0;
}

.card__text2_01 {
  font-size: .8rem;
  margin-top: 0;
  margin-bottom: 1em;
}

.card__text_01 + .card__text_01 {
  margin-top: 0.25em;
}

.card__footer_03 {
  padding: 0em;
  border-top: 1px solid #ddd;
}

.button_03 {
  display: inline-block;
  text-decoration: none;
  transition: background-color .3s ease-in-out;
  text-align: center;
}

.button_013 a {
  text-decoration: none;
}

.button_03.-compact {
  padding: .5rem 1rem;
  border-radius: .25rem;
  background-color: #4f96f6;
  color: #fff;
  font-weight: bold;
	text-decoration: none;
}

.button_03.-compact:hover,
.button_03.-compact:focus {
  background-color: #6bb6ff;
}
/*-----------------カード形式　--------------*/

.wp-block-columns {
	    text-align: center;
}


.wp-block-column {
	float: left;
	margin-left: 20px;/*ボックスの間隔*/
	margin-right: 20px;/*ボックスの間隔*/
	margin-bottom: min(5vw, 10px);/*ボックス下の余白:
	clamp(最小値, 理想値, 最大値)*/
	/*padding-bottom: 50px;*/
	position:relative;/*relative*/
	height: 100%;
	

}


/*に最適なサイズ ORCID iD アイコンは24x24pxです。 スペースがある場合は、より大きなバージョンを使用してください。
最小サイズ（16 x 16px）は、スペースが厳しく制限されている場合にのみ使用してください。https://info.orcid.org/ja/documentation/integration-guide/user-experience-display-guidelines/*/
.orcid-img {
    width: 24px;
    height: 24px;
	min-width:16px;
	min-height: 16px;
    /*vertical-align: middle;
    text-align: center;*/
    /*display: flex;
    align-items: center;*/
    margin-top: 15px;
}

.orcid-img2 {
    width: 24px;
    height: 24px;
	min-width:16px;
	min-height: 16px;
	vertical-align:baseline;
	text-align: left;
    /*vertical-align: middle;
    text-align: center;*/
    /*display: flex;
    align-items: center;*/
}

/**/

.event-img {
    width: 20%;
    height: auto;
    margin-top: 20px;
    margin-right: 40px;
    margin-left: 20px;
}


.event-img2 {
    width: 200px;
}

.mail-width {
        width:30%;
        height: auto;

}


.topContentsWrapper {
    width: 100%;
}

.infrastructureBnr {
    display:flex; 
    float: auto;
    justify-content: flex-end;
    margin-bottom:20px;
}

.txtContents　list {
    font-size:140%;
}

.list {
    font-size: 160%;
}


/*infoTable start*/
.infoTable {
  font-size:160%;
  border-collapse: collapse;
  /*table-layout: fixed;*/
  width: 100%;
  max-width: 90%;
  text-align: left;
  padding-left: 2em;
  padding-right: 2em;
}
/*.infoTable th, */
.infoTable td {
  border-top: 2px solid #ccc;/*#d2e8f1;*/
  border-right: 2px solid #ccc;/*#d2e8f1;*/
  border-bottom: 2px solid #ccc;/*#d2e8f1;*/
  border-left: 2px solid #ccc;/*#d2e8f1;*/
  padding: 1em;
}
.infoTable tr td .w10{
	width:10%;
}
.infoTable tr td .w20{
	width:20%;
}
.infoTable tr td .w30{
	width:30%;
}
.infoTable tr td .w40{
	width:40%;
}
.infoTable tr td .w50{
	width:50%;
}

/*.infoTable thead th {
  background-color: #4d9bc1;
  color: #fff;
  border: 2px solid #4d9bc1;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.infoTable thead th:last-of-type {
  border-right: 2px solid #4d9bc1;
}
.infoTable tbody th {
  color: #4d9bc1;
  font-weight: bold;
  text-align: center;
}*/

.border1 {
	height: 1px;
	width:100%;
	position: relative;
	border-width: 0;
	background-color: #008055;
	background-image: -webkit-linear-gradient(left,
	#b3ffc2 0%,#008055 50%,#b3ffc2 100%);
	background-image:         linear-gradient(90deg,
	#b3ffc2 0%,#008055 50%,#b3ffc2 100%);
	/*	#00bcd4 0%,#283593 50%,#00bcd4 100%);
	background-image:         linear-gradient(90deg,
	#00bcd4 0%,#283593 50%,#00bcd4 100%);*/
}


@media screen and (max-width: 787px) {
  .infoTable {
    text-align: left;
	align-items: left; /* flexアイテムの左右中央を指定する */
  }
  .infoTable thead {
    display:none;
  }
  .infoTable th, .infoTable td {
    display: block;
    border: 0;
    border-bottom: 2px solid #ccc;/*e6f1f6*/
  }
  .infoTable tbody th{
    background: #ECFFEC;/*4d9bc1;*/
    color:#fff;
  }
	
  .infoTable td::before{
    color: #4d9bc1;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    min-width: 4em;
  }
}/*infoTable End*/



.gaiyou {
	padding-left:20px;
}


	
}

.txtContents2 .bnr_co2{
}

.co2Bnrs_width {
	width: 320px;
	float: right;/*right*/
	margin-top: 10px;
    border: 1px solid #DCDCDC;
}



.center {
	text-align: center;
}

/**/

 /*.anchorLinks ul li{
 flex-grow: 1;
}*/
.kako{
	float: right;
	height: 35px;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-break: strict;
	border: 1px solid #00a3aa;
	border-radius: 50px;
	font-size:80%;
	
}
.kako ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

 .kako ul li{
   display: inline-block;
	 flex-wrap: wrap;
     line-height: 1.5;
	 list-style: none;
	 padding: 0;
    margin: .5em 1em;
    flex-basis: calc(100% / 9);/*3列*//*発表論文の年ごとのアンカーリンク表示幅を調整するには(100% / 6)％後ろの数字を大きくすると狭くなる*/
	 justify-content: space-between;
}

.kako ul li a{
    display: inline-block;
    font-size: 160%;
    /*font-weight: bold;*//*グループ名太字*/
    line-height: 1;
    padding-left: 30px;
    margin-right: 1em;
	margin-bottom: 1.5em;
    transition: all .2s;
    position: relative;

.kako ul li a::before{
    content: '';
    display: inline-block;
    width: 24px;/*丸の大きさ*/
    height: 24px;/*丸の大きさ*/
    background: linear-gradient(to right, #00b377, #008055) #009966;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s;
}

.kako ul li a::after{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
	color:#00a3aa;
	}

.kako ul li a:hover{
    color: #009966;/*008489;*/
    padding-left: 33px;
}

.kako ul li a:hover::before{
    width: 30px;
    height: 30px;
    left: -3px;
}
.kako .moreBtn{
    text-align: center;
    margin: 5px 0px 5px;
	padding-right: 5px;

}
.subSec img .simpo {
	float: right;
}

.column {
	width:100px;
	vertical-align: middle;
	
}
	
	.comTextul li a {
		{
    color: #333 !important;
    text-decoration: none !important;
    padding: 30px 20px 35px;
    height: 100%;
    min-height: 198px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.625;
    text-align: center;
    border-right: 25px solid #eee;
    position: relative;
    box-sizing: border-box;
	}
		
.comTextUl li {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
    width: 49.47%;
    max-width: 475px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

		/**/
		
		



#footer .bnr2 {
	width:10%;
}
		




}