@charset "UTF-8";


.title {
	line-height: 1.6;
	margin-bottom: 40px;
}
	.title h2 {
		font-family: "Noto Sans JP";
		font-size: 6rem;
		font-weight: 700;
		letter-spacing: 0.1em;
	}
	.title p {
		font-family: "Noto Serif JP";
		font-size: 3.8rem !important;
		font-weight: 600;
	}




/* mainTitle
--------------------- */
#mainTitle {
}
	#mainTitle .inner {
		padding: 200px 0;
		position: relative;
	}
	#mainTitle p {
		font-size: 1.5rem;
		width: 450px;
	}

	#mainTitle p.pht {
		position: absolute;
		top: 200px;
		right: 0;
		width: 500px;
	}
		#mainTitle p.pht img {
			width: 100%;
			height: auto;
		}

	#mainTitle p.bg {
		position: absolute;
		top: 200px;
		right: 0;
		width: 850px;
		z-index: -100;
	}
		#mainTitle p.bg img {
			width: 100%;
			height: auto;
		}


/* Importance
--------------------- */
#Importance {
	background: url("../img/renovation/bg01.svg") no-repeat top;
	background-size: cover;
	padding: 100px 0 700px 0;
}
	#Importance .inner {
		position: relative;
	}

	#Importance .title {
		text-align: right;
	}
	#Importance .txt {
		position: absolute;
		top: 200px;
		right: 0;
		font-size: 1.5rem;
		width: 600px;
	}
	#Importance .pht {
		position: absolute;
		top: 150px;
		left: 350px;
		width: 180px;
	}
		#Importance .pht img {
			width: 100%;
			height: auto;
		}



/* Property
--------------------- */
#Property {
}
	#Property .inner {
		padding: 100px 0;
		max-width: 910px;
		position: relative;
	}
	#Property .inner dl {
		width: 44%;
		margin-right: 12%;
		margin-bottom: 6%;
	}
	#Property .inner dl:nth-child(2n) {
		margin-right: 0%;
	}

	#Property .inner dl {
	}
		#Property .inner dl dt {
			font-size: 3.8rem;
			margin-bottom: 20px;
			font-family: "Noto Serif JP";
		}
		#Property .inner dl dt span {
			font-size: 2.4rem;
			color: #b90101;
			border: solid 1px #000;
			padding: 10px 30px;
			font-weight: 500;
			margin-right: 20px;
			font-family: "Noto Sans JP";
		}
		#Property .inner dl dd {
			position: relative;
		}
			#Property .inner dl dd .ill {
				position: absolute;
				bottom: -60px;
				right: -60px;
				width: 116px;
			}

	#Property .inner img {
		width: 100%;
		height: auto;
	}



/* Gallery
--------------------- */
#Gallery {
	margin-bottom: 200px;
}

#Gallery .title {
	text-align: center;
	line-height: 1.6;
	margin-bottom: 40px;
}
	#Gallery .title h2 {
		font-size: 5rem !important;
		letter-spacing: 0.2em;
	}
	#Gallery .title p {
		font-family: "Noto Sans JP" !important;
		font-size: 1.5rem !important;
		letter-spacing: 0.1em;
	}


#Gallery .slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:100%;
    margin:0 auto;
	position: relative;
	z-index: 1;
}

#Gallery .slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

#Gallery .slider .slick-slide {
    margin:0px 10px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
#Gallery .slick-prev, 
#Gallery .slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 1px solid #666;/*矢印の色*/
    border-right: 1px solid #666;/*矢印の色*/
    height: 60px;
    width: 60px;
	z-index: 100;
}

#Gallery .slick-prev {/*戻る矢印の位置と形状*/
    left: 3%;
    transform: rotate(-135deg);
}

#Gallery .slick-next {/*次へ矢印の位置と形状*/
    right: 3%;
    transform: rotate(45deg);
}





/* 1200px */
@media screen and (max-width: 1200px) {



}





/* max 1023px */
@media screen and (max-width: 1023px) {

.title {
	line-height: 1.6;
	margin-bottom: 40px;
}
	.title h2 {
		font-family: "Noto Sans JP";
		font-size: 3rem;
		font-weight: 700;
		letter-spacing: 0.1em;
	}
	.title p {
		font-family: "Noto Serif JP";
		font-size: 1.4rem !important;
		font-weight: 600;
	}




/* mainTitle
--------------------- */
#mainTitle {
}
	#mainTitle .inner {
		padding: 100px 0;
		position: relative;
	}
	#mainTitle p {
		font-size: 1.4rem;
		width: 100%;
	}

	#mainTitle p.pht {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
	}
		#mainTitle p.pht img {
			width: 100%;
			height: auto;
		}

	#mainTitle p.bg {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		z-index: -100;
	}
		#mainTitle p.bg img {
			width: 100%;
			height: auto;
		}


/* Importance
--------------------- */
#Importance {
	background: none;
	background-size: cover;
	padding: 5% 0;
}
	#Importance .inner {
		position: relative;
	}

	#Importance .title {
		text-align: left;
	}
	#Importance .txt {
		position: relative;
		top: 0;
		right: 0;
		font-size: 1.4rem;
		width: 100%;
	}
	#Importance .pht {
		position: relative;
		top: 0;
		left: 0;
		width: 40%;
		margin: 0 auto;
		margin-bottom: 5%;
	}
		#Importance .pht img {
			width: 100%;
			height: auto;
		}



/* Property
--------------------- */
#Property {
}
	#Property .inner {
		padding: 5% 0;
		max-width: 910px;
		position: relative;
	}
	#Property .inner dl {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10%;
	}
	#Property .inner dl:nth-child(2n) {
		margin-right: 0%;
	}

	#Property .inner dl {
	}
		#Property .inner dl dt {
			font-size: 2rem;
			margin-bottom: 20px;
			font-family: "Noto Serif JP";
		}
		#Property .inner dl dt span {
			font-size: 2rem;
			color: #b90101;
			border: solid 1px #000;
			padding: 10px 30px;
			font-weight: 500;
			margin-right: 20px;
			font-family: "Noto Sans JP";
		}
		#Property .inner dl dd {
			position: relative;
		}
			#Property .inner dl dd .ill {
				position: absolute;
				bottom: -30px;
				right: -3%;
				width: 20%;
			}

	#Property .inner img {
		width: 100%;
		height: auto;
	}



/* Gallery
--------------------- */
#Gallery {
	margin-bottom: 10%;
}

#Gallery .title {
	text-align: center;
	line-height: 1.6;
	margin-bottom: 40px;
}
	#Gallery .title h2 {
		font-size: 3rem !important;
		letter-spacing: 0.2em;
	}
	#Gallery .title p {
		font-family: "Noto Sans JP" !important;
		font-size: 1.4rem !important;
		letter-spacing: 0.1em;
	}


#Gallery .slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:100%;
    margin:0 auto;
	position: relative;
	z-index: 1;
}

#Gallery .slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

#Gallery .slider .slick-slide {
    margin:0px 0px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
#Gallery .slick-prev, 
#Gallery .slick-next {
	display: none !important;
}


}