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


/****************************************************************************************************
下層ページ共通パーツ
****************************************************************************************************/

/*ヘッダー*/
#header.lower { 
	position: fixed;
	top: 0;
	z-index: 2; /*★*/
}
.mainSlide.lower {
	height: 120px;
	overflow: hidden;
}
.mainSlide.lower img {
	width: 100%;
}

.mainMenu.lower { 
	filter: invert(100%);
}

/*コンテンツエリア*/
@keyframes fadeInBody {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* body要素にアニメーションを適用 */
body {
  animation: fadeInBody 0.5s ease-in-out forwards;
  /* 
    1.5s: アニメーションの長さ
    ease-in-out: 滑らかに
    forwards: アニメーション終了時の状態（opacity: 1）を維持する
  */
}

#contents {
	padding-top: 200px;
}

/*ページ内スクロール調整*/
.section { 
    padding-top: 200px;
    margin-top:-200px;
}

.overviewArea {
	margin-top: 50px;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}
.overviewArea.main {
	margin-top: 50px;
}
.ovTitle {
	margin-bottom: 20px;
}
.ovBody {
	margin-bottom: 20px;
}
.ovSub {
	margin-bottom: 40px;
}
.ovSub ul {
	display: flex;
	justify-content: center;
	column-gap: 30px;
}

/*セクション 大*/
.secBlock {
	display: flex;
	justify-content: space-between;
}
.imgRight {
	flex-direction: row-reverse;
}

.secImgBox {
	width: 58%;
}
.secImgBox img {
	display: block;
	width: 100%;	
}

.secMapBox {
	width: 58%;
	height: 500px;
	background: #EBEBEB;
}
.secMapBox iframe {
	width:100%;
	height:100%;
}

.secTxtBox {
	width: 42%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
}
.secBlock:nth-child(even) .secTxtBox {
	background: #EEEEEE;
}
.secBlock:nth-child(odd) .secTxtBox {
	background: #FAFAFA;
}
.secTxtBox ul {
	width: fit-content;
	font-size:13px;
	line-height: 2.0;
	text-align: left;
	margin: 0 auto;
}

/*セクション 中*/
.secBlock.middle {
	width: 80%;
	margin: 0 auto;
}
.secBlock.middle .secImgBox {
	width: 50%;
}
.secBlock.middle .secMapBox {
	width: 50%;
}
.secBlock.middle .secTxtBox {
	width: 50%;
}

/*下層ページ内リンクパーツ*/
.miniLink.tobottom { 
	padding-left: 23px; 
	font-size: 15px;
}
.miniLink.tobottom:after {
	transform: rotate(135deg);
	left: 5.5px;
	top: -2px;
}


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

	/*ヘッダー*/
	.mainSlide.lower {
		height: 65px;
	}

	#contents {
		padding-top: 35px;
	}
	.overviewArea.main {
		padding-bottom: 0;
	}
	.overviewArea {
		margin-top: 50px;
		padding-bottom: 0;
	}
	.ovTitle {
		margin-bottom: 10px;
	}
	.ovSub {
		margin-bottom: 20px;
	}

	/*セクション 大*/
	.secBlock {
		flex-direction: column;
		justify-content: center;
	}
	.imgRight {
		flex-direction: column;
	}
	.secImgBox {
		width: 100%;
	}
	.secMapBox {
		width: 100%;
		height: 250px;
	}
	.secTxtBox {
		width: 100%;
		padding: 25px 0 27px 0;
	}
	.secBlock:nth-child(even) .secTxtBox {
		background: #EEEEEE;
	}
	.secBlock:nth-child(odd) .secTxtBox {
		background: #FAFAFA;
	}

	/*セクション 中*/
	.secBlock.middle {
		width: 90%;
	}
	.secBlock.middle .secImgBox {
		width: 100%;
	}
	.secBlock.middle .secMapBox {
		width: 100%;
	}
	.secBlock.middle .secTxtBox {
		width: 100%;
	}

	/*スマホ版のみFlex順序を入れ替える*/
	.sOd1 {order: 1;}
	.sOd2 {order: 2;}
	.sOd3 {order: 3;}
	.sOd4 {order: 4;}


}