@charset "UTF-8";

/*
　■ 見出しタイトル

=============================================================================== */
#mainContents h3{
	margin: 30px 0 10px;
	padding:0 0 7px;
	background-color:none;
	border-bottom:1px solid #333;
	color:#333;
}

#mainContents .chintaiWrap h2.chintaiTit{
	min-height:46px;
	margin:0 0 20px 0;
	padding:0 0 20px 70px;
	color:#333;
	background:url(../../images/index_bg_tit01.gif) left 7px no-repeat;
	border-bottom:1px solid #333;
}

#mainContents .chintaiWrap h2.chintaiTit02{
	min-height:46px;
	margin:0 0 20px 0;
	padding:10px 0 20px 70px;
	color:#333;
	background:url(../../images/index_bg_tit01.gif) left top no-repeat;
	border-bottom:1px solid #333;
}

@media only screen and (max-width: 600px) {
	#mainContents .chintaiWrap h2.chintaiTit,
	#mainContents .chintaiWrap h2.chintaiTit02{
		padding:0 0 20px 70px;
		background-position:left 7px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio : 2),only screen and (min-device-pixel-ratio : 2){
     #mainContents .chintaiWrap h2.chintaiTit,
		 #mainContents .chintaiWrap h2.chintaiTit02{
          background: url(../../images/index_bg_tit02.gif) no-repeat left 7px;
          -webkit-background-size:52px 39px;
          background-size: 52px 39px;
     }
}

#mainContents .chintaiWrap h3{
	margin: 0 0 10px;
	padding:0 0 7px;
	background-color:#FFF;
	border-bottom:1px solid #333;
	color:#333;
}

#mainContents .chintaiWrap h3.plusBg{
	margin: 0 0 30px;
	padding:10px;
	color:#FFF !important;
	border-bottom:none;
}
#mainContents #section02 h3.plusBg{	background-color:#c49a6b;}
#mainContents #section05 h3.plusBg{	background-color:#8cc63f;}

#mainContents .chintaiBlk h4{
	margin: 0 0 5px;
	padding:0;
	background-color:#FFF;
	border-bottom:none;
	color:#555;
	font-size:117%;
}
/* ==

　■ 特殊見出し

=============================================================================== */

#mainContents #blkTit{
	margin-bottom:40px;
	padding-left:20px;
	color:#fff;
}

@media only screen and (max-width: 600px) {	
#mainContents #blkTit{
	padding:20px 0;
}
}

#mainContents .bgType01{	background-color:#4395d1;}
#mainContents .bgType02{	background-color:#c49a6b;}
#mainContents .bgType03{	background-color:#b289be;}
#mainContents .bgType04{	background-color:#faa61a;}
#mainContents .bgType05{	background-color:#8cc63f;}


#mainContents .blkTitInner{
	width:36%;
	min-height:102px;
	margin:0;
	padding:40px 0 20px;
	float:left;
	padding-left:125px;
}
#mainContents .blkTitInner02{
	width:48%;
	margin:0;
	padding:0;
	float:right;
}

@media only screen and (max-width: 600px) {	
#mainContents .blkTitInner{
	width:auto;
	min-height:102px;
	padding-top:115px;
	padding-left:0;
	float:none;
	}
	#mainContents .blkTitInner02{
		float:none;
	}
}


@media only screen and (max-width: 899px) {
#mainContents #blkTit{
	padding-left:20px;
	padding-right:20px;
}

#mainContents .blkTitInner{
	width:auto;
}
#mainContents .blkTitInner02{
	display:none;
}
}

#mainContents .blkTitInner h2{
	margin:0 0 20px;
	color:#FFF;
}
#mainContents .blkTitInner p{
	margin-bottom:0;
}

#mainContents .bgType01 .blkTitInner{	background:url(../../images/index_ico01.gif) left center no-repeat;}
#mainContents .bgType02 .blkTitInner{	background:url(../../images/index_ico02.gif) left center no-repeat;}
#mainContents .bgType03 .blkTitInner{	background:url(../../images/index_ico03.gif) left center no-repeat;}
#mainContents .bgType04 .blkTitInner{	background:url(../../images/index_ico04.gif) left center no-repeat;}
#mainContents .bgType05 .blkTitInner{	background:url(../../images/index_ico05.gif) left center no-repeat;}

@media only screen and (max-width: 600px) {	

	#mainContents .bgType01 .blkTitInner{	background:url(../../images/index_ico01.gif) center top no-repeat;}
	#mainContents .bgType02 .blkTitInner{	background:url(../../images/index_ico02.gif) center top no-repeat;}
	#mainContents .bgType03 .blkTitInner{	background:url(../../images/index_ico03.gif) center top no-repeat;}
	#mainContents .bgType04 .blkTitInner{	background:url(../../images/index_ico04.gif) center top no-repeat;}
	#mainContents .bgType05 .blkTitInner{	background:url(../../images/index_ico05.gif) center top no-repeat;}
	#mainContents .blkTitInner h2,
	#mainContents .blkTitInner p{	text-align:center;}

}

@media only screen and (-webkit-min-device-pixel-ratio : 2),only screen and (min-device-pixel-ratio : 2){
		#mainContents .bgType01 .blkTitInner{
			background:url(../../images/index_ico01b.gif) center top no-repeat;
			-webkit-background-size: 102px 102px;
			background-size: 102px 102px;
		}
		#mainContents .bgType02 .blkTitInner{
			background:url(../../images/index_ico02b.gif) center top no-repeat;
			-webkit-background-size: 102px 102px;
			background-size: 102px 102px;
		}
		#mainContents .bgType03 .blkTitInner{
			background:url(../../images/index_ico03b.gif) center top no-repeat;
			-webkit-background-size: 102px 102px;
			background-size: 102px 102px;
		}
		#mainContents .bgType04 .blkTitInner{
			background:url(../../images/index_ico04b.gif) center top no-repeat;
			-webkit-background-size: 102px 102px;
			background-size: 102px 102px;
		}
		#mainContents .bgType05 .blkTitInner{
			background:url(../../images/index_ico05b.gif) center top no-repeat;
			-webkit-background-size: 102px 102px;
			background-size: 102px 102px;
		}

}

#mainContents #section03 h2.plnTit{
	margin:0 0 30px;
	padding:0 0 10px;
	color:#b289be;
	border-bottom:1px solid #b289be;
}

#mainContents #section01 h3{	color:#4395d1;	border-color:#4395d1;}
#mainContents #section02 h3{	color:#c49a6b;	border-color:#c49a6b;}
#mainContents #section03 h3{	color:#b289be;	border-color:#b289be;}
#mainContents #section04 h3{	color:#faa61a;	border-color:#faa61a;}
#mainContents #section05 h3{	color:#8cc63f;	border-color:#8cc63f;}

#mainContents #section03 h3.bgIco01B{
	padding-left:30px;
	color:#333;
	border-color:#6dcef5;
	background:url(../../images/plan_ico01b.gif) left top no-repeat;
}
#mainContents #section03 h3.bgIco01P{
	padding-left:30px;
	color:#333;
	border-color:#a77db6;
	background:url(../../images/plan_ico01p.gif) left top no-repeat;
}
#mainContents #section03 h3.bgIco02P{
	padding-left:30px;
	color:#333;
	border-color:#a77db6;
	background:url(../../images/plan_ico02p.gif) left top no-repeat;
}
#mainContents #section03 h3.bgIco03P{
	padding-left:30px;
	color:#333;
	border-color:#a77db6;
	background:url(../../images/plan_ico03p.gif) left top no-repeat;
}
#mainContents #section03 h3.bgIco04P{
	padding-left:30px;
	color:#333;
	border-color:#a77db6;
	background:url(../../images/plan_ico04p.gif) left top no-repeat;
}
#mainContents #section03 h3.bgIco05P{
	padding-left:30px;
	color:#333;
	border-color:#a77db6;
	background:url(../../images/plan_ico05p.gif) left top no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio : 2),only screen and (min-device-pixel-ratio : 2){
	#mainContents #section03 h3.bgIco01B{
		background:url(../../images/plan_ico01bb.gif) left top no-repeat;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
	}
	#mainContents #section03 h3.bgIco01P{
		background:url(../../images/plan_ico01pb.gif) left top no-repeat;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
	}
	#mainContents #section03 h3.bgIco02P{
		background:url(../../images/plan_ico02pb.gif) left top no-repeat;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
	}
	#mainContents #section03 h3.bgIco03P{
		background:url(../../images/plan_ico03pb.gif) left top no-repeat;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
	}
	#mainContents #section03 h3.bgIco04P{
		background:url(../../images/plan_ico04pb.gif) left top no-repeat;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
	}
	#mainContents #section03 h3.bgIco05P{
		background:url(../../images/plan_ico05pb.gif) left top no-repeat;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
	}
}
/* ==

　■ レイアウト

=============================================================================== */
#mainContents .chintaiWrap{
	width:950px;
	margin:0 auto;
}
@media only screen and (max-width: 949px) {
#mainContents .chintaiWrap{
	width:auto;
	margin:0;
}
}


#mainContents .chintaiWrap .chintaiBlk{
	margin-bottom:60px;
}

#mainContents .colBlock04 .anchorLink li {
	width:19.8%;
	margin:0 0.1% 1px 0;
	padding:0;
	text-align:center; 
	float:left;
}
#mainContents .colBlock04 .anchorLink li img{ vertical-align:bottom; }
#mainContents .colBlock04 .anchorLink li a{ display:block; }

@media only screen and (max-width: 600px) {
	#mainContents .colBlock04 .anchorLink li.col1,
	#mainContents .colBlock04 .anchorLink li.col2,
	#mainContents .colBlock04 .anchorLink li.col3,
	#mainContents .colBlock04 .anchorLink li.col4,
	#mainContents .colBlock04 .anchorLink li.col5 {
		float: left;
		width: 49.4%;
		margin-bottom: 1px;
	}
	#mainContents .colBlock04 .anchorLink li.col1,
	#mainContents .colBlock04 .anchorLink li.col3 {
		margin-right:0.5%;
	}
	#mainContents .colBlock04 .anchorLink li.col5 {	margin-bottom: 0;	}
}

@media only screen and (max-width: 600px) {
	.fnTile{
		height:auto !important;
	}
}

#mainContents .lW64Blk .colBlock01 .col1{ width:68%;}
#mainContents .lW64Blk .colBlock01 .col2{ width:30%;}

@media only screen and (max-width: 949px) {
	#mainContents .lW64Blk .colBlock01 .col1{ width:auto;}
	#mainContents .lW64Blk .colBlock01 .col2{ width:auto;}
}

#mainContents .chintaiWrap .fsS02{
	margin-bottom:0 !important;
	font-size:100%;
}

/* ローカルナビ
------------------------------------------------------------------------------- */
#mainContents .cvBlock{
	margin-top:30px !important;
}

#mainContents .chintaiNav {
	background-color: #FFF;
	overflow: hidden;
}
#mainContents .chintaiNavTop {
	background-color: #111010;
	overflow: hidden;
}
#mainContents .chintaiNav li,
#mainContents .chintaiNavTop li {
	float: left;
	width: 49.9%;
	font-size: 0;
}
*:first-child+html #mainContents .chintaiNav li {
	overflow: hidden;
}
*:first-child+html #mainContents .chintaiNavTop li {
	overflow: hidden;
}

#mainContents .chintaiNav li img,
#mainContents .chintaiNavTop li img {
	vertical-align: bottom;
	margin:0 -1px -1px;
}

*:first-child+html #mainContents .chintaiNav li img {
	margin: 0;
}
*:first-child+html #mainContents .chintaiNavTop li img {
	margin: 0;
}

*:first-child+html #mainContents .chintaiNav {
	background-color: #FFF;
}

*:first-child+html #mainContents .chintaiNavTop {
	background-color: #111010;
}

#mainContents .expand {
	margin-right: -23px!important;
}
#mainContents .expandStepNav {
	margin-right: -20px;
	margin-left: -20px;
}

#mainContents .relationBnr {
	margin: 0 -20px 30px -20px;
	padding: 10px 20px 40px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
#mainContents .relationBnr .tablet-desktop {
	display: inline;
}

@media only screen and (max-width: 600px) {
	#mainContents .expand {
	margin-left: -23px!important;
}
#mainContents .expandStepNav {
	margin-right: -10px;
	margin-left: -10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio : 2),only screen and (min-device-pixel-ratio : 2){
	#mainContents .expand {
	margin-left: -23px!important;
}
}
@media only screen and (max-width: 600px) {
	#mainContents .relationBnr {
	  margin-right: -10px !important;
	  margin-left: -10px !important;
		padding: 0 10px 20px;
	}
	#mainContents .relationBnr .tablet-desktop {
		display: none;
	}
	#mainContents .relationBnr .mobile {
		display: inline;
	}
}