@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}


body{
	background-color: #fff;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.clearfix.container {
	max-width: none !important;
	padding-bottom: 100px;
}
#subHeader {
	height: 60px;
	border-color: #fa0046;
}
.subHeader_id a {
	display: table;
	height: 60px;
	text-decoration: none;
	font-size: 20px;
	color: #969087;
}
.subHeader_id a span {
	display: table-cell;
	vertical-align: middle;
}
.subHeader_item a:hover {
	color: #727272;
}
.nHeaderWrap-menu1 .subHeader_item:nth-child(2) a,
.nHeaderWrap-menu2 .subHeader_item:nth-child(3) a,
.nHeaderWrap-menu3 .subHeader_item:nth-child(4) a,
.nHeaderWrap-menu4 .subHeader_item:nth-child(5) a,
.nHeaderWrap-menu5 .subHeader_item:nth-child(6) a,
.nHeaderWrap-menu6 .subHeader_item:nth-child(7) a,
.nHeaderWrap-menu7 .subHeader_item:nth-child(8) a,
.nHeaderWrap-menu8 .subHeader_item:nth-child(9) a {
	color: #727272;
}
@media only screen and (max-width: 949px) {
	.clearfix.container {
		padding-bottom: 25px;
	}
	#nHeaderWrap_wrap {
		height: 108px !important;
	}
	#subHeader {
		height: 38px;
	}
	.subHeader_id a {
		height: auto;
		font-size: 11px;
		display: block;
	}
}


/* ==

　■ 共通

=============================================================================== */
.container { background:#fff; }
#mainContents div:after{ content:''; display:block; clear:both; }
img { -ms-interpolation-mode: bicubic; }
div{ zoom:1; }

.section{ color:#333 !important; position:relative; }
.baseIn {
	width: 950px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
#mainContents h3{ background-color:transparent; color:#333; }


#mainContents .nextContents{
	max-width:540px;
	margin:40px auto 0;
	padding:0;
	font-size:114%;
	font-weight:bold;
	clear:both;
}
#mainContents .nextContents p a{
	padding:10px;
	background-color:#333;
	color:#fff;
	text-align:center;
	display:block;
}
#mainContents .nextContents p a span{
	padding:2px 0 3px 30px;
	background:url(../images/arrow.gif) left center no-repeat;
	color:#fff;
}
#mainContents .nextContents p a.blank span{ background-image:url(../images/arrow_blank.gif); }
#mainContents .nextContents p a:link, #mainContents .nextContents p a:visited{
	text-decoration:none;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#mainContents .nextContents p a:hover, #mainContents .nextContents p a:active{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}





#jtBtmContsWrap02{ width: 100%; }
#jtContactArea02{
	padding:60px 0 40px;
	background-color:#3d3d3d;
}
#jtContactArea02 .inBlock {
	margin: 0 auto;
	width: 755px;
}
#jtContactArea02 .inBlock p{ padding-bottom:20px; }
#jtContactArea02 .inBlock p.txt{ padding-bottom:15px; }

#jtContactArea02 img {
	max-width: 100%;
	width: auto\9;
	height: auto;
}
*:first-child+html #jtContactArea02 img {
	-ms-interpolation-mode: bicubic;
} /* IE7 */

#jtContactArea02 .inBlock p a:visited, #jtContactArea02 .inBlock p a:link{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#jtContactArea02 .inBlock p a:active, #jtContactArea02 .inBlock p a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


#mainContents .contentSlider,
#mainContents .contentSlider .rsOverflow,
#mainContents .contentSlider .rsSlide,
#mainContents .contentSlider .rsVideoFrameHolder,
#mainContents .contentSlider .rsThumbs {
  background-color: transparent;
  color: #333;
}
#mainContents .contentSlider .rsSlide,
#mainContents .contentSlider .rsOverflow {
  background-color: transparent;
}
#mainContents .rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	border: 1px solid #999;
	box-shadow: none;
	background: #17afe7;
}
.rsDefault .rsTabs{ zoom:1; }


@media only screen and (max-width: 949px) {
	.baseIn { width:auto !important; padding:0 10px; }
	#jtContactArea02 .inBlock { width:100%; text-align:center; }
}
@media only screen and (max-width: 800px) {
	#jtContactArea02{ padding:40px 0 30px; }
	#jtContactArea02 .inBlock { width:auto; max-width:100%; padding-left:20px; padding-right:20px; }
}
@media only screen and (max-width: 600px) {
	#mainContents{ padding-top:10px; }
	.backstretch{ border-bottom:1px solid #333; }

	#mainContents .nextContents{ max-width:90%; }
	#mainContents .nextContents p a span{ background-position: left 4px; }

	#jtContactArea02{ padding:20px 0 10px; }
	#jtContactArea02 .inBlock { padding-left:10px; padding-right:10px; }
}


/* ==

　■ index

=============================================================================== */
.indexLead{
	width:100%;
	padding:20px 0 40px;
	background-color:#000;
	color:#fff;
	clear:both;
}
.indexLead p em{ font-size:135%; }

.expand .indexLead01,
.expand .indexLead02{
	margin:0;
	padding:80px 0;
	background:#f7f7f7 url(../images/bg_indexLead.gif) left bottom repeat-x;
	color:#333;
	zoom:1;
	clear:both;
}
.expand .indexLead03{
	margin:0;
	padding:80px 0 40px;
	background:#f7f7f7 url(../images/bg_indexLead.gif) left bottom repeat-x;
	color:#333;
	zoom:1;
	clear:both;
}

#mainContents .indexLead01 h2,
#mainContents .indexLead03 h2{ margin:0 0 30px; }
#mainContents .indexLead02 h2{ margin:70px 0 30px; }

#mainContents .indexLead01 .colBlock01{ margin:0; padding:0 0 40px; }
#mainContents .indexLead02 .colBlock01,
#mainContents .indexLead03 .colBlock01{ margin:0; padding:0; } 

#mainContents .indexLead03 .colBlock01 h3{
	margin-top:20px;
	padding:0 0 20px;
	background-color:transparent;
	border-bottom:2px solid #90b4c2;
	color:#333;
}

/* slider
------------------------------------------------------------------------------- */
#slideContainer {
	position: relative;
	width: 100%;
}
#slideArea {
	min-width: auto;
	max-width: 635px;
	width: 635px;
	margin: 0 auto;
}
#slideArea #slideWrapper .slideVisual {
	padding: 0;
	display: block;
	zoom:1;
	width: 635px;
	overflow: hidden;

}
#slideArea #slideWrapper .slideVisual img {
	zoom:1;
	width: 100%;
}

#slideController {
	position: absolute;
	top: 0;
	width: 100%;
}
.bx-controls {
	display: none;
}
#mainContents.mainBgBlack #arwNav a {
	color: #fff;
	text-decoration: underline;
	font-size: 0;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
}
.prevBtn {
	position: absolute;
	left: 0;
	top: 48%;
}
.nextBtn {
	position: absolute;
	right: 0;
	top: 48%;
}
#mainContents.mainBgBlack a.bx-prev {
	background: url(../images/slider/arrow_sliderL.gif) no-repeat 0 0;
}
#mainContents.mainBgBlack a.bx-next {
	background: url(../images/slider/arrow_sliderR.gif) no-repeat 0 0;
}

@media only screen and (max-width: 800px) {
	.prevBtn {
		left: 0px;
	}
	.nextBtn {
		right: 0px;
	}
	#slideContainer, #slideArea, .slideVisual img, .slideVisual {
		width: 100%;
	}
	#slideArea #slideWrapper .slideVisual {
		width: 100%;
	}
}



@media only screen and (max-width: 949px) {
	
	.indexLead01 .col2 p{ text-align:center; }
	.indexLead02 .col2 p{ text-align:center; }
	
	#mainContents .indexLead02 .col1 h2{ margin-top:0; }
	
}
@media only screen and (max-width: 600px) {
	.expand .indexLead01, .expand .indexLead02, .expand .indexLead03{ padding:40px 0; }
}



/* ==

　■ 開業のプロセス

=============================================================================== */
.process01{
	/* firefox隙間対策 */
	margin-top:-1px;
	border-top:1px solid #fff;
	/* firefox隙間対策 */
	padding-bottom:50px;
	background:url(../images/process_arrow_01.png) center bottom no-repeat;
}
.process02, .process03, .process04, .process08, .process09{
	padding-bottom:50px;
	background:url(../images/process_arrow_01.png) center bottom no-repeat;
}

#mainContents .process01 h2, #mainContents .process02 h2{ padding-top:70px; }
#mainContents .process03 h2{ padding-top:40px; }
#mainContents .process04 h2{ padding-top:30px; }

#mainContents .process01 .colBlock03{ margin-top:0; }
#mainContents .process01 .colBlock03 .col1, #mainContents .process02 .colBlock03 .col1,
#mainContents .process03 .colBlock03 .col1, #mainContents .process04 .colBlock03 .col1,
#mainContents .process01 .colBlock03 .col3, #mainContents .process02 .colBlock03 .col3,
#mainContents .process03 .colBlock03 .col3, #mainContents .process04 .colBlock03 .col3 { width:40%; margin-right:0; float: left; }
#mainContents .process01 .colBlock03 .col2, #mainContents .process02 .colBlock03 .col2,
#mainContents .process03 .colBlock03 .col2, #mainContents .process04 .colBlock03 .col2 { width:20%; margin-right:0; }

.process01 .colBlock03 .col1{ background-color:#c6daee; text-align:right; }
.process01 .colBlock03 .col2{ background:url(../images/bg_process01.gif) center top repeat-y; text-align:center; }
.process01 .colBlock03 .col3{ background-color:#dbeafa; }
.process02 .colBlock03 .col1{ background-color:#bedc9d; text-align:right; }
.process02 .colBlock03 .col2{ background:url(../images/bg_process02.gif) center top repeat-y; text-align:center; }
.process02 .colBlock03 .col3{ background-color:#d6ecbd; }
.process03 .colBlock03 .col1{ background-color:#ccc; text-align:right; }
.process03 .colBlock03 .col2{ background:url(../images/bg_process03.gif) center top repeat-y; text-align:center; }
.process03 .colBlock03 .col3{ background-color:#e1e1e1; }
.process04 .colBlock03 .col1{ background-color:#8dd4dc; text-align:right; }
.process04 .colBlock03 .col2{ background:url(../images/bg_process04.gif) center top repeat-y; text-align:center; }
.process04 .colBlock03 .col3{ background-color:#a8e5ec; }

.process01 .colBlock03 .col3 div, .process02 .colBlock03 .col3 div,
.process03 .colBlock03 .col3 div, .process04 .colBlock03 .col3 div{ width:360px; }

#mainContents .process01 h3{ margin:70px 0 20px; padding:0; font-size:146%; color:#4376a8; }
#mainContents .process02 h3{ margin:70px 0 20px; padding:0; font-size:146%; color:#438000; }
#mainContents .process03 h3{ margin:70px 0 20px; padding:0; font-size:146%; color:#333; }
#mainContents .process04 h3{ margin:70px 0 20px; padding:0; font-size:146%; color:#037784; }

.process01 .colBlock03 .col2 p, .process02 .colBlock03 .col2 p,
.process03 .colBlock03 .col2 p, .process04 .colBlock03 .col2 p{ padding:70px 0; }

#mainContents .process04 .colBlock03{ margin-bottom:0; }
#mainContents .process04 .colBlock01{ margin-top:0; padding:20px 0 10px; background-color:#a7dde3; zoom:1; }
#mainContents .process04 .colBlock01 div{ zoom:1; }
#mainContents .process04 .colBlock01 .colBlock01{ margin:0; padding:0; }
#mainContents .process04 .colBlock01 .col1 .col1{ padding:0; text-align:right; }
#mainContents .process04 .colBlock01 .col1 .col2{ padding:0; }
.process04 .colBlock01 .col2{ padding-top:60px; }

.process06, .process07{
	padding-top:60px;
	background:url(../images/process_arrow_01.png) center top no-repeat;
}
#mainContents .process06 h2,
#mainContents .process07 h2{ margin:0; padding:80px 0 20px; background-color:#ccc; text-align:center; }
.process06 div, .process07 div{ padding:20px 80px 70px; background-color:#e1e1e1; }
#mainContents .process06 p.circle, #mainContents .process07 p.circle{
	margin:0;
	padding:0;
	background:url(../images/bg_process07.gif) left center repeat-x;
	text-align:center;
}
#mainContents .process06 h3, #mainContents .process07 h3{ margin-top:0; margin-bottom:0; padding:7px 0 6px; }

#mainContents .process05{
	max-height:200px;
	margin-top:20px;
	position:relative;
	overflow:hidden;
}
#mainContents .process10{
	max-height:200px;
	position:relative;
	overflow:hidden;
}
#mainContents .process05 h2, #mainContents .process10 h2{
	width:100%;
	margin:0;
	padding:75px 0 0;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}

.process08 p, .process09 p{ width:15em; margin:0 auto; padding:10px; border:2px solid #ccc; text-align:center; }


.supportBlock_arrow{
	height:90px;
	background:url(../images/process_arrow_02.png) center 15px no-repeat;
}
.supportBlock{
	margin:0;
	padding:70px 20px 40px;
	background-color:#fffcdd;
	clear:both;
}
#mainContents .supportBlock p em{ font-weight:normal; font-size:134%; }
#mainContents .supportBlock h3{ margin:20px 0 10px; padding:0; font-size:154%; text-align:center; }




@media only screen and (max-width: 949px) {
	.process01 .colBlock03 .col3 div, .process02 .colBlock03 .col3 div,
	.process03 .colBlock03 .col3 div, .process04 .colBlock03 .col3 div{ width:90%; }

	#mainContents .process04 .colBlock03 div.col1, #mainContents .process04 .colBlock03 div.col2, #mainContents .process04 .colBlock03 div.col3{ margin-bottom:0; }
	#mainContents .process04 .colBlock01 .col1{ width:48.9796%; margin-bottom:0; float:left; }
	#mainContents .process04 .colBlock01 .col2{ width:48.9796%; float:right; }
	#mainContents .process04 .colBlock01 .col2 p{ width:90%; }

	.process06 div, .process07 div{ padding:20px 10px 70px; }
	
	#mainContents .process05, #mainContents .process10{ max-height:130px; }
	#mainContents .process05 h2, #mainContents .process10 h2{ padding-top:50px; }

}
@media only screen and (max-width: 700px) {
	#mainContents .process04 .colBlock01{ margin-top:0; padding:20px 0 10px; background-color:#a7dde3; }
	#mainContents .process04 .colBlock01 .col1,
	#mainContents .process04 .colBlock01 .col2{ width: 90%;; margin:0 auto; padding:0; float:none; clear:both; }
	#mainContents .process04 .colBlock01 .col1 .col1{ width: 48.9796%; padding:0; text-align:right; float:left; clear:none; }
	#mainContents .process04 .colBlock01 .col1 .col2{ width: 48.9796%; padding:0; float:right; clear:none; }
	.process04 .colBlock01 .col2{ padding-top:0; }
	#mainContents .process04 .colBlock01 .col2 p{ width:100%; }

	#mainContents .process05 h2, #mainContents .process10 h2{ padding-top:30px; }

}
@media only screen and (max-width: 600px) {
	.process01 .colBlock03 .col3 div, .process02 .colBlock03 .col3 div,
	.process03 .colBlock03 .col3 div, .process04 .colBlock03 .col3 div{ margin:0 auto; }

	#mainContents .process01 .colBlock03 .col1, #mainContents .process02 .colBlock03 .col1,
	#mainContents .process03 .colBlock03 .col1, #mainContents .process04 .colBlock03 .col1 { width:auto; height:auto !important; margin:0; text-align:center; float: none; }
	#mainContents .process01 .colBlock03 .col2, #mainContents .process02 .colBlock03 .col2,
	#mainContents .process03 .colBlock03 .col2, #mainContents .process04 .colBlock03 .col2 { width:auto; height:auto !important; margin:0; float: none; }
	#mainContents .process01 .colBlock03 .col3, #mainContents .process02 .colBlock03 .col3,
	#mainContents .process03 .colBlock03 .col3, #mainContents .process04 .colBlock03 .col3 { width:auto; margin:0; padding-bottom:20px; float: none; }

	.process01 .colBlock03 .col2{ background:url(../images/bg_process01_smp.gif) center center repeat-x; text-align:center; }
	.process02 .colBlock03 .col2{ background:url(../images/bg_process02_smp.gif) center center repeat-x; text-align:center; }
	.process03 .colBlock03 .col2{ background:url(../images/bg_process03_smp.gif) center center repeat-x; text-align:center; }
	.process04 .colBlock03 .col2{ background:url(../images/bg_process04_smp.gif) center center repeat-x; text-align:center; }

	#mainContents .process01 h2, #mainContents .process02 h2{ margin:0; padding:40px 0 20px; }
	#mainContents .process03 h2{ margin:0; padding:40px 0 20px; }
	#mainContents .process04 h2{ margin:0; padding:30px 0 10px; }
	#mainContents .process04 .col1 p{ margin-bottom:0 !important; padding-bottom:20px; }

	#mainContents .process01 h3, #mainContents .process02 h3,
	#mainContents .process03 h3, #mainContents .process04 h3{ margin:0 0 15px; padding:10px 0 0; }

	#mainContents .process01 .colBlock03 .col2 p, #mainContents .process02 .colBlock03 .col2 p,
	#mainContents .process03 .colBlock03 .col2 p, #mainContents .process04 .colBlock03 .col2 p{ margin:0; padding:0; }

	.process04 .colBlock01 .col1 p{ text-align:center; float:none; }
	
	.process05 .backstretch, .process10 .backstretch{ border-bottom:none; }
	
	.process06 div, .process07 div{ padding:20px 10px; }
	#mainContents .process06 h2, #mainContents .process07 h2{ margin:0; padding:40px 0 20px; }
	/*.process06 h2 img, .process07 h2 img{ width:90%; height:auto; }
	#mainContents .process06 p.circle img, #mainContents .process07 p.circle img{ max-width:50%; }*/
	#mainContents .process06 p.circle img{ max-width:48%; }
	
	.process08 p, .process09 p{ width:auto; }

	#mainContents .process05 h2, #mainContents .process10 h2{ padding-top:40px; }
	
	.supportBlock{ padding:40px 15px; }
	#mainContents .supportBlock p em{ font-size:110%; }

}



/* ==

　■ 事例

=============================================================================== */
#mainContents .voiceBlock h2{ margin:0 0 30px; }

.caseLead{
	width:100%;
	padding:80px 0;
	background-color:#000;
	color:#fff;
	clear:both;
}
.caseLead .baseIn{ width:600px; }
#mainContents .caseLead p.center{ margin-bottom:30px; }

.expand .voiceBlock{
	margin:0;
	padding:80px 0;
	background:#f7f7f7 url(../images/bg_indexLead.gif) left bottom repeat-x;
	color:#333;
	zoom:1;
	clear:both;
}
.layoutBlock{
	margin:0;
	padding:40px 0;
	background:url(../images/case_bg_layout.gif);
	color:#333;
	zoom:1;
	clear:both;
}
.layoutBlock .layoutTxt{ /margin-top:50px; /paddig-top:100px; }



.layoutBlock .summary{
	width:908px;
	margin:0 auto 20px;
	/margin-top:40px;
	padding:10px 20px 0;
	background-color:#fff;
	border:1px solid #ccc;
	clear:both;
}
.layoutBlock .summary .summary_hdTxt{
	margin:0 -10px;
	padding:5px 10px;
	background-color:#666;
	color:#fff;
	font-weight:bold;
	clear:both;
}

.layoutBlock table{
	width:950px;
	margin:0 auto;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	clear:both;
}
.layoutBlock td{
	padding:10px 10px 0;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.layoutBlock td.typeI{
	width:40px;
	padding:0;
	background-color:#90b5c4;
	text-align:center;
	vertical-align:top;
}
.layoutBlock td.typeC{
	width:40px;
	padding:0;
	background-color:#009c74;
	text-align:center;
	vertical-align:top;
}
.layoutBlock td.typeJ{
	width:40px;
	padding:0;
	background-color:#f58660;
	text-align:center;
	vertical-align:top;
}
.layoutBlock td li{
	margin-bottom:5px;
	margin-left:23px;
	font-size:85%;
	text-indent:-23px;
}
.layoutBlock td li img{ margin-top:-3px; vertical-align:middle; }



@media only screen and (max-width: 949px) {
	.caseLead, .expand .voiceBlock{ padding:50px 0; }
	.expand .voiceBlock .col1{ padding-bottom:20px; }
	.expand .voiceBlock .col2 p{ padding:0 20px; }
	.layoutBlock .summary{ width:95%; padding:0; }
	#mainContents .layoutBlock .summary .colBlock01{ width:95%; margin: 20px auto; }
	.layoutBlock table{ width:95%; }
	.layoutBlock .summary .summary_hdTxt{ margin:10px 10px 0; }

}
@media only screen and (max-width: 600px) {
	.caseLead, .expand .voiceBlock{ padding:20px 0; }
	#mainContents .voiceBlock .colBlock01 .col1{ margin-bottom:0; }
	#mainContents .voiceBlock h2{ margin:0 0 15px; }
	.expand .voiceBlock .col2 p{ padding:0 10px; }
}