@charset "utf-8";

/*
Theme Name: NUH-CRPI-2021
Theme URI: 
Description: 国立大学病院臨床研究推進会議のテーマ
Version: 2.0
Author: 1M Inc.
Author URI: https://ichiem.jp
*/





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





/*ページレイアウト指定*/

body {
	text-align:	center;
	background: #fff;
}

#wrapper	{
	width: 100%;
	text-align:	center;
	line-height: 1.8;
}

.txtArea	{
/*	display: flow-root; IEは非対応*/
	max-width: 1100px;
	margin: 0px auto;
	text-align:	left;
}

section a {
	text-decoration: underline;
}




.upperHeader {
	position: relative;
	height: 116px;
}

/*ロゴタイプ*/
.siteTitle {
	position: absolute;
	top: 40px;
	left: 0px;
}

.siteTitle img {
	width: 100%;
	max-width: 430px;
}



/*右上のぶら下がりタブ*/
.upperRightMenu {
	position: absolute;
	top: 0px;
	right: 0px;
	list-style-type: none;
}

.upperRightMenu li {
	float: right;
}

.upperRightMenu li a {
	display: block;
	margin: 0px 6px 0px 0px;
	padding: 10px 35px 8px 35px;
	font-size: 1.35rem;
	line-height: 1.0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 1px #222;
	border-radius: 0px 0px 6px 6px;
}

/*会員の皆さまへの背景色*/
.upperRightMenu li:last-child a {
	background: linear-gradient(to bottom, #ffaba3 20%, #ff6053 80%);
}

/*お問い合わせの背景色*/
.upperRightMenu li:first-child a {
	background: linear-gradient(to bottom, #68a7f4 20%, #0072d4 80%);
}

.upperRightMenu li a:hover {
	padding: 16px 35px 8px 35px;
}



/*WP全体の検索*/

#search {
	position: absolute;
	top: 65px;
	right: 0px;
}

#search .searchform  {
	position: relative;
}

#search .inputarea {
	position: absolute;
	top: 0px;
	right: 27px;
}

#search input[type="text"] {
	width: 21.5em;
	margin : 0px 6px 0px 0px;
	height : 1.2em;
	padding : 2px 2px 2px 2px;
	background : #fafafa;
	-webkit-appearance : none;
	font-size: 1.5rem;
	border : 1px solid #36a;
	border-radius : 0px;
}

#search input[type="text"]:focus {
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #fff;
}

#search .searchbtn {
	position: absolute;
	top: 0px;
	right: 0px;
}





/*メインメニュー*/

nav {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: linear-gradient(to right, #0054c0 20%, #a5b4db 100%);
}

.globalNav {
	min-height: 49px;
}

/*メインメニュー親要素　左側*/
.globalNav ul.leftsideBtn {
	list-style-type: none;
}

.globalNav ul.leftsideBtn li {
	position: relative;
	float: left;
	z-index: 200;
	list-style-type: none;
}

.globalNav ul.leftsideBtn li a {
	display: block;
	margin: 11px 0px 0px 0px;
	padding: 6px 30px 5px 30px;
	font-size: 1.45rem;
	line-height: 1.0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow: 2px 2px 2px #358;
	border-right: solid 1px #cde;
}

.globalNav ul.leftsideBtn li:first-child a {
	padding-left: 60px;
	border-left: solid 1px #cde;
	background: url(images/home.png) no-repeat 16px 0px;
}

.globalNav ul.leftsideBtn li:last-child a {
}

.globalNav ul.leftsideBtn li a:hover {
	color: #ff0;
}

.globalNav ul.leftsideBtn li.current_page_item a {
	color: #fcd;
	text-shadow: 2px 2px 7px #005;
}



/*メインメニュー子要素*/
.globalNav ul.leftsideBtn li ul.sub-menu {
	position: absolute;
	top: 37px;
	left: 0px;
	width: 340px;
	padding: 12px 0px 0px 0px;
	visibility: hidden;
	opacity: 0;
	transition: 0.0s;
}

.globalNav ul.leftsideBtn li:hover ul.sub-menu {
	visibility: visible;
	opacity: 1;
	transition: 0.2s;
}

.globalNav ul.leftsideBtn li ul.sub-menu li {
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.globalNav ul.leftsideBtn li ul.sub-menu li a {
	margin: 0px 0px 0px 0px;
	padding: 16px 4px 16px 12px;
	font-size: 1.4rem;
	color: #fff;
	background: #5785ea;
	text-shadow: 1px 1px 3px #027;
	text-align: left;
	border-right: 2px solid #5785ea;
	border-bottom: 2px solid #5785ea;
	border-left: 2px solid #5785ea;
}

.globalNav ul.leftsideBtn li ul.sub-menu li a span {
	font-size: 1.2rem;
}

.globalNav ul.leftsideBtn li ul.sub-menu li a:hover {
	color: #13a;
	background: #fff;
	text-shadow: none;
	visibility: visible;
	opacity: 1;
}

/*globalNavの中のフィージビリティとマッチングとその他を隠す*/
header .globalNav .noMainnav {
	display: none;
}




/*メインメニュー　右側*/

.globalNav ul.rightsideBtn {
	list-style-type: none;
}


.globalNav ul.rightsideBtn li {
	float: right;
	z-index: 200;
}

.globalNav ul.rightsideBtn li a {
	display: block;
	margin: 9px 0px 0px 10px;
	padding: 6px 16px 6px 16px;
	font-size: 1.4rem;
	line-height: 1.4;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
}

/*フィージビリティ*/
.globalNav ul.rightsideBtn li:first-child a {
	color: #000;
	background: #e5e6a8;
}

.globalNav ul.rightsideBtn li:first-child a:hover {
	color: #e5e6a8;
	background: #c5b648;
	background: #555;
}

/*マッチング*/
.globalNav ul.rightsideBtn li:last-child a {
	color: #000;
	background: #ffc7cf;
}

.globalNav ul.rightsideBtn li:last-child a:hover {
	color: #ffc7cf;
	background: #c5878f;
	background: #555;
}



.globalNav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}





/*パンくず*/

.breadcrumbs	{
	width: 1100px;
	margin: 0px auto;
	padding:	20px 0px 0px 0px;
	color:	#888;
	font-size: 1.35rem;
	line-height:	1.6;
	text-align:	left;
}

.breadcrumbs a	{
	color:	#57b;
}





/*フッター*/

.footerArea {
	margin: 100px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	background: #deedd2;
}

.easyaccess .totop,
.home .easyaccess .noshowIndex,
.home .easyaccess .cateTitle {
	display: none;

}

.easyaccess {
	margin-bottom: 10px;
}

.easyaccess .cateTitle {
	visibility: hidden;
}

.easyaccess .cateTitle ul.sub-menu  {
	visibility: visible;
}

/*フッターでは子メニュー非表示*/
.easyaccess .cateTitle ul.sub-menu li ul.sub-menu {
	display: none;
}

.easyaccess .sm {
	display: none;
}

.easyaccess ul {
	margin: 10px 0px 0px 0px;
}

.easyaccess li {
	display: inline;
}

.easyaccess li a {
	padding: 0px 30px 0px 20px;
	font-size: 1.35rem;
	line-height: 2.0;
	color:	#038;
	background: url(images/arrow.png) no-repeat left center;
}

.easyaccess li a {
	white-space: nowrap;
}

.easyaccess li img {
	padding: 0px 5px 0px 0px;
}



.footer:not(p) {
	margin: 30px 0px 0px 0px;
	padding: 30px 0px 60px 0px;
	background: linear-gradient(to right, #0054c0 20%, #a5b4db 100%);
}

.footerTitle {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	font-size: 1.4rem;
	line-height: 1.4;
	color:	#fff;
}

.footerAddress {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.35rem;
	line-height: 1.4;
	color:	#eef;
}

.copyright {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2rem;
	line-height: 1.35;
	color:	#cde;
}

/*他サイトのバナー*/
.uhcta {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 20px 0px 20px;
	background: #fff;
	border: 1px solid #58b;
}

.uhcta img {
	max-height: 90px;
}

.dbc {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 15px 5px 15px 5px;
	background: #fff;
	border: 1px solid #58b;
}

.dbc img {
	max-height: 60px;
}


p.footer	{
	margin:	50px 0px 50px 0px;
	font-size:	12px;
	line-height:	1.3;
	color:	#888;
}






/*Pages*/

/*固定ページ用のh1と投稿ページのh2は同じ*/
h1.forStaticPage,
h2 {
	margin: 50px 0px 40px 0px;
	padding: 0px 0px 12px 0px;
	font-size: 2.7rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color:	#334;
	font-weight: bold;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 12px solid #004097;
	border-image: linear-gradient(to right, #004097 0%, #a5b4db 100%);
	border-image-slice: 1;
}

h2:nth-child(n + 3)  {
	margin: 100px 0px 40px 0px;
}

h2 a,
h2 a:visited,
h2 a:hover {
	text-decoration: none;
	color:	#556;
}


/*お知らせでh2が二つ以上使用されている場合の2番目以降のh2*/
.single-news h2:nth-child(n+3) {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 2.2rem;
	line-height: 1.4;
	letter-spacing: 0.05em;
	color:	#334;
	font-weight: bold;
	border: none;
}

/*
h3 {
	margin: 40px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 2.0rem;
	color:	#000;
	font-weight: bold;
}
*/

.pages .txtArea section h3 {
	margin: 40px 0px 30px 0px;
	padding: 20px 10px 20px 20px;
	font-size: 2.0rem;
	color:	#557;
	font-weight: bold;
	border:	3px solid #5ab;
	border-radius: 7px;
}

.pages .txtArea section h4  {
	margin: 40px 0px 30px 0px;
	padding: 12px 12px 12px 15px;
	font-size:	1.8rem;
	color:	#358;
	font-weight: bold;
	background: #eceeec;
	background: linear-gradient(to right, #eceeef 20%, #f5fafc 100%);
	border-bottom:	1px dotted #5ab;
	border-left:	4px solid #5fa2db;
}

/*
h5 {
	margin: 20px 0px 5px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 1.7rem;
	color:	#333;
	font-weight: bold;
}
*/

.pages .txtArea section h5 {
	margin: 30px 0px 30px 0px;
	padding: 10px 0px 10px 15px;
	font-size:	1.7rem;
	color:	#555;
	font-weight: bold;
	border-bottom:	1px dotted #5ab;
	border-left:	3px solid #5fa2db;
}

h6 {
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.6rem;
	line-height: 1.8;
	color:	#555;
	font-weight: bold;
}

p {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 2.0;
	color:	#333;
}

dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 2.0;
	color:	#333;
}

ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 2.0;
	color:	#333;
	list-style-type: disc
}

ol {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 2.0;
	color:	#333;
}



.pages .txtArea section ul {
	margin: 0px 0px 0px 30px;
}

.pages .txtArea section ol {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 2.0;
	color:	#333;
}

.pages .txtArea section ol li ul {
	margin: 0px 0px 0px 15px;
}





/*Page topへ*/ 

#page-top {
	position: fixed;
	bottom: 200px;
	right: 20px;
	z-index: 200;
}

#page-top a {
	background: url(images/toTop.png) no-repeat;
	width: 54px;
	height: 55px;
	display: block;
}

#page-top a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.pagenation   {
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align:   center;
	color:   #555;
	font-size:   1.35rem;
}





/*添付ファイルアイコンの表示*/
a[href $='.pdf']    {
/*	display:   block;	*/
	margin:   5px 0px 5px 0px;
	padding:   7px 30px 7px 0px;
	background:   url(images/pdf.png) no-repeat center right;
}

a[href $='.doc']    {
/*	display:   block;	*/
	margin:   5px 0px 5px 0px;
	padding:   7px 30px 7px 0px;
	background:   url(images/doc.png) no-repeat center right;
}

a[href $='.docx']    {
/*	display:   block;	*/
	margin:   5px 0px 5px 0px;
	padding:   7px 30px 7px 0px;
	background:   url(images/doc.png) no-repeat center right;
}

a[href $='.xls']    {
/*	display:   block;	*/
	margin:   5px 0px 5px 0px;
	padding:   7px 30px 7px 0px;
	background:   url(images/xls.png) no-repeat center right;
}

a[href $='.xlsx']    {
/*	display:   block;	*/
	margin:   5px 0px 5px 0px;
	padding:   7px 30px 7px 0px;
	background:   url(images/xls.png) no-repeat center right;
}

a[href $='.ppt']    {
/*	display:   block;	*/
	margin:   5px 0px 5px 0px;
	padding:   7px 30px 7px 0px;
	background:   url(images/ppt.png) no-repeat center right;
}

a[href $='.pub']    {
/*	display:   block;	*/
	margin:   5px 0px 5px 0px;
	padding:   7px 30px 7px 0px;
	background:   url(images/pub.png) no-repeat center right;
}





/*Tablepressテーブル*/
table.tablepress {
	width: 100%;
	margin: 5px 0px 5px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-size:	1.45rem !important;
	line-height: 1.6 !important;
	background: #ecf0f3 !important;
	border: 1px solid #ccc !important;
	border: none;
	border-collapse: collapse !important;
}

table.tablepress th {
	padding: 10px 0px 10px 0px !important;
	vertical-align: middle !important;
	text-align: center !important;
	letter-spacing: 0.1em;
	font-size:	1.55rem !important;
	font-weight: bold !important;
	color: #555 !important;
	background: #8f9ba5 !important;
	background: #b4bfc9 !important;
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border: 1px solid #fff !important;
	text-shadow: 1px 1px 3px rgba(0, 0, 10, 0.7);
	text-shadow: none;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1.0);
}

table.tablepress td {
	padding: 20px 12px 20px 12px !important;
	vertical-align: top !important;
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border: 1px solid #fff !important;
}

/*交互に背景色変更*/
table.tablepress tr:nth-child(odd) td {
	background: #e3e7ea !important;
}

/*左端をヘッダーに*/
table.tablepress.left1 .column-1,
table.tablepress.left2 .column-2 {
	font-weight: bold;
	color: #fff !important;
	color: #555 !important;
	background: #8f9ba5 !important;
	background: #b4bfc9 !important;
	text-shadow: 1px 1px 3px rgba(0, 0, 10, 0.7);
	text-shadow: none;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1.0);
}

table.tablepress.left1 .column-1 a,
table.tablepress.left2 .column-2 a {
	color: #fff !important;
	color: #555 !important;
}



/*組織・役員一覧*/
table.tablepress.organization td {
	vertical-align: middle !important;
}

/*2行目*/
table.tablepress.organization tr:nth-child(1) td {
	text-align: center !important;
	letter-spacing: 0.1em;
	font-size:	1.55rem !important;
	background: #b4bfc9 !important;
}

/*1列目*/
table.tablepress.organization td:nth-of-type(1){
	width: 15%;
}

/*2列目*/
table.tablepress.organization td:nth-of-type(2){
	width: 30%;
}

/*4列目*/
table.tablepress.organization td:nth-of-type(4){
	width: 30% !important;
}


/*年次報告書*/
table.tablepress.annualreportTable td {
	padding: 6px 12px 6px 12px !important;
	vertical-align: middle !important;
	border-right: 1px solid #ccc !important;
	border-right: 1px solid #fff !important;
}

/*1列目*/
table.tablepress.annualreportTable td:nth-of-type(1){
	width: 20%;
}


/*関連リンク　1列目の幅*/
table.tablepress.links td:nth-of-type(1){
	width: 50%;
	vertical-align: middle !important;
}

table.tablepress.links td:nth-of-type(2){
	text-align: center;
}


/*国立大学病院リンク*/
table.tablepress.hospitals td {
	padding: 12px 12px 12px 12px !important;
}

/*1列目*/
table.tablepress.hospitals td:nth-of-type(2){
	width: 80%;
}





/*テーブル*/
table.BasicTable {
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:	1.4rem;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.BasicTable th {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	border: 1px solid #ccc;
}

table.BasicTable td {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	border: 1px solid #ccc;
}


/*__________ここまで各ページ共通の指定*/


















/*indexページ*/

.index h2 {
	margin: 50px 0px 30px 0px;
}

.index .slideArea {
	width: 100%;
	max-height: 342px;
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	background: linear-gradient(to right, #0068b6 0%, #a1c1e6 100%);
}

.slideShow {
	max-width: 1100px;
	max-height: 342px;
	background: #fff;
}



/*スライドショー内の文字の設定とか*/

.metaslider .caption h1 {
	margin: 0px !important;
	padding: 15px 450px 10px 20px !important;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
/*
	transition: 0.3s;
	text-shadow: 0px 0px 5px rgba(255,255,255,1.0);
*/
}

.metaslider .caption p {
	margin: 0px !important;
	padding: 0px 400px 10px 20px !important;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.8;
	color: #000;
/*
	transition: 0.3s;
	text-shadow: 0px 0px 5px rgba(255,255,255,1.0);
*/
}

.metaslider .caption a {
	text-decoration: none;
}

.metaslider .caption a:hover{
	color: #08d;
}


.metaslider .caption-wrap {
	top: 100px; /* 黒枠の上からの位置 */
	left: 0;
	height: 40%; /* 黒枠の縦幅 */
	opacity: 1 !important;
	background: rgba(255,255,255,0.0) !important;
/*
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
*/
}

/*白抜きの場合*/
.metaslider .caption h1.white,
.metaslider .caption p.white {
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}





/*コンテンツ*/
.index .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0px 0px 73px 0px;
}

.contentsFrame {
	width: 31%;
	min-width: 290px;
	min-height: 128px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	border-top: 7px solid #f4f9fa;
	border-image: linear-gradient(to right, #f4f9fa 0%, #b7dbdf 100%);
	border-image-slice: 1;
	border-right: 7px solid #b7dbdf;
	border-bottom: 7px solid #f4f9fa;
	border-image: linear-gradient(to right, #f4f9fa 0%, #b7dbdf 100%);
	border-image-slice: 1;
	border-left: 7px solid #f4f9fa;
	background: #fff;
}

.index .flex:after {
	content: "";
	display: block;
	width: 31%;
	height: 0;
}

/*Indexページのコンテンツ欄の囲みの上の部分の帯の色の指定はここ*/

/*国立大学病院臨床研究推進会議について*/
.contentsFrame .aboutus {
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 17px solid #004097;
	border-image: linear-gradient(to right, #80b4fb 0%, #0072d4 80%);
	border-image-slice: 1;
}

/*トピックグループ*/
.contentsFrame .tg1,
.contentsFrame .tg2,
.contentsFrame .tg3,
.contentsFrame .tg4,
.contentsFrame .tg5 {
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 17px solid #004097;
	border-image: linear-gradient(to right, #f8bbbf 0%, #c15274 100%);
	border-image-slice: 1;
}

/*年次報告書*/
.contentsFrame .annualreport {
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 17px solid #004097;
	border-image: linear-gradient(to right, #60bd8a 0%, #2c935e 100%);
	border-image-slice: 1;
}

/*将来像実現化年次報告・行動計画*/
.contentsFrame .plan {
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 17px solid #004097;
	border-image: linear-gradient(to right, #cfe787 0%, #77b500 100%);
	border-image-slice: 1;
}

/*各種調査*/
.contentsFrame .survey {
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 17px solid #004097;
	border-image: linear-gradient(to right, #80b4fb 0%, #0072d4 80%);
	border-image-slice: 1;
}

/*追加カテゴリー*/
.contentsFrame .other1,
.contentsFrame .other2,
.contentsFrame .other3 {
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 17px solid #004097;
	border-image: linear-gradient(to right, #a5b4db 0%, #004097 100%);
	border-image-slice: 1;
}

.index .contentsFrame h3 {
	margin: 20px 0px 17px 15px;
	padding: 0px 0px 0px 0px;
	font-size: 1.65rem;
	line-height: 1.35 !important;
	color:	#000;
	font-weight: bold;
}

.index .contentsFrame h3 a {
	color:	#000;
	text-decoration: none;
}

.index .contentsFrame p {
	margin: 0px 10px 0px 15px;
	padding: 0px 0px 0px 0px;
	font-size: 1.25rem;
	line-height: 1.8;
}

.index .contentsFrame p a {
	color:	#004097;
	text-decoration: none;
}




/*ニュース欄*/
.newsContainer {
	display: flex;
	flex-wrap: wrap;
	margin: 0px 0px 80px 0px;
}

.newsContainer::after {
	content: '';
	width: 10%;
	height: 0px;
	order: -1;
	display: block;
	background: #888;
}


/*タブ*/
.newsContainer .tabLabel {
	margin: 0px 1px 0px 0px;
	padding: 10px 0px 8px 20px;
	flex: 1;
	order: -1;
	z-index: 10;
	font-size: 1.5rem;
	font-weight: bold;
	color: #aaa;
	background: #fff;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
	border-radius: 5px 20px 0px 0px;
	transition: 0.3s;
	cursor: pointer;
}

.newsContainer .tabLabel:nth-last-of-type(1) {
	margin-right: 0px;
}

/*ラジオボタン非表示*/
.newsContainer input {
	display: none;
}

/*お知らせコンテンツ*/
.newsContainer .newsContent {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	margin: -1px 0px 0px 0px;
}

/*選択されたタブ*/
.newsContainer input:checked + .tabLabel {
	color: #333;
	background: #fff;
	background: linear-gradient(to bottom, #dee 0%, #fff 100%);
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #888;
}

/*選択されたコンテンツ*/
.newsContainer input:checked + .tabLabel + .newsContent {
	height: 350px;
	padding: 30px 20px 20px 20px;
	overflow-y: scroll;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
	border-radius: 0px 5px 5px 5px;
	transition: 0.5s opacity;
	opacity: 1;
}

.news_unit {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dashed #888;
}

.news_date {
	float: left;
	font-size: 1.4rem;
}

.news_headline {
	margin: 0px 0px 5px 0px;
	margin-left: 6.8em;
	font-size: 1.5rem;
	font-weight: bold;
}

.news_headline a {
	color:	#007;
	text-decoration: none;
}

.news_bodycopy {
	margin-left: 7.5em;
	font-size: 1.35rem;
}





/*ピックアップ　最初の設定*/

.pickupContainer {
	width: 348px;
	width: 31%;
	min-width: 300px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

.pickupImage {
	width: 100%;
	min-width: 300px;
	height: 144px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

.pickupImage img {
	width: 100%;
	height: auto;
}

.pickupContainer h4 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.35rem;
	color:	#000;
	border: none;
}

.pickupContainer p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.35rem;
	line-height: 1.8;
	color:	#000;
}

.pickupContainer h4 a {
	color:	#000;
	text-decoration: none;
}

.pickupContainer p a {
	color:	#000;
	text-decoration: none;
}



/*Indexページのピックアップの箱の囲みの上の部分の帯の色の指定はここ

#pickup .pickupFrame {
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 17px solid #004097;
	border-image: linear-gradient(to right, #83bbec 0%, #0081c2 80%);
	border-image-slice: 1;
}
*/




/*会員ページ新着情報*/

.newcomer {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.newcomer p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2rem;
	color: #555;
}

/*新着のお知らせのページ名をカテゴリー名に変換*/
.newcomer p a[href*='post_type=manager']:before {
	content: "幹事会";
}

.newcomer p a[href*='post_type=delegate']:before {
	content: "代表者会";
}

.newcomer p a[href*='post_type=topic1']:before {
	content: "TG1";
}

.newcomer p a[href*='post_type=topic2']:before {
	content: "TG2";
}

.newcomer p a[href*='post_type=topic3']:before {
	content: "TG3";
}

.newcomer p a[href*='post_type=topic4']:before {
	content: "TG4";
}

.newcomer p a[href*='post_type=topic5']:before {
	content: "TG5";
}

.newcomer p a[href*='post_type=secretary']:before {
	content: "事務局";
}

.newcomer p a[href*='post_type=forum']:before {
	content: "フォーラム";
}

.newcomer p a[href*='post_type=schedule']:before {
	content: "スケジュール";
}

.newcomer p a[href*='post_type=downloadpage']:before {
	content: "資料DL";
}

















/*pages ページ*/

.pages section.titleAreaImage {
	padding: 0px 0px 0px 0px;
}


.pages section.titleAreaImage {
	height: 342px;
}


.pages .titleArea {
	position: relative;
	max-width: 1100px;
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.pages .titleArea h1 {
	position: absolute;
	top: 33px;
	left: 0px;
	font-size: 2.9rem;
	font-weight: bold;
	color: #000;
	text-shadow: 0px 0px 5px #fff;
}

.pages .titleArea .leadCopy {
	position: absolute;
	top: 101px;
	left: 0px;
	font-size: 1.55rem;
	line-height: 2.4;
	font-weight: bold;
	color: #000;
	text-shadow: 0px 0px 5px #fff;
}

/*白抜き文字*/
.pages .tg2 .titleArea h1,
.pages .tg5 .titleArea h1,
.pages .other1 .titleArea h1 {
	color: #fff;
	text-shadow: 0px 0px 5px #aaa;
}

.pages .tg2 .titleArea .leadCopy,
.pages .tg5 .titleArea .leadCopy,
.pages .other1 .titleArea .leadCopy {
	color: #fff;
	text-shadow: 0px 0px 5px #aaa;
}


/*h1の背景イメージ*/
.pages section.aboutus {
	background: url(images/category_image_aboutus.png) no-repeat;
}

.pages section.tg1 {
	background: url(images/category_image_tg1.png) no-repeat;
}

.pages section.tg2 {
	background: url(images/category_image_tg2.png) no-repeat;
}

.pages section.tg3 {
	background: url(images/category_image_tg3.png) no-repeat;
}

.pages section.tg4 {
	background: url(images/category_image_tg4.png) no-repeat;
}

.pages section.tg5 {
	background: url(images/category_image_tg5.png) no-repeat;
}

.pages section.annualreport {
	background: url(images/category_image_annualreport.png) no-repeat;
}

.pages section.plan {
	background: url(images/category_image_plan.png) no-repeat;
}

.pages section.survey {
	background: url(images/category_image_survey.png) no-repeat;
}

.pages section.other1 {
	background: url(images/category_image_other1.png) no-repeat;
}

.pages section.other2 {
	background: url(images/category_image_other2.png) no-repeat;
}

.pages section.other3 {
	background: url(images/category_image_other3.png) no-repeat;
}

.pages section.feasibility {
	background: url(images/category_image_feasibility.png) no-repeat;
}

.pages section.aboutus,
.pages section.tg1,
.pages section.tg2,
.pages section.tg3,
.pages section.tg4,
.pages section.tg5,
.pages section.annualreport,
.pages section.plan,
.pages section.other1,
.pages section.other2,
.pages section.other3,
.pages section.survey,
.pages section.feasibility {
	margin-top: 20px;
	background-size: cover;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-position: center center;
}





/*子ページのh1*/
.pages h1.category {
	margin: 50px 0px -10px 0px;
	font-size: 1.35rem;
	font-weight: bold;
	color: #777;
	text-align: center;
}

.pages h1.category span {
	padding: 0px 30px 6px 30px;
	border-bottom: 1px solid #aaa;
}

.contentsDate {
	margin: -30px 0px 10px 0px;
	padding: 0px 10px 0px 0px;
	font-size: 1.4rem;
	color: #777;
	text-align: right;
}



/*コンテンツ*/
.pages .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pages .contentsFrame {
	width: 31%;
	min-height: 156px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	border-top: 7px solid #f4f9fa;
	border-image: linear-gradient(to right, #f4f9fa 0%, #b7dbdf 100%);
	border-image-slice: 1;
	border-right: 7px solid #b7dbdf;
	border-bottom: 7px solid #f4f9fa;
	border-image: linear-gradient(to right, #f4f9fa 0%, #b7dbdf 100%);
	border-image-slice: 1;
	border-left: 7px solid #f4f9fa;
}

.pages .flex:after {
	content: "";
	display: block;
	width: 31%;
	height: 0;
}



/*国立大学病院臨床研究推進会議について*/
.pages .contentsFrame .aboutus {
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 17px solid #004097;
	border-image: linear-gradient(to right, #83bbec 0%, #0081c2 80%);
	border-image-slice: 1;
	background: #fff;
}

.pages .txtArea section .contentsFrame h3 {
	margin: 12px 0px 8px 15px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	color:	#000;
	font-weight: bold;
	border: none;
}

.pages .contentsFrame h3 a {
	color:	#000;
	text-decoration: none;
}

.pages .contentsFrame p {
	margin: 0px 10px 0px 15px;
	padding: 0px 0px 0px 0px;
	font-size: 1.35rem;
}

.pages .contentsFrame p a {
	color:	#004097;
	text-decoration: none;
}





/*TG　活動実績（カスタム投稿タイプ）*/

.achievementContent {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px dashed #888;
}

.achievement_unit {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 10px;
	border-bottom: 1px dashed #888;
}
.achievement_unit:nth-child(odd) {
	background: #e1f2ec;
}

.achievement_date {
	float: left;
	font-size: 1.5rem;
	color:	#888;
}

.achievement_headline {
	margin-left: 7.5em;
	font-size: 1.5rem;
/*
	font-weight: bold;
*/
}

.achievement_headline a {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color:	#007;
	text-decoration: none;
}

.achievement_size {
	margin-left: 8.0em;
	font-size: 1.35rem;
	font-weight: normal;
	color:	#888;
}





/*年次報告書（カスタム投稿タイプ）*/

/*凡例*/
.legends {
	margin: 0px 0px 0px 35px;
	font-size: 1.5rem;
	color:	#888;
}
.legends .legendsYear {
	margin: 0px 0px 0px 135px;
}

.annualreportContent {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px dashed #888;
}

.annualreport_unit {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 20px 10px;
	border-bottom: 1px dashed #888;
}
.annualreport_unit:nth-child(odd) {
	background: #e1f2ec;
}

.annualreport_year {
	float: left;
	font-size: 1.5rem;
	color:	#333;
}

.annualreport_headline {
	margin-left: 10em;
	font-size: 1.6rem;
/*
	font-weight: bold;
*/
}

.annualreport_headline a {
	margin: 0px 0px 10px 0px;
	padding: 0px 30px 0px 0px;
	color:	#007;
	text-decoration: none;
}





/*会長あいさつ*/

.pages p.greeting {
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 2.2;
	color:	#333;
}





/*サイトマップ*/

.pages .txtArea section h3.sitemap {
	margin: 20px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 1.8rem;
	color:	#777;
	border: none;
}

.pages .txtArea section h3.sitemap span {
	margin: 0px 0px 0px 10px;
	font-size: 1.4rem;
	color:	#777;
	font-weight: normal;
}

.pages .txtArea section ul.sitemap {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 20px;
	list-style-type: none;
	border-bottom: 1px dashed #aaa;
}

/*子ページの段下げ*/
.pages .txtArea section ul.sitemap li a[href*='child'] {
	padding: 0px 0px 0px 20px;
}

.pages .txtArea section ul.sitemap li {
	font-size: 1.4rem;
	line-height: 1.8;
	padding: 0px 0px 10px 0px;
}

.pages .txtArea section ul.sitemap li span {
	color:	#777;
}





/*ピックアップ個別ページのサムネイル*/

.page .thumbnail {
	float: left;
	margin: 0px 15px 15px 0px;
	padding: 0px 0px 0px 0px;
}

.page .thumbnail img {
	margin: 0px 15px 15px 0px;
	padding: 3px 3px 3px 3px;
	background: #fff;
	border: 1px solid #ccc;
}

/*アーカイブのサムネール*/
.page .pickupUnit .thumbnail {
	width: 348px;
	height: 160px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

.page .pickupUnit .thumbnail img {
	width: 100%;
	height: auto;
	margin: 0px 15px 15px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	border: 1px solid #ccc;
}





/*写真　角丸*/
.fig {
	max-width: 70%;
	margin: 0px 0px 30px 0px;
	padding: 3% 3% 3% 3%;
	background: #eaefff;
	border: 1px solid #ccc;
	border-radius: 10px;
}

/*写真　直角*/
.fig90 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	border: 1px solid #ccc !important;;
}





/*ポスター・パンフレットページで画像を並べる場合*/
.poster_container {
	display: flex;
	flex-wrap: wrap;
/*
	justify-content: space-between;
*/
}

.poster {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 2.0;
	color:	#333;
}

.poster img {
	margin: 0px 20px 0px 0px;
	vertical-align: top;
	background: #fff;
	border: 1px solid #ccc !important;;
}





/*ボタン*/

.linkBtn {
	display: block;
	width: 25em;
	margin: 20px 0px 0px 0px;
	padding: 5px 0px 5px 0px;

	font-size:	1.5rem;
	line-height:   1.5;
	text-align:	center;
	text-decoration: none;
	color:	#555;
	background:   #ecf0f3;
	border:   2px solid #8ac;

	border-radius: 5px; 
	transition-property:	all;
	transition-duration:	0.1s;
	transition-timing-function:	ease-in-out;
}

.linkBtn:hover {
	color:	#fff;
	background:   #58f;
	text-decoration: none;
	border:   2px solid #58f;
}















/*専門分野マッチング　注意書き*/

.txtArea .specializedform .notice   {
	margin:   25px 0px 25px 0px;
}

.specialized h4  {
	margin: 30px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.7rem;
	line-height: 1.4;
	color:	#000;
	font-weight: bold;
}

.specialized h5  {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 1.4;
	color:	#000;
	font-weight: bold;
}

.txtArea ul.listNotice li {
	margin-left: 1.5em;
	font-size: 1.5rem;
	line-height: 2.0;
}



/*リストの検索*/

.matchSearch {
	position: relative;
	min-height: 2.0em;
	margin:   20px 0px 20px 0px;
}

.matchSearch .inputarea {
	position: absolute;
	top: 0px;
	right: 27px;
}

.matchSearch input[type="text"] {
	width: 31.5em;
	margin : 0px 6px 0px 0px;
	height : 1.7em;
	padding : 3px 2px 3px 3px;
	background : #ffeaea;
	-webkit-appearance : none;
	font-size: 1.45rem;
	border : 1px solid #36a;
	border-radius : 0px;
}

.matchSearch input[type="text"]:focus {
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #fff;
}

.matchSearch .sorezore {
	position:   absolute;
	top: 1px;
	right: 33.5em;
	font-size:  1.5rem;
	color: #03a;
}

.matchSearch .searchbtn   {
	position:   absolute;
	top:   1px;
	right:   0px;
}



.pager {
	font-size: 1.5rem;
	letter-spacing: 0.3em;
}

.pager span {
	letter-spacing: 0.05em;
}



/*専門分野テーブル*/

.txtArea table.specialized   {
	width:   100%;
	margin:   30px 0px 10px 0px;
	font-size: 1.4rem;
	background:   #f5f5f5;
	border-collapse: collapse;
	border:   2px solid #aac;
}

.txtArea table.specialized th   {
	padding:   7px 7px 7px 10px;
	line-height:   1.6;
	white-space:   normal;
	text-align:   center;
	background:   #deeaff;
	border:   1px solid #aac;
	border-top:   2px solid #aac;
	border-bottom:   2px solid #aac;
}

.txtArea table.specialized th:nth-child(1)   {
	width: 5%;
}

.txtArea table.specialized th:nth-child(2)   {
	width: 5%;
}

.txtArea table.specialized th:nth-child(3)   {
	width: 24%;
}

.txtArea table.specialized th:nth-child(4)   {
	width: 32%;
}

.txtArea table.specialized th:nth-child(5)   {
	width: 21%;
}

.txtArea table.specialized th:nth-child(6)   {
	width: 13%;
}

.txtArea table.specialized td   {
	padding:   7px 7px 7px 10px;
	line-height:   1.5;
	border:   1px solid #aac;
}

/*テーブルセル背景カラー交互*/
.txtArea table.specialized tr:nth-child(2n+1)   {
	background:   #dffafa;
}



/*　↑　の問い合わせフォーム*/
.txtArea .specializedform   {
	margin:   0px 0px 100px 0px;
	padding:   0px 0px 25px 0px;
	border-bottom:   5px solid #eee;
}

/*初期化*/
.txtArea .specializedform ul,
.txtArea .specializedform dl {
	margin:   0px 0px 0px 0px;
	padding:   0px 0px 0px 0px;
	line-height:   1.8;
}

.txtArea .specializedform dt,
.txtArea .specializedform dd,
.txtArea .specializedform li {
	margin:   0px 0px 0px 0px;
	padding:   0px 0px 0px 0px;
	line-height:   1.8;
}

/*ここから指定しなおし*/
.txtArea .specializedform dl {
	display: flex;
	margin:   0px 0px 0px 0px;
	padding:   25px 0px 20px 0px;
	border-bottom:   5px solid #eee;
}



/*フィージビリティ　フォーム資料アップロードらん*/
.txtArea .specializedform dl.noborder {
	display: flex;
	margin:   0px 0px 0px 0px;
	padding:   15px 0px 0px 0px;
	border-bottom:   none;
}

.txtArea .specializedform .aymp {
	margin:   25px 0px 0px 0px;
	padding:   0px 0px 0px 0px;
	line-height:   1.8;
	border-top:   5px solid #eee;
}

.txtArea .specializedform dt {
	width: 18em !important;
	margin:   0px 10px 0px 0px;
	font-weight: bold;
/*
	border: 2px dotted #aaf;
*/
}

.txtArea .specializedform dd {
	max-width: 50em;
	padding:   5px 0px 0px 0px;
	font-size: 1.5rem;
}

.txtArea .specializedform dd.kankei {
	padding:   5px 0px 0px 0px;
}

.txtArea .specializedform textarea {
	font-size: 1.5rem;
	border:   2px solid #ccc;
}

.txtArea .specializedform input[type=email],
.txtArea .specializedform input[type=text] {
	height: 2em;
	font-size: 1.5rem;
	border:   2px solid #ccc;
}

/*必須こうもく*/
.txtArea .specializedform .must {
	padding: 3px 5px 3px 5px;
	line-height: 2.0;
	color: #fff;
	background: #f8a;
}



/*マッチングページのボタン*/
.txtArea .specializedform .inputBtn[type=submit],
.txtArea .specializedform .inputBtn[type=reset],
.txtArea .specializedform .inputBtn[type=button]	{
	padding:	10px 15px 10px 15px;
	border-radius: 5px;
	border:	#aaa 1px solid;
	color:	#333;
	font-size:	15px;
	line-height:	1;
	background:	#f5f5f5;
	cursor:pointer;
}

/*チェックしない場合の*/
.txtArea .specializedform .inputBtn[type=submit][disabled],
.txtArea .specializedform .inputBtn[type=reset][disabled],
.txtArea .specializedform .inputBtn[type=button][disabled]	{
	padding:	10px 15px 10px 15px;
	border-radius: 5px;
	border:	#ccc 1px solid;
	color:	#aaa;
	font-size:	15px;
	line-height:	1;
	background:	#f5f5f5;
	cursor:default;
}





/*フィージビリティ調査依頼フォーム*/
.specialized label.upload {
	display: block;
	width: 100%;
	padding: 4px 20px 4px 0px;
/*
	background-color: #ffe;
*/
	border: solid 1px #ccc;
	font-size: 1.4rem;
	color: #000;
}



#errmsg2,
#errmsg {
	display: block;
	margin: 20px 0px 0px 0px;
	color:	#f03;
	font-size:	14px;
	line-height:	1.8;
}





/*お問い合わせ WP MW FORM*/
.inquiryForm {
	margin: 80px 0px 0px 5px;
}

.inquiryForm dl {
	display: flex;
	width: 94%;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	font-size: 1.5rem;
	line-height: 1.5;
	color:	#333;
	border-bottom: 1px dotted #acf;
}

.inquiryForm dl dt {
	width: 10em;
	padding: 4px 0px 1px 20px;
	color: #037;
	border-left: 4px solid #7ac;
}

.inquiryForm input[type="text"],
.inquiryForm input[type="email"],
.inquiryForm textarea {
	padding: 5px 5px 5px 10px;
	font-size: 1.7rem;
	background : #fafafa;
	-webkit-appearance : none;
	border: 1px solid #8ad;
	border-radius: 5px;
}

.inquiryForm .error {
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	font-weight: bold;
	color: #f23;
	background: #ffc;
}

/*必須*/
.inquiryForm .must {
	margin: 0px 0px 0px 0px;
	padding : 2px 2px 2px 2px;
	font-size: 1.3rem;
	color: #fff;
	background: #f89;
}

/*そうしんボタン*/
.inquiryForm .inputBtn[type=submit],
.inquiryForm .inputBtn[type=reset],
.inquiryForm .inputBtn[type=button]	{
	padding:	5px 35px 5px 35px;
	border-radius: 5px;
	border:	#aaa 2px solid;
	color:	#035;
	font-size:	1.7rem;
	line-height:	1;
	background:	#f5f5fa;
	cursor:pointer;
}

/*確認画面の場合*/
.confirm_inquiry .inquiryForm .must,
.confirm_inquiry .inquiryForm .inputBtn[type=reset] {
	display: none;
}

.confirm_inquiry .inquiryForm dl dt {
	margin: 0px 0px 0px 0px;
	padding : 0px 0px 0px 20px;
}

.confirm_inquiry .inquiryForm dl dt,
.confirm_inquiry .inquiryForm dl dd {
	font-size:	1.5rem;
}













/*601px以上の画面　スマートフォン用コンテンツの非表示*/

.totop,
.sm,
#menu_sm {
	display: none;
	}





/*1200px以下の画面　左右のアキを追加*/
@media only screen and (max-width: 1140px){

	.txtArea:not(.slideArea > .txtArea)	{
		width: 96%;
		padding: 0% 2% 0% 2%;
	}

	.upperRightMenu {
		right: 2%;
	}

	.siteTitle {
		left: 2%;
	}

	#search {
		right: 2%;
	}

	.breadcrumbs	{
		width: 96%;
		padding: 0% 2% 0% 2%;
		padding-top: 20px;
	}

	.pages .titleArea h1 {
		top: 33px;
		left: 2%;
	}

	.pages .titleArea .leadCopy {
		top: 101px;
		left: 2%;
	}

	.globalNav ul.leftsideBtn li a {
		padding: 6px 18px 5px 18px;
	}

	.globalNav ul.leftsideBtn li:first-child a {
		padding-left: 50px;
		border-left: solid 1px #cde;
		background: url(images/home.png) no-repeat 10px 0px;
	}

	.globalNav ul.rightsideBtn li a {
		padding: 6px 8px 6px 8px;
	}



/*スライドショー内の文字の設定とか*/

	.index .slideArea {
		background: #fff;
	}

	.index .slideArea img {
		border-top: 1px solid #7495d2 !important;
		border-bottom: 1px solid #7495d2 !important;
	}

	.metaslider .caption h1 {
		padding: 5px 350px 10px 20px !important;
	}

	.metaslider .caption-wrap {
		top: 80px; /* 黒枠の上からの位置 */
		height: 50%; /* 黒枠の縦幅 */
		background: rgba(255,255,255,0.0) !important;
/*
		border-top: 1px solid rgba(0,0,0,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.1);
*/
	}

}





/*1000px以下の画面*/
@media only screen and (max-width: 1000px){

/*ニュースたぶの右のアキをなくす*/
	.newsContainer::after {
		width: 100%;
	}

	.pages .titleArea h1 {
		top: 10px;
	}

	.pages .titleArea .leadCopy {
		top: 75px;
	}

/*お問い合わせを一段に*/
	.inquiryForm dl {
		display: flex;
		flex-direction: column;
	}

	.inquiryForm dl dt {
		width: 10em;
		margin: 0px 0px 10px 0px;
		padding: 1px 0px 1px 20px;
	}

	.inquiryForm input[type="text"],
	.inquiryForm input[type="email"],
	.inquiryForm textarea {
		width: 90%;
		margin: 0px 0px 0px 10px;
	}

}



/*960px以下の画面*/
@media only screen and (max-width: 960px){

/*メインメニューの隙間を減らした〜flexボックスの並びを2つに*/
	.contentsFrame {
		width: 47%;
	}

	.pickupContainer {
		width: 47%;
	}

	.pages .contentsFrame {
		width: 47%;
	}



/*メニューを2段に*/
	.globalNav ul.leftsideBtn li a {
		padding: 8px 30px 7px 30px;
	}

	.globalNav ul.rightsideBtn {
		float: left;
	}

	.globalNav ul.rightsideBtn li a {
		margin: 15px 10px 0px 0px;
		padding: 10px 30px 10px 30px;
	}

	nav {
		padding: 0px 0px 10px 0px;
	}

/*タブ*/
	.newsContainer .tabLabel {
		padding: 10px 10px 10px 25px;
		flex: 1;
		order: 0;
		font-size: 1.6rem;
		color: #777;
		background: #eee;
		border-radius: 0px 0px 0px 0px;
	}

/*お知らせコンテンツ*/
	.newsContainer .newsContent {
		width: 100%;
		height: 0;
		overflow: hidden;
		opacity: 0;
		margin: 0px 0px 0px 0px;
	}

/*選択されたタブ*/
	.newsContainer input:checked + .tabLabel {
		color: #333;
		background: #fff;
		border-bottom: 1px solid #fff;
		border-radius: 10px 10px 0px 0px;
	}

/*選択されたコンテンツ*/
	.newsContainer input:checked + .tabLabel + .newsContent {
		height: 350px;
		padding: 10px 20px 20px 20px;
		border-top: 1px solid #fff;
		border-radius: 0px;
		opacity: 1;
	}



/*スライドショー内の文字の設定とか*/
	.metaslider .caption h1 {
		padding: 10px 350px 10px 20px !important;
	}

	.metaslider .caption p {
		padding: 0px 350px 10px 20px !important;
	}

	.metaslider .caption-wrap {
		top: 60px; /* 黒枠の上からの位置 */
		height: 60%; /* 黒枠の縦幅 */
		background: rgba(255,255,255,0.0) !important;
/*
		border-top: 1px solid rgba(0,0,0,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.1);
*/
	}



/*ページイメージの高さ*/
	.pages section.titleAreaImage {
		height: 300px;
	}



/*他サイトのバナー*/
	.uhcta,
	.dbc {
		float: none;
		margin: 0px 0px 10px 10px;
		padding: 0px 0px 0px 0px;
		background: none;
		border: none;	
	}

	.uhcta img {
		max-height: 90px;
	}

	.dbc img {
		max-height: 60px;
	}


}





/*840px以下の画面（iPad 10.5インチ以下）*/
@media only screen and (max-width: 840px){

	.pc {
		display: none;
	}

	.upperHeader {
		height: 150px;
	}

	.siteTitle {
		top: 45px;
	}

	.siteTitle img {
		width: 100%;
		max-width: 410px;
	}

	#search {
		top: 100px;
		left: 2%;
	}

	#search .inputarea {
		left: 0px;
	}

	#search input[type="text"] {
		width: 370px;
	}

	#search .searchbtn {
		left: 380px;
	}



	.index .flex {
		display: block;
		justify-content: start;
		margin: 0px 0px 50px 0px;
}

	.contentsFrame {
		width: 70%;
		margin: 0px auto 30px auto;
	}

	.pickupContainer {
		width: 60%;
		margin: 0px auto 50px auto;
	}

	.pickupImage {
		height: 220px;
	}

	.pages .flex {
		display: block;
		justify-content: start;
		margin: 0px 0px 50px 0px;
}

	.pages .contentsFrame {
		width: 70%;
		margin: 0px auto 30px auto;
	}

	.footerArea,
	.footer {
		text-align: center !important;
	}
	
	.uhcta {
		float: none;
	}

	.uhcta img {
		max-width: 200px;
	}



	.pages section.aboutus,
	.pages section.tg1,
	.pages section.tg2,
	.pages section.tg3,
	.pages section.tg4,
	.pages section.tg5,
	.pages section.annualreport,
	.pages section.plan,
	.pages section.other,
	.pages section.news {
		background-position: 40% 0%;
	}



/*スライドショー内の文字の設定とか*/
	.metaslider .caption h1 {
		padding: 5px 250px 10px 20px !important;
	}

	.metaslider .caption p {
		padding: 0px 300px 10px 20px !important;
	}

	.metaslider .caption-wrap {
		top: 45px; /* 黒枠の上からの位置 */
		height: 60%; /* 黒枠の縦幅 */
		background: rgba(255,255,255,0.0) !important;
/*
		border-top: 1px solid rgba(0,0,0,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.1);
*/
	}



/*マッチングのフォーム*/
	.txtArea .specializedform dl {
		flex-direction: column;
	}



/*写真*/
	.fig {
		max-width: 94%;
	}


}





/*750px以下の画面*/
@media only screen and (max-width: 750px){

/*スライドショー内の文字の設定とか*/
	.metaslider .caption h1 {
		padding: 0px 150px 10px 20px !important;
	}

	.metaslider .caption p {
		padding: 0px 150px 10px 20px !important;
	}

	.metaslider .caption-wrap {
		top: 25px; /* 黒枠の上からの位置 */
		height: 100%; /* 黒枠の縦幅 */
		background: rgba(255,255,255,0.0) !important;
		border: none;
	}

}




/*
@media only screen and (min-width: 661px){

	.pages .titleArea h1 {
	font-size: 2.9rem;
	}

	.pages .titleArea .leadCopy {
	font-size: 1.55rem;
	}

}
*/




/*スマートフォン 縦位置のサイズ*/
@media only screen and (max-width: 660px){

	.sm {
		display: block;
	}

	header .globalNav,
	.upperRightMenu,
	#page-top {
		display: none;
	}

	.easyaccess .totop,
	#menu_sm {
		display: block;
	}

/*ヘッダーロゴ周りの位置変更*/

	.siteTitle {
		top: 50px;
	}

	.siteTitle img {
		width: 95%;
	}

	.upperHeader {
		height: 130px;
		margin: 0px 0px 0px 0px;
	}

	nav {
		display: none;
	}

	#search {
		top: 110px;
	}

	.upperRightMenu {
		left: 2%;
	}

	.upperRightMenu li {
		float: left;
	}



	#search input[type="text"] {
		width: 85%;
	}

	#search .searchbtn {
		left: 88%;
	}

	.footerArea {
		margin: 50px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		background: #deedd2;
	}

	.footer {
		margin: 0px 0px 0px 0px;
		background: #0054c0;
		background: #95a4cb;
	}




	h1.forStaticPage,
	h2 {
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 6px 0px;
		font-size: 2.4rem;
		line-height: 1.2;
		border-bottom: 10px solid #004097;
	}

	.index h2 {
		margin: 20px 0px 20px 0px;
	}

/*子ページのh1*/
	.pages h1.category {
		margin: 20px 0px 10px 0px;
	}

	.pages h1.category span {
		padding: 0px 30px 6px 30px;
	}

	.contentsDate {
		margin: -15px 0px 10px 0px;
		text-align: left;
	}





/*タイトル画像まわり*/

	.pages .titleArea {
		margin: 0px auto 10px auto;
		margin-top: 20px;
	}

	.pages section.titleAreaImage {
		height: 342px;
	}

	.pages .titleArea {
		position: static;
		margin: 0px;
		padding: 130px 0px 0px 0px;
	}

	.pages section.aboutus,
	.pages section.tg1,
	.pages section.tg2,
	.pages section.tg3,
	.pages section.tg4,
	.pages section.tg5,
	.pages section.annualreport,
	.pages section.plan,
	.pages section.other1,
	.pages section.other2,
	.pages section.other3,
	.pages section.survey,
	.pages section.feasibility {
		background-size: auto;
		background-size: contain;
		background-size: cover;
		background-size: 120%;
		background-position: 100% 0%;
		border-top: 1px solid #ccc;
		border-bottom: none;
	}

	.pages .titleArea h1 {
		position: static;
		width: 94%;
		padding: 0% 2% 0% 4%;
		font-size: 2.2rem;
		line-height: 1.5;
		color: #007;
	}

	.pages .titleArea .leadCopy {
		position: static;
		width: 94%;
		margin: 10px 0px 0px 0px;
		padding: 0% 2% 0% 4%;
		font-size: 1.4rem;
		line-height: 1.8;
	}

	.pages .titleArea .leadCopy br {
		display: none;
	}

	/*白抜き文字を黒に*/
	.pages .tg2 .titleArea h1,
	.pages .tg5 .titleArea h1,
	.pages .other1 .titleArea h1 {
		color: #007;
		text-shadow: none;
		}

	.pages .tg2 .titleArea .leadCopy,
	.pages .tg5 .titleArea .leadCopy,
	.pages .other1 .titleArea .leadCopy {
		color: #000;
		text-shadow: none;
	}



	.contentsFrame {
		width: 98%;
		margin: 0px auto 20px auto;
		border: 2px solid #ddd;
	}

	.pickupContainer {
		width: 94% !important;
		margin: 0px auto 20px auto;
	}

	.pickupImage {
		height: 150px;
	}

	.pages .contentsFrame {
		width: 98%;
		margin: 0px auto 20px auto;
		border: 2px solid #ddd;
	}

/*ピックアップ　一覧ページのサムネイルの幅*/
	.page-template-archive-pickup .thumbnail {
		max-width: 60% !important;
	}



/*スライドショー内の文字の設定とか*/
	.metaslider .caption h1 {
		padding: 0px 10px 2px 10px !important;
		font-size: 4.0vw !important;
	}

	.metaslider .caption p {
		padding: 0px 10px 0px 10px !important;
		font-size: 3.5vw !important;
		line-height: 1.7;
	}

	.metaslider .caption-wrap {
		top: 0px; /* 黒枠の上からの位置 */
		height: 100%; /* 黒枠の縦幅 */
	}



/*他サイトのバナー*/

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

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



/*マッチングリストの検索*/
	.matchSearch .inputarea {
		position: static;
		top: 0px;
		right: 27px;
	}

	.matchSearch form {
		display: flex;
		flex-wrap: wrap;
	}

	.matchSearch input[type="text"] {
		width: 80%;
		margin: 0px 6px 0px 0px;
	}

	.matchSearch .sorezore {
		position: static;
	}

	.matchSearch .searchbtn {
		position: static;
	}

	.txtArea .specializedform textarea,
	.txtArea .specializedform input[type=email],
	.txtArea .specializedform input[type=text] {
		max-width: 96% !important;
	}

	.txtArea .specializedform input[type=text]:last-child {
		margin-top: 10px;
	}



/*スマートフォン用ナビゲーション*/

/*ページのあたま*/

	.globalnavi_sm  {
		display: block;
		margin-right: 0%;
		text-align: right;
	}

	.globalnavi_sm a {
		width: 8em;
		padding: 8px 10px 8px 10px;
		color: #0ae;
		background: #333;
		font-size:	1.5rem;
		font-weight: bold;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.globalnavi_sm a:hover {
		color: #fff;
	}



/*メニュー本体*/

	ul.easyaccess {
		width: 100%;
		margin: 0px 0px 0px 0px;
		font-size: 0px;
		border-top: 1px solid #888;
	}

	ul.easyaccess ul {
		margin: 0px 0px 0px 0px;
	}

	ul.easyaccess li {
		display: block;
		margin: 0px;
		padding: 0px;
		font-size:	1.5rem;
		line-height: 1.35;
		font-weight: bold;
		vertical-align: middle;
	}

	ul.easyaccess li a {
		display: block;
		padding: 15px 0px 15px 0px;
		padding-left: 4%;
		text-align: left;
		color: #555;
		text-decoration: none;
		background: #fff;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #ccc;
	}

	ul.easyaccess li a:hover {
		color: #000;
		text-decoration: none;
		background: #eee;
	}


/*子要素*/
	ul.easyaccess .cateTitle ul.sub-menu li ul.sub-menu {
		display: block;
}

	ul.easyaccess .cateTitle ul.sub-menu li ul.sub-menu li a {
		display: block;
		padding: 15px 0px 15px 0px;
		padding-left: 8%;
		text-align: left;
		color: #555;
		text-decoration: none;
		background: #fff;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #ccc;
	}


	.home .easyaccess .noshowIndex,
	.home .easyaccess .cateTitle {
		display: block;
	}


/*カテゴリータイトル、コンテンツと
を隠す*/
	ul.easyaccess li.cateTitle a {
		display: none;
	}

	ul.easyaccess li.cateTitle ul.sub-menu a {
		display: block !important;
	}


/*ページトップへ*/
	ul.easyaccess li.totop a {
		text-align: center;
	}


/*このページ
	ul.easyaccess li.current-menu-item a {
		color: #000;
		background: #ccf;
	}
*/

}