.subMenu { width: 1198px; margin: 0 auto; }
.subMenu ul { margin: 0; padding: 0; }
.subMenu li { float: left; }
.subMenu li a { display: inline-block; *display: inline; *zoom: 1; }
.subMenu .benmakusho { position: relative; }
.subMenu .benmakusho a { position: absolute; }
.subMenu .benmakusho a:nth-child(2) { bottom: 14px; left: 11px; }
.subMenu .benmakusho a:nth-child(3) { bottom: 14px; left: 83px; }

.lead { padding: 60px 0 50px; background: #FFF; text-align: center; }
.lead h1 { margin-bottom: 40px; }

.feature { width: 1077px; margin: 0 auto; border-radius: 10px; border: solid 2px #2BB3D6; overflow: hidden; background: #FFF; }
.feature h2 { text-align: center; background-color: #2BB3D6; padding: 30px 0; }
.feature h3 { margin-bottom: 15px; font-weight: bold; font-size: 16px; }
.feature .inner { padding: 30px; }
.feature .fLeft { float: left; width: 640px; height: 350px; }
.feature .fRight { float: right; width: 345px; height: 290px; padding-top: 60px; position: relative; }
.feature .fRight .name { position: absolute; left: 0; bottom: 0; }
.feature .fRight .name dt { margin-bottom: 10px; }

.mBot30 { margin-bottom: 30px; }

.mBot50 { margin-bottom: 50px; }

#wrapper { background: #FFF; }

.relatedLinks li { background: #e9f7fb; }
.relatedLinks li:nth-child(2n+2) { background: #c6eef8; }

/* PC
------------------------------------------------------------------------------ */

#wide { background-color: #fff !important; }

.pc-none { display: none !important; }

.mainContents { width: 1200px; margin-top: 0; }

h1 { margin: 0; }

h2 { text-align: center; margin-bottom: 55px; font-size: 22px; color: #4a657e; }

h3 { color: #fff; font-size: 22px; background-color: #4a657e; line-height: 1; margin: 0; padding: 14px 24px; border-radius: 3px 3px 0 0; }

h3.reset { padding: 0; background-color: transparent; }

nav ul.anchor { display: flex; justify-content: space-between; margin: 100px 0; }

.text { font-size: 16px; line-height: 80%; }

.br {
display: block;
content: "";
margin: 10px 0;
}

.graphs { background-color: #f9fafb; margin-bottom: 60px; padding: 63px 70px; display: flex; justify-content: space-between; flex-wrap: wrap; }

.card { border-radius: 6px; background-color: #fff; background-image: url("http://www.tobu.saiseikai.or.jp/wordpress/wp-content/themes/tobu/imgs/report/pc/bg_card.png"); background-repeat: repeat-x; background-position-y: 100%; box-shadow: 0px 3px 2px rgba(221, 221, 221, 0.8); min-height: 389px; position: relative; margin-bottom: 50px; }
.card:last-child { margin-bottom: 0; }
.card__half { width: 495px; }
.card__half .card__pos p { padding: 0 30px; text-align: left; font-size: 16px; line-height: 1.6; }
.card__full { width: 100%; }
.card__full .card__pos p { padding: 0 65px; text-align: left; font-size: 16px; line-height: 1.7; text-align: justify; text-justify: inter-ideograph; }
.card__inner div { text-align: center; position: absolute; }
.card1 .card__pos:nth-child(1) { top: 95px; left: 0px; right: 0px; }
.card1 .card__pos:nth-child(2) { bottom: 37px; left: 0px; right: 0px; }
.card1 .card__pos:nth-child(3) { top: 215px; left: 0px; right: 0px; }
.card1 .card__pos:nth-child(3) p { text-align: center; }
.card2 .card__pos:nth-child(1) { top: 95px; left: 0px; right: 0px; }
.card2 .card__pos:nth-child(2) { bottom: 37px; left: 0px; right: 0px; }
.card2 .card__pos:nth-child(3) { top: 215px; left: 0px; right: 0px; }
.card2 .card__pos:nth-child(3) p { text-align: center; }
.card3 .card__pos:nth-child(1) { top: 95px; left: 0px; right: 0px; }
.card3 .card__pos:nth-child(2) { bottom: 37px; left: 0px; right: 0px; }
.card3 .card__pos:nth-child(3) { top: 215px; left: 0px; right: 0px; }
.card3 .card__pos:nth-child(3) p { text-align: center; }
.card4 .card__pos:nth-child(1) { top: 95px; left: 0px; right: 0px; }
.card4 .card__pos:nth-child(2) { bottom: 0px; left: 0px; right: 0px; }
.card4 .card__pos:nth-child(3) { top: 215px; left: 0px; right: 0px; }
.card4 .card__pos:nth-child(3) p { text-align: center; }
.card5 .card__pos:nth-child(1) { top: 67px; left: 0px; right: 0px; }
.card5 .card__pos:nth-child(2) { bottom: 10px; left: 0px; right: 0px; }
.card6 .card__pos:nth-child(1) { top: 103px; left: 0px; right: 0px; }
.card6 .card__pos:nth-child(2) { bottom: 10px; left: 0px; right: 0px; }

/* .card7 .card__pos:nth-child(1) { top: 125px; left: 160px; } */
.card7 .card__pos:nth-child(1) { top: 125px; left: 100px; }
.card7 .card__pos:nth-child(2) { bottom: 0px; left: 105px; }
.card7 .card__pos:nth-child(3) { top: 80px; right: 100px; }
.card7 .card__pos:nth-child(4) { bottom: 0px; right: 110px; }
.card7 .card__pos:nth-child(5) { top: 220px; left: 0px; right: 0px; }
.card7 .card__pos:nth-child(5) p { text-align: center; }

/* .card8 .card__pos:nth-child(1) { top: 85px; left: 160px; } */
.card8 .card__pos:nth-child(1) { top: 85px; left: 100px; }
.card8 .card__pos:nth-child(2) { bottom: 0px; left: 105px; }
.card8 .card__pos:nth-child(3) { top: 85px; right: 100px; }
.card8 .card__pos:nth-child(4) { bottom: 0px; right: 110px; }
.card8 .card__pos:nth-child(5) { top: 220px; left: 40px; }
.card8 .card__pos:nth-child(5) p { text-align: center; }
.card8 .card__pos:nth-child(6) { top: 220px; right: 40px; }
.card8 .card__pos:nth-child(6) p { text-align: center; }

/* .card9 .card__pos:nth-child(1) { top: 80px; left: 160px; } */
.card9 .card__pos:nth-child(1) { top: 80px; left: 100px; }
.card9 .card__pos:nth-child(2) { bottom: 0px; left: 105px; }

/* .card9 .card__pos:nth-child(3) { top: 80px; right: 100px; } */
.card9 .card__pos:nth-child(3) { top: 80px; right: 80px; }


.card9 .card__pos:nth-child(4) { bottom: 0px; right: 110px; }
.card9 .card__pos:nth-child(5) { top: 215px; left: 0px; right: 0px; }
.card10 { height: 441px; }
.card10 .card__pos:nth-child(1) { top: 95px; left: 75px; }
.card10 .card__pos:nth-child(2) { top: 250px; width: 50%; }
.card10 .card__pos:nth-child(2) p { padding: 0px 50px; }
.card10 .card__pos:nth-child(3) { top: 13px; left: 575px; }
.card10 .card__pos:nth-child(4) { top: 95px; right: 75px; }
.card10 .card__pos:nth-child(5) { top: 250px; right: 0px; width: 50%; }
.card10 .card__pos:nth-child(5) p { padding: 0px 50px; }

.qi { margin-bottom: 60px; }
.qi__ttl { margin-bottom: 40px; }
.qi__desc { font-size: 16px; line-height: 1.7; text-align: center; margin: 0; }

.depList { display: flex; flex-wrap: wrap; justify-content: space-between; width: 64%; margin: 60px auto; }
.depList li { flex-basis: 100%; color: #2ab3d7; list-style-type: disc; font-size: 18px; }
.depList li a { color: #2ab3d7; text-decoration: underline; }
.depList li a span { font-size: 70%; }

.halfGrid { display: flex; justify-content: space-between; width: 1060px; margin: 0 auto; }


/* 済生会横浜市東部病院QIプロジェクト */

.qiproject {
	margin-bottom: 150px;
	text-align: center;
 }
.qiproject h2 {
	margin-bottom: 0px;
	font-size: 45px;
	color: #4a657e;
	font-weight: bold;
}
.qiproject h3 {
	margin-bottom: 30px;
	font-size: 35px;
	color: #4a657e;
	background-color: #ffffff;
}
.qiproject h4 {
	margin-bottom: 50px;
	font-size: 16px;
}
.qiproject .flex{
	display: flex;
}
.qiproject .flex div{
	width: 33%;
	margin: 5px;
	padding: 5px;
}
.structure_big {
	width: 370px;
	height: 80px;
  font-size: 30px;
  padding: 12px;
  background:#0061ab;
	color: #ffffff;
	border-radius: 15px 15px 15px 15px;
	text-align: center;
	margin-bottom:20px;
}
.process_big {
	width: 370px;
	height: 80px;
  font-size: 30px;
  padding: 12px;
  background:#ffb053;
	color: #ffffff;
	border-radius: 15px 15px 15px 15px;
	text-align: center;
	margin-bottom:20px;
}
.outcome_big {
	width: 370px;
	height: 80px;
  font-size: 30px;
  padding: 12px;
  background:#ff777b;
	color: #ffffff;
	border-radius: 15px 15px 15px 15px;
	text-align: center;
	margin-bottom:20px;
}
.text02 {
	font-size: 16px;
	line-height: 120%;
	margin-left: 15px;
}

.qiproject .graphs {
	background-color: #f9fafb;
	padding: 20px 35px 40px 35px;
	justify-content:
	display: flex;
	space-between;
	flex-wrap: wrap;
	text-align: left;
	margin : 0;
}

.qiproject .graphs02 {
	background-color: #f9fafb;
	margin-bottom: 60px;
	margin-top : 0;
	padding: 0 35px 20px 35px;
	justify-content:
	display: flex;
	space-between;
	flex-wrap: wrap;
	text-align: left;
}

.qiproject .graphs03 {
	background-color: #f9fafb;
	margin-top : 0;
	padding: 10px 35px 20px 35px;
	justify-content:
	display: flex;
	space-between;
	flex-wrap: wrap;
	text-align: left;
}

.qiproject .headline {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 35px;
	color: #4a657e;
	font-weight: bold;
	text-align: left;
}

.structure_small {
	width: 100%;
	height: 42px;
  font-size: 22px;
  padding: 6px 20px 6px 20px;
  background:#0061ab;
	color: #ffffff;
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	margin-bottom:20px;
}
.process_small {
	width: 100%;
	height: 42px;
  font-size: 22px;
  padding: 6px 27px 6px 27px;
  background:#ffb053;
	color: #ffffff;
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	margin-bottom:20px;
}
.outcome_small {
	width: 100%;
	height: 42px;
  font-size: 22px;
  padding: 6px 20px 6px 20px;
  background:#ff777b;
	color: #ffffff;
	border-radius: 10px 10px 10px 10px;
	text-align: center;
}

.graphslist {
	list-style-type: none;
	padding: 0;
	margin: 10px;
	display: flex;
	flex-wrap: wrap;
	clear:both;
}

.item01 {
	margin: 12px;
	width: 12%;
	height: 40px;
}
.item02 {
	margin: 8px;
	width: 80%;
	height: auto;
	font-size: 34px;
	text-align: left;
	line-height: 120%;
}
.item02 a{
	color: #3069b8;
}

.linebase {
	background-color:#fafafc;
	width : 95%;
	height: 1px;
	margin-top:25px;
	margin-left:20px;
	margin-right:20px;
}

.tqm {
	background-color:#fafafc;
	width : 100%;
	height: 100px;
	padding-top:50px;
	padding-bottom:0px;

}


/**
参考資料URL : HTMLのみで実装できるアコーディオン
https://wheelchair-coder.com/sample/list-html/001/#section03
**/

/**
 * list-style: none; ←デフォルト三角削除（Chrome非対応）
 * cursor: pointer; ←カーソルをポインターに
**/
details summary {
  list-style: none;
  cursor: pointer;
	color: #3069b8;
}
/**
 * Chrome用のデフォルト三角削除
**/
details summary::-webkit-details-marker {
  display: none;
}
/**
 * Font Awesomeのプラスアイコン使用
**/
details summary::before {

  font-family: FontAwesome;
  content: '\f067';
  margin-right: 20px;
}
/**
 * アコーディオンがオープン時はマイナスアイコンに変更
**/
details[open] summary::before {
  content: '\f068';
}

@media only screen and (min-width:761px){
	/* PCで表示させない */
	.no_pc{
		display:none;
	}
}
@media only screen and (max-width:760px){
	/* SPで表示させない */
	.no_sp{
		display:none;
	}
}