@charset "UTF-8";
/* ===================================================================
style.css　
=================================================================== */
.font-ichiran {
	font-size: 100%;
}.color-ichiran {
	color: #525BFF;
	font-size: 100%;
}
.color-ichiran:hover {
	color: #FF0000;
}
.bosyuyoryo {
	font-size: 115%;
    font-weight: 500;
    color: #4c79fb;
}



.main {
	width: 700px;
	margin-bottom:25px;
}
.main .head {
	background: url(../images/pc/ttl_bg01.png) no-repeat;
	width: 660px;
	height: 40px;
	padding: 10px 20px 0 20px;
}
.main .head h1 {
	width: 250px;
	height: 0px;
	overflow: hidden;
	float: left;
	padding-top: 25px;
}
.main .inner {
	width: 660px;
	border-bottom: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	padding:20px 19px 15px 19px;
}
.main .inner_phone {
	display:none;
}
/* section内のh1 */
.index {
	background: url(../images/pc/index_ttl.png) no-repeat;	
}
.clinic {
	background: url(../images/pc/clinic_ttl.png) no-repeat;	
}
.kenshin {
	background: url(../images/pc/kenshin_ttl.png) no-repeat;	
}
.branch {
	background: url(../images/pc/branch_ttl.png) no-repeat;	
}
.care {
	background: url(../images/pc/care_ttl.png) no-repeat;	
}
.activity {
	background: url(../images/pc/activity_ttl.png) no-repeat;	
}
.about {
	background: url(../images/pc/about_ttl.png) no-repeat;	
}
.recruit {
	background: url(../images/pc/recruit_ttl.png) no-repeat;	
}
.recruit_ichiran {
	background: url(../images/pc/recruit_ichiran_ttl.png) no-repeat;	
}
.faq {
	background: url(../images/pc/faq_ttl.png) no-repeat;	
}
.newspaper {
	background: url(../images/pc/newspaper_ttl.png) no-repeat;	
}
.policy {
	background: url(../images/pc/policy_ttl.png) no-repeat;	
}
.news {
	background: url(../images/pc/news_ttl.png) no-repeat;	
}

/* 共通　画像挿入１　ノーマル */
.gazo-1 {
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
/* 共通　画像挿入２　スマホの時に大きすぎて縮小したいとき */
.gazo-2 {
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
/* 共通　画像挿入３　スマホの時に大きすぎて縮小したいとき */
.gazo-3 {
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
/* index.htmlの一人ひとりに寄り添える医療を */
.main_index {
	float: left;
	padding: 20px ;
	background: #FFF;

}
.main_index img	{
	max-width: 100%;
	height: auto;
	border: none;
	margin: 0px;
	vertical-align: bottom;
}
.main_index img:hover {
  text-decoration: none;
  opacity: 0.5;
}
.main_index p {
	max-width: 30%;
}
/* about.html なにわ保健生協とはcss*/
.main_about {
    width: 100%;
    float: left;
	font-size:100%;
}
.main_about h2 {
    width: 580px;
	position: relative;
	padding: 0.7em 0;
    margin:20px auto ;
	color:#116cc8;
    font-size:120%;
    font-weight:600;
	text-align: center; 
}

.main_about h2::before,
.main_about h2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.main_about h2::before {
	top: 0;
	border-top: 2px solid #116cc8;
	border-bottom: 1px solid #116cc8;
}
.main_about h2::after {
	bottom: 0;
	border-top: 1px solid #116cc8;
	border-bottom: 2px solid #116cc8;
}
.main_about_na{
    width: 100%;
    float: left;	
}
.main_about_na h2 {
    width: 580px;
	color:#333;
 	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 4px solid #116cc8;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin: 35px 20px 10px 20px;
}
.main_about_na h2::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #116cc8;
	border-radius: 100%
}
.main_about_na p {
    margin:0 0 0 15px;
    float: left;
	padding: 7px 30px 7px 30px;
}
/* about.html なにわ保健生協とは 中の表のcss*/
.about_list_hyo6{
    width:600px;
    border: 3px solid #fff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	margin: 5px 25px 0 31px;
}
.about_list_hyo6 th{
	width:560px;
    padding: 5px 10px 5px 10px;
	margin:0;
	font-size:115%;
	font-weight:600;
    vertical-align: top;
    color: #116cc8;
    background-color: #9eceff;
    border: solid 3px #fff;
    border-radius: 10px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	float: left; 
	text-align:left;   	
}
.about_list_hyo6 td{
	width:540px;
    padding: 10px;
    margin:15px 0 0 12px;
	font-size:100%;
	font-weight:500;
    vertical-align: top;
    color: #333;
    background-color: #fff;
    border: solid 2px #9eceff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	float: left; 
	text-align:left;  
}
/* access map google map */
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* branch事業所 map google map */
.ggmap_branch {
		width: 555px;
	position: relative;
	padding-bottom: 56.25%;
    margin: 30px 0 0 0;
	height: 0;
	overflow: hidden;
}
.ggmap_branch iframe,
.ggmap_branch object,
.ggmap_branch embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* clinic.html クリニックのご案内 */
.main_clinic{
    width: 100%;
    float: left;
}
.main_clinic h2 {
    font-size:130%;
    font-weight:600;
	text-align: center; 
	color:#116cc8;
    border:none;
	border-top:2px dotted #116cc8;
	padding: 5px 0 0 0;
	margin:0 0 10px 0;	
}
.main_clinic_left{
    width: 40%;
    float: left;
    padding: 10px;
}
.main_clinic_right{
    width: 40%;
    float: right;
    padding: 10px;
}
.main_clinic p span {
    float: right;
    color:#116cc8;
    background: linear-gradient(transparent 60%, #d3e9ff 0%);
}
/* clinic.html クリニック(健診）のご案内 */
.main_clinic_kenshin_left{
    width: 40%;
    float: left;
    padding: 30px 10px 10px 10px;
}
.main_clinic_kenshin_right{
    width: 40%;
    float: right;
    padding: 30px 10px 10px 10px;
}
.main_clinic_kenshin p span {
    float: right;
    color:#116cc8;
    background: linear-gradient(transparent 60%, #d3e9ff 0%);
}
/* branch.html 介護事業所のご案内 */
.main_branch{
    width: 100%;
    float: left;
    padding: 0 0 20px 50px;
}
.main_branch h3 {
    font-size:110%;
    font-weight:600;
	padding:0 10px;
	color:#666;
    border-left: solid 7px #fb9005;
	width:640px;
	margin:10px 0 ;	
}
.branch_list{
    width:85%;
    border: 2px solid #fb9005;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.branch_list th{
    padding: 6px 8px 5px;
    border-top: solid 1px #fb9005;
    width: 13%;
    overflow: hidden;
    color: #595960;
    font-size: 90%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #ffdec6;
}
.branch_list td{
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
    color: #595960;
    background-color: #ffffff;
    border-top: solid 1px #fB9C16;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.branch_list td span {
    font-size:100%;
    float: right;
    color:#116cc8;
    background: linear-gradient(transparent 60%, #d3e9ff 0%);
}
/* branch下層.html 事業所の下層の内容 */
.main_branch_ka {
    width: 100%;
    float: left;
	font-size:100%;
}
.main_branch_ka h2 {
    font-size:135%;
    font-weight:600;
	text-align: center; 
	color:#ff6e00;
    border:none;
	border-top:2px dotted #fb9005;
	border-bottom:2px dotted #fb9005;
	width:640px;
	padding: 5px 0 ;
	margin:10px 0 30px 10px;	
}
.main_branch_ka_left{	
    width: 25%;
    float: left;
    padding: 0 10px 10px 33px;
}
.main_branch_ka_left img{
    border:2px solid #fb9005;
	padding: 5px;
	width:250px;   
}
.main_branch_ka_right{
    width: 48%;
    float: right;
    padding: 0 33px 10px 0;
}
.main_branch_ka_ryo{	
    width: 90%;
    float: left;
    padding: 0 10px 10px 30px;
}

/* branch下層.html 事業所の下層の内容 表のcss*/
.main_branch_gaiyo{
    width: 100%;
    float: left;
}
.branch_list_hyo{
    width:600px;
    border: 2px solid #fff;
	border-spacing: 0;
	border-radius: 8px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	margin: 25px 25px 25px 33px;
}
.branch_list_hyo th{
    padding: 6px 8px 5px 0 ;
    border-top: solid 2px #fff;
    width: 25%;
	font-size:90%;
    overflow: hidden;
    color: #595960;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #ffc77f;
	line-height: 2; 
}
.branch_list_hyo td span{
    padding: 5px 10px 5px 0;
    text-align: left;
	font-size:105%; 
    vertical-align: top;
    color: #333;
    background-color: #fdeeda;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;		
	line-height: 2; 
}
.branch_list_hyo td{
    padding: 5px 10px 5px 15px;
    text-align: left;
	font-size:105%; 
    vertical-align: top;
    color: #333;
    background-color: #fdeeda;
    border-top: solid 2px #fff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;		
	line-height: 1.5; 
}
/* branch下層.html 事業所の下層の内容 表2(かのんのスケジュール表）のcss*/
.branch_list_hyo2{
    width:80%;
		margin: 0 20px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.branch_list_hyo2 th{
    padding: 6px 8px 5px 5px;
    border-top: solid 1px #fb9005;
    width: 13%;
    overflow: hidden;
    color: #595960;
    font-size: 90%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #fff;
}
.branch_list_hyo2 td{
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
    color: #595960;
    background-color: #ffffff;
    border-top: solid 1px #fB9C16;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
/* branch下層.html 事業所の下層の内容 表3(かのん　こんなところ）のcss*/
.main_branch_konnatokoro{
    width: 600px;
    float: left;
}
.main_branch_konnatokoro p{
    float: left;
	padding: 8px 20px
}
.main_branch_konnatokoro_midashi{
    text-align: left;
	color: #ff6e00;
	font-weight: 800;
	background-color: #fdeeda;
	margin:13px 0 0 0;
}

/* branch事業所 map google map */
.ggmap_branch {
	width: 592px;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
    border: 4px solid #fff;	
	margin: 25px 25px 25px 33px;
}
.ggmap_branch iframe,
.ggmap_branch object,
.ggmap_branch embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* care.html 介護サービスの種類 */
.main_care{
    width: 96％;
    float: left;
	margin:0 3%;
}
.main_care h2 {
    font-size:130%;
    font-weight:600;
	color:#ff6e00;
    border:none;
	padding: 5px 0 0 45px;
	margin:0 0 10px 0;
	background: url(../images/common/care_h2_bg.png) no-repeat;
}
.main_care_left{
    float: left;
	width: 42%;
	height:170px;
    padding: 8px;
	margin: 10px 10px 10px 5px ;
    border: dotted 2px #ffad3a;
	border-spacing: 0;
	border-radius: 8px;
    overflow: hidden;
}
.main_care_right{
    float: left;
	width: 42%;
	height:170px;
    padding: 8px;
	margin:10px 10px 10px 5px ;
    border: dotted 2px #ffad3a;
	border-spacing: 0;
	border-radius: 8px;
    overflow: hidden;
}
.main_care p{
    float: left;
    margin:0 10px 0 15px;
}
.main_care p span {
    float: right;
    color:#ff6e00;
    background: linear-gradient(transparent 70%, #ffc67a 0%);
}
/* care.html その他のサービス */
.main_care_sonota {
    width: 100%;
    float: left;
	font-size:100%;
}
.main_care_sonota h2 {
    font-size:135%;
    font-weight:600;
	color:#ff6e00;
    border:none;
	width:640px;
	margin:20px 0 20px 10px;
	padding: 5px 0 0 45px;
	background: url(../images/common/care_h2_bg.png) no-repeat;	
}
.main_care_sonota h3 {
    font-size:110%;
    font-weight:600;
	padding:0 10px;
	color:#666;
    border-left: solid 7px #fb9005;
	width:600px;
	margin:20px 0 0 20px;
}
.main_care_sonota h4 {
    font-size:100%;
    font-weight:600;
	padding:0 10px;
	color:#ff6e00;
	width:600px;
	margin:10px 0 0 30px;
}
.main_care_sonota p{
    width:600px;
    font-size:90%;
	margin:0 0 0 40px;
}
/* care下層.html careの下層の内容 下層の見出し */
.main_care_ka {
    width: 100%;
    float: left;
	font-size:100%;
}
.main_care_ka h2 {
    font-size:135%;
    font-weight:600;
	color:#ff6e00;
    border:none;
	width:640px;
	margin:0 0 20px 10px;
	padding: 5px 0 0 45px;
	background: url(../images/common/care_h2_bg.png) no-repeat;	
}

/* care下層.html careの下層の内容 表1(生活援助サービスと身体介助サービス）のcss*/
.main_care_gaiyo{
    width: 100%;
    float: left;	
	padding: 5px 0 0 20px;
}
.main_care_gaiyo h3 {
    font-size:110%;
    font-weight:600;
	padding:0 10px;
	color:#666;
    border-left: solid 7px #fb9005;
	width:600px;
	margin:15px 0 0 0 ;	
}
.main_care_gaiyo  p{
    float: left;
	padding: 0px 45px
}
.care_list_hyo{
    width:600px;
    border: 2px solid #fff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	margin: 15px 25px 0 33px;
}
.care_list_hyo th{
    padding: 6px 8px 5px 0 ;
    border-top: solid 5px #fff;
    width: 25%;
	font-size:115%;
    overflow: hidden;
    color: #ff6e00;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #fdeeda;
}
.care_list_hyo td{
    padding: 5px 10px 5px 15px;
    text-align: left;
	font-size:105%; 
    vertical-align: top;
    color: #333;
    background-color: #fdeeda;
    border: solid 5px #fff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;		 
}

/* care下層.html careの下層の内容 表2(支援制度始めました）のcss*/
.main_care_shien{
    width: 100%;
    float: left;	
	padding: 5px 0 0 20px;
}
.main_care_shien h3 {
    font-size:110%;
    font-weight:600;
	padding:0 10px;
	color:#666;
    border-left: solid 7px #fb9005;
	width:600px;
	margin:15px 0 0 0 ;	
}
.main_care_shien p{
    float: left;
	padding: 7px 30px 7px 30px;
}
.care_list_hyo2{
    width:600px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	margin: 15px 25px 0 33px;
    border: dashed 2px #fb9005;
}
.care_list_hyo2 th{
    padding: 6px 8px 5px 0 ;
    width: 30%;
	font-size:110%; 
    font-weight:500;
    overflow: hidden;
    color: #595960;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #fdeeda;
}
.care_list_hyo2 td{
    padding: 5px 10px 5px 15px;
    text-align: left;
	font-size:110%; 
    vertical-align: top;
    color: #333;
    background-color: #ffffff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;		
}

/* care下層.html careの下層の内容 表3(関連する事業所へリンク）のcss*/
.main_care_link{
    width: 580px;
    float: left;	
	margin:30px 30px 30px 50px;
	padding: 5px 0 0 20px;
	background-color: #fdeeda;
	border-radius: 12px;
}
.main_care_link h3 {
    font-size:110%;
    font-weight:600;
	text-align:center;
	color: #ff6e00;
	padding:0 10px;
	border-radius: 8px;
	width:500px;
	margin:20px 0 0 20px ;

}
.main_care_link p{
    float: left;
	padding: 7px 30px 7px 30px;
}
.care_list_hyo3{
    width:520px;
    margin: 0 0 0 5px;
    border: solid 2px #fff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.care_list_hyo3 th{
    padding: 6px 8px 5px;
    border: solid 1px #fb9005;
    width: 13%;
    overflow: hidden;
    color: #595960;
    background-color: #ffffff;
    border: solid 1px #fB9C16;
    font-size: 90%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;

}
.care_list_hyo3 td{
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
    color: #595960;
    background-color: #ffffff;
    border: solid 1px #fB9C16;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.care_list_hyo3 td span {
    font-size:100%;
    float: right;
    color:#116cc8;
    background: linear-gradient(transparent 60%, #d3e9ff 0%);
}


/* care下層.html careの下層の内容 表4(介護サービスの種類　02訪問看護 サービス内容）のcss*/
.main_care_02{
    width: 100%;
    float: left;	
	padding: 5px 0 0 20px;
}
.main_care_02 h3 {
    font-size:110%;
    font-weight:600;
	padding:0 10px;
	color:#666;
    border-left: solid 7px #fb9005;
	width:600px;
	margin:40px 0 10px 0;
}
.main_care_02 p{
    width:600px;
    font-size:90%;
	margin:0 0 0 40px;
}
.care_list_hyo4{
    width:580px;
    border: 2px solid #fb9005;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	margin: 15px 25px 0 40px;
}
.care_list_hyo4 th{
    padding: 6px 8px 5px 0 ;
	font-size:110%;
	text-indent:10px;
	font-weight:500;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #fff;
	float: left; 
	text-align:left;
		
}
.care_list_hyo4 td{
    padding: 6px 8px 5px 0 ;
	font-size:110%;
	text-indent:10px;
	font-weight:500;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #fff;
	text-align:left;
		
}
/* care下層.html careの下層の内容 表4(介護サービスの種類　02訪問看護 １回あたりの利用料）のcss*/
.care_list_hyo5{
    width:600px;
    border: 3px solid #fff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	margin: 5px 25px 0 31px;
}
.care_list_hyo5 th{
	width:560px;
    padding: 5px 10px 5px 10px;
	margin:5px 0 0 0;
	font-size:115%;
	font-weight:500;
    vertical-align: top;
    color: #333;
    background-color: #ffd9a8;
    border: solid 3px #fff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	float: left; 
	text-align:left;   	
}
.care_list_hyo5 td{
	width:560px;
    padding: 5px 10px 5px 10px;
	margin:5px 0 0 0;
	font-size:115%;
	font-weight:500;
    vertical-align: top;
    color: #333;
    background-color: #ffefbc;
    border: solid 3px #fff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	float: left; 
	text-align:left;  
}


/* activity.html 組合員活動について */
.main_activity_ka {
    width: 100%;
    float: left;
	font-size:100%;
}
.main_activity_ka h2 {
    width: 580px;
	color:#333;
 	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 4px solid #ffe100;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin:20px;
}
.main_activity_ka h2::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #ffe100;
	border-radius: 100%
}
.main_activity_ka_left{	
    width: 25%;
    float: left;
    padding: 0 10px 10px 33px;
}
.main_activity_ka_left img{
    border-right:5px solid #ffe100;
    border-bottom:5px solid #ffe100;
	width:250px;   
}
.main_activity_ka_right{
    width: 48%;
    float: right;
       padding: 0 33px 10px 0;
}


/* faq.html faq よくあるご質問の内容 見出し */
.main_faq {
    width: 100%;
    float: left;
	font-size:100%;
}
.main_faq h2 {
    font-size:135%;
    font-weight:600;
	color:#116cc8;
    border:none;
	width:640px;
	margin:0 0 20px 10px;
	padding: 5px 0 0 0px;
}
.main_faq p {
    width: 100%;
    float: left;
	font-size:100%;
	text-align: center;
	margin: 0 auto;
}
/* policy.html 個人情報保護方針のcss*/
.main_policy{
    width: 100%;
    float: left;	
}
.main_policy h2 {
    width: 580px;
	color:#333;
 	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 4px solid #116cc8;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin: 10px 20px 10px 20px;
}
.main_policy h2::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #116cc8;
	border-radius: 100%
}
.main_policy p {
    margin:0 0 0 15px;
    float: left;
	padding: 7px 30px 7px 30px;
}
.main_policy p span{
    margin:0 0 0 15px;
    float: right;
    color: #595960;
    font-size: 90%;
	font-weight:500;
	padding: 7px 30px 7px 300px;
}
.policy_hyo{
    width:83%;
	margin: 0 20px 0 55px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.policy_hyo th{
    padding: 6px 8px 5px 5px;

    border-top: solid 1px #116cc8;
    width: 5%;
    overflow: hidden;
    color: #595960;
    font-size: 90%;
	font-weight:500;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #fff;
}
.policy_hyo td{
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
    color: #595960;
    background-color: #ffffff;
    border-top: solid 1px #116cc8;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
/* newspaper.html なにわコープ通信のcss*/
.newspaper_hyo{
    width:500px;
    border: 3px solid #fff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	margin: 5px 25px 30px 90px;
}
.newspaper_hyo th{
	width:460px;
    padding: 10px;
	margin:10px 0 0 0;
	font-size:115%;
	font-weight:500;
    vertical-align: top;
    color: #333;
    background-color: #bcddff;
    border: solid 3px #fff;
	border-radius: 8px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	float: left; 
	text-align:center;   	
}
.newspaper_hyo td{
	width:460px;
    padding: 10px;
	margin:10px 0 0 0;
	font-size:115%;
	font-weight:500;
    vertical-align: top;
    color: #333;
    background-color: #e2effc;
    border: solid 3px #fff;
	border-radius: 8px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	float: left; 
	text-align:center;  
}
/* 641pxから768pxまでのサイズ ipad*/
@media screen and (max-width: 768px) {
.main {
	width: 448px;
	margin-bottom:25px;
}
.main .head {
	background: url(../images/tablet/ttl_bg01.png) no-repeat;
	width: 448px;
}
.main .inner {
	width: 448px;
}
.main .inner img {
	padding:0 0 0 15px;
	width: 95%;
}
/* index.htmlの一人ひとりに寄り添える医療を */
.main_index{
	padding: 0 50px 0 50px;
	margin: 10px 0 10px 0;
	float: left;		
}
/* about.html なにわ保健生協とは css*/
.main_about h2 {
    width:96%; 
	margin:0 2%;
	text-align: center; 
}
/* 共通　画像挿入３　スマホの時に大きすぎて縮小したいとき */
.gazo-3 {
	width: 50%;
	text-align: center;
	margin: 0 auto;

}
.main_about_na{
    width:96%; 
	margin:0;
}
.main_about_na h2 {
    width: 390px;
	margin:35px 8px 10px 8px;
}
.main_about_na p {
    width:96%; 
	margin:0 4% 0 0;
}
/* about.html なにわ保健生協とは 中の表のcss*/
.about_list_hyo6{
    width:100%; 
	margin: 5px 0 0 0;
}
.about_list_hyo6 th{
    width:94%;
    padding:5px 5px 5px 10px;
	margin:0 0 0 9px;
	font-size:115%;
	font-weight:600;
    vertical-align: top;
    color: #116cc8;
    background-color: #9eceff;
    border: solid 3px #fff;
    border-radius: 10px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	float: left; 
	text-align:left;   	
}
.about_list_hyo6 td{
    width:90%;
    padding: 10px;
	margin:15px 0 0 15px;
	font-size:100%;
	font-weight:500;
    vertical-align: top;
    color: #333;
    background-color: #fff;
    border: solid 2px #9eceff;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
	float: left; 
	text-align:left;  
}
	
/* clinic.html クリニックのご案内 */
.main_clinic h2 {
    font-size:110%;
}
/* branch.html 介護事業所のご案内 */
.main_branch{
    width: 100%;
    float: left;
    padding: 0 0 20px 20px;
}
.branch_list{
	width: 90%;
}
.branch_list th{
    width: 17%;
}
/* branch.html 事業所の下層の内容 */
.main_branch_ka{
    width: 100%;
    padding: 0;
}
.main_branch_ka h2 {
	width:430px;	
}
.main_branch_ka_left{	
    width: 400px;
    padding: 0 0 0 20px;
}
.main_branch_ka_left img{
    border:2px solid #fff;   
}
.main_branch_ka_right{
    width: 400px;
    padding: 10px;
}
.main_branch_ka_hyo{
    width: 400px;
    padding: 10px;
}
.branch_list_hyo{
    width:400px;
    padding: 0 0 0 20px;
}
.branch_list_hyo2{
	width: 90%;
}
.branch_list_hyo2 th{
    width: 17%;
}
.main_branch_konnatokoro{
    width:400px;
}
.main_branch_konnatokoro p{
	padding: 8px 10px
}
/* branch事業所 map google map */
.ggmap_branch {
	width: 392px;

}
/* care.html 介護サービスの種類 */
.main_care{
	width: 94%;
}
.main_care h2 {
    font-size:130%;
}
.main_care_left{
	width: 94%;
	height:auto;	 
}
.main_care_right{
	width: 94%;
	height:auto;	
	float: left;
}
/* care.html care　その他のサービス */
.main_care_sonota {
	width: 94%;
}
.main_care_sonota h2 {
    font-size:130%;
}
.main_care_sonota h3 {
	width: 94%;
}
.main_care_sonota h4 {
	width: 94%;
}
.main_care_sonota p{
	width: 94%;
}
/* care下層.html careの下層の内容 下層の見出し */
.main_care_ka {
	width: 94%;
}
.main_care_ka h2 {
    font-size:130%;
}

/* care下層.html careの下層の内容 表1(生活援助サービスと身体介助サービス）のcss*/
.main_care_gaiyo p{
    width:90%;
	padding: 0px 10px
}
.care_list_hyo{
    width:94%; 
	margin: 10px 6% 10px 0;
}
/* care下層.html careの下層の内容 表2(支援制度始めました）のcss*/
.main_care_shien p{
    width:90%;
	padding: 0px 10px
}
.care_list_hyo2{
    width:94%; 
	margin: 10px 6% 10px 0;
}
/* care下層.html careの下層の内容 表3(関連する事業所へリンク）のcss*/
.main_care_link{
    width:90%; 
	margin: 30px 6% 10px 4%;
}
.main_care_link h3 {
    width:88%; 
	margin: 20px auto 0 2%;
}
.care_list_hyo3{
    width:94%;
	padding: 0 6% 0 0;
}
.care_list_hyo3 th{
	display: none;
}

/* care下層.html careの下層の内容 表4(介護サービスの種類　02訪問看護　サービス内容）のcss*/
.main_care_02 p{
    width:90%;
	margin: 0 8% 0 2%;
}
.care_list_hyo4{
    width:92%; 
	margin: 10px 8% 10px 0;
}
.care_list_hyo4 th{
    width:92%;
    float: left;
}
.care_list_hyo4 td{
    width:92%;
    float: left;	
}
/* care下層.html careの下層の内容 表4(介護サービスの種類　02訪問看護 １回あたりの利用料）のcss*/
.care_list_hyo5{
    width:94%; 
	margin: 10px 6% 10px 0;	
}
.care_list_hyo5 th{
    width:94%; 
    float: left;
}
.care_list_hyo5 td{
    width:94%; 
    float: left;
}
/* activity.html 組合員活動について */
.main_activity_ka{
    width: 100%;
    padding: 0;
}
.main_activity_ka h2 {
    width: 390px;
	margin:20px 8px;
}
.main_activity_ka_left{	
    width: 400px;
    padding: 0 0 0 20px;
}
.main_activity_ka_left img{
    border:2px solid #fff;   
}
.main_activity_ka_right{
    width: 400px;
    padding: 10px;
}
/* policy.html 個人情報保護方針 css*/
.main_policy{
    width: 100%;
    padding: 0;
}
.main_policy h2 {
    width: 390px;
	margin:20px 8px;
}
.main_policy p {
    width:96%; 
	margin:0 4% 0 0;
}
.main_policy p span{
    width:96%; 
	text-align: center;
	margin: 0 auto;
}
/* newspaper.html なにわコープ通信のcss*/
.newspaper_hyo{
    width: 100%;
    padding: 0;
	margin: 0;
}
.newspaper_hyo th{
    width:96%; 
	text-align: center;
	margin: 0 auto; 	
}
.newspaper_hyo td{
    width:96%; 
	text-align: center;
	margin: 0 auto; 
}
}

/* 640px未満のサイズ　スマートフォン */
@media screen and (max-width: 640px) {
.main {
	width: 100%;
	margin-bottom:20px;
}
.main .head {
	background: url(../images/phone/ttl_bg01.png) no-repeat;
	width: 100%;
	height: 50px;
	padding: 10px 0 0 4%;
}
.main .head h1 {
	background:none;
	width: 255px;
	height: 25px;
	padding:0px;
	float: left;
	display:block;
}
.main .inner {
	width: 100%;
	padding:5px 0px 15px 0px;
	border:none;
}
.main .inner img {
	padding:0 0 0 15px;
		width: 95%;
}
/* 共通　画像挿入２　スマホの時に大きすぎて縮小したいとき */
.gazo-2 {
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

/* about.html なにわ保健生協とはcss*/
.main_about h2 {
    font-size:115%; 
	width: 96%;
	text-align: center;
	margin: 0 auto;
}

.main_about h2::before,
.main_about h2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.main_about h2::before {
	top: 0;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #fff;
}
.main_about h2::after {
	bottom: 0;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #fff;
}
.main_about_na{
    width: 96%;
    padding: 0 2% 20px 2%;
}
.main_about_na h2{
    width: 86%;
	margin:10px 6% 10px 0;
}
.main_about_na p{
    width: 92%;
    padding: 0 2% 15px 6%
}
/* about.html なにわ保健生協とは 中の表のcss*/
.about_list_hyo6{
    width:100%; 
	margin: 5px 0 0 0;
}
.about_list_hyo6 th{
    width: 86%;
    padding: 5px 2% 5px 6% 	
}
.about_list_hyo6 td{
    width:84%;
	margin:15px 5% 15px 5%; 
}
/* clinic.html クリニックのご案内 */
.main_clinic{
  width: 96%;
  float: left;
}
.main_clinic h2 {
    font-size:130%;
}
.main_clinic_left{
	width: 96%;
	text-align: center;
	margin: 0 auto;
}
.main_clinic_right{
	width: 96%;
	text-align: center;
	margin: 0 auto;
}
/* clinic.html クリニック（健診）のご案内 */
.main_clinic_kenshin_left{
	width: 96%;
	text-align: center;
	margin: 0 auto;
}
.main_clinic_kenshin_right{
	width: 96%;
	text-align: center;
	margin: 0 auto;
}
/* branch.html 事業所のご案内 */
.main_branch{
    width: 96%;
    padding: 0 20px 20px 10px;
}
.branch_list{
	width: 96%;
	text-align: center;
	margin: 0 auto;
}
.branch_list th{
    width: 15%;
	font-size: 70%;
}

/* branch_ka.html 事業所の下層の内容 */
.main_branch_ka{
    width: 96%;
    padding: 0 20px 20px 10px;
}
.main_branch_ka h2 {
	width: 96%;
	text-align: center;
	margin: 0 auto 20px auto;
}
.branch_ka_list{
	width: 96%;
	text-align: center;
	margin: 0 auto;
}
.branch_ka_list th{
    width: 15%;
	font-size: 70%;
}

.main_branch_ka_left{	
   width: 96%;
    padding: 0 0 0 0;
}
.main_branch_ka_right{
    width: 96%;
    float: left;
    padding: 10px;
}
.main_branch_ka_ryo{
    width: 96%;
    float: left;
    padding: 10px;
}
.branch_list_hyo{
	width: 96%;
	text-align: center;
	margin: 0 auto 20px auto;
}
.branch_list_hyo2{
	width: 96%;
	text-align: center;
	margin: 0 auto 20px auto;
}
.main_branch h3 {
	width: 96%;
}
.branch_list_hyo2 th{
    width: 20%;
}
.main_branch_konnatokoro{
    width: 96%;
	margin: 0 auto 20px auto;
}
/* branch事業所 map google map */
.ggmap_branch {
	width: 96%;
	text-align: center;
	margin: 0 auto;
}
/* care.html 介護サービスの種類 */
.main_care h2 {
    font-size:120%;
}
.main_care_left{
	margin: 20px 0 0 0;
}
.main_care_right{
	margin: 20px 0 0 0;
}
/* care下層.html careの下層の内容 下層の見出し */
.main_care_ka {
	width: 94%;
}
.main_care_ka h2 {
   width: 94%;
   margin: 0 6% 0 0;
}
/* care.html 介護サービスの種類 その他のサービス */
.main_care_sonota {
	width: 94%;
}
.main_care_sonota h2 {
   width: 94%;
   margin: 20px 6% 0 0;
}
.main_care_sonota h3 {
   width: 94%;
}
/* care下層.html careの下層の内容 表1(生活援助サービスと身体介助サービス）のcss*/
.main_care_gaiyo h3 {
	width:94%;
}
.care_list_hyo{
    width:92%; 
	margin: 10px 8% 10px 0;
}
/* care下層.html careの下層の内容 表2(支援制度始めました）のcss*/
.main_care_shien h3 {
	width:94%;
}
.care_list_hyo2{
    width:90%; 
	margin: 10px 10% 10px 0;
}
/* care下層.html careの下層の内容 表3(関連する事業所へリンク）のcss*/
.main_care_link{
    width:85%; 
	margin: 30px 0 0 5% ;
}
.main_care_link h3 {
	font-size:100%;
	margin:20px 0 0 0px ;
}
/* care下層.html careの下層の内容 表4(介護サービスの種類　02訪問看護　サービス内容）のcss*/
.care_list_hyo4{
    width:92%; 
	margin: 10px 10% 10px 0;
}

/* care下層.html careの下層の内容 表4(介護サービスの種類　02訪問看護 １回あたりの利用料）のcss*/
.care_list_hyo5{
    width:92%; 
	margin: 10px 8% 10px 0;	
}
/* activity_ka.html 事業所の下層の内容 */
.main_activity_ka{
    width: 96%;
    padding: 0 20px 20px 10px;
}
.main_activity_ka h2{
    width: 86%;
	margin:10px 6% 10px 0;
}
.main_activity_ka_left{	
   width: 96%;
    padding: 0 0 0 0;
}
.main_activity_ka_right{
    width: 96%;
    float: left;
    padding: 10px;
}
/* faq.html faq よくあるご質問の内容 見出し */
.main_faq {
    width: 96%;
    padding: 0 20px 20px 10px;
}
.main_faq img{
    width: 50px;

}
.main_faq h2 {
    width: 96%;
}
.main_faq p {
    width: 96%;
}
/* policy.html 個人情報保護方針 */

.main_policy{
    width: 96%;
    padding: 0 2% 20px 2%;
}
.main_policy h2{
    width: 86%;
	margin:10px 6% 10px 0;
}
.main_policy p{
    width: 92%;
    padding: 0 2% 15px 6%
}
/* newspaper.html なにわコープ通信のcss*/
.newspaper_hyo{
    width: 96%;
}
.newspaper_hyo th{
    width:86%; 	
	margin:20px 0 0 20px;
}
.newspaper_hyo td{
    width:86%;
	margin:20px 0 0 20px;
}
}


/* recruit_詳細 html リクルート詳細のご案内　追記分 */
.main_recruit{
    width: 100%;
    float: left;
    padding: 0 0 20px 50px;
}
.main_recruit h3 {
    font-size:110%;
    font-weight:600;
	padding:0 10px;
	color:#666;
    border-left: solid 7px #4c79fb;
	width:640px;
	margin:10px 0 ;	
}
.recruit_list{
    width:85%;
    border: 2px solid #4c79fb;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.recruit_list th{
    padding: 6px 8px 5px;
    border-top: solid 1px #4c79fb;
    width: 13%;
    overflow: hidden;
    color: #595960;
    font-size: 100%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #EAEBF8;
}
.recruit_list td{
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
    color: #595960;
    background-color: #ffffff;
    border-top: solid 1px #4c79fb;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.recruit_list td span {
    font-size:100%;
    float: right;
    color:#116cc8;
    background: linear-gradient(transparent 60%, #d3e9ff 0%);
}

/* 640px未満のサイズ　スマートフォン */
@media screen and (max-width: 640px) {
/*  */
.main_recruit{
    width: 96%;
    padding: 0 20px 20px 0px;
}
.recruit_list{
	width: 96%;
	text-align: center;
	margin: 0 auto;
}
.recruit_list th{
    width: 18%;
	font-size: 80%;
}
}