@charset "utf-8";
/* ========================================================================= 
1.h2,h3,h4,h5 
2.p 
3.font 
4.ul,ol 
5.hr 
6.table 
7.inneerbox
CMSKIT編集画面
========================================================================= */

/*-------------------------------
# Typography
-------------------------------*/ 
#content p{margin-bottom:16px;}
section p:last-child{margin-bottom:0;}

/* 見出し */
h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-size: 100%; font-weight: 700; margin-top: 20px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: underline;}
h2 { clear: both;}
h4, h5, h6 { margin-bottom: 16px;}

#mainVisual h1 { font-size: 218.75%/*35px*/; font-weight: 500; margin-top: 0; height: 300px; position: relative; display: flex; align-items: end; padding: 20px;}
#mainVisual h1 img { position: absolute; top:0; left: 0; object-fit: cover; width: 100%; height: 300px; z-index: -1;}
#mainVisual h1 span{ background: rgba(255,255,255,.9); border-radius: 10px; padding: 10px 40px; }
@media print,screen and (min-width:769px) {
 #mainVisual h1 span{ min-width: 560px;}
}
#wcv_sys_wrapper #mainVisual h1 span {position: absolute; top:0; bottom: 0; left: 0; right: 0; width: 50%; height: 80px; margin: auto; padding: 10px;}
#wcv_sys_wrapper #mainVisual h1 span .wcv_system_hand{position: relative; height: auto; width:auto; padding: 0;}

#content h1 {font-size: 187.75%/*30px*/;margin-top: 40px;margin-bottom: 30px;width: 100%;}
h2 {font-family: 'BIZ UDPMincho', serif; font-size: 156.25%/*25px*/; margin-top: 40px;margin-bottom: 30px;width: 100%;}
h2 {position: relative; padding-left: 10px;}
h2::before {content: ""; position: absolute; left: 0; bottom: 0; height: 100%; width: 3px; background-color:#DB3C72;}
#main > h1:first-child,
#main > h2:first-child { margin-top: 0;}

h2.h2_front {color: #2B2626; font-weight: 500; font-size: 12px; font-family: 'BIZ UDPGothic', sans-serif;	text-align: center;	padding:0;	margin-top: 50px;	margin-bottom: 20px;	line-height: 1.3; }
h2.h2_front::before{content: none;}
h2.h2_front strong{ color: #2A7863; display:block; font-size: 208.33%; font-weight: 700; }
h3 { font-size: 125%/*20px*/; margin-top: 40px; margin-bottom: 20px;}
.twoColLt #main h3::before{content: none;}
h4 { font-size: 112.5%/*18px*/; margin-top: 30px; margin-bottom: 15px; padding-left: 26px; position: relative;}
h4::before { content: ""; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background-color:#C7C7C7;}
h5 {color: #2A7863; font-size: 112.5%/*18px*/;margin-top: 30px; margin-bottom: 15px;}

blockquote {font-size: 93.75%/*15px*/;background: #F5F5F5;padding: 20px;margin: 40px 0 1em;}
blockquote p:last-child {margin-bottom: 0;}
pre {background: #eee;font-size:93.75%/*15px*/;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;
}

p { margin: 0 0 20px 0;}
p + p { margin-top: 0;}
p.pNarrow {margin: 5px 0 5px 0;line-height: 1.1;font-size: 93.75%/*15px*/;
}
p { margin: 0 0 20px 0;}
p + p { margin-top: 0;}
p.pNarrow { margin: 5px 0 5px 0; line-height: 1.1; font-size: 96%;}
p.waku-blue { border: 1px solid #69c; padding: 0.5em;}
p.waku-red { border: 1px solid #c33; padding: 0.5em; background-color: #fee;}
.clear { clear: both;}

/*= font style*/
.xsmall { font-size: 75%/*12px*/;}
.small { font-size: 87.5%/*14px*/;}
.large { font-size:  125%/*20px*/;}
.xlarge { font-size: 150%/*24px*/;}
/*文字色（WW編集KITで入力）*/
.text_black { color: #312F3D;}
.text_blue { color: #00439A;}
.text_green { color: #679801;}
.red,
.text_red { color: #C1312C;}
.text_pink { color: #F04BDB;}
.text_orange { color: #e60;}
.text_brown { color: #734418;}
.text_white { color: #FFF;}
.text_marker { background-color: #FBF2DA;}

/* テーブル
-------------------------------*/ 
table {border-collapse: collapse;border-spacing: 0;margin: 0 0 30px; border-color: #C7C7C7;}
table[border="1"], table[border="1"] td, table[border="1"] th { border: 1px solid #C7C7C7;}
table tr, table td, table th {border-color: #C7C7C7; height: auto !important;}
table th { font-weight: 700; background-color: #F0F8FD;}
caption, th, td { padding: 10px 15px;}
th p:last-child, td p:last-child, th ul:last-child, td ul:last-child, td table {margin-bottom: 0 !important;line-height: 1.5;}
table td a {position: relative; padding-left: 12px;}
table td a::before {content: "";position: absolute;left: 0px;top: 10px;width: 6px;height: 6px;border-top: 2px solid #2A7863;border-right: 2px solid #2A7863; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
table[align="center"] { margin: 0 auto 30px;}

/*レスポンシブ(HOME)*/
@media screen and (max-width: 780px) {
 .rwdTbl, .rwdTbl tbody,.rwdTbl tr,.rwdTbl th,.rwdTbl td {display: block; width: 100% !important;}
 .rwdTbl,.rwdTbl[border="1"], .rwdTbl[border="1"] td, .rwdTbl[border="1"] th { border: none;}
 .rwdTbl[border="1"]{border: 1px solid #C7C7C7; border-bottom: none;}
 .rwdTbl[border="1"] th,.rwdTbl[border="1"] td{border-bottom: 1px solid #C7C7C7;}
}
/*横スクロール*/
@media screen and (max-width:767px){
 .tblScroll {margin: 0 auto 30px; padding: 0 10px; overflow-x:scroll;}
 .tblScroll > table {width: 640px !important;}
/* .tblScroll::before{content: "右にスクロール→"; color: #B1BAC5; font-size: 75%; }*/
}
/*線なしの表*/
table.tblNoborder,
table.tblNoborder th,
table.tblNoborder td {	border: none !important;}
table.tblNoborder th{border-bottom: 1px solid #FFF !important;}
table.tblNoborder th:last-child{border-bottom: none !important;}
/* 旧CSS */
caption {	padding-bottom: .5em;	font-weight: bold;}
table.bordered {width: 100%;　margin: 0 0 1em;border: 1px solid #C7C7C7;border-collapse: collapse;border-spacing: 0;font-weight: normal;}
table.bordered th,
table.bordered td {	padding: 10px 8px;	border-right: 1px solid #C7C7C7;	border-bottom: 1px solid #C7C7C7;}
table.bordered td {vertical-align: top;}


.txtRight {text-align: right;}
.txtLeft {text-align:left;}
.txtCenter {text-align:center;}

img.right   { float: right;	margin-left: 20px; }
img.left    { float: left; margin-right: 20px; }
img.center {	display: block;	margin: 0 auto 15px;}
@media screen and (max-width:767px){
	img.right ,img.left, .imgRight , .imgLeft {	display: block;	float: none;	margin: 0 auto;	margin-bottom: 10px;	}
}
@media print,screen and (min-width:768px) { /* Tablet */
 .imgRight { display: inline; clear: both; float: right; margin: 0 0 10px 10px;}
 .imgLeft { display: inline; clear: both; float: left; margin: 0 10px 10px 0;}
 .imgCenter { clear: both; margin: 0 auto 10px; display: block;}
 /* end min-width: 768px */}
/*= テキストボックス
-------------------------------*/
/*カラーボックス設定*/
.bgBlue,
.bgOrange,
.bgYellow,
.bgGray,
.bgGreen {	width: 100%;	padding: 15px;	margin-bottom: 18px;}

/* Box Module */
.borderbox,
.relatedinfo,
.contactunit { margin-top: 20px; margin-bottom: 20px; border: 1px solid #c0cee0; border-radius: 4px;	box-sizing: border-box;}
.borderbox {	border-color: #A09DB1;	padding: 10px 20px;}
.relatedinfo{	border-left: none;	border-right: none;	border-radius: 0;}
.relatedinfo dt {border-bottom: 1px dotted #A09DB1;	color: #333 !important;	margin-bottom: 15px;   padding: .75em 10px .75em 30px;}
.contactunit {	border-width: 3px;}
.contactunit dt {	padding:.75em 10px;	border-bottom: 1px dotted #A09DB1;	margin: 0 0 0.2em;	font-weight: bold;}
.contactunit dd { padding:10px; }
.contactunit address { margin-left: 1em; }

/* コメント */
.borderbox,
.commentArea {	display: inline-block;	width: 100%;	padding: 20px 15px;	margin-bottom: 30px;	border: 1px solid #A09DB1;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;
}
.borderbox p:last-child,
.commentArea p:last-child,
.bgBlue p:last-child,.bgOrange p:last-child,.bgLYellow p:last-child,.bgGray p:last-child,.bgGreen p:last-child {	margin-bottom: 0 !important;}
/*背景色設定*/
/*ブルー*/
.bgBlue {	background: #D1F3FE;}
/*ライトオレンジ*/
.bgOrange {	background: #FBF2DA;}
/*ライトグレー */
.bgGray {	background: #F5F5F5;}
/*ライトグリーン */
.bgGreen {	background: #E4F9DD;}

.ico_blank,.ico_pdf,.pdf,.ico_xls,.xls,.ico_doc,.doc{padding-right: 36px; position: relative;}
.ico_blank::after,.ico_pdf::after,.pdf::after,.ico_xls::after,.xls::after,.ico_doc::after,.doc::after{content: ""; position: absolute; width: 32px; height: 32px; right: 0; bottom: 0px;}
.ico_blank::after{ background: url("/hospital/nursing_care/_assets/images/ico_blank.png") no-repeat right bottom; }
.ico_pdf::after,
.pdf::after{ background: url("/hospital/nursing_care/_assets/images/ico_pdf.png") no-repeat right bottom; }
.ico_xls::after,
.xls::after{ background: url("/hospital/nursing_care/_assets/images/ico_xlsx.png") no-repeat right bottom; }
.ico_doc::after,
.doc::after{ background: url("/hospital/nursing_care/_assets/images/ico_doc.png") no-repeat right bottom; }


/*---------------------------
CMSKIT編集画面
---------------------------*/
/*ログアウトボタン*/
html>body #wcv_sys_header p#wcv_sys_logoffbtn a{width: 120px !important;}
/*管理画面メニュー*/
html>body #wcv_sys_mainnavi_wrap #wcv_sys_mainnavi ul#wcv_sys_mainnavi_ul li a{width: 100% !important;}
/*ヘルプボタン*/
html>body #wcv_sys_titlearea p#wcv_sys_helpbtn a{width: 100% !important;}
/*CMSKITリンクアイコン*/
img.wcv_ww_newwindowicon,
img.wcv_ww_fileicon{	vertical-align: bottom;}
#wcv_sys_edit_previewarea_wrap body { background: #FFF;}
#wcv_sys_wrapper h4.wcv_sys_edit_blockeditarea_rightcolumn_blockarea_title::before,
#wcv_sys_wrapper h4.wcv_sys_edit_blockeditarea_rightcolumn_blockarea_title::after,
#wcv_sys_wrapper h4.wcv_sys_edit_blockeditarea_leftcolumn_blockarea_title::before,
#wcv_sys_wrapper h4.wcv_sys_edit_blockeditarea_leftcolumn_blockarea_title::after{content: none;}
#wcv_sys_wrapper .ul-img.bnr4 li img:last-child,
#wcv_sys_wrapper .ul-img li img:last-child{ width:auto !important;	height: auto !important;}
#wcv_sys_wrapper .aboutList01 > div{display: flex; width: 100%; flex-wrap: wrap;}

#wcv_sys_wrapper .row > div,
#wcv_sys_wrapper .bnr3 > div,
#wcv_sys_wrapper .bnr4 > div{display: flex;/*justify-content: space-between;*/position: relative;flex-wrap: wrap;
}