@charset "utf-8";

/*-Common----------------------------------*/

html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body {
	margin:0;
	padding:0;
	width:100%;
	font-family: meiryo;
}
#wrap {
	margin:0;
	padding:0;
	width:100%;
	background-repeat: no-repeat;
	background-position: center top;
}
	a img {
	border:0;
}


@media screen and (min-width: 640px) {
	body {
		height:100%;
	}
	#wrap {
		height:100%;
	}
	#sp-button {
		display:none;
	}
	/*Content Width*/
	header, #content-base, .footer-inner {
		width:980px;
		margin:0 auto;
	}

	/*-Header----------------------------------*/

	header {
		position: relative;
	}
	.header-logo {
		display: table;
		width: 100%;
	}
	.header-logo h1 {
		margin: 0;
		display: inline-block;
		position: relative;

	}
	.btn-font-size {
		right: 0;
		position: absolute;
		display: table;
		width: 255px;
	}
	.btn-font-size span {
		line-height: 100%;
		font-weight: bold;
		color: #55910A;
		font-size: 13px;
		float: left;
		padding-top: 5px;
	}
	.btn-font-size ul {
		float: left;
		list-style: none;
		padding: 0 0 0 10px;
		margin: 0;
	}
	.btn-font-size li {
		float: left;
		display: table;
		border: 1px solid #CCC;
		font-size: 10px;
		padding: 4px 5px 6px 5px;
		margin-right: 7px;
		border-radius: 3px;
		line-height: 100%;
		color: #55910A;
		cursor: pointer;
	}
	.btn-font-size .current {
		background: #55910A;
		color: #FFF;
	}
	.tel-box {
		right: 0;
		position: absolute;
		border-bottom: 1px dotted #CCC;
		width: 260px;
		display: table;
		margin: 10px 30px 0 0;
	}
	.tel-box span {
		background-image: url(/img/common/ico-tel.png);
		background-repeat: no-repeat;
		background-position: 0 center;
		font-size: 30px;
		padding-left: 30px;
		font-family: serif;
		color: #55910A;
		margin: 0 0 0 35px;
		line-height: 100%;
		white-space: nowrap;
	}
	.tel-box p {
		color: #55910A;
		padding-left: 35px;
		padding-bottom: 5px;
		margin: 0;
		line-height: 100%;
		font-size: 16px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

	/*-Content----------------------------------*/

	#content-base {
		position: relative;
	}
	#side-menu {
		position: relative;
		padding: 250px 0 0 0;
		width: 300px;
		background-image: url(/img/common/left-menu-back.png);
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		float: left;
	}
	.main-menu {
		padding-left: 30px;
	}
	.main-menu h2 {
		margin: 0;
		font-weight: normal;
		font-size: 100%;
		border-bottom: 1px dotted #0F8B43;
		padding: 20px 0 20px 15px;
	}
	.main-menu h2:first-child {
		border-top: 1px dotted #0F8B43;
	}
	.nav-cooperation {
		display: block;
		font-size: 80%;
		margin-top: 5px;
		position: relative;
		left: -0.5em;
	}

	#side-menu a {
		color: #333;
		text-decoration: none;
	}
	.sisetsu dt {
		margin: 0;
		font-weight: normal;
		font-size: 100%;
		border-bottom: 1px dotted #0F8B43;
		padding: 20px 0 20px 15px;
		cursor: pointer;
	}
	.sisetsu dd {
		margin: 0 0 0 15px;
		font-weight: normal;
		font-size: 100%;
		border-bottom: 1px dotted #0F8B43;
		padding: 20px 0 20px 15px;
		line-height: 1.5;
	}
	.sisetsu dd span {
		display: block;
		font-size: 55%;
		padding-left: 3px;
	}
	#pagebody {
		width: 610px;
		float: left;
		margin-left: 40px;
		margin-bottom: 50px;
	}

	.more1 {
		position: absolute;
		right: 0;
		bottom: 5px;
		position: absolute;
		right: 0;
		bottom: 5px;
		background-image: url(/img/common/btn-more1.jpg);
		width: 101px;
		height: 24px;
		z-index: 2;
	}
	.more1 span {
		display: none;
	}
	.more1:hover {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

	.more2 {
		background: #82BA3D;
		color: #FFF;
		padding: 2px 10px;
		font-size: 70%;
		text-decoration: none;
	}
	.more3 {
		text-decoration: none;
		color: #333;
		font-size: 80%;
	}
	.more3:before {
		content:">";
	}
	.more4 {
		padding-left: 10px;
		background-image: url(/img/common/ico-arrow-right2.png);
		background-repeat: no-repeat;
		background-position: 0 center;
		font-size: 80%;
		float: right;
		display: inline-block;
		position: relative;
		bottom: 0;
		text-decoration: none;
		color: #82BA3D;
	}

	/*-Footer----------------------------------*/
	.pages footer {
	  position: relative;
	  bottom: -25px;
	}
	 

	footer {
		background-image: url(/img/common/footer-back.png);
		margin: 0;
		padding: 0;
		clear: both;
	}
	footer a {
		color: #FFF;
		text-decoration: none;
	}
	footer .pc-br {
		display: block;
	}
	.footer-border {
		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
		border: 0;
		background: #09611f;
		height: 1px;
		margin: 0;
	}
	.footer-inner {
		display: table;
	}
	.pagetop-box {
		padding: 10px 0;
		float: right;
		display: inline-block;
		background-image: url(/img/common/ico-arrow-top.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 20px;
		font-size: 90%;
	}
	.pagetop-box p {
		margin: 0;
	}
	.footer-left {
		float: left;
		width: 340px;
		text-align: left;
		padding: 15px 0 0 0px;
		display: table;
	}
	.pankuzu ul {
		display: table;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.pankuzu .home {
		color: #FFF;
		background-image: url(/img/common/pan-home.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 5px 0 0 20px;
		font-size: 90%;
		line-height: 100%;
	}
	.pankuzu li {
		float: left;
		font-size: 90%;
	}
	.footer-logo {
		color: #FFF;
		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
		border-bottom: 1px solid #09611f;
		width: 300px;
		margin-left: 15px;
		line-height: 100%;
		padding: 15px 0 5px 10px;
	}
	.footer-logo h2 {
		margin: 0 0 5px;
		padding: 0;
		font-size: 110%;
		font-weight: normal;
	}
	.footer-logo span {
		font-size: 80%;
	}
	.address {
		color: #FFF;
		margin: 15px;
		font-size: 80%;
	}
	.address a {
		background-image: url(/img/common/btn-contact.png);
		background-repeat: no-repeat;
		padding-left: 32px;
		padding-top: 4px;
		background-size: auto 75%;
		background-position: 0px 4px;
	}
	.address a:hover {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	.footer-sitemap {
		float: left;
		display: table;
		width: 610px;
		margin-left: 30px;
		margin-top: 15px;
	}
	.f-sitemap-inner {
		text-align: left;
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	.f-sitemap-inner:first-child {
		margin-right: 2%;
	}
	.f-sitemap-inner:last-child {
		float:right;
		margin:0;
	}
	.f-sitemap-inner h2 {
		font-size: 90%;
		font-family: meiryo;
		margin: 0 0 10px;
		font-weight: normal;
	}
	.f-sitemap-inner h3 {
		font-family: meiryo;
		margin: 0 0 10px;
		font-size: 75%;
		font-weight: normal;
	}
	.f-sitemap-inner h2, .f-sitemap-inner h3, .f-sitemap-inner li {
		background-image: url(/img/common/ico-arrow-right.png);
		background-repeat: no-repeat;
		background-position: left 0.5em;
		padding-left: 10px;
		color:#FFF;
	}
	.f-sitemap-inner ul {
		padding: 0 0 0 10px;
		margin: 0 0 10px;
		font-family: meiryo;
		font-size: 90%;
	}
	.f-sitemap-inner li {
		list-style:none;
		font-size: 80%;
		margin-bottom: 5px;
	}

	.copyright {
		padding: 5px 0 5px 0;
		color: #FFF;
		font-size: 75%;
		text-align: center;
	}
	.footer-script {
	}
	.footer-script img {
		display:none;
	}

}
@media screen and (max-width: 639px) {
	body {
		position: relative;
		left: 0;
		overflow-x: hidden;
	}
	.open {
		position: absolute;
		top: 0;
		overflow-y: hidden;
	}
	#sp-button {
		border: 1px solid #82BA3D;
		height: 80px;
		width: 1em;
		font-size: 10px;
		border-radius: 5px;
		text-align: center;
		display: inline-block;
		position: absolute;
		left: -15px;
		top: 110px;
		padding: 15px 15px 15px 30px;
		color: #FFF;
		background-image: url(/img/common/footer-back.png);
		word-wrap: break-word;
		box-shadow: 0 0 5px 0 #FFF;
		z-index: 2;
	}
	#sp-button:hover {
		left: -5px;
	}

	#side-menu {
		position: fixed;
		top: 0;
		left: -280px;
		width: 280px;
		height: 100%;
		background-image: url(/img/common/footer-back.png);
		z-index: 100;
		overflow-y: auto;
		z-index: 3;
	}
	#side-menu a {
		text-decoration: none;
	}
	#side-menu a:hover {
		text-decoration: underline;
	}
	.main-menu, .sisetsu {
		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
		border-bottom: 1px solid #09611f;
	}
	.main-menu h2 {
		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
		border-bottom: 1px solid #09611f;
		margin: 0;
		font-size: 95%;
		font-weight: normal;
		padding: 10px;
	}
	.main-menu h2:last-child {
		box-shadow: none;
		border-bottom: 0;
	}
	.main-menu h2:last-child{
		color: #FFF;
	}
	.accordion-title:after {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	.main-menu .nav-cooperation {
		display: block;
		font-size: 80%;
		color: #FFF;
	}

	.sisetsu dl {
		margin:0;
	}
	.sisetsu dt {
		font-size: 95%;
		font-weight: normal;
		padding: 10px;
	}
	.sisetsu dd {
		margin: 0;
		padding: 10px 5px;
		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
		border-bottom: 1px solid #09611f;
		margin-left: 15px;
	}
	.sisetsu dd span {
		font-size: 65%;
		display: block;
	}

	#side-menu a {
		color:#FFF;
	}

	p {
		font-size:90%;
		text-align: left;
	}
	.top-index {
		background-image: url(/img/top/top-header-back_sp.jpg);
	}
	header {
	  background: rgba(255, 255, 255, 0.7);
		box-shadow: 5px 0 5px 0 #000;
		display: table;
		width: 100%;
	}
	.header-logo {
		display: inline-block;
		margin: 5px 10px;
	}
	.header-logo h1 {
		margin:0;
	}
	.header-logo img {
		width: 65px;
	}
	.tel-box {
		display: inline-block;
		float: right;
		margin-top: 30px;
	}
	.tel-box span {
		background-image: url(/img/common/ico-tel.png);
		background-repeat: no-repeat;
		background-position: 0 center;
		font-size: 25px;
		padding-left: 30px;
		font-family: serif;
		color: #55910A;
		margin: 0 0 0 35px;
		line-height: 100%;
		white-space: nowrap;
	}
	.tel-box p {
		color: #55910A;
		padding-left: 35px;
		padding-bottom: 5px;
		margin: 0;
		line-height: 100%;
		font-size: 16px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

	.btn-font-size {
		display:none;
	}



	#news-box {
		background: rgba(255, 255, 255, 0.7);
	}
	#news-box h2 {
		margin: 0 0 15px;
		background: #E8F6D2;
		font-size: 100%;
		padding: 5px 10px;
		font-weight: normal;
	}
	#news-box dl {
		margin: 0 0 10px;
		border-bottom: 1px solid #CCC;
		display: table;
		width: 100%;
		font-size: 90%;
		font-family: meiryo;
	}
	#news-box dl:last-child {
		border-bottom: 0;
	}
	#news-box dt {
		padding-left: 10px;
	}
	#news-box dd {
		margin-left: 1em;
	}
	.more1 {
		background: #EEE;
		padding: 5px;
		text-align: center;
		font-size: 90%;
	}
	.more1:hover {
		background: #CCC;
	}
	.more2, .more3, .more4 {
		background: #F3FAE9;
		padding: 5px;
		text-align: center;
		font-size: 90%;
		display: block;
		color: #000;
		text-decoration: none;
		margin: 20px 0;
	}
	.more2:hover, .more3:hover, .more4:hover {
		background: #E8F6D2;
	}


	.news-box-more-link {
	}
	.news-box-more-link a {
		display: block;
		border-bottom: 1px dotted #CCC;
		padding: 10px;
		font-size: 90%;
	}
	.top-content {
		margin-top: 50px;
		text-align: center;
	}
	.top-content h2 {
		font-size: 110%;
		font-weight: normal;
		border-bottom: 2px solid #82BA3D;
		padding: 5px;
		text-align: left;
	}
	.top-content h3 {
		font-weight: normal;
		font-size: 100%;
		border-bottom: 1px dotted #0F8B43;
		padding: 5px;
		text-align: left;
	}

	footer {
		background-image: url(/img/common/footer-back.png);
		margin: 50px 0 0 0;
		padding: 0;
		clear: both;
	}
	.footer-border {
		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
		border: 0;
		background: #09611f;
		height: 1px;
		margin: 0;
	}
	.footer-inner {
		display: table;
		width: 100%;
	}
	.pagetop-box {
		padding: 10px 0;
		float: right;
		display: inline-block;
		background-image: url(/img/common/ico-arrow-top.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 20px;
		font-size: 90%;
		margin-right: 20px;
	}
	.pagetop-box p {
		margin: 0;
	}
	footer a {
		color: #FFF;
		text-decoration: none;
	}
	.pankuzu {
		margin: 10px;
	}
	.pankuzu ul {
		display: table;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.pankuzu .home {
		color: #FFF;
		background-image: url(/img/common/pan-home.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 5px 0 0 20px;
		font-size: 90%;
		line-height: 100%;
	}
	.footer-logo {
		color: #FFF;
		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
		border-bottom: 1px solid #09611f;
		line-height: 100%;
		padding: 15px 0 5px 10px;
	}
	.footer-logo h2 {
		margin: 0 0 5px;
		padding: 0;
		font-size: 110%;
		font-weight: normal;
	}
	.footer-logo span {
		font-size: 80%;
	}
	.address {
		color: #FFF;
		margin: 10px;
		font-size: 80%;
	}
	.address a {
		background-image: url(/img/common/btn-contact.png);
		background-repeat: no-repeat;
		padding-left: 32px;
		padding-top: 4px;
		background-size: auto 75%;
		background-position: 0px 4px;
	}
	.address a:hover {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

	.footer-sitemap {
		margin-top: 30px;
	}

	.f-sitemap-inner {
		padding-left: 15px;
	}
	.f-sitemap-inner h2 {
		font-size: 90%;
		font-family: meiryo;
		margin: 0 0 10px;
		font-weight: normal;
	}
	.f-sitemap-inner h3 {
		font-family: meiryo;
		margin: 0 0 10px;
		font-size: 75%;
		font-weight: normal;
	}
	.f-sitemap-inner h2, .f-sitemap-inner h3, .f-sitemap-inner li {
		background-image: url(/img/common/ico-arrow-right.png);
		background-repeat: no-repeat;
		background-position: left 0.5em;
		padding-left: 10px;
		color: #FFF;
	}
	.f-sitemap-inner ul {
		padding: 0 0 0 10px;
		margin: 0 0 10px 10px;
		font-family: meiryo;
		font-size: 90%;
	}
	.f-sitemap-inner li {
		list-style: none;
		font-size: 80%;
		margin-bottom: 5px;
	}
	.copyright {
		color: #FFF;
		font-size: 80%;
		text-align: center;
	}


/* 20161027tw追加*/


}
	.more5 {
		font-size: 100%;
		display: inline-block;
		position: relative;
		bottom: 0;
		text-decoration: none;
		color: #82BA3D;
		text-align: left;
	}
	
	.more5:hover {
		background: #E8F6D2;
	}


.txt110{
	font-size:110%;
	}




/* アコーディオン用　リセットCSS */



/*
* {
  list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
*/
.accordion-container {
	margin: 0px auto 0;
	max-width: 300px;
	width: 100%;
}

.accordion-list:not(:first-child) {
  margin-top: 10px;
}

.accordion-title {
	cursor: pointer;
	font-size: 16px;
	padding: 20px 40px;
	position: relative;
	margin: 0;
	font-weight: normal;
	font-size: 100%;
	border-bottom: 1px dotted #0F8B43;
	padding: 20px 0 20px 15px;
}

.accordion-title:after {
	position: absolute;
	display: block;
	content: '';
	top: 35%;
	right: 22px;
	width: 8px;
	height: 8px;
	transform: rotate(135deg);
	transition: all .3s ease-in-out;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}

.accordion-title.open:after {
	transform: rotate(-45deg);
	top: 45%;
}

.accordion-text {
	display: none;
	padding-left: 10px;
}
.accordion-text a{
	margin: 0 0 0 px;
	font-weight: normal;
	font-size: 100%;
	border-bottom: 1px dotted #0F8B43;
	padding: 20px 0 20px 0px;
	line-height: 1.5;
	display: table;
	width: 100%;
}
.accordion-text a span{
	display: block;
	font-size: 55%;
	padding-left: 3px;
}

/************************************
** 厚生労働大臣が定める掲示事項等
************************************/
body#Posts div#breadcrumb,
.Posts .Posts_inbox dl p,
body#Posts header.article-header.entry-header {
	display: none;
}
.Posts{
}
.Posts .h3-box{
}
.Posts .h3-box h3{
	border-left: unset;
	border-right: unset;
	border-top: unset;
	border-bottom: unset;
}

.Posts .Posts_inbox{
	display: table;
	width: 100%;
}
.Posts .Posts_inbox dl{
	width: 32%;
	margin: 0 0% 3% 0%;
	float: left;
	border: solid 1px #ccc;
	box-sizing: border-box;
	height: auto;
}
.Posts .Posts_inbox dl a{
	text-align: center;
	font-size: medium;
	text-decoration: none;
}
.Posts .Posts_inbox dl dt{
}
.Posts .Posts_inbox dl dt img{
    width: 100%;
    height: auto;
    min-height: 260px;
	margin: auto;
}
.Posts .Posts_inbox dl dd{
	text-align: center;
	margin: auto;
	text-decoration: none;
	min-height: 4em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


@media screen and (max-width: 639px) {
	.Posts .Posts_inbox dl{
		width: 47%;
		margin: 0 1.5% 3% 1.5%;
		float: left;
		border: solid 1px #ccc;
		box-sizing: border-box;
		height: auto;
	}
	.Posts .Posts_inbox dl dd br {
		display: none;
	}
}

@media screen and (min-width: 640px) {
	body#Posts .president #pagebody {
		margin-top: -48px;
		width: 570px;
	}
	.Posts .Posts_inbox dl:nth-child(2),
	.Posts .Posts_inbox dl:nth-child(5),
	.Posts .Posts_inbox dl:nth-child(8),
	.Posts .Posts_inbox dl:nth-child(11),
	.Posts .Posts_inbox dl:nth-child(14),
	.Posts .Posts_inbox dl:nth-child(17),
	.Posts .Posts_inbox dl:nth-child(20),
	.Posts .Posts_inbox dl:nth-child(23),
	.Posts .Posts_inbox dl:nth-child(27),
	.Posts .Posts_inbox dl:nth-child(30),
	.Posts .Posts_inbox dl:nth-child(33),
	.Posts .Posts_inbox dl:nth-child(36),
	.Posts .Posts_inbox dl:nth-child(39),
	.Posts .Posts_inbox dl:nth-child(42),
	.Posts .Posts_inbox dl:nth-child(45),
	.Posts .Posts_inbox dl:nth-child(48),
	.Posts .Posts_inbox dl:nth-child(51),
	.Posts .Posts_inbox dl:nth-child(54),
	.Posts .Posts_inbox dl:nth-child(57){
			margin: 0 1% 3% 1%;
	}
}
@media screen and (max-width: 480px) {
	.Posts .Posts_inbox dl{
		width: 80%;
		margin: 0 auto 5% auto;
		float: unset;
		border: solid 1px #ccc;
		box-sizing: border-box;
		height: auto;
	}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
