@charset "utf-8";

/* ==

　01. 基本

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

　02. モジュール

=============================================================================== */
/* メインビジュアル
------------------------------------------------------------------------------- */
.iMain {
	padding: 10px 0 0;
	background: #9cbde4;
	background: -moz-linear-gradient(top, #9cbde4 0%, #ffffff 70%, #ffffff 70%, #ffffff 80%);
	background: -webkit-linear-gradient(top, #9cbde4 0%,#ffffff 70%,#ffffff 70%,#ffffff 80%);
	background: linear-gradient(to bottom, #9cbde4 0%,#ffffff 70%,#ffffff 70%,#ffffff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cbde4', endColorstr='#ffffff',GradientType=0 );
}
.iMain_front {
	display: table;
	*display: block;
	table-layout: fixed;
	width: 100%;
	margin: 20px 0 0;
	overflow: hidden;
}
.iMain_spaceL,
.iMain_spaceR {
	display: table-cell;
	*display: none;
	padding: 54px 0 0;
}
.iMain_spaceL span {
	display: block;
	position: relative;
	height: 280px;
	border-top-right-radius: 10px;
	background-color: #fff;
}
.iMain_spaceL img {
	position: absolute;
	top: 40px;
	right: 40px;
}
.iMain_spaceR span {
	display: block;
	position: relative;
	height: 280px;
	border-top-left-radius: 10px;
	background-color: #fff;
}
.iMain_spaceR img {
	position: absolute;
	top: 40px;
	left: 40px;
}
.iMain_visual {
	display: table-cell;
	width: 616px;
	height: 334px;
	margin: 0;
	vertical-align: top;
}
.iMain_visual div {
	position: relative;
	width: 556px;
	height: 300px;
	margin: 0 auto;
	padding: 23px 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #fff;
}
.iMain_visual h1 {
	margin: 0 0 20px;
	text-align: center;
}
.iMain_visual p {
	margin: 0 0 0 52px;
}
.iMain_visual a {
	display: block;
	position: absolute;
	top: 209px;
	right: 50px;
	width: 130px;
	height: 95px;
}
.iMain_visual a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
@media screen and (max-width:640px) {
	.iMain img {
		max-width: 100%;
		height: auto;
		-ms-interpolation-mode: bicubic;
	}
	.iMain img { width: auto\9; } /* ie8 */
	.iMain_front {
		display: block;
		width: auto;
		margin-top: 10px;
	}
	.iMain_spaceL,
	.iMain_spaceR {
		display: none !important;
	}
	.iMain_visual {
		display: block;
		width: auto;
		height: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
	.iMain_visual div {
		width: auto;
		height: auto;
		padding: 20px 30px;
	}
	.iMain_visual h1 {
		max-width: 250px;
		margin-right: auto;
		margin-left: auto;
	}
	.iMain_visual p {
		max-width: 300px;
		margin-right: auto;
		margin-left: auto;
	}
	.iMain_visual a {
		position: static;
		width: 120px;
		margin-right: auto;
		margin-left: auto;
	}
}
/* コンセプト
------------------------------------------------------------------------------- */
#main .iConcept {
	padding: 20px 10px 30px;
}
#main .iConcept_in {
	max-width: 1112px;
	margin: 0 auto;
}
#main .iConcept_tit {
	margin: 0 0 5px;
	padding: 0;
	border: none;
	background: none;
	text-align: center;
}
#main .iConcept_txt {
	text-align: center;
}
#main .iPoint {
	max-width: 866px;
	margin: 0 auto;
}
#main .iPoint li {
	float: left;
	width: 30.71593%;
	min-width: 264px;
	min-height: 264px;
	margin: 0 0 0 3.9%;
	background: url(../../images/rn01/index_bg01.png) left top no-repeat;
	font-size: 109%;
}
#main .iPoint li:first-child {
	margin-left: 0;
}
#main .iPoint_tit {
	display: block;
	text-align: center;
}
#main .iPoint_txt {
	display: block;
	padding: 0 40px 0 50px;
}
@media screen and (max-width:920px) {
	#main .iConcept_tit {
		max-width: 380px;
		margin-right: auto;
		margin-left: auto;
	}
	#main .iConcept_tit img {
		margin: 0;
	}
	#main .iConcept_txt {
		margin-bottom: 15px;
		text-align: left;
	}
	#main .iPoint {
		max-width: 800px;
	}
	#main .iPoint li {
		display: table;
		table-layout: fixed;
		float: none;
		width: 100%;
		min-width: 0;
		min-height: 0;
		line-height: 1.5;
		margin-top: 10px;
		margin-left: 0;
		border-radius: 5px;
		background-color: #fff;
		background-color: rgba(255, 255, 255, 0.9);
		background: rgba(255, 255, 255, 0.9);
		box-shadow:0px 0px 6px 0px #aaaaaa;
		font-size: 134%;
	}
	#main .iPoint li:first-child {
		margin-top: 0;
	}
	#main .iPoint_tit {
		display: table-cell;
		width: 100px;
		padding: 2px 0 10px 5px;
		vertical-align: top;
	}
	#main .iPoint_txt {
		display: table-cell;
		padding: 15px 10px 12px 5px;
		vertical-align: middle;
	}
}
/* 紹介文
------------------------------------------------------------------------------- */
#main .iIntro {
	padding: 20px 10px 10px;
}
#main .iIntro_in {
	max-width: 1112px;
	margin: 0 auto;
}
#main .iIntro_wrap {
	padding: 35px 10px 40px;
	background-color: #f1ede7;
}
#main .iIntro_tit {
	margin: 0 0 5px;
	padding: 0;
	border: none;
	background: none;
	text-align: center;
}
#main .iIntro_txt {
	text-align: center;
}
#main .iNav01 {
	/*margin: 30px 0 60px;*/
	margin: 30px 0 10px;
	padding: 14px;
	border: 1px solid #b79d49;
	background-color: #ffffe9;
}
#main .iNav01-mobile {
	display: none !important;
}
#main .iNav01_item {
	position: relative;
	float: left;
	width: 14.28%;
	padding: 0 0 40px;
	text-align: center;
}
#main .iNav01_item:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: url(../../images/rn01/d-lcp_bg02.png) left top repeat-y;
}
#main .iNav01_item:first-child:before {
	display: none !important;
}
#main .iNav01_item:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 18px;
	left: 50%;
	width: 22px;
	height: 15px;
	margin: 0 0 0 -11px;
	background: url(../../images/rn01/d-lcp_ico02.png) left top repeat-y;
}
#main .iNav01_btn {
	float: left;
	margin: 0 0 0 0.9%;
}
#main .iNav01_btn:first-child {
	margin-left: 0;
}
#main .iNav01_btn-n1 {
	width: 13.8%;
}
#main .iNav01_btn-n2 {
	width: 27.7%;
}
#main .iNav01_btn-n3 {
	width: 41.9%;
}
#main .iNav01_btn-n4 {
	width: 13.7%;
}
#main .iNav01_btn a {
	display: block;
	line-height: 44px;
	padding: 1px 0 0;
	border-radius: 5px;
	/*background-color: #2b3685;*/
	background-image: url(../../../images/rn01/icon_26.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	-webkit-background-size: 8px auto;
	-moz-background-size: 8px auto;
	background-size: 8px auto;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	letter-spacing:0.1em;
}
	#main .iNav01_btn-n1.iNav01_btn a { background-color: #005bac;	}
	#main .iNav01_btn-n2.iNav01_btn a { background-color: #b8bb27;	}
	#main .iNav01_btn-n3.iNav01_btn a { background-color: #00a84d;	}
	#main .iNav01_btn-n4.iNav01_btn a { background-color: #00367f;	}


#main .iNav01_btn a:hover {
	text-decoration: underline;
}
#main .iIntro_stit {
	margin: 0 0 30px;
	padding: 0;
	border: none;
	background: none;
	text-align: center;
}
#main .iNav02 {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 0 65px;
}
#main .iNav02-mobile {
	display: none !important;
}
#main .iNav02_item {
	float: left;
	position: relative;
	width: 30%;
	margin: 0 0 0 5%;
	padding: 20px 0;
	background-color: #fff;
}
#main .iNav02_item:first-child {
	margin-left: 0;
}
#main .iNav02_item:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -45px;
	left: 50%;
	width: 36px;
	height: 21px;
	margin: 0 0 0 -18px;
	background: url(../../images/rn01/d-lcp_ico03.png) left center no-repeat;
	-webkit-background-size: 36px auto;
	-moz-background-size: 36px auto;
	background-size: 36px auto;
}
#main .iNav02_item h3 {
	margin: 0 0 15px;
	padding: 0;
	border: none;
	background: none;
	text-align: center;
}
#main .iNav02_item p {
	line-height: 1.3;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
#main .iNav02_item a,
#main .iNav03_info a {
	display: block;
	width: 10em;
	line-height: 38px;
	margin: 0 auto;
	padding: 2px 0 0;
	border-radius: 5px;
	background-color: #2b3685;
	background-image: url(../../../images/rn01/icon_26.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	-webkit-background-size: 8px auto;
	-moz-background-size: 8px auto;
	background-size: 8px auto;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#main .iNav02_item a:hover,
#main .iNav03_info a:hover {
	text-decoration: underline;
}
#main .iNav03 {
	display: table;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	background-color: #fff;
}
#main .iNav03 h3 {
	display: table-cell;
	width: 30%;
	margin: 0;
	padding: 10px 3.1% 10px 20px;
	border: none;
	background: none;
	vertical-align: middle;
}
#main .iNav03 h3 img {
	vertical-align: top;
}
#main .iNav03_info {
	display: table-cell;
	width: 39.47%;
	vertical-align: middle;
}
#main .iNav03 p {
	line-height: 1.5;
	font-size: 150%;
	font-weight: bold;
}
#main .iNav03_img {
	display: table-cell;
	width: 31.58%;
}
@media screen and (max-width:1121px) {
	#main .iIntro_in {
		max-width: 925px;
	}
	#main .iIntro_wrap {
		margin-right: -10px;
		margin-left: -10px;
		padding-bottom: 25px;
	}
	#main .iIntro_txt {
		text-align: left;
	}
}
@media screen and (max-width:920px) {
	#main .iIntro_tit {
		max-width: 400px;
		margin-right: auto;
		margin-left: auto;
	}
	#main .iNav01-desktop {
		display: none !important;
	}
	#main .iNav01-mobile {
		display: block !important;
	}
	#main .iNav01 {
		max-width: 700px;
		/*margin: 20px auto 40px;*/
		margin: 20px auto;
		padding: 10px;
	}
	#main .iNav01_nav {
		display: table;
		table-layout: fixed;
		width: 100%;
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px dotted #b79d49;
		font-size: 16px;
		font-weight: bold;
	}
	#main .iNav01_nav:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
	#main .iNav01_nav span {
		display: table-cell;
		width: 45%;
		padding: 0 40px 0 0;
		vertical-align: middle;
	}
	#main .iNav01_nav a {
		display: table-cell;
		height: 44px;
		border-radius: 5px;
		padding: 3px 0 0;
		/*background-color: #2b3685;*/
		background-image: url(../../../images/rn01/icon_26.png);
		background-position: 10px center;
		background-repeat: no-repeat;
		-webkit-background-size: 8px auto;
		-moz-background-size: 8px auto;
		background-size: 8px auto;
		color: #fff;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
	}
	#main .iNav01_nav-n1.iNav01_nav a { background-color: #005bac;	}
	#main .iNav01_nav-n2.iNav01_nav a { background-color: #b8bb27;	}
	#main .iNav01_nav-n3.iNav01_nav a { background-color: #00a84d;	}
	#main .iNav01_nav-n4.iNav01_nav a { background-color: #00367f;	}



	#main .iNav02-desktop {
		display: none !important;
	}
	#main .iNav02-mobile {
		display: block !important;
	}
	#main .iNav02 {
		max-width: 600px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 10px;
	}
	#main .iNav02 li {
		margin-top: 10px;
	}
	#main .iNav02 li:first-child {
		margin-top: 0;
	}
	#main .iNav02 li:last-child {
		padding-top: 50px;
		background: url(../../images/rn01/d-lcp_ico03.png) center 10px no-repeat;
		-webkit-background-size: 36px auto;
		-moz-background-size: 36px auto;
		background-size: 36px auto;
	}
	#main .iNav03-desktop {
		display: none !important;
	}
}
@media screen and (max-width:768px) {
	#main .iNav01_nav span {
		width: 50%;
	}
	#main .iNav02 {
		max-width: 500px;
	}
}
@media screen and (max-width:480px) {
	#main .iNav01_nav {
		font-size: 14px;
	}
	#main .iNav01_nav span {
		width: 60%;
		padding-right: 15px;
	}
}