@charset "utf-8";
/* ======================================================

	structure CSS

========================================================= */


/* ======================================================

	body

========================================================= */
body {
	color:#434343;
	font-size:18px;
	line-height:22.5px;
	line-height:2.25rem;/*150%*/
	min-width: 1200px;
	}

.container{
	width:100%;
	min-width:960px;}

@media screen and (max-width: 768px) {
	body{
		min-width:100%;
		word-wrap:break-word;
		font-size:16px;}

	.container{
		min-width:100%;}

}


/* ======================================================

	header

========================================================= */
.header{
	width:100%;
	background-color: #0c66ba;
	position:fixed;
	z-index: 200;
}

.headerArea{
	margin:0 auto;
	width:1200px;
	height: 60px;
	}

.h_logo{
	padding-top:11px;
	}

.h_logo a:hover{
	opacity:0.7;}

.h_info{
	float:right;
	font-size:14px;}

.h_info li{
	display:inline-block;
	vertical-align:middle;}

.h_info a{
	color:#333;
	text-decoration:none;}

.h_info a:hover{
	opacity:0.7;}

/* clear */
.headerArea:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}
	


@media screen and (max-width:768px){
	.header{
		position: static;}
		
	.headerArea{
		width:100%;
		height:auto;}

	.h_logo{
		float:none;
		margin-bottom:10px;
		text-align:center;}

	.h_info{
		float:none;
		text-align:center;}

}

@media screen and (max-width: 599px) {
	.h_info li{
		display:block;
		margin-bottom:5px;}

}

@media screen and (max-width: 380px) {
	.h_logo img{
		width:100%;}
}

/* ======================================================

	gnav

========================================================= */
.gnav{
	height: 100px;
	position:fixed;
	left: 0;
	right: 0;
	top: 60px;
	z-index: 200;
}

.gnav ul{
	margin:0 auto;
	width:1200px;
	background-color:#fff;
	display:table;
	}

.gnav ul li {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.gnav ul li:last-child {
	text-align:right;
}

.gnav ul li span {
	display: block;
	text-align:center;
	color:#0c66ba;
	font-size:1.4rem;
}

.gnav ul li a{
	color:#282828;
	text-decoration:none;
	font-size:1.6rem;
}

.gnav ul li a:hover {
	color:#999;
}
	


/* clear */
.gnav ul:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

@media screen and (max-width:768px){
	.gnav ul{
		margin:0 auto;
		width:100%;}

	.sp_gnavArea{
		background-color:#0c66ba;}

	.sp_gnav_btn{
		width:auto;
		padding:5px 5px;
		text-align:right;}

	.sp_gnav {
		display:none;
		z-index:100;
		margin-bottom:0;
		background-color:#fff;}

	.sp_gnav li{
		position:relative;
		font-size:16px;
	}
	
	.sp_gnav li::before {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #0c66ba;
		border-right: solid 1px #0c66ba;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		left: 5px;
		margin-top: -4px;
	}
		
	.sp_gnav li a {
		display:block;
		padding:10px 10px 10px 20px;
		border-bottom:1px solid #ccc;
		color: #0164bf;
		text-decoration:none;}

	.sp_gnav li a:hover{
		opacity:0.7;}
}


/* ======================================================

	mv

========================================================= */
.top_mvArea{
	margin:0 auto 0;
	position:relative;
	background:url(images/top_mv.jpg) no-repeat top 58px center;
	background-size:cover;
	height:898px;
}

.top_mvArea ul {
	position:absolute;
	left:0;
	right:0;
	top:28%;
}

.top_mvArea ul li {
	margin:0 auto 40px;
}

.top_mvArea ul li .top_bnrRecruit {
	width: 85%;
	max-width: 440px;
}

.top_mvArea ul li a:hover img {
	opacity:0.7;
}

.top_mvArea ul li:last-child {
	margin:0 auto;
}

.top_mvArea ul li img{
	margin: 0 auto;
	display: block;
}

	
.top_mvArea ul p{
	color:#fff;
	text-align:center;
	font-size:2.4rem;
	line-height:1.6em;
}
	

.sub_mvArea{}

@media screen and (max-width:768px){
	.top_mvArea {
		height:auto;
		background: url(images/top_mv.jpg) no-repeat center center;
		background-size:cover;
	}
	
	.top_mvArea ul {
		position: static;
		padding: 10px;
		margin: 0 0 10px 0;
	}
	
	.top_mvArea ul li {
		margin: 0 auto 1.2em;
	}
	
	.top_mvArea ul li img {
		width: 50%;
	}
	
	.top_mvArea ul p {
		font-size: 1.6rem;
		line-height:1.4em;
	}
}


/* ======================================================

	contents

========================================================= */
.contents{
	margin:0 auto;
	}

.contents_inner{
	margin:0 auto;
	width:1200px;}
	
.top_more {
	position:relative;
	width:200px;
	padding:10px;
	border:solid 2px #0c66ba;
	margin:30px 0 0;
	background-color:#fff;
	color:#0c66ba;
	font-size:1.6rem;
	text-align:center;
	float:right;
	}
	
.top_more::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #0c66ba;
	border-right: solid 1px #0c66ba;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -4px;
}
	
.top_more:hover {
	background-color:#0c66ba;
	color:#fff;}
	
.top_more:hover::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -4px;
}
	
.top_more a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;
	}
	


@media screen and (max-width:768px){
	.contents{
		padding:0 10px;
		width:100%;}

	.contents_inner{
		padding:0 10px;
		width:100%;}
	
	.top_more {
		padding: 5px;
		margin: 0;
	}

}

/* feature
========================================== */
.top_feature_wrap {
	background:url(images/top_feature_backImg.jpg) no-repeat center center;
	background-size: cover;
	margin: 0 0 60px 0;
	overflow: hidden;
	}
	
.top_feature_inn {
	width:1200px;
	margin:0 auto;
	padding:60px 0;
	overflow:hidden;
	}
	
.top_feature_white {
	background-color: rgba(255,255,255,0.7);
	height:300px;
	padding: 20px;
	}
	
.top_ttl_01 {
	position:relative;
	margin:0 0 40px 0;
	}
	
.top_ttl_01 span {
	color:#0c66ba;
	font-size:2.4rem;
	font-weight:normal;
	position:absolute;
	right:0;
	}
	
.top_ttl_01 span::after {
	content:'';
	border-bottom:1px solid #0c66ba;
	width:150px;
	position: absolute;
	top: 10px;
	left: -180px;
}
	
.top_list_left,
.top_list_right {
	width:545px;
}

.top_list_left li,
.top_list_right li {
	margin: 0 0 14px 0;
	position: relative;
	padding-left: 40px;
	line-height: 1.4em;
}

.top_list_left li:last-child,
.top_list_right li:last-child {
	margin:0 0 0 0;
}

.top_list_left {
	float:left;
}
	
.top_list_right {
	float:right;
}
	
.top_feature_wrap .top_list_left li:nth-child(odd)::before,
.top_feature_wrap .top_list_right li:nth-child(even)::before {
	content:url(images/top_list_left_icon.png);
	position:absolute;
	top:0;
	left:0
}

.top_feature_wrap .top_list_left li:nth-child(even)::before,
.top_feature_wrap .top_list_right li:nth-child(odd)::before {
	content:url(images/top_list_right_icon.png);
	position:absolute;
	top:0;
	left:0;
}

@media screen and (max-width:768px){
	.top_feature_wrap {
		background: none;
		margin: 0 0 30px 0;
	}

	.top_feature_inn {
		width: 100%;
		padding: 0;
	}
	
	.top_ttl_01 {
		margin: 0 0 15px 0;
		font-size:1.8rem;
		color: #0c66ba;
		border-bottom:1px solid #0c66ba;
	}
	
	.top_ttl_01 img {
		width:120px;
	}
	
	.top_feature_white {
		background-color: unset;
		height: auto;
		padding: 0;
	}
	
	.top_ttl_01 span {
		font-size: 1.6rem;
	}
	
	.top_ttl_01 span::after {
		content: normal;
	}
	
	.top_list_left, .top_list_right {
		float: none;
	}
	
	
	.top_list_left, .top_list_right {
		width: 100%;
	}
	
	.top_list_left li:last-child {
		margin:0 0 20px 0;
	}
	
	.top_list_left li,
	.top_list_right li {
		padding-left: 25px;
	}

	.top_feature_wrap .top_list_left li:nth-child(odd)::before,
	.top_feature_wrap .top_list_right li:nth-child(even)::before {
		content:url(images/top_list_left_icon_sp.png);
		top:5px;
	}
	
	.top_feature_wrap .top_list_left li:nth-child(even)::before,
	.top_feature_wrap .top_list_right li:nth-child(odd)::before {
		content:url(images/top_list_right_icon_sp.png);
		top:5px;
	}
}

/* flow
========================================== */
.top_flow_wrap {
	width:1200px;
	margin:0 auto 60px;
	overflow: hidden;
	}
	
.top_flow_slider_box {
	overflow:hidden;
	display:table;
}

.top_flow_leftbox {
	display:table-cell;
	vertical-align:middle;
	width:500px;
	height:400px;
	text-align:center;
	line-height:2em;
	position:relative;
}

.top_flow_leftbox::after {
	content:url(images/top_flow_leftbox_line.png);
	position:absolute;
	top:0;
	right:20px;
}	

.top_flow_slider_box dt {
	font-size:3.6rem;
	font-weight:bold;
}

.top_flow_slider_box dd h3 {
	font-size:3.6rem;
	color:#0c66ba;
	margin:0 0 20px 0;
}

.top_flow_slider_box dd p {
	font-size: 2.0rem;
	line-height: 1.4em;
}

.top_flow_rightbox {
	display:table-cell;
	vertical-align:middle;
	width:50%;
}

.top_flow_icon01 {
	background: url(images/flow_icon01.png) no-repeat center left 160px;
	padding: 12px 0;
	margin: 0 0 8px 50px;
	}
	
.top_flow_icon02 {
	background: url(images/flow_icon02.png) no-repeat center left 145px;
	padding: 12px 0;
	margin: 0 0 8px 60px;
	}
	
.top_flow_icon03 {
	background: url(images/flow_icon03.png) no-repeat center left 145px;
	padding: 12px 0;
	margin: 0 0 8px 60px;
	}
	
.top_flow_icon04 {
	background: url(images/flow_icon04.png) no-repeat center left 145px;
	padding: 12px 0;
	margin: 0 0 8px 60px;
	}

.top_flow_icon05 {
	background: url(images/flow_icon05.png) no-repeat center left 145px;
	padding: 12px 0;
	margin: 0 0 8px 60px;
	}
	
.top_flow_icon06 {
	background: url(images/flow_icon06.png) no-repeat center left 145px;
	padding: 12px 0;
	margin: 0 0 8px 60px;
	}
	

@media screen and (max-width:768px){
	.top_flow_wrap {
		width: 100%;
		margin:0 auto 30px;
	}
	
	.top_flow_sp_wrap li {
		margin:0 0 30px 0;
		position:relative;
		border: 1px solid #f0d278;
		padding:5px;
	}
	
	.top_flow_sp_wrap li:last-child {
		margin:0;
		}
	
	.top_flow_sp_wrap li::after {
		content:'';
		position: absolute;
		bottom:-20px;
		left:50%;
		margin:0 0 0 -20px;
		width:0;
		height:0;
		border-right:20px solid transparent;
		border-top:20px solid #f0d277;
		border-left:20px solid transparent;}
	
	.top_flow_slider_box dd h3 {
		font-size: 1.4rem;
		margin: 0 0 5px 0;
		text-align: left;
	}
	
	.top_flow_slider_box dd p {
		font-size: 1.4rem;
		line-height: 1.2em;
		text-align: left;
	}
	
	.top_flow_slider_box dt {
		font-size: 1.4rem;
		font-weight: normal;
		margin: 0 0 5px 0;
		text-align: left;
	}
	
	.top_flow_leftbox::after {
		content:normal;
	}
	
	.top_flow_leftbox {
		width: 50%;
		height: auto;
		line-height: 1em;
		padding: 0 5px;
	}
	
	.top_flow_slider_box img {
		width:100%;
		}
}

@media screen and (max-width: 599px) {
	.top_flow_slider_box dd h3 {
			line-height:1em;
			font-weight: normal;
		}
}


/* talented_people
========================================== */
.top_talented_people_wrap {
	background-color:#e4eef8;
	margin: 0 auto 60px;
	overflow: hidden;
	}

.talented_people_ttl {
	color:#e2e2e2;
	font-size:2.4rem;
	width:600px;
	background-color:#0c66ba;
	text-align:center;
	padding:15px;
	font-weight:normal;
	}

.top_talented_people_wrap .top_list_left li::before,
.top_talented_people_wrap .top_list_right li::before {
	counter-increment: number;
	content: counter(number)".";
	position:absolute;
	top:0;
	left:0;
	color:#0c66ba;
}

.top_talented_people_wrap .top_list_right li:last-child::before {
	counter-increment: number;
	content: counter(number)".";
	position:absolute;
	top:0;
	left:-10px;
	color:#0c66ba;
}

.top_talented_people_wrap .top_list_left li,
.top_talented_people_wrap .top_list_right li {
	margin:0 0 20px 0;
	position:relative;
	padding-left:30px;
}


.top_talented_people_white {
	background-color:#fff;
	counter-reset: number;
	height: 330px;
	padding: 30px;
	font-size: 2.0rem;
	line-height: 1.4em;
	box-shadow: 0 0 0 1px #0c66ba inset,0 0 0 5px #fff inset,0 0 0 6px #0c66ba inset;
}

@media screen and (max-width:768px){
	.top_talented_people_wrap {
		background-color: inherit;
		margin:0 0 30px 0;
	}
	
	.top_talented_people_white {
		height: auto;
		padding: 20px;
		font-size: 1.6rem;
		line-height: 1.4em;
	}
	
	.top_talented_people_wrap .top_list_left li,
	.top_talented_people_wrap .top_list_right li {
		margin: 0 0 10px 0;
	}
	
	.talented_people_ttl {
		font-size: 1.8rem;
		width: 100%;
		padding: 10px;
	}
}

/* introduction
========================================== */
.top_introduction_wrap {
	width: 1200px;
	margin: 0 auto 60px;
	overflow: hidden;
	}
	
.top_introduction_wrap .imageAndText .textBlock {
	width:44%;
	line-height:1.8em;
	font-size:2.0rem;
	}
	
.top_introduction_wrap .imageAndText .textBlock span {
	display:block;
	text-align:right;
	margin:20px 0 0 0;
	line-height:1.6em;
}
.bule_txt{
	color: #1668B5;
	text-align: left!important;
	line-height:0em!important;}

@media screen and (max-width:768px){
	.top_introduction_wrap {
		width:100%;
		margin: 0 auto 30px;
	}
	
	.top_introduction_wrap .imageAndText .textBlock {
		width: 68%;
		line-height: 1.6em;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 599px) {
	.top_introduction_wrap .imageAndText .textBlock {
		width: 100%;
	}
}


/* recruitment
========================================== */
.top_recruitment_wrap {
	background-color:#e4eef8;
	margin: 0 auto 60px;
	overflow: hidden;
	}

.top_recruitment_wrap .table_type01 {
	width:100%;
	border-collapse: separate;
	border-spacing: 3px;
	position:relative;
}

.top_recruitment_wrap .table_type01::before {
	content:"";
	border-top:10px solid #6594c0;
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	top:-4px;
	margin:0 3px;
}

.top_recruitment_wrap .table_type01 th , 
.top_recruitment_wrap .table_type01 td {
	text-align:left;
	vertical-align:middle;
	padding:20px;
	font-size: 2.0rem;
}

.top_recruitment_wrap .table_type01 th {
	background-color:#0c66ba;
	color:#fff;
	font-weight:normal;
	width: 400px;
}

.top_recruitment_wrap .table_type01 td {
	background-color:#fff;
	line-height: 1.4em;
}

.top_txt_red {
	color:#FF0004;
}

@media screen and (max-width:768px){
	.top_recruitment_wrap {
		background-color: inherit;
		margin: 0 auto 30px;
	}
	
	.top_recruitment_wrap .table_type01 th , 
	.top_recruitment_wrap .table_type01 td {
		padding:10px;
		font-size: 1.6rem;
	}
	
	.top_recruitment_wrap .table_type01 th {
		width: 30%;
	}
	
	.top_recruitment_wrap .table_type01 td {
		background-color: #f3f3f3;
	}
}

@media screen and (max-width: 599px) {
	.top_recruitment_wrap .table_type01 th {
		width: 100%;
	}
	
	.top_recruitment_wrap .table_type01::before {
		border-top: 5px solid #6594c0;
		top: -5px;
		margin: 0;
	}
}

/* system
========================================== */
.top_system_wrap {
	width: 1200px;
	margin: 0 auto 60px;
	overflow: hidden;
	}
	
.top_system_list {
	overflow:hidden;
}

.top_system_list li {
	float:left;
	width:300px;
	height:300px;
	text-align:center;
	border:2px solid #0c66ba;
	box-sizing:border-box;
}

.top_system_list li {
	border-right:none;
}

.top_system_list dl {
	margin:52px 0 0 0;
	}

.top_system_list li:last-child {
	border-right:2px solid #0c66ba;
}

.top_system_list li dl dt {
	color:#0c66ba;
	font-size:2.4rem;
	margin:0 0 20px 0;
}

.top_system_list li dl dd p {
	font-size:1.6rem;
	height: 60px;
}

.top_system_list li dl dd img {
	margin:0 0 20px 0;
}

@media screen and (max-width:768px){
	.top_system_wrap {
		width: 100%;
		margin: 0 auto 30px;
	}
	
	.top_system_list li {
		width: 50%;
		height: 200px;
		padding: 10px;
	}
	
	.top_system_list li:nth-child(2) {
		border-right:2px solid #0c66ba;
		border-bottom: none;
	}
	
	.top_system_list li:first-child {
		border-bottom: none;
	}
	
	.top_system_list dl {
		margin: 0;
	}
	
	.top_system_list li dl dt {
		font-size: 1.6rem;
		margin: 0 0 10px 0;
	}
	
	.top_system_list li dl dd img {
		margin: 0 0 10px 0;
	}
	
	.top_system_list li dl dd p {
		font-size: 1.6rem;
		height: auto;
	}
	
	
}

@media screen and (max-width: 599px) {
	.top_system_list li {
		width: 100%;
		height: auto;
		border: 2px solid #0c66ba;
	}
	
	.top_system_list li:last-child {
		border-top: none;
	}
}

/* entry
========================================== */
.top_entry_wrap {
	background-color: #fff8db;
	padding-bottom: 50px;
	margin:0 auto 60px;
	overflow: hidden;
}

.top_entry_wrap .table_type01 {
	width:100%;
	border-collapse: separate;
	border-spacing: 3px;
	position:relative;
}

.top_entry_wrap .table_type01::before {
	content:"";
	border-top:10px solid #f78132;
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	top:-4px;
	margin:0 3px;
}

.top_entry_wrap .table_type01 th , 
.top_entry_wrap .table_type01 td {
	text-align:left;
	vertical-align:middle;
	padding:20px;
	font-size: 2.0rem;
}

.top_entry_wrap .table_type01 th {
	background-color:#f3bf30;
	color:#fff;
	font-weight:normal;
	width: 400px;
}

.top_entry_wrap .table_type01 td {
	background-color:#fff;
	line-height: 1.4em;
}

.top_entry_wrap p {
	margin: 0 0 20px 0;
	font-size: 1.4rem;
	line-height: 1.4em;
	text-align: center;
}

/* entry_complete */
.entry_complete_wrap {
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
}
.entry_complete {
	padding-top: 160px;
}
.entry_complete p {
	padding: 100px 0 150px;
}

@media screen and (max-width:768px){
	.top_entry_wrap {
		background-color: inherit;
		margin: 0 auto 30px;
		padding-bottom: 0;
	}
	
	.entry_complete {
		padding-top: 30px;
	}
	.entry_complete p {
		padding: 30px 0 50px;
	}
}
	
/* news
========================================== */
.top_newsArea{}

.top_news_list{
	margin-bottom:30px;}

.top_news_list dl{
	border-bottom:1px solid #ccc;}

.top_news_list dt,
.top_news_list dd{
	display:table-cell;
	vertical-align:top;
	padding:10px;}

.top_news_list dt{
	width:100px;}

.top_news_list dd a{
	color:#333;
	text-decoration:none;}

.top_news_list dd a:hover{
	opacity:0.7;}

@media screen and (max-width:768px){
	.top_news_list dt,
	.top_news_list dd{
		display:block;
		width:100%;}

	.top_news_list dt{
		padding:10px 10px 0 10px;}

}

/* Clinic Information
========================================== */
.clinic_information_wrap {
	overflow:hidden;
	margin: 0 0 20px 0;
	}
	
.clinic_information_wrap p {
	font-size:1.6rem;
	}
.clinic_information_wrap dl {
	overflow:hidden;
	}
	
.clinic_information_wrap dl dt {
	font-size: 2.4rem;
	margin: 0 0 20px 0;
	padding: 0.25em 0.5em;
	background: transparent;
	border-left: solid 5px #6594c0;
}

.clinic_information_wrap dl dd {
	margin: 0 0 10px 0;
	font-size: 1.6rem;
}

.clinic_information_box_left {
	float:left;
	width:48%;
	}
	
.clinic_information_box_right {
	float:right;
	width:48%;
	}

.clinic_information_tel a {
	text-decoration:none;
	color: #434343;
}

.clinic_information_web_reserve {
	padding: 10px;
	background-color: #0c65ba;
	color: #fff;
	border-radius: 5px;
	position:relative;
	text-align:center;
}

.clinic_information_web_reserve:hover {
	opacity:0.7;
}

.clinic_information_web_reserve a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;
}

.clinic_information_box_inn {
	overflow:hidden;
	height: 220px;
	}

.clinic_information_box_inn_left {
	float:left;
	width: 60%;
	}
	
.clinic_information_box_inn_right {
	float:right;
	}

/* googlemap */

.access_googlemap {
	position:relative;
	padding-bottom:56.25%;
	margin-bottom: 20px;
	height:0;
	overflow:hidden;
}

.access_googlemap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.clinic_information_txt {
	text-align:center;
	border:1px solid #f78132;
	padding:15px;
	border-radius: 5px;
	}

@media screen and (max-width:768px){
	.clinic_information_wrap {
		margin: 0 0 10px 0;
		}
	
	.clinic_information_box_left,
	.clinic_information_box_right {
		float:none;
		width:100%;
		}
		
	.clinic_information_box_left {
		margin:0 0 20px 0;
		}
		
	.clinic_information_wrap dl dt {
		font-size: 1.6rem;
		margin: 0 0 10px 0;
	}
	
	.clinic_information_box_inn {
		height: auto;
	}
	
	.clinic_information_box_inn_left {
		width: 50%;
	}
	
	.access_googlemap {
		margin-bottom: 10px;
	}
	
	.clinic_information_txt {
		padding: 10px;
	}

}

@media screen and (max-width: 599px) {
	.clinic_information_box_inn_left {
		float:none;
		width:100%;
		}
		
	.clinic_information_box_inn_right {
		float:none;
		width:100%;
		}
		
	.clinic_information_box_inn_right img {
		margin: 0 auto 10px;
		display: block;
	}
}

/* ==============================================

	anchor

================================================= */
.top_anchor {
	margin-top:-160px;
	padding-top:160px;
	}
	
.top_anchor02 {
	margin-top:-220px;
	padding-top:220px;
}
	
@media screen and (max-width:768px){
	.top_anchor,.top_anchor02 {
		margin-top:-10px;
		padding-top:10px;
		}
		
}



/* ======================================================

	footer

========================================================= */
#footer{
	width:100%;
	background-color:#525252;
	color:#fff;}

.footerArea{
	margin:0 auto;
	padding:30px 0 0;
	}

/* clear */
.footerArea:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

.f_logo{
	display:block;
	margin:0 auto 30px;
	}
	
.f_logo img {
	display:block;
	margin:0 auto;
	}
	
.f_logo dt{
	margin-bottom:15px;}

.f_logo dt a:hover{
	opacity:0.7;}

.f_logo dd{}

.f_tel{}

.fnav{
	display: table;
	margin: 0 auto 30px;
	}

.fnav li{
	display:table-cell;
	padding-left:15px;
	background:url(images/arrow_fnav.png) 0 5px no-repeat;
	font-size:14px;
	width:110px;
	}
	
.fnav li:nth-child(5){
	width:150px;
	}

.fnav li a{
	color:#fff;
	text-decoration:none;}

.fnav li a:hover{
	text-decoration:underline;}


@media screen and (max-width: 768px) {
	.footerArea{
		width:100%;
		padding: 10px 0 0;}

	.f_logo{
		float:none;
		padding:10px 10px;
		width:100%;
		text-align:center;
		margin: 0 auto 10px;}

	.fnav{
		width:100%;
		display: block;
		margin: 0 auto 10px;
		border-top:1px solid #fff;}

	.fnav li,
	.fnav li:nth-child(5){
		display: block;
		width: 100%;
		padding-left:15px;
		background:url(images/arrow_fnav.png) 10px 8px no-repeat;
		border-bottom:1px solid #fff;}

	.fnav li:last-child{
		margin-bottom:0;}
		
	.fnav li a{
		display:block;
		padding:5px 10px 5px 20px;
		min-height:25px;}

}

@media screen and (max-width: 380px) {
	.footerArea img{
		width:80%;}
}


/* ==============================================

	copyright

================================================= */
.copyright{
	clear:both;
	font-size:12px;
	text-align:center;
	padding-bottom: 5px;}


@media screen and (max-width: 768px) {

}

/* =======================================

	pageTop

========================================== */
#pageTop{
	position:fixed;
	right:30px;
	bottom:20px;
	z-index: 100;
	padding:20px 20px 17px 20px;
	background-color:rgba(1, 98, 191, 0.8);}

#pageTop:hover{
	opacity:0.7;}

@media screen and (max-width: 768px) {
	#pageTop {
		bottom:10px;
		right:10px;
		padding:15px 15px 12px 15px;}
}


/* =======================================

	topicPath

========================================== */
#topicPath{
	padding:4px 0 0 10px;
	min-height:20px;
	font-size:16px;}

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

#topicPath li a {
	color:#6B7B0F;}

#topicPath li a:hover{
	color:#A6BF70;}

#topicPath li:before {
	content: " > ";}

#topicPath li:first-child:before {
	content: none;}


@media screen and (max-width: 768px) {
	#topicPath{
		padding:13px 0 0 10px;
		min-height:20px;
		font-size:16px;}
}