/*-------------------------------
# CONTENTS
---------------------------------
>>> style.css
---------------------------------
# Adobe Readerダウンロード枠
# テキストバナーリスト（第2階層用）
# テキストリスト
# GoogleMap、iframe

# HOME
## お知らせエリア
### コンテンツリンク
### お知らせ一覧
#### 一覧表示ボタン
## バナーリンク
## 幅広バナー①
## 幅広バナー②「詳しく見る」あり
# 部署の紹介＞フロアマップ
-------------------------------*/


/* # Adobe Readerダウンロード枠 --*/
.wcv-floatbox-left {	border: 1px solid #A09DB1;	margin: 40px 0;	padding:15px 10px 15px 15px;	font-size:81.25%;
	line-height: 1.3;	width: 100%;}
.wcv-floatbox-left div img{margin-right: 20px; margin-bottom: 10px;}
.wcv-floatbox-left p{ margin-bottom: 0 !important;}
.home .wcv-floatbox-left{ max-width: 1170px;width: 96%; margin: 40px auto; }
@media print,screen and (min-width:769px) {
.wcv-floatbox-left div img{margin-bottom:0;} 
}

/* # GoogleMap、iframe --*/
@media print,screen and (max-width:1210px) { 
.google-maps,.frameBox {	position: relative;	padding-bottom: 280px;	height: 0;	overflow: hidden;}
.google-maps iframe,
.frameBox iframe{	position: absolute;	top: 0;	left: 0;	width: 100% !important;	height: 100% !important;}
}
/*-------------------------------*/

/* # カテゴリー見出し（第2階層用） --*/
.wakulist h2{border: 1px solid #B0BAC5; background: #F6F8FA; border-radius: 10px; display: flex; align-items: center; font-weight: 500; padding:14px 0 14px 20px; position: relative; margin:0 0 20px; width: 100%; font-size: 18px; font-size: 1.8rem;font-family: 'BIZ UDPGothic', sans-serif; }
.wakulist h2::before{content:none;}
.wakulist h2 a{color: #2E2E3E; display: block; text-decoration: none; width: 120%; border-radius: 10px; padding: 14px 15px 14px 50px; display: flex; align-items: center; margin:-16px 0px -15px -20px; }
.wakulist h2 a:hover{color: #2A7863;background: #E9EEF5;}
.wakulist h2 a::before,
.wakulist h2 a::after{content:""; position: absolute; top: 0; bottom: 0; margin: auto;}
.wakulist h2 a::before{	width: 18px;	height: 18px;	background: #2A7863; left: 20px;}
.wakulist h2 a::after{ left: 23px;	box-sizing: border-box;	width: 8px;	height: 8px;	border-top: 2px solid #FFF;	border-right: 2px solid #FFF;	-webkit-transform: rotate(45deg);	transform: rotate(45deg);}
.wakulist li a{padding-left: 40px;}
.wakulist li a::before{	width: 8px;	height: 8px;	background: #2ACBAA; border-radius: 4px; left: 18px;}
#wcv_sys_wrapper .wakulist h2 a{display: inline-block;}

/* # テキストリスト --*/
.linklist {margin:0 0 40px 0 ; padding-left: 0; flex-wrap: wrap;position: relative; }
.linklist li{list-style: none; margin-left: 0; margin-bottom: 10px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px solid #B0BAC5; }
.linklist li::after{left: 2px; z-index: -1;}
.linklist li a{position: relative; color: #2E2E3E; text-decoration: none; padding-left: 10px;}
.linklist li a:hover{ color: #2A7863;}
.linklist li a::before{content:""; position: absolute; top:3px;left:-18px; width: 18px; height: 18px; background: #2A7863; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none;}
.linklist li a::after{content:""; position: absolute; top:8px;left:-15px; width: 8px; height: 8px;	box-sizing: border-box;	border-top: 2px solid #FFF;	border-right: 2px solid #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.linklist li ul{margin-top: 10px; margin-bottom: 10px;}
table .linklist li{border-bottom: none; padding-bottom: 0;}
table .linklist li a{text-decoration: underline;}
@media print,screen and (max-width:768px) {
 .linklist.bnr2 li{width: 100%;}
}
@media print,screen and (min-width:769px) {
 .linklist.bnr2 li{width: 50%;}
 .linklist li::before{ top:10px; }
}

/*　# 画像バナーリスト
--- (縦型　class="ul-img"/ 横型　class="ul-img row") --*/
.ul-img {	margin : 0 auto 30px ;	width: 100%;}
.ul-img li{	list-style: none; line-height: 1.3;	text-align: center; margin-left: 0; margin-bottom: 20px;}
.ul-img li::before,.ul-img li::after{content: none;}
.ul-img li a {display : block;}
.ul-img li img{ max-width:100%; width: auto; height: auto; margin-bottom: 10px;}

.home .ul-img li{font-size: 125%; font-weight: 700;}
@media print,screen and (min-width:481px) {
 .oneCol .row.ul-img li,
 .twoColLt .row.ul-img li{width:48.05194805194805%;}
}
@media print,screen and (min-width:769px) {
 .oneCol .row.ul-img li{ width:31.62393162393162%;}
 .twoColLt .row.ul-img li{width:48.05194805194805%;}
}

/*-------------------------------
 # HOME
-------------------------------*/
.home #content{max-width: none;}
.home .inner{max-width: 960px; width:92%; margin: 0 auto;}
@media print, screen and (min-width: 1211px){
 .home .inner{width:100%;}
}
@media print, screen and (max-width: 1210px){
 .home #content > .row > #main {padding-left: 0; padding-right: 0;}
}

/* HOME ## お知らせエリア */
#infoArea {background: url("/hospital/nursing_care/_assets/images/home/bg_contents.jpg") no-repeat 50% 0; background-size: cover; padding: 80px 20px 60px; position: relative; }
#infoArea > .row {display: block; position: relative; z-index: 10; }
@media print,screen and (min-width:769px) {
 #infoArea{padding: 100px 0;}
 #infoArea > .row{display: flex; gap:2.564102564%;}
}

/* HOME ### コンテンツリンク */
.menuInfo{display: flex; flex-wrap: wrap; gap:3.125%; max-width: 960px; width: 90%; margin: 0 auto 20px; }
.menuInfo li{background: #FDF7FA; border: 2px solid #DB3B72; border-radius: 10px; margin-bottom: 20px; width: 100%; margin-left: 0; font-size: 87.5%; text-align: center;}
.menuInfo li strong{font-size: 142.8571429%/*20px*/;}
.menuInfo li::after{content: none;}
.menuInfo li a,
.menuInfo li a:hover{ border-radius: 10px;color: #2B2626; display: block; }
.menuInfo li a{background: #FDF7FA; height: 100%; padding: 25px 16px; text-decoration: none;}
.menuInfo li a:hover{background: #FFF;}
#wcv_sys_wrapper .menuInfo li a{ padding: 0; height: auto;}
@media print,screen and (min-width:481px) {
 .menuInfo{width: 100%;}
 .menuInfo li{width: 31.25%;}
}
@media print,screen and (min-width:769px) {
 .menuInfo{margin-bottom: 80px;}
}
#wcv_sys_wrapper #main{display: block;}
#wcv_sys_wrapper .menuInfo > div{display: flex; flex-wrap: wrap; gap:2.298850574%;}
#wcv_sys_wrapper .menuInfo li{padding-top: 20px;}
#wcv_sys_wrapper .menuInfo li > a:first-child{position: relative; height: auto;} 

/* HOME ### お知らせ一覧 */
#oshiraseArea{background: #F6F6F6; border-radius: 10px; box-shadow: 6px 6px 10px rgba(0,0,0,.12); max-width: 960px; width: 100%; margin: 0 auto; padding:20px 10px 10px;}
#oshiraseArea h2{margin-top: 0;}
#oshiraseArea ul { max-width: 860px; width:100%;	margin: 0 auto 30px; max-height: 240px;	overflow-y: auto;	overflow-x: hidden; }
#oshiraseArea ul::-webkit-scrollbar { width: 10px;}
#oshiraseArea ul::-webkit-scrollbar-track { border-radius: 2px;	background:#FFF;}
#oshiraseArea ul::-webkit-scrollbar-thumb { border-radius: 4px;	background:#E3E3E3;}

#oshiraseArea li{border-bottom: 1px dotted #C7C7C7; padding: 10px 0; margin:0 10px; font-size: 93.75%;}
#oshiraseArea li .post-date {color: #2A7863; display: block; padding-right: 10px; min-width: 120px;}
#oshiraseArea li a{color:#2E2E3E; }
#oshiraseArea li a:hover{color: #2A7863; text-decoration: underline;}
#oshiraseArea li::after{content: none;}
@media print,screen and (min-width:769px) {
 #oshiraseArea{padding-top: 40px; padding:20px 20px 40px;}
 #oshiraseArea li{padding: 13px 15px;}
 #oshiraseArea li .post-date {display: inline;}
}
/* HOME #### 一覧表示ボタン */
.topicsLink a{ color: #FFF;	display: block; font-size: 87.5%;	width: 145px;	text-align: center; white-space: nowrap; text-decoration: none;	padding: 6px 10px;	background: #DB3C72;	border-radius: 25px; margin: 0 auto;}
.topicsLink a:hover {	background-color:#C9245C;}

/* HOME ## バナーリンク */
.bnrBox{display: flex;justify-content: flex-end;align-items: flex-end;padding-top: 100px; position: relative; margin-bottom: 20px;}
.bnrBox .btnBn{border-radius: 10px; position: absolute; max-width: 400px; width: 90%; top: 0; left: 0; height: 140px;box-shadow: 6px 6px 10px rgba(0,0,0,.12); padding-left: 20px; }
.bnHead{position: relative; display: flex; padding-top: 20px;}
.bnrBox:nth-child(1) .btnBn,.bnrBox:nth-child(6n) .btnBn{ background-color: #FDF7FA;}
.bnrBox:nth-child(2) .btnBn,.bnrBox:nth-child(7n) .btnBn{ background-color: #FAF4EE;}
.bnrBox:nth-child(2) .line,.bnrBox:nth-child(7n) .line{ fill: #EC9A49;}
.bnrBox:nth-child(3) .btnBn,.bnrBox:nth-child(8n) .btnBn{ background-color: #F8FAED; }
.bnrBox:nth-child(3) .line,.bnrBox:nth-child(8n) .line{ fill: #E0E630; }
.bnrBox:nth-child(4) .btnBn,.bnrBox:nth-child(9n) .btnBn{ background-color: #F2FDF0; }
.bnrBox:nth-child(4) .line,.bnrBox:nth-child(9n) .line{ fill: #8EDB68; }
.bnrBox:nth-child(5) .btnBn,.bnrBox:nth-child(10n) .btnBn{ background-color: #F0F8FD; }
.bnrBox:nth-child(5) .line,.bnrBox:nth-child(10n) .line{ fill: #68BCE2; }
.bnHead span{width:24px; margin-right: 10px; }
.bnHead h2{margin-top: 0; margin-bottom: 5px; padding-left: 0;font-family: 'BIZ UDPGothic', sans-serif; font-weight: 500; line-height: 1.1;}
.bnHead p{font-size: 87.5%;}
.bnHead svg {float: left; margin-right: 10px;}
.bnHead h2::before{content: none;}
.bnrBox .bnBtn a{position: absolute; width: 100%; height: 100%; top: 0; left: 0;display: flex; justify-content: flex-end; align-items: flex-end; padding: 30px 60px 25px 30px; z-index: 2;}
.bnrBox .bnBtn a::before{ position: absolute; right: 20px; bottom: 20px; z-index: -1;}
.bnBtn a{ color: #FFF; font-size: 87.5%;	border-radius: 10px; text-decoration: none; white-space: nowrap;}
.bnBtn a::before{ content: ""; color: #FFF;	display: block;	width: 145px; height: 35px; text-decoration: none;	padding: 6px 10px;	background: #DB3C72;	border-radius: 25px; margin: 0 auto; }
.bnBtn a:hover::before {	background-color:#C9245C;}
.bgImg img{border-radius: 10px; object-fit: contain;}
#wcv_sys_wrapper .bnBtn{text-align: right;}
#wcv_sys_wrapper .bnBtn a{ padding: 0 30px;display: inline-block; position: relative;width: auto; background: #DB3C72;border-radius: 25px;}
#wcv_sys_wrapper .bnBtn a::before{content: none;}
@media print,screen and (min-width:769px) {
 .bnrBox{margin-bottom: 80px; padding-top: 55px;}
 .bnHead{padding-top: 30px;}
 .bnrBox .btnBn{height: 190px;width: 100%;padding-left: 30px; }
 .bnrBox .bnBtn a{padding: 30px 70px 35px 30px; }
 .bnrBox .bnBtn a::before{right: 30px; bottom: 30px; }
}

/* HOME ## 幅広バナー① */
.bnW960{position: relative; display: flex; align-items: flex-end; min-height: 200px; padding: 30px; margin-bottom: 20px;}
.bnW960 a{text-decoration: none;}
.bnW960 .bnHead{ position: static; width: 100%;}
.bnW960 .bgImg img{ position: absolute; width: auto; height: 100% !important; object-fit: cover; top: 0; left: 0; z-index: -1;}
.bnW960 .bnHead .btn a{color: #FFF; position: absolute; width: 100%; height: 100%; top:0; left: 0; display: flex; align-items: flex-end; padding:0 0 25px 64px; }
.bnW960 .bnHead .btn a:hover{ border: 1px solid #DB3B72;border-radius: 10px; }

#wcv_sys_wrapper .bnW960,
#wcv_sys_wrapper .bnW960 .bnHead{ display: block; padding: 0;}
#wcv_sys_wrapper .bnW960 .txt{position: absolute; bottom: 30px; left: 30px; z-index: 10;}
#wcv_sys_wrapper .bnW960 .bgImg,
#wcv_sys_wrapper .bnW960 .btn a{ position: relative;display: inline; z-index: 1; padding: 0;}
#wcv_sys_wrapper .bnW960 .btn::after{width: 100%; display: block; content:"▲この編集エリアに設定したリンクがバナー全体にかかります。"; color: #707070; font-size: 75%;}
@media print,screen and (min-width:769px) {
 .bnW960{margin-bottom: 80px; min-height: 250px;}
}

/* HOME ## 幅広バナー②「詳しく見る」あり*/
.bnBgp960{position: relative; border-radius: 10px; border: 2px solid #DB3C72;　margin-bottom: 20px;}
.bnBgp960 .txt {padding: 30px 20px;}
.bnBgp960 h2{margin-top: 0; margin-bottom: 20px;}
.bnBgp960 .btn{font-size: 87.5%;	text-align: center; color: #FFF;}
.bnBgp960 .btn a{ color: #FFF; text-decoration: none;	padding: 10px 40px;	background: #DB3C72;	border-radius: 25px;}
.bnBgp960 img{display:none;}
.bnBgp960 .btn a:hover{background-color:#C9245C;}
#wcv_sys_wrapper .bnBgp960 .bgImg::after{width: 100%; display: block; content:"▲この画像がバナー背景画像として配置されます。"; color: #707070; font-size: 75%;}
@media print,screen and (min-width:769px) {
 .bnBgp960{margin-bottom: 80px; }
 .bnBgp960 .txt {text-align: center; width: 70%; padding: 30px;}
 .bnBgp960 img{ display:block; position: absolute; width: 99.9%; height: 100% !important; object-fit: cover; top: 0; left: 0; z-index: -1; border-radius: 10px; }
 #wcv_sys_wrapper .bnBgp960 img{ display:block; }
 #cateArea .bnBgp960:last-child{margin-bottom: 40px; }
}


/*-------------------------------
# 部署の紹介フロアマップ
-------------------------------*/
.floormap1 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 2px;grid-row-gap: 2px;}
.floormap1 .lBox,.floormap1 .rBox { font-size: 125%; font-weight: 700;}
.floormap1 .rBox { text-align: right;}
.floormap2 {display: grid;grid-template-columns: 4fr 1.5fr 4fr;grid-template-rows: 1fr;grid-column-gap: 2px;grid-row-gap: 2px; margin-bottom: 2px;}
.floormap2 > div{border: 2px solid #C7C7C7; text-align: center; position: relative;}

.floormap2 > div a{color: #2B2626; text-decoration: none; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;padding: 10px; }
.floormap2 > div a:hover{background:#F0F8FD; color: #2A7863; }
.floormap2 .lBox a:hover{ border-radius: 10px 0 0 10px;}
.floormap2 .rBox a:hover{ border-radius: 0 10px 10px 0;}
.floormap2 .lBox { grid-area: 1 / 1 / 2 / 2; border-radius: 10px 0 0 10px;}
.floormap2 .cBox { grid-area: 1 / 2 / 2 / 3; white-space: nowrap;}
.floormap2 .cBox strong{ font-size: 156.25%;}
.floormap2 .rBox { grid-area: 1 / 3 / 2 / 4; border-radius: 0 10px 10px 0;}
@media print,screen and (min-width:769px) {
 .floormap2 {grid-template-columns: 4fr 1fr 4fr;}
}