@charset "utf-8";

/* ttlWrap */
.topWrap{
	background-attachment: fixed;
	aspect-ratio: 1920/1080;
	background-image: url(../images/top/siteBg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.ttlWrap{
	text-align: center;
	color:#7a6a56;
	padding-top: 80px;
}
.ttlWrap h4{
	font-size: 3em;
	letter-spacing: 0.1em;
	display: inline-block;
	padding: 0 1em;
	margin-bottom: 50px;
	position: relative;
}
.ttlWrap h4:before,
.ttlWrap h4:after{
	content: '';
	width: 15px;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;                
	background-image: url(../images/position/deco02_sp.svg);
	position: absolute;
}
.ttlWrap h4:before{
	top: 0;
	left: 0;
}
.ttlWrap h4:after{
	top: 0;
	right: 0;
}
@media (max-width:1400px){
	.ttlWrap h4{
		font-size: 2.75em;
	}
}
@media (max-width:1200px){
	.ttlWrap h4{
		font-size: 2.5em;
	}
}

/* tableWrap */
.tableWrap{
	width:1386px;
	margin:0 auto;
	margin-bottom: 50px;
}
.tableWrap02{
	width:1386px;
	margin:0 auto;
	padding: 0 0 100px 0;
}
.subTtl_wrap h3{
	font-size: 1.5em;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-align: center;
}
.mainTable_inner{
	width:90%;
	margin:0 auto;
	padding: 30px 0;
}
.subTable_inner{
	width:90%;
	margin:0 auto;
	padding: 30px 0;
}
.dateWrap{
	width:90%;
	margin:0 auto;
	margin-bottom: 50px;
}
.mainTable_inner table,
.subTable_inner table{
	width:100%;
	border-collapse: collapse;
}
.mainTable_inner table tr th,
.subTable_inner table tr th{
	width:30%;
	font-size: 1.1em;
	font-weight: 500;
	text-align: right;
	color: #fff;
	background-color:#43626f;
	border: 2px solid #43626f;
	border-bottom: 2px solid #fff;
	padding: 10px 20px 10px 0;
}
.mainTable_inner table tr:last-of-type th,
.subTable_inner table tr:last-of-type th{
	border-bottom: 2px solid #43626f;
}
.mainTable_inner table tr td,
.subTable_inner table tr td{
	width:70%;
	font-size: 1em;
	background-color: #fff;
	border: 2px solid #43626f;
	padding: 10px 0 10px 20px;
}
.ttlWrap h3{
	font-size: 2em;
	letter-spacing: 0.1em;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}
.dateWrap ul{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.dateWrap ul li{
	font-size: 1em;
}
.dateWrap ul li:first-of-type,
.dateWrap ul li:nth-of-type(2),
.dateWrap ul li:nth-of-type(3){
	margin-right: 10px;
}
@media (max-width:1600px){
	.tableWrap,
	.tableWrap02{
		width:87%;
	}
}
@media (max-width:1200px){
	.tableWrap,
	.tableWrap02{
		width:90%;
	}
}
@media (max-width:1024px){
	.tableWrap{
		width:90%;
	}
}
@media (max-width:768px){
	.mainTable_inner table tr th,
	.subTable_inner table tr th{
		display: block;
		width:100%;
		font-size: 1.25em;
		font-weight: 500;
		text-align: left;
		border: 2px solid #43626f;
		padding: 10px 10px 5px 10px;
		box-sizing: border-box;
	}
	.mainTable_inner table tr td,
	.subTable_inner table tr td{
		display: block;
		width:100%;
		font-size: 1.15em;
		padding: 5px 10px 10px 10px;
		box-sizing: border-box;
	}
	.mainTable_inner table tr th .under1400,
	.subTable_inner table tr th .under1400,
	.subTable_inner table tr th .under1024{
		display: none;
	}
	.dateWrap ul li{
		width:100%;
		text-align: center;
	}
	.dateWrap ul li:first-of-type,
	.dateWrap ul li:nth-of-type(2){
		margin-right: 0px;
	}   
}
@media (max-width:500px){
	.mainTable_inner{
		padding: 30px 0;
	}
	.subTable_inner{
		padding: 30px 0 15px 0;
	}
	.dateWrap{
		margin-bottom: 30px;
	}
	.tableWrap:last-of-type{
		margin-bottom: 40px;
	}
}

/* positionTtl */
.positionTtl_outerWrap{
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}
.positionTtl_wrap{
	position: relative;
	display: inline-block;
	width: 4000px;
	height:150px; /* 適切な高さに調整 */
	background-image: url('../images/position/txtBg.svg');
	background-repeat: repeat-x; /* 横方向に画像を繰り返す */
	background-position: 0 0;
	animation: scroll-bg 60s linear infinite;
}
@keyframes scroll-bg {
	0% {
		background-position: 4000px 0;
	}
	100% {
		background-position: 0 0;
	}
}
.positionTtl_outerWrap>h3{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	writing-mode: vertical-rl;
	height: 250px;
	font-size: 1.75em;
	letter-spacing: 0.1em;
	font-weight: 400;
	color: #557a89;
}
@media (max-width:1400px){
	.positionTtl_wrap{
		height:125px; /* 適切な高さに調整 */
	}
	.positionTtl_outerWrap>h3{
		height: 220px;
		font-size: 1.5em;
	}
}
@media (max-width:1200px){
	.positionTtl_wrap{
		height:100px; /* 適切な高さに調整 */
	}
}
@media (max-width:1024px){
	.positionTtl_wrap{
		height:75px; /* 適切な高さに調整 */
	}
	.positionTtl_outerWrap>h3{
		height: 190px;
	}
}
@media (max-width:768px){
	.positionTtl_outerWrap>h3{
		height: 190px;
		font-size: 1.75em;
	}
}
@media (max-width:500px){
	.positionTtl_outerWrap{
		padding: 80px 0;
	}
	.positionTtl_wrap{
		height:50px; /* 適切な高さに調整 */
	}
	.positionTtl_outerWrap>h3{
		height: 160px;
		font-size: 1.5em;
	}
}

/* historicContents */
.historicContents{
	margin-bottom: 80px;
}
.historicContents_row{
	width: 1320px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.historicContents_row:last-of-type{
	margin-bottom: 0px;
}
.historicContents_inner{
	width: 48%;
}
.historicContents_img{
	margin-bottom: 10px;
}
.historicContents_txt h4{
	font-size: 1.5em;
	letter-spacing: 0.1em;
	font-weight: 400;
	margin-bottom: 5px;
}
.historicContents_txt p{
	font-size: 1em;
	line-height: 1.8;
}
@media (max-width:1600px){
	.historicContents_row{
		width: 87%;
	}
}
@media (max-width:1024px){
	.historicContents_row{
		width: 90%;
	}
}
@media (max-width:768px){
	.historicContents_row{
		flex-wrap: wrap;
	}
	.historicContents_inner:first-of-type{
		margin-bottom: 30px;
	}
	.historicContents_inner{
		width: 100%;
	}
}

/* sightSeeing */
.sightSeeing{
	margin-bottom: 80px;
}
.sightSeeing_imgRow{
	display: flex;
	overflow: hidden;
}
.sightSeeing_imgRow p{
	width:50%;
}
.sightSeeing_txtRow{
	padding: 80px 0;
	position: relative;
}
.sightSeeing_txtRow:before{
	content: '';
	background-color: #43626f;
	mix-blend-mode: multiply;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.sightSeeing_txtRow p{
	font-size: 1.5em;
	letter-spacing: 0.1em;
	line-height: 1.8;
	text-align: center;
	color: #b7a67c;
	position: relative;
}
@media (max-width:768px){
	.sightSeeing{
		margin-bottom: 50px;
	}
	.sightSeeing_imgRow{
		flex-wrap: wrap;
	}
	.sightSeeing_imgRow p{
		width:100%;
	}
}
@media (max-width:500px){
	.sightSeeing_txtRow{
		padding: 50px 0;
	}
	.sightSeeing_txtRow p{
		font-size: 1.25em;
	}
}

/* redevelopment_wrap */
.redevelopment_wrap{
	width:1320px;
	margin: 0 auto;
	margin-bottom: 80px;
}
.redevelopment_row{
	display: flex;
	align-items: center;
}
.redevelopment_imgBox,
.redevelopment_txtBox{
	width: 50%;
}
.redevelopment_txtBox{
	text-align: right;
}
.redevelopment_txtBox>.deco{
	margin-bottom: 10px;
}
.redevelopment_txtBox h3{
	font-size: 1.5em;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1.6;
	margin-bottom: 30px;
}
.redevelopment_txtBox p{
	font-size: 1em;
	line-height: 1.8;
}
.redevelopment_txtBox p:nth-of-type(2){
	margin-bottom: 50px;
}
.redevelopment_txtBox>.small{
	font-size: 0.75em;
}
@media (max-width:1600px){
	.redevelopment_wrap{
		width:87%;
	}
}
@media (max-width:1024px){
	.redevelopment_wrap{
		width:90%;
	}
}
@media (max-width:768px){
	.redevelopment_wrap{
		width:70%;
		margin-bottom: 50px;
	}
	.redevelopment_row{
		flex-wrap: wrap;
	}
	.redevelopment_imgBox,
	.redevelopment_txtBox{
		width: 100%;
	}
}
@media (max-width:500px){
	.redevelopment_wrap{
		width:80%;
	}
	.redevelopment_txtBox h3{
		font-size: 1.25em;
	}
}
@media (max-width:375px){
	.redevelopment_wrap{
		width:90%;
	}
}