@charset "UTF-8";
/* CSS Document */

/* 通常　ウィンドウ幅が480px以上の場合に適用するCSS */

	img {
	max-width: 100%;
	height: auto;
}
/*p
	{
		color: #00f ;	 青色 
	}*/
#wrapper {
	width: auto;
	margin-right: auto;
	margin-left: auto;	/*background-image: url(../images/BK.jpg);
	background-repeat: repeat-y;*/
}
#header {
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#sidebar {
	width: 240px;
	height: auto;
	float: right;
}
#mainContenair {
	height: auto;
	width: 720px;
	float: left;
}
#mainContenair_service {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#maincontents {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-top: 20px;
}
#maincontents_service {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#footer {
	clear: both;
}
.headerBox {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-top: 20px;
	padding-bottom:10px;
}
.logo {
	margin-right:5px;
	float: left;
}
h1 .name {
	font-size: 25px;
	font-weight: bold;
}
.headerBox h1 {
	font-size: 14px;
	line-height: 30px;
	font-weight: lighter;
	width: 400px;
	height: auto;
	margin-bottom:30px;
	float: left;
}
.headerBox ul {
	float: left;
}
.headerBox ul li {
	font-size: 17px;
	margin-right: 10px;
	display: inline;
}
.headerBox ul li:last-child {
	margin-right: 0px;
}
.header_prev {
	font-size: 17px;
	float: right;
	padding: 10px;
	border: 3px solid #0084DB;
}
#menu {
	width: 100%;
	/*max-width: 1110px;*/
	max-width: 1300px;
	margin: 0 auto;
	padding: 0;
}
#menu li {
	display: block;
	float: left;
	/*width: 16%;*/
	width: 14%;
	margin: 0;
	padding: 0;
}
#menu li a {
	display: block;
	padding: 20px 0 20px;
	background-color: #488C00;/*グローバルメニュー背景色*/
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-right:1px solid #FFF;
}
#menu li:last-child a {
	border: none;
}
#menu li a:hover {
	background: #4baacb;
}
#toggle {
	display: none;
}
#footerad {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.staText p {
}
.sideBnr01 {
	margin-bottom: 20px;
}
.sideBnr02 {
	margin-bottom: 20px;
}
.sideBne03 {
	margin-bottom: 20px;
}
#recBnr {
	width: 868px;
	margin-right: auto;
	margin-left: auto;
	height: 111px;
	padding-right: 62px;
	padding-left: 62px;
	margin-top: 20px;
	padding-bottom: 50px;
}
.bnr_shikaku {
	margin-bottom: 30px;
}
.footer_section02 {
	padding: 28px 0 23px;
	background-color: #fff;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #488C00;
}
.footer_inner {
	width: 990px;
	margin: 0 auto;
}
.box {
	float: left;
	margin-left: 39px;
}
.box01 {
	margin-left: 0px;
}
.footerNav {
	width: auto;
}
.box02 p {
	margin-bottom: 10px;
}
.footer_section01 {
	background-color: #488C00;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer_inner02 {
	width: 990px;
	margin: 0 auto;
}
.footer_inner02 ul li {
	display: inline;
	margin-right: 30px;
	font-size: 14px;
}
.footer_inner02 ul li a {
	color: #FFF;
}
.footer_section03 {
	text-align: center;
	background-color: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
}
#menu-box {
	background-color: #488C00;
}
#mainVisual {
	/*max-width:1200px;*/
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.btn_recruit01 {
	height: 111px;
	width: 402px;
	float: left;
	margin-right: 60px;
}
.btn_recruit02 {
	height: 110px;
	width: 403px;
	float: left;
}
.arrow {
	position: relative;
	display: inline-block;
	/*「お知らせ」マージンレフト位置*/
	padding: 21px 0 0 32px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 17px;
	line-height: 18px;
}
.arrow::before, .arrow::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
 .sample4-2::before {
width: 24px;
height: 24px;
/*緑丸マージンレフト位置*/
margin-left:0px;
margin-top:15px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #7a0;
}
.sample4-2::after {
left: 8px;
box-sizing: border-box;
width: 8px;
height: 8px;
/*緑丸内の三角マージンレフト位置*/
margin-left:1px;
margin-top:19px;
border: 8px solid transparent;
border-left: 8px solid #fff;
}
dl .reload_date {
	float: left;
}
.reloadCont {
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #488C00;
}
.reloadCont :first-child {
	border:none;
}
.reload_tit {
	font-size: 14px;
	padding-bottom: 0px;
	clear: both;
	padding-top: 10px;
}
/*.reload_contents ul li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #488C00;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	background-color: #FFF;
	padding-left: 20px;
}
.reload_contents ul li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #488C00;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	background-color: #FFF;
	padding-left: 20px;
}
.reload_contents ul li:last-child {
	border-bottom:none;
}*/

.h2_title {
	font-size:17px;
	height: 50px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #488C00;
	background-color: #FFF;
	border-bottom-width: 1px;
	/*border-bottom-style: solid;*/
	border-bottom-color: #488C00;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	font-weight: normal;
}
.cate_semiInfo_ora {
	color: #FFF;
	background-color:#FF6600;
	/* border-radius */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 12px;
}
.cate_semiInfo_gree {
	color: #fff;
	background-color:#669900;
	/* border-radius */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 12px;
}
.arr {
	position: relative;
	display: inline-block;
	margin-top:21px;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 12px;
}
.arr::before, .arr::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
 .sample4-1::before {
left: 4px;
box-sizing: border-box;
width: 8px;
height: 8px;
border: 8px solid transparent;
border-left: 8px solid #7a0;
}
.h2_title ul .tit {
	float: left;
}
.h2_title ul .all_view {
}
.h2_title ul .all_view {
	float: right;
}
.arrow_yama {
	position: relative;
	display: inline-block;
	/*「お知らせ」マージンレフト位置*/
	padding: 21px 0 0 19px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 17px;
}
.arrow_yama::before, .arrow_yama::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
 .sample3-4::before {
width: 7px;
height: 6px;
background: #7a0;
}
.sample3-4::after {
left: 7px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #7a0;
}
.station {
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #488C00;
}
.staArea {
	float: left;
	font-weight: bold;
	margin-right: 10px;
	height: auto;
	width: 55px;
}
.icon {
	float: left;
	margin-right: 10px;
}
.staText {
	float: left;
	width: 400px;
  font-size: 16px;
  line-height: 2rem;
}
.text, body.text p {
	margin-bottom: 10px;
}
.staPhoto {
	float: right;
	width: 195px;
}
.reload_contents {
	margin-bottom: 10%;
}
dl .staIcon {
	float: left;
}
dl .staName {
	font-size: 20px;
	color: #478C00;
}
dl .staText {
	clear: both;
	width: 400px;
	height: auto;
}
dl .staPhoto {
	float: left;
}
.staName {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 15px;
}
.station_contents {
	margin-bottom: 10%;
}
#sp_mainVisual {
	display:none;
}
/* ページャー */
.pager {
	margin-top:3em;
	margin-bottom: 3em;
	text-align:center
}
a.page-numbers, .pager .current {
	background-color: #edede3;
	border: solid 1px #aaaaaa;
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current {
	background-color: #000000;
	border: solid 1px #000000;
	color: #ffffff;
}
.pager a:hover {
	color: #ffffff;
	border: solid 1px #000000;
	background-color: #000000;
}
.contents_box {
	background-color:#FFF;
	padding:20px 20px;
	font-size:14px;
	line-height:35px;
}
.h2_title02 {
	height: 50px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #488C00;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #488C00;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}
.catego {
	float: left;
}
#cate-icon {
	clear:both;
	float:left;
	min-width:60px;
//テキストの文字数により極端に横幅が小さくなってしまうのを防ぐために指定しています 	/* border-radius */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	margin-right:10px;
	font-size:10px;
	font-weight:lighter;
	text-align:center;/*background-color:#999;*/
	/*color:#FFF;*/
	/*padding:2px 5px;*/
}
#cate-icon a {/*リンクされた文字*/
	color:#fff;
	font-style:normal;
	text-decoration:none;
}
#cate-icon02 {
	/*clear:both;
	float:left;*/
	min-width:60px;
//テキストの文字数により極端に横幅が小さくなってしまうのを防ぐために指定しています 	/* border-radius */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	margin-right:10px;
	font-size:10px;
	font-weight:lighter;
	text-align:center;/*background-color:#999;*/
	/*color:#FFF;*/
	/*padding:2px 5px;*/
}
#cate-icon02 a {/*リンクされた文字*/
	color:#fff;
	font-style:normal;
	text-decoration:none;
}
/*▼カテゴリーをクラス名にして存在する数だけ用意します。*/
.seminar {
	background-color: #FF6600;
}
.info {
	background-color: #66CCCC;
}
.topics {
	background-color: #00F;
}
/*▲カテゴリーをクラス名にして存在する数だけ用意します。*/

#blog_cate {
	min-width:60px;
//テキストの文字数により極端に横幅が小さくなってしまうのを防ぐために指定しています 	/* border-radius */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	margin-right:10px;
	font-size:10px;
	font-weight:lighter;
	text-align:center;
}
#blog_cate a {
	color:#fff;
	font-style:normal;
	text-decoration:none;
}
/*▼タームをクラス名にして存在する数だけ用意します。*/
.chinoblog {
	background: #FF6600;
}
.shimosuwablog {
	background: #66CCCC;
}
/*▲タームをクラス名にして存在する数だけ用意します。*/
.cont_box {
	background-color: #FFF;
	margin-bottom:10%;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
	line-height: 35px;
	font-size: 14px;
}
.single_date {
	float: left;
}
.h2_title02 h2 {
	font-size: 17px;
	padding:15px 0px 15px 0px;
	clear:both;
	line-height: 20px;
}
.fa-clock-o:before {
	content: "\f017";
}
.single_catego {
	float: left;
}
.next_script {
	text-align:center;
	padding-top:20px;
}
div.breadcrumbs {
    padding:5px 0 0 0px;
}
.iconStation {
	float: left;
	margin-right: 10px;
}
.staArea02 {
	font-weight: bold;
	height: auto;
	font-size: 14px;
}
.staName02 {
	font-size: 20px;
	color: #478C00;
	float: none;
	margin-top: 10px;
}
.staText02 {
	width: 423px;
	float: left;
	line-height: 25px;
	margin-bottom: 30px;
}
.staPhoto02 {
	float: right;
	width: 195px;
}
.staDetail_box {
	clear: both;
}
.staDetail_box h2 {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #488C00;
	padding-left: 20px;
	margin-bottom: 2%;
	/*height: auto;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #488C00;
	padding-left: 20px;
	margin-top: 30px;*/
}
.staDetail_box h2 span {
	color: #EA9933;
	font-size: 17px;
}
.staDetail_box h3 {
	font-weight: lighter;
	line-height: 25px;
	margin-bottom: 2em;
}
.medhia_cont {
	height: auto;
	margin-bottom: 10%;
}
.medhia_cont dl {
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
		
}

.medhia_cont dl dt span {
	color: #fff;
	background-color:#669900;
	/* border-radius */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 12px;
}

.medhia_cont dl dd {
	font-size: 14px;
	padding-bottom: 0px;
	clear: both;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #488C00;
}

.cont_head {
	font-size: 17px;
	height: auto;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #488C00;
	background-color: #FFF;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 40px;
}
.page_title {
	font-size:20px;
	height: auto;
		/*height: 32px;*/
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #488C00;
	background-color: #FFF;
	border-bottom-width: 1px;
	/*border-bottom-style: solid;*/
	border-bottom-color: #488C00;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	/*padding-bottom: 0px;*/
	padding-top: 18px;
	font-weight: lighter;
	margin-bottom: 5%;
	line-height: 25px;
}
.h3_page_title {
	font-size:17px;
	height: 50px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #488C00;
	background-color: #FFF;
	border-bottom-width: 1px;
	/*border-bottom-style: solid;*/
	border-bottom-color: #488C00;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom-style: solid;
}
.page_cont_box {
	background-color: #FFF;
	margin-bottom:5%;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	line-height: 30px;
	font-size: 14px;
}
.page_cont_text {
	width: 370px;
	float: left;
}
.box_auto {
	width: auto;
	float: none;
}
.h4_page_title {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #488C00;
	padding-left: 20px;
	margin-bottom: 2%;
}
.h4_page_title span {
	color: #EA9934;
	font-weight: bold;
	font-size: 17px;
}
.page_h4cont_box {
	background-color: #FFF;
	margin-bottom:10%;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	line-height: 30px;
	font-size: 14px;
}
.page_h4cont_textRight h3 {
	font-weight: normal;
	width: 390px;
	float: right;
}
.page_h4photoLeft {
	float: left;
	margin-left: 40px;
}

.page_h4cont_textLeft h3 {
	font-weight: normal;
	width: 390px;
	float: left;
}
.page_h4photoRight {
	float: right;
	margin-right: 30px;
}
.page_h4cont_textLeft {
	margin-bottom: 10%;
}
.page_h4cont_textRight {
	margin-bottom: 10%;
}
.page_photo {
	float: right;
}
.post_cont_text {
	width: auto;
}
.post_photo {
	float: left;
	margin-right: 10px;
}


.tableBlock {
	margin-top:1em;
}
.cf {
  width:100%;
  line-height:17px;
  table-layout:fixed;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #cfcfcf;
}

.cf tr th {
	background-color: #F0EED9;
	text-align: center;
	margin: 0px;
	padding: 10px;
	border: 1px solid #DCDAC6;
	vertical-align: middle;
	font-weight: normal;
}
.cf tr td {
	text-align: left;
	border: 1px solid #DCDAC6;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	line-height: 25px;
}
.cg {
  width:100%;
  line-height:17px;
  table-layout:fixed;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #cfcfcf;
}

.cg tr th {
	background-color: #F0EED9;
	text-align: center;
	margin: 0px;
	padding: 10px;
	border: 1px solid #DCDAC6;
	vertical-align: middle;
	font-weight: normal;
}
.cg tr td {
	text-align: left;
	border: 1px solid #DCDAC6;
	padding: 20px;
	vertical-align: middle;
	line-height: 25px;
}
.page_cont_box02 {
	background-color: #FFF;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #488C00;
	margin-bottom:5%;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	line-height: 30px;
	font-size: 14px;
}
.page_h4cont_textLeft02 h3 {
	font-weight: normal;
	width: 350px;
	float: left;
}	
.seki_an {
	font-weight: normal;
	width: auto;
	float: left;
}
.text_yokonaga {
	font-weight: normal;
	width: auto;
	float: left;
}
.page_h4photoRight02 {
	float: right;
}
.staff-img{
  width: 350px;
  margin: auto;
  padding: 2rem;
}
.page_h4cont_textRight02 h3 {
	font-weight: normal;
	width: 350px;
	float: right;
}	
.page_h4photoLeft02 {
	float: left;
}
.page_h4cont_textLeft02  {
	margin-bottom: 5%;
}
.page_h4cont_textRight02 {
	margin-bottom: 5%;
}

.arrow_bnr {
	position: relative;
	display: inline-block;
	/*「正社員募集」マージンレフト位置*/
	padding: 10px 0 0 0px;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	font-size: 17px;
}
.arrow_bnr::before, .arrow_bnr::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
 .sample4-3::before {
width: 24px;
height: 24px;
/*ピンク丸マージンレフト位置*/
margin-left:400px;
margin-top:15px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.sample4-3::after {
left: 8px;
box-sizing: border-box;
width: 8px;
height: 8px;
/*ピンク丸内の三角マージンレフト位置*/
margin-left:400px;
margin-top:19px;
border: 8px solid transparent;
border-left: 8px solid #F06185;
}
.rec_bnr_pink {
	text-align:center;
	bborder-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background-color: #F06185;
	height: 50px;
	margin-top: 2%;
}
.q_box {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #488C00;
	padding-bottom: 20px;
	padding-top: 20px;
}
.q_box_last {
	padding-bottom: 20px;
	padding-top: 20px;
}
.que_q {
	color: #EA9933;
	font-size: 20px;
	margin-bottom: 10px;
}
.que_a {
	font-size: 16px;
}

.q_box p {
	font-size: 12px;
}
.green img {
	vertical-align: middle;
}
.pink img {
	vertical-align: middle;
}
#section01 h2 {
	font-size: 34px;
	font-weight: normal;
	color: #EA9933;
	line-height: 40px;
	margin-bottom: 5%;
	width: 725px;
	margin-right: auto;
	margin-left: auto;
}
#section01 h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
}
#section01 {
	text-align: center;
	margin-top: 5%;
	margin-bottom: 10%;
}
#section02 h2 {
	font-size: 35px;
	color: #FFF;
	background-color: #00AA96;
	line-height: 35px;
	text-align: center;
	width: 300px;
	font-weight: normal;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 5%;
}
#section_box01 {
	background-color:#F2F2F2;
	/* box-shadow */
	box-shadow:0px 0px 4px 0px #CCCCCC;
	-moz-box-shadow:0px 0px 4px 0px #CCCCCC;
	-webkit-box-shadow:0px 0px 4px 0px #CCCCCC;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.section01_text ul li span {
	font-weight: bold;
	color: #FFB400;
	font-size: 16px;
}
.section01_text ul li {
	font-size: 16px;
	color: #00AA96;
	line-height: 30px;
	/*2行目のインデント*/
	padding-left:1.3em;
	text-indent:-1.3em;
}
.section01_text {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
}
#section03 h2 {
	font-size: 35px;
	color: #FFF;
	background-color: #00AA96;
	line-height: 35px;
	text-align: center;
	width: 530px;
	font-weight: normal;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 5%;
}
.arrow_shi {
	position: relative;
	display: inline-block;
	/*「お知らせ」マージンレフト位置*/
	padding: 21px 0 0 25px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 17px;
}
.arrow_shi::before,
.arrow_shi::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.shikaku::before{
width: 20px;
height: 20px;
background: #FFB400;
}
.shikaku::after{
left: 7px;
box-sizing: border-box;
width: 11px;
height: 11px;
border: 6px solid transparent;
border-left: 6px solid #fff;
}
#section02,#section03,#section04,#section05,#section06,#section07 {
	margin-bottom: 5em;
}
#section04 h2 {
	font-size: 35px;
	color: #FFF;
	background-color: #00AA96;
	line-height: 35px;
	text-align: center;
	width: 300px;
	font-weight: normal;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 5%;
}
.section_leftbox {
	width: 235px;
	float: left;
}
.sectionimg {
	text-align: center;
}
.sectionimg_text {
	border: 1px solid #00AA96;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}
#section_box02 {
	padding-bottom: 40px;
}
.section_rightbox {
}
.goodpoint {
	font-size: 23px;
	color: #00AA96;
	margin-bottom: 2%;
	line-height: 23px;
}
.goodpoint_ans {
	font-size: 16px;
	margin-bottom: 4%;
}
.section_smallbox {
	background-color:#F2F2F2;
	/* box-shadow */
	box-shadow:0px 0px 4px 0px #CCCCCC;
	-moz-box-shadow:0px 0px 4px 0px #CCCCCC;
	-webkit-box-shadow:0px 0px 4px 0px #CCCCCC;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 15px;
	font-size: 16px;
	line-height: 25px;
}
.section_rightbox {
	width: 545px;
	float: right;
}
.font35 {
	font-size: 35px;
	font-weight: normal;
	color: #EA9933;
	line-height: 40px;
	width: auto;
	margin-bottom: 5%;
	text-align: center;
}
#section05 h2 {
	font-size: 35px;
	color: #FFF;
	background-color: #00AA96;
	line-height: 35px;
	text-align: center;
	width: 300px;
	font-weight: normal;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 5%;
}
#section05 h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 35px;
	text-align: center;
	margin-bottom: 5%;
}
#section05 h3 span {
	color: #00AA96;
}
.tableBlock02 {
	margin-top:1em;
	font-size: 16px;
}
.cs {
  width:100%;
  line-height:17px;
  table-layout:fixed;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #cfcfcf;
}

.cs tr th {
	background-color: #F0EED9;
	text-align: center;
	margin: 0px;
	padding: 20px;
	border: 1px solid #DCDAC6;
	vertical-align: middle;
	font-weight: normal;
}
.cs tr td {
	text-align: left;
	border: 1px solid #DCDAC6;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	line-height: 25px;
}
.cs tbody tr td span {
	font-size: 32px;
	color: #00AA96;
}
.font24 {
	font-size: 24px;
	color: #00AA96;
	line-height: 35px;
	text-align: center;
}
#section06 h2 {
	font-size: 35px;
	color: #FFF;
	background-color: #00AA96;
	line-height: 35px;
	text-align: center;
	width: 300px;
	font-weight: normal;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 5%;
}
#section06 h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 35px;
	text-align: center;
	margin-bottom: 5%;
}
.tableBlock03 {
	margin-top:0em;
	font-size: 16px;
	float: right;
	width: 555px;
}
.cd {
  width:100%;
  line-height:17px;
  table-layout:fixed;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #cfcfcf;
}

.cd tr th {
	background-color: #F0EED9;
	text-align: center;
	margin: 0px;
	padding: 20px;
	border: 1px solid #DCDAC6;
	vertical-align: middle;
	font-weight: normal;
}
.cd tr td {
	text-align: left;
	border: 1px solid #DCDAC6;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	line-height: 25px;
}
.cd tbody tr td span {
	font-size: 32px;
	color: #00AA96;
}
.reader_photo {
	float: left;
	margin-right: 10px;
	padding: 3px;
	border: 1px solid #CCC;
}
.tableBlock04 {
	margin-top:0em;
	font-size: 16px;
	width: 550px;
	float: right;
}
.cd {
  width:100%;
  line-height:17px;
  table-layout:fixed;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #cfcfcf;
}

.cd tr th {
	background-color: #F0EED9;
	text-align: center;
	margin: 0px;
	padding: 20px;
	border: 1px solid #DCDAC6;
	vertical-align: middle;
	font-weight: normal;
}
.cd tr td {
	text-align: left;
	border: 1px solid #DCDAC6;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	line-height: 25px;
}
.cd tbody tr td span {
	font-size: 32px;
	color: #00AA96;
}.tel_info {
	border: 1px solid #D8D8D8;
}
#section07 h2 {
	font-size: 35px;
	color: #FFF;
	background-color: #00AA96;
	line-height: 35px;
	text-align: center;
	width: 300px;
	font-weight: normal;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 5%;
}
#section07 h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 35px;
	text-align: center;
	margin-bottom: 5%;
}
#section07 table tr th {
	line-height: 25px;
	font-size: 16px;
	color: #FFF;
	background-color: #00AA96;
	padding: 10px;
}
#section07 table {
	text-align: center;
}
#section07 table tr td {
	font-size: 29px;
	color: #00AA96;
	padding: 20px;
}
.teltable {
	border: 1px solid #D8D8D8;
}
#mainVisual_service {
	max-width:1200px;
	width:100%;
	height:auto;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.interview_personal {
	position: relative;
	text-align: center;
	margin-bottom: 2em;
	margin-top: 2em;
}
.interview_personal span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.interview_personal::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}
.interviewer_top {
	position: relative;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	padding-top: 0.5em;
	padding-right: 0.75em;
	padding-bottom: 0.5em;
	padding-left: 0.75em;
	overflow: hidden;
}
.interviewer_top::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}
.interviewer_under {
	position: relative;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: -2px -2px 4px rgba(0, 0, 0, .1) inset;
	padding-top: 0.5em;
	padding-right: 0.75em;
	padding-bottom: 0.5em;
	padding-left: 0.75em;
	margin-bottom: 1.5em;
}
.interviewer_under::after {
	position: absolute;
	top: -18%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	/*border: 10px solid transparent;
	border-bottom: 15px solid #f0f0f0;*/
}
.interview_text {
	width: 370px;
	float: left;
}
.interview_photo {
	width: auto;
	float: right;
}


.sideBnr04 {
	width: 195px;
	background-image: url(../images/bnr_yokuaru.jpg);
	background-repeat: no-repeat;
	height: 173px;
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin-bottom:10%;
}
.sideBnr04 p {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 20px;
}
.side_qa {
	display:none;
	}

.qaBox p {	
	padding-left:1em;
	text-indent:-1em;
	line-height:20px;
}
.thanks {
	font-size:16px;
	line-height:30px;
	}
h1 .name a {
	color: #4B4B4B;
}
.headerLeft {
	width: 450px;
	float: left;
	height: auto;
}
.headerRight {
	width: 450px;
	float: right;
}
.headerRight ul {
	padding-left: 160px;
	margin-bottom: 10px;
}
.telNumber {
	font-size: 25px;
	float: right;
	line-height: 25px;
	text-align: right;
}
.telNumber span {
	font-size: 13px;
	color: #666;
}
.telNumber a {
	color: #666;
}
.about_box {
	background-color: #FFF;
	margin-bottom:10%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 14px;
	border-top-width: 1px;
border-top-style: dashed;
border-top-color: #488C00;
}
.about_text {
	width: auto;
	float: left;
	font-size: 16px;
  line-height: 2rem;
}
.about_photo {
	float: right;
	width: 257px;
	height: 187px;
}
.about_text02 {
	width: 370px;
	float: right;
}
.about_photo02 {
	float: left;
}
.about_box h2 {
	font-weight: normal;
	line-height: 33px;
}
.left{
	margin-left:4px;
}

.telephone {
	font-weight: bold;
	font-size: 17px;
	color: #488C00;
}
.psw_an {
	margin-top: 20px;
}

.merit_page_title {
	margin-bottom: 2%;
}
.merit_text {
	color: #333;
	font-weight: normal;
	font-size: 17px;
}
.futoji {
	font-weight: bold;
}
.pageTitle_read {
	font-size: 14px;
}
.doorBox {
	margin: 5% 0 10% 0;
	overflow: hidden;
}
.door {
	color: #FFF;
	font-size: 20px;
	float: left;
	margin-right: 20px;
	line-height: 25px;
	background-color: #488C00;
	width: 320px;
	height:auto;
	text-align: center;
	padding: 25px 0px 25px 0px;
	/* border-radius */
	border-radius:6px;
}
.door:last-child {
	margin-right: 10px;
}
a:hover.door {
opacity: 0.6;
}
.merit_icon {
	height: 32px;
	width: 32px;
	vertical-align: text-top;
}
.readnickname {
	margin-top: 10px;
	font-size: 12px;
	color: #837c34;
}
.officer_glade {
	color: #000;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
}
.officer_man {
}

 .br-pc { display:block; }
 .br-sp { display:none; }

.chui {
	font-size: 13px;
	text-align: right;
}

























/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px ) {
 
.br-pc { display:none; }
.br-sp { display:block; }
  
 #wrapper {
 width: auto;
 height:auto;
 margin-right: auto;
 margin-left: auto;
}
 #header {
 width: 100%;
 height: auto;
 margin-right: auto;
 margin-left: auto;
 padding-top: 20px;
 padding-right: 0px;
 padding-left: 0px;
}
 .headerBox ul {
 text-align:center;
 float: none;
 margin-left: 0px;
 padding-top: 30px;
}
.headerBox ul li {
 display: inline;
 font-size: 17px;
 margin-right: 10px;
}
 .logo {
 margin-right:0px;
 float: none;
 text-align:center;
}
 .headerBox {
 width: auto;
 margin-right: auto;
 margin-left: auto;
 height: auto;
 padding-top: 0px;
}
h1 .name {
 font-size: 25px;
 font-weight: bold;
}
.headerBox h1 {
 font-size: 14px;
 line-height: 25px;
 font-weight: lighter;
 text-align:center;
 width: auto;
 height: auto;
 margin-bottom:0px;
 float: none;
}
 #menu {
 display: none;
}
 #menu li {
 width: 100%;
}
 #toggle {
 display: block;
 position: relative;
 width: 100%;
 background: #333;
}
 #toggle a {
 display: block;
 position: relative;
 padding: 20px 0 20px;
		/*border-bottom: 1px solid #4baacb;*/
		color:#FFF;
 text-align: center;
 text-decoration: none;
}
 #toggle:before {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 10px;
 width: 30px;
 height: 30px;
 margin-top: -15px;
 background: #FFF;
}
 #toggle a:before, #toggle a:after {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 10px;
 width: 30px;
 height: 6px;
 background: #333;
}
 #toggle a:before {
 margin-top:-9px;
}
 #toggle a:after {
 margin-top: 3px;
}
 #footerad {
 display:none;
}
 #maincontents {
 width: auto;
 padding-left:10px;
 padding-right:10px;
 margin-right: auto;
 margin-left: auto;
 height: auto;
}
 #mainContenair {
 height: auto;
 width: auto;
 float: none;
}
#sidebar {
 width: 100%;
 height: 100%;
 float: none;
}
.staArea {
 float: none;
 width:auto;
 height:auto;
 font-weight: bold;
 margin-right: 10px;
}
.staText {
 float: none;
 width: auto;
}
.staPhoto {
 float: none;
 text-align:center;
 width: 320px;
}
.staName {
 font-size: 20px;
 line-height: 20px;
 margin-bottom: 35px;
}
.footer_inner02 ul li {
 display: block;
 text-align:center;
 margin-right: 0px;
 margin-bottom:5px;
 margin-top:5px;
 font-size: 14px;
}
.footer_inner02 {
 width: auto;
 margin: 0 auto;
}
.staText02 {
	width: auto;
	float: none;
	line-height: 25px;
	margin-bottom: 30px;
}
.staPhoto02 {
	float: none;
	width: 100%;
}
 #mainVisual {
 display:none;
}
 #sp_mainVisual {
 display:block;
}
 #recBnr {
 display:none;
}
 .footer_section02 {
 display:none;
}
.staDetail_box h2 span {
	color: #EA9933;
	font-size: 17px;
	line-height:20px;
}
.page_cont_text {
	width: auto;
	float: none;
}
.page_photo {
	float: none;
}
.page_h4cont_textRight h3 {
	font-weight: normal;
	width: auto;
	float: none;
}
.page_h4photoLeft {
	float: none;
	margin-left: 0px;
	text-align:center;
}
.page_h4cont_textLeft h3 {
	font-weight: normal;
	width: auto;
	float: none;
}
.page_h4photoRight {
	float: none;
	margin-right: 0px;
	text-align:center;
}
.page_h4cont_textLeft02 h3 {
	font-weight: normal;
	width: auto;
	float: none;
}	
.page_h4photoRight02 {
	float: none;
	text-align:center;
	margin-top:5%;
}
.page_h4cont_textRight02 h3 {
	font-weight: normal;
	width: auto;
	float: none;
}	
.page_h4photoLeft02 {
	float: none;
	text-align:center;
	margin-top:5%;
}
.page_h4cont_textLeft02  {
	margin-bottom: 15%;
}
.page_h4cont_textRight02 {
	margin-bottom: 15%;
}
.arrow_bnr {
	position: relative;
	display: inline-block;
	/*「正社員募集」マージンレフト位置*/
	padding: 10px 0 0 0px;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	font-size: 13px;
}

.sample4-3::before {
	width: 24px;
	height: 24px;
	/*ピンク丸マージンレフト位置*/
	margin-left:200px;
	margin-top:15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
}
.sample4-3::after {
	left: 8px;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	/*ピンク丸内の三角マージンレフト位置*/
	margin-left:200px;
	margin-top:19px;
	border: 8px solid transparent;
	border-left: 8px solid #F06185;
}
#mainVisual_service {
	width:100%;
	height:auto;
	
}
#mainContenair_service {
	height: auto;
	width: auto;
	padding:2em;
	
}
#maincontents_service {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.section01_text {
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
}

.section_leftbox {
	width: auto;
	float: none;
}
.sectionimg {
	text-align: center;
}
.sectionimg_text {
	border: 1px solid #00AA96;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}
.section_rightbox {
	margin-top:4%;
	width: auto;
	float: none;
}
#section02 h2,#section03 h2,#section04 h2,#section05 h2,#section06 h2,#section07 h2 {
	font-size: 20px;
	color: #FFF;
	background-color: #00AA96;
	line-height: 35px;
	text-align: center;
	width: auto;
	font-weight: normal;
	margin-right: auto;
	margin-left: auto;
	padding:5px;	
	margin-bottom: 5%;
}
.reader_photo {
	float: none;
	margin-right: 0px;
	text-align:center;
}
.tableBlock04 {
	margin-top:2em;
	font-size: 16px;
	width: auto;
	float: none;
}
#section01 h2 {
	font-size: 22px;
	font-weight: normal;
	color: #EA9933;
	line-height: 25px;
	margin-bottom: 5%;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
#section_box01 {
	background-color:#F2F2F2;
	/* box-shadow */
	box-shadow:0px 0px 4px 0px #CCCCCC;
	-moz-box-shadow:0px 0px 4px 0px #CCCCCC;
	-webkit-box-shadow:0px 0px 4px 0px #CCCCCC;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:1em;
}
.font35 {
	font-size: 22px;
	font-weight: normal;
	color: #EA9933;
	line-height: 25px;
	width: auto;
	margin-bottom: 5%;
	text-align: center;
}
.cs tbody tr td span {
	font-size: 24px;
	color: #00AA96;
}
#section07 table tr th {
	line-height: 25px;
	font-size: 16px;
	color: #FFF;
	background-color: #00AA96;
	padding: 5px;
}
.indent_1 {
padding-left:1em;
text-indent:-1em;
line-height:25px;
}
#section05 h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	margin-bottom: 5%;
}
.goodpoint {
	font-size: 20px;
	color: #00AA96;
	margin-bottom: 2%;
	line-height: 20px;
}
.header_prev {
	font-size: 14px;
	text-align:center;
	float: none;
	width:115px;
	height:auto;
	margin:20px auto 20px auto;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
	border: 3px solid #0084DB;
}
.staPhoto img {
	height: auto;
	width: 100%;
}
.staPhoto02 img {
	height: auto;
	width: 100%;
}
.sideBnr04 {
	width: auto;
	height: auto;
	background:#E2AD57;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.side_qa {
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#478C00;
	margin-bottom:10px;
	}
.qaBox {
	display:block;
	background-color:#FFF;
	padding:1em;
	}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.headerLeft {
	width: auto;
	float: none;
	height: auto;
}
.headerRight {
	width: auto;
	float: none;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:20px;
}
.headerRight ul {
	padding-left: 0;
	margin-bottom: 2%;
}
.telNumber {
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	/*border: 1px solid #5CAD00;     /* 枠線の装飾 */
	background-color: #cee6b2; 
	font-size: 22px;
	float: none;
	line-height: 25px;
	text-align:center;
	padding:5px 5px 0px 5px;
	margin-top:15px;
}
.telNumber span {
	font-size: 12px;
	color: #000;
}
.telNumber a {
	color: #000;
	
}
.about_photo {
	float: none;
	width: auto;
	height: auto;
}
.left{
	margin-left:0px;
	margin-bottom:10px;
}
.page_title {
	height: auto;
	padding-bottom:18px;
	line-height: 25px;
}
.h3_page_title {
	height: auto;
	padding-bottom: 14px;
}
.post_ph_sp  {
	float: none;
	margin-right: 10px;
}
.interview_text {
	width: auto;
	float: none;
}
.interview_photo {
	width: auto;
	float: none;
	text-align: center;
}
.door {
	color: #FFF;
	font-size: 18px;
	float: none;
	margin-bottom: 15px;
	margin-right: 0px;
	line-height: 25px;
	background-color: #488C00;
	width: auto;
	height:auto;
	text-align: center;
	padding: 15px 0px 15px 0px;
	/* border-radius */
	border-radius:6px;
}
.door:last-child {
	margin-right: 0px;
}





}