@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ(プラス) */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ(マイナス) */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス(※多用しないこと)
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	pageTop
------------------------------------------------------------*/
.pageTop {
	display: none;
}

/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	margin-bottom: 30px;
	min-height: 200px;
	text-align: center;
	background: url(../images/page_title_bg01.jpg) no-repeat center center;
	background-size: cover;
}

.pageTitle h2 {
	padding-top: 70px;
	color: #FFF;
	font-size: 5em;
	line-height: 1.2;
	letter-spacing: 14px;
	font-weight: normal;
}

.projectTitle {
	background-image: url(../images/page_title_bg02.jpg);
}

.associationTitle {
	background-image: url(../images/page_title_bg03.jpg);
}

.linksTitle {
	background-image: url(../images/page_title_bg04.jpg);
}

.recruitTitle {
	background-image: url(../images/page_title_bg05.jpg);
}

.entryTitle {
	background-image: url(../images/page_title_bg06.jpg);
}

/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	padding-bottom: 34px;
	background-color: #FFF;
	border-radius: 15px;
}

.sec {
	padding: 23px 22px 0;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	padding: 11px 0 12px;
	color: #FFF;
	font-size: 1.8em;
	text-align: center;
	letter-spacing: 2px;
	border-radius: 10px 10px 0 0;
	background-color: #618E34;
}

/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 18px;
	padding-left: 30px;
	color: #618e34;
	font-size: 1.8em;
	background: url(../images/icon08.png) no-repeat left center;
}

/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 16px;
	padding: 9px 18px 9px;
	color: #222;
	font-size: 1.8em;
	line-height: 1.2;
	letter-spacing: 2px;
	background-color: #EEE;
}

/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	color: #FFF;
	font-size: 2.4em;
	line-height: 1.2;
}

/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
	font-weight: normal;
	margin-bottom: 16px;
	padding: 15px 18px;
	color: #222;
	font-size: 1.8em;
	line-height: 1.2;
	letter-spacing: 2px;
	background-color: #EEE;
}

/*------------------------------------------------------------
	headLine06
------------------------------------------------------------*/
.headLine06 {
	color: #FFF;
	font-size: 2.4em;
	line-height: 1.2;
}

/*------------------------------------------------------------
	comLead
------------------------------------------------------------*/
#conts .comLead {
	padding: 52px 36px 10px;
	height: 150px;
	border-radius: 15px 15px 0 0;
	box-sizing: border-box;
	background: url(../images/com_lead_bg.png) no-repeat center top;
}

#conts .comLead .headLine04 {
	margin-top: 9px;
	float: left;
}

#conts .comLead .headLine06 {
	float: left;
	margin-top: 9px;
}

#conts .comLead p {
	margin: 0;
	width: 534px;
	float: right;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.55;
}

#conts .comLead .hokan {
	margin: 0;
	float: right;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.55;
	width: 430px;
}
/*------------------------------------------------------------
	comPayList
------------------------------------------------------------*/
#conts .comPayList {
	margin-bottom: 5px;
}

#conts .comPayList li {
	float: left;
	width: 316px;
	border: 3px solid #CCC;
	border-radius: 15px;
}

#conts .comPayList li:nth-child(2n) {
	float: right;
}

#conts .comPayList li .sub {
	padding: 17px 0 17px;
}

#conts .comPayList li .phoBox {
	padding: 6px 5px 2px 0;
	width: 112px;
	float: left;
	text-align: center;
	border-right: 1px solid #618E34;
}

#conts .comPayList li .phoBox .txt {
	margin-top: 5px;
	display: block;
	text-align: center;
	color: #618e34;
	font-size: 1.8em;
}

#conts .comPayList li .txtDl {
	padding: 11px 0 1px 10px;
	width: 186px;
	float: right;
}

#conts .comPayList li .txtDl dt {
	width: 72px;
	text-align: center;
	color: #618e34;
	font-size: 1.6em;
	float: left;
}

#conts .comPayList li .txtDl dd {
	padding-bottom: 10px;
	font-size: 1.6em;
}

/*------------------------------------------------------------
	baseTab
------------------------------------------------------------*/
#conts .baseTab table {
	width: 100%;
	border-collapse: collapse;
}

#conts .baseTab td,
#conts .baseTab th {
	padding: 7px 20px 6px;
	color: #222;
	font-size: 1.5em;
	text-align: left;
	line-height: 1.6;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #444;
}

#conts .baseTab th {
	padding: 13px 0 12px;
	text-align: center;
	background-color: #EEE;
}

#conts .baseTab .name {
	color: #618e34;
	background: none;
}

/*------------------------------------------------------------
	comDlList
------------------------------------------------------------*/
#conts .comDlList {
	margin-bottom: 10px;
}

#conts .comDlList dt {
	padding: 0 0 2px 19px;
	color: #618e34;
	font-size: 1.6em;
	background: url(../../common/images/icon12.png) no-repeat 1px 7px;
}

#conts .comDlList dd {
	margin: 0 21px 22px;
	color: #222;
	line-height: 1.6;
	font-size: 1.4em;
}

#conts .comDlList dd:last-child {
	margin-bottom: 0;
}

#conts .comDlList dd .pho {
	margin: 13px 0 14px;
}

#conts .comDlList .subDl dt {
	min-width: 70px;
	padding: 0;
	text-align: center;
	float: left;
	font-size: 1em;
	background: none;
}

#conts .comDlList .subDl dd {
	margin: 0;
	padding: 0 0 3px 90px;
	font-size: 1em;
}

/*------------------------------------------------------------
	attention
------------------------------------------------------------*/
#conts .attention {
	margin: 30px 0 0!important;
	font-size: 1.5em;
	color: #FFF;
	padding: 8px 0 5px;
	text-align: center;
	border-radius: 10px;
	background-color: #F19072;
}

/*------------------------------------------------------------
	asideMenu
------------------------------------------------------------*/
.asideMenu {
	display: none;
}

@media all and (min-width: 0) and (max-width: 767px) {
	/*------------------------------------------------------------
		pageTop
	------------------------------------------------------------*/
	.pageTop {
		margin: 0 20px 20px;
		display: block;
		text-align: right;
	}

	/*------------------------------------------------------------
		pageTitle
	------------------------------------------------------------*/
	.pageTitle {
		margin: -20px 0 20px;
		min-height: 100px;
		display: none;
		background-image: url(../images/sp_page_title_bg01.jpg);
	}

	.pageTitle h2 {
		padding-top: 32px;
		font-size: 3em;
		font-weight: bold;
		letter-spacing: 7px;
	}

	.projectTitle {
		display: block;
	}

	/*------------------------------------------------------------
		headLine01
	------------------------------------------------------------*/
	.headLine01 {
		padding: 17px 10px 15px 52px;
		text-align: left;
		letter-spacing: 1px;
		line-height: 1.25;
	}

	/*------------------------------------------------------------
		headLine02
	------------------------------------------------------------*/
	.headLine02 {
		margin-bottom: 10px;
		padding-left: 19px;
		line-height: 1.2;
		background: url(../images/sp_icon06.png) no-repeat left 4px;
		background-size: 15px 15px;
	}

	/*------------------------------------------------------------
		headLine03
	------------------------------------------------------------*/
	.headLine03 {
		margin-bottom: 6px;
		padding: 4px 4px 5px;
		font-size: 1.6em;
	}


	/*------------------------------------------------------------
		baseTab
	------------------------------------------------------------*/
	#conts .baseTab {
		overflow-x: scroll;
	}

	#conts .baseTab table {
		width: 700px;
	}

	/*------------------------------------------------------------
		comLead
	------------------------------------------------------------*/
	#conts .comLead {
		padding: 22px 20px 10px;
		height: inherit;
		min-height: 150px;
		background: url(../images/sp_com_lead_bg.png)  #618E34 no-repeat center top;
		background-size: cover;
		border-radius: 20px 20px 0 0;
	}

	#conts .comLead .headLine04 {
		margin: 0 0 5px;
		float: none;
		text-align: center;
	}    
    #conts .comLead .headLine06 {
		margin: 0 0 5px;
        float: none;
		text-align: center;
	}    
	#conts .comLead p {
		margin: 0;
		width: auto;
		float: none;
		color: #FFF;
		font-size: 1.4em;
		line-height: 1.8;
	}
	
	#conts .comLead .hokan {
		margin: 0;
		width: auto;
		float: none;
		color: #FFF;
		font-size: 1.4em;
		line-height: 1.8;
	}
	/*------------------------------------------------------------
		comPayList
	------------------------------------------------------------*/
	#conts .comPayList {
		margin: 0 0 5px 13px;
	}

	#conts .comPayList li {
		margin-bottom: 10px;
		float: none;
		width: auto;
		border: 1px solid #CCC;
		border-radius: 7px;
	}

	#conts .comPayList li:nth-child(2n) {
		float: none;
	}

	#conts .comPayList li:last-child {
		margin-bottom: 0;
	}

	#conts .comPayList li .sub {
		padding: 9px 0 8px;
	}

	#conts .comPayList li .phoBox {
		padding: 7px 0 1px;
		width: 100px;
		box-sizing: border-box;
	}

	#conts .comPayList li .txtDl {
		padding: 13px 0 1px 108px;
		width: auto;
		float: none;
	}

	#conts .comPayList li .txtDl dt {
		width: 50px;
		font-size: 1.4em;
	}

	#conts .comPayList li .txtDl dd {
		font-size: 1.4em;
	}

	/*------------------------------------------------------------
		comDlList
	------------------------------------------------------------*/
	#conts .comDlList {
		margin-bottom: 7px;
	}

	#conts .comDlList dt {
		padding: 0 0 0 13px;
		line-height: 1.2;
		background: url(../../common/images/icon12.png) no-repeat 4px 4px;
	}

	#conts .comDlList dd {
		margin: 0 0 13px 13px;
		line-height: 1.75;
	}

	#conts .comDlList dd .pho img {
		width: 100%;
	}

	#conts .comDlList .subDl dt {
		margin-top: 4px;
	}

	#conts .comDlList .subDl dd {
		padding: 0 0 8px 85px;
	}

	#conts .comDlList .subDl dd:last-child {
		padding-bottom: 0;
	}

	/*------------------------------------------------------------
		attention
	------------------------------------------------------------*/
	#conts .attention {
		display: none;
	}

	/*------------------------------------------------------------
		asideMenu
	------------------------------------------------------------*/
	.asideMenu {
		margin-bottom: 20px;
		position: relative;
		display: block;
		color: #FFF;
	}

	.asideMenu .ttl {
		padding: 14px 38px 0;
		position: relative;
		font-size: 1.4em;
		cursor: pointer;
		min-height: 50px;
		box-sizing: border-box;
		border-radius: 10px;
		background: url(../images/sp_icon02.png) no-repeat 21px 20px #618E34;
		background-size: 10px 10px;
	}

	.asideMenu .ttl:before {
		width: 15px;
		height: 16px;
		margin-top: -8px;
		background: url(../images/sp_icon03.png) no-repeat;
		background-size: 15px 16px;
		position: absolute;
		top: 50%;
		right: 20px;
		border-radius: 15px;

		content: "";
	}

	.asideMenu .ttl .close {
		display: none;
	}

	.asideMenu .on .close {
		display: block;
	}

	.asideMenu .on .open {
		display: none;
	}

	.asideMenu .on:before {
		background: none;
	}

	.asideMenu .navBox {
		width: 100%;
		position: absolute;
		display: none;
		left: 0;
		top: 34px;
		z-index: 100;
		border-radius: 0 0 10px 10px;
		background-color: #618E34;
	}

	.asideMenu .navBox .sNavi {
		padding: 5px 20px;
	}

	.asideMenu li a {
		padding: 9px 70px 10px 30px;
		display: block;
		color: #FFF;
		font-size: 1.4em;
		line-height: 1.77;
		text-decoration: none;
		border-bottom: 1px dotted #91B071;
		background: url(../images/sp_icon04.png) no-repeat 13px 17px;
		background-size: 5px auto;
	}

	.asideMenu li:last-child a {
		border-bottom: none;
	}

	/*------------------------------------------------------------
		otherMenu
	------------------------------------------------------------*/
	.otherMenu {
		margin-bottom: 0;
	}

	.otherMenu .ttl {
		padding: 6px 38px 0px;
		min-height: 40px;
		border-radius: 10px 10px 0 0;
		background-image: none;
	}

	.otherMenu .ttl .open {
		font-size: 18px;
		display: block;
		text-align: center;
	}

	.otherMenu .ttl:before {
		background: none;
	}

	.otherMenu .on.ttl .open {
		display: none;
	}

	.otherMenu .on.ttl {
		padding-top: 14px;
	}

	.otherMenu .on.ttl {
		background: url(../images/sp_icon02.png) no-repeat 21px 20px #618E34;
		background-size: 10px 10px;
	}


	/*------------------------------------------------------------
		content
	------------------------------------------------------------*/
	.content {
		padding-bottom: 18px !important;
	}

	.sec {
		padding: 16px 20px 0;
	}


}