@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";
/* @import "../ext_{bukkenID}/{bukkenID}.css"; */

/**
 * 2. html, body
 */
	body {
		background: url(../imgs/bg.gif) repeat center top;
	}
	.page {
		color: #333333;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.1em;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		/*dont use <h2> selector*/
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/**
 * 4. Layout
 */
	body #container {
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
/* gHeader*/
	body #gHeader {
		background-color: rgba(255,255,255,0.6);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	}
	body #gHeader .inner {
		width: 980px;
		margin: 12px auto 0;
	}
	body .shldrTxt {
		width: 980px;
		color: #fff;
		font-size: 10px;
		line-height: 15px;
		margin: 0 auto;
		padding: 5px 0;
	}
	.bgshldr {
		background-color: #91cc8e;
	}
/* gHeader responsive */
	@media only screen and (max-width:980px) {
		body #gHeader .inner {
			width: 100%;
			margin-top: 0;
		}
		body p.shldrTxt  {
			width: 100%;
			padding: 0;
			text-indent: -9999px;
		}
	}

/* #logo*/
	h1#logo{
		float: left;
	}
/* #logo responsive */
@media only screen and (max-width:980px) {
		h1#logo{
		float: none;
		text-align: center;
		margin: 10px auto;
		}
	@media only screen and (max-width:600px) {
		h1#logo {
			margin: 0 auto;
		}
	}
}
/* hNav */
	#hNav {
		float: right;
	}
	#hNav ul li {
		float: left;
		margin-left: 25px;
	}
	#hNav ul li.question {
		margin-top: 12px;
	}
	@media only screen and (max-width:980px) {
		#hNav {
			display: none;
		}
	}
/* gNav */
	#gNav {
		background-color: #def2e7;
		clear: both;
	}
	#gNav ul {
		width: 980px;
		margin: 0 auto;
	}
	#gNav ul li {
		float: left;
		text-align: center;
		padding: 25px 35px;
		position: relative;
		display: block;
		text-align: center;
	}
	#gNav ul li:before {
		content: url(../imgs/nav-line.png);
		position: absolute;
		top: 21px;
		left: 0;
	}
	#gNav ul li:first-child:before {
		content: "";
	}
	#gNav ul li a:after {
		opacity: 0;
		content: "";
		background-color: #9bd098;
		width: 185px;
		height: 2px;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -92.5px;
	}
	#gNav ul li a:hover:after {
		opacity: 1;
	}
	@media only screen and (max-width:980px) {
		#gNav ul {
			width: 100%;
			margin: 0 auto;
		}
		#gNav ul li {
			width: 25%;
			float: left;
			text-align: center;
			padding: 2.5826446280991737% 0;
			position: relative;
		}
		#gNav ul {
			display: none;
		}
	}
	@media only screen and (max-width:800px) {
		
	}
/* breadcrumb */
	#breadcrumb {
		display: block;
		width: 100%;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin-top: 10px;
	}
	#breadcrumb ul {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	#breadcrumb li {
		float: left;
		color: #333;
		font-size: 13px;
		margin-left: 40px;
		position: relative;
	}
	#breadcrumb li a {
		color: #333;
	}
	#breadcrumb li.now  {
		color: #ef7b7b;
		text-decoration: none;
	}
	#breadcrumb li:first-child {
		margin-left: 20px;
	}
	.icon-home:before {
		position: absolute;
		top: 3px;
		left: -18px;
	}
	#breadcrumb li:after {
		content: ">>";
		font-size: 10px;
		text-decoration: none!important;
		letter-spacing: -1px;
		color: #c1c1c1;
		position: absolute;
		top: 0;
		right: -25px;
	}
	#breadcrumb li.now:after  {
		content: "";
	}
/* breadcrumb responsive */
	@media only screen and (max-width:980px) {
		#breadcrumb ul {
			width: 100%;
		}
	}

	@media only screen and (max-width:599px) {
		#breadcrumb {
			display: none;
		}
	}

/* mainContent */

	#mainContent {
		width: 980px;
		margin: 0 auto;
		clear: both;
	}
	#mainContent .section {
		border: 1px solid #e6ede9;
		background-color: #fff;
		margin: 50px auto;
		padding: 50px 49px;
	}
	#mainContent .section h5 {
		font-weight: bold;
		font-size: 16px;
	}
	#mainContent img {
		max-width: 100%;
	}
	#mainContent h3.subTitle {
		text-align: center;
	}
	#mainContent h4.title {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 24px;
		color: #79ac76;
		-webkit-transform-origin: 0 0;
		-webkit-transform: scale(1, 1.01);
		-moz-transform-origin: 0 0;
		-moz-transform: scale(1, 1.01);
		-ms-transform-origin: 0 0;
		-ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
		-o-transform-origin: 0 0;
		-o-transform: scale(1, 1.01);
	}

/* mainContents responsive */
	@media only screen and (max-width:980px) {
		#mainContent {
			width: 100%;
		}
		#mainContent .section {
			margin: 5.1020408163265305% auto;
			padding: 5.1020408163265305%;
		}
	}
	@media only screen and (max-width:599px) {
		#mainContent h4.title {
			font-size: 20px;
			font-weight: bold;
		}
	}
/* btentryArea */
	.btentryArea {
		clear: both;
	    height: 180px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 40px;
	    text-align: center;
	    background: url(../imgs/bg-bt-entry.jpg) no-repeat #f8edec 50% 0;
	}
	.btentryArea p{
		padding-top: 60px;
	}
	.btentryArea img {
		max-width: 100%;
		height: auto;
	}
/* clmBox */
	.clmBox {
	  zoom: 1;
	  clear: both;
	}

	.clmBox .clm1,
	.clmBox .clm2 {
		width: 48.75%	;
	}
	.clmBox .clm1 {
	  float: left;
	}

	.clmBox .clm2 {
	  float: right;
	}
	.clmBox:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

	.clmBox.layout01 .clm1 {
	  float: right;
	  padding-left: 10px;
      width: auto!important;
	}

	.clmBox.layout01 .clm2 {
	  float: none;
	  width:auto!important;
	}
	@media only screen and (max-width:600px) {
		.clmBox .clm1,
		.clmBox .clm2 {
			width: 100%	;
		}
		.clmBox .clm1,
		.clmBox .clm2 {
		  float: none;
		  margin-bottom: 20px;
		}
		.clmBox.layout01 .clm1 {
		  float: none;
		  padding-left: 0;
	      width: 100%;
		}

		.clmBox.layout01 .clm2 {
		  float: none;
		  width: 100%;
		}
	}

/* コンテンツ外 */

/* clmList clm3 */
	.clmList.clm3 ul {
		z-index: -1px;
	}
	.clmList.clm3 ul li {
		float: left;
		position: relative;
		margin-right: 25px;
		margin-bottom: 25px;
		z-index: -1px;
	}
	.clmList.clm3 ul li .clmBtn {
		background-color: #fff;
		border: 1px solid #e6ede9;
		border-radius: 4px;
		width: 307px;
		z-index: -1px;
	}
	.clmList.clm3 ul li .btnArea {
		width: 270px;
		margin: 20px auto;
		background-color: #fff;
		z-index: -1px;
	}

	.clmList.clm3 ul li .bgPhoto {
		z-index: -1px;
		background: url(../../_template/imgs/img-dummy-03.png);
		text-indent: -9999px;
		width: 307px;
		height: 156px;
	}

	.clmList.clm3 ul li a {
		color: #333;
		text-decoration: none;
	}
	.clmList.clm3 ul li .btnArea p.ttl {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;;
	}
	.clmList.clm3 ul li .btnArea p.txt {
		margin-bottom: 15px;
		letter-spacing: 1px;
		line-height: 25px
	}
	.clmList.clm3 ul li .btnArea .btn {
		text-indent: -9999px;
		width: 269px;
		height: 49px;
		background: url(../../_template/imgs/bt-job.png) no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.clmList.clm3 ul li .btnArea .btn:hover {
		background: url(../../_template/imgs/bt-job_ov.png) no-repeat;
	}
	.clmList.clm3 ul li .btnArea .btn,
	.clmList.clm3 ul li .btnArea .btn:hover {
		-webkit-background-size: contain;
		background-size: contain;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}
	.clmList.clm3 ul li.job-h{
		z-index: -1px;
	}
	.clmList.clm3 ul li.job-h:before {
		content: url(../imgs/icn-job-home.png);
		width: 72px;
		height: 72px;
		position: absolute;
		top: -3px;
		left: -3px;
	}
	.clmList.clm3 ul li.job-ds:before {
		content: url(../imgs/icn-job-dayservice.png);
		width: 72px;
		height: 72px;
		position: absolute;
		top: -3px;
		left: -3px;
	}
	.clmList.clm3 ul li.job-ss:before {
		content: url(../imgs/icn-job-shortstay.png);
		width: 72px;
		height: 72px;
		position: absolute;
		top: -3px;
		left: -3px;
	}


	.clmList.clm3.sNav ul li {
		margin-right: 22px;
		margin-bottom: 20px;
	}

/* clmList clm3 responsive */
	@media only screen and (max-width:980px) {
		.clmList.clm3 {
			padding: 0 5px;
		}
		.clmList.clm3 ul li {
			width: 31.53061224489796%;
			margin-right: 2.5510204081632653%;
			margin-bottom: 2.5510204081632653%;
		}
		.clmList.clm3 ul li .bgPhoto {
			width: 100%;
		}
		.clmList.clm3 ul li .clmBtn{
			width: 100%;
		}
		.clmList.clm3 ul li .btnArea {
			width: 87.37864077669903%;
		}
		.clmList.clm3 ul li a {
			color: #333;
		}
		.clmList.clm3 ul li .btnArea p.ttl {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 0;
		}
		.clmList.clm3 ul li .btnArea p.txt {
			font-size: 12px;
			letter-spacing: 1px;
			line-height: 16px;
		}
		.clmList.clm3 ul li .btnArea .btn {
			width: 100%;
		}
	}
	@media only screen and (max-width:600px) {
		.clmList.clm3 ul {
			width: 309px;
			margin: 0 auto;
		}
		.clmList.clm3 ul li {
			float: none;
			width: 100%;
			position: relative;
			margin:0 auto 25px;
		}
		.clmList.clm3 ul li .clmBtn,
		.clmList.clm3 ul li .bgPhoto {
			width: 309px;
			margin: 0 auto;
		}
		.clmList.clm3 ul li a {
			color: #333;
		}
		.clmList.clm3 ul li .btnArea p.ttl {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 5px;;
		}
		.clmList.clm3 ul li .btnArea p.txt {
			margin-bottom: 15px;
			letter-spacing: 1px;
			line-height: 25px
		}
	}



/* sNav */
	.clmList.clm3 ul.sNav li {
	  cursor: pointer;
	  text-align: center;
	  background: url(../imgs/snav-dummy.png) no-repeat;
	  width: 312px;
	  height: 79px;
	  margin-right: 22px;
	  text-indent: -9999px;
	}

	.clmList.clm3 ul.sNav li:hover,
	.clmList.clm3 ul.sNav li.current {
		background: url(../imgs/snav-dummy_ov.png) no-repeat;
	}
	.clmList.clm3 ul.sNav li,
	.clmList.clm3 ul.sNav li:hover,
	.clmList.clm3 ul.sNav li.current {
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	@media only screen and (max-width:980px) {
		.clmList.clm3 ul.sNav li,
		.clmList.clm3 ul.sNav li:hover,
		.clmList.clm3 ul.sNav li.current {
			margin-right: 2.2448979591836733%;
			width: 31.83673469387755%;
			background-size: contain;
		}
	}
	@media only screen and (max-width:600px) {
		.clmList.clm3 ul.sNav li,
		.clmList.clm3 ul.sNav li:hover,
		.clmList.clm3 ul.sNav li.current  {
			width: 100%;
			float: none;
		}
	}

	#tab.clmList.clm3 .section {
		margin: 20px auto;
	}
	#tab.clmList.clm3 ul.sNav li{
		margin-bottom: 20px;
	}
	.snavFooterBtn {
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		margin-bottom: 50px;
	}
	#container {
		position: relative;
	}
	.snavFooterBtn ul {
		width: 980px;
		margin: 0 auto;
		zoom: 1;
	}
	.snavFooterBtn ul:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		line-height: 0;
		visibility: hidden;
	}
	.snavFooterBtn ul li {
		float: right;
		padding: 13px 0 10px;
	}

	.snavFooterBtn ul li:first-child {
		float: left;
	}
	@media only screen and (max-width:980px) {
		.snavFooterBtn ul {
			width: 100%;
		}
		.snavFooterBtn ul li {
			    padding: 13px 5px 10px;

		}


	}
	@media only screen and (max-width:600px) {
		#tab.clmList.clm3 ul.sNav li {
			margin-bottom: 20px;
		}
	}
/*questionList*/
.questionListWrap {
    border: 1px solid #e6ede9;
    border-radius: 2px;
    background-color: #edf3f0;
}
.questionList {
    width: 100%;
    border-collapse: collapse;
}
.questionList tr {
    background-color: #edf3f0;
	color: #5e995b;
    width: 100%;
}

.questionList tr th,
.questionList tr td{
	padding: 20px 30px;
    font-weight: normal;
}
.questionList tr th{
	padding-right: 0;
}
.questionList tr td {
	letter-spacing: 0;
}


@media only screen and (max-width:600px) {
	table.questionList {
		width: 100%;
	}
	.questionList tr th,
	.questionList tr td{
		padding: 0;
		margin:  10px auto;
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.questionList tr td.btn {
		padding: 10px 0;
	}
}



/* gFooter */
	body #gFooter {
		margin: 40px auto 0;
	}
	body #gFooter .inner {
		margin: 0 auto 25px;
		width: 980px;
	}
	body #gFooter .inner div {
		float: left;
	}
	body #gFooter img {
		max-width: 100%;
		height: auto;
	}
/* fNav */
	#fNav {
		margin: 0 40px;
		color: #666666;
		font-size: 12px;
		line-height: 18px;
	}
	#fNav li {
		margin-bottom: 15px;
	}
	#fNav a {
		/*color: #003593;*/
	}
	#fNav a:hover {
		/*color: #f60;*/
	}
	#fNav strong {
		/*color: #003593;*/
		font-weight: bold;
	}
	#fNav span {
		/*color: #cccccc;*/
	}
	#fNav li span {
		display: none;
	}
/* ftrLogo */
	#ftrLogo {
		width: 470px;
		text-align: center;
		position: relative;
	}
	#ftrLogo p {
		margin-top: 40px;
	}
	#ftrLogo:before {
		content: url(../imgs/ftr-nav-line.png);
		position: absolute;
		top: 0;
		left: 0;
	}
	#ftrLogo:after {
		content: url(../imgs/ftr-nav-line.png);
		position: absolute;
		top: 0;
		right: 0;
	}
/* pagetop */
	#pagetop {
		width: 253px;
		position: relative;
	}
	#pagetop p {
		position: absolute;
		top: 30px;
		left: 50%;
		margin-left: -29px;
	}
/*copyright*/
	.copyright {
		background-color: #777777;
		color: #fff;
		font-size: 11px;
		text-align: center;
	}
	.copyright p {
		padding: 8px 0;
	}
/* gFooter responsive */
	@media only screen and (max-width:980px) {
		body #gFooter .inner {
			width: 100%;
		}
	}
	@media only screen and (max-width:980px) {
		#fNav {
			width: 17.755102040816325%;
			margin: 0 4.081632653061225%;
		}
		#ftrLogo {
			width: 47.95918367346938%;
		}
		#pagetop {
			width: 25.816326530612244%;
		}
	}
	@media only screen and (max-width:768px) {
		body #gFooter .inner div {
			float: none;
		}
		#fNav li img {
			display: none;
		}

		#fNav li {
		}
		#fNav {
			margin: 0 auto 100px;
		}
		#fNav li span {
			position: relative;
			font-size: 28px;
			height: 28px;
			display: block;
			text-align: left;
			border: 1px solid #bbbbbb;
			border-radius: 3px;
			width: 90.625%;
			margin: 0 auto 20px;
			padding: 30px 0 30px 30px ;
		}
		#fNav li span.icon-arrow:before {
			position: absolute;
			display: block;
			top: 50%;
			margin-top: -13px;
			right: 3%;
		}
		#fNav li a  {
			text-decoration: none;
			color: #333;
		}
		#fNav li a:hover span {
			background-color: #79ac76;
			color: #fff;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
		}
		#ftrLogo:before,
		#ftrLogo:after {
			display: none;
		}
		#fNav,
		#ftrLogo,
		#pagetop {
			width: 100%;
		}
		#pagetop p{
			top: -130px;
		}
	}
	@media only screen and (max-width:440px) {
		#fNav li span {
			padding-left: 10px;
			font-size: 20px;
		}
	}
		/* info */
	
	#info {
		display: none;
	 	width: 100%;
		background: #ef7b7c;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999;
	}
	#info .obiEntry {
		text-align: center;
		padding: 35px 0;
	}
	#info .closeBt {
		font-size: 25px;
		line-height: 1;
		color: #fff;
		position: absolute;
		top: 2%;
		right: 2%;
		cursor: pointer;
	}
@media only screen and (max-width: 980px) {
	#info {
		display: block;
	}
}
@media only screen and (max-width: 600px) {
	#info .obiEntry {
		width: 50%;
		height: auto;
		margin: 0 auto;
		padding: 20px 0;
	}
	#info .closeBt {
		font-size: 40px;
		top: 1%;
	}
	#info img {
		max-width: 100%;
		height: auto;
	}
}