/* CSS Document 
2017桑野共立病院
*/


body {
 font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
   line-height: 1.9;
   letter-spacing: 0.1em;
  color: #333333;
  font-size: 16px;
	border: 15px solid rgba(0,183,187,1.0);
}




/*基本：欧文フォント*/

/*//太いヘルベチカ*/
@font-face {
    font-family: open-san-b;
    src:url('../fonts/OpenSans-Bold.ttf') format("truetype");
}
/*//細いヘルベチカ*/
@font-face {
	font-family: open-san-l;
	src:url('../fonts/OpenSans-Light.ttf') format("truetype");
}
/*//中ヘルベチカ*/
@font-face {
	font-family: open-san-r;
   src:url('../fonts/OpenSans-Regular.ttf') format("truetype");
}
/*//コンデンス細*/
@font-face {
	font-family: oswald-l;
	src:url('../fonts/Oswald-Light.ttf') format("truetype");
}
/*//コンデンス太*/
@font-face {
	font-family: oswald-r;
	src:url('../fonts/Oswald-Regular.ttf') format("truetype");
}
/*//明朝系*/
@font-face {
	font-family: arapey;
	src:url('../fonts/Arapey-Regular.ttf') format("truetype");
}

/*組合用フォント*/

@font-face {
	font-family: coop-b;
	src:url('../fonts/BloggerSans-Bold.ttf') format("truetype");
}
@font-face {
	font-family: coop-bi;
	src:url('../fonts/BloggerSans-BoldItalic.ttf') format("truetype");
}
@font-face {
	font-family: coop-m;
	src:url('../fonts/BloggerSans-Medium.ttf') format("truetype");
}
@font-face {
	font-family: coop-mi;
	src:url('../fonts/BloggerSans-MediumItalic.ttf') format("truetype");
}



*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/*-----------　基本リンク-----------------*/

a:link {
  color: #333333;
  transition-property: all;
  transition: 0.3s linear;
}
a:visited {
  color: #000;
}
a:hover {
  text-decoration: none;
  color:#00b7bb;
}
a:active {
  color: #000;
}


	

/*-----------PCとスマホの表示/非表示-----------------*/
.spdisplay {display:none!important; height:0;}
.pcdisplay {display:block!important;}



/*-----------他ユーティリティ-----------------*/
a img.btn{
background:none!important;
}
 
a:hover img.btn{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
	transition: 0.3s linear;
}

/*BiggerLink*/
.bgl:hover {
	cursor: pointer;
	filter: alpha(opacity=80);
  -moz-opacity:0.85;
  opacity:0.85;
  transition: 0.3s linear;
	}

img {
  vertical-align: text-bottom;
}

li img {
  line-height: 1;
  vertical-align: top;
}
hr.activerepo {
	margin: 70px 0;
}
	
#p-home hr.activerepo {
	margin: 40px 0;
	
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ffffff;
  
  padding: 0;

}

.bold {
	font-weight: bold;
}

.hidden, .hidden ul, .hidden ul li {display: none; list-style: 1;}

.txt13 {font-size: 13px; color: #666666}

.center {text-align: center; margin-bottom: 10px;}
.red {color: #f53b60;}


/*----------------------------------------------------
	ヘッダー共通
----------------------------------------------------*/

header #head-wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
	background: #ffffff;

}

header #head-wrap #name-box {
	display: flex;
	justify-content: flex-start;
	padding: 25px 0 0 25px;
}

/*header #head-wrap #name-box h1 img {
	width: 312px;
}*/

header #head-wrap #name-box h1 a {
	background: url(../img-common/svg_logo-head.svg) no-repeat left top;
	width: 312px;
	height: 50px;
	background-size: 312px auto;
	
	display: block;
	text-indent: -9999px;
}

header #head-wrap #name-box h1 a:hover {
filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}

header #head-wrap #name-box p {
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	padding: 10px 0 0 3em;
	font-size: 16px;
}


/* SNSがある場合
header #head-wrap ul {
	width: 240px;
	display: flex;
	justify-content: space-between;
}*/

header #head-wrap ul {
	width: 175px;
	display: block;
	margin: 0 0 0 auto;
}


/*採用*/
header #head-wrap ul li#nav-recruit {
	background:#216984 url(../img-common/svg_icon-rechead.svg) no-repeat 10px 10px;
	height: 48px;
	background-size: 33px auto;
	align-self: flex-start; 
	width: 175px;
	padding-left: 65px;
	letter-spacing: 0.4em;
	position: relative
}

/*header #head-wrap ul li#nav-recruit img {
	height: 28px;
	position: absolute;
	left: 10px;
	top: 9px;
	
}

header #head-wrap ul li#nav-recruit a {
	display: block;
	padding: 8px 0;
	color: #ffffff;	
	
}*/

header #head-wrap ul li#nav-recruit a {
	width: 175px;
	height: 48px;
	display: block;
	padding: 8px 0;
	color: #ffffff;	
	width: 100%;
	
}

header #head-wrap ul li#nav-recruit a:hover {
	
	color:#00b7bb;
}

/*FB / TWITTER*/

/*header #head-wrap ul li#nav-fb img{
	height: 20px;
}

header #head-wrap ul li#nav-fb{
	padding: 15px 0 0 0;
}

header #head-wrap ul li#nav-tw img{
	height: 15px;
}

header #head-wrap ul li#nav-tw{
	padding: 17px 0 0 0;
}*/

header #head-wrap ul li#nav-fb a {
	background: url(../img-common/svg_icon-fb2.svg) no-repeat left 15px;
	height: 40px;
	width: 20px;
	background-size: auto 20px;
	display: block;
	text-indent: -9999px;
}

header #head-wrap ul li#nav-tw a {
	background: url(../img-common/svg_icon-tw2.svg) no-repeat left 15px;
	height: 40px;
	width: 25px;
	background-size: auto 20px;
	display: block;
	text-indent: -9999px;
}

header #head-wrap ul li#nav-fb a:hover, header #head-wrap ul li#nav-tw a:hover {
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}



/*----------------------------------------------------
	ナビ　web site: http://marioloncarek.com
----------------------------------------------------*/
nav {background: #ffffff;}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}



.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #000;
	font-weight: bold;
}


.menu > ul {
    margin: 0 auto;
    width: 1160px;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	display: flex;
	justify-content: space-around;
    box-sizing: border-box;
	z-index: 9999;
	
	
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    width: 25%;
    padding: 0;
    margin: 0;
	text-align: center;
}

.menu > ul > li > a {
	line-height: 50px;
	cursor: pointer;
}



.menu > ul > li {
	border-left: 1px solid #00b7bb;
}
.menu > ul > li:last-child {
	border-right: 1px solid #00b7bb;
}



/*ボタン画像高さ*/
.menu ul > li#nav-hospi > a > img,
.menu ul > li#nav-kenshin > a > img,
.menu ul > li#nav-kaigo > a > img,
.menu ul > li#nav-coop > a > img
{
	height: 42px;
}


/*サブの背景 (桑野ブルー）*/
.menu > ul > li > ul {
    display: none;
	background-color: rgba(0, 183, 187,0.9);
    width: 100%;
	padding: 30px 20px 0 20px;
    position: absolute;
    z-index: 9999;
    left: 0;
    margin: 0 0 0 0;
}

/*介護はピンク*/
#p-care .menu > ul > li > ul {
	
background-color: rgba(255,163,163,0.9);
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}



/*ナビ下の三角*/
.menu > ul > li > ul:before {
	display: block;
content: "\f104";
font-family: ionicons;
font-size: 24px;
	color: #ffffff;
	position: absolute;
	top: -18px;
	
}
.menu > ul > li#nav-hospi > ul:before {left: 145px;}
.menu > ul > li#nav-kenshin > ul:before {left: 435px;}
.menu > ul > li#nav-kaigo > ul:before {left: 725px;}
.menu > ul > li#nav-coop > ul:before {left: 1015px;}





/*開いた時の1行4列の幅*/
.menu > ul > li > ul > li {
    margin: 0;
	padding: 10px 10px 15px 10px;
    list-style: none;
    width: 268px;
    float: left;
	background-color: rgba(255,255,255,1.0);
	margin-right: 16px;
	margin-bottom: 20px;
	text-align: left;
	
}

.menu > ul > li > ul > li.last-mark {
	margin-right: 0;
}
/*一番右端の右マージンをゼロに*/
/*.menu > ul > li > ul > li:nth-child(6) {
	margin-right: 0;
}
*/

/*部門テキスト*/
.menu > ul > li > ul > li span {
	color: #00b7bb;
}
/*介護用部門テキスト*/
#p-care .menu > ul > li > ul > li span {
	color:#ffa3a3;
}



.menu > ul > li > ul > li a {
    color: #666;
    padding: .2em 0;
    width: 100%;
    display: block;   
}

.menu > ul > li > ul > li a:hover {
	
	color: rgba(0,147,152,1)!important;
}


.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}


/*最下層のメニューテキスト*/
.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: .9em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
	
}

/*.menu > ul > li > ul > li > ul > li:last-child {
	border-bottom: none;
}*/

/*最下層のメニューフォントサイズ*/
.menu > ul > li > ul > li > ul > li a {
	font-size: 14px;
    border: 0;
}

.menu > ul > li > ul > li > ul > li a:hover {
	color:#000;
}



/*/////////////////アレンジ用CSS//////////////////////*/

/*4つの画像ボタン*/

.menu li#nav-hospi > a {
	background: url(../img-common/svg_btn-hospital.svg) no-repeat center 4px;
	background-size: auto 42px;
	height: 55px;
	width: 290px;
	display: block;
	text-indent: -9999px;
}

.menu li#nav-kenshin > a {
	background: url(../img-common/svg_btn-medical.svg) no-repeat center 4px;
	background-size: auto 42px;
	height: 55px;
	width: 290px;
	display: block;
	text-indent: -9999px;
}


.menu li#nav-kaigo > a {
	background: url(../img-common/svg_btn-care.svg) no-repeat center 2px;
	background-size: auto 46px;
	height: 55px;
	width: 290px;
	display: block;
	text-indent: -9999px;
}

.menu li#nav-coop > a {
	background: url(../img-common/svg_btn-about.svg) no-repeat center 3px;
	background-size: auto 43px;
	height: 55px;
	width: 290px;
	display: block;
	text-indent: -9999px;
}

.menu li#nav-hospi > a:hover,
.menu li#nav-kenshin > a:hover,
.menu li#nav-kaigo > a:hover,
.menu li#nav-coop > a:hover 
{
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}




/*2boxをつなぐ*/
.menu > ul > li > ul > li.box2 {
	margin-right: 0;
	width:284px; 
}

 /*上段の画像が入るスペース空ける*/
	  ul#vis-prent {padding-top: 110px;}
	  
 /*上段ビジュアル画像の位置調整*/
	  li#vis {position: absolute; top: 30px; left: 20px; height: 80px; padding: 0}
	  li#vis2 {position: absolute; top: 30px; left: 588px; height: 80px; padding: 0}
	 
	  
	   
	   /*バナー画像部分*/
	   .menu > ul > li > ul > li.dan2-bana {
		   width: 552px;
		   margin-right: 0;
		   padding: 0;
		   border-bottom: none;
		   background: none;
		}

		/*.menu > ul > li > ul > li.dan2-bana > a > img {height: auto!important;}*/

	   .menu > ul > li > ul > li.dan2-bana > ul > li {
		   border-bottom: none;
		   position: relative;
		}

	   
	   /*バナー1/2サイズ*/
	   .menu > ul > li > ul > li > ul > li.bana-harf {padding: 0;}
	   .menu > ul > li > ul > li.dan2-bana > ul {position: relative}
	   .menu > ul > li > ul > li > ul > li#right.bana-harf {
		   position: absolute;
		   bottom: 0;
		   left: 284px;
		}
	   



	   /*下部のユーティリティボタン*/
	   .menu > ul > li > ul > li.btn-utility {
		   float: none;
		   padding: 0; 
		   background: none;
}
	   .menu > ul > li > ul > li.btn-utility > ul > li {border-bottom: none; width: 10em}
	   .menu > ul > li > ul > li.btn-utility > ul > li a {color: #ffffff!important;}

		.menu > ul > li > ul > li.btn-utility ul{
		   display: flex;
		   justify-content: center;
		   width: 1120px;
		   margin: 0 auto;
			}


	   .menu > ul > li > ul > li.btn-utility > ul > li a:before
	   {
			font-family: ionicons;
			font-size:24px;
		   padding-right: 5px;
		   vertical-align: middle;
		   line-height: 1;
		}
.menu > ul > li > ul > li.btn-utility > ul > li#home-icon a:before  {content: "\f38f";}
.menu > ul > li > ul > li.btn-utility > ul > li#info-icon a:before  {content: "\f11d";}
.menu > ul > li > ul > li.btn-utility > ul > li#contact-icon a:before  {content: "\f2c3";}
.menu > ul > li > ul > li.btn-utility > ul > li#access-icon a:before  {content: "\f3a3";}

.menu > ul > li > ul > li.btn-utility > ul > li a:hover {color:rgba(255, 255, 255,0.7)!important;}
	   
/*/////////////////END アレンジ用CSS//////////////////////*/

.menu > ul > li > ul a {
	color:#333!important;
	font-weight: normal!important;
}




/*----------------------------------------------------
	NOW PLAYING 　メインメニュー(三角の位置）
----------------------------------------------------*/



#p-hospital ul#page-nav:before {
	content: "\f104";
font-family: ionicons;
font-size: 24px;
	color: #ffffff;
	position: absolute;
	top: -42px;
	left: 145px;
}


/*矢印を配置する箱*/
#nav-point {
	width: 1160px;
	position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto auto auto;
}



#p-kenshin nav .menu > ul:after {
	content: "\f104";
font-family: ionicons;
font-size: 24px;
	color: #ffffff;
	position: absolute;
	top: 37px;
	left: 435px;	
}



#p-care nav .menu > ul:after {
	content: "\f104";
font-family: ionicons;
font-size: 24px;
	color: #ffffff;
	position: absolute;
	top: 37px;
	left: 725px;
}





/*お知らせのカテゴリーデザイン*/

p.catego {
	font-size: 12px;
	width: 120px;
	text-shadow: 0 0 0 0;
	border-radius: 20px 20px 20px 20px;
	text-align: center;
	padding: 5px 0;	
	color: #ffffff;	
}

p.catego a {
	display: block;
	color: #ffffff;	
}

p.catego a:hover {
	color: #666666;	
}


/*カテゴリー色分け*/
p.catego.cat-info {background-color: #65bec4;}
p.catego.cat-kyushin {background-color: #f3c68f;}
p.catego.cat-doc {background-color: #a1abb5;}
p.catego.cat-rec {background-color: #cccc33;}


/*お知らせのPDFボタン*/
p.pdf-link {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0.15em;
	text-align: center;
	border:1px solid #cccccc;
	margin-top: 15px;
	
}
p.pdf-link a {
	display: block;
	padding: 5px 15px;
	
}

p.pdf-link a:after {
	content: "\f125";
font-family: ionicons;
color: #00b7bb;
	padding-left: 10px;
}

#p-care p.pdf-link a:after {
	content: "\f125";
font-family: ionicons;
color: #ffa3a3;
	padding-left: 10px;
}
#p-corp p.pdf-link a:after {
	content: "\f125";
font-family: ionicons;
color: #00335e;
	padding-left: 10px;
}


/*表紙と生協表紙のスライド写真のトリミング
https://www.webcreatorbox.com/tech/object-fit*/

/*表紙*/

.object-fit-topic {
			width: 340px;
  height: 200px;
  object-fit: cover;
  font-family: 'object-fit: contain;'
}
	
/*生協*/

.object-fit-img {
width: 350px;
  height: 210px;
  object-fit: cover;
  font-family: 'object-fit: contain;'
}


footer {
	background: #ffffff;
}

/*フッター4バナー*/

ul#footer-4bana {
	
	margin: 1px auto 0 auto;
	display: flex;
justify-content: space-between;
	background: #eeeeee;
}

ul#footer-4bana li {
	flex:1 1 25%;
	position: relative;
	font-size: 22px;
	letter-spacing: 0.4em;
	text-align: center;
	line-height: 1;
	font-family: "Mplus 1p"; 
}

ul#footer-4bana li img { 
    max-width: 100%; 
    height:auto;
	
}

ul#footer-4bana li div {
	position: absolute;
	width: 100%;
  top: 20%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

ul#footer-4bana li div span {
	font-family: arapey;
	font-size: 15px;
	color: #00b7bb;
	letter-spacing: 0.2em;
	display: block;
	margin-top: 10px;
}

/*お知らせの画像サイズ*/
p.item-pic img {
	width: 100%;
	margin-top: 20px;
}




/*グループバナー*/

ul#footer-relationbana {
	width: 1160px;
	margin: 50px auto 40px auto;
	display: flex;
justify-content: space-between;

}


/*フッターボトム*/

#footer-bottom {
	background: rgba(0,183,187,0.08);
	padding: 60px 0;
}

#footer-bottom #footer-wrap {
	width: 1160px;
	margin: 0 auto;
	display: flex;
justify-content: space-between;
}

#footer-bottom #footer-wrap dl {
	width: 150px;
	margin-right: 60px;
}


#footer-bottom #footer-wrap dl dt {
	font-size: 15px;
	
	font-family: "Mplus 1p";
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}

#footer-bottom #footer-wrap dl dt a {
	display: block;
	color:#00b7bb;
}

#footer-bottom #footer-wrap dl dt a:hover {
	color:rgba(0, 183, 187,0.5);
}

#footer-bottom #footer-wrap dl ul li {
	font-size: 13px;
	margin-bottom: 4px;
	
}


#footer-bottom #footer-wrap #sig-box {
	width: 316px;
	margin-right: 0;
	margin-left: 14px;/*60px+54px=左のマージン*/
}

#footer-bottom #footer-wrap #sig-box ul#footer-name2 {
	display: flex;
justify-content: space-between;
}

/*#footer-bottom #footer-wrap #sig-box ul#footer-name2 li#enname {
	width: 155px;
}

#footer-bottom #footer-wrap #sig-box ul#footer-name2 li#jp-copy {
	width: 111px;
}*/

#footer-bottom #footer-wrap #sig-box ul#footer-name2 li#enname {
	background: url(../img-common/svg_en-name.svg) no-repeat left top;
	width: 155px;
	height: 90px;
	background-size: 155px auto;
	text-indent: -9999px;
	
}

#footer-bottom #footer-wrap #sig-box ul#footer-name2 li#jp-copy {
	background: url(../img-common/svg_footer-copy.svg) no-repeat left top;
	width: 111px;
	height: 90px;
	background-size: 111px auto;
	text-indent: -9999px;
}


#footer-bottom #footer-wrap #sig-box #btn-kanyu {
  border-radius: 4px;
  background-color: rgba(0,183,187,1.0);
  width: 100%;
	padding: 8px 0;
	text-align: center;
	letter-spacing: 0.2em;
	margin: 20px 0;
 
}

#footer-bottom #footer-wrap #sig-box #btn-kanyu a {
	display: block;
	color: #ffffff;
}

#footer-bottom #footer-wrap #sig-box #btn-kanyu a:hover {
	color: rgba(255,255,255,0.5);
}

#footer-bottom #footer-wrap #sig-box li#footer-name {
	font-size: 14px;
	letter-spacing: 0.3em;
}

#footer-bottom #footer-wrap #sig-box li#footer-add {
	font-size: 13px;
	letter-spacing: 0.3em;
	margin-bottom: 15px;
}

#footer-bottom #footer-wrap #sig-box li.footer-tel {
	font-size: 32px;
	font-family: 'Tauri', sans-serif;
	line-height: 1.2;
	letter-spacing: 0.07em;
}

#footer-bottom #footer-wrap #sig-box li.footer-tel span {
	font-size: 24px;
letter-spacing: 0;
}

#footer-bottom #footer-wrap #sig-box li.footer-tel.pxajast span {
	padding-right: 5px;
}

/**/

#footer-bottom #footer-sub-nav {
	width: 1160px;
	margin: 0 auto;
}

#footer-bottom #footer-sub-nav ul#contact-box {
	
	display: flex;
justify-content: flex-start;
	margin-bottom: 30px;
}

/*#footer-bottom #footer-sub-nav ul#contact-box li#footer-fb,#footer-bottom #footer-sub-nav ul#contact-box li#footer-tw {
	width: 44px;
	margin-right: 15px;
}*/

#footer-bottom #footer-sub-nav ul#contact-box li#footer-fb a,#footer-bottom #footer-sub-nav ul#contact-box li#footer-tw a {
	background-size: auto 44px;
	width: 44px;
	height: 44px;
	margin-right: 15px;
	display: block;
	text-indent: -9999px;
}

#footer-bottom #footer-sub-nav ul#contact-box li#footer-fb a {
	background: url(../img-common/svg_icon-fb.svg) no-repeat left top;
	
}

#footer-bottom #footer-sub-nav ul#contact-box li#footer-tw a {
	background: url(../img-common/svg_icon-tw.svg) no-repeat left top;
	
}
#footer-bottom #footer-sub-nav ul#contact-box li#footer-fb a:hover,#footer-bottom #footer-sub-nav ul#contact-box li#footer-tw a:hover {
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}




#footer-bottom #footer-sub-nav ul#contact-box li#footer-rec,#footer-bottom #footer-sub-nav ul#contact-box li#footer-contact{
	width: 200px;
	border: 3px solid #00b7bb;
	margin-right: 20px;
	font-size: 18px;
	letter-spacing: 0.2em;
	padding-left: 55px
}

#footer-bottom #footer-sub-nav ul#contact-box li#footer-rec a,#footer-bottom #footer-sub-nav ul#contact-box li#footer-contact a {
	display: block;
	padding: 7px 0;
	color:#00b7bb;
	font-family: "Mplus 1p"; 
}



#footer-bottom #footer-sub-nav ul#contact-box li#footer-rec a:hover,#footer-bottom #footer-sub-nav ul#contact-box li#footer-contact a:hover {
	color: rgba(0, 183, 187,0.6);
}

#footer-bottom #footer-sub-nav ul#contact-box li#footer-rec{
	background: url(../img-common/svg_icon-reruit.svg) no-repeat 10px center;	
}

#footer-bottom #footer-sub-nav ul#contact-box li#footer-contact{
	background: url(../img-common/svg_icon-contact.svg) no-repeat 10px center;	
}

/**/


#footer-bottom #footer-sub-nav ul#nav-bottom {
	display: flex;
justify-content: flex-start;
	font-size: 13px;
	
}

#footer-bottom #footer-sub-nav ul#nav-bottom li {
	border-left: 1px solid #00b7bb;
	padding-left: 1em;
	margin-right:1em;	
}

#footer-bottom #footer-sub-nav ul#nav-bottom li:last-child {
	border-right: 1px solid #00b7bb;
	padding-right: 1em;
	margin-right:0;
}

#footer-bottom #footer-sub-nav ul#nav-bottom li a{
	display: block;
	color: #00b7bb;
}

#footer-bottom #footer-sub-nav ul#nav-bottom li a:hover{
	color: rgba(0, 183, 187,0.6);
}

/**/

address {
	width: 1160px;
	margin: 40px auto 0 auto;
	font-size: 13px;
	
	font-family: coop-m;
	color: #00b7bb;
	letter-spacing: 0.2em;
	font-style: normal;
	border-top: 1px solid #00b7bb;
	padding-top: 25px;
}


/*ページ上部へもどるボタン*/
p#go-top i {
	font-size: 24px;
	color: #ffffff;
}

p#go-top {
	background: rgba(0, 183, 187,0.7);
	padding: 0px 15px;
	
}




/*------------------------------------------------

フォーム共通PC

-------------------------------------------------*/


dl.contact-c {
	position: relative;
	border-bottom: dotted 1px #666666;
	margin: 10px auto 0 auto;
	width: 100%;
	padding:0;
}

dl.contact-c dt {
	font-size: 16px;
  position: absolute;
  left: 0;
width:13em;
padding-top: 18px;
color:#00b7bb;
}

#p-corp dl.contact-c dt {
	font-size: 18px;
	font-weight: bold;
color:#00335e;
	padding-top: 22px;
}

#p-care dl.contact-c dt {
	font-size: 16px;	
color:#ffa3a3;
	padding-top: 22px;
}


/*dl.contact-c dt.need::before {
	content: "\f3fe";
	font-family: ionicons;
	font-size: 18px;
	padding-right:5px;
	
	color:#666666;
}*/


 
dl.contact-c dd {
  padding-left: 13em;
  border-top: dotted 1px #666666;
margin-bottom: 18px;
padding-top: 18px;
color:#666;
	font-size: 16px;

}

#p-corp dl.contact-c dd {
  padding-left: 13em;
  border-top: dotted 1px #666666;
margin-bottom: 18px;
padding-top: 18px;
color:#00335e;
	font-size: 16px;

}


ul.form-list li{
	display: inline-block;
	margin-right: 10px;
}

span.requ {
	font-size: 13px;
	color:#8C3243;
	line-height: 1;
	margin-left: 5px;
}

p.txt-kanarazu {
	font-size: 14px;
	color:#8C3243;
	
}

p#priv-txt {
	margin-top: 10px;
	text-align: center;
	letter-spacing: 0;
}
p#contact-read {
	margin-bottom: 20px;
}

p.copy-input {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.09em;
}

dl.contact-c .txt-cap {
	font-size: 13px;
	margin-bottom: 10px;
}

dl.contact-c div.bolck {margin: 15px 0 0 0}

dl.contact-c ul li {
	display: inline;
	padding-right: 1em;
}


p#priv-txt {font-size: 13px; letter-spacing: 0.1em;margin-bottom: 15px}

/*ボタン*/


/*.mfp_buttons {
	width: 80%!important;
	margin: 10px auto 0 auto;
}*/


.mfp_buttons {
	display: flex;
	justify-content: space-between;
	width: 50%!important;
	margin: 10px auto 0 auto;
}


.mfp_buttons button {
	/*display: inline-block;*/
	
	padding: 20px 0!important;
	border: none;
	border-radius: 0;
	background-image: none;
	color: #fff;
	font-family: inherit;
	font-size: 18px!important;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	line-height: 1;
	font-weight: normal;
	width: 100%!important;
	text-align:center;
	margin-bottom: 15px;
	margin-right: 25px;
	letter-spacing: 0.2em;
	
}

.mfp_buttons button#send-btn {
	background-color: rgba(0, 183, 187,1.0);
	/*margin-right: 40px;*/
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;	
}

.mfp_buttons button#send-btn:hover {
	background-color: rgba(0, 183, 187,0.7);
	transition: 0.3s linear;
}


#p-corp .mfp_buttons button#send-btn {
	background-color: rgba(0, 51, 94,1.0);
	
}

#p-corp .mfp_buttons button#send-btn:hover {
	background-color: rgba(0, 51, 94,0.7);
	transition: 0.3s linear;
}

#p-care .mfp_buttons button#send-btn {
	background-color: rgba(255,163,163,1.0);
	
}

#p-care .mfp_buttons button#send-btn:hover {
	background-color: rgba(255,163,163,0.7);
	transition: 0.3s linear;
}


.mfp_buttons button#rest-btn {
	background-color: #666;
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	}

.mfp_buttons button#rest-btn:hover {
	background-color: #777;
	transition: 0.3s linear;
}




/*------------------------------------------------

ページネーション

-------------------------------------------------*/	
/*生協*/

p.count_list {
	display: flex;
justify-content: center;
	padding: 30px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	
}

	p.count_list a {
		font-size: 18px;
	text-align: center;
	
	border: 1px solid #00335e;
	color: #00335e;
	width: 35px;
	height: 35px;
	display: block;
	line-height: 35px;
	display: inline-block;
	}

p.count_list span.current_page{
	font-size: 18px;
	text-align: center;
	background: #00335e;
	border: 1px solid #00335e;
	color: #ffffff;
	width: 35px;
	height: 35px;
	display: block;
	line-height: 35px;
	display: inline-block;
	
}

p.count_list a:hover {
	color: #ffffff;
	background: #00335e;
}

/*介護*/


#p-care p.count_list {
	
	border-bottom: none;

}


#p-care p.count_list a {
	
	border: 1px solid #ffa3a3;
	color: #ffa3a3;
	
	}

#p-care p.count_list span.current_page{
	
	background: #ffa3a3;
	border: 1px solid #ffa3a3;
	
}

#p-care p.count_list a:hover {
	color: #ffffff!important;
	background: #ffa3a3;
}


/*病院　健診*/


#p-kenshin p.count_list,#p-hospital p.count_list {
	
	border-bottom: none;

}


#p-kenshin p.count_list a,#p-hospital p.count_list a {
	
	border: 1px solid #00b7bb;
	color: #00b7bb;
	
	}

#p-kenshin p.count_list span.current_page, #p-hospital p.count_list span.current_page{
	
	background: #00b7bb;
	border: 1px solid #00b7bb;
	
}

#p-kenshin p.count_list a:hover, #p-hospital p.count_list a:hover {
	color: #ffffff!important;
	background: #00b7bb;
}