@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	background: url(../images/png/headerborder.png) top repeat-x;
	width:100%;
	margin:0 auto;
	font-size:14px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
}

header {
	width:960px;
	margin:0 auto 10px ;
}

nav {
	width:100%;
}

#contents {
	width:960px;
	margin:10px auto;

}

#main {
	float:right;
	width:72%;
}

#sub {
	float:left;
	width:25%;
}

a {
	color: #009944;
	text-decoration: none;
}
a:hover {
	color:#009944;
	text-decoration: none;

}

h1 {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 12px 0;
	line-height:1.2;
}
h1 a {
	color:#000;
	text-decoration:none;
}
h1 a:hover {
	color:#e78f00;
	text-decoration:underline;
}

h2 {
	margin-bottom:0.5em;
}

h3#main {
	margin:2em 0 0.5em;
	padding:2px 0;
/*
	color:#e78f00;
	font-size:16px;
	border-bottom:1px solid #e78f00;
*/
}

h4 {
	margin-bottom:0.25em;
	font-size:16px;
	font-weight: bold;
	color:#8fc322;
}
h5 {
	font-size: 16px;
	font-weight: bold;
	color: #8fc322;
	border-bottom: 2px dotted #009944;
	padding: 0 0 5px 10px;
	margin: 10px 0 5px;
}

h6 {
	margin-bottom:0.25em;
	color:#382400;
	font-size:14px;
	font-weight:bold;
}

p {
	margin:0 0 1em 0;
}

img {
	vertical-align:bottom;
	border: none;
	max-width: 100%;
	height: auto;
}

img.radius_img {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

img.radius_img a:hover{
	opacity: 0.7;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #009944;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;

}

.block_b{
	background: #f8f4ed;
}

blockquote ul li{
	font-weight: bold;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:none;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}

dt {
}
dt:before {
/*	content:"\0025a0"; */
}
dd {
	margin-bottom:1em;
	margin-left:0.5em;
}

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#E3FED1;
	font-weight: bold;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
	color: #8fc322;
	font-weight: bold;
	text-align: center;
}


/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
	background: url(../images/png/totop_on.png) no-repeat;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
   background: none;
}
.totop img:hover {
    visibility: hidden;
}


/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:relative;
}
header h1 {
	margin-bottom:20px;
}

#recruit {
	position:absolute;
	top:0;
	right:0;
	vertical-align:top;
 	background: url(../images/png/recruitbutton_on.png) no-repeat;
	margin-top: 5px;
}
#recruit a {
	display:block;
/*	padding:5px 10px 5px 29px;
	border-radius:4px; */
	text-decoration:none;
}
#recruit a:hover {
    background: none;
}
#recruit a:hover img{
    visibility: hidden;
}

#logo_l img,
#logo_r img {
	margin: 0;
	padding: 0;
}

#logo_l {
	width: 56%;
	display: inline-block;
    vertical-align: top; /* 下端を揃える */
}

#logo_r {
	width: 43%;
	display: inline-block;
	text-align: right;
}




/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
	overflow:hidden;
	position:relative;
	background: url(../images/png/mainvisual_bg.png) ;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
nav h3 {
	display:none;
}
nav ul {
	margin:0;
	padding:0;
}
nav li {
	list-style:none;
	margin:0;
	padding:0;
	font-size: 16px;
	background: url(../images/png/naviline.png) bottom center no-repeat;
}
nav li a {
	display:block;
	padding:20px 30px 20px 70px;
	color:#383431;
	font-weight: bold;
	text-decoration:none;
	position: relative;
}
nav li a::before{
  	content: '';
  	width: 6px;
  	height: 6px;
  	border: 0px;
  	border-top: solid 2px #8fc322;
  	border-right: solid 2px #8fc322;
  	-ms-transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
  	position: absolute;
  	top: 50%;
  	left: 0;
  	margin-top: -6px;
	margin-left: 3em;
}
nav li a:hover {
	color:#ff9000;
	transition:all 0.2s ease 0s;
}
nav li a:hover::before{
  	content: '';
  	width: 6px;
  	height: 6px;
  	border: 0px;
  	border-top: solid 2px #ff9000;
  	border-right: solid 2px #ff9000;
  	-ms-transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
  	position: absolute;
  	top: 50%;
  	left: 0;
  	margin-top: -6px;
	margin-left: 3em;
}

.navtab {
	display: none;
}
/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu li a:before {
	content:"\0025a0";
	color:#000;
}


.submenu li a {
	display:block;
	padding:5px 2px;
	color:#000;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
}
.submenu li a:hover {
	background:#eee;
}

#bnr {
	overflow:hidden;
	margin-top: 1em;
}

#bnr ul {
	overflow:hidden;
}

#bnr li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
#bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
	text-decoration: underline;
}
#bnr img {
}

#bnr dl {
	margin: 20px 0;
	padding: 8px;
	border: 2px solid #8FC322;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#bnr dt {
	border: none;
	color: #009944;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

/*================================================
 *  フッター
 ================================================*/
.inner{
	width:960px;
	padding:0;
	margin: 0 auto;
}
/*************
/* フッター
*************/
#footer{
	clear:both;
	padding:20px 0;
	overflow:hidden;
	background: #009944;
	color: #fff;
}

#footer .copyright{font-size:11px;}

#footer .logo{
float:none;
text-align:center;
padding:10px 0;
}

#footer .grid, #footer .grid p{
	width:100%;
	text-align:left;
	border:0;
	padding-left: 5em;
}

#footer .grid:last-child{padding-top:20px;}

/* サブコンテンツ + フッター グリッド(3カラム) */
#footer .grid{
	border:0;
	background:transparent;
	width:300px;
}

#footer p a{
	color: #fff;
}
#footer .greid_s p {
	padding-left: 7em;
}

/* グリッド全体 */
.gridWrapper{
display:table;
border-collapse:separate;
border-spacing:20px;
margin-left:-20px;
width:960px;
}

#footer a:hover {
	text-decoration: underline;
}
/* グリッド共通 ベース:トップページ4カラム */
.grid{
display:table-cell;
}

.copyright {
	clear:both;
	padding:0 0 20px; 
	font-size:11px;
	text-align:center;
	color: #fff;
	background: #009944;
}


/*================================================
 *  クラス
 ================================================*/
/* margin padding */

.pl_21{padding-left: 21em;}
.ml_e22{margin-left:2.2em;}
.mr_e1{margin-right:1em;}
.mt_20{margin-top:20px;}
.mt_e2{margin-top: 2em}
.clinic{width: 50%}
.clinic_p{width: 70%;margin: 0 auto;}
.img100{width: 100%;}

h5.etc {
	border: none;
}


/* font */

.red{color: #FF0004}
.gray{color: #666666}
.green {
	color: #009944;
	font-weight: bold;
}
.y-green {
	color: #8fc322;
	font-weight: bold;
}

/* text-aligin */

.textL {
	text-align:left;
}

.textR {
	text-align:right;
}

.textC {
	text-align:center;
}

/* etc */
.cal_link a {
	color: #F60;
	line-height: 150%;
	text-decoration: underline;
}
.cal_linkg a {
	line-height: 150%;
	text-decoration: underline;
}
.cal_link a:hover,
.cal_linkg a:hover{
	text-decoration: none;
}

.span_br span {
	display: block;
}
.span_br2  {
	display: none;
}

.list {
	padding:0 0 0 0.5em;
}

.list li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background:url(../images/check.png) 0 5px no-repeat;
}

.box {
	overflow:hidden;
	margin:20px 0;
	padding:10px 0;
}

.sm_box{
	display: none;
}
.imgL {
	float:left;
	margin:0 0.5em 0.5em 0;
	height: auto;
}

.imgR {
	float:right;
	margin:0 0 0.5em 0.5em;
	height: auto;
}

.info {
	width: 65%;
}

.info dt {
	float: left;
	border-bottom:none;
}
.info dd {
	padding: 0 0 1em 10em;
	border-bottom:1px solid #ddd;
}

.col_two_one {
	overflow:hidden;
}

.col_two_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col_two_one li {
	list-style:none;
	float:left;
	width:45%;
	margin:0 2% 2% 0;
	padding: 10px 10px 0 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #f8f4ed;
	position: relative;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}
.col_two_one .li_img {
	background: #fff;
	padding: 0 10px;
}
.info_img {
	margin: 10px 0;
}
img.rightbottom {
	width:30%;
	margin-bottom:2.5%;
	position: absolute;
	bottom: 0;
	right: 15px;
}
.col_3_one {
	overflow:hidden;
}

.col_3_one ul {
	overflow:hidden;
	margin:1.492% -1.492% 0 0;
}
.col_3_one li {
	list-style:none;
	float:left;
	width:31.840%;
	margin:0 1.492% 1.492% 0;
}
.col_3_one li:nth-child(3n+1) {
	clear:both;
}
.col_3_one li img {
	width:100%;
	margin-bottom:2.5%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.col_3_one li a:hover img {
	opacity: 0.60;
    -moz-opacity: 0.60; /* Firefox */
    filter: alpha(opacity=60); /* IE6/7 */
    -ms-filter: "alpha(opacity=60)"; /* IE8 */
}

.info_cale a {
	text-decoration: underline;
	color: #F60;
}
.info_cale a:hover {
	text-decoration: none;
	color: #F60;
}

/* care */
#visitimg {
    position: absolute;
    background: url(../images/png/date_banner03_on.png) no-repeat;
    margin-top: 5px;
}
#visitimg a {
	display:inline-block;
}
#visitimg a:hover {
    background-color: transparent; /* IE6対応 */
}
#visitimg a:hover img{
    visibility: hidden;
}

/* care */
#cancerimg {
    position: absolute;
    background: url(../images/png/date_banner01_on.png) no-repeat;
    margin-top: 5px;
}
#cancerimg a {
	display:inline-block;
}
#cancerimg a:hover {
    background-color: transparent; /* IE6対応 */
}
#cancerimg a:hover img{
    visibility: hidden;
}
#care_i a:hover img {
	opacity: 0.8;
}

/* examination */

#recruit-t th{
	background: #FDE1EE;
}

#recruit-t td{
	text-align: left;
	color: #666666;
	font-weight: normal;
}

.recruit-t-li li{
	margin-left: 0;
}
#g_img {
	text-align: center;
	margin: 0 auto;
}
#g_img img{
	text-align: center;
	margin: 0 auto;
}

/*================================================
 *  ＰＣ向けデザイン
 ================================================*/
.img_sm,
.img_tab{
	display: none;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	body {
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}

	header {
		width:100%;
	}

	nav ul {
			width:100%;
	}

	#contents {
		width:100%;
	}
	
	#main {
 	}
	
	nav#sub {
      	order: 1;   /* 1番目に表示 */
	}
	
/* information	*/
	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}
	
	.col_two_one li:nth-child(2) {
		order: 4
	}
	
	
	.grid{
	float:left;
	width:48%;
	margin:10px 2% 0 0;
	}
	
	#footer.grid{
	float:none;
	border:0;
	}

	#footer .grid:last-child{padding-top:20px;}

	/* information	*/
	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}
	img.rightbottom {
		display: none;
	}

	span#span_br2 {
		display: inline-block;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	.img_tab{
		display: block;
	}
	.img_tab a:hover {
		text-decoration: underline;
		opacity: 0.7;
	}
	.recruit {
		position:relative;
		float:right;
		margin:10px 0;
	}

	header h1 {
		margin-bottom:0;
	}

	#logo_l img{
		width: 120%;
	}
	#logo_r img{
		width: 70%;
	}
	.navtab {
		display: block;
	}
	#contents {
		display: flex;           /* flexコンテナ化 */
   		flex-direction: column; /* 縦向きに配置 */
	}
	
	#bnr{display: none}
	
	#main {
		float:none;
		width:100%;
		margin: 0 auto;
	}

	#main img{
		width:100%;
	}

	.sm_box{
		display: inline-block;
		width: 100%;
	}

	#sub {
		float:none;
		width:100%;
	}

	#bnr ul {
		overflow:hidden;
		margin-right:-2%;
	}

	#bnr li {
		float:left;
		width:48%;
		margin:0 2% 2% 0;
	}

	#bnr a:hover{
		text-decoration: underline;
	}

	nav {
		display:block;
		position:relative;
		width:100%;
	}
	nav h3 {
		display:block;
		cursor:pointer;
		margin-bottom:0;
		padding:10px;
		color:#009944;
		font-weight: bolder;
/*		background:#009944; */
		background: url(../images/png/mainvisual_bg.png) no-repeat;
		border:none;
	}
	nav li a {
		padding:10px 70px;
	}

	#navBtn {
		display:inline-block;
		position:absolute;
		top:6px;
		right:10px;
		width:30px;
		height:30px;
		border-radius:5%;
		background:#009944;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#fff;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#fff;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}
	.col_two_one h4{
		width: 20%;
	}

/*　アクセス・地図 */
	.map {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin-bottom:40px;
	}
	 
	.map iframe,
	.map object,
	.map embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.inner {
		width: 100%;
	}
	.gridWrapper {
		width: 100%;
	}
	#footer .grid{
		display: inline-block;
		border:0;
		width: 35%;
		margin: 0 auto;
	}
	#footer .grid img {
		margin-bottom: 1em;
	}
	#footer .grid p {
		padding-left: 1em;
		width: 100%;
	}
	#footer .grid:last-child{padding-top:20px;}

	#g_img img{
		width: 50%;
		margin-bottom: 5%;
	}

	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media only screen and (max-width:640px){
	#logo_r {
		text-align: right;
		width: 40%;
	}
	.inner {
		width: 60%;
	}
	.gridWrapper {
		width: 100%;
	}
	#footer .grid{
		display: inline-block;
		width: 100%;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:480px) {
	
	h3#main {
		margin:0.5em 0;
	}
	
	.img_pc {
		display: none;
	}

	.img_sm {
		display: block;
	}
	
	header {
		text-align: center;
		width: 98%;
	}
	
	h1 {
		display: none;
	}
	
	#recruit {
		display: none;
	}
	#logo_l {
		margin-top: 1em;
		width: 100%;
		text-align: center;
	}
	#logo_l img {
		width: 90%;
	}
	#logo_r {
		margin: 1em 0 0 18%;
		padding: 0;
		width: 85%;
	}
	.box {
		margin: 0 auto;
	}
	
	.imgR {
		float: none;
		width: 60%;
		text-align: center;
		margin: 0 auto;
	} 
	
	.imgR ul,
	.imgR ul li{
		padding: 0;
		margin: 0;
	} 
	
	.radius_img{
		width: 80%;
	} 
	
	.info {
		width: 100%;
	}
	
	.info dt{
		float: none;
		padding-left: 2em;
	}
	.info dd{
		padding: 0 0 0 6em;
	}
	
	#doctor {
		padding: 0 1em 0 0;
		text-align: right;
	}
	
    #recruit-t { margin: 0 auto; }
    #recruit-t th,
    #recruit-t td{
    	width: 95%;
    	display: block;
    	border-top: none;
    }
  	#recruit-t tr:first-child th { border-top: 1px solid #ddd; }	
	.inner {
		width: 90%;
	}
	
	#footer {
		padding: 0 0 0 2em;
	}
	#footer .grid{
		width: 100%;
		margin: 0;
		padding: 0;

	}
	#footer .greid_s{
		display: none;
	}
	.copyright {padding-bottom:5em;}
	.radius_img {margin-bottom: 1em;}
	#care_img {width: 50%;}
	
	.pl_21 {
		padding: 0 1em 0 0;
		text-align: right;
	}
	
	#ex_ul {
		margin-bottom: 5em;
	}
	#cancerimg {
		margin: 0 0 0 5%;
	}
	#visitimg {
		margin: 0 24%;
		width: 50%;
	}
	#sypport {
		margin-top: 5em;
	}
	#recruit-t {margin-bottom: 1.5em;}
	h4.info_img {
		width: 25%;
	}
}