@charset "utf-8";
/* CSS Document */

/*
看護部ヘッダー
----------------------------------------------------------------------*/
.pc_hide:not(.logo)
 {
    display: unset !important;
}


#kango_header_wrap{
	width:100%;
	margin:0px auto;

	    background-color: #fff;
	        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
}

#kango_header{
	width:100%;
	height:72px;
	margin:0px auto;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


#kango_header h1{

}

#kango_header h1 a{
	display:block;
	background-image:url(index/image/logo_sp.jpg);
	width: 194px;
	height: 57px;
	background-size: 100%;
	        margin-left: 10px;
}

#kango_header h1 a span{
	display:none;
}


/*
看護部　ヘッダーメニュー
----------------------------------------------------------------------*/
.kango_header_menu nav{

    background: white;
        position: absolute;
        right: 0;
        left: 0;
                top: 72px;
        width: 100%;
        height: 100vh;
        transform: translateX(100%);/**/
        background-color: #fff;
        transition: ease .4s;
	        overflow-y: scroll;
}
.kango_header_menu.active nav{
  transform: translateX(0);
}

/*
看護部　グローバルナビゲーション
----------------------------------------------------------------------*/



.kango_header_menu #kango_gnavi{
	        font-size: 17px;
}

.kango_header_menu #kango_gnavi li{
	list-style-type:none;
	border-bottom: 1px solid #f05b5f;
	padding: 19px 29px;
	        display: block !important;
}

.kango_header_menu #kango_gnavi li a{
	display:block;
	        color: #544647;
	font-weight: 500;
	position: relative;
	display: flex;
        align-items: center;
	text-indent: 28px;
}

.kango_header_menu #kango_gnavi li a::before{
	content: "";
	position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 14px solid #fe6c6f;
  border-right: 0;

}


.kango_header_menu #kango_gnavi li a span{
}

/*
看護部　外部リンク
----------------------------------------------------------------------*/

.kango_header_menu #kaigo_head_outlink{
	        font-size: 13px;
	margin: 32px 29px;
	        display: flex;
        flex-wrap: wrap;
	gap: 18px;
	        margin-bottom: 180px;
}

.kango_header_menu #kaigo_head_outlink li{
		list-style-type:none;
	width: 100%;
}

.kango_header_menu #kaigo_head_outlink li a{
font-weight: 500;
        color: #0071b7;
	text-decoration: underline;
	position: relative;
	display: flex;
        align-items: center;
	        text-indent: 16px;
}
.kango_header_menu #kaigo_head_outlink li a::before{
	content: "";
	position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #f1696d;
  border-right: 0;
}
/*spハンバーガーボタン*/

.kango_header_menu .kango_header_hamburger {
width: 71px;
    height: 71px;
  background-color: #f05b5f; 
  border-color: transparent; 
  z-index: 9999;
}
.kango_header_menu .kango_header_hamburger span{
 width: 42%;
  height: 1px;
  background-color: #fff;
  position: relative;
  transition: ease .4s; /*ハンバーガーメニュークリック時の三本線の動きを遅延*/
  display: block;
	margin: 7px auto;
}
.kango_header_menu .kango_header_hamburger span:nth-child(1) {
  top: 0;

}

.kango_header_menu .kango_header_hamburger span:nth-child(2) {

}

.kango_header_menu .kango_header_hamburger p {
  color: #fff;
	        font-weight: bold;
	font-size: 15px;
	transform: translateY(30%);
}

.kango_header_menu.active .kango_header_hamburger p {
	/*transform: translateY(20%);*/
}


.kango_header_menu.active .kango_header_hamburger span:nth-child(1) {
    top: 2px;
  transform: rotate(45deg);
}

.kango_header_menu.active.active .kango_header_hamburger span:nth-child(2) {
  top: -6px;
  transform: rotate(-45deg);
}
/*
看護部　ヘッダー　ツールボックス
----------------------------------------------------------------------*/
#kango_header_tool{
	display: none;
}

/*
看護部　全体枠
----------------------------------------------------------------------*/

#kango_contents_wrap{
	clear:both;
	overflow:hidden;
	margin:0px auto;
	        width: 100%;
	
}

#kango_contents{
	margin:72px auto 0;
	overflow:hidden;
	display: flex;
        flex-wrap: wrap; 
}

/*
看護部　パンくず
----------------------------------------------------------------------*/

#kango_breadcrumb{
	clear:both;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	overflow:hidden;
	display: none;
}

#kango_breadcrumb a{
	color:#000;
}


/*
看護部　サイドバー
----------------------------------------------------------------------*/

#kango_sidebar{
	overflow:hidden;
	/*margin-top:40px;*/
	margin-bottom:25px;
	    order: 2;
		        display: flex;
        flex-wrap: wrap;
	        justify-content: center;
	margin: 50px auto 0;
	width: 100%;
	         background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(255, 237, 231, 1));
}

/*
共通部分
*/

#kango_side_common{
	overflow:hidden;
	margin:0px auto;
	width: 83.33%;
}

/*
天山病院で一緒に働こう
*/

#kango_side_bn01{
	margin:16px 0px 0px 0px;
	overflow:hidden;
	order: 1;
	
	padding-bottom: 29px;
}

#kango_side_bn01 li{
	list-style-type:none;
	display:inline;
}

#kango_side_bn01 li a{
	display:block;
	background-image:url(index/image/bn01.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
	 width: 175px;
	height: 129px;
	background-size: 100%;
	border-radius: 8px;
}

#kango_side_bn01 li a span{
	display:none;
}

/*
教育システム
*/

#kango_side_bn02{
	height:183px;
	margin:10px auto;
	overflow:hidden;
	background-image:url(index/image/bn02.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
}

#kango_side_bn02 li.link01,
#kango_side_bn02 li.link02{
}

#kango_side_bn02 li.link01 a span,
#kango_side_bn02 li.link02 a span{
	display:none;
}

#kango_side_bn02 li.link01 a{
	display:block;
	height:70px;
	position:absolute;
	left: 7px;
	top: 37px;
}

#kango_side_bn02 li.link02 a{
	display:block;
	height:70px;
	position:absolute;
	left: 7px;
	top: 111px;
}

/*
委員会活動
*/

#kango_iin_ol_lv1{
	background-image:url(index/image/ol_iin_body.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	overflow:hidden;
}

#kango_iin_ol_lv1 h2{
	height:37px;
	background-image:url(index/image/ol_iin_head.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

#kango_iin_ol_lv1 h2 span{
	display:none;
}

#kango_iin_ol_lv2{
	background-image:url(index/image/ol_iin_foot.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	overflow:hidden;
}

#kango_iin_ol_lv3{
	margin:0px auto;
	overflow:hidden;
	padding-bottom:15px;
	padding-top:10px;
}

#kango_iin_ol_lv3 ul{
	overflow:hidden;
}

#kango_iin_ol_lv3 ul li{
	list-style-type:none;
	background-image:url(index/image/border.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	overflow:hidden;
}

#kango_iin_ol_lv3 ul li a{
	display:block;
	background-image:url(index/image/ico01.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	color:#000;
	text-decoration:none;
}

#kango_iin_ol_lv3 ul li a:hover{
	text-decoration:underline;
}

/*改修後のサイドメニュー*/

#kando_side_block{
	margin:0px auto;
	overflow:hidden;
}

#kando_side_block .lv1{

}

#kando_side_block .lv2{

}

#kando_side_block .lv3{
	
}

#kando_side_block .accordion_head{

}

#kando_side_block .accordion_head span{
	display:block;
	color: #544647;
	        font-size: 20px;
	border: 1px solid #e5959f;
	        border-radius: 5px;
	font-weight: 500;
	             padding: 17px 19px;
        box-sizing: border-box;
	margin-bottom: 13px;
	  background-image: linear-gradient(90deg, rgba(254, 233, 233, 1), rgba(254, 190, 192, 1) 38%, rgba(254, 215, 215, 1));
	display: flex;
        align-items: center;
	position: relative;
}

#kando_side_block .accordion_head span::before{
	content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 14px solid #fe6c6f;
        border-right: 0;
	        right: 23px;

}
#kando_side_block .accordion_head a{
	
}

#kando_side_block .side_sub01{
	
}

#kando_side_block .side_sub02{
}

#kando_side_block .side_sub03{
}

#kando_side_block .side_sub04{
}

#kando_side_block .side_sub05{
}

#kando_side_block .lv4{
	margin:0px auto 20px;
	overflow:hidden;
}

#kando_side_block .lv4 ul{
	overflow:hidden;
}

#kando_side_block .lv4 ul li{
	padding:5px 0px;
	background-image:url(index/image/list_icon.jpg);
	background-repeat:no-repeat;
	background-position:left 0.3em center;
	padding-left:16px;
	overflow:hidden;
	border-bottom:1px dotted #CCC;
	font-size: 13px;
	        background-size: 2%;
}

#kando_side_block .lv4 ul li a{
	text-decoration:none;
	color:#000;
}

#kando_side_block .lv4 ul li a:hover{
	color:#F69;
}

#kando_side_block .lv4 ul li a span{
}

/*
看護部　内容枠
----------------------------------------------------------------------*/

#kango_main{

	overflow:hidden;
	        width: 100%;
}


/*
各ページ共用CSS
----------------------------------------------------------------------*/

/*
コンテンツ枠
*/

#kangobu_contents_block{
	margin:0px auto;
	overflow:hidden;
}

/*
サイドメニュー
*/

li#ssnavi00 a span{
	background-image:url(../kango/image/pink_ico02.jpg);
	background-color:#FFE3DF;
}

/*
ページタイトル
*/

#kangobu_contents_block #k_page_title{
	margin:0px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:left top;
width: 86.11%;
   margin: 20px auto 0;
	height: 24px;
	background-size: contain;	
}

#kangobu_contents_block #k_page_title span{
	display:none;
}

/*
見出し
*/

#kangobu_contents_block h3{
	clear:both;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	line-height:30px;
	margin:50px auto 0;
	padding-left:20px;
	font-size:18px;
	width: 83.33%;
	
	        background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(211, 211, 211, 1));
	border: 1px solid #bfbfbf;
	border-radius: 7px;
	scroll-margin-top: 80px;
	box-sizing: border-box;
}

#kangobu_contents_block h4{
	clear:both;
	background-image:url(maruwakari/image/h4.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	overflow:hidden;
	line-height:41px;
	margin:10px auto;
	text-indent:20px;
	font-size:1.3em;
	border-bottom:1px dotted #CCC;
}


#footer_wrap{
	min-width: unset;
}
#copy {

		min-width: unset;
	        width: unset;
}
#copy p{
		min-width: unset;
	        width: unset;
}
#f_fix{
	
position: fixed;
    /* z-index: 10; */
    bottom: 0;
	        height: 55px;
        display: flex;
        align-items: center;
	        width: 100vw;
	
}
#f_fix a{
width: 50%;
	        height: 100%;
	        color: #fff;
        border-radius: 5px 5px 0 0;
	        display: flex;
        align-items: center;
	        font-size: 16px;
        font-weight: bold;
	        padding: 0 26px;
	position: relative;
}
#f_fix a[href*="rec"]{
	background-color: rgba(41,166,221,.9);
}
#f_fix a[href*="kango_contact"]{
	background-color: rgba(241,105,109,.9);
}

#f_fix a::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 12px solid #fff;
        border-right: 0;
       right: 21px;
    }





ul#page_navigation, ul#page_navigation2{
	width: 83.33% ;
	margin: 20px auto 0;
	gap: 10px 5px;
	justify-content: space-between;
}
ul#page_navigation:not(:first-of-type){
	margin: 10px auto 0;

}
ul#page_navigation2{
	width: 83.33% ;
	margin: 10px auto 0;
	gap: 10px 5px;
}
ul#page_navigation li {
	width: calc(50% - 6px);
}

ul#page_navigation2 li{
       width: -webkit-fill-available;
    }
ul#page_navigation li a, ul#page_navigation2 li a {
        display: flex;
        justify-content: center;
                align-items: center;
        width: -webkit-fill-available;
        height: 25px;
        background: #FED1CC;
        background: linear-gradient(180deg, rgba(254, 209, 204, 1) 0%, rgba(250, 178, 180, 1) 100%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-decoration: none;
        font-size: 16px;
        color: #000;
        padding: 5px 0;
    }
