@charset "UTF-8";
#container {
	text-align: center;
	width:100%;
	margin: 0px 0px 0px 0px;
	font-feature-settings: "palt";
}
.contentsBody {
	width: 1200px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	clear: both;
}
.contentsBody > h2 {
	margin: 0px auto 20px auto;
}
.contentsBody > h2 img {
	max-width: 240px;
}
.contentsBody > h3 {
	color:#333;
	font-size:32px;
	font-weight: 600;
	padding-bottom:12px;
	font-feature-settings: "palt";
	margin: 0px auto 15px auto;
	position: relative;
	display: inline-block;
}
.contentsBody > h3::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 border-bottom: 1px solid #333;
 width :50px;
 margin: 0 auto;
 }
.contentsBody > p {
	color:#333;
	font-size:16px;
	font-weight: 500;
	line-height: 180%;
	margin: 0px auto 30px auto;
}
.contents {
	margin: 30px 0px 0px 0px;
	clear: both;
}
p.cap {
	color:#333;
	font-size:12px;
	font-weight: normal;
	text-align: left;
	margin: 5px 0px 10px 0px;
}

#mainArea {
	width:100%;
	height: 700px;
	padding-top:60px;
	background:url(../images/main_bg.jpg);
	background-color: #333;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
#mainArea h1 {
	color:#fff;
	font-size:18px;
	line-height: 40px;
	text-align: center;
	width:100%;
	padding-top:0px;
	background: #000;
}
#mainArea h1 span {
	font-size:80%;
}
#mainArea #main {
	color:#fff;
	width:1200px;
	height: 600px;
	margin: 0px auto;
}

#navArea {
	width:100%;
	padding:30px 0px 0px 0px;
}
#navArea #nav_main li {
	float: left;
	list-style: none;
	text-align: center;
	margin-bottom: 30px;
}
#navArea #nav_main li.nav1 {
	width:420px;
	text-align: right;
}
#navArea #nav_main li.nav2 {
	width:360px;
}
#navArea #nav_main li.nav3 {
	width:420px;
	text-align: left;
}
#navArea #nav_main li.nav4 {
	width:50%;
	text-align: right;
	padding-right:20px;
}
#navArea #nav_main li.nav5 {
	width:50%;
	text-align: left;
	padding-left:20px;
}

#leadArea {
	color:#333;
	text-align: center;
	width:100%;
	min-width: 1200px;
	padding:30px 0px 30px 0px;
	background: #fff;
}
#leadArea h2 {
	color:#333;
	font-size: 32px;
	line-height: 150%;
	font-weight: bold;
	text-align: center;
	vertical-align: text-bottom;
	margin-bottom: 30px;
}
#leadArea h2 span {
	color:#cc282e;
	font-size:168%;
}
#leadArea p {
	font-size:16px;
	line-height: 180%;
	font-weight: 600;
	text-align: center;
}
.carnavi {
	width:1000px;
	background: #001540;
	margin: 0px auto 20px auto;
}
.contents .item {	
	display: inline-block;
	vertical-align: top;
}


#location {
	color:#000;
	text-align: center;
	padding: 20px 100px 20px 100px;
	margin: 20px auto;
	background:url(../images/bg_location.jpg);
	background-color: #def2f5;
	background-repeat:no-repeat;
	background-position:top center;
}
#location1 {
	margin: 0px auto 0px auto;
}
#location h4 {
	padding: 10px 0px 0px 0px;
}
#location .item p {
	color:#000;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}
#life1 {
	width: 320px;
	margin: 0px 0px 20px 0px;
}
#life2 {
	width: 320px;
	margin: 0px 10px 20px 10px;
}
#life3 {
	width: 320px;
	margin: 0px 0px 20px 0px;
}
#life4 {
	width: 320px;
	margin: 0px 0px 20px 0px;
}
#life5 {
	width: 320px;
	margin: 0px 10px 20px 10px;
}
#life6 {
	width: 320px;
	margin: 0px 0px 20px 0px;
}


#access {
	padding:20px 100px 60px 100px;
	margin: 20px auto;
	background:url(../images/bg_access.jpg);
	background-color: #ebf5de;
	background-repeat:no-repeat;
	background-position:top center;
}
#access > h3 span {
	color:#cc282e;
	font-size:131%;
}
#access > ul {
	margin: 0px 0px;
	color:#333;
	font-size: 12px;
	line-height: 150%;
	text-align: left;
	list-style: none;
}
#access > ul li {
	width: 480px;
	float: left;
	margin: 0px 10px 30px 10px;
}
#access .contents {
	background: #fbfdf8;
}
#access .contents > h3 {
	color:#fff;
	font-size: 20px;
	line-height: 60px;
	background: #50a135;
}

#access .contents .item {	
	display: inline-block;
	vertical-align: top;
	margin-top: 30px;
}
#access .contents .item p {	
	color:#333;
	font-size: 12px;
	line-height: 150%;
	text-align: left;
}
#access .contents .item p.time {	
	margin: 0px 0px 10px 0px;
}
#access1 {
	width: 300px;
	display: inline-block;
	margin: 0px 10px 30px 0px;
}
#access2 {
	width: 320px;
	display: inline-block;
	margin: 0px 10px 30px 10px;
	padding:0px 15px 0px 15px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
#access3 {
	width: 300px;
	display: inline-block;
	margin: 0px 0px 30px 10px;
}


#plan {
	padding:20px 100px 60px 100px;
	margin: 20px auto;
	background:url(../images/bg_plan.jpg);
	background-color: #f5ecdd;
	background-repeat:no-repeat;
	background-position:top center;
}
#plan p {
	color:#333;
	font-size: 16px;
	line-height: 180%;
	text-align: left;
	margin: 0px 0px 20px 0px;
}
#plan p.cap {
	color:#333;
	font-size: 12px;
	line-height: 150%;
	text-align: left;
	margin: 10px 0px 10px 0px;
}
#plan > p {
	color:#333;
	text-align: center;
}
#plan1 {
	text-align: center;
	padding:0px 0px;
	background: #fff;
}
#plan1 h3 {
	color:#fff;
	font-size: 36px;
	line-height: 150%;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

#plan2 {
	color:#333;
	text-align: center;
	padding:20px 0px;
	background: #fff;
}
#plan2 h3 {
	padding:0px;
	margin: 0px 10px 20px 0px;
}

#plan3 {
	padding:0px 0px 30px 0px;
	background: #fff;
}
#plan3 > h3 {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
	font-weight: 600;
    background: #50a135;
}

#plan3 .item {	
	display: inline-block;
	vertical-align: top;
}
#plan3 .item p {
	color:#333;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
#plan3 .item p.title {
	color:#009d8e;
	font-size: 24px;
	font-weight: 600;
	margin: 5px 0px 10px 0px;
}
#plan3 .item p.note {
	color:#333;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

#plan3 #item1 {
	width: 450px;
	margin: 30px 10px 30px 0px;
}
#plan3 #item2 {
	width: 450px;
	margin: 30px 0px 30px 10px;
}
#plan3 #item3 {
	width: 360px;
	margin: 0px 10px 30px 0px;
}
#plan3 #item4 {
	width: 260px;
	margin: 0px 10px 30px 10px;
}
#plan3 #item5 {
	width: 260px;
	margin: 0px 0px 30px 10px;
}


.cvArea {
	padding:30px 0px 20px 0px;
	margin: 20px auto;
}
.cvArea h2 {
	margin: 0px auto 30px auto;
}
.cvArea li {
	float: left;
	list-style: none;
	text-align: center;
	margin-bottom: 0px;
}
.cvArea li.cv1 {
	width:50%;
	text-align: right;
	padding-right:20px;
}
.cvArea li.cv2 {
	width:50%;
	text-align: left;
	padding-left:20px;
}

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



}



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

#container {
	text-align: center;
	width:100%;
	margin: 0px 0px 0px 0px;
}
.contentsBody {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	clear: both;
}

.contentsBody > h2 {
	margin: 0px auto 20px auto;
}
.contentsBody > h2 img {
	width:50% !important;
	height: auto !important;
}
.contentsBody > h3 {
	color:#333;
	font-size:24px;
	padding-bottom:20px;
	margin: 0px auto 30px auto;
	position: relative;
	display: inline-block;
}
.contentsBody > h3::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 border-bottom: 1px solid #333;
 width :50px;
 margin: 0 auto;
 }

#mainArea {
	width:100%;
	height: auto;
	padding-top:0px;
	background:url(../images/main_bg.jpg);
	background-color: #333;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
#mainArea h1 {
	color:#fff;
	font-size:16px;
}
#mainArea #main {
	width:100%;
	height: auto;
}
#mainArea #main img {
	width:100%;
	height: auto;
}

p.note {
	font-size: 10px;
	color:#333;
	text-align: left;
	padding:2px 2px 5px 2px;
}
#navArea {
	width:100%;
	padding:20px 0px 0px 0px;
}
#navArea img {
	width:100%;
	height: auto;
}
#navArea #nav_main li {
	float:none;
	list-style: none;
	text-align: center;
	margin: 0px auto 10px auto;
}
#navArea #nav_main li.nav1 {
	width:96%;
	height: auto;
	text-align: center;
}
#navArea #nav_main li.nav2 {
	width:96%;
	height: auto;
	text-align: center;
}
#navArea #nav_main li.nav3 {
	width:96%;
	height: auto;
	text-align: center;
}
#navArea #nav_main li.nav4 {
	text-align: center;
	width:50%;
	padding-right:0px;
	float: left;
}
#navArea #nav_main li.nav5 {
	text-align: center;
	width:50%;
	padding-left:0px;
	float: right;
}
#navArea #nav_main li.nav4 img,
#navArea #nav_main li.nav5 img {
	width:90%;
}

#leadArea {
	text-align: center;
	width:100%;
	min-width: 320px;
	padding:10px 10px 10px 10px;
}
#leadArea h2 {
	font-size:31px;
	line-height: 180%;
}
#leadArea p {
	font-size:14px;
}
.carnavi {
	width:100%;
}
.carnavi img {
	width: 100%;
	height: auto;
	max-width: 340px !important;
}
.carnavi > img {
	width: 100%;
	height: auto;
	max-width: 1000px !important;
}

	
#location {
	padding:10px 10px 20px 10px;
	margin: 20px auto;
	background-size: contain;
}
#location img { 
	width: 100%;
	height: auto;
}

#location1 {
	margin: 0px auto 0px auto;
}
#location h4 {
	padding: 10px 0px 0px 0px;
}
#location h4 img {
	max-width: 320px;
}
#location #location1 {
	font-size: 0;
	padding-bottom: 20px;
}
#location .contents .item {
	display: inline-block;
	vertical-align: top;
}
#life1 {
	width: 46%;
	margin: 10px 2% 20px 2%;
}
#life2 {
	width: 46%;
	margin: 10px 2% 20px 2%;
}
#life3 {
	width: 46%;
	margin: 0px 2% 20px 2%;
}
#life4 {
	width: 46%;
	margin: 0px 2% 20px 2%;
}
#life5 {
	width: 46%;
	margin: 0px 2% 20px 2%;
}
#life6 {
	width: 46%;
	margin: 0px 2% 20px 2%;
}


#access {
	padding:10px 10px 20px 10px;
	margin: 20px auto;
	background-size: contain;
}
#access img { 
	width: 100%;
}
#access > ul {
	margin: 0px 0px;
	font-size: 12px;
	line-height: 150%;
	text-align: left;
	list-style: none;
}
#access > ul li {
	width: 90%;
	float: none;
	margin: 0px auto 30px auto;
}
#access .contents > h3 {
	font-size: 16px;
}

#access .contents .item {	
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	margin-top: 0px;
}
#access .contents .item p.time {	
	text-align: center;
	margin: 0px 0px 10px 0px;
}
#access1 {
	width: 96%;
	margin: 0px auto 30px auto;
}
#access2 {
	width: 96%;
	margin: 0px auto 30px auto;
	border-left:none;
	border-right: none;
}
#access3 {
	width: 96%;
	margin: 0px auto 30px auto;
}
#access1 img,
#access2 img,
#access3 img {
	max-width: 280px;
}


#plan {
	padding:10px 10px 20px 10px;
	margin: 20px auto;
	background-size: contain;
}
#plan img { 
	width: 100%;
	height: auto;
}

#plan p {
	color:#333;
	font-size: 14px;
	line-height: 180%;
	text-align: left;
	margin: 0px 0px 20px 0px;
}
#plan > p {
	color:#333;
}
#plan1 {
	text-align: left;
}
#plan1 h3 {
	color:#007e3d;
	font-size: 24px;
	line-height: 150%;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

#plan2 {
	text-align: left;
	padding:0px 0px;
}
#plan2 h3 {
	padding:0px;
	margin: 0px 10px 20px 0px;
}

#plan3 > h3 {
    color: #fff;
    font-size: 18px;
    line-height: 40px;
	padding: 0px 0px;
}

#plan3 .item {	
	display: inline-block;
	vertical-align: top;
}
#plan3 .item p {
	color:#333;
	font-size: 10px;
	line-height: 120%;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
#plan3 .item p.title {
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0px 10px 0px;
}
#plan3 .item p.note {
	color:#333;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

#plan3 #item1 {
	width: 96%;
	margin: 10px auto 20px auto;
}
#plan3 #item2 {
	width: 96%;
	margin: 10px auto 20px auto;
}
#plan3 #item3 {
	width: 96%;
	margin: 10px auto 20px auto;
}
#plan3 #item4 {
	width: 46%;
	margin: 10px 2% 20px 1%;
}
#plan3 #item5 {
	width: 46%;
	margin: 10px 1% 20px 2%;
}

.cvArea {
	padding:0px 0px 0px 0px;
	margin: 20px auto;
}
.cvArea h2 {
	margin: 20px auto;
}
.cvArea li {
	float: left;
	list-style: none;
	text-align: center;
	margin-bottom: 20px;
}
.cvArea li.cv1 {
	width:50%;
	text-align: center;
	padding-right:0px;
}
.cvArea li.cv2 {
	width:50%;
	text-align: center;
	padding-left:0px;
}

.cvArea li img {
	width: 90%;
}

}



/*
*/
.contentsBody:after {
	content: "";
	clear: both;
	display: block;
}