@charset "UTF-8";
body{
	background: #f5f5f5;
}


/* header */
/* header{
	display: block;
	width: 100%;
	background: #ffffff;
	border-bottom: 2px solid #dddddd;
	margin: 0;
	padding: 0;
}
header div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 16px 0;
}
header h1{
	display: block;
	width: 50%;
}
header h1 img{
	display: block;
	width: 100%;
}
header nav{
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	width: 3.5em;
	margin: 0 0 0 1em;
}
header nav > div{
	display: block;
	width: 7vw;
	margin: 0;
	padding: 0;
}
header nav > p{
	margin: 0;
}
header nav i.fa{
	font-size: 7vw;
	cursor: pointer;
}
header nav i.fa-bars{
	display: inline-block;
}
header nav i.fa-times{
	display: none;
}
header nav.open i.fa-bars{
	display: none;
}
header nav.open i.fa-times{
	display: inline-block;
}
header nav ul{
	position: absolute;
	top: 14vw;
	left: -2vw;
	display: none;
	width: 14em;
	background: #ffffff;
	box-shadow: 4px 4px 4px rgb(0 0 0 / 50%);
	box-sizing: border-box;
	margin: auto;
	padding: 0;
	z-index: 1;
}
header nav ul li a {
	display: block;
	background: url(../images/icon_nav01.png) 0 center no-repeat;
	background-size: 24px;
	background-position: 4px 0;
	padding: 0.5em 0.5em 0.5em 36px;
	transition: all 0.5s;
}
header nav ul li:nth-of-type(2) a {
	background-image: url(../images/icon_nav02.png);
}
header nav ul li:nth-of-type(3) a {
	background-image: url(../images/icon_nav03.png);
}
header nav ul li:nth-of-type(4) a {
	background-image: url(../images/icon_nav04.png);
}
header nav ul li:nth-of-type(5) a {
	background-image: url(../images/icon_nav05.png);
}
header nav ul li:nth-of-type(6) a {
	background-image: url(../images/icon_nav06.png);
}
header nav ul li:nth-of-type(7) a {
	background-image: url(../images/icon_nav07.png);
}
header nav ul li.current a,
header nav ul li a:hover {
	background-color: rgba(92, 220, 131, 0.5);
}
header p span {
	font-size: 3vw;
	display: block;
	margin: 0 0 0.5em 0;
}
header .btn {
	font-size: 3vw;
	text-align: center;
	line-height: 1em;
	color: #000000;
	display: inline-block;
	background: #cdef8e;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 0 1em 0 0;
	padding: 0.5em;
	transition: all 0.5s;

}
header .btn:hover {
	opacity: 0.5;
}
@media screen and (min-width:1000px){
	header h1{
		width: 360px;
	}
	header nav{
		flex-direction: row;
		width: 120px;
		margin: 0 0 0 1em;
	}
	header nav > div{
		width: 30px;
	}
	header nav > p{
		margin: 0 0 0 0.5em;
	}
	header nav i.fa{
		font-size: 30px;
	}
	header nav ul{
		top: 61px;
		left: 0;
	}
	header p {
		margin: 0 1em 0 0;
	}
	header p span {
		font-size: 1em;
		display: inline-block;
		margin: 0 0.5em 0 0;
	}
	header .btn {
		font-size: 1em;
		width: 120px;
		border-radius: 20px;
		margin: 0;
		padding: 0.5em 2em;
	}
	header .btn br {
		display: none;
	}
} */


/* main */
main{
	position: relative;
	display: block;
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}
@media screen and (min-width:1200px) {
	main{
		width: 1200px;
	}
}


/* movie */
.movBox {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-content: space-evenly;
	width: 100%;
	box-sizing: border-box;
	margin: 4rem auto 0;
}
.movBox iframe {
	width: 100%;
	height: 52vw;
	max-width: 576px;
	max-height: 324px;
	margin: 1rem 0 0;
}
.movBox img{
	display: block;
	max-width: 100%;
}
.movBox a{
	transition: all 0.5s;
}
.movBox a:hover{
	opacity: 0.5;
}
@media screen and (min-width:1000px) {
	.movBox iframe {
		width: 48%;
	}
}

/* bnr */
.lnkCol{
	position: relative;
	display: block;
	width: 90%;
	box-sizing: border-box;
	margin: 80px auto 0;
	padding: 0;
}
.bnrLst {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 4rem auto;
}
.bnrLst li{
	margin: 1em 0 0 0;
}
.bnrLst a {
	display: block;
	transition: all 0.5s;
}
.bnrLst a img {
	display: block;
	width: 100%;
	transition: all 0.5s;
}
.bnrLst a img.bnrPc {
	display: none;
}
.bnrLst a img.bnrSp {
	display: block;
}
.bnrLst a:hover img {
	opacity: 0.5;
}
#extLnk{
		justify-content: space-between;
}
#extLnk li{
	display: block;
	width: 48%;
}
@media screen and (min-width:1000px) {
	.bnrLst {
		justify-content: space-between;
	}
	.bnrLst li{
		width: auto;
		margin: 0;
	}
	#bnrInfo li{
		width: 100%;
	}
	.bnrLst a img.bnrPc {
		display: block;
	}
	.bnrLst a img.bnrSp {
		display: none;
	}
	#extLnk{
		justify-content: flex-start;
	}
	#extLnk li{
		width: calc((100% - (20px * 3)) / 4);
		max-width: 285px;
		margin: 20px 20px 0 0;
	}
	#extLnk li:nth-of-type(4n){
		margin-right: 0;
	}
}
@media screen and (min-width:1200px) {
	.lnkCol{
		width: 1200px;
	}
}

/* SNS */
.sns_box{
	display: block;
	width: 100%;
	max-height: inherit;
	margin: 4em auto 0;
}
.sns_box h2{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.sns_box h2::before{
	display: none;
}
.sns_box .sns_tw,
.sns_box .sns_fb {
	height: inherit;
	margin: 1em auto 0;
}
.sns_box .sns_content{
	width: 100%;
	height: 75vw;
	min-height: 500px;
	margin: 0 auto;
}
.snsLnk{
	display: flex;
	justify-content: center;
	margin: 6rem auto 0;
}
.snsLnk li{
	margin: 0 2em 0;
}
.snsLnk li a{
	transition: all 0.5s;
}
.snsLnk li a:hover{
	opacity: 0.5;
}
@media screen and (min-width:1000px) {
	.sns_box{
		display: flex;
	}
	.sns_box .sns_content{
		width: 500px;
		height: 500px;
	}
}


/* footer */
footer {
	display: block;
	width: 100%;
	margin: 4em auto 0;
	padding: 0;
}
footer a {
	transition: all 0.5s;
}
footer a:hover {
	opacity: 0.5;
}
footer ul.ftLnk01 {
	font-size: 1.75vw;
	display: flex;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #ddd;
	border-left: none;
	border-right: none;
	margin: 0;
	padding: 3em 0;
}
footer ul.ftLnk01 li {
	margin: 0 2em;
}
footer ul.ftLnk01 li a {
	font-weight: bold;
	display: block;
	transition: all 0.5s;
}
footer ul.ftLnk01 li a:hover {
	opacity: 0.5;
}
footer ul.ftLnk02 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	max-width: 1200px;
	background: url('../images/icon_footer.png') bottom center no-repeat;
	background-size: contain;
	box-sizing: border-box;
	margin: 2em auto 0;
	padding: 0 2vw 78px;
}
footer ul.ftLnk02 > li {
	width: 48%;
	margin: 1em 0 0;
}
footer ul.ftLnk02 > li:first-of-type {
	width: 100%;
}
footer ul.ftLnk02 > li > a {
	font-weight: bold;
}
footer ul.ftLnk02 > li > ul {
	font-size: 0.75em;
	margin: 1em 0 0;
}
footer ul.ftLnk02 > li > ul li {
	margin: 0.5em 0 0;
}
footer .footerInfo{
	font-size: 3vw;
	text-align: center;
	display: block;
	width: 100%;
	background: #ebebeb;
	box-sizing: border-box;
	margin: 0;
	padding: 2em 0 1em;
}
footer .footerInfo h2{
	font-size: 1.25em;
}
footer .footerInfo ul{
	margin: 1em auto 0;
}
footer .footerInfo ul li{
	margin: 0.5em auto 0;
}
footer .footerInfo p{
	font-size: 0.75em;
	margin: 1em auto 0;
}
@media screen and (min-width:1000px) {
	footer ul.ftLnk01 {
		font-size: 1em;
		padding: 0.5em 0;
	}
	footer ul.ftLnk02 {
		flex-wrap: nowrap;
		padding: 0 0 78px;
	}
	footer ul.ftLnk02 > li:first-of-type,
	footer ul.ftLnk02 > li {
		width: auto;
		margin: 0;
	}
	footer ul.ftLnk02 > li > ul {
		font-size: 1em;
	}
	footer .footerInfo{
		font-size: 1em;
	}
	footer .footerInfo p{
		font-size: 1em;
	}
}


/* top メインビジュアル */
.mainCol{
	display: block;
	width: 100%;
	background: linear-gradient(135deg, #2e7d5a 0%, #1a4830 50%, #0d2818 100%);
	margin: 0 auto 0;
	padding: 2rem 0;
}
.mainColInr{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 0 0 2rem;
	gap: 3rem;
}
.mainColContent{
	display: flex;
	flex-direction: column;
	gap: 45px;
	flex: 1;
	max-width: 520px;
}
.mainColText{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.mainTitle{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 1.2;
	color: #FFFFFF;
	text-align: left;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.mainSubInfo{
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
	max-width: 371px;
}
.mainSubTitle{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.5;
	color: #FFFFFF;
	text-align: left;
	margin: 0;
}
.mainName{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 1.4;
	color: #FFFFFF;
	text-align: left;
	margin: 0;
}
.btnGreeting{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 16px 32px;
	background: #FFFFFF;
	color: #02751C;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.4;
	text-decoration: none;
	border-radius: 50px;
	width: fit-content;
	transition: all 0.3s ease;
	align-self: flex-start;
}
.btnGreeting:hover{
	background: #f0f0f0;
	opacity: 0.8;
}
.mainColImage{
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.imageWrapper{
	width: 100%;
	max-width: 420px;
	border-radius: 16px;
	overflow: hidden;
	background: #D9D9D9;
}
.imageWrapper img{
	width: 100%;
	height: 440px;
	object-fit: cover;
	object-position: top;
	display: block;

}
/* スマートフォン対応 */
@media screen and (max-width: 999px) {
	.mainCol{
		padding: 30px 0;
	}
	.mainColInr{
		flex-direction: column;
		gap: 3rem;
		padding: 0 1rem;
	}
	.mainColContent{
		width: 100%;
		max-width: 320px;
		order: 2;
	}
	.mainColImage{
		width: 100%;
		order: 1;
		justify-content: center;
	}
	.mainTitle{
		font-size: 3.5rem;
		line-height: 1.2;
		text-align: left;
		padding: 0;
	}
	.mainSubInfo{
		width: 100%;
	}
	.mainSubTitle{
		font-size: 1.6rem;
		line-height: 1.5;
		text-align: left;
	}
	.mainName{
		font-size: 2.2rem;
		line-height: 1.4;
		text-align: left;
	}
	.btnGreeting{
		font-size: 1.4rem;
		line-height: 1.4;
		padding: 16px 32px;
	}
	.imageWrapper{
		max-width: 320px;
	}
	.imageWrapper img{
		height: 335px;
	}
}

@media screen and (min-width:1000px) {
	.mainCol{
		padding: 3rem 0;
	}
}



/* top 新着情報 */
#newsCol_sp {
	display: block;
	margin: 4em auto 0;
}
#newsCol {
	display: none;
}
.secNews > h2 {
	font-size: 1.5em;
	text-align: center;
	line-height: 1;
	background: #ffffff;
	border: 3px solid #217e06;
	margin: 0 auto;
	padding: 0.5em 1em;
}
.btnLst {
	display: flex;
	justify-content: space-between;
	margin: 4em auto 1em;
}
#newsCol_sp .btnLst:first-of-type {
	margin-top: 2em;
}
.btnLst li {
	margin: 0;
}
.btnLst li a {
	color: #ffffff;
	line-height: 1;
	display: block;
	background: #217e06;
	box-sizing: border-box;
	box-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	padding: 0.5em 1em;
	transition: all 0.5s;
}
.btnLst li.ttl a{
	color: #000000;
	background: #ffffff;
	border: 1px solid #217e06;
}
.newsBlock {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 24px);
	margin: calc(2em - 24px) auto 0;
}
.newsBlock .newsBlockInr {
	display: block;
	width: calc((100% - (24px * 3)) / 4);
	background: #ffffff;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	margin: 0 2vw 0;
	padding: 0;
	overflow: hidden;
}
#info .newsBlock .newsBlockInr {
	width: calc((100% - (2vw * 2 * 2)) / 2);
	margin-top: 1rem;
}
.newsBlock .newsBlockInr > a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transition: all 0.5s;
}
.newsBlock .newsBlockInr > a:hover {
	opacity: 0.5;
}
.newsBlock .ctgBlock {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	z-index: 1;
}
.newsBlock .ctg {
	font-size: 0.75em;
	line-height: 1;
	color: #ffffff;
	display: inline-block;
	background: #afafaf;
	margin: auto;
	padding: 0.5em 0.5em;
}
.newsBlock .campaign_awards_annivers{background: #0743db;}
.newsBlock .traffic_safety{background: #edc43d;}
.newsBlock .human_resources{background: #07dbbb;}
.newsBlock .memeber_workshop{background: #07a2db;}
.newsBlock .meeting_council{background: #acc538;}
.newsBlock .aba_news{background: #d85656;}
.newsBlock .exhibition_lecture{background: #917cd9;}
.newsBlock .whitepaper_publication{background: #87d97c;}
.newsBlock .social_contributions{background: #e58ef0;}

.newsBlock .newsBlockInr .imgBlock {
	position: relative;
	display: block;
	width: 100%;
	height: 40vw;
	background: #ffffff;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
}
.newsBlock .newsBlockInr .imgBlock img {
	position: absolute;
	top: 0;
	left: -50%;
	right: -50%;
	display: block;
	min-width: 100%;
/*	max-width: 200%;*/
	min-height: 100%;
	max-height: 200%;
	margin: auto;
}
.newsBlock .newsBlockInr .infBlock{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: calc(100% - 40vw);
	box-sizing: border-box;
	padding: 1em;
}
.newsBlock .newsBlockInr .infBlock > *{
	width: 100%;
}
.newsBlock .newsBlockInr .infBlock div {
	display: flex;
	flex-direction: column;
	justify-content: inherit;
	height: 100%;
}
.newsBlock .newsBlockInr .infBlock h3 {
	font-size: 1em;
	text-align: left;
	align-items: flex-start;
	margin: 0.5em 0 0;
}
.newsBlock .newsBlockInr .infBlock p.cmt {
	height: 4em;
	margin: 2em 0 0;
	align-items: flex-end;
}
#info .newsBlock .newsBlockInr .infBlock p.cmt{
	display: none;
}
.newsBlock .newsBlockInr .infBlock p.cntnd {
	text-align: right;
	margin: 0.5em 0 0;
}
.slick-track,
.slick-list,
.slick-list .slick-slide,
.slick-list .slick-slide > div{
	float: none;
	display: flex;
	width: 100%;
}
/* top_news_section スライド設定（999px以下） */
@media screen and (max-width: 999px) {
	.top_news_section .newsBlock.slick-initialized {
		margin: 30px 0 0;
	}
	.top_news_section .newsBlock.slick-initialized .newsBlockInr {
		width: 100%;
		margin: 0 20px;
	}

	.top_news_section .newsBlock .newsBlockInr .imgBlock img{
		max-height: 100%;
		object-fit: cover;
		object-position: top;
	}
	body.toppage .top_news_section .newsBlock{
		width: 100%;
	}
	body.toppage .top_news_section .newsBlock.slick-initialized .newsBlockInr{
		margin: 0 10px;
	}

	.newsBlock{
		width: 100%;
	}

	body.subpage .top_news_section .newsBlock{
		width: calc(100% + 15px);
		margin: calc(2em - 15px) auto 0 -15px;
		padding: 0 20px;
	}
	body.subpage .top_news_section .newsBlock .newsBlockInr{
		width: calc(50% - 15px);
		margin: 30px 0 0 15px;
	}
	
	body.subpage .top_news_section .newsBlock .newsBlockInr p.cmt{
		display: none;
	}
	
}

/* IEハック */
_:-ms-lang(x), #newsCol_sp {
	display: none;
}
_:-ms-lang(x), #newsCol {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin: 4em auto 0;
}
_:-ms-lang(x), #info .newsBlock,
_:-ms-lang(x), #newsCol .newsBlock,
_:-ms-lang(x), .top_news_section .newsBlock {
	margin-left: -24px;
	margin-right: -24px;
}
_:-ms-lang(x), #info .newsBlock .newsBlockInr,
_:-ms-lang(x), #newsCol .newsBlock .newsBlockInr,
_:-ms-lang(x), .top_news_section .newsBlock .newsBlockInr {
	width: calc(25% - 24px);
	margin: 48px 0 0 24px;
}
_:-ms-lang(x), #info .newsBlock .newsBlockInr .imgBlock,
_:-ms-lang(x), #newsCol .newsBlock .newsBlockInr .imgBlock,
_:-ms-lang(x), .top_news_section .newsBlock .newsBlockInr .imgBlock {
	height: 200px;
}
_:-ms-lang(x), #info .newsBlock .newsBlockInr .infBlock,
_:-ms-lang(x), #newsCol .newsBlock .newsBlockInr .infBlock,
_:-ms-lang(x), .top_news_section .newsBlock .newsBlockInr .infBlock {
	height: calc(100% - 200px);
}
_:-ms-lang(x), #info .newsBlock .newsBlockInr .infBlock h3,
_:-ms-lang(x), #newsCol .newsBlock .newsBlockInr .infBlock h3,
_:-ms-lang(x), .top_news_section .newsBlock .newsBlockInr .infBlock h3 {
	margin: 1em 0 0;
}
_:-ms-lang(x), #info .newsBlock .newsBlockInr .infBlock p.cntnd,
_:-ms-lang(x), #newsCol .newsBlock .newsBlockInr .infBlock p.cntnd,
_:-ms-lang(x), .top_news_section .newsBlock .newsBlockInr .infBlock p.cntnd {
	margin: 1em 0 0;
}

@media screen and (min-width:1000px) {
	#info .newsBlock,
	#newsCol .newsBlock,
	.top_news_section .newsBlock {
		margin-left: -24px;
		margin-right: -24px;
	}
	#info .newsBlock .newsBlockInr,
	#newsCol .newsBlock .newsBlockInr,
	.top_news_section .newsBlock .newsBlockInr {
		width: calc(25% - 24px);
		margin: 48px 0 0 24px;
	}
	.newsBlock .newsBlockInr .imgBlock img.noImg {
		width: 60%;
		min-width: inherit;
		min-height: inherit;
	}
	#info .newsBlock .newsBlockInr:nth-of-type(4n),
	#newsCol .newsBlock .newsBlockInr:nth-of-type(4n) {
		margin-right: 0;
	}
	#info .newsBlock .newsBlockInr .infBlock p.cmt,
	.top_news_section .newsBlock .newsBlockInr .infBlock p.cmt {
		display: block;
	}
	#newsCol_sp {
		display: none;
	}
	#newsCol {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		max-width: 1200px;
		margin: 4em auto 0;
	}
	#newsCol > h2 {
		margin: 0;
	}
	#newsCol .btnLst {
		justify-content: inherit;
		margin: 0;
	}
	#newsCol .btnLst li {
		margin: 0 0 0 1em;
	}
	#newsCol .btnLst li a {
		color: #000000;
		background: #ffffff;
	}
	#newsCol .btnLst li.crt a,
	#newsCol .btnLst li a:hover {
		color: #ffffff;
		background: #217e06;
	}
	#newsCol .pgBtn {
		font-size: 1em;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin: 1em auto 0;
	}
	#newsCol .pgBtn li {
		line-height: 1;
		color: #217e06;
		font-size: 1.25em;
		display: block;
		margin: 0 0.5em 0;
	}
	#newsCol .pgBtn li a {
		display: block;
		background: none;
		transition: all 0.5s;
	}
	#newsCol .pgBtn li a:hover {
		opacity: 0.5;
	}
	#newsCol .pgBtn li.pgCrt p,
	#newsCol .pgBtn li:not(.pgNxt):not(.pgPrv) a {
		color: #ffffff;
		background: #217e06;
		box-sizing: border-box;
		border-radius: 18px;
		border: 2px solid;
		padding: 0.5em 1em;
	}
	#newsCol .pgBtn li.pgCrt p,
	#newsCol .pgBtn li:not(.pgNxt):not(.pgPrv) a:hover{
		color: #217e06;
		background: #ffffff;
		opacity: 1;
	}
	#info .newsBlock .newsBlockInr .imgBlock,
	#newsCol .newsBlock .newsBlockInr .imgBlock,
	.top_news_section .newsBlock .newsBlockInr .imgBlock {
		height: 200px;
	}
	#info .newsBlock .newsBlockInr .infBlock,
	#newsCol .newsBlock .newsBlockInr .infBlock,
	.top_news_section .newsBlock .newsBlockInr .infBlock {
		height: calc(100% - 200px);
	}
	#info .newsBlock .newsBlockInr .infBlock h3,
	#newsCol .newsBlock .newsBlockInr .infBlock h3,
	.top_news_section .newsBlock .newsBlockInr .infBlock h3 {
		margin: 1em 0 0;
	}
	#info .newsBlock .newsBlockInr .infBlock p.cntnd,
	#newsCol .newsBlock .newsBlockInr .infBlock p.cntnd,
	.top_news_section .newsBlock .newsBlockInr .infBlock p.cntnd {
		margin: 1em 0 0;
	}
}


/* コンテンツ */
.cntsMain{
	margin-bottom: 5rem;
}
.mainContent{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 2rem auto 0;
}
.mainContent h2{
	font-weight: normal;
	line-height: 1;
	font-size: 1.25em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100px;
	margin: 0 auto;
	padding: 0;
}
.mainContent h2 p{
	background: url(../images/icon01.png) left center no-repeat;
	background-size: 4em;
	padding-left: 4em;
}
.mainContent h2 p span{
	display: block;
	width: fit-content;
	font-size: 2.5em;
}
.mainContent .sideNav{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	margin: 2rem auto 0;
}
.mainContent .sideNav li {
	text-align: center;
	display: flex;
	width: calc(50% - (0.25em * 2));
	margin: 0.25em 0.25em 0;
	padding: 0;
}
.mainContent .sideNav li a {
	color: #000000;
	display: block;
	width: 100%;
	background: hsl(0, 0%, 75%);
	margin: 0;
	padding: 0.5em;
}
.mainContent .sideNav li.crt a,
.mainContent .sideNav li a:hover {
	color: #ffffff;
	background: hsl(0, 0%, 25%);
}
.mainContent .subNav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 4rem auto 0;
}
.mainContent .subNav li {
	margin: 0.5em 0.25em 0;
}
.mainContent .subNav li a {
	line-height: 1;
	color: #000000;
	display: block;
	background: hsl(53, 65%, 75%);
	box-sizing: border-box;
	border-radius: 20px;
	padding: 0.45em 0.75em 0.25em;
}
.mainContent .subNav li.crt a,
.mainContent .subNav li a:hover {
	color: #ffffff;
	background: hsl(53, 100%, 40%);
}
.mainContent h3{
	font-size: 2em;
	text-align: center;
	margin: 4rem auto 0;
}
.mainContent .contentCol{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 2rem auto 0;
	padding: 0;
}
.message-box{
	text-align: center;
}
.message-box a{
	color: #459fff;
	transition: all 0.5s;
}
.message-box a:hover{
	color: #ffb645;
}
@media screen and (min-width:1000px) {
	.cntsMain{
		margin-bottom: 20rem;
	}
	.mainContent{
		margin: 6rem auto 0;
	}
	.mainContent h2{
		font-size: 1.75em;
	}
	.mainContent h2 p{
		background-size: 102px 100px;
		padding-left: 112px;
	}
	.mainContent .sideNav{
		flex-wrap: nowrap;
		justify-content: center;
		width: 100%;
		margin: 6rem auto 0;
	}
	.mainContent .sideNav li {
		width: inherit;
		margin: 0 0.25em;
	}
	.mainContent .subNav {
		flex-wrap: nowrap;
	}
	.mainContent h3{
		margin: 8rem auto 0;
	}
	.mainContent .contentCol{
		margin: 8rem auto 0;
	}
}

.mainContent .sideNav li a {
	color: #000000;
	background: hsl(106, 45%, 80%);
}
.mainContent .sideNav li.crt a,
.mainContent .sideNav li a:hover {
	background: hsl(100, 100%, 25%);
}


/* 会議所とは */
#outln h2 p{
	background-image: url(../images/icon01.png);
}
/* 挨拶 */
.columCol{
	display: block;
}
.columCol .imgCol{
	position: relative;
	text-align: right;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}
.columCol .imgCol img{
	display: block;
	width: 50%;
	max-width: 360px;
	margin: 0 0 0 auto;
}
.columCol .imgCol .imgName {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	font-size: 1.5em;
	line-height: 1;
	color: #ffffff;
	display: block;
	background: #2b8000;
	margin: auto;
	padding: 1em 1em 1em 0;
}
.columCol .imgCol .imgName span {
	font-size: 0.75em;
	display: block;
	margin: 0 0 0.5em 1.25em;
}
.columCol .txtCol{
	font-size: 12pt;
	width: 100%;
	margin: 4rem 0 0;
}
.columCol .txtCol p{
	line-height: 1.75;
}
.columCol .txtCol p:not(:first-of-type){
	margin: 1em 0 0;
}
/* 概要 */
.overview h2 {
	line-height: 1;
	text-align: center;
	display: block;
	min-height: auto;
	margin: 4rem auto 0;
}
.overview > p {
	margin: 2rem auto 0;
}
.overview > p img {
	display: block;
	width: 100%;
	max-width: 1082px;
	height: auto;
	margin: 0 auto;
}
.overview .ovCol {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 2rem auto 0;
}
.overview .ovCol > * {
	line-height: 1.5;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.overview .ovCol h3 {
	text-align: center;
	line-height: 1.5;
	font-size: 1em;
	width: 100%;
	margin: 0;
	padding: 1em 0 0 0;
}
.overview .ovCol > *:not(h3) {
	width: 100%;
	margin: 0;
	border-bottom: 1px solid;
	padding: 1em 0 1em 0;
}
.overview .ovCol > ol {
	list-style: decimal;
}
.overview .ovCol > * li:not(:first-of-type) {
	margin-top: 1em;
}
.ovCol > ol li {
	margin: 0 0 0 1.5em;
}
/* 組織 */
#outln .contentCol table{
	display: block;
	margin: 1em 0 0;
}
#outln .contentCol table caption{
	color: hsl(50, 100%, 30%);
	text-align: center;
	line-height: 1;
	width: 8em;
	background: #fff;
	border: 1px solid hsl(50, 100%, 30%);
	margin: 0;
	padding: 0.5em 0.5em 0.25em;
}
#outln .contentCol table tbody{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 0 0.5em;
}
#outln .contentCol table tbody tr{
	display: flex;
	width: 100%;
	margin: 1em 0 0;
}
#outln .contentCol table tbody tr th{
	text-align: left;
	width: 10em;
	margin: 0 1em 0 0;
}
#outln .contentCol table tbody tr td {
	width: calc(100% - 8em - 1em);
}
#outln .organization > p:last-of-type,
#outln .adviser > p:last-of-type{
	margin-top: 2em;
}
/* 財務、事業計画 */
#outln .finance,
#outln .report {
	display: block;
	min-height: 152px;
	background: none;
}
#outln .finance > div,
#outln .report > div {
	border: 1px solid #d3bb00;
	margin: 1em 0 0;
	padding: 2em;
}
#outln .finance > div h3,
#outln .report > div h3 {
	font-size: 1.5em;
	margin: 0;
}
#outln .finance > div ul,
#outln .report > div ul {
	margin: 1em 0 0;
}
#outln .finance > div ul li,
#outln .report > div ul li {
	margin: 1em 0 0;
}
#outln .finance > div ul li::before,
#outln .report > div ul li::before {
	content: "\f1c1";
	font-family: 'FontAwesome';
	color: #ff0000;
	margin: 0 0.5em 0 0;
}
/* 定款 */
#outln .contentCol .incBtnLst{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}
#outln .contentCol .incBtnLst li{
	display: block;
	width: 48%;
	margin: 1.5rem calc(100% - (48% * 2)) 0 0;
}
#outln .contentCol .incBtnLst li:nth-of-type(2n){
	margin-right: 0;
}
#outln .contentCol .incBtnLst li p{
	text-align: center;
	color: #cbb500;
	font-size: 1.15em;
	display: block;
	width: 100%;
	background: #ffffff;
	box-sizing: border-box;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
	margin: 0;
	padding: 1rem 0;
	cursor: pointer;
	transition: all 0.5s;
}
#outln .contentCol .incBtnLst li p.act,
#outln .contentCol .incBtnLst li p:hover{
	color: #ffffff;
	background-color: #cbb500;
}
#outln .contentCol .incDetail{
	line-height: 1.75;
	display: none;
	margin: 6em auto 0;
}
#outln .contentCol .incDetail h2{
	text-align: left;
	color: #ffffff;
	display: block;
	min-height: auto;
	background: #cbb500;
	margin: 0 0 2rem 0;
	padding: 0.25em 0.5em;
}
#outln .contentCol .incDetail h4{
	margin: 2rem 0 0 0;
}
#outln .contentCol #id181 p{
	margin: 1em 0 0 0;
}
#outln .contentCol #id181 p{
	margin: 1em 0 0 0;
}
#outln .contentCol #id181 ul li {
	position: relative;
	padding: 0 0 0 15px;
}
#outln .contentCol #id181 ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #81bf73;
}
/* あゆみ */
#outln .successive .sucCol{
	color: #000000;
	display: block;
	width: 100%;
	background: #fbf6d5;
	box-sizing: border-box;
	margin: 0 auto 0;
	padding: 1em 1em 4em;
}
#outln .successive .sucCol:nth-of-type(even){
	color: #ffffff;
	background: #987207;
}
#outln .successive .sucCol img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
}
#outln .successive .sucCol > p{
	line-height: 1.5;
	margin: 4rem 0 0;
}
#outln .successive .sucCol .aligncenter{
	display: block;
	margin: 0 auto;
}
#outln .successive .sucCol .wp-caption{
	text-align: center;
	max-width: 100%;
	margin: 4rem auto 0;
}
#outln .successive .sucCol .wp-caption .wp-caption-text{
	font-size: 12px;
	margin: 0.5em auto 0;
}
#outln .history{
	background: #eae8d9;
	box-sizing: border-box;
	padding: 1em 1em 2em;
}
#outln .history > h2{
	text-align: center;
	display: block;
	min-height: auto;
	border-bottom: 1px solid #d3bb01;
	margin: 1.5em 0 1em;
	padding: 0 0 0.5em;
}
#outln .history .history-list__itembox__items{
	justify-content: left;
	width: 90%;
	margin: 0 auto 0;
}
#outln .history .history-list__itembox__items .history-list__items {
	line-height: 1;
	text-align: center;
	display: block;
	width: 48%;
	height: auto;
	margin: 4em calc(100% - (48% * 2)) 0 0;
	padding: 0;
}
#outln .history .history-list__itembox__items .history-list__items:nth-of-type(2n) {
	margin-right: 0;
}
#outln .history .history-list__itembox__items .history-list__items .history-list__itembox__items__heading img{
	margin: 0;
}
#outln .history .history-list__itembox__items .history-list__items h3{
	font-size: 1.5em;
	margin: 0;
}
#outln .history .history-list__itembox__items .history-list__items h3 span {
	line-height: 1;
	font-size: 0.75em;
	font-weight: normal;
	color: #ffffff;
	display: block;
	width: 100%;
	background: #d3bb01;
	box-sizing: border-box;
	margin: 0 0 1em;
	padding: 0.5em 0;
}
#outln .history .history-list__itembox__items .history-list__items .history-list__itembox__items__bottom div {
	font-size: 0.5em;
	margin: 1em 0 0;
}
/* ビジョン */
#outln .vision,
#outln .vision-en{
	width: 100%;
}
#outln .vision h4,
#outln .vision-en h4{
	line-height: 1;
	font-size: 1.5em;
	text-align: center;
	margin: 2em auto 0;
}
#outln .vision p,
#outln .vision-en p{
	line-height: 1.5;
	margin: 1em 0 0 1em;
}
#outln .vision ul,
#outln .vision-en ul{
	margin: 0.5em 0 0 1em;
}
#outln .vision ul li,
#outln .vision-en ul li{
	text-indent: -1em;
	display: block;
	margin: 0.5em 0 0 1em;
}
#outln .vision ul li::before,
#outln .vision-en ul li::before{
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background: #2b8000;
	border-radius: 20px;
	box-sizing: border-box;
	margin: 0 0.25em 0 0;
}
#outln .vision > div,
#outln .vision-en > div{
	display: block;
	max-width: 100%;
	width: fit-content;
	box-sizing: border-box;
	border: 1px solid #2b8000;
	border-radius: 8px;
	margin: 2em auto 0;
	padding: 1em;
}
#outln .vision > div p,
#outln .vision-en > div p{
	margin: 0;
}
@media screen and (min-width:1000px) {
	.columCol{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: flex-start;
	}
	.columCol .imgCol{
		width: 25%;
	}
	.columCol .imgCol img{
		width: 80%;
	}
	.columCol .imgCol .imgName {
		top: inherit;
		bottom: 3rem;
	}
	.columCol .txtCol{
		width: 70%;
		margin: 0;
	}
	/* 概要 */
	.overview h2 {
		margin-top: 0;
	}
	.overview > h2:not(:first-of-type) {
		margin-top: 8rem;
	}
	.overview .ovCol {
		display: flex;
		flex-wrap: wrap;
		border-top: 1px solid;
		margin-top: 4rem;
	}
	.overview .ovCol h3 {
		text-align: left;
		width: 16rem;
		border-bottom: 1px solid;
		padding-bottom: 1em;
	}
	.overview .ovCol > *:not(h3) {
		width: calc(100% - 16rem);
		padding-left: 4em;
	}
	/* 組織 */
	#outln .organization {
		width: 800px;
	}
	#outln .contentCol table{
		display: flex;
		align-items: baseline;
		margin-top: 2em;
	}
	#outln .contentCol table caption{
		display: block;
		margin: 0 1em 0 0;
	}
	#outln .contentCol table tbody{
		width: calc(100% - 8em - 1em);
	}
	#outln .adviser table tbody{
		column-count: 2;
	}
	#outln .adviser table tbody tr:first-of-type{
		margin-top: 0;
	}
	#outln .contentCol .incBtnLst li,
	#outln .contentCol .incBtnLst li:nth-of-type(2n){
		width: 24%;
		margin: 1.5rem calc((100% - (24% * 4)) / 3) 0 0;
	}
	#outln .contentCol .incBtnLst li:nth-of-type(4n){
		margin-right: 0;
	}
	/* 財務、事業計画 */
	#outln .finance,
	#outln .report {
		display: flex;
		justify-content: center;
		/* background: url(../images/icon_finance.png) center center no-repeat; */
	}
	#outln .report {
		background: url(../images/icon_report.png) center center no-repeat;
	}
	#outln .finance > div,
	#outln .report > div {
		margin: 0;
	}
	#outln .finance > div:first-of-type,
	#outln .report > div:first-of-type {
		margin-right: calc(150px / 2 + 2em);
	}
	#outln .finance > div:last-of-type,
	#outln .report > div:last-of-type {
		margin-left: calc(150px / 2 + 2em);
	}
	/* あゆみ */
	#outln .successive .sucCol .sucPhtBlock{
		display: flex;
		justify-content: center;
	}
	#outln .successive .sucCol .sucPhtBlock .wp-caption{
		margin: 0;
	}
	#outln .history .history-list__itembox__items .history-list__items,
	#outln .history .history-list__itembox__items .history-list__items:nth-of-type(2n) {
		width: 22%;
		margin: 4em calc((100% - (22% * 4)) / 3) 0 0;
	}
	#outln .history .history-list__itembox__items .history-list__items:nth-of-type(4n) {
		margin-right: 0;
	}
	#outln .history .history-list__itembox__items .history-list__items .history-list__itembox__items__bottom div {
		font-size: 0.85em;
	}
	/* ビジョン */
	#outln .vision,
	#outln .vision-en{
		width: 720px;
	}
}


/* 会議所の活動 */
#act h2 p{
	background-image: url(../images/icon02.png);
}
#act .sideNav li a {
	background: hsl(6, 45%, 80%);
}
#act .sideNav li.crt a,
#act .sideNav li a:hover {
	color: #ffffff;
	background: hsl(7, 100%, 25%);
}
#act .actLstCol{
	display: flex;
	flex-wrap: wrap;
}
#act .actLstCol li{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	border: none;
	margin: 4em 2% 0;
}
#act .actLstCol li h4 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	letter-spacing: inherit;
	color: #000000;
	display: block;
	width: 100%;
	height: auto;
	background: #ffffff;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 50%);
	text-shadow: inherit;
	margin: 0;
	padding: 2em;
	transition: all 0.5s;
}
#act .actLstCol li h4::before {
	content: "";
	display: block;
	width: 121px;
	height: 88px;
	background: url(../images/icon_act01.png) center top no-repeat;
	margin: 0 auto 1em;
}
#act .actLstCol li:nth-of-type(3) h4::before {
	background-image: url(../images/icon_act02.png);
}
#act .actLstCol li:nth-of-type(4) h4::before {
	background-image: url(../images/icon_act03.png);
}
#act .actLstCol li:nth-of-type(5) h4::before {
	background-image: url(../images/icon_act04.png);
}
#act .actLstCol li:nth-of-type(2) h4::before {
	background-image: url(../images/icon_act05.png);
}
#act .actLstCol li:nth-of-type(6) h4::before {
	background-image: url(../images/icon_act06.png);
}
#act .contentCol li div{
	line-height: 2;
	width: 100%;
	margin: 2em 0 0;
}
/* フォーラム */
#act .index > *:not(h3){
	margin: 4rem auto 0;
}
#act .index > h3:not(:first-of-type){
	font-size: 1.5em;
	color: #e02f17;
}
#act .index p{
	line-height: 2;
}
#act .index .imgCol {
	display: block;
	width: 100%;
	margin: 4em auto 0;
}
#act .index .imgCol img {
	display: block;
	width: 100%;
}
#act .index .grpLst{
	column-count: 1;
}
#act .index .grpLst li:not(:first-of-type){
	margin: 1em 0 0;
}
#act .index .frmPhtCol {
	display: flex;
	flex-wrap: wrap;
	margin: 2em auto 0;
}
#act .index .frmPhtCol li {
	width: 49%;
	margin: 1em 2% 0 0;
}
#act .index .frmPhtCol li:nth-of-type(2n) {
	margin-right: 0;
}
#act .index .frmPhtCol li img {
	display: block;
	width: 100%;
}
#act .index .frmPhtCol li p {
	text-align: center;
}
#act .index table{
	width: 100%;
}
#act .index table th {
	color: #e02f17;
	text-align: left;
	width: 5em;
}
#act .index table td {
	padding: 1em 0 0 1em;
}
#act .index .btn {
	font-size: 2em;
	color: #ffffff;
	text-align: center;
	display: block;
	width: 10em;
	background: #800f00;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	margin: 4rem auto 0;
	padding: 0.5em 0;
	transition: all 0.5s;
}
#act .index .btn:hover {
	opacity: 0.5;
}
/* 意見書 */
#act .contentCol .lstCol li{
	margin: 0.5em 0 0;
}
#act .contentCol .lstCol li a{
	display: block;
	width: 100%;
	background: #ffffff;
	box-sizing: border-box;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	margin: 0;
	padding: 1em;
	transition: all 0.5s;
}
#act .contentCol .lstCol li a:hover{
	opacity: 0.5;
}
#act .contentCol .lstCol li a .date {
	color: #ec432d;
	min-width: 8em;
	margin: 0 0 0.5em 0;
}
@media screen and (min-width:1000px) {
	#act .actLstCol li{
		width: 46%;
	}
	#act .index .grpLst{
		column-count: 4;
	}
	#act .index .imgCol {
		width: 25%;
	}
	#act .index .frmPhtCol li,
	#act .index .frmPhtCol li:nth-of-type(2n) {
		width: 32%;
		margin: 1em 2% 0 0;
	}
	#act .index .frmPhtCol li:nth-of-type(3n) {
		margin-right: 0;
	}
	#act .contentCol .lstCol li a{
		display: flex;
	}
	#act .contentCol .lstCol li a .date {
		margin: 0 2em 0 0;
	}
}


/* 会員紹介 */
#mmbr h2 p{
	background-image: url(../images/icon03.png);
}
#mmbr .sideNav li a {
	background: hsl(214, 75%, 80%);
}
#mmbr .sideNav li.crt a,
#mmbr .sideNav li a:hover {
	color: #ffffff;
	background: hsl(214, 75%, 50%);
}
#mmbr .index p{
	display: block;
	width: 100%;
}
#mmbr .index p img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#mmbr .contentCol .members-list__block{
	margin-top: 4rem;
}
#mmbr .contentCol table{
	width: 100%;
	margin: 1rem auto 0;
}
#mmbr .contentCol table tr {
	display: block;
	border-bottom: 1px solid #aaa;
	margin: 0 0 1em;
}
#mmbr .contentCol table th{
	text-align: left;
	color: #000000;
	display: block;
	width: 100%;
}
#mmbr .contentCol table th a{
	color: hsl(214, 75%, 50%);
}
#mmbr .contentCol table td{
	line-height: 1.5;
	display: block;
	width: 100%;
	padding: 0 0 1em;
}
#mmbr .contentCol table td span{
	display: block;
}
#mmbr .zenkoku h4{
	font-size: 1.5em;
	text-align: center;
	margin: 4rem auto 0;
}
#mmbr .contentCol table.mz_dt_tbl{
	margin-top: 1rem;
}
#mmbr .contentCol table.mz_dt_tbl td a{
	color: hsl(214, 75%, 50%);
}
#mmbr .btn {
	font-size: 2em;
	color: #ffffff;
	text-align: center;
	display: block;
	width: 10em;
	background: hsl(214, 75%, 50%);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	margin: 4rem auto 0;
	padding: 0.5em 0;
	transition: all 0.5s;
}
#mmbr .btn:hover {
	opacity: 0.5;
}
@media screen and (min-width:1000px) {
	#mmbr .contentCol > p{
		width: 750px;
		margin: 1em auto 0;
	}
	#mmbr .contentCol table{
		width: 750px;
	}
	#mmbr .contentCol table tr {
		display: inherit;
		border: 1px solid;
	}
	#mmbr .contentCol table th{
		vertical-align: middle;
		display: table-cell;
		width: 50%;
		background: #f1f6ff;
		border-right: 1px solid #000;
		padding: 1em;
	}
	#mmbr .contentCol table td{
		width: auto;
		background: #fff;
		padding: 1em;
	}
	#mmbr .contentCol table.members-list__body__itembox th{
		width: 750px !important;
	}
	#mmbr .zenkoku h4{
		font-size: 2em;
	}
	#mmbr .contentCol table.mz_dt_tbl th{
		width: 10em;
	}
}


/* ニュース */
#info h2 p{
	background-image: url(../images/icon04.png);
}
#info h2 p span{
	font-size: 2em;
}
#info .sideNav li a {
	background: hsl(170, 45%, 80%);
}
#info .sideNav li.crt a,
#info .sideNav li a:hover {
	color: #ffffff;
	background: hsl(170, 50%, 50%);
}
#info .btn{
	color: #ffffff;
	font-size: 1.5em;
	display: block;
	width: 12em;
	width: fit-content;
	background: #40bfaa;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
	margin: 4rem auto 0;
	padding: 0.5em 1em;
	transition: all 0.5s;
}
#info .btn:hover{
	opacity: 0.5;
}
#info #infoSearch{
	margin: 6rem auto 0;
}
#info #infoSearch h3 {
	position: relative;
	color: #70c9b8;
	font-size: 1.25em;
	line-height: 1;
	background: #effffc;
	box-sizing: border-box;
	border: 1px solid #70c9b8;
	margin: 0 auto;
	padding: 0.5em;
}
#info #infoSearch h3 span {
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-size: 0.5em;
	color: #000000;
	display: inline-block;
	margin: auto;
}
#info .info-search__category {
	width: 90%;
	margin: 1rem auto 0;
}
#info .info-search__category ul li {
	margin: 1em 2em 0 0;
}
#info .info-search__itembox__column02{
	margin: 6rem auto 0;
}
#info .info-search__itembox__column02 .info-search__day p{
	text-align: center;
	margin: 2rem 0 0;
}
#info .info-search__itembox__column02 .info-search__day input {
	line-height: 2;
	width: 30%;
}
#info .info-search__itembox__column02 .info-search__keywords input[type="text"]{
	line-height: 2;
	display: block;
	width: 100%;
	margin: 2rem auto 0;
}
#info .info-search__itembox__column02 .info-search__body__itembox select[name="info_prefecture"]{
	width: 100%;
	height: 2em;
	margin: 2rem 0 0;
}
#info .info-search__itembox__column02 .info-search__category {
	width: 100%;
}
#info .info-search__itembox__column02 .info-search__category ul li {
	margin-right: 0;
}
#info .content-list__items__heading{
	height: auto;
	border: none;
	background: hsl(170, 50%, 50%);
	text-shadow: inherit;
	padding: 1em 0;
	transition: all 0.5s;
}
#info .content-list__items__heading:hover{
	opacity: 0.5;
}
@media screen and (min-width:1000px) {
	#info .info-search__itembox__column02 .info-search__day input {
		width: 36%;
	}
}


/* 刊行物 */
#pbl h2 p{
	background-image: url(../images/icon05.png);
}
#pbl h2 p span{
	font-size: 2em;
}
#pbl .sideNav li a {
	background: hsl(35, 65%, 80%);
}
#pbl .sideNav li.crt a,
#pbl .sideNav li a:hover {
	color: #ffffff;
	background: hsl(35, 80%, 60%);
}
#pbl .contentCol > p{
	line-height: 1.5;
	margin: 2em 0 0;
}
#pbl .publication-list__itembox__items__wrap{
	border: none;
	margin: 6rem auto 0;
}
#pbl .contentCol .pblTtl {
	color: #ffffff;
	display: flex;
	background: #eba747;
	justify-content: space-between;
	align-items: baseline;
	padding: 0.5em;
}
#pbl .contentCol .pblTtl span {
	color: #eba747;
	text-align: center;
	width: 6em;
	background: #ffffff;
	margin: 0 0 0 1em;
	padding: 0.25em 1em;
}
#pbl .contentCol .pblCol {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 2rem auto 0;
}
#pbl .contentCol .pblCol .pblImg {
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
}
#pbl .contentCol .pblCol .pblImg img {
	display: block;
	max-width: 100%;
	margin: 0 auto 0;
}
#pbl .contentCol .pblCol .pblInfoCol {
	line-height: 2;
	display: block;
	width: 100%;
}
#pbl .contentCol .pblCol .pblInfoCol .pblSaleInfo {
	background: #fff;
	border: 1px solid #eba747;
	margin: 2rem 0 0;
}
#pbl .contentCol .pblCol .pblInfoCol .pblSaleInfo th,
#pbl .contentCol .pblCol .pblInfoCol .pblSaleInfo td {
	line-height: 1.5;
	padding: 0.5em 0.5em 0 0.5em;
}
#pbl .contentCol .pblCol .pblInfoCol .pblSaleInfo th {
	color: #eba747;
	min-width: 4em;
	padding-left: 1em;
}
#pbl .contentCol .pblCol .pblInfoCol .pblSaleInfo tr:last-of-type th {
	padding-bottom: 0.5em;
}
#pbl .publication-list__itembox__items__order__item{
	background-color: #eba747;
	transition: all 0.5s;
}
#pbl .publication-list__itembox__items__order__item:hover{
	opacity: 0.5;
}
@media screen and (min-width:1000px) {
	#pbl h2 p span{
		font-size: 2.5em;
	}
	#pbl .contentCol .pblCol {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	#pbl .contentCol .pblCol .pblImg {
		width: calc(100% - 60% - 1em);
		margin: 0 0 0 1em;
	}
	#pbl .contentCol .pblCol .pblInfoCol {
		width: 60%;
	}
}


/* リンク集 */
#lnk h2 p{
	background-image: url(../images/icon06.png);
}
#lnk .sideNav li a {
	background: hsl(35, 65%, 80%);
}
#lnk .sideNav li.crt a,
#lnk .sideNav li a:hover {
	color: #ffffff;
	background: hsl(35, 80%, 60%);
}
#lnk .contentCol .lnkBlock{
	display: flex;
	flex-wrap: wrap;
}
#lnk .contentCol .lnkBlock .link-list__itembox{
	text-align: center;
	font-weight: bold;
	background: #ffffff;
	border: none;
	border-top: 4px solid #a062a0;
	border-radius: inherit;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
#lnk .contentCol .lnkBlock .link-list__itembox:after{
	display: none;
}
#lnk .contentCol .lnkBlock .link-list__itembox a{
	transition: all 0.5s;
}
#lnk .contentCol .lnkBlock .link-list__itembox a:hover{
	color: #000000;
	opacity: 0.5;
}
@media screen and (min-width:1000px) {
}


/* 記事 */
.mainContent .contentCol article.newsCol{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 8rem auto 0;
	padding: 0;
}
.mainContent .contentCol article.newsCol .artHd {
	display: flex;
	justify-content: space-between;
}
.mainContent .contentCol article.newsCol h1 {
	font-size: 1.8em;
	margin: 1em 0 0;
}
.mainContent .contentCol article.newsCol .artCol {
	margin: 6rem 0 0;
}
.mainContent .contentCol article.newsCol .artCol h4 {
	font-size: 1.3em;
	border-bottom: 1px solid;
	margin: 2em 0 0;
}
.mainContent .contentCol article.newsCol .artCol h5 {
	font-size: 1.3em;
	text-align: left !important;
	border-left: 6px solid;
	padding: 0 0 0 1em;
}
.mainContent .contentCol article.newsCol .artCol p {
	line-height: 2;
	margin: 2em 0 0;
}
.mainContent .contentCol article.newsCol .artCol a {
	color: #38bde6;
	text-decoration: underline;
}
.mainContent .contentCol article.newsCol .artCol a:hover {
	color: #f7a72d;
}
.mainContent .contentCol article.newsCol .artCol a[href$=".pdf"]::before{
	content: "\f1c1";
	font-family: 'FontAwesome';
	color: #ff0000;
	margin: 0 0.5em 0 0;
}
.mainContent .contentCol article.newsCol .artCol .pdfbox {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10px;
}
.mainContent .contentCol article.newsCol .artCol .pdfbox a[href$=".pdf"]:first-of-type::before{
	display: none;
}
.mainContent .contentCol article.newsCol .artCol .info-table {
	border: 1px solid #40bfaa;
	margin: 3em 0 0;
}
.mainContent .contentCol article.newsCol .artCol .info-table th {
	text-align: left;
	vertical-align: top;
	color: #ffffff;
	background: #40bfaa;
	padding: 0.5em 1em;
}
.mainContent .contentCol article.newsCol .artCol .info-table tr:not(:first-of-type) th {
	border-top: 1px solid #ffffff;
}
.mainContent .contentCol article.newsCol .artCol .info-table td {
	border: 1px solid #40bfaa;
	padding: 0.5em 1em;
}
.mainContent .contentCol article.newsCol .artCol .info-table td p {
	margin-top: 1em;
}
.mainContent .contentCol article.newsCol .artCol .info-table td p:first-of-type {
	margin-top: 0;
}
/* 活動 */
#act .contentCol article.newsCol .artCol h4,
#act .contentCol article.newsCol .artCol h5 {
	border-color: #800f00;
}
#act .contentCol .backpage .backpage__item{
	background-color: #800f00;
}
#act .contentCol .backpage .backpage__item:hover {
	color: #800f00;
	background-color: #ffffff;
}
#act .contentCol .backpage .backpage__item:hover:after{
	border-left-color: #800f00;
}
@media screen and (min-width:1000px) {
	.mainContent .contentCol article.newsCol{
		width: 60%;
	}
}


/* フォーム */
.mainContent .contentCol .mw_wp_form{
	width: 100%;
	margin: 0 auto;
}
.mainContent .contentCol .mw_wp_form form > .form-preview{
	font-size: 1em;
	text-align: center;
}
.mainContent .contentCol .mw_wp_form form > .contact-heading--notice{
	color: #000000;
	margin: 0.5em 0 0;
}
.mainContent .contentCol .mw_wp_form form > .contact-heading--notice span{
	color: #ff0000;
}
.mainContent .contentCol .mw_wp_form table{
	border: none;
	margin: 2em auto 0;
}
.mainContent .contentCol .mw_wp_form table tr th{
	font-weight: bold;
	text-align: left;
	width: 100%;
	background: none;
	border: none;
	padding: 0;
}
.mainContent .contentCol .mw_wp_form table tr td{
	width: 100%;
	border: none;
	padding: 0 0 2rem;
}
.mainContent .contentCol .mw_wp_form table tr td .item-comment{
	color: #ff0000;
}
.mainContent .contentCol .mw_wp_form table tr td .post #btn_zip{
	font-size: 0.7em;
	margin: 0 0 0 0.5em;
}
.mainContent .contentCol .mw_wp_form .form-confirm{
	margin: 1rem auto 0;
}
.mainContent .contentCol .mw_wp_form .btn-area .btn-area__btnbox__items{
	margin: 0;
}
.mainContent .contentCol .mw_wp_form .btn-area input{
	font-size: 1.5em;
	text-align: center;
	display: block;
	width: 10em;
	background: hsl(100, 100%, 25%);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
	margin: 0 auto 0;
	padding: 0.5em 0.5em;
}
.mainContent .contentCol .mw_wp_form .btn-area input:hover{
	opacity: 0.5;
}
#info .contentCol .mw_wp_form .btn-area input{
	background: hsl(170, 50%, 50%);
}
#pbl .contentCol .mw_wp_form .btn-area input{
	background: hsl(35, 80%, 60%);
}
@media screen and (min-width:1000px) {
	.mainContent .contentCol .mw_wp_form{
		width: 65%;
	}
	.mainContent .contentCol .mw_wp_form form > .form-preview{
		font-size: 1.25em;
	}
	.mainContent .contentCol .mw_wp_form form > .contact-heading--notice{
		font-size: 0.9em;
	}
	.mainContent .contentCol .mw_wp_form table tr th{
		vertical-align: top;
		width: 20%;
		max-width: 30%;
		padding: 2em 0 0 0;
	}
	.mainContent .contentCol .mw_wp_form table tr td{
		width: auto;
		max-width: 70%;
		padding: 1.5em 0 0 2em;
	}
	.mainContent .contentCol .mw_wp_form table tr td .post #btn_zip{
		font-size: 1em;
		margin: 0 0 0 0;
	}
	.mainContent .contentCol .mw_wp_form .form-confirm{
		margin: 2em auto 0;
	}
	#pbl .contentCol .mw_wp_form table tr td .multi3{
		flex-wrap: wrap;
	}
	#pbl .contentCol .mw_wp_form table tr td .multi3 > div{
		margin: 0 0 0 auto;
	}
}


/* その他 固定ページ */
#other .contentCol .contentInr{
	margin: 4rem auto 0;
}
/* アクセス */
#other .contentCol .contentInr .accss iframe{
	width: 100%;
	height: 80vw;
}
#other .contentCol .contentInr .accss p{
	margin: 4em 0 0;
}
#other .contentCol .contentInr .accss a{
	color: #1badde;
	text-decoration: underline;
}
#other .contentCol .contentInr .accss table{
	width: 100%;
	margin: 2em auto 0;
}
#other .contentCol .contentInr .accss table th{
	background: #dbf6ff;
	border: 1px solid;
	margin: 0;
	padding: 1em;
}
#other .contentCol .contentInr .accss table td {
	background: #fff;
	border: 1px solid;
	padding: 1em;
}
/* サイトマップ */
#other .contentCol .contentInr .siteMp a{
	color: #38bde6;
	text-decoration: underline;
	box-sizing: border-box;
	transition: all 0.5s;
}
#other .contentCol .contentInr .siteMp a:hover{
	opacity: 0.5;
}
#other .contentCol .contentInr .siteMp h2{
	font-size: 1.25em;
	text-align: left;
	font-weight: bold;
	display: block;
	width: 100%;
	min-height: inherit;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
#other .contentCol .contentInr .siteMp h2 a{
	color: #000000;
	text-decoration: none;
	line-height: 1;
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border-left: 4px solid #38bde6;;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
	margin: 3em auto 0;
	padding: 0.5em 0.5em;
}
	#other .contentCol .contentInr .siteMp h3{
	font-size: 1em;
	text-align: left;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 1em 0 0 1em;
	padding: 0;
}
#other .contentCol .contentInr .siteMp ul{
	list-style: disc;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0.5em 0 0 3em;
}
#other .contentCol .contentInr .siteMp ul li{
	margin: 1em 0 0 0;
}
@media screen and (min-width:1000px) {
	/* アクセス */
	#other .contentCol .contentInr .accss{
		width: 800px;
		margin: 0 auto 0;
	}
	#other .contentCol .contentInr .accss iframe{
		height: 600px;
	}
	/* サイトマップ */
	#other .contentCol .contentInr .siteMp{
		width: 75%;
		margin: 0 auto;
	}
}

/* パートナーシップ大賞 */
#ptnrCol img.ptnrMain{
	display: block;
	width: 100%;
	max-width: 780px;
	margin: 0 auto 1em;
}
#ptnrCol h4{
	text-align: center;
	font-size: 1.8em;
	color: #ff0000;
}
#ptnrCol .txtCol{
	font-size: 12pt;
	margin: 1em auto 0;
}
#ptnrCol .txtCol p{
	line-height: 1.75;
}
#ptnrCol .txtCol p:not(:first-of-type) {
	margin: 1em 0 0;
}
#ptnrCol .btnBlock {
	display: block;
	margin: 2em auto 0;
}
#ptnrCol .btnBlock li {
	width: 80%;
	margin: 1em auto 0;
}
#ptnrCol .btnBlock a {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	display: block;
	width: 100%;
	background: hsl(180, 81%, 37%);
	border-radius: 5px;
	padding: 14px 20px;
	transition: all 0.5s;
}
#ptnrCol .btnBlock a.btnDoc {
	background: hsl(36, 98%, 60%);
}
#ptnrCol .btnBlock a:hover {
	opacity: 0.5;
}
#ptnrCol .btnBlock .caution{
	font-size: 0.9em;
	text-indent: -1em;
	color: #ff0000;
	margin: 0 0 0 0.5em;
	padding: 0.5em 0 0 1.0em;
}
#ptnrCol .btnBlock .caution br{
	display: none;
}
#ptnrCol .lnkBlock {
	margin: 4em 0 0;
	font-size: 12pt;
}
#ptnrCol .lnkBlock li {
	margin: 0.5em 0 0;
}
#ptnrCol .lnkBlock li a {
	color: #ff0000;
}

.pdf_link{
	text-decoration: underline;
}
.pdf_link:hover{
	text-decoration: none;
}
.pdf_link:before{
	content: "\f1c1";
	font-family: 'FontAwesome';
	color: #ff0000;
	margin: 0 0.5em 0 0;
}


.t_center{
	text-align: center;
}
.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}

.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}

.txt_csp{
	color: #009B62!important;
}
.caution {
	text-indent: -1em;
	padding-left: 1em;
  }

.csp_main_wrap{
	background: #fff;
	border-radius: 20px;
	padding: 50px 40px;
}

.csp_main_wrap .main_title{
	font-size: 2.2rem;
	text-align: center;
}

.csp_main_wrap .csp_dl{
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.csp_main_wrap .csp_dl dl{
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}
.csp_main_wrap .csp_dl dl dt,
.csp_main_wrap .csp_dl dl dd{
	padding: 0.5em 1em;
	font-weight: bold;
	font-size: 1.6rem;
}
.csp_main_wrap .csp_dl dl dt{
	border:1px solid #009B62;
	color: #009B62;
	width: 8em;
	text-align: center;
	flex: none;
}
.csp_main_wrap .csp_dl ol{
	list-style: decimal;
	margin-left: 1em;
}


.csp_num_list_wrap{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	background: #E5EDD6;
	border-radius: 15px;
	padding: 20px 30px;
}

ol.csp_num_list {
	counter-reset: csp-counter;
	list-style: none;
	margin-left: 0;
}

ol.csp_num_list li {
	counter-increment: csp-counter;
	position: relative;
	padding-left: 3em;
	font-size: 1.6rem;
	font-weight: bold;
	color: #009B62;
	margin-bottom: 1em;
}

ol.csp_num_list li::before {
	content: "（" counter(csp-counter) "）";
	position: absolute;
	left: 0;
}

.entry_btn a{
	display: inline-block;
	min-width: 280px;
	padding: 15px 40px;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	background: linear-gradient(to right, #8EC22F, #1dac77);
	border-radius: 40px;
	transition: all 0.5s;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}


.top_slider{
	background: #444;
	position: relative;
}

.top_slider .main_slide{
	text-align: center;
	margin: 0 auto;
	max-width: 1200px;
}

.top_slider .main_slide .slide_item {
	padding-top: 50%;
	min-height: 400px;
	position: relative;
}
@media screen and (min-width:1200px) {
	.top_slider .main_slide .slide_item {
		padding-top: 640px;
	}
}

.top_slider .main_slide .slide_item .img_wrapper img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top_slider .main_slide .slide_item .caption{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 20px 120px 20px 20px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
}


.top_slider .slick-dots{
	bottom: 20px;
	max-width: 120px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	right: 0;
}

.top_slider .slick-dots li{
	margin: 0 1px;
}

.top_slider .slick-dots li button:before{
	color: #fff;
	opacity: 0.7;;
	font-size: 13px;
}

.top_slider .slick-dots li.slick-active button:before{
	color: #4CAF50;
	opacity: 1;
}

.top_slider .slick-prev,
.top_slider .slick-next{
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	z-index: 10;
	transition: background 0.3s ease;
}

.top_slider .slick-prev:hover,
.top_slider .slick-next:hover{
	background: rgba(255, 255, 255, 1);
}

.top_slider .slick-prev:before,
.top_slider .slick-next:before{
	font-family: 'FontAwesome';
	color: #207D46;
	font-size: 24px;
	font-weight: bold;
	opacity: 1;
}

.top_slider .slick-prev{
	left: 0;
	transform: translate(-50%, -50%);
}

.top_slider .slick-prev:before{
	content: '\f104';
}

.top_slider .slick-next{
	right: 0;
	transform: translate(50%, -50%);
}

@media screen and (max-width: 1300px) {
	.top_slider .slick-prev,
	.top_slider .slick-next{
		transform: translate(0, -50%);
	}
}
.top_slider .slick-next:before{
	content: '\f105';
}



header.new_herder {
	position: relative;
	z-index: 1000;
	background: #fff;
}
header.new_herder .new_herder_inner{
	display: flex;
	gap: 0 30px;
	align-items: center;
	justify-content: flex-start;
	width: 98%;
	margin-left: 2%;
}

.new_herder .logo{
	margin-left: 0;
	margin-right: auto;
}
.new_herder .logo img{
	max-width: 350px;
	width: 100%;
}

.new_herder .gnav ul{
	display: flex;
	gap: 0 20px;
	justify-content: flex-end;
	padding: 10px 0;
}

.new_herder .gnav ul.upper{

}

.new_herder .gnav ul.lower{
	font-size: 1.6rem;
	font-weight: bold;
	position: relative;
}

.new_herder .gnav ul.lower li.has-submenu {
	position: relative;
}

.new_herder .gnav ul.lower .submenu {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #CFCFD1;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 1000;
}

.new_herder .gnav ul.lower .submenu.active {
	opacity: 1;
	visibility: visible;
}

.new_herder .gnav ul.lower .submenu-inner{
	display: flex;
	justify-content: flex-start;
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
	flex-wrap: wrap;
}

.new_herder .gnav ul.lower .submenu-inner a {
	padding: 10px 20px;
	color: #333;
	text-decoration: none;
	background: #fff;
	border-radius: 4px;
	position: relative;
}

.new_herder .gnav ul.lower .submenu-inner a:after{
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.3s;
	color: #207D46;
}
.new_herder .gnav ul.lower .submenu-inner.child4 a {
	width: calc((100% / 4) - 20px);
}
.new_herder .gnav ul.lower .submenu-inner.child3 a {
	width: calc((100% / 3) - 20px);
}

.new_herder .biz_link a{
	height: 100px;
	width: 100px;
	padding: 10px 5px;
	background-color: #207D46;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
}

.new_herder .biz_link a .img{
	margin-bottom: 5px;
}
.new_herder .biz_link a .img img{
	max-width: 100%;
	width: 35px;
}

.new_herder .sp_menu_btn{
	display: none;
}
body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); 
	z-index: 998; 
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
	
body.menu-open::before {
	opacity: 1;
	pointer-events: auto;
}

.top_sub_header{
	background-color: #009A63;
	padding: 10px 20px;
}

.top_sub_header .top_sub_header_inner{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.top_sub_header .top_sub_header_inner .img img{
	width: 35px;
}

.top_sub_header .top_sub_header_inner .txt{
	font-size: 2.4rem;
	font-weight: bold;
	color: #fff;
}

.top_news_section{
	padding: 50px 0;
	overflow: hidden;
}

.top_news_section .secNews{
	position: relative;
    display: block;
    width: 90%;
	max-width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
}

.top_news_section:nth-of-type(even){
	background-color: #fff;
}

.top_news_section .title_wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top_news_section .title_wrapper h3{
	color: #207D46;
	font-size: 2.4rem;
	font-weight: bold;
}


.top_news_section .title_wrapper .btn_more{
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.top_news_section .title_wrapper .btn_more:after{
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: 1.2rem;
	font-weight: bold;
	color: #207D46;
	background: #fff;
	border-radius: 50%;
	padding: 5px;
	width: 20px;
	height: 20px;
	flex: none;
	margin-left: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #207D46;
}

body.toppage .top_news_section .cmt{
	display: none!important;
}


.common_green_btn{
	margin: 50px auto 80px;
	text-align: center;
}
.common_green_btn a{
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.8rem;
	min-width: 240px;
	font-weight: bold;
	background: #207D46;
	color: #fff;
	text-decoration: none;
	border-radius: 30px;
}


@media screen and (min-width:1000px) and (max-width:1200px) {
	header.new_herder .new_herder_inner{
		gap: 0 20px;
	}
	.new_herder .logo img{
		max-width: 250px;
	}
	.new_herder .gnav ul.lower{
		font-size: 1.4rem;
	}
}

@media screen and (min-width:1000px) {
	#ptnrCol .btnBlock {
		display: flex;
		align-items: baseline;
		justify-content: center;
	}
	#ptnrCol .btnBlock li {
		width: auto;
		margin: 0 1em;
	}
	#ptnrCol .btnBlock a {
		width: 240px;
	}
	#ptnrCol .btnBlock .caution br{
		display: block;
	}
	.new_herder .sp_menu{
		display: none;
	}
}

@media screen and (max-width:999px) {
	.csp_main_wrap{
		padding: 30px 20px;
	}
	.csp_main_wrap img{
		max-width: 100%;
	}
	.csp_main_wrap .main_title{
		font-size: 1.8rem;
	}
	.csp_main_wrap .csp_dl dl{
		flex-direction: column;
	}
	.csp_main_wrap .csp_dl dl dd{
		padding: 0.5em 0;
	}
	.csp_num_list_wrap{
		padding: 20px 15px;
	}

	.new_herder .logo{
		margin-right: 20px;
	}
	.new_herder .logo a{
		display: block;
	}

	.new_herder .gnav{
		display: none;
	}
	.new_herder .sp_menu_btn{
		display: block;
		cursor: pointer;
	}
	.new_herder .sp_menu_btn,.new_herder .biz_link a{
		width: 70px;
		height: 70px;
		flex: none;
	}
	.new_herder .sp_menu_btn{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px 10px 2px;
	}
	.new_herder .sp_menu_btn span{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.new_herder .sp_menu_btn span:not(.text){
		width: 40px;
		height: 3px;
		background: #207D46;
		transition: all 0.3s ease;
		transform-origin: center;
	}
	.new_herder .sp_menu_btn span:not(.text):nth-child(1){
		top: 12px;
	}
	.new_herder .sp_menu_btn span:not(.text):nth-child(2){
		top: 23px;
	}
	.new_herder .sp_menu_btn span:not(.text):nth-child(3){
		top: 34px;
	}
	.new_herder .sp_menu_btn span.text{
		bottom: 5px;
		width: 100%;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #207D46;
		transition: opacity 0.3s ease;
	}
	.new_herder .sp_menu_btn span.text:before{
		content: 'MENU';
	}
	.new_herder .sp_menu_btn.active span.text:before{
		content: 'CLOSE';
	}
	.new_herder .sp_menu_btn.active span:not(.text):nth-child(1){
		top: 23px;
		transform: translateX(-50%) rotate(45deg);
	}
	.new_herder .sp_menu_btn.active span:not(.text):nth-child(2){
		opacity: 0;
	}
	.new_herder .sp_menu_btn.active span:not(.text):nth-child(3){
		top: 23px;
		transform: translateX(-50%) rotate(-45deg);
	}



	header.new_herder .new_herder_inner{
		gap: 0;
	}

	.new_herder .biz_link a{
		font-size: 1rem;
	}
	.new_herder .biz_link a .img img{
		width: 20px;
	}

	.new_herder .biz_link{
		margin-left: auto;
	}

	.new_herder .sp_submenu {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}
	
	.new_herder .sp_submenu.active {
		max-height: 500px;
	}
	
	.new_herder .has-submenu.open > .sp_parent::after {
		
	}

	.new_herder .sp_menu {
		position: fixed;
		top: 70px;
		right: -100%; 
		width: 90%;
		max-width: 400px;
		height: calc(100vh - 70px);
		background: #fff;
		transition: 0.3s;
		z-index: 999;
		overflow: auto;
	}
	
	.new_herder .sp_menu.active {
		right: 0; 
	}
	
	/* 背景スクロール防止 */
	body.menu-open {
		overflow: hidden;
	}
	
	.sp_menu .sp_menu_list{
		border-bottom: 1px solid #ccc;
	}

	.sp_menu .sp_menu_list li a{
		display: block;
		border-top: 1px solid #ccc;
		padding: 15px;
		position: relative;
	}
	
	.sp_menu .sp_menu_list li.has-submenu > a::after{
		content: '\f107';
		font-family: 'FontAwesome';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		transition: 0.3s;
	}
	.sp_menu .sp_menu_list li.has-submenu.open > a::after{
		transform: translateY(-50%) rotate(180deg);
	}


	.sp_menu .sp_menu_list li .sp_submenu{
		background: #F5F5F5;
	}
	.sp_menu .sp_menu_list li .sp_submenu li a{
		padding-left: 30px;
	}

	.sp_menu .sp_biz_link{
		margin: 30px 0;
	}
	.sp_menu .sp_biz_link a{
		width: 70%;
		padding: 10px 15px;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin: 0 auto;
		font-weight: bold;
		text-align: center;
		background: #207D46;
		color: #fff;
	}
	.sp_menu .sp_biz_link a .img img{
		width: 30px;
	}

	.sp_menu .sp_lower_nav{
		display: flex;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.sp_menu .sp_lower_nav p{
		flex: 1;
	}
	.sp_menu .sp_lower_nav p a{
		display: block;
		padding: 20px 10px;
		text-align: center;
		border-right: 1px solid #ccc;
	}
	.sp_menu .sp_lower_nav p:last-child a{
		border-right: none;
	}

	.top_news_section .secNews{
		width: 100%;
	}
	.top_news_section .title_wrapper{
		width: 90%;
		margin: 0 auto;
	}

	.top_slider .slick-prev, .top_slider .slick-next{
		width: 35px;
		height: 35px;
	}

	.top_slider .main_slide .slide_item .caption{
		padding: 15px 80px 15px 15px;
		font-size: 1.4rem;
	}

	.top_slider .slick-dots{
		max-width: 80px;
	}

	.top_slider .slick-dots li{
		width: 15px;
		height: 15px;
	}

	.top_slider .slick-dots li button:before{
		font-size: 10px;
	}

	.top_sub_header .top_sub_header_inner .txt{
		font-size: 1.8rem;
	}
}