@charset "UTF-8";
/* CSS Document */


/* PC
-----------------------------------------------------------------
----------------------------------------------------------------- */

nav ul li:nth-of-type(3) a{
	background: #000;
	color: #fff;
}

#pageContents{
	width: 100%;
	min-width: 1200px;
}
	.main{
		max-width: 1458px;
		width: 100%;
		margin: 0 auto;
	}
		.main .mainVisual{
			width: 100%;
			position: relative;
		}
			.main .mainVisual figure{
				width: 100%;
			}
				.main .mainVisual figure img{
					width: 100%;
					height: auto;
				}
			.main .mainVisual h1{
				font-size: 28px;
				line-height: 1.9;
				color: #f7f2de;
				position: absolute;
				top: 43%;
				left: 130px;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
			}
			.main .mainVisual .panBox{
				font-size: 13px;
				line-height: 1;
				color: #fff;
				position: absolute;
				top: 63%;
				left: 130px;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
			}
				.main .mainVisual .panBox a{
					color: #fff;
				}


/* exterior
-----------------------------------------------------------------*/
	section.exterior{
		width: 100%;
		margin-top: 80px;
	}
		section.exterior .exteriorBox{
			max-width: 1920px;
			width: 100%;
			margin: 0 auto;
		}
			.exteriorBox h2{
				width: 1200px;
				margin: 0 auto;
				text-align: center;
				font-size: 34px;
				letter-spacing: 0.08em;
			}
				.exteriorBox h2 .inner{
					display: inline-block;
					width: 42%;
					padding-bottom: 10px;
					border-bottom: 1px solid #000;
				}
			.exteriorBox p.copy{
				width: 1200px;
				margin: 26px auto 0;
				text-align: center;
				font-size: 16px;
				line-height: 2;
				letter-spacing: 0.08em;
			}

		section.exterior .sec{
			max-width: 1200px;
			width: 100%;
			margin: 0 auto;
		}
			section.exterior .sec .title{
				position: relative;
				width: 100%;
				padding: 6px 0;
				margin-top: 52px;
				text-align: center;
				font-size: 21px;
				color: #fff;
				background: #96171a;
			}
			section.exterior .sec .title::after{
				content: "";
				display: block;
				position: absolute;
				bottom: -3px;
				left: 0;
				width: 100%;
				border-bottom: 1px solid #96171a;
			}
			section.exterior .sec .contents{
				width: 100%;
				overflow: hidden;
				margin-top: 36px;
			}
				section.exterior .sec .contents .contentsInner{
					float: left;
					width: 32%;
					margin-right: 2%;
				}
				section.exterior .sec .contents .contentsInner:nth-of-type(3n){
					margin-right: 0;
				}
				section.exterior .sec .contents .contentsInner:nth-of-type(3n+1){
					clear: both;
				}
				section.exterior .sec .contents .contentsInner:nth-of-type(n+4){
					margin-top: 2%;
				}
					section.exterior .sec .contents .contentsInner figure{
						width: 100%;
					}
						section.exterior .sec .contents .contentsInner figure img{
							width: 100%;
							height: auto;
						}
					section.exterior .sec .contents .contentsInner h4{
						width: 100%;
						text-align: center;
						font-size: 16px;
						line-height: 1;
						letter-spacing: 0.05em;
						padding: 12px 0;
					}
					section.exterior .sec .contents .contentsInner p{
						width: 100%;
						text-align: justify;
						font-size: 14px;
						line-height: 1.8;
						letter-spacing: 0.06em;
					}

			section.exterior .sec .secInner{
				width: 100%;
				margin-top: 36px;
			}
				section.exterior .sec .headingArea{
					width: 100%;
				}
					section.exterior .sec .headingArea h4{
						width: 100%;
						font-size: 18px;
						line-height: 1;
						letter-spacing: 0.05em;
						padding: 10px 0 16px;
					}
						section.exterior .sec .headingArea p{
							width: 100%;
							text-align: justify;
							font-size: 14px;
							line-height: 1.8;
							letter-spacing: 0.06em;
						}
				section.exterior .sec .tmbBox{
					overflow: hidden;
					width: 100%;
					margin: 36px 0 0;
					padding: 36px;
					background: #f4f4f4;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
					section.exterior .sec .tmbBox figure{
						float: left;
						width: 39%;
					}
						section.exterior .sec .tmbBox figure img{
							width: 100%;
							height: auto;
						}
					section.exterior .sec .tmbBox .textBox{
						float: right;
						width: 57%;
					}
						section.exterior .sec .tmbBox .textBox .introTitle{
							width: 100%;
							font-size: 21px;
							line-height: 1;
							letter-spacing: 0.05em;
							padding: 16px 0;
							border-bottom: 1px solid #aaa;
						}
						section.exterior .sec .tmbBox .textBox p{
							width: 100%;
							text-align: justify;
							font-size: 14px;
							line-height: 2;
							letter-spacing: 0.05em;
							padding: 16px 0;
						}
							section.exterior .sec .tmbBox .textBox p span{
								display: inline-block;
								margin-top: 16px;
								padding: 6px;
								color: #c30d23;
								font-size: 12px;
								border: 1px solid #c30d23;
								background: #fff;
							}
				section.exterior .sec .requestBlock{
					width: 100%;
					margin: 36px 0 0;
				}
					section.exterior .sec .requestBlock .requestBox{
						width: 100%;
						margin: 22px 0 0;
						padding: 36px;
						background: #f7f7f7;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						overflow: hidden;
					}
						section.exterior .sec .requestBlock .requestBox figure{
							float: left;
							width: 39%;
						}
							section.exterior .sec .requestBlock .requestBox figure img{
								width: 100%;
								height: auto;
							}
						section.exterior .sec .requestBlock .requestBox .requestText{
							float: right;
							width: 57%;
						}
							section.exterior .sec .requestBlock .requestBox .requestText h5{
								width: 100%;
								font-size: 21px;
								line-height: 1;
								letter-spacing: 0.05em;
								padding: 14px 0;
								border-bottom: 1px solid #aaa;
							}
							section.exterior .sec .requestBlock .requestBox .requestText p{
								width: 100%;
								font-size: 14px;
								line-height: 1.8;
								letter-spacing: 0.05em;
								padding: 16px 0;
							}
							section.exterior .sec .requestBlock .requestBox .requestText .tableBox{
								width: 100%;
							}
								section.exterior .sec .requestBlock .requestBox .requestText .tableBox tr:first-of-type{
									border-bottom: 3px solid #fff;
								}
								section.exterior .sec .requestBlock .requestBox .requestText .tableBox td{
									background: #d6d6d6;
									padding: 8px 1em;
								}
								section.exterior .sec .requestBlock .requestBox .requestText .tableBox td:first-of-type{
									width: 18%;
									background: #e5e5e5;
									text-align: center;
									border-right: 3px solid #fff;
								}

			section.exterior .loopGallery{
				position: relative;
				width: 100%;
				margin: 66px auto 36px;
			}
				section.exterior .loopGallery .caseBtn{
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
					width: 21%;
					text-align: center;
				}
					section.exterior .loopGallery .caseBtn a{
						display: inline-block;
						width: 100%;
						padding: 14px;
						border: 2px solid #aaa;
						background: rgba(255,255,255,0.6);
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
					}
						section.exterior .loopGallery .caseBtn a span{
							display: inline-block;
							padding-left: 12px;
							background: url(../../common/images/arrow_triangle_right_black.png) no-repeat left center;
						}


/* stepFlow
-----------------------------------------------------------------*/
	section.stepFlow{
		width: 100%;
		margin-top: 80px;
	}
		section.stepFlow .stepFlowBox{
			max-width: 1920px;
			width: 100%;
			margin: 0 auto;
		}
			.stepFlowBox h2{
				width: 1200px;
				margin: 0 auto;
				text-align: center;
				font-size: 34px;
				letter-spacing: 0.08em;
			}
				.stepFlowBox h2 .inner{
					display: inline-block;
					width: 72%;
					padding-bottom: 10px;
					border-bottom: 1px solid #000;
				}
			.stepFlowBox p.copy{
				width: 1200px;
				margin: 26px auto 0;
				text-align: center;
				font-size: 16px;
				line-height: 2;
				letter-spacing: 0.08em;
			}

		section.stepFlow .flowObi{
			position: relative;
			max-width: 1200px;
			width: 100%;
			margin: 0 auto;
			padding: 0 0 40px;
			text-align: center;
			font-size: 21px;
		}
		section.stepFlow .flowObi::after{
			content: "";
			display: block;
			position: absolute;
			bottom: 12px;
			left: 0;
			width: 100%;
			height: 40px;
			background: url(../images/title_obi_arrow.png) no-repeat center bottom;
			background-size: auto 100%;
		}
			section.stepFlow .flowObi p{
				width: 100%;
				padding: 12px 0;
				color: #fff;
				background: #96171a;
			}

			section.stepFlow .sec{
				max-width: 1200px;
				width: 100%;
				margin: 36px auto 0;
			}
				section.stepFlow .sec .stepBox{
					width: 86%;
					margin: 0 auto;
					padding: 0 36px 66px;
					background: url(../images/step_flow_nav_bottom.png) no-repeat center bottom 20px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					overflow: hidden;
				}
				section.stepFlow .sec .stepBox:nth-last-of-type(1){
					background: none;
				}
					section.stepFlow .sec .stepBox figure{
						float: left;
						width: 38%;
					}
						section.stepFlow .sec .stepBox figure img{
							width: 100%;
							height: auto;
						}
					section.stepFlow .sec .stepBox .stepText{
						float: right;
						width: 57%;
					}
						section.stepFlow .sec .stepBox .stepText h4{
							width: 100%;
							font-size: 21px;
							line-height: 1;
							letter-spacing: 0.05em;
							padding: 16px 0;
							border-bottom: 1px solid #aaa;
						}
						section.stepFlow .sec .stepBox .stepText p{
							width: 100%;
							font-size: 14px;
							line-height: 1.8;
							letter-spacing: 0.05em;
							padding: 16px 0;
						}


/* Btn
-----------------------------------------------------------------*/
				.exteriorBtn{
					text-align: center;
				}
					.exteriorBtn a{
						display: inline-block;
						width: 21%;
						padding: 14px;
						font-size: 14px;
						color: #96171a;
						border: 2px solid #96171a;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
					}
						.exteriorBtn a span{
							display: inline-block;
							padding-left: 12px;
							background: url(../../common/images/arrow_triangle_right_red.png) no-repeat left center;
						}




/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

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


nav ul li:first-of-type a{
	background: #96171a url(../../common/images/arrow_triangle_right_white.png) left 1em center no-repeat;
	color: #fff;
}
nav ul li:nth-of-type(3) a{
	background: none;
	color: #333;
}

#pageContents{
	width: 100%;
	min-width: inherit;
}
	.main{
		max-width: inherit;
	}
			.main .mainVisual h1{
				font-size: 18px;
				line-height: 1.6;
				top: 40%;
				left: 30px;
				width: 80%;
			}
			.main .mainVisual .panBox{
				font-size: 13px;
				line-height: 1.5;
				top: 60%;
				left: 30px;
			}

	.inpageNavBox{
		display: none;
	}

/* exterior
-----------------------------------------------------------------*/
	section.exterior{
		margin-top: 30px;
	}
		section.exterior .exteriorBox{
			max-width: 96%;
			width: 96%;
		}
			.exteriorBox h2{
				width: 100%;
				margin: 0 auto;
				text-align: center;
				font-size: 18px;
				letter-spacing: 0.08em;
			}
				.exteriorBox h2 .inner{
					width: 86%;
					padding-bottom: 10px;
				}
			.exteriorBox p.copy{
				width: 100%;
				margin: 16px auto 0;
				font-size: 14px;
				line-height: 1.8;
			}
		section.exterior .sec{
			max-width: inherit;
			width: 96%;
		}
			section.exterior .sec .title{
				margin-top: 30px;
				font-size: 14px;
				line-height: 1.4;
			}
			section.exterior .sec .contents{
				margin-top: 20px;
			}
				section.exterior .sec .contents .contentsInner{
					float: none;
					width: 100%;
					margin-right: 0;
					margin-top: 20px;
				}
				section.exterior .sec .contents .contentsInner:first-of-type{
					margin-top: 0;
				}
				section.exterior .sec .contents .contentsInner:nth-of-type(3n){
					margin-right: 0;
				}
				section.exterior .sec .contents .contentsInner:nth-of-type(3n+1){
					clear: both;
				}
				section.exterior .sec .contents .contentsInner:nth-of-type(n+4){
					margin-top: 20px;
				}
					section.exterior .sec .contents .contentsInner h4{
						padding: 6px 0;
						font-size: 14px;
						line-height: 1.4;
						letter-spacing: 0.01em;
					}
					section.exterior .sec .contents .contentsInner p{
						font-size: 12px;
					}

			section.exterior .sec .secInner{
				margin-top: 20px;
			}
				section.exterior .sec .headingArea{
					width: 100%;
				}
					section.exterior .sec .headingArea h4{
						font-size: 15px;
						line-height: 1.4;
						padding: 0;
					}
						section.exterior .sec .headingArea p{
							margin-top: 8px;
							font-size: 12px;
						}
				section.exterior .sec .tmbBox{
					margin: 20px 0 0;
					padding: 16px;
				}
					section.exterior .sec .tmbBox figure{
						float: none;
						width: 100%;
					}
					section.exterior .sec .tmbBox .textBox{
						float: none;
						width: 100%;
					}
						section.exterior .sec .tmbBox .textBox .introTitle{
							font-size: 14px;
							line-height: 1.4;
							padding: 12px 0;
						}
						section.exterior .sec .tmbBox .textBox p{
							font-size: 12px;
							padding: 12px 0;
						}
							section.exterior .sec .tmbBox .textBox p span{
								line-height: 1.6;
							}
				section.exterior .sec .requestBlock{
					margin: 20px 0 0;
				}
					section.exterior .sec .requestBlock .requestBox{
						margin: 20px 0 0;
						padding: 16px;
					}
						section.exterior .sec .requestBlock .requestBox figure{
							float: none;
							width: 100%;
						}
							section.exterior .sec .requestBlock .requestBox figure img{
								width: 100%;
								height: auto;
							}
						section.exterior .sec .requestBlock .requestBox .requestText{
							float: none;
							width: 100%;
						}
							section.exterior .sec .requestBlock .requestBox .requestText h5{
								font-size: 14px;
								padding: 12px 0;
							}
							section.exterior .sec .requestBlock .requestBox .requestText p{
								font-size: 12px;
								padding: 12px 0;
							}
								section.exterior .sec .requestBlock .requestBox .requestText .tableBox td{
									padding: 6px 1em;
								}
								section.exterior .sec .requestBlock .requestBox .requestText .tableBox td:first-of-type{
									width: 34%;
									padding: 6px 0.5em;
								}
			section.exterior .loopGallery{
				margin: 30px auto 20px;
			}
				section.exterior .loopGallery .caseBtn{
					width: 86%;
				}


/* stepFlow
-----------------------------------------------------------------*/
	section.stepFlow{
		margin-top: 30px;
	}
		section.stepFlow .stepFlowBox{
			max-width: 96%;
			width: 96%;
		}
			.stepFlowBox h2{
				width: 100%;
				margin: 0 auto;
				text-align: center;
				font-size: 18px;
				letter-spacing: 0.08em;
			}
				.stepFlowBox h2 .inner{
					width: 86%;
					padding-bottom: 10px;
				}
			.stepFlowBox p.copy{
				width: 100%;
				margin: 16px auto 0;
				font-size: 14px;
				line-height: 1.8;
			}
		section.stepFlow .sec{
			max-width: inherit;
			width: 96%;
		}
			section.stepFlow .sec .title{
				margin-top: 30px;
				font-size: 14px;
				line-height: 1.4;
			}

		section.stepFlow .flowObi{
			width: 96%;
			padding: 0 0 22px;
			font-size: 14px;
			line-height: 1.4;
		}
		section.stepFlow .flowObi::after{
			bottom: 4px;
			height: 22px;
			background: url(../images/title_obi_arrow.png) no-repeat center bottom;
			background-size: auto 100%;
		}

			section.stepFlow .sec{
				width: 100%;
				margin: 30px auto 0;
			}
				section.stepFlow .sec .stepBox{
					width: 100%;
					margin: 0 auto;
					padding: 0 16px 36px;
					background: url(../images/step_flow_nav_bottom.png) no-repeat center bottom 10px;
					background-size: auto 14px;
				}
				section.stepFlow .sec .stepBox:nth-last-of-type(1){
					background: none;
				}
					section.stepFlow .sec .stepBox figure{
						float: none;
						width: 100%;
					}
					section.stepFlow .sec .stepBox .stepText{
						float: none;
						width: 100%;
					}
						section.stepFlow .sec .stepBox .stepText h4{
							font-size: 14px;
							line-height: 1.4;
							padding: 12px 0;
						}
						section.stepFlow .sec .stepBox .stepText p{
							font-size: 12px;
							padding: 12px 0 0;
						}


/* Btn
-----------------------------------------------------------------*/
					.exteriorBtn a{
						width: 86%;
					}

}