@charset "utf-8";
/* REC　下層ページ共通　201810 > 202401*/


#rec #container #title h1,
#rec #container #title h1 + strong,
#rec #container #title .breadcrumb ul li,
#rec #container #title .breadcrumb ul li a{
/*    color: #FFF;*/
}

/* navigation */
#rec #container #title,
#container header nav .navigation,
#container header nav .navigation ul.layer_01 li,
#container header nav .navigation dl{
/*    background: #899da8;*/
}
#container header nav .navigation ul.layer_02 li {
/*    background: #627a86;*/
}

#container header nav .navigation dl dd.act a {
    color: #899da8;
}
#container header nav .navigation ul.layer_03 li {
/*	background: #dfe4e6;*/
}
#container header nav .navigation .title h2 {
	line-height: 1.3em;
}


/* tile */
#rec #container .tile ul li.act a {
    border: 1px solid #899DA8;
    background: #899DA8;
    color: #FFF;
}
#rec #container .tile ul li:hover a {
    border: 1px solid #627A86;
    background: #FFF;
    color: #627A86;
}



/* request_box */
#rec #container .request_box .tile ul li.act a {
	border: 1px solid #ffffff;
    background: #ffffff;
    color: #627A86;
}

#rec #container .request_box .tile ul li.act a:hover {
	border: 1px solid #ffffff;
    background: #899da8;
    color: #ffffff;
}

#container .request_box {
    padding: 40px 0 30px 0;
    background-color: #899DA8;
    text-align: center;
}


/* footer banner */
#container footer .banner_links {
	margin: 0 auto 30px;
}

#container footer .banner_links li {
    display: table-cell;
	width: auto;
	max-width: 200px;
	padding-right: 10px;
}

#container footer .banner_links li:last-child {
	padding-right: 0;
}




#outline, #rec, #other {
	margin: 0 auto;
	padding-bottom: 20px;
}

section#outline section, section#rec section, section#other section {
	width: 640px;
	margin: 0 auto 60px;
	text-align: left;
}
	section#outline section::after, section#rec section::after, section#other section::after {
	  content: ""; clear: both; display: block;
	  }


section#outline section img, section#rec section img, section#other section img {
/*	max-width: 640px;*/
	max-width: 100%;
}

#contents .w100 {
	width: 100%;
	margin: 0 auto 30px;
}

#contents .w640 {
	width: 640px;
}


#contents h1.tit_page {
	margin: 30px 0;
	color:#000;
	line-height: 46px;
}

#contents h2, #contents h3, #contents h4, #contents h5 {
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: 1.4;
}
#contents h2 { font-size: 140%;	/*color:#627A86;*/}
#contents h3 { font-size: 105%;}
#contents h4 { font-size: 100%;}

#contents hr {
    border: 0;
    border-bottom: 1px solid #E0E7EB;
    margin-bottom: 40px;
}


#contents section#title ul, #contents section#title ul li  {
	margin: 0;
}

#contents ul, #contents ol {
	margin: 20px 0 30px;
}

#contents ul li, #contents ol li {
	margin-bottom: 10px;
}

#contents ul.list01 li {
	margin-left: 25px;
	list-style: disc;
}


#contents ul.list02 li {
	margin-left: 25px;
	list-style: circle;
}


#contents ol li {
	margin-left: 25px;
	list-style: decimal;
}

#contents dl.dlist1 {
	margin-top: 30px;
}

#contents dl.dlist1 dt {
	margin-bottom: 5px;
	font-weight: bold;
}

#contents dl.dlist1 dd {
	margin-bottom: 30px;
	padding: 15px;
	background-color: #EBEFF2;
}

#contents dl.dlist2 {
	margin-top: 30px;
}

#contents dl.dlist2 dt {
	float: left;
	margin: 0 20px 5px 0;
	font-weight: bold;
}

#contents dl.dlist2 dd {
	margin-bottom: 20px;
}

#contents .mainimage {
	margin-bottom: 30px;
}

#contents .mainimage img {
	width: 100%;
	margin: 0;
}


#contents .border1 {
	padding: 15px;
	border: 1px solid #BCC7CE;
}

/* 背景色付きbox */
.text_box1{
	padding: 10px;
	background-color: #eff1f3;
	margin-top: 20px;
}

.text_box2{
	border: solid 2px #899da8;
	padding: 20px;
	background-color: #eff1f3;
	margin-top: 20px;
}

/* 注釈 */
#contents .note {
	display: inline-block;
/*	margin: 10px 0;*/
	font-size: 86%;
	line-height: 1.4;
}


/* GO TO TOP*/
.gotop {}
	.gotop:after {
	  content: "";
	  clear: both;
	  display: block;
	}

.gotop a {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background: url(../images/common/navi_cursor2.png) rgba(98, 122, 134, 0.75) center center;
    background-size: 36px 34px;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* 画像スライド */
#contents .slide {
	width: 100%;
}

#contents .slide img {
	width: 100%;
}


/* ページ内リンク */
#contents ul.link_box {
	align-content: center;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin: 0 auto 20px;
	width: 640px;
}
#contents ul.link_box._center {
	justify-content: center;
}
	#contents ul.link_box::after {
	  content: "";
		clear: both;
		display: block;
	  }

#contents ul.link_box li {
	/*white-space: nowrap;*/
	margin: 0 20px 10px 0;
}

#contents ul.link_box li a {
	display: block;
	padding: 3px 20px;
	border: 1px solid #627A86;
	color: #627A86;
	text-decoration: none;
	font-size: 90%;
}

#contents ul.link_box li a:hover,
#contents ul.link_box li a.current {
	background-color: #627A86;
	color: #ffffff;
	text-decoration: none;
}


/* リンク アイコン */
#contents a.link_text::after {
	content:" >";
	display: inline;
	margin: 0;
	padding-right: 5px;
	font-weight: bold;
	font-family: inherit;
	text-align: left;
}

#contents a.link_pdf::after {
	content:url("../images/common/ico_pdf.gif")!important;}
#contents a.link_word::after {
	content:url("../images/common/ico_word.gif")!important;}
#contents a.link_excel::after {
	content:url("../images/common/ico_excel.gif")!important;}
#contents a.link_ppt::after {
	content:url("../images/common/ico_ppt.gif")!important;}
#contents a.link_blank::after {
	content:url("../images/common/ico_blank_gr.gif")!important;}
#contents a.link_library::after {
	content:url("../images/common/ico_library.gif")!important;}
#contents a.link_pdf::after, #contents a.link_word::after, #contents a.link_excel::after, #contents a.link_ppt::after, #contents a.link_library::after {
	display:inline-block;
	width: 35px;
	padding: 0 7px 0 4px;
}
#contents a.link_down::after {
	content:url("../images/common/ico_down.gif")!important;
	display:inline-block;
	width: 18px;
	padding: 0 5px 0 5px;
}


/* リンクボタン */
/* デフォルト */
#contents .btn a {
	display: inline-block;
	padding: 3px 20px;
	border: 1px solid #627A86;
	background-color: #fff;
	color: #627A86;
	text-decoration: none;
}

#contents .btn a:hover {
	background-color: #627A86;
	color: #fff;
}

#contents a.link_btn {
	display: inline-block;
	padding: 10px 15px;
	background-color: #E7EBEE;
	text-decoration: none;
}
#contents a.link_btn::after {
	content: " >";
	display: inline;
	margin: 0;
	padding-right: 5px;
	font-weight: bold;
	font-family: inherit;
	text-align: left;
}

/* 赤背景 */
#contents .btn._01 a {
	border: 1px solid #dc0000;
	color: #dc0000;
}

#contents .btn._01 a:hover {
	background-color: #dc0000;
	color: #fff;
}

/* 赤（大） */
#contents .btn._02 a {
	border: none;
	border-radius: 10px;
	padding: 10px 40px;
	background: #dc0000;
	color: #ffffff;
	font-size: 1.3rem;
}

#contents .btn._02 a:hover {
	opacity: 0.8;
}


/* READ MORE　（p.more_btn…矢印が下向き、p.more_btn2…矢印が右向き） */
#contents p.more_btn, #contents p.more_btn2 {
	width: 125px;
	margin: 25px auto;
	padding: 5px;
    border: 1px solid #627A86;
	background-color:  #627A86;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	transition: all 0.15s ease-out;
}

#contents p.more_btn.close, #contents p.more_btn:hover {
	background-color:  #ffffff;
	color: #627A86;
}

#contents p.more_btn2 {
	width: 135px;
	padding: 0;
}

#contents p.more_btn2 a {
	display: inline-block;
	width: 125px;
	padding: 5px;
	color: #ffffff;
	transition: all 0.15s ease-out;
}

#contents p.more_btn2 a:hover {
	background-color: #ffffff;
	color: #69308d;
	text-decoration: none;
}

#contents div.more_cont {
    display: none;
	text-align: left;
}



/* 表組み（table2はレスポンシブ対応） */
#contents .table1, #contents .table2, #contents .table3 {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #D0D8DC;
    border-left: 1px solid #D0D8DC
}

#contents .table1 th, #contents .table2 th, #contents .table3 th {
	padding: 7px;
	background-color: #92a2ab;
	border-bottom: 1px solid #D0D8DC;
	border-right: 1px solid #D0D8DC;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	font-size:94%;
}
#contents .table1 th.th2 {
	background-color:#A8B7BF;
}
#contents .table1 td.td2 {
	background-color:#F7F8F9;
}


#contents .table1 td, #contents .table2 td, #contents .table3 td {
	padding: 7px;
	background-color: #ffffff;
	border-bottom: 1px solid #D0D8DC;
	border-right: 1px solid #D0D8DC;
	font-size:94%;
}

#contents .table3 th, #contents .table3 td {
	padding: 7px;

	font-size: 100%;
	vertical-align: middle;
}


/* 201807 追加GNB */
#container header nav .navigation ul.link1 li {
  background: #95a7b1!important;
}




/* 配下ページへのリンク・サイトマップ */
#contents .sitemap ul {
/*	width: 640px;*/
	margin: 0 auto 30px;
}

#contents .sitemap ul li {
    padding: 0px;
    padding-bottom: 3px;
    margin: 0px;
}

#contents .sitemap ul li ul li{
	padding-left: 10px;
	border-left: 2px solid #CFD6DB;
}

#contents .sitemap ul li ul {
	margin: 5px 0  0 20px;
}

#contents .sitemap ul li a::after {
	content:" >";
	margin: 0;
	font-weight: bold;
	font-family: inherit;
}




/* センター概要 */
#contents #outline.index dl dt {
	float:left;
	width: 65px;
	font-weight: bold;
}

#contents #outline.index dl dd {
	margin: 0 0 5px 65px;
}



/* センター長写真　201708 */
.message .photo {
display: inline-block;
float: right;
margin: 0 0 20px 20px;
font-size: 90%;
}

.message p {
margin-bottom: 20px;
}

.message .name {
text-align: right;
}



/* 研究 */
#contents #rec.index dl dt {
	margin: 0 0 5px 0px;
	font-weight: bold;
}

#contents #rec.index dl dd {
	margin: 0 0 30px 0px;
}


/* パンフレット */
#contents .pamphlet ul.pamph {
	margin: 0 0 30px 0px;
}
	#contents .pamphlet ul.pamph::after {
	  content: ""; clear: both; display: block;
	  }

#contents .pamphlet ul.pamph li {
	float: left;
	margin: 0 20px 20px 0;
	font-size: 86%;
}

#contents .pamphlet ul.pamph li:nth-child(even) {
	float: left;
	margin: 0 0 20px 0;
}

#contents .pamphlet ul.pamph li:nth-child(odd) {
	clear: both;
}

#contents .pamphlet ul.pamph li img {
	display: block;
	margin-bottom: 5px;
}


/* 福祉フォーラム通信　バックナンバー */
#contents .baucknumber ul.list01 li {
	margin-bottom: 30px;
}

/* プレゼン龍2020 */
#contents.dragon2020 .sec01 {
  background: url("../venture/images/bg_dragon2020_1.svg");
  background-size: 100px;
}
#contents.dragon2020 .sec02 {
  background: #ffffff;
  padding: 30px 15% 30px !important;
  width: 640px !important;
}

@media screen and (max-width: 736px) {
	#contents.dragon2020 .sec01 {
		width: 100% !important;
	}
	#contents.dragon2020 .sec02 {
		padding: 5% !important;
		width: 85% !important;
	}
}



/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100px; }
#contents .box130_l, #contents .box130_r { width: 130px; }
#contents .box200_l, #contents .box200_r { width: 200px; }
#contents .box210_l, #contents .box210_r { width: 210px; }
#contents .box240_l, #contents .box240_r { width: 240px; }
#contents .box250_l, #contents .box250_r { width: 250px; }
#contents .box265_l, #contents .box265_r { width: 265px; }
#contents .box310_l, #contents .box310_r { width: 310px; }
#contents .box350_l, #contents .box350_r { width: 350px; }
#contents .box380_l, #contents .box380_r { width: 380px; }
#contents .box420_l, #contents .box420_r { width: 420px; }
#contents .box480_l, #contents .box480_r { width: 480px; }
#contents .box510_l, #contents .box510_r { width: 510px; }
#contents .box530_l, #contents .box530_r { width: 530px; }

#contents .box100_l, #contents .box130_l, #contents .box200_l, #contents .box210_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, #contents .box310_l, #contents .box350_l, #contents .box380_l, #contents .box420_l, #contents .box480_l, #contents .box510_l, #contents .box530_l {
	float: left;
	margin-right: 20px;}

#contents .box100_r, #contents .box130_r, #contents .box200_r,  #contents .box210_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, #contents .box310_r, #contents .box350_r, #contents .box380_r, #contents .box420_r, #contents .box480_r, #contents .box510_r, #contents .box530_r {
	float: right;}


/* flexbox */
/* flexbox */
.seeds_index *, .seeds_index *:before, .seeds_index *:after {
	box-sizing: border-box;
}

.flex_col2, .flex_col3, .flex_col4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.flex_col2 > div{
	width: 48%;
	margin: 5px;
	padding: 5px;
}
.flex_col3 > div{
	width: 31%;
	margin: 0 20px 10px 0;
	padding: 0px;
}
.flex_col3 > div:nth-child(3n){
  margin-right:0px;
}

.flex_col4 > div{
	width: 25%;
	padding: 5px;
}


.fll{float:left !important;}
.flr{float:right !important;}
.clear { clear: both;}

.clearfix::after {
	content: ""; clear: both; display: block;
}

.p0 {padding:0 !important;}

.m0a {margin:0 auto !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}


.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}

.pt40 { padding-top:40px !important;}

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.fcr { color: #dc0000; }
.bold { font-weight: bold;}
.fcr_b { color: #dc0000; font-weight: bold; }

.fsmall { font-size: 13px;}

.indent1 { text-indent: 1em; }
.indent2 { padding-left:1em; text-indent:-1em;}

.plink { margin-top: -50px!important; padding-top: 50px!important;}




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

/* パンくずリスト */
#container #title .breadcrumb ul li.next {
	height: auto;
}


section#outline section, section#rec section, section#other section {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents section.w100 {
	width: 100%;
	padding: 0;
}

#contents section.w640 {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents section img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 5px auto 0;
}

#contents h1.tit_page {
	margin: 20px 0;
}

#contents h2 {
	font-size: 18px;
}


/* ページ内リンク */
#contents ul.link_box {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
}

#contents ul.link_box li {
	width: 48%;
	margin-right: 10px;
}

#contents ul.link_box li:nth-child(even) {
	margin-right: 0;
}

#contents ul.link_box li a {
	padding: 3px 10px;
}





/* 表組み（レスポンシブで1列） */
#contents .table2 th {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#contents .table2 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}


/* 表組み スクロール */
.scroll {
	padding: 5px;
	border: 2px solid #BCC7CE;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}

.scroll::-webkit-scrollbar {
	height: 10px;
}
.scroll::-webkit-scrollbar-track {
	background: #E7EBEE;
}
.scroll::-webkit-scrollbar-thumb {
	background: #92A2AB;
}



/* パンフレット */
#contents .pamphlet ul li {
/*	float: left;
	width: 100%;
	margin: 0 0 20px 0;*/
}

/* パンフレット */
#contents .pamphlet ul li img {
	margin: 0 0 5px 0;
}







/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100%; }
#contents .box130_l, #contents .box130_r { width: 100%; }
#contents .box200_l, #contents .box200_r { width: 100%; }
#contents .box210_l, #contents .box210_r { width: 100%; }
#contents .box240_l, #contents .box240_r { width: 100%; }
#contents .box250_l, #contents .box250_r { width: 100%; }
#contents .box265_l, #contents .box265_r { width: 100%; }
#contents .box300_l, #contents .box300_r { width: 100%; }
#contents .box310_l, #contents .box310_r { width: 100%; }
#contents .box320_l, #contents .box320_r { width: 100%; }
#contents .box350_l, #contents .box350_r { width: 100%; }
#contents .box380_l, #contents .box380_r { width: 100%; }
#contents .box420_l, #contents .box420_r { width: 100%; }
#contents .box480_l, #contents .box480_r { width: 100%; }
#contents .box510_l, #contents .box510_r { width: 100%; }
#contents .box530_l, #contents .box530_r { width: 100%; }

#contents .box100_l, #contents .box130_l, #contents .box200_l, #contents .box210_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, #contents .box320_l, #contents .box350_l, #contents .box380_l, #contents .box420_l, #contents .box480_l, #contents .box510_l, #contents .box530_l {
	clear: both;
	float: none;
	margin: 0 auto;}

#contents .box100_r, #contents .box130_r, #contents .box200_r, #contents .box210_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, #contents .box320_r, #contents .box350_r, #contents .box380_r, #contents .box420_r, #contents .box480_r, #contents .box510_r, #contents .box530_r {
	clear: both;
	float: none;}

/* flexbox */
.flex_col2 > div, .flex_col3 > div, .flex_col4 > div{
		width: 100%;
}

	/* センター長写真　201708 */
.message .photo {
	display: block;
	float: none;
	max-width: 200px;
	margin: 0 auto 20px auto;
	}

.message .photo img {
	display: inline;
	}


}

/* Access & Contact */
#container .request_box {
    padding: 40px 0 30px 0;
    background-color: #D60000;
    text-align: center;
}
#rec #container .request_box .tile ul{
	margin:0;
}
#rec #container .request_box .tile ul li.act a {
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #D60000;
}
#rec #container .request_box .tile ul li.act:hover a {
  border: 1px solid #D60000; /*text color*/
  background: #FFF;
  color: #D60000; /*text color*/
}
#rec #container .request_box .tile ul li.act a:hover {
    border: 1px solid #ffffff;
    background: #D60000;
    color: #ffffff;
}