@charset "utf-8";

/* -----------------------------------------------------------
	初期化
----------------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #eeffe5;
	color: #000;
	font-size: 12pt;
	text-align: left;
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	position: relative; /* IE6.リサイズ時のズレ対策*/
	-webkit-text-size-adjust: none; /*iPhone.体裁対策(文字サイズ自動調整の解除)*/
}
html{
	overflow-y: scroll; /* Firefoxのスクロールバーの有無によるセンタリング位置のズレ解消 */
}
p{
	margin-bottom: 8px;
}
.privacy{	/*20220829追加*/
	margin-bottom:0;
}
img, a img{
	border: none;
	vertical-align: bottom; /* Firefoxのpadding指定時の下余白解消 */
	background: transparent;
}
ul, ol{
	list-style-type: none;
}

h1{
	position: absolute;
	top: 45px;
	left: 20px;
	font-size: 22pt;
	color: #fff;
	white-space: nowrap;
}
h2{
	margin-top: 20px;
	margin-bottom: 25px;
	font-size: 15pt;
	text-align: center;
	white-space: nowrap;
}
h3{
	font-size: 12pt;
	font-weight: normal;
}

table{
	empty-cells: show;
	border-spacing: 0;
	border-collapse: collapse;
}
th, td{
	border: 1px solid #57ad68;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
}
th{
	background-color: #ceb;
}
td{
	white-space: nowrap;
}
hr{
	margin: 20px;
	border-top: 1px solid #ccc;
}

a:link, a:visited{
	color: #04c;
	text-decoration: none;
}
a:hover, a:active, a:focus{ /* キーボード使用時もマウス使用時に同じ効果 */
	text-decoration: underline;
}
.floatclear{
	clear: both; /* floatの解除 */
	height: 0;
	font-size: 1px;
	line-height: 0;
	margin-bottom: 0;
}


/* -----------------------------------------------------------
	全ページ共通
----------------------------------------------------------- */
#wrap{
	max-width: 900px;
	min-width: 900px;
	margin: 0 auto;
	background-color: #fff;
}
#header{
	position: relative;
	height: 200px;
	background-image: url('../img/title.jpg');
}

#header p{
	position: absolute;
	top: 85px;
	left: 20px;
	font-size: 10pt;
	color: #fff;
	padding-right: 15px;
}
#menu>p.switch{
	display: none;
}
#menu li{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}
#menu a{
	display: block;
	max-width: 100%;

	font-size: 12pt;
	padding: 15px 0;
	background-color: #57ad68;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#menu a:hover{
	background-color: #ceb;
	color: #000;
}
#contents{
	padding: 20px 70px;
}
#footer{
	width: 100%;
	border-top: 1px solid #ccc;
	font-size: 10pt;
	text-align: right;
}
.parent{
	padding:10px 20px;
	margin-bottom:8px;
}
.child {
	display: inline;
}

#totop{
	display: none;
	padding: 10px 20px;
	position: fixed;
	right: 15px ;
	bottom: 20px ;
	cursor: pointer;
	color: #fff;

	background-color: #57ad68;fff
	/* 角丸 */
	border-radius: 15px;
	-webkit-border-radius: 15px;/* Safari,Google Chrome用 */
	-moz-border-radius:15px;/* Firefox用 */
}
#totop p{
	margin: 0;
}


/* menu 選択表現 */
body#home li.home a,
body#formation li.formation a,
body#statute li.statute a,
body#recruitment li.recruitment a,
body#information li.information a,
body#information1 li.information a,
body#information2 li.information a,
body#information3 li.information a,
body#contact li.contact a{
	background-color: #ceb;
	font-weight: bold;
	color: #000;
}
body#information1 p.information1 a,
body#information2 p.information2 a,
body#information3 p.information3 a{
	text-decoration: none;
	color: #000;
}


/* footer固定 */
html, body, #wrap{
	height: 100%;
}
#wrap{
	position: relative;
	min-height: 100%;
}
body > #wrap{
	height: auto!important;
}
#contents{
	padding-bottom: 100px;
}
#footer{
	position: absolute;
	bottom: 0;
}


/* -----------------------------------------------------------
	ホーム
----------------------------------------------------------- */
body#home #contents p{
	margin: 15px;
	text-align: center;
}
body#home h2{
	font-size: 15pt;
}
body#home dl{
	width: 600px;
	margin: 0 auto;
}
body#home dt{
	float: left;
	clear: left;
	width: 80px;
	padding: 5px;
	text-align: right;
}
body#home dd{
	margin-left: 115px;
	padding: 5px;
}
body#home dd.colon{
	float: left;
	margin: 0;
}


/* -----------------------------------------------------------
	設立の趣意
----------------------------------------------------------- */
body#formation #contents p{
	margin-bottom: 20px;
	line-height: 1.6;
	text-indent: 1em;
}


/* -----------------------------------------------------------
	定款
----------------------------------------------------------- */
body#statute h3{
	margin-top: 20px;
	text-indent: 6em;
}
body#statute h4{
	margin-top: 5px;
	font-weight: normal;
	text-indent: 1em;
}
body#statute #contents ul>li{
	margin-left: 6em;
	margin-bottom: 5px;
	text-indent: -2em;
}
body#statute #contents ul>li:first-child{
	text-indent: -5em;
}
body#statute .item1{
	margin-left: 3em;
	text-indent: -3em;
}
body#statute .item2{
	margin-left: 3em;
	text-indent: -2em;
}
body#statute .item3{
	margin-left: 3em;
	text-indent: -2em;
}
body#statute #sup_chapter{
	margin-top: 60px;
}
body#statute #sup_chapter h3{
	text-indent: 2em;
	letter-spacing: 1em;
}
body#statute #sup_chapter li{
	margin-left: 2em;
	text-indent: -2em;
	margin-bottom: 5px;
}
body#statute #sup_chapter .item1 li{
	margin-bottom: 0;
}


/* -----------------------------------------------------------
	募集のご案内
----------------------------------------------------------- */
body#recruitment h3{
	margin-top: 20px;
}
body#recruitment #contents p{
	margin-left: 2em;
}

body#recruitment #contents p.txt{
	text-align:center;
}

body#recruitment .btn{
	width:100%;
	text-align:center;
	margin-top:48px;
	margin-bottom:48px;
}

body#recruitment a.recruit_link,
body#recruitment a.recruit_link_sp{
	font-size: 12pt;
	padding: 20px 100px;
	background-color: #57ad68;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius:10px;
	font-weight:bold;
}
body#recruitment a.recruit_link:hover,
body#recruitment a.recruit_link_sp:hover{
	background-color: #ceb;
	color: #000;
}

body#recruitment a.recruit_link_sp{
	display:none;
}

body#recruitment #contents p.sub{
	margin-left: 5em;
	text-indent: -3em;
}
body#recruitment .item1{
	margin-left: 2em;
}
body#recruitment .item2{
	margin-left: 2em;
	text-indent: -1em;
}
body#recruitment table{
	width: 100%;
	font-size: 10pt;
}
body#recruitment th,
body#recruitment td{
	padding: 10px 3px;
	background-color: #fff;
	vertical-align:top;	/*20220829追加*/
}
body#recruitment ol.item1 table td.dl_title{
	font-size:12pt;
}

body#recruitment ol.item1 span.link,
body#recruitment p span.link{
	font-size:11pt;
}

body#recruitment p.conditions{
	margin-top:12px;
}

body#recruitment #contents p.sub_conditions{
	margin-left:50px;
}

body#recruitment ol.item1 span.link_bold,
body#recruitment p span.link_bold{
	font-size:11pt;
	font-weight:bold;
}

body#recruitment img.recruit_img{
	width:100%;
	margin-bottom:36px;
}

/* 募集のご案内終了 */
body#recruitment #contents .close{
	text-align: center;
	margin-left:0;
}
body#recruitment table.recruit_flow tr th{
	text-align:left;
	white-space:normal;
	border:none;
	font-size:12pt;
}
body#recruitment table.recruit_flow tr th span{
	text-align:center;
	white-space:normal;
	font-weight:bold;
}
body#recruitment table.recruit_flow tr td{
	border:none;
}

.deadline{	/*20220829追加*/
	font-weight: normal!important;
	text-decoration:underline;
}
/* -----------------------------------------------------------
	情報公開資料
----------------------------------------------------------- */
body#information #contents p{
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
}
#contents.information{
	padding-left: 20px;
	padding-right: 20px;
}
#contents.information h2{
	text-align: left;
}
#contents.information hr{
	display: none;
}
#sidemenu{
	border: 1px solid #ccc;
	float: left;
	padding: 10px;
	margin-top: 70px;
}
#sidemenu p{
	margin: 15px;
}
#main{
	float: right;
	width: 580px;
}
#contents.information table{
	font-size: 10pt;
}

body#information2 .btn{
	width:100%;
	text-align:center;
	margin-top:48px;
	margin-bottom:48px;
}

body#information2 a.information2_link,
body#information2 a.information2_link_sp{
	font-size: 10pt;
	padding: 20px 100px;
	background-color: #57ad68;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius:10px;
	font-weight:bold;
}
body#information2 a.information2_link:hover,
body#information2 a.information2_link_sp:hover{
	background-color: #ceb;
	color: #000;
}

body#information2 a.information2_link_sp{
	display:none;
}


/* 平成２７年度　事業報告書 */
#information1 #main li{
	margin-top: 15px;
	margin-left: 3em;
	text-indent: -3em;
}
#information1 #main li p{
	margin-bottom: 0;
	text-indent: 0;
}
#information1 table{
	width: 100%;
}
#information1 th,
#information1 td{
	width: 14%;
	padding: 10px 3px;
}

/* 平成２７年度　貸借対照表 */
#information2 #main img{
	width: 100%;
}
/* 平成２８年度　事業計画書 */
#information3 #main li{
	margin-top: 15px;
	margin-left: 2em;
}
#information3 th,
#information3 td{
	width: 118px;
	padding: 10px 5px;
}


/* -----------------------------------------------------------
	連絡先
----------------------------------------------------------- */
body#contact #contents{
	line-height: 1.6;
}
body#contact #contents ul{
	width: 360px;
	margin: 0 auto;
	list-style-type: none;
	white-space: nowrap;
}
body#contact #repletion{
	width: 500px;
	margin: 0 auto;
}


/* -----------------------------------------------------------
	error404
----------------------------------------------------------- */
body#error404 #contents li{
	text-align: center;
}



/* -----------------------------------------------------------
	スマートフォン対応（レスポンシブWeb）※IE8～9非対応
----------------------------------------------------------- */
@media screen and (max-width:901px){
/* デフォルト：900px以下用（PC用）の記述 */

	#wrap{
		min-width: 360px;
	}
	#menu ul{
		display: block;
	}
	#menu li{
		width: 16.66%;
		min-width: 100px;
	}
	#contents{
		padding-left: 40px;
		padding-right: 40px;
	}

	/* 定款 */
	body#statute #contents{
		padding-left: 30px;
	}

	/* 募集のご案内 */
	body#recruitment #contents,
	#contents.information{
		padding-left: 35px;
	}



	/* 連絡先 */
	body#contact #repletion{
		width: auto;
		max-width: 500px;
		width: auto;
		padding: 0 20px;
	}

	/* 情報公開資料 */
	#contents.information h2{
		text-align: center;
	}
	#contents.information hr{
		display: block;
	}

	#sidemenu{
		float: none;
		width: auto;
		margin-top: 20px;
		padding: 0;
		border: none;
		text-align: center;
	}
	#main{
		float: none;
		width: auto;
	}

}
@media screen and (max-width:769px){
/* 768px以下用（タブレット／スマートフォン用）の記述 */

	#menu li{
		width: 33.33%;
	}
	
	#menu a{
		background-color: #57ad68;
		color: #fff;
		border: 1px solid #fff;
		border-top: none;
		border-right: none;
	}

	/* ホーム */
	body#home #contents .link,
	body#home #contents hr{
		display: none;
	}
	body#home dl{
		width: auto;
	}

	/*募集のご案内*/
	body#recruitment a.recruit_link{
		display:none;
	}

	body#recruitment a.recruit_link_sp{
		display:block;
		padding:20px 30px;
	}

	body#information2 a.information2_link{
		display:none;
	}

	body#information2 a.information2_link_sp{
		display:block;
		padding:20px 30px;
	}



	.child {
	white-space: pre;
	}


}

@media screen and (max-width:581px){
/* 580px以下用（タブレット／スマートフォン用）の記述 */

	#menu>p.switch{
		display: block;
		cursor: pointer;
		margin-bottom: 0;
		padding: 15px;
		background-color: #57ad68;
		border-bottom: 1px solid #fff;
		text-align: left;
		font-size: 12pt;
		font-weight: bold;
		color: #fff;
	}
	#menu>p.switch span{
		padding: 5px 15px;
		border: 1px solid #fff;
		/* 角丸 */
		border-radius: 5px;
		-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;/* Firefox用 */
	}

	#menu ul{
		display: none;
	}
	#menu li{
		float: none;
		width: auto;
	}
	#menu a{
		padding-left: 40px;
		background-color: #ceb;
		border: 1px solid #57ad68;
		border-top: none;
		color: #000;
		text-align: left;
	}
	#menu a:hover{
		background-color: #57ad68;
		color: #fff;
		
	}

	body#statute .item1,
	body#statute .item2,
	body#statute .item3{
		margin-left: 0em;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/* menu 選択表現 */
	body#home li.home a,
	body#formation li.formation a,
	body#statute li.statute a,
	body#recruitment li.recruitment a,
	body#information li.information a,
	body#information1 li.information a,
	body#information2 li.information a,
	body#information3 li.information a,
	body#contact li.contact a{
		background-color: #57ad68;
		color: #fff;
	}

	/* 募集のご案内 */
	body#recruitment #contents p{
		margin-left: 0em;
	}

	body#recruitment .item1{
	/*	margin-left: 2em;*/
	/*	text-indent: -3em;*/
	}
	body#recruitment .item2{
		margin-left: 1em;
		text-indent: -1em;
	}
	body#recruitment #contents p.sub_conditions{
	margin-left:30px;
	}


	body#recruitment .item1{
		margin-left: 0em;
		text-indent: 0em;
	}



@media screen and (max-width:481px){
/* 480px以下用（スマートフォン用）の記述 */
	h1{
		font-size: 18pt;
	}
	h2{
		font-size: 13pt;
	}

	#contents{
		padding-left: 20px;
		padding-right: 20px;
	}

	/* 定款 */
	body#statute #contents{
		padding-left: 10px;
	}

	/* 募集のご案内 */
	body#recruitment #contents,
	#contents.information{
		padding-left: 15px;
	}

	body#recruitment #contents p.sub_conditions{
	margin-left:30px;
	}

	/* 情報公開資料 */
	#contents.information table{
		font-size: 9pt;
	}
	/* 連絡先 */
	body#contact #contents ul,#repletion{
		width:280px;
		padding: 0 20px;
		font-size:10pt;
	}

}