@charset "shift_jis";
#header
{

}

#box01 {
	background-color:#EEEEEE;
}

#box01 .inbox {
	width:1000px;
	padding:20px 0px;
	margin:0px auto;
	text-align:left;
}

#box01 .inbox .leftbox {
	width:23.4%;
	float:left;
}

#box01 .inbox .leftbox ul {
	margin:0px 0 10px 0;
	padding:0px;
	list-style:none;
	border-radius:4px;
	border: #55A158 3px solid;
	box-sizing: border-box;
	background: #55A158;
}

#box01 .inbox .leftbox li {
margin:0px;
padding:10px 28px 10px 36px;
background: #FFF;
color: #55A158;
font-weight: bold;
border-bottom: #55A158 1px solid;
font-size: 110%;
position: relative;
}

#box01 .inbox .leftbox li a {
color: #55A158;
text-decoration: none;
}

#box01 .inbox .leftbox li:first-child {
background:none;
color: #FFFFFF;
font-size: 100%;
padding: 8px 8px 8px 34px;
}

#box01 .inbox .leftbox li:first-child a {
color: #FFFFFF;
text-decoration: none;
}

#box01 .inbox .leftbox li:first-child::before {
content: '';/*何も入れない*/
position: absolute;
width: 26px;/*画像の幅*/
height: 26px;/*画像の高さ*/
background-image: url(../images/left_navi_icon01.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 8px;
margin-top: -13px;
}

#box01 .inbox .leftbox li:nth-child(2)::before {
content: '';/*何も入れない*/
position: absolute;
width: 20px;/*画像の幅*/
height: 20px;/*画像の高さ*/
background-image: url(../images/left_navi_icon02.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 10px;
margin-top: -10px;
}

#box01 .inbox .leftbox li:nth-child(3)::before {
content: '';/*何も入れない*/
position: absolute;
width: 20px;/*画像の幅*/
height: 20px;/*画像の高さ*/
background-image: url(../images/left_navi_icon03.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 10px;
margin-top: -10px;
}

#box01 .inbox .leftbox li:nth-child(4)::before {
content: '';/*何も入れない*/
position: absolute;
width: 20px;/*画像の幅*/
height: 20px;/*画像の高さ*/
background-image: url(../images/left_navi_icon04.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 10px;
margin-top: -10px;
}

#box01 .inbox .leftbox li:nth-child(2)::after,
#box01 .inbox .leftbox li:nth-child(3)::after,
#box01 .inbox .leftbox li:nth-child(4)::after {
content: '';/*何も入れない*/
position: absolute;
width: 15px;/*画像の幅*/
height: 15px;/*画像の高さ*/
background-image: url(../images/left_navi_arrow01.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -8px;
}


#box01 .inbox .leftbox .teiki_banner {
	margin-bottom:15px;
	box-shadow: 0px 3px 0px #F47A00;
	background: #FF9933;
	box-sizing: border-box;
	border-radius: 4px;
	position: relative;
	font-size: 120%;
	line-height: 116%;
}

#box01 .inbox .leftbox .teiki_banner::before {
content: '';/*何も入れない*/
position: absolute;
width: 32px;/*画像の幅*/
height: 32px;/*画像の高さ*/
background-image: url(../images/teiki_b_icon.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 36px;
margin-top: -16px;
}

#box01 .inbox .leftbox .teiki_banner a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 80px;
	padding-top: 1em;
	padding-bottom: 1em;
	box-sizing: border-box;
}




#box01 .inbox .leftbox .recruit_banner {
	margin-bottom:15px;
	border: #5D9860 3px solid;
	background: #FFF;
	box-sizing: border-box;
	border-radius: 2px;
	position: relative;
	font-size: 160%;
	line-height: 116%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
}

#box01 .inbox .leftbox .recruit_banner span {
	display: block;
	font-size: 60%;
}

#box01 .inbox .leftbox .recruit_banner::after {
content: '';/*何も入れない*/
position: absolute;
width: 76px;/*画像の幅*/
height: 76px;/*画像の高さ*/
background-image: url(../images/recruit_b_icon.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -38px;
}

#box01 .inbox .leftbox .recruit_banner a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding-right: 80px;
	padding-top: 1.4em;
	padding-bottom: 1.4em;
	box-sizing: border-box;
	text-align: center;
}


#box01 .inbox .rightbox {
	width:76%;
	float:right;
}
#box01 .inbox .rightbox .mainimage {
	width:740px;
	border:#DDDDDD 1px solid;
	padding:9px;
	background:#FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:0px auto;
	padding-bottom:26px;
}

.bg_img
{
	width: 100%;
   /* max-width: 960px;*/
	margin: 0 auto;
}

.bx-window
{
	/*overflow: visible !important;
	margin: 0px auto !important;
	height: 360px !important;*/
	margin-bottom: 10px;
}

.slider-nav {
	width:90%;
	margin:0px auto;
	padding:0px;
}

.slider-nav ul {
}

/*------------------------------------------------------------------------*/

#box02 {
	width:1000px;
	margin:0px auto;
	text-align:left;
	position:relative;
	padding:40px 0px 0px;
	margin-top:40px;
}


#box02 ul  {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box02 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box02 ul.style01 {
	width:60%;
	position:absolute;
	top:-2px;
	right:-5px;
}

#box02 ul.style01 li   {display:inline-block; width:48%; height:40px; margin:0 0%;}

#box02 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold; cursor:pointer;

}

#box02 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box02 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}


#box02 .panel {display:none; /*background:url(../images/box02_bg.png);*/ border: #55A158 1px solid; border-radius:5px; background: #EEEEEE; padding: 5px; box-sizing: border-box;}
#box02 .show {display:block;}

#box02 .panel ul  {
	padding:30px 0px 20px 0px;
    display:flex;
    flex-wrap: nowrap;
	background: #FFF;
}

#box02 .panel li {
	width:100%;
	padding:0px;
	border-right:#55A158 1px solid;
	font-size: 90%;
	line-height: 120%;
	text-align: center;
}

#box02 .panel li a {
	color: #54A058;
	text-decoration: none;
}

#box02 .panel li:last-child {
	border-right:none;
}

#box02 .panel li.twitter,
#box02 .panel li.twitter a{
	color: #1DA1F2;
}

#box02 .panel li img {
	display: block;
	margin: 0 auto 5px;
}


#box02 .panel ul.jigyou li {
	width:100%;
	text-align: center;
}

#box02 .panel ul.jigyou li a {
color: #666666;
}

#box02 .acordion{
	display:none;
}
	


/*------------------------------------------------------------------------*/

#box03 {
	width:1000px;
	margin:0px auto;
	text-align:left;
	position:relative;
	margin-top:20px;
}

#box03 h3 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 140%;
	color: #666666;
	box-sizing: border-box;
}

#box03 h3::before {
content: '';/*何も入れない*/
display: inline-block;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/h3_icon01.png);
background-size: contain;
vertical-align: middle;
margin-right: 10px;
}

#box03 .waku {
	border-color:#55A158;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 25px 20px;
}

#box03 .waku p {
	background:#55A158;
	padding:5px 15px;
	font-weight:bold;
	color:#FFFFFF;
}



#box03 .waku p.jigyou {
	background: #666;
	padding:5px 15px;
	font-weight:bold;
	color:#FFFFFF;
}

#box03 ul  {
	margin:0px;
	padding:0px;
}

#box03 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box03 ul.style01 {
	width:60%;
	position:absolute;
	top:-1px;
	right:-2px;
}

#box03 ul.style01 li   {display:inline-block; width:48%; height:40px; margin:0 0%;}

#box03 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold; cursor:pointer;

}

#box03 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box03 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}


#box03 .panel {display:none;}
#box03 .show {display:block;}


#box03 dl {
	margin:0px;
	padding:0px;
	height:200px;
	overflow: auto;
}

#box03 dt {
	margin:0px;
	padding:0px;
	width:16%;
	float:left;
	position:relative;
}

#box03 dt span {
	position:absolute;
	top:-3px;
	right:0px;
}

#box03 dt span.bus {
	background: #FF9933;
	color: #FFF;
	line-height: 100%;
	padding: 0.6em 0em 0.4em;
	width: 60px;
	font-size: 90%;
	text-align: center;
	border-radius: 2px;
}

#box03 dt span.koutsu {
	background:#669900;
	color: #FFF;
	line-height: 100%;
	padding: 0.6em 0em 0.4em;
	width: 60px;
	font-size: 90%;
	text-align: center;
	border-radius: 2px;
}

#box03 dt span.subway {
	background:#006699;
	color: #FFF;
	line-height: 100%;
	padding: 0.6em 0em 0.4em;
	width: 60px;
	font-size: 90%;
	text-align: center;
	border-radius: 2px;
}

#box03 dd {
	margin:0px;
	padding-left:18%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:8px;
	margin-bottom:12px;
}

/*----------------------------------------------------------------*/

#box04{
	width:1000px;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box04 h3 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 140%;
	color: #666666;
	box-sizing: border-box;
}

#box04 h3::before {
content: '';/*何も入れない*/
display: inline-block;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/h3_icon02.png);
background-size: contain;
vertical-align: middle;
margin-right: 10px;
}

#box04 .waku {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 60px 0px;
}
#box04 .waku div{
	width:31%;
	padding-right:2%;
	float:left;
}

#box04 .waku div:last-shild {
	padding-right:0%;
}

#box04 .waku div p {
	width:96%;
	font-size:90%;
	z-index:9999;
}

#box05{
	width:1000px;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box05 h3 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 140%;
	color: #666666;
	box-sizing: border-box;
}

#box05 h3::before {
content: '';/*何も入れない*/
display: inline-block;
width: 22px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../images/h3_icon03.png);
background-size: contain;
vertical-align: middle;
margin-right: 10px;
}


#box05 .pc_img {
	display: block;
}

#box05 .sp_img {
	display:none;
}

#box05 dl {
	margin:0px;
	padding:0px;
}

#box05 dt {
	margin:0px;
	padding:0px;
}

#box05 dd {
	margin:0px;
	padding:0px;
	font-size:84%;
}
/*
#box05 .left {
	float:left;
	width:49%;
}

#box05 .left dd {
	background:#67BEDA;
	color:#FFFFFF;
	padding:15px;

}

#box05 .right {
	float:right;
	width:49%;
}

#box05 .right dd {
	background:#669900;
	color:#FFFFFF;
	padding:15px;
}
*/

#box05 .left {
	float:left;
	width:32%;
	margin-right: 2%;
}


#box05 .left dd {
	background:#67BEDA;
	color:#FFFFFF;
	padding:2%;
}

#box05 .left02 {
	float:left;
	width:32%;
	margin-right: 2%;
}


#box05 .left02 dd {
	background:#669900;
	color:#FFFFFF;
	padding:2%;

}

#box05 .right {
	float:right;
	width:32%;
}

#box05 .right dd {
	background:#DFAD01;
	color:#FFFFFF;
	padding:2%;
}



#box05 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box05 ul.three li {
	margin:0px;
	padding:0px;
	float:left;
	margin-right:20px;
	margin-top:20px;
}

#box05 ul.three li:nth-child(3),
#box05 ul.three li:nth-child(6) {
	margin-right:0px;
}

#box05 ul.four_banner {
	margin: 0 0 20px 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#box05 ul.four_banner li {
	margin:0px 20px 0 0;
	padding:0px;
	width: 235px;
	float:left;
	margin-right:20px;
	border: #DDDDDD 1px solid;
	box-sizing: border-box;
	border-radius: 4px;
}

#box05 ul.four_banner li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

#box05 ul.four_banner li span {
	display: block;
}

#box05 ul.four_banner li.cotact_bn {
	background: url("../images/cotact_bn_bg.png") no-repeat;
	background-size: 90% auto;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	font-size: 160%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
}

#box05 ul.four_banner li.cotact_bn span {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 60%;

}

#box05 ul.four_banner li.cotact_bn a {
	color: #FF3333;
	padding: 1.3em 0.5em;
}

#box05 ul.four_banner li.cotact_bn a span {
	color: #333;
	border-bottom: 1px solid #DDD;

	margin:0 auto 5px;
	padding-bottom: 2px;
}

#box05 ul.four_banner li:last-child {
	margin-right:0px;
}

#box05 ul.four_banner li.barrierfree_bn {
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 900;
	font-size: 160%;
	position: relative;
}

#box05 ul.four_banner li.barrierfree_bn a{
	padding: 1em 0.5em;
	color: #248537;
}

#box05 ul.four_banner li.barrierfree_bn::after{
content: '';/*何も入れない*/
display: block;
width: 120px;/*画像の幅*/
height: 36px;/*画像の高さ*/
background-image: url(../images/barrierfree_bn_icon.png);
background-size: contain;
vertical-align: middle;
position: absolute;
bottom: 10px;
left:25%;
box-sizing: border-box;
}



#box05 ul.four_banner li.mail_bn {
	background: url("../images/mail_bn_bg.png") no-repeat;
	background-size: 80% auto;
	background-position: left center;
	font-size: 140%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
}

#box05 ul.four_banner li.mail_bn span {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 70%;
}

#box05 ul.four_banner li.mail_bn a {
	padding: 1.4em 0.5em 1em 3.4em;
	color: #008C8C;
}


#box05 ul.four_banner li.mail_bn a span {
	color: #333333;
}


#box05 ul.four_banner li.hozankan_bn {
	font-size: 160%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	text-align: center;
}

#box05 ul.four_banner li.hozankan_bn span {
	font-size: 60%;
	background: #666699;
	margin-bottom: 10px;
	border-radius: 100px;
}

#box05 ul.four_banner li.hozankan_bn a {
	color: #666699;
	padding: 1.2em 1em;
}


#box05 ul.four_banner li.hozankan_bn a span {
	color: #FFF;
}




#box05 ul.four li {
	margin:0px;
	padding:0px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#box05 ul.four li:last-child {
	margin-right:0px;
}

#box06 {
	background:#F8F8F8;
}

#box06 .inbox {
	width:1000px;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box06 .inbox ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding:0px 40px;
}

#box06 .inbox li{
	margin:0px;
	padding:0px;
	float:left;
	margin:10px 15px;
}

#box06 .inbox2 {
	display:none;
}


/* タブレットレイアウト : 748 px 〜 959 px*/
@media screen and (max-width:959px)
{


#box01 .inbox {
	width:100%;
	padding:20px 0px;
	margin:0px auto;
	text-align:left;
}

#box01 .inbox .leftbox {
	display:none;
}



#box01 .inbox .rightbox {
	width:98%;
	float:none;
	margin:0px auto;
}
#box01 .inbox .rightbox .mainimage {
	width:98%;
	border:#DDDDDD 1px solid;
	padding:1%;
	background:#FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:0px auto;
	padding-bottom:3%;
}

#box01 .inbox .rightbox .mainimage img {
	width:100%;
}

/*------------------------------------------------------------------------*/

#box02 {
	width:98%;
	margin:0px auto;
	text-align:left;
	position:relative;
	padding:40px 0px 0px;
	margin-top:40px;
}


#box02 ul  {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box02 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box02 ul.style01 {
	width:50%;
	position:absolute;
	top:-2px;
	right:-2px;
}

#box02 ul.style01 li   {display:inline-block; width:48%; height:40px; margin:0 0%;}

#box02 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold;

}

#box02 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box02 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}


#box02 .panel {display:none; background:url(../images/box02_bg.png) no-repeat; background-size:99.8% auto;}
#box02 .show {display:block;}

#box02 .panel ul  {
	padding:2% 0px 2% 0px;}

#box02 .panel li {
	float:left;
	width:10%;
	padding:0px 2%;
	border-right:#55A158 1px solid;
}

#box02 .panel li:last-child {
	border-right:none;
}

#box02 .panel ul.jigyou {
	padding:2% 0% 3%;
}

#box02 .panel ul.jigyou li {
	float:left;
	width:10%;
	padding:0px 3%;
	border-right:#55A158 1px solid;
}

#box02 .panel ul.jigyou li:last-child {
	border-right:none;
}

#box02 .panel li img {
	max-width:100%;
	height:auto;
}





/*------------------------------------------------------------------------*/

#box03 {
	width:98%;
	margin:0px auto;
	text-align:left;
	position:relative;
	margin-top:20px;
}

#box03 .waku {
	border-color:#55A158;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 25px 20px;
}

#box03 ul  {
	margin:0px;
	padding:0px;
}

#box03 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box03 ul.style01 {
	width:50%;
	position:absolute;
	top:-1px;
	right:-2px;
}



#box03 ul.style01 li   {display:inline-block; width:48%; height:40px; margin:0 0%;}

#box03 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold;

}

#box03 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box03 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}

#box03 .panel {display:none;}
#box03 .show {display:block;}


#box03 dl {
	margin:0px;
	padding:0px;
}

#box03 dt {
	margin:0px;
	padding:0px;
	width:25%;
	float:left;
	position:relative;
}

#box03 dt span {
	position:absolute;
	top:-3px;
	right:0px;
}

#box03 dd {
	margin:0px;
	padding-left:27%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:8px;
	margin-bottom:12px;
}

/*----------------------------------------------------------------*/

#box04{
	width:98%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box04 .waku {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 60px 0px;
}

#box04 .waku div{
	width:31%;
	padding-right:2%;
	float:left;
}

#box04 .waku div:last-shild {
	padding-right:0%;
}


#box04 .waku p {
	width:96%;
	font-size:90%;
}
/*----------------------------------------------------------------*/

#box05{
	width:98%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box05 .pc_img {
	display: block;
}

#box05 .sp_img {
	display:none;
}

#box05 dl {
	margin:0px;
	padding:0px;
}

#box05 dt {
	margin:0px;
	padding:0px;
}

#box05 dd {
	margin:0px;
	padding:0px;
	font-size:84%;
}


#box05 .left {
	float:left;
	width:32%;
	margin-right: 2%;
}


#box05 .left dd {
	background:#67BEDA;
	color:#FFFFFF;
	padding:2%;
}

#box05 .left02 {
	float:left;
	width:32%;
	margin-right: 2%;
}


#box05 .left02 dd {
	background:#669900;
	color:#FFFFFF;
	padding:2%;

}

#box05 .right {
	float:right;
	width:32%;
}

#box05 .right dd {
	background:#DFAD01;
	color:#FFFFFF;
	padding:2%;
}




#box05 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box05 ul.three li {
	width:32%;
	margin:0px;
	padding:0px;
	float:left;
	margin-right:2%;
	margin-top:20px;
}

#box05 ul.three li:nth-child(3),
#box05 ul.three li:nth-child(6) {
	margin-right:0px;
}



#box05 ul.four li {
	margin:0px;
	padding:0px;
	float:left;
	width:23.5%;
	margin-right:2%;
	margin-top:20px;
}

#box05 ul.four li:last-child {
	margin-right:0px;
}
	
	
	
	

#box05 ul.four_banner {
	margin: 0 0 20px 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#box05 ul.four_banner li {
	margin:0px 20px 0 0;
	padding:0px;
	width: 23.5%;
	float:left;
	margin-right:2%;
	border: #DDDDDD 1px solid;
	box-sizing: border-box;
	border-radius: 4px;
}

#box05 ul.four_banner li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

#box05 ul.four_banner li span {
	display: block;
}

#box05 ul.four_banner li.cotact_bn {
	background: url("../images/cotact_bn_bg.png") no-repeat;
	background-size: 90% auto;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
}

#box05 ul.four_banner li.cotact_bn span {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 40%;

}

#box05 ul.four_banner li.cotact_bn a {
	color: #FF3333;
	padding: 1.3em 0.5em;
}

#box05 ul.four_banner li.cotact_bn a span {
	color: #333;
	border-bottom: 1px solid #DDD;
	margin:0 auto 5px;
	padding-bottom: 2px;
}

#box05 ul.four_banner li:last-child {
	margin-right:0px;
}

#box05 ul.four_banner li.barrierfree_bn {
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 900;
	font-size: 120%;
	position: relative;
}

#box05 ul.four_banner li.barrierfree_bn a{
	padding: 1em 0.5em;
	color: #248537;
}

#box05 ul.four_banner li.barrierfree_bn::after{
content: '';/*何も入れない*/
display: block;
width: 120px;/*画像の幅*/
height: 36px;/*画像の高さ*/
background-image: url(../images/barrierfree_bn_icon.png);
background-size: contain;
vertical-align: middle;
position: absolute;
bottom: 10px;
left:18%;
box-sizing: border-box;
}



#box05 ul.four_banner li.mail_bn {
	background: url("../images/mail_bn_bg.png") no-repeat;
	background-size: 80% auto;
	background-position: left center;
	font-size: 100%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
}

#box05 ul.four_banner li.mail_bn span {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 60%;
	letter-spacing: -1px;
}

#box05 ul.four_banner li.mail_bn a {
	padding: 1.4em 0.5em 1em 3.4em;
	color: #008C8C;
}


#box05 ul.four_banner li.mail_bn a span {
	color: #333333;
}


#box05 ul.four_banner li.hozankan_bn {
	font-size: 120%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	text-align: center;
}

#box05 ul.four_banner li.hozankan_bn span {
	font-size: 60%;
	background: #666699;
	margin-bottom: 10px;
	border-radius: 100px;
}

#box05 ul.four_banner li.hozankan_bn a {
	color: #666699;
	padding: 1.2em 1em;
}


#box05 ul.four_banner li.hozankan_bn a span {
	color: #FFF;
}	
	
	
/*----------------------------------------------------------------*/
#box06 {
	background:#F8F8F8;
}



#box06 .inbox {
	width:98%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box06 .inbox ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding:0px 40px;
}

#box06 .inbox li{
	width:22%;
	margin:0px;
	padding:0px;
	float:left;
	margin:10px 1.5%;
}

#box06 .inbox2 {
	display: none;
}

}

/* スマホ設定  670 以下*/
@media screen and (max-width:748px)
{

#box01 .inbox .leftbox {
	display: block;
	width:94%;
	margin:15px auto 0px;
	float:none;
}

#box01 .inbox .leftbox img {
	width:100%;
	height:auto;
}

	

#box01 .inbox .leftbox li {
margin:0px;
padding:20px 28px 20px 36px;
background: #FFF;
color: #55A158;
font-weight: bold;
border-bottom: #55A158 1px solid;
font-size: 110%;
position: relative;
}


#box01 .inbox .leftbox li:first-child {
background:none;
color: #FFFFFF;
font-size: 100%;
padding: 12px 8px 12px 34px;
}

	
	

#box01 .inbox .leftbox .teiki_banner {
	font-size: 140%;
}

#box01 .inbox .leftbox .teiki_banner::before {
content: '';/*何も入れない*/
position: absolute;
width: 32px;/*画像の幅*/
height: 32px;/*画像の高さ*/
background-image: url(../images/teiki_b_icon.png);
background-size: contain;
vertical-align: middle;
top: 50%;
left: 90px;
margin-top: -16px;
}

#box01 .inbox .leftbox .teiki_banner a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 150px;
	padding-top: 1em;
	padding-bottom: 1em;
	box-sizing: border-box;
}	
	
	

#box01 .inbox .leftbox .recruit_banner {
	font-size: 180%;
	line-height: 116%;
}

#box01 .inbox .leftbox .recruit_banner span {
	display: block;
	font-size: 60%;
}
	
#box01 .inbox .leftbox .recruit_banner a {

	padding-top: 1em;
	padding-bottom: 1em;
}	

	
/*------------------------------------------------------------------------*/

#box02 {
	width:94%;
	margin:0px auto;
	text-align:left;
	position:relative;
	padding:40px 0px 0px;
	margin-top:0px;
}


#box02 article { display:none;}

#box02 dl {
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}

#box02 dt {
	margin:0px;
	padding:0px;
}
#box02 dd {
	margin:0px;
	padding:0px;
}
 
#box02 .acordion{
	display: block;
}
	


/*アコーディオン
-------------------------------------*/
.acordion{
 background:#fff;
 border:#55A158 1px solid;
}
 
#box02 dt.trigger{
    padding:10px 10px 10px 15px;
    background:#FFFFFF;
    font-size:100%;
	color:#55A158;
	cursor:pointer;
}
 
#box02 dt.trigger.active{
    padding:10px 10px 10px 15px;
    background:#55A158;
    font-size:100%;
	color:#FFFFFF;
}
 
#box02 dd.acordion_tree{
    padding:0px;
    font-size:100%;
}

#box02 dd.acordion_tree ul {
	padding:2% 2% 0% 2%;
}

#box02 dd.acordion_tree li {
	width:49.5%;
	float:left;
	margin-right:1%;
	margin-bottom:2%;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 2px 2px 4px 2px;
border-radius:4px;
box-sizing: border-box;
position: relative;
font-size: 120%;
}

#box02 dd.acordion_tree li a {
display: block;
width: 100%;
box-sizing: border-box;
color: #666;
text-decoration: none;
height: 80px;
padding: 1.8em 0.5em 1em;
}

#box02 dd.acordion_tree li:nth-child(even) {
	margin-right:0%;
}

	
#box02 dd.acordion_tree li:nth-child(1)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/ippan_icon01.png);
background-size: contain;
vertical-align: middle;
filter: grayscale(100%);
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree li:nth-child(2)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/ippan_icon02.png);
background-size: contain;
vertical-align: middle;
filter: grayscale(100%);
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree li:nth-child(3)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/ippan_icon03.png);
background-size: contain;
vertical-align: middle;
filter: grayscale(100%);
top: 50%;
right: 10px;
margin-top: -25px;
}
#box02 dd.acordion_tree li:nth-child(3) a {
padding: 1em 0.5em;
}
	
#box02 dd.acordion_tree li:nth-child(4)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/ippan_icon04.png);
background-size: contain;
vertical-align: middle;
filter: grayscale(100%);
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree li:nth-child(5)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/ippan_icon05.png);
background-size: contain;
vertical-align: middle;
filter: grayscale(100%);
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree li:nth-child(6)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/ippan_icon06.png);
background-size: contain;
vertical-align: middle;
filter: grayscale(100%);
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree li:nth-child(7)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/ippan_icon07.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -25px;
}

	
#box02 dd.acordion_tree .jigyou li:nth-child(1)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/jigyou_icon01.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree .jigyou li:nth-child(2)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/jigyou_icon02.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree .jigyou li:nth-child(3)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/jigyou_icon03.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree .jigyou li:nth-child(3) a {
padding: 1.5em 0.5em;
}
	
#box02 dd.acordion_tree .jigyou li:nth-child(4)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/jigyou_icon04.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree .jigyou li:nth-child(5)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/jigyou_icon05.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -25px;
}
	
#box02 dd.acordion_tree .jigyou li:nth-child(6)::after {
content: '';/*何も入れない*/
position: absolute;
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../images/jigyou_icon06.png);
background-size: contain;
vertical-align: middle;
top: 50%;
right: 10px;
margin-top: -25px;
}
	
/*------------------------------------------------------------------------*/

#box03 {
	width:94%;
	margin:0px auto;
	text-align:left;
	position:relative;
	margin-top:20px;
}

#box03 .waku {
	border-color:#55A158;
	border-style:solid;
	border-width:1px;
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	padding:20px 10px 20px;
}

#box03 ul  {
	margin:0px;
	padding:0px;
}

#box03 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box03 ul.style01 {
	width:100%;
	position:absolute;
	top:-1px;
	right:0px;
}

#box03 ul.style01 li   {display:inline-block; width:49%; height:40px; margin:0 0%;}

#box03 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold;

}

#box03 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box03 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}


#box03 .panel {display:none;}
#box03 .show {display:block;}


#box03 dl {
	margin:0px;
	padding:0px;
}

#box03 dt {
	margin:0px;
	padding:0px;
	width:100%;
	float:none;
	position:relative;
}

#box03 dt span {
	position:absolute;
	top:-3px;
	right:1%;
}

#box03 dd {
	margin:0px;
	padding-left:0%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:8px;
	margin-bottom:12px;
}

/*----------------------------------------------------------------*/

#box04{
	width:94%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box04 .waku {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 20px 0px;
}

#box04 .waku div{
	width:48%;
	padding-right:2%;
	float:left;
	min-height:250px;
}

#box04 .waku div:last-shild {
	padding-right:0%;
}

#box04 .waku p {
	width:96%;
	font-size:90%;
}

/*----------------------------------------------------------------*/

#box05{
	width:94%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box05 .pc_img {
	display:none;
}

#box05 .sp_img {
	display: block;
}

#box05 dl {
	margin:0px;
	padding:0px;
}

#box05 dt {
	margin:0px;
	padding:0px;
}

#box05 dd {
	margin:0px;
	padding:0px;
	font-size:110%;
}
/*
#box05 .left {
	float:none;
	width:100%;
	margin:0px auto;
}

#box05 .left dd {
	background: none;
	color:#666666;
	padding:10px 0px;

}

#box05 .left img {
	width:100%;
	height:auto;
}

#box05 .right {
	float:none;
	width:100%;
	margin:15px auto
}

#box05 .right dd {
	background:none;
	color:#666666;
	padding:10px 0px;
}

#box05 .right img {
	width:100%;
	height:auto;
}
*/
/*
#box05 .left {
	float:left;
	width:32%;
	margin-right: 2%;
}


#box05 .left dd {
	background:#67BEDA;
	color:#FFFFFF;
	padding:2%;
}

#box05 .left02 {
	float:left;
	width:32%;
	margin-right: 2%;
}


#box05 .left02 dd {
	background:#669900;
	color:#FFFFFF;
	padding:2%;

}

#box05 .right {
	float:right;
	width:32%;
}

#box05 .right dd {
	background:#DFAD01;
	color:#FFFFFF;
	padding:2%;
}
*/
#box05 .left,
#box05 .left02 {
	float:none;
	width:100%;
	margin:10px auto;
}

#box05 .left dd,
#box05 .left02 dd	{
	background: none;
	color:#666666;
	padding:10px 0px;

}

#box05 .left img,
#box05 .left02 img{
	width:100%;
	height:auto;
}

#box05 .right {
	float:none;
	width:100%;
	margin:10px auto
}

#box05 .right dd {
	background:none;
	color:#666666;
	padding:10px 0px;
}

#box05 .right img {
	width:100%;
	height:auto;
}

#box05 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box05 ul.three li {
	width:100%;
	margin:0px;
	padding:0px;
	float:none;
	margin-right:0%;
	margin-top:10px;
}

#box05 ul.three li:nth-child(3),
#box05 ul.three li:nth-child(6) {
	margin-right:0px;
}


#box05 ul.four_banner li.cotact_bn span {
	font-size: 60%;
}

#box05 ul.four_banner li.mail_bn a {
	padding: 1.4em 0.5em 1em 5em;
	color: #008C8C;
}
	
	#box05 ul.four_banner li.mail_bn a span {
		line-height: 160%;
	}

#box05 ul.four li {
	margin:0px;
	padding:0px;
	float:left;
	width:49%;
	margin-right:2%;
	margin-top:10px;
}

#box05 ul.four li:nth-child(2) {
	margin-right:0;
}

#box05 ul.four li:last-child {
	margin-right:0;
}

#box05 ul.four li img {
	width:100%;
	height:auto;
}
	#box05 ul.four_banner {
		margin-bottom: 0;
	}

#box05 ul.four_banner li {
	margin:0px 20px 0 0;
	padding:0px;
	width: 49%;
	float:left;
	margin-right:2%;
	border: #DDDDDD 1px solid;
	box-sizing: border-box;
	border-radius: 4px;
}	

	#box05 ul.four_banner li:nth-child(2n){
		margin-right: 0;
	}	

	#box05 ul.four_banner li:nth-child(1),
		#box05 ul.four_banner li:nth-child(2){
		margin-bottom: 10px;
	}	
	
/*----------------------------------------------------------------*/

#box06 .inbox {
	display:none;
}

#box06 .inbox2 {
	display: block;
	padding-top:20px;
	padding-bottom:30px;
	width:80%;
	margin:0px auto;
}

#box06 .inbox2 div {
	text-align:center;
}

#box06 .inbox2 p {
	margin:15px 0px;
}

#box06 .inbox2 div img {
	width:90%;
	height:auto;
	margin:0px auto;
}

}