@charset "utf-8";

/*
=========================================
モバイル css
=========================================
*/

body.type02,
body { 
	background-image:none; 
	background-color:#f6f9f2;	
}

body.type02 div#wrap,
div#wrap {
	position:relative;
	margin:0 auto;
	width:100%;
	background:none;
}

p,li,dt,dd,th,td,figcaption {
	line-height:1.4;
}

body div#ttlArea {
	margin:0 7px;
	padding:15px 10px;
	background:#3ca787;
}

body.type02 div#ttlArea {
	margin:0 7px;
	padding:15px 10px;
	background:#3ca787;
}

/*****************************************
=header
**************************************** */
#headerArea {
	position:relative;
	float:none;
	width:100%;
	background:#3ca787!important;
	height:60px;
}

#headerArea h1 {
	float:none;
	padding:5px 0 0 5px;
	font-size:8px;
	color:#fff;
}

#headerArea nav {	display:none; }
#headerArea ul.infoBtn { display:none; }

#headerArea #spLogo {
	display:block;
	padding:5px 0 0 5px;
}

#headerArea #spLogo img {
	width:107px;
	height:25px;
}

#headerArea #menuBtn {
	position:absolute;
	top:20px;
	right:15px;
	cursor:pointer;
}

/*****************************************
=nav
**************************************** */
aside#sideNav #siteLogo { display:none; }

aside#sideNav {
	position:absolute;
	top:60px;
	float:none;
	padding-bottom:0px;
	width:100%;
	z-index:1111;
}

nav#secondNav ul,
nav#gNav ul {
	width:100%;
	border-top:1px solid #fff;
	background:#378a71!important;
}

nav#secondNav ul li,
nav#gNav li { border-bottom:1px solid #fff; }

nav#secondNav ul li a:hocer,
nav#gNav li a:hover {	background:none; }

nav#secondNav ul li a span,
nav#gNav li a span { display:none; }

nav#gNav li br { display:none;}

nav#gNav li.twoLine a {
	margin:0;
	padding:0 0 0 10px;
	line-height:40px;
	height:40px;
}

nav#gNav li.twoLine a span { display:none; }

nav#secondNav ul li a,
nav#gNav li a {
	display:block;
	margin:0px;
	padding:0 0 0 10px;
	color:#fff!important;
	line-height:40px;
	height:40px;
	width:100%;
	font-size:12px;
	background:none;
}

nav#gNav li.picList a { padding-top:0px;}
nav#gNav li.picList a span {
	display:block!important;
	padding-left:0px;
	color:#fff;
	font-size:12px;
}

nav#gNav li.picList a span.l01 { background:none; }
nav#gNav li.picList a span.l02 { background:none; }
nav#gNav li.picList a span.l03 { background:none; }

nav#gNav li.picList a:hover { background:none; }
nav#gNav li figure { display:none; }

nav#gNav li.infoList a { 
	text-align:center;
	padding:10px 0;
	height:60px;
}

nav#gNav li.infoList a img { 
	width:110px;
	height:40px;
}

#pageNavi {
	margin:0 auto 20px auto;
	width: 95%;
	height: 100%;
}

#pageNavi ul {
	margin-left:10px;
	padding-left:20px;
	font-size:10px;
	line-height:28px;
	background:url(../images/_common/ico_pagenavi_home.png) no-repeat left 7px;
}

#pageNavi ul li {
	display:inline-block;
	margin-right:10px;
	font-size:9px;
}

#pageNavi ul li:first-child {
	padding-left:0;
	background:none;
}

#pageNavi ul li {
	padding-left:15px;
	background:url(../images/_common/ico_arrow.png) no-repeat left 50%;
}

nav#secondNav {	width:100%; }
nav#secondNav p a {
	display:block;
	margin-bottom:0px;
	color:#fff;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	border-radius:0px;
	border-top:1px solid #fff;
	background:#378a71!important;
	text-align:center;

}

nav#secondNav p a span {
	padding-left:0px;
	background:none;
}

nav#secondNav ul { padding-left:0px; }
nav#secondNav ul ul { display:none; }
nav#secondNav li { margin-bottom:0px; }
nav#secondNav li a {
	display:block;
	color:#fff;
	font-size:14px;
}

nav#secondNav li li {
	margin-left:0px;
	padding-left:0px;
	background:none;
}

nav#secondNav li li:first-child { margin-top:0px; }

nav#gNav li.ac a,
nav#gNav li a:hover {
	color:#fff;
	text-decoration:none;
	background:none;
}


/*****************************************
=contentsWrap
**************************************** */
div#contentsWrap,
div#topContentsWrap {
	margin-top:15px;
	float:none;
	width:100%;
	padding-bottom:15px;
}

section.bgArea {
	margin:0 auto 20px auto;
	padding:5px;
	width: 95%;
}

ul.infoBnr { text-align:center;	 }
ul.infoBnr li:first-child { float:none; margin-bottom:10px; }
ul.infoBnr li:last-child { float:none; }

/*****************************************
=footer
**************************************** */
#footerArea {
	clear:both;
	width:100%;
	background-image:none;
	background-color:#3ca787!important;
}

#footerArea div.inner {
	margin:0 auto;
	width:100%;
	padding:0px 0 10px 0;
	background:none;
}

body.type02 #footerArea div.inner {
	margin:0 auto;
	width:100%;
	padding:0px 0 10px 0;
	background:none;
}

#footerArea div.txtArea dl,
#footerArea div.txtArea ul { display:none; }

#footerArea div.txtArea {
	float:none;
	width:100%;
	padding-left:0px;
}

#footerArea p#copy { text-align:center; }

#footerArea nav {
	float:none;
	padding:0;
	width:100%;
	border-left:none;
}

#footerArea nav ul { 
	margin-bottom:15px;
	width:100%;
	border-top:1px solid #fff;
}

#footerArea nav ul:after {
	content:"";
	clear:both;
	display:block;
}

#footerArea nav li {
	padding-left:0px;
	font-size:12px;
	background:none;
}

#footerArea nav li a {
	display:block;
	float:left;
	width:50%;
	height:40px;
	line-height:40px;
	text-align:center;
	border-bottom:1px solid #fff;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
					box-sizing: border-box;
}

#footerArea nav li:nth-child(odd) a {
	width:50%;
	border-right:1px solid #fff;
}

#footerArea nav li a:hover { text-decoration:none; }
#footerArea nav li a { color:#fff; }
#footerArea nav li.mBList {	margin-bottom:0px;	}

ul#pageTop {
	right: 15px;
	bottom: 50px;
}

ul.infoBnr li img { width:95%; }


/* =parts common
---------------------------------------- */
div#ttlArea h2 {
	color:#fff;
	font-size:14px;
}

div#ttlArea h2 span {	font-size:12px; }


section.bgArea {
	margin-bottom:10px;
	width: 95%;
}

section.bgArea02 {
	margin:0 auto;
	margin-bottom:10px;
	padding:5px 0;
	width: 95%;
}

section.bgArea02 div.inner,
section.bgArea div.inner { padding:5px; }
section.bgArea div.inner02 { padding:5px; }
section.bgArea div.inner03 { padding:5px; }

/* =homeList
---------------------------------------- */
nav.homeList { display:none; }

section.bgArea div.inner04 {
	padding:10px;
	background:#e1f3ee;
	border:none;
	border-radius:0px;
}

section.bgArea div.inner03 dl {
	float:none;
	width:100%;
}

section.bgArea div.inner03 figure {
	float:none;
	margin-top:10px;
	width:100%;
}

section.bgArea div.inner03 figure {
	text-align:center;
}

section.bgArea div.inner03 dd.arrowList { margin-top:10px; }

section.bgArea div.inner04 dt,
section.bgArea div.inner03 dt,
section.bgArea02 h3,
section.bgArea h3 {
	padding-bottom:10px;
	font-size:14px; 
}

section.bgArea h3 span { font-size:12px; }

table.type01 { width:100%; }
table.type01 th {
	display:block;
	padding:5px 0 0px 0;
	width:100%;
	vertical-align:top;
	border-bottom:1px solid #ddd;
}

table.type01 td {
	display:block;
	padding:5px 0;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
					box-sizing: border-box;
}

table.type01 ul.innerList li {
	display:block;
	width:100%;
}

ol.numList { margin-bottom:10px; }
ol.numList li { padding-left:25px; line-height:2; }
ol.numList li:nth-child(1) { background:url(../images/_common/ico_num_001.png) no-repeat left 50%; }
ol.numList li:nth-child(2) { background:url(../images/_common/ico_num_002.png) no-repeat left 50%; }
ol.numList li:nth-child(3) { background:url(../images/_common/ico_num_003.png) no-repeat left 50%; }
ol.numList li:nth-child(4) { background:url(../images/_common/ico_num_004.png) no-repeat left 50%; }
ol.numList li:nth-child(5) { background:url(../images/_common/ico_num_005.png) no-repeat left 50%; }
ol.numList li:nth-child(6) { background:url(../images/_common/ico_num_006.png) no-repeat left 50%; }
ol.numList li:nth-child(7) { background:url(../images/_common/ico_num_007.png) no-repeat left 50%; }
ol.numList li:nth-child(8) { background:url(../images/_common/ico_num_008.png) no-repeat left 50%; }
ol.numList li:nth-child(9) { background:url(../images/_common/ico_num_009.png) no-repeat left 50%; }

table.formTable {
	margin-bottom:10px;
	width:100%;
	border-bottom:1px solid #ddd;
}

table.formTable th {
	display:block;
	padding:10px 10px 5px 10px;
	border-bottom:none;
}

table.formTable td {
	display:block;
	padding:10px 10px 5px 10px;
	border-bottom:none;
}

.t001 {	width:60%; margin-bottom:5px; }
.t002 {	width:80%; margin-bottom:5px; }
.t003 {	width:20%; margin-bottom:5px; }
.t004 {	width:20%; margin-bottom:5px; }
.area001 { 
	width:98%;
	height:150px;
}

ul.formBtnArea li { padding-bottom:10px; }

ul.formBtnArea li.btn input {
	padding:10px;
	font-size:14px;
	width:50%;
}

ul.pageBtn li a {
	padding:10px;
	padding-top:55px;
	font-size:16px;
	border:2px solid #3ca787;
	background:#e1f3ee;
	border-radius:5px;
	text-align:center;
	line-height:1;
}

ul.pageBtn li a span { font-size:12px; }

ul.pageBtn li a:hover {
	color:#fff;
	background:#3ca787;
	text-decoration:none;
}

ul.pageBtn li.icoType02 a { background:url(../images/_common/ico_type_002.png) no-repeat center 15px #e1f3ee; background-size:32px 32px; }
ul.pageBtn li.icoType02 a:hover {	background:url(../images/_common/ico_type_002.png) no-repeat center 15px #3ca787; background-size:32px 32px; }


/* =mainArea
---------------------------------------- */
div#screenArea { padding:0px; }
div.innerTop { padding:0px; }

/* =top
---------------------------------------- */
div#topTtl { margin-bottom:10px; }

div#topTtl h2 {
	color:#fff;
	padding:15px 0;
	font-size:14px;
}

div#topTtl h2 span {
	padding:20px 0 20px 40px;
	background-size:32px;
}

.topLead {
	padding-bottom:10px;
	text-align:left;
}

ul.topList li {
	float:none;
	margin:0px 0px 10px 0;
	width:100%;
}

ul.topList li div.topListInner {
	padding:10px 0;
	border:2px solid #fff;
}

ul.topList figure,
ul.topList dl {
	margin:0 auto;
	width:95%;
}

ul.topList figure { margin-bottom:5px;} 
ul.topList figure img { width:100%; }

ul.topList li dl {
	margin-bottom:10px;
	background:url(../images/_common/bgi_dot.png) repeat-x left bottom;
}

ul.topList li dt { padding-bottom:3px; }

ul.topList li dd {
	padding:0 0 5px 15px;
	background:url(../images/top/ico_arrow.gif) no-repeat left 5px;
	background-size:10px 10px;
}

ul.topList li dd a {
	font-size:14px;
	line-height:14px;
}

ul.topList ul.innerUl { margin-left:10px; }

ul.topList ul.innerUl li {
	margin:0;
	font-size:11px;
	padding-left:10px;
	border:none;
	width:100%;
}

ul.topList ul.innerUl li:nth-child(2) {	width:100%; }

.tLine { padding-bottom:0px; }

div.topicBox {
	margin:0 auto 10px auto;
	padding:10px;
	width: 95%;
}

div.topicBox h3 {
	margin-bottom:10px;
	padding:55px 0 5px 0;
	font-size:16px;
}

div.topicBox h3.type01 { background:url(../images/top/ico_001.gif) no-repeat center 15px #3ca787;	background-size:32px; }
div.topicBox h3.type02 { background:url(../images/top/ico_002.gif) no-repeat center 15px #3ca787; background-size:32px; }

div.topicBox div.detailArea {
	margin:0 5px;
	background:url(../images/top/bgi_dot.png) repeat-x left bottom;
}

div.topicBox div.detailArea p {
	float:right;
	margin-bottom:5px;
	padding-left:20px;
	background:url(../images/_common/ico_detail.png) no-repeat left 50%;
}

div.topicBox div.detailArea { margin-bottom:10px; }

div.tLeft { float:none; }
div.tRight { float:none; }

div.topicBox table {
	clear:both;
	margin:0 10px 13px 10px;
	width:100%;
}

div.topicBox table th {
	width:20%;
	padding:3px 5px 3px 10px;
	background:url(../images/_common/ico_arrow.png) no-repeat left 50%;
	font-size:10px;
}

div.topicBox table td { padding:3px 0; font-size:10px;}

div.topicBox ul.newsList {
	clear:both;
	margin:0 0 0px 20px;
}

div.topicBox ul.newsList li {
	padding-left:10px;
	font-size:10px;
	background:url(../images/_common/ico_arrow.png) no-repeat left 50%;
}

div.topicBox ul.bnrList { margin-left:10px; display:none; }
div.topicBox ul.bnrList li {
	display:block;
	margin-bottom:10px;
	text-align:center;
}

div.topicBox ul.bnrList li img { width:50%; }

/*****************************************
=about
**************************************** */
section.bgArea div.txtArea {
	float:none;
	margin-bottom:10px;
	width:100%;
}

figure.mapImg img {	width:100%; }

section.bgArea figure.picR {
	float:none;
	width:100%;
	margin-bottom:10px;
}

section.bgArea figure.picR img { width:100%; }

figure.detailPic img { width:100%; }

/*****************************************
=advice
**************************************** */
div#ttlAreaType03 {
	height:auto;
	background:none;
	background:#3ca787;
}

div#ttlAreaType03 h2 {
	padding:15px 10px;
	color:#fff;
	font-size:12px;
	text-align:left;
}

div#ttlAreaType03 h2 span { font-size:12px; }

section.bgArea div.inner04 div.adBox dl {
	float:none;
	width:100%!important;
}

section.bgArea div.inner04 div.adBox figure {
	display:none;
}

div.linkBox { 
	clear:both;
	margin-bottom:30px;
}

div.linkBox a {
	padding:10px;
	width:80%;
}

div.linkBox a:hover {
	text-decoration:none;
	background:#3ca787;
}

div.linkBox a dt {
	padding-top:40px;
	background:url(../images/_common/ico_type_003.png) no-repeat center top;
	background-size:32px 32px;
}

div.linkBox a dt { font-size:12px; }

div.linkBox a dt,
div.linkBox a dd { color:#3ca787; line-height:1.2; }

div.linkBox a:hover dt,
div.linkBox a:hover dd { color:#fff; }


/*****************************************
=nishisuna
**************************************** */
div#ttlAreaType01 {
	height:auto;
	background:none;
	background:#3ca787;
}

div#ttlAreaType01 h2 {
	padding:15px 10px;
	color:#fff;
	font-size:12px;
	text-align:left;
}

/* =about
---------------------------------------- */
table.flowTable {	margin-bottom:10px;	 }

table.flowTable th {
	display:block;
	width:100%;
	padding:1px 10px 1px 25px;
	font-size:12px;
	white-space:nowrap;
}

table.flowTable td {
	display:block;
	width:100%;
	margin-bottom:10px;
}

table.flowTable th.num01 { background:url(../images/_common/ico_num_001.png) no-repeat left 50%; }
table.flowTable th.num02 { background:url(../images/_common/ico_num_002.png) no-repeat left 50%; }
table.flowTable th.num03 { background:url(../images/_common/ico_num_003.png) no-repeat left 50%; }
table.flowTable th.num04 { background:url(../images/_common/ico_num_004.png) no-repeat left 50%; }
table.flowTable th.num05 { background:url(../images/_common/ico_num_005.png) no-repeat left 50%; }
table.flowTable th.num06 { background:url(../images/_common/ico_num_006.png) no-repeat left 50%; }
table.flowTable th.num07 { background:url(../images/_common/ico_num_007.png) no-repeat left 50%; }
table.flowTable th.num08 { background:url(../images/_common/ico_num_008.png) no-repeat left 50%; }

div.iconBox {
	padding:15px;
	border:2px solid #3ca787;
	background:#e1f3ee;
	border-radius:5px;
}

div.iconBox p {
	padding-top:45px;
	color:#3ca787;
	font-size:14px;
	text-align:center;
	line-height:1.4;
	background:url(../images/_common/ico_type_001.png) no-repeat center top;
	background-size:32px 32px;
}

div.iconBox span.fS {	font-size:18px!important; }
div.iconBox span { font-size:12px; }

/* =life
---------------------------------------- */
ul.lifeList { margin:0 0 15px 0px; }

ul.lifeList li {
	float:none;
	margin:0 auto 10px auto;
	width:95%;
	padding:3px;
}

ul.lifeList li:nth-child(even){ 
	margin:0 auto 10px auto;
	width:95%;
}

ul.lifeList dl {
	padding:15px 20px;
	background:#e1f3ee;
}

ul.lifeList dt { margin-bottom:10px; text-align:center; }
ul.lifeList dt img { width:100%; }

ul.lifeList dd.ttl {
	margin-bottom:10px;
	font-size:14px;
	line-height:14px;
}

ul.lifeList dd.ttl img { margin-right:5px; }

ul.lifeList dd.arrowList {
	margin-top:15px;
	padding-left:10px;
	background:url(../images/_common/ico_arrow.png) no-repeat left 50%;
}

/* =mitori
---------------------------------------- */
section.bgArea div.inner04 div.doctorMessage dl {
	float:none;
	width:100%;
	margin-bottom:10px;
}

section.bgArea div.inner04 div.doctorMessage figure {
	display:none;
	float:none;
	width:100%;
}

.mitoriPage .bgArea02 figure img,
section.bgArea div.inner04 div.doctorMessage figure img {	width:100%; }

.bgArea02 div.leadArea {
	float:none;
	margin-bottom:10px;
	width:100%;
}

.bgArea02 div.leadArea ul.arrowList { margin-top:10px; }

.mitoriPage .bgArea02 figure {
	float:none;
	width:100%;
}

/*****************************************
=karin
**************************************** */
div#ttlAreaType02 {
	height:auto;
	background:none;
	background:#3ca787;
}

div#ttlAreaType02 h2 {
	padding:15px 10px;
	color:#fff;
	font-size:12px;
	text-align:left;
}

ul.leadList { margin:10px 0 0 0; }

ul.leadList li {
	font-size:12px;
}

ul.postList { margin-bottom:15px; }
ul.postList:after { 
	content:"";
	clear:both;
	display:block;
}

ul.postList li a {
	display:block;
	float:none;
	margin:0 auto 10px auto;
	padding:10px 15px;
	width:95%;
}

ul.postList li:nth-child(3n) a { 
	display:block;
	float:none;
	margin:0 auto 10px auto;
	padding:10px 15px;
	width:95%;
}

ul.postList li a:hover { 
	text-decoration:none; 
	opacity:0.70;
	filter:alpha(opacity=70);
}

ul.postList li a dl {
	margin:0 auto;
	width:100%;
}

ul.postList li a dt img {
	width:100%;
}

ul.postList dd.ttl {
	padding:10px 0;
	color:#3ca787;
	font-size:18px;
}

.postWrap ul.arrowList li {
	float:right;
	margin:0 10px 10px 0;
}

.outTtl {
	margin-bottom:10px;
	padding-left:20px;
	font-size:14px;
}

ul.leadList li {
	font-size:12px;
}

/*****************************************
=philosophy
**************************************** */
div.gBox {
	margin-bottom:10px;
	padding:15px;
}

div.gBox h4 {
	padding-bottom:5px;
	font-size:14px;
}

div.gBox h4.phIco {
	padding-top:40px;
	background:url(../images/philosophy/ico_001.gif) no-repeat center top;
	background-size:32px;
}

div.gBox p,
div.gBox li {
	color:#3ca787;
	line-height:2;
}

.philosopyPage div.gBox ol { margin-left:10px; }


/*****************************************
=recruit
**************************************** */
.detailLink a {
	padding-left:20px;
	font-size:12px;
	background:url(../images/_common/ico_detail.png) no-repeat left 50%;
}

.recruitPage div.gBox { padding:10px; }

.recruitPage div.gBox dl { margin-bottom:10px; }
.recruitPage div.gBox dt {
	float:none;
	margin:0 10px 10px 0;
	width:100%;
}

.recruitPage div.gBox dt img { width:100%; }

.recruitPage div.gBox dd {
	float:none;
	padding-top:10px;
	font-size:16px;
	width:100%;
	line-height:1.4;
}

.recruitPage div.gBox dd span { font-size:12px; }
.recruitPage div.gBox p {
	clear:both;
	float:none;
	width:100%;
}

.recruitPage div.gBox figure {
	display:none;
}

ul.contactList { width:100%; }
ul.contactList li {
	margin-bottom:10px;
	padding:5px;
	width:100%;
}

ul.contactList li:nth-child(odd) { float:none; }
ul.contactList li:nth-child(even) { float:none; }