@charset "utf-8";
/* CSS Document */
/*タイトル部*/
#titleArea {
	display: flex;
	width: auto;
	align-items: start;
	justify-content: space-between;
	margin: 20px auto;
	padding: 0px 14px;
	font-size: 87.5%;
}
#titleImagArea {
	margin-right: 77px;
}
#titleImagArea div:nth-child(2) {
	color: #006630;
	margin-top: 0.15em;
}
/*メニュー*/
#menuArea {
	display: block;
	width: auto;
	margin: 10px -30px;
	box-sizing: border-box;
	border-top: 2px solid #006630;
	border-bottom: 2px solid #006630;
	padding: 4px 0px;
}
#menuArea ul {
	display: flex;
	margin: 0px;
	padding: 0px;
}
#menuArea ul li {
	display: block;
	width: 10em;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #006630;
	padding: 0.5em;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: #006630;;
	cursor: pointer;
}
#menuArea ul li:hover {
	color: #e25928
}
#menuArea ul li:last-child {
	border-right: 0px solid #006630;
}

/*タイトルイラスト部*/
#titleIllArea {
	display: block;
	position: relative;
	margin: 20px auto 60px auto;
	padding: 0px;
	line-height: 0;
	text-align: center;
	box-sizing: border-box;	
}
#titleIllArea div:nth-child(1) {
}
#titleIllArea div:nth-child(2) {
	display: table;
	position: absolute;
	top: 10px;
	left: 55px;
	z-index: 10;
}
#title_sp {
	display: none;
}


/*バナーエリア*/
#bannerArea {
	display: flex;
	width: auto;
	margin: 20px auto 0px auto;
	justify-content: center;
}
#bannerArea div {
	margin: 10px;
}

/*本文ブロック領域*/
#contentsMainArea {
	display: block;
	position: relative;
	margin: 0px 14px;	
}

/*★★センテンス類★★*/
/*タイトル*/
.sentenceTitle {
	display: block;
	margin: 40px auto 10px auto;
	border-bottom: 3px solid #006630;
	padding-bottom: 0px;
	font-size: 153.125%;
	line-height: 135%;
	color: #006630;
}
.sentenceTitle span {
	display: table;
	margin: 0px;
	border-bottom: 3px solid #F6B42D;
	padding-bottom: 0.15em;
}
/*リード*/
.text_lead {
	margin: 0em 0em 0.75em 0em;
	font-size: 87.5%;	
}
.text_lead p {
	text-indent: 1em;	
}
.text_lead2 {
	margin: 0.75em 0em 0em 0em;
	font-size: 87.5%;	
}
.text_lead2 p {
	text-indent: 1em;	
}

/*本文*/
.contBlock {
	display: block;
	position: relative;
	font-size: 87.5%;
}
.contBlock p {
	text-align: justify;
	text-indent: 1em;
}
/*リスト*/
.listTitle {
	margin-top: 0.75em;
	font-weight: bold;
}
.contBlock ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	padding-left: 2.5em;
	box-sizing: border-box;
}
.contBlock ul li {
	line-height: 150%;
	margin-bottom: 0.75em;
}

/*ブロック*/
.flexArea {
	display: flex;
	box-sizing: border-box;
	align-items: start;
	justify-content: left;
}
.flexArea div:first-child {
	margin-right: 10px;
}
.flexArea div:last-child {
	margin-left: 10px;
}
.flexArea2 {
	display: flex;
	box-sizing: border-box;
	align-items: start;
	justify-content: left;
}
.flexArea4 {
	display: flex;
	padding-top: 8px;
	box-sizing: border-box;
	align-items: stretch;
	justify-content: space-between;
}
.flexArea4 div {
	box-sizing: border-box;
	width: 226px;
}
.flexArea4 div p {
	text-indent: 0em;;
}
.flexArea4 div p strong {
	font-size: 120%;
}
.flexArea4 div:nth-child(1) {
	margin-right: 10px;
}
.flexArea4 div:nth-child(2) {
	margin: 0px 10px;
}
.flexArea4 div:nth-child(3) {
	margin: 0px 10px;
}
.flexArea4 div:nth-child(4) {
	margin-left: 10px;
}
.contBlock.flexArea4 p.TAC {
	text-align: center;
}
.noteArea {
	margin-top: 0.75em;
	border-top: 1px solid #d8d8d8;
}
		

/*その他*/
.borderBox {
	border: 1px solid #555;
}
.MT1 {
	margin-top: 1em;
}
.fs115 {
	font-size: 115%;
}
.fcDred {
	color: #C10F23;
}
.fcDgre {
	color: #006630;
}
.LH0 {
	line-height: 0%;
}

/*GOTOSITEのボタン*/
.btGoToSite {
	display: block;
	/*width: fit-content;*/
	width: max-content;
	margin: 0.45em 0em 0.45em 1em;
	border: 2px solid #fff;
	border-radius: 12px;
	padding: 0.65em 1em 0.5em 1em;
	background: #007f54;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.45);
	font-size: 114.28571%;
	line-height: 135%;
}
.btGoToSite a {
	display: flex;
	align-items: flex-start;
}
.btGoToSite a:link,
.btGoToSite a:visited {
	color: #fff;
}
.btGoToSite a:hover {
	color: #f1ea28;
}
.btGoToSite span {
	font-size: 81.25%;
}
/**************************/
g[id*='svgSea']:hover,
g[id*='svgArea']:hover,
g[id*='svgText']:hover {
	cursor: pointer;
}