@charset "utf-8";
/* CSS Document */
/*色まとめ*/
.baseGreen {background-color:#3F7D5A;}
.midGreen {background-color:#52A374;}
.pastelGreen{background-color: #cfe0d6;}
.lightGreen {background-color:#FAFCFB;}
.coral {background-color:#FF6961;}
.blue {background-color:#85D6F7;}
.yellow {background-color:#FFD966;}
.pink {background-color:#F4B3B4;}
.greenTxt {color:#3F7D5A;}
/*リセット*/
* {
    margin: 0;
    padding: 0;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 16px;
  color: #000;
}

/*マージン*/
.ml0 {
	margin-left: 0 !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.mr0 {
	margin-right: 0px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mt0 {
	margin-top: 10px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}

/*全体*/
a{
  color: inherit;
  text-decoration: none;
}
a:visited {
  color: #696969;
}
a:hover{
  text-decoration: underline;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
.left{
  text-align: left;
}
.bold{
    font-weight: bold;
}
.noWrap{
    white-space: nowrap;
}
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#container{
  width: 980px;
  margin: 0 auto;
}
table{
    border-collapse: collapse;
}
#hero{
  margin-bottom: 10px;
}
.column2{
    display: flex;
    margin-left: 20px;
}
/*タブ表示部分*/
.tabPart{
}
.tab-group{
  display: flex;
  justify-content: center;
}
.tab{
  flex-grow: 1;
  padding:5px 5px 0 5px;
  list-style:none;
  text-align:center;
  cursor:pointer;
	margin-bottom: 0;
  border-radius: 10px 10px 0 0;
  margin-right: 3px;
  color: #fff;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
}
.tab-group li:last-of-type{
  margin-right: 0;
}
.tab-group .tab:hover{
	opacity: 0.8;
}
.tab-group .tab a{
  color: inherit;
  text-decoration: none;
}
.panel{
    display:none;
}
.tab.is-active{
    transition: all 0.2s ease-out;
  font-weight: bold;
}
.panel.is-show{
    display:block;
}

.panel dl{
  display: table;
  border-bottom: 1px dotted #ccc;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
}
.panel dt,
.panel dd{
  display: table-cell;
  vertical-align: middle;
}
.panel.review dt+dd,
.panel.event dt+dd{
  width: 100px;
}
.date{
  width: 100px;
}
.review{
  border: 3px solid #FF6961;
  border-top: 10px solid #FF6961;
}
.news{
  border: 3px solid #FFD966;
  border-top: 10px solid #FFD966;
}
.event{
  border: 3px solid #85D6F7;
  border-top: 10px solid #85D6F7;
}
.badgeNews,
.badgeEvent,
.badgeEtc,
.badgeDone,
.badgeYet{
  font-size: 12px;
  width: 100px;
  text-align: center;
  display: inline-block;
  line-height: 22px;
  color: #000;
  border-radius: 4px;
  font-weight: bold;
}
.badgeNews{
  background-color: #FFD966;
}
.badgeEvent,
.badgeDone{
  background-color:#85D6F7;
}
.badgeEtc,
.badgeYet{
background-color:#F4B3B4;
}
.review .badgeYet,
.review .badgeDone,
#eventBN .badgeYet,
#eventBN .badgeDone{
    display: none;
}
.news .badgeNews{
  display: none;
}
.event .badgeEvent{
 display: none;
}
.backNo {
  text-align: right;
  margin: 5px 10px;
}
.horizonal{
  text-align: right;
}
.horizonal li{
  display: inline-block; 
  text-align: right;
  margin: 5px 10px;
  padding: 3px 10px;
  border-radius: 8px;
}
.backNews{
  background-color: #fff2cc;
}
.backEvent{
  background-color:#daf2fc;
}
.backEtc{
background-color:#fbe8e8;
}
.dotNews:before{
  display: inline-block;
  content: '';
  box-sizing: border-box;
  border: transparent solid 6px;
  border-left: 8px solid #FFD966;
}
.dotEvent:before{
  display: inline-block;
  content: '';
  box-sizing: border-box;
  border: transparent solid 6px;
  border-left: 8px solid #85D6F7;
}
.dotEtc:before{
  display: inline-block;
  content: '';
  box-sizing: border-box;
  border: transparent solid 6px;
  border-left: 8px solid #F4B3B4;
}
/*バナー掲載覧*/
#banner{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}
.bnrImg{
  margin: 0 10px 10px 10px;
}
/*フッター*/
footer{
  border-top: 5px solid #3F7D5A;
}
footer p{
  text-align: center;
  margin-top: 10px;
}
/*コンテンツページ*/
#main a{
    color: #318b67;
}
#main a:visited {
  color: #696969;
}
/*パンくず*/
#pan{
  margin-top: 10px;
  list-style: none;
  margin-bottom: 5px;
}
#pan ol li{
  display: inline-block;
  font-size: 14px;
}
#pan ol li span{
  font-size: 14px;
}
#pan ol li:last-of-type span{
  color: #3F7D5A;
}
#pan ol li:after{
  content: '>';
}
#pan ol li:last-child:after{
  content: '';
}

/*各ページコンテンツ*/
#main #pageTitle{
  height: 80px;
  background: #cfe0d6;
background: -webkit-linear-gradient(#f0fcf4 0%, #cfe0d6 100%);
background: -o-linear-gradient(#f0fcf4 0%, #cfe0d6 100%);
background: linear-gradient(#f0fcf4 0%, #cfe0d6 100%);
  border-bottom: 3px solid #777;
  margin-bottom: 20px;
}
#pageTitle h1{
  width: calc(100% - 40px);
  color: #3F7D5A;
  font-size: 24px;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid #fff;
  padding-top: 30px;
  line-height: 100%
}
#main p{
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 40px;
  line-height: 180%;
}
#main h2{
  font-size: 18px;
  font-weight: bold;
  border-top: 3px solid #3F7D5A;
  border-bottom: 3px solid #3F7D5A;
  padding: 5px 5px 5px 20px;
  margin-bottom: 10px;
  color: #4E5651;
}
#main h3{
    margin: 0 0 10px 20px;
    border-bottom: 1px dotted #52A374;
}
#main table{
    margin-left: 20px;
}
.column_box {
    border-right: 1px solid #3F7D5A;
    border-bottom: 1px solid #3F7D5A;
      border-left: 1px solid #cfe0d6;
    border-top: 1px solid #cfe0d6;
    padding: 20px;
    margin: 10px 20px 20px 20px;
  background-color: rgba(207,224,214,0.1);
}
#main .column_box p{
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
}
#main .column_box p:last-of-type{
  margin-bottom: 0px;
}

/*バックナンバーページ*/
#etcBN, #eventBN{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px
}
#etcBN .badgeEtc,
#etcBN .badgeEvent,
#etcBN .badgeNews{
 display: none;
}
#eventBN .badgeEtc,
#eventBN .badgeNews,
#eventBN .badgeEvent{
 display: none;
}
#eventBN dl,
#etcBN dl{
    display: table;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
}
#eventBN dt,
#etcBN dt,
#eventBN dd,
#etcBN dd{
    display: table-cell;
    vertical-align: middle;
}
#eventBN dt,
#etcBN dt{
    width: 100px;
}

/*企業会員名簿（member）*/
.memberList{
margin:5px 20px 40px 20px;
columns: 3 auto;
column-gap: 0;
}
.memberList ul li{
border-bottom: 1px dotted #ddd;
height: 3em;
display: table;
width:100%;
border-collapse: separate;
border-spacing: 5px 0;
}
.menberName{
display:table-cell;
vertical-align: middle;
}
.menberTable tr td{ /*沿革にも使用*/
    border: 3px solid #fff;
    padding: 5px;
    vertical-align: top;
}

/*ICCLC NEWS　機関誌　財団役員寄稿記事等*/
table.icclcNews{
	border-collapse: collapse;
	margin: 20px 20px 40px 20px;
    width: calc(100% - 40px);
}
table.icclcNews tr{
	border-bottom: 1px dotted #52A374;
}
table.icclcNews tr:nth-child(2n+1) {
    background-color: #FAFCFB;
}
table.icclcNews td{
	padding: 10px;
	vertical-align: top;
	line-height: 150%;
	
}
table.icclcNews th{
	border-bottom: none;
	padding: 10px;
	vertical-align: top;
	background-color: #52A374;
    color: #fff;
    text-align: left;
}
.gousu {
    width: 5em;
}
.hakkoubi {
    width: 8em;
}

/*人権資料のスタイル*/
#mokuji, #preface{
    margin-bottom: 30px;
}
#mokuji ul li{
    line-height: 160%;
    margin-left: 20px;
}
#mokuji ul li ul{
    margin-left: 30px;
}
#guidance blockquote{
    background-color: #FAFCFB;
    border: 1px solid #52A374;
    padding: 15px;
    margin: 10px 20px;
    line-height: 150%;
}
#guidance h3{
    margin-top: 20px;
}
#guidance .h2_2{
    color: #3F7D5A;
    border: 0;
}
#guidance ul{
    margin: 5px 0 5px 40px;
    line-height: 160%;
}
#guidance .column_box p{
    margin-left: 20px;
    margin-right: 10px;
    line-height: 160%;
}
#preface p{
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 160%;
}
#preface .mb50{
    margin: 10px 10px 50px 10px;
}
#chap04 table{
    border: 1px solid #52A374;
    margin: 20px 10px 10px 20px;
}
#chap04 table th,
#chap04 table td{
    border: 1px solid #52A374;
    padding: 5px;
}
#chap04 table th{
    color: #3F7D5A;
}
#chap04 table td{
	background-color: #FAFCFB;
	vertical-align: top;
	background-position: 0;
}
#chap04 table ul{
    margin: 5px;
}
#chap04 table ul li{
    margin-bottom: 5px;
}
.dl_list dl {
  width:inherit;
}
.dl_list dt {
  float: left;
    clear: left;
    width: 2em;
    line-height: 150%;
}
.dl_list dd {
    margin-left: 2em;
    line-height: 150%;
}
.dl_list :after{
  content: "";
  display: block;
  clear: both;
}
.appendix {
  margin-left: 20px;
}
.appendix dl {
  width:inherit;
}
.appendix dt {
  float: left;
    clear: left;
    width: 10em;
    line-height: 150%;
    margin-bottom: 15px;
    border-top: 1px dotted lightgray;
}
.appendix dd {
    margin-left: 10em;
    line-height: 150%;
    margin-bottom: 15px;
    border-top: 1px dotted lightgray;
}
.dl_list :after{
  content: "";
  display: block;
  clear: both;
}
.list_bar li,
.list_circle li,
.list_triangle li{
    text-indent: -1.2em;
    margin-left: 1em;
}
.list_bar li:before{
	content: '-'; /* ←ここにリストマーカーにしたい文字列を設定 */
	padding-right: 0.5em;
}
.list_circle li:before{
	content: '\002022'!important; /* ←ここにリストマーカーにしたい文字列を設定 */
	padding-right: 0.5em;
}
.list_triangle li:before{
	content: '\0025B8'; /* 	←ここにリストマーカーにしたい文字列を設定 */
	padding-right: 0.5em;
}
.local_box{
    margin: 5px 0 5px 20px !important;
}

/*多言語パンフレット表示ページ用*/
/*公表資料一覧*/
.pamph{
    background-color: #FAFCFB;
    margin: 20px 20px 40px 20px;
}
.pamph ul,
.data{
    display: flex;
    flex-wrap: wrap;
    margin-left: 20px;
}
.pamph ul li {
    width: calc(50% - 20px);
    list-style-type: none;
    line-height: 300%;
    padding-left: 20px;
}
.data li{
    width: calc(50% - 20px);
    list-style-type: none;
    line-height: 200%;
    padding-left: 20px;
	border-bottom: 1px solid #ccc;
}
.pamph ul li:before,
.data li:before{
    display: inline-block;
    width: 20px;
    height: 14px;
    content: '';
    background-image: url(../img/mark_menu_b.gif);
    background-repeat: no-repeat;
}
.data li:empty:before{
    background-image: none;
}
/*調査研究のリスト*/
ol.research{
    list-style-type: decimal;
    list-style-position: inside;
}

/*役員一覧のテーブル*/
#main table.officer {
	margin-left: 40px;
    margin-right: 20px;
    margin-bottom: 40px;
    width: calc(100% - 20px);
}
#main table.officer td.ttl{
	border-bottom: 1px solid #ccc;
	padding: 5px;
    width: 60%;
}
#main table.officer td.nm{
	border-bottom: 1px solid #ccc;
	padding: 5px;
}