@charset "utf-8";
/* ======================================================

index.css
-----------------------------------
 * COMPONENT ********************************************
 * Page Parts
 * Clearfix
====================================================== */


/* アニメーション */
/* ----------------------------------------------
 * Generated by Animista on 2023-7-5 15:0:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation focus-in-expand
 * ----------------------------------------
 */
.focus-in-expand {
	-webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 250ms both;
	animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 250ms both;
}

@-webkit-keyframes focus-in-expand {
	0% {
		letter-spacing: -0.5em;
		-webkit-filter: blur(12px);
		filter: blur(12px);
		opacity: 0;
	}

	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}

@keyframes focus-in-expand {
	0% {
		letter-spacing: -0.5em;
		-webkit-filter: blur(12px);
		filter: blur(12px);
		opacity: 0;
	}

	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}


.tab_br{display: none;}


@media only screen and (min-width: 768px),
print {

	/********************************************************

  ELEMENT

********************************************************/
	/* Page Parts
------------------------------------------------------ */
	#mainContainer #contentContainer {
		margin-top: 0;
		margin-bottom: 30px;
	}

	/* mainArea
------------------------------------------------------ */
	.mainArea {
		position: relative;
		min-width: 1000px;
	}

	/*　#mainVisual　*/
	.mainArea #mainVisual {
		position: relative;
		width: 100%;
		height: 32.5vw;
		min-height: 600px;
		margin: 0 auto;
		z-index: 2;
	}

	/*　.mainArea #mainVisual div {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 1280px;
	text-indent: -9999px;
}*/

	.mainArea #mainArea-prev-btn .bx-prev,
	.mainArea #mainArea-next-btn .bx-next {
		position: absolute;
		display: block;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		color: #000000;
		background-color: #ffffff90;
		padding: 1em;
		border-radius: 2em;
		line-height: 1;
	}

	.mainArea #mainArea-prev-btn .bx-prev {
		left: 2.5%;
	}

	.mainArea #mainArea-next-btn .bx-next {
		left: 97.5%;
	}

	.mainArea .bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		bottom: 2.5%;
	}

	.mainArea .bx-wrapper .bx-pager.bx-default-pager a {
		background: #ffffff90;
	}

	.mainArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.mainArea .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #ffffffd0;
	}

	.mainArea #mainVisual .slideImg {
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		height: 32.5vw;
		min-height: 600px;
	}

	/*.mainArea #mainVisual .slideImg01 {
	background: url(/img/index_im01_pc.png) 50% top no-repeat;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.mainArea #mainVisual .slideImg02 {
	background: url(/img/index_im02_pc.png) 50% top no-repeat;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.mainArea #mainVisual .slideImg03 {
	background: url(/img/index_im03_pc.png) 50% top no-repeat;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.mainArea #mainVisual .slideImg04 {
	background: url(/img/index_im04_pc.png) 50% top no-repeat;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.mainArea #mainVisual .slideImg05 {
	background: url(/img/index_im05_pc.png) 50% top no-repeat;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.mainArea #mainVisual .slideImg06 {
	background: url(/img/index_im06_pc.png) 50% top no-repeat;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}*/

	.mainArea #mainVisual .slideImg01 {
		background: url(/img/mainVisual_slide/20240821_hero01.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg01_2 {
		background: url(/img/mainVisual_slide/202408_hero01_2.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg02 {
		background: url(/img/mainVisual_slide/hero02.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg03 {
		background: url(/img/mainVisual_slide/hero03.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg04 {
		background: url(/img/mainVisual_slide/hero04.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg05 {
		background: url(/img/mainVisual_slide/hero05.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg06 {
		background: url(/img/mainVisual_slide/hero06.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	
	.mainArea #mainVisual .slideImg07 {
		background: url(/img/mainVisual_slide/hero07.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg08 {
		background: url(/img/mainVisual_slide/hero08.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}


	/*.mainArea #mainVisual .slideImg::before {
    content: "";
    position:absolute;
	height: 100%;
	width: 100%;
	background-image:linear-gradient(to right bottom,#00000020, #ffffff10);
	background-repeat: repeat;
	transition: all 0.5s ease-in-out;
	z-index: -1;
}*/

	.mainArea #mainVisual .slideImg:hover::before {
		opacity: 0;
	}

	.mainArea #mainVisual .slideBox {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column ;
		height: 100%;
		width: 100%;
	}

	.mainArea #mainVisual .slideTxt {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column ;
		font-family: 'Shippori Mincho', serif;
		text-shadow: 0px 0px 5px #000000ee, 0px 0px 12.5px #000000cc;
	}

	.mainArea #mainVisual .slideTxtBig {
		color: white;
		font-size: 55px;
		font-weight: 800;
		padding: 15px 0;
		line-height: 1.25;
	}
	.mainArea #mainVisual .slideTxtBig.csrTxt{
		font-size: 50px;
	}
	.mainArea #mainVisual .slideTxtSmall {
		color: whitesmoke;
		font-size: 32px;
		font-weight: 400;
	}

	.mainArea #mainVisual .slideTxt .txtAccentRed{
		display: inline-block;
		border-bottom: solid 3px #e9545d;
		margin: 15px;
	
	}
	.mainArea #mainVisual .slideTxt .txtAccentBlue{
		display: inline-block;
		border-bottom: solid 3px #3271ad;
		margin: 15px;

	}
	.mainArea #mainVisual .slideTxt .txtAccentGreen{
		display: inline-block;
		border-bottom: solid 3px #4ca535;
		margin: 15px;
	}

	.mainArea #mainVisual .sloganimg {
		width: 15em;
	}

	.mainArea #mainVisual .Link {
		display: block;
		text-align: center;
		text-decoration: none;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 75px;
		width: 20em;
		padding: 1rem 4rem;
		color: #000;
		background: #ffffffcc;
		transition: 0.3s ease-in-out;
		margin: 20px auto;
	}

	.mainArea #mainVisual .Link::before {
		content: '';
		position: absolute;
		top: -4px;
		left: -4px;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		border: 2px solid #ffffffcc;
		transition: 0.5s;
	}

	.mainArea #mainVisual .Link:hover {
		background: #ffffffee;
	}

	.mainArea #mainVisual .Link:hover::before {
		top: -8px;
		left: -8px;
		width: calc(100% + 12px);
		height: calc(100% + 12px);
		border: 2px solid #333333cc;
		opacity: 0;
	}

	.mainArea #mainVisual .Link span {
		font-family: 'Shippori Mincho', serif;
		font-weight: 800;
		font-size: medium;
	}

	/*.mainArea .mainFixImg {
	position: absolute;
	top: 0;
	left: 0;
	height: 474px;
	text-indent: -9999px;
	width: 100%;
	background: url(/img/index_imfix_pc.png) 50% 33px no-repeat;
}*/


	/*#mainVisual div a {
	display: block;
}
#mainVisual .current {
	display: block;
	z-index: 3;
}
#mainVisual #naviList {
	position: absolute;
	bottom: 60px;
	left: 20px;
	z-index: 1000;
}
#mainVisual #naviList li {
	float: left;
	margin-left: 20px;
	z-index: 5;
}
#mainVisual #naviList li:first-child {
	margin-left: 0;
}
#mainVisual #naviList a {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999em;
	outline: none;
	background-color: #bbbbbb;
	border-radius: 5px;
}
#mainVisual #naviList a:hover,
#mainVisual #naviList .current a {
	background-color: #333333;
}*/

	/* localNavArea */
	.localNavArea {
		position: relative;
		width: 1000px;
		margin: -60px auto 60px;
		border-top: solid 4px #307246;

		/* box-shadow */
		box-shadow: rgba(102, 102, 102, 0.498039) 0px 5px 25px -4px;
		-webkit-box-shadow: rgba(102, 102, 102, 0.498039) 0px 5px 25px -4px;
		-moz-box-shadow: rgba(102, 102, 102, 0.498039) 0px 5px 25px -4px;
	}

	.localNavArea .btnList {
		display: table;
		margin-top: 0;
		border-bottom: solid 1px #9bbaa5;
		background: url(/img/index_bg01.gif) left top repeat-x #ffffff;
	}

	.localNavArea .btnList a {
		position: relative;
		display: table-cell;
		width: 200px;
		vertical-align: middle;
		border-right: solid 1px #9bbaa5;
		border-left: solid 1px #9bbaa5;
		text-align: center;
		padding: 20px 8px;
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: bold;
		color: #136632;
	}

	.localNavArea .btnList a .subText {
		font-size: 15px;
		font-size: 1.5rem;
	}

	.localNavArea .btnList a:hover {
		opacity: 0.8;
	}

	.localNavArea .btnList a+a {
		border-left: none;
	}

	.localNavArea .btnList a:before {
		content: "";
		position: absolute;
		right: 1px;
		bottom: 1px;
		display: inline-block;
		width: 10px;
		height: 10px;
		background: url(/img/index_bg02.png) 0 0 no-repeat;
	}

	/*.localNavArea .btnList a:nth-child(1):after {
	content: "";
	position: absolute;
	left: 68px;
	top: 15px;
	display: inline-block;
	width: 60px;
	height: 50px;
	background: url(/img/index_ic01.png) 0 0 no-repeat;
}
.localNavArea .btnList a:nth-child(2):after {
	content: "";
	position: absolute;
	left: 68px;
	top: 15px;
	display: inline-block;
	width: 60px;
	height: 50px;
	background: url(/img/index_ic02.png) 0 0 no-repeat;
}
.localNavArea .btnList a:nth-child(3):after {
	content: "";
	position: absolute;
	left: 68px;
	top: 15px;
	display: inline-block;
	width: 60px;
	height: 50px;
	background: url(/img/index_ic03.png) 0 0 no-repeat;
}
.localNavArea .btnList a:nth-child(4):after {
	content: "";
	position: absolute;
	left: 68px;
	top: 15px;
	display: inline-block;
	width: 60px;
	height: 50px;
	background: url(/img/index_ic04.png) 0 0 no-repeat;
}
.localNavArea .btnList a:nth-child(5):after {
	content: "";
	position: absolute;
	left: 68px;
	top: 15px;
	display: inline-block;
	width: 60px;
	height: 50px;
	background: url(/img/index_ic05.png) 0 0 no-repeat;
}*/


/*panelArea*/
	#mainContents .panelArea {
		width: 80vw;
		min-width: 1000px;
		margin: 20px auto;
	}

	#mainContents .panelArea .panelSection {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 1em;
	}

	#mainContents .panelArea .panelSection .panelSectionCld {
		display: flex;
		flex-wrap: nowrap;
		border: solid 1px #cccccc;
		border-radius: 5px;
		text-decoration: none;
		color: #000000;
		box-shadow: 2.5px 2.5px 5px lightgrey;
		transition: 0.2s all;

		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		transition: .25s;
	}


	#mainContents .panelArea .panelSection.panel3 .panelSectionCld {
		height: 100px;
		width: calc(33% - 0.5em);
	}

	#mainContents .panelArea .panelSection .panelSectionCld:hover {
		background: #f2ffe9;
		color: #000000;
		box-shadow: 0px 0px 0px lightgrey;
	}

	#mainContents .panelArea .panelSection .panelSectionCldImg {
		width: 20%;
		height: 100%;
		border-radius: 5px 0 0 5px;
		object-fit: cover;
	}

	#mainContents .panelArea .panelSection .panelSectionCldTxt {
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
		flex-flow: column;
		width: 100%;
		padding: 1em;
	}

	#mainContents .panelArea .panelSection .panelSectionCldTxtHeader {
		display: block;
		width: 100%;
		font-size: 1.5em;
		font-weight: bold;

	}

	#mainContents .panelArea .panelSection .panelSectionCldTxtSub {
		margin-top: 0.5em;
		font-family: 'Noto Sans JP', sans-serif;
	}


	#mainContents .panelArea .panelSection .panelSectionCldTxtSub.panelTxtAnnounce {
		display: flex;
		flex-flow: column;
		justify-content: space-evenly;
		height: 100%;
		font-family: 'Shippori Mincho', serif;
		font-size: 1.25em;
	}

	#mainContents .panelArea .panelSection .panelSectionCldTxtSub.panelTxtAnnounce .panelTxtCenter {
		text-align: center;
		font-weight: bold;
	}

	#mainContents .panelArea .panelSection .panelSectionCldTxtSub.panelTxtAnnounce .panelTxtRight {
		text-align: right;
		font-size: 0.8em;
	}


	#mainContents .panelArea .panelSection.panel1 {
		display: block;
	}

	#mainContents .panelArea .panelSection.panel1 .panelSectionCld {
		display: block;
	}

	#mainContents .panelArea .panelSection.panel1 .panelSectionCld:hover {
		box-shadow: 0px 0px 0px lightgrey;
	}

	#mainContents .panelArea .panelSection.panel1 .panelSectionCldImg {
		width: 100%;
		height: 100%;
		border-radius: 5px 5px 0 0;
	}

	#mainContents .panelArea .panelSection.panel1 .panelSectionCldTxt {
		display: block;
		width: 100%;
		padding: 1em;
		color: #000;
	}

	/*===============
            タブレット用調整
            ================*/
	@media only screen and (min-width: 768px) and (max-width: 1121px),
	print {

	}

	/*===============
            スマホ用調整
            ================*/
	@media only screen and (max-width: 767px) {
		#mainContents .panelArea {
			width: 100%;
			min-width: 300px;
		}

		#mainContents .panelArea .panelSection {
			gap: 0.5em;
		}

		#mainContents .panelArea .panelSection .panelSectionCld:hover {
			background: #fff;
			box-shadow: 2.5px 2.5px 5px lightgrey;
		}


		#mainContents .panelArea .panelSection.panel2 .panelSectionCld {
			height: 200px;
			width: 100%;
		}

		#mainContents .panelArea .panelSection.panel2 .panelSectionCldImg {
			width: 100px;
		}


		#mainContents .panelArea .panelSection.panel3 .panelSectionCld {
			height: 95px;
			width: calc(50% - 0.25em);
		}

		#mainContents .panelArea .panelSection.panel3 .panelSectionCldImg {
			width: 60px;
		}

		#mainContents .panelArea .panelSection.panel3 .panelSectionCldTxt {
			padding: 0.5em;
		}

		#mainContents .panelArea .panelSection.panel3 .panelSectionCldTxtHeader {
			font-size: 1.2em;
			line-height: 1;
		}

		#mainContents .panelArea .panelSection.panel3 .panelSectionCldTxtSub {
			font-size: 0.9em;
		}


		#mainContents .panelArea .panelSection .panelSectionCld.olLink {
			height: 240px;
			display: block;
		}

		#mainContents .panelArea .panelSection .panelSectionCld.olLink .olLinkBase {
			height: 100%;
			position: absolute;
		}

		#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxt {
			display: inline-block;
			position: inherit;
			right: auto;
			left: 100px;
			width: calc(100% - 100px);
		}

		#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a {
			line-height: 48px;
		}

		#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a::after {
			display: none;
		}
	}

	@media only screen and (max-width: 400px) {
		#mainContents .panelArea .panelSection.panel2 .panelSectionCldTxt {
			padding: 0.75em;
		}

		#mainContents .panelArea .panelSection.panel2 .panelSectionCldTxtHeader {
			font-size: 1.35em;
		}


		#mainContents .panelArea .panelSection.panel3 .panelSectionCldTxtHeader {
			font-size: 1em;
		}

		#mainContents .panelArea .panelSection.panel3 .panelSectionCldTxtSub {
			font-size: 0.8em;
		}


		#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a {
			font-size: 0.8em;
		}

		#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a::before {
			padding-right: 2.5px;
			vertical-align: middle;

		}
	}

	@media only screen and (max-width: 350px) {
		#mainContents .panelArea .panelSection.panel3 .panelSectionCldTxtHeader {
			font-size: 1em;
		}


		#mainContents .panelArea .panelSection .panelSectionCldTxtSub.panelTxtAnnounce {
			font-size: 1em;
		}


		#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a {
			font-size: 0.7em;
		}
	}



	#mainContents .panelArea .panelSection .panelSectionCld.olLink {
		position: relative;
	}

	#mainContents .panelArea .panelSection .panelSectionCld.olLink .olLinkBase {
		width: 100%;
	}

	#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxt {
		position: absolute;
		right: 0;
		width: 75%;
		pointer-events: none;

	}

	#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding-top: 0.5em;
		font-family: 'Noto Sans JP', sans-serif;
	}

	#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a {
		display: block;
		position: relative;
		width: 50%;
		color: black;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 2.5;
		text-decoration: none;
		pointer-events: auto;
	}

	#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a:hover {
		font-weight: bold;
	}

	#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a::before {
		content: url(/common/img/com_ic01.png);
		padding-right: 5px;
	}

	#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a::after {
		position: absolute;
		left: 0em;
		content: '';
		width: calc(100% - 1em);
		height: 1px;
		background: black;
		bottom: 0.25em;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform 0.3s;
	}

	#mainContents .panelArea .panelSection .panelSectionCld.olLink .panelSectionCldTxtSublink a:hover::after {
		transform: scale(1, 1);
		transform-origin: left top;
	}




	#mainNew .linkArea {
		width: 80vw;
		min-width: 1000px;
		margin: 20px auto;
		padding: 0 20px;
	}

	#mainNew .linkArea .linkSection {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 1em;
	}

	#mainNew .linkArea .linkSection .linkSectionCld {
		width: calc(33.3333% - 1em);
		height: calc(90px - 1em);
		border: 1px solid #cfd8cc;
		box-shadow: none;
	}

	#mainNew .linkArea .linkSection .linkSectionCldLink {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		transition: .1s;
	}

	#mainNew .linkArea .linkSection .linkSectionCld .linkSectionCldLink {
		background-color: #fff;
		border-left: 6px solid #007545;

	}

	#mainNew .linkArea .linkSection .linkSectionCld .linkSectionCldLink:hover {
		background-color: #eaf6ef;
	}

	#mainNew .linkArea .linkSection .linkSectionCldTxt {
		color: #000;
		font-size: 1.35em;
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		transition: .25s;
	}

	#mainNew .linkArea .linkSection .linkSectionCld .linkSectionCldLink:hover .linkSectionCldTxt {
		color: #0e6d46;
	}


	#mainNew .specialArea {
		width: 80vw;
		min-width: 1000px;
		margin: 20px auto;
		padding: 0 20px;
	}

	#mainNew .specialArea .specialList {
		margin: 10px 0 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#mainNew .specialArea .specialPanel {
		width: calc(33.3333% - 1em);
		margin: 5px 0;
		background: #fbfbfb;
		border: 1px #cccccc solid;
		border-radius: 10px;
		box-shadow: 3px 3px 5px #eee;
		transition: 0.2s all;
	}

	#mainNew .specialArea .specialPanel:hover {
		background: #f2ffe9;
		transition: 0.2s all;
	}

	#mainNew .specialArea .specialPanel:nth-child(n+4) {
		display: none;
	}

	#mainNew .specialArea .specialPhoto {
		height: calc((45vw / 3) - 1em);
		min-height: calc((563px / 3) - 1em);
		overflow: hidden;
	}

	#mainNew .specialArea .specialPhoto img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-radius: 10px 10px 0 0;
	}

	#mainNew .specialArea .specialText {
		padding: 10px;
	}

	#mainNew .specialArea .specialText .date {
		font-size: 1em;
		color: #666;
		padding: 10px;
	}

	#mainNew .specialArea .specialText .title {
		font-size: 1.25em;
		font-weight: bold;
		color: #065e27;
		padding: 10px;
	}

	#mainNew #mainContents .innerContent{
		padding: 0 20px;
	}


	/*　#infoArea　*/
	#mainContents .innerContent {
    	width: 80vw!important;
    	min-width: 1000px;
	}

	#infoArea {
		display: flex;
		justify-content: space-between;
		gap: 2.5%;
	}

	#infoArea:after{
		content: none!important;
	}

	#infoArea .colMain {
		float: left;
		width: 82.5%;
	}

	#infoArea .colMain .newsWrap01 {
		margin-top: 0;
	}

	#infoArea .colMain .newsWrap01 .newsList01>li>.linkBlock {
		padding: 7px 30px 7px 0;
	}

	#infoArea .colMain .newsWrap01 .newsList01>li:nth-child(n + 11) {
		display: none;
	}

	#infoArea .colAside {
		width: 15%;
		min-width: 220px;
	}

	#infoArea .colAside .title {
		padding-bottom: 20px;
		border-bottom: solid 2px #d7eea3;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #065e27;
	}

	#infoArea .colAside .title .seeAll {
		display: inline-block;
		margin-left: 25px;
		font-size: 12px;
		font-size: 1.2rem;
		vertical-align: middle;
	}

	#infoArea .colAside .title .seeAll a {
		color: #000000;
		padding-left: 15px;
		background: url(/common/img/com_ic01.png) left 0.3em no-repeat;
	}
	
			/*2025.5.12 追記*/
		#infoArea .colAside .seeAll-sp a {display: none;}	
	
		.doi01{font-size:15px !important;}

	
	.newsTop{margin: 80px auto 0;}
	

	#infoArea .colAside .newsList02>dt {
		padding-top: 5px;
	}

	#infoArea .colAside .newsList02>dd {
		padding-bottom: 5px;
		border-bottom: 1px solid #dbdbdb;
	}

	.noAside .colLayout01.count4>.col {
		width: 22%;
		margin-left: 4%;
	}

	#mainNew .bannerArea {
        min-width: 1000px;
	}

	#mainNew .bannerArea .banner .bannerWrapper{
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem {
		width: calc(20% - 20px);
        margin: 0 10px 10px;
		height: 200px;
		background-color: #F4F5F7;
		border-radius: 10px;
		box-shadow: 0px 3px 5px #eee;
		transition: 0.2s filter , 0.4s box-shadow;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem:hover {
		filter: opacity(0.8);
		box-shadow: none;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent {
		width: 100%;
		height: 100%;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		flex-direction: column ;
		align-items: center;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerImg {
		width: 100%;
		height: 60%;
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
		align-items: center;
		border-radius: 10px 10px 0 0;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerHotel .bannerContent .bannerImg{
		background: linear-gradient(135deg, #6b0000 50%, #a50000aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerResolnomori .bannerContent .bannerImg {
		background: linear-gradient(135deg, #13491b 50%, #0b4212aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerGolf .bannerContent .bannerImg {
		background: linear-gradient(135deg, #306b00 50%, #42a500aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerResolstay .bannerContent .bannerImg {
		background: linear-gradient(135deg, #c6c930 50%, #c6c921aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerPet .bannerContent .bannerImg {
		background: linear-gradient(135deg, #c58234 50%, #c07520aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerVilla .bannerContent .bannerImg {
		background: linear-gradient(135deg, #006b3e 50%, #00a552aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerSupport .bannerContent .bannerImg {
		background: linear-gradient(135deg, #c43387 50%, #c52080aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerTraining .bannerContent .bannerImg {
		background: linear-gradient(135deg, #3d3d3d 50%, #6b6b6baa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerGlamping .bannerContent .bannerImg {
		background: linear-gradient(135deg, #00106b 50%, #0010a5aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerOutdoor .bannerContent .bannerImg {
		background: linear-gradient(135deg, #77cf2f 50%, #7ece23aa 50%);
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerImg img{
		height: 75%;
		width: auto;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerTxt {
		width: 100%;
		height: 40%;
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
		flex-direction: column ;
		align-items: center;
		background-color: #F4F5F7;
		border-radius: 0 0 10px 10px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		text-align: center;
		color: #000;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerLargetxt {
		display: block;
		font-size: 1.25em;

	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerSmalltxt {
		display: block;
		font-size: 1.05em;
	}


	/*　#bannerSliderBox　*/
	#bannerSliderBox {
		position: relative;
		margin-top: 60px;
		width: 100%;
		height: 262px;
	}

	#bannerSliderBox .buttonArea {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 40;
	}

	#bannerSliderBox .buttonArea .inner {
		position: relative;
		width: 300px;
		height: 262px;
		background: url(/img/index_bg03.png) 50% 50% no-repeat;
	}

	#bannerSliderBox .buttonArea .inner>div {
		width: 110px;
	}

	#bannerSliderBox .buttonArea .inner>div:hover {
		cursor: pointer;
	}

	#bannerSliderBox .buttonArea .inner .button01 {
		position: absolute;
		left: 86px;
		top: 37px;
	}

	#bannerSliderBox .buttonArea .inner .button02 {
		position: absolute;
		left: 33px;
		top: 130px;
	}

	#bannerSliderBox .buttonArea .inner .button03 {
		position: absolute;
		left: 154px;
		top: 130px;
	}

	#bannerSliderBox .sliderWrap {
		width: 1000px;
		height: 262px;
		padding-left: 300px;
	}

	#bannerSliderBox .sliderWrap #human {
		position: absolute;
		left: 0;
		top: 0;
		width: 1000px;
		height: 262px;
		padding-left: 300px;
		background: url(/img/index_bg04.gif) left top no-repeat;
		z-index: 30;
	}

	#bannerSliderBox .sliderWrap #society {
		position: absolute;
		left: 0;
		top: 0;
		width: 1000px;
		height: 262px;
		padding-left: 300px;
		background: url(/img/index_bg05.gif) left top no-repeat;
		z-index: 20;
	}

	#bannerSliderBox .sliderWrap #earth {
		position: absolute;
		left: 0;
		top: 0;
		width: 1000px;
		height: 262px;
		padding-left: 300px;
		background: url(/img/index_bg06.gif) left top no-repeat;
		z-index: 10;
	}

	#bannerSliderBox .sliderWrap>div {}

	#bannerSliderBox .sliderWrap>div .icon {
		float: left;
		width: 180px;
		padding: 50px 0 0 12px;
	}

	#bannerSliderBox .sliderWrap>div .bannerSliderWrap {
		float: left;
		width: 460px;
		height: 262px;
		padding-top: 30px;
	}

	#bannerSliderBox .sliderWrap>div .bannerSliderWrap .bannerSlider {
		width: 460px;
		height: 232px;
		margin: 0 auto;
	}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col {
		width: 460px;
		margin: 0 auto;
	}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList {}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList li {
		float: left;
	}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList li:nth-child(2n) {
		margin-left: 8px;
	}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList li:nth-of-type(n+3) {
		margin-top: 8px;
	}

	#bannerSliderBox .buttonArea .inner .button01 img:hover,
	#bannerSliderBox .buttonArea .inner .button02 img:hover,
	#bannerSliderBox .buttonArea .inner .button03 img:hover {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		transition: all 0.5s linear;
		opacity: 0.8;
	}

	/*　#topGallery　*/
	#mainNew #galleryArea{
		width: auto;
	}

	#mainNew #galleryArea .gallery.topGallery li {
		width: calc((100%) / 2 - 10px);
		margin-right: 20px;
	}

	#mainNew #galleryArea .gallery.topGallery li:nth-of-type(2n) {
		margin-right: 0px;
	}

	#mainNew #galleryArea .gallery.topGallery li:nth-of-type(n+3) {
		margin-top: 20px;
	}

	/*　#topGalleryMov　*/
	.movArea.topGalleryMov {
		text-align: center;
		margin: 0 auto;
	}

	#mainNew .newNav #localNavAreaNew #ul_menu .sub_list .listBg .area01.phboxTopType02,
	#mainNew .newNav #localNavAreaNew #ul_menu .sub_list .listBg .area01.phboxTopType02>.phList01,
	#mainNew .newNav #localNavAreaNew #ul_menu .sub_list .listBg .area01.phboxTopType02>.clearfix,
	#mainNew .newNav #localNavAreaNew #ul_menu .sub_list .listBg>.phList01.phboxTopType02 {
		width: 1000px !important;
	}

	#mainNew .newNav #localNavAreaNew #ul_menu .sub_list .listBg .area01.phboxTopType02>.clearfix {
		margin: 0 auto;
	}

	#mainNew .newNav #localNavAreaNew #ul_menu .sub_list .listBg .area01.phboxTopType02>.phList01>li,
	#mainNew .newNav #localNavAreaNew #ul_menu .sub_list .listBg .area01.phboxTopType02>.clearfix>.phList05>li {
		width: 212px;
	}

	/* Clearfix
------------------------------------------------------ */
	#infoArea:after,
	#bannerSliderBox .sliderWrap>div:after,
	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList:after {
		content: "";
		display: block;
		clear: both;
	}

	#infoArea,
	#bannerSliderBox .sliderWrap>div,
	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList {
		zoom: 1;
	}


	#colorbox .modalContents {
		font-size: 1.25em;
	}

	.companyModal .box .iconLink01 li {
		width: 100%;
	}

	#colorbox .modalContents .popupImg {
		width: 57.5%;
		margin: 1em auto 1.5em;
		display: block;
	}

	#colorbox .modalContents .popupImg.imgPhotoframe {
		padding: 1.25em;
		border: 1px solid gray;
		border-top-color: lightgray;
		border-left-color: lightgray;
		box-shadow: 10px 7.5px 7.5px gray;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1121px),
print {

	.mainArea #mainArea-prev-btn .bx-prev {
		left: 3%;
	}

	.mainArea #mainArea-next-btn .bx-next {
		left: 97%;
	}

	.mainArea #mainVisual .slideTxtBig {
		font-size: 47.5px
	}
	.mainArea #mainVisual .slideTxtBig.csrTxt{
		font-size: 40px;
	}
	.mainArea #mainVisual .slideTxtSmall {
		font-size: 25px;
	}

	/*
	.mainArea {
		height: 318px !important;
	}
	
	.mainArea .mainFixImg {
    	background-size: 80%;
	}
	
	.mainArea #mainVisual .slideImg01,
	.mainArea #mainVisual .slideImg02,
	.mainArea #mainVisual .slideImg03
	.mainArea #mainVisual .slideImg04
	.mainArea #mainVisual .slideImg05
	.mainArea #mainVisual .slideImg06
	{
		background-size: contain;
	}
	*/
}

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

	/********************************************************

  ELEMENT

********************************************************/
	#mainContainer #contentContainer {
		padding: 0 0;
	}

	/* Page Parts
------------------------------------------------------ */
	#mainContainer #contentContainer #mainContents {
		padding-bottom: 0;
	}

	/* mainVisual
------------------------------------------------------ */
	/*　#mainVisual　*/
	#mainVisual {
		position: relative;
		z-index: 2;
	}

	/*　#mainVisual　*/
	.mainArea {
		position: relative;
		min-width: 300px;
	}

	.mainArea #mainVisual {
		position: relative;
		width: 100%;
		height: 80vh;
		min-height: 400px;
		margin: 0 auto;
		z-index: 2;
	}

	.mainArea #mainArea-prev-btn .bx-prev,
	.mainArea #mainArea-next-btn .bx-next {
		display: none;
	}

	.mainArea .bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		bottom: 20px;
	}

	.mainArea #mainArea-prev-btn .bx-prev {
		left: 5%;
	}

	.mainArea #mainArea-next-btn .bx-next {
		left: 95%;
	}

	.mainArea .bx-wrapper .bx-pager.bx-default-pager a {
		background: #ffffff90;
	}

	.mainArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.mainArea .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #ffffffd0;
	}

	.mainArea #mainVisual .slideImg {
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		height: 80vh;
		min-height: 400px;
	}

	.mainArea #mainVisual .slideImg01 {
		background: url(/img/mainVisual_slide/20240821_hero01_sp.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg01_2 {
		background: url(/img/mainVisual_slide/202408_hero01_2_sp.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg02 {
		background: url(/img/mainVisual_slide/hero02_sp.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg03 {
		background: url(/img/mainVisual_slide/hero03_sp.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg04 {
		background: url(/img/mainVisual_slide/hero04_sp.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg05 {
		background: url(/img/mainVisual_slide/hero05_sp.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg06 {
		background: url(/img/mainVisual_slide/hero06_sp.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}
	
	.mainArea #mainVisual .slideImg07 {
		background: url(/img/mainVisual_slide/hero07_sp.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	.mainArea #mainVisual .slideImg08 {
		background: url(/img/mainVisual_slide/hero08_sp.webp) 50% top no-repeat;
		margin: 0 auto;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	/*
.mainArea #mainVisual .slideImg::before {
    content: "";
    position:absolute;
	height: 100%;
	width: 100%;
	background-image:linear-gradient(to right bottom,#00000040, #ffffff20);
	background-repeat: repeat;
	transition: all 0.5s ease-in-out;
	z-index: -1;
}*/

	.mainArea #mainVisual .slideImg:active::before {
		opacity: 0;
	}

	/* .mainArea #mainVisual .Link{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
} */

	.mainArea #mainVisual .slideBox {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 40%;
		width: 100%;
	}

	.mainArea #mainVisual .slideTxt {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column ;
		font-family: 'Shippori Mincho', serif;
		text-shadow: 0px 0px 5px #000000ee, 0px 0px 10px #000000cc;
	}

	.mainArea #mainVisual .slideTxtBig {
		color: white;
		font-size: clamp(25px, 8vw, 35px);
		font-weight: 800;
		line-height: 1.25;
		text-align: center;
	}
	.mainArea #mainVisual .slideTxtSmall {
		color: whitesmoke;
		font-size: clamp(17.5px, 6vw, 22.5px);
		font-weight: 400;
	}

	.mainArea #mainVisual .slideTxt .txtAccentRed{
		display: inline-block;
		border-bottom: solid 3px #e9545d;
	
	}
	.mainArea #mainVisual .slideTxt .txtAccentBlue{
		display: inline-block;
		border-bottom: solid 3px #3271ad;
	}
	.mainArea #mainVisual .slideTxt .txtAccentGreen{
		display: inline-block;
		border-bottom: solid 3px #4ca535;
	}

	.mainArea #mainVisual .sloganimg {
		width: 8em;
	}

	.mainArea #mainVisual .Link {
		display: block;
		text-align: center;
		text-decoration: none;
		position: absolute;
		bottom: 75px;
		right: 0;
		left: 0;
		width: 60%;
		margin: 0 auto;
		padding: 1.25em 0em;
		color: #000;
		background: #ffffffcc;
		transition: 0.3s ease-in-out;
	}

	.mainArea #mainVisual .Link::before {
		content: '';
		position: absolute;
		top: -4px;
		left: -4px;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		border: 2px solid #ffffffcc;
		transition: 0.05s;
	}

	.mainArea #mainVisual .Link span {
		font-family: 'Shippori Mincho', serif;
		font-weight: 800;
		font-size: 14px;
	}

	/*#mainVisual div {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
}*/
	/*#mainVisual .slideImg01 {
	background: url(/img/index_im01_sp.jpg) 50% top no-repeat;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	background-size: cover;
}
#mainVisual .slideImg02 {
	background: url(/img/index_im01_sp.jpg) 50% top no-repeat;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	background-size: cover;
}
#mainVisual .slideImg03 {
	background: url(/img/index_im01_sp.jpg) 50% top no-repeat;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	background-size: cover;
}*/
	/*.mainArea .mainFixImg {
	display: none;
}*/

	/* localNavArea */
	.localNavArea {
		position: relative;
		width: 100%;
		margin: -30px auto 30px;
		border-top: solid 2px #307246;

		/* box-shadow */
		box-shadow: rgba(102, 102, 102, 0.498039) 0px 5px 12px -4px;
		-webkit-box-shadow: rgba(102, 102, 102, 0.498039) 0px 5px 12px -4px;
		-moz-box-shadow: rgba(102, 102, 102, 0.498039) 0px 5px 12px -4px;
	}

	.localNavArea .btnList {
		display: table;
		margin-top: 0;
		border-bottom: solid 1px #9bbaa5;
		background: url(/img/index_bg01.gif) left top repeat-x #ffffff;
	}

	.localNavArea .btnList a {
		position: relative;
		display: table-cell;
		width: 20%;
		vertical-align: middle;
		border-right: solid 1px #9bbaa5;
		border-left: solid 1px #9bbaa5;
		text-align: center;
		padding: 15px 5px 10px;
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		color: #136632;
	}

	.localNavArea .btnList a:first-child {
		padding: 15px 2px 10px;
	}

	.localNavArea .btnList a .subText {
		font-size: 10px;
		font-size: 1.0rem;
		/*display: inline-block;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	transform-origin: left top;
	white-space: nowrap;*/
	}

	.localNavArea .btnList a:hover {
		opacity: 0.8;
	}

	.localNavArea .btnList a+a {
		border-left: none;
	}

	.localNavArea .btnList a:before {
		content: "";
		position: absolute;
		right: 1px;
		bottom: 1px;
		display: inline-block;
		width: 6px;
		height: 6px;
		background: url(/img/index_bg02.png) 0 0 no-repeat;
		background-size: 6px 6px;
	}

	/*.localNavArea .btnList a:nth-child(1) {
	background: url(/img/index_ic01.png) 50% 10px no-repeat;
	background-size: 36px 30px;
}
.localNavArea .btnList a:nth-child(2) {
	background: url(/img/index_ic02.png) 50% 10px no-repeat;
	background-size: 36px 30px;
}
.localNavArea .btnList a:nth-child(3) {
	background: url(/img/index_ic03.png) 50% 10px no-repeat;
	background-size: 36px 30px;
}
.localNavArea .btnList a:nth-child(4) {
	background: url(/img/index_ic04.png) 50% 10px no-repeat;
	background-size: 36px 30px;
}
.localNavArea .btnList a:nth-child(5) {
	background: url(/img/index_ic05.png) 50% 10px no-repeat;
	background-size: 36px 30px;
}*/
	/*.localNavArea .btnList a:nth-child(1):after {
	content: "";
	position: absolute;
	left: 18px;
	top: 10px;
	display: inline-block;
	width: 36px;
	height: 30px;
	background: url(/img/index_ic01.png) 0 0 no-repeat;
	background-size: 36px 30px;
}
.localNavArea .btnList a:nth-child(2):after {
	content: "";
	position: absolute;
	left: 18px;
	top: 10px;
	display: inline-block;
	width: 36px;
	height: 30px;
	background: url(/img/index_ic02.png) 0 0 no-repeat;
	background-size: 36px 30px;
}
.localNavArea .btnList a:nth-child(3):after {
	content: "";
	position: absolute;
	left: 18px;
	top: 10px;
	display: inline-block;
	width: 36px;
	height: 30px;
	background: url(/img/index_ic03.png) 0 0 no-repeat;
	background-size: 36px 30px;
}
.localNavArea .btnList a:nth-child(4):after {
	content: "";
	position: absolute;
	left: 18px;
	top: 10px;
	display: inline-block;
	width: 36px;
	height: 30px;
	background: url(/img/index_ic04.png) 0 0 no-repeat;
	background-size: 36px 30px;
}
.localNavArea .btnList a:nth-child(5):after {
	content: "";
	position: absolute;
	left: 18px;
	top: 10px;
	display: inline-block;
	width: 36px;
	height: 30px;
	background: url(/img/index_ic05.png) 0 0 no-repeat;
	background-size: 36px 30px;
}
*/


	#mainNew .linkArea {
		width: 100%;
		min-width: 300px;
	}

	#mainNew .linkArea .linkSection {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 10px 10px;
		gap: 10px;
	}

	#mainNew .linkArea .linkSection .linkSectionCld {
		width: calc(50% - 5px);
		height: 75px;
		border: 1px solid #cfd8cc;
		box-shadow: none;
	}

	#mainNew .linkArea .linkSection .linkSectionCldLink {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		transition: .25s;
	}

	#mainNew .linkArea .linkSection .linkSectionCld {
		background-color: #fff;
		border-left: 4px solid #007545;

	}

	#mainNew .linkArea .linkSection .linkSectionCldTxt {
		color: #000;
		font-size: 1.1em;
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		transition: .25s;
	}

	#mainNew .linkArea .linkSection .linkSectionCld .linkSectionCldLink:hover {
		background-color: #eaf6ef;
	}

	#mainNew .linkArea .linkSection .linkSectionCld .linkSectionCldLink:hover .linkSectionCldTxt {
		color: #0e6d46;
	}

	#mainNew #galleryArea {
		padding: 0 10px;
		min-width: 300px!important;
	}


	#mainNew .specialArea {
		width: 100%;
		min-width: 300px;
		margin: 20px 0;
		padding: 0 10px;
	}

	#mainNew .specialArea .specialList {
		margin: 10px 0 20px 0;
		display: flex;
		flex-wrap: wrap;
	}

	#mainNew .specialArea .specialPanel {
		width: 100%;
		margin: 5px 0;
		background: #fbfbfb;
		border: 1px #cccccc solid;
		border-radius: 10px;
		box-shadow: 3px 3px 5px #eee;
		transition: 0.2s all;
	}

	#mainNew .specialArea .specialPanel:hover {
		background: #f2ffe9;
		transition: 0.2s all;
	}

	#mainNew .specialArea .specialPanel:nth-child(n+3) {
		display: none;
	}

	#mainNew .specialArea .specialPhoto {
		height: calc(56vw - 20px);
		overflow: hidden;
	}

	#mainNew .specialArea .specialPhoto img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-radius: 10px 10px 0 0;
	}

	#mainNew .specialArea .specialText {
		padding: 10px;
	}

	#mainNew .specialArea .specialText .date {
		font-size: 1em;
		color: #666;
		padding: 10px;
	}

	#mainNew .specialArea .specialText .title {
		font-size: 1.25em;
		font-weight: bold;
		color: #065e27;
		padding: 10px;
	}


	/* infoArea */
	#infoArea {
		padding: 0 10px;
		min-width: 300px;
	}

	.newsList01>li:nth-of-type(n+4) {
		display: none;
	}

	#infoArea .colAside {
		width: 100%;
		margin-top: 30px;
	}

	#infoArea .colAside .title {
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: bold;
		color: #065e27;
		padding-bottom: 10px;
		border-bottom: solid 1px #d7eea3;
	}

	#infoArea .colAside .title .seeAll {
		float: right;
		margin-left: 25px;
		font-size: 12px;
		font-size: 1.2rem;
	}

	#infoArea .colAside .title .seeAll a {
		padding-left: 15px;
		background: url(/common/img/com_ic01.png) left 0.3em no-repeat;
	}

	#infoArea .colAside .seeAll-sp a {
		padding-left: 15px;
		margin-top: 15px;
		background: url(/common/img/com_ic01.png)  0.3em no-repeat;
		font-size: 16px;
/*		display: block;*/
	}	
	
	.doi01{font-size:20px !important;}
	
	.s_eirModule_date_time{font-size: 16px !important;}
	
	.s_eirModule_titleBox{font-size: 16px !important;}
	
	.s_eirList_item{padding: 10px !important;}
	
	.seeAll-spBox{text-align: right;margin-top: 15px;}
	
	.mtop{margin-top: 20px;}
	
	.snsTitle{font-size: 22px !important; margin-bottom: 10px;}
	
	.specialTop{margin: 30px auto;}
	
	.newsTop{margin: 30px auto 0;}
	
	
	#infoArea .colAside .newsList02>dt {
		padding-top: 5px;
	}

	#infoArea .colAside .newsList02>dd {
		padding-bottom: 5px;
		border-bottom: 1px solid #dbdbdb;
	}

	#infoArea+.colLayout01 {
		padding: 0 10px;
	}

	#infoArea .facebookContainer {
		text-align: center;
	}


	#mainNew .bannerArea {
		min-width: 300px;
		padding: 0 10px;
	}

	#mainNew .bannerArea .banner .bannerWrapper{
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem {
		width: calc(50% - 20px);
        margin: 0 10px 20px;
		height: 100px;
		background-color: #F4F5F7;
		border-radius: 5px;
		box-shadow: 0px 3px 5px #eee;
		transition: 0.2s filter , 0.4s box-shadow;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem:hover {
		filter: opacity(0.8);
		box-shadow: none;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent {
		width: 100%;
		height: 100%;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		flex-direction: column ;
		align-items: center;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerImg {
		width: 100%;
		height: 60%;
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
		align-items: center;
		border-radius: 10px 10px 0 0;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerHotel .bannerContent .bannerImg{
		background: linear-gradient(135deg, #6b0000 50%, #a50000aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerResolnomori .bannerContent .bannerImg {
		background: linear-gradient(135deg, #13491b 50%, #0b4212aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerGolf .bannerContent .bannerImg {
		background: linear-gradient(135deg, #306b00 50%, #42a500aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerResolstay .bannerContent .bannerImg {
		background: linear-gradient(135deg, #c6c930 50%, #c6c921aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerPet .bannerContent .bannerImg {
		background: linear-gradient(135deg, #c58234 50%, #c07520aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerVilla .bannerContent .bannerImg {
		background: linear-gradient(135deg, #006b3e 50%, #00a552aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerSupport .bannerContent .bannerImg {
		background: linear-gradient(135deg, #c43387 50%, #c52080aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerTraining .bannerContent .bannerImg {
		background: linear-gradient(135deg, #3d3d3d 50%, #6b6b6baa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerGlamping .bannerContent .bannerImg {
		background: linear-gradient(135deg, #00106b 50%, #0010a5aa 50%);
	}
	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem.bannerOutdoor .bannerContent .bannerImg {
		background: linear-gradient(135deg, #77cf2f 50%, #7ece23aa 50%);
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerImg img{
        height: 75%;
        width: auto;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerTxt {
		width: 100%;
		height: 40%;
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
		flex-direction: column ;
		align-items: center;
		background-color: #F4F5F7;
		border-radius: 0 0 5px 5px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		text-align: center;
		color: #000;
	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerLargetxt {
		display: block;
		font-size: 1em;

	}

	#mainNew .bannerArea.topType01 .bannerWrapper .bannerItem .bannerContent .bannerSmalltxt {
		display: block;
		font-size: 0.8em;
	}


	/* bannerSliderBox */
	#bannerSliderBox {
		margin-top: 30px;
	}

	#bannerSliderBox .buttonArea {
		display: none;
	}

	#bannerSliderBox .sliderWrap {}

	#bannerSliderBox .sliderWrap #human {
		background-color: #ffe6e8;
	}

	#bannerSliderBox .sliderWrap #society {
		background-color: #e4edf5;
	}

	#bannerSliderBox .sliderWrap #earth {
		background-color: #ecf7d4;
	}

	#bannerSliderBox .sliderWrap .switch {
		padding: 16px 50px 16px 80px;
		font-size: 17px;
		font-size: 1.7rem;
	}

	#bannerSliderBox .sliderWrap #human .switch {
		position: relative;
		border-top: solid 2px #f7ced2;
		background: url(/img/index_bt01.png) 20px 8px no-repeat;
		background-size: 55px 38px;
	}

	#bannerSliderBox .sliderWrap #human .switch:after {
		content: "";
		position: absolute;
		right: 20px;
		top: 15px;
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/img/index_bt06.png) 0 0 no-repeat;
		background-size: 24px 24px;
	}

	#bannerSliderBox .sliderWrap #human .switch.on:after {
		content: "";
		position: absolute;
		right: 20px;
		top: 15px;
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/img/index_bt06-02.png) 0 0 no-repeat;
		background-size: 24px 24px;
	}

	#bannerSliderBox .sliderWrap #society .switch {
		position: relative;
		border-top: solid 2px #c0d6e9;
		background: url(/img/index_bt02.png) 20px 8px no-repeat;
		background-size: 55px 38px;
	}

	#bannerSliderBox .sliderWrap #society .switch:after {
		content: "";
		position: absolute;
		right: 20px;
		top: 15px;
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/img/index_bt07.png) 0 0 no-repeat;
		background-size: 24px 24px;
	}

	#bannerSliderBox .sliderWrap #society .switch.on:after {
		content: "";
		position: absolute;
		right: 20px;
		top: 15px;
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/img/index_bt07-02.png) 0 0 no-repeat;
		background-size: 24px 24px;
	}

	#bannerSliderBox .sliderWrap #earth .switch {
		position: relative;
		border-top: solid 2px #c6d89f;
		background: url(/img/index_bt03.png) 20px 8px no-repeat;
		background-size: 55px 38px;
	}

	#bannerSliderBox .sliderWrap #earth .switch:after {
		content: "";
		position: absolute;
		right: 20px;
		top: 15px;
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/img/index_bt08.png) 0 0 no-repeat;
		background-size: 24px 24px;
	}

	#bannerSliderBox .sliderWrap #earth .switch.on:after {
		content: "";
		position: absolute;
		right: 20px;
		top: 15px;
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/img/index_bt08-02.png) 0 0 no-repeat;
		background-size: 24px 24px;
	}

	#bannerSliderBox .sliderWrap .bannerSliderWrap {
		display: none;
	}

	#bannerSliderBox .sliderWrap .bannerSliderWrap {
		padding: 15px;
	}

	#bannerSliderBox .sliderWrap #human .bannerSliderWrap {
		background: #feeeef;
	}

	#bannerSliderBox .sliderWrap #society .bannerSliderWrap {
		background: #ecf3f8;
	}

	#bannerSliderBox .sliderWrap #earth .bannerSliderWrap {
		background: #f2fbdd;
	}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList li {
		float: left;
		width: 49%;
	}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList li:nth-child(2n) {
		margin-left: 2%;
	}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList li:nth-of-type(n+3) {
		margin-top: 4%;
	}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col+.col {
		margin-top: 4%;
	}

	/*　#topGallery　*/
	#mainNew #galleryArea .gallery.topGallery li:nth-of-type(n+2) {
		margin-top: 20px;
	}

	/*　#topGalleryMov　*/
	.movArea.topGalleryMov,
	.movArea.topGalleryMov .gallery li.video,
	.movArea.topGalleryMov .gallery li.video iframe {
		width: 100% !important;
	}

	.movArea.topGalleryMov .gallery li.video {
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}

	.movArea.topGalleryMov .gallery li.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}


	#colorbox .modalContents .popupImg {
		width: 80%;
		margin: 1em auto 1.5em;
		display: block;
	}

	#colorbox .modalContents .popupImg.imgPhotoframe {
		padding: 1em;
		border: 1px solid gray;
		border-top-color: lightgray;
		border-left-color: lightgray;
		box-shadow: 7.5px 5px 5px gray;
	}

	/* Clearfix
------------------------------------------------------ */
	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList:after {
		content: "";
		display: block;
		clear: both;
	}

	#bannerSliderBox .sliderWrap>div .bannerSlider .col .bannerList {
		zoom: 1;
	}

}