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

#header h1{
	border-bottom-color:#83ac4e;
}

/* #header .contentsbox{
	overflow: hidden;
	position: relative;
} */

/* #imgLogo {
    width: 500px;
    height: 80px;
	padding: 15px 0;
    float: left;
    display: table;
    font-size: 2.5em;
    font-weight: bold;
} */
/* #imgLogo img{
	margin-right: 20px;
} */
#imgCompanyLogo {
    width: auto;
}
/* #imgGroupLogo{
	display: block;
	position: absolute;
    bottom: 15px;
} */

#mainimage{
	background-color:#9abd69;
}

#footerbanner{
	background-color:#f3f9eb;
}

#navigation{
	/*background-color:#f5f7e8;*/
}
/*
#meganavi ul li#navi1 a{	background-image:url(../img/navi1.png);}
#meganavi ul li#navi2 a{	background-image:url(../img/navi2.png);}
#meganavi ul li#navi3 a{	background-image:url(../img/navi3.png);}
#meganavi ul li#navi4 a{	background-image:url(../img/navi4.png);}
#meganavi ul li#navi5 a{	background-image:url(../img/navi5.png);}
#meganavi ul li#navi6 a{	background-image:url(../img/navi6.png);}
#meganavi ul li#navi7 a{	background-image:url(../img/navi7.png);}

#meganavi ul li a:hover,#meganavi ul li.now a{ background-color:#83ac4e;}
#meganavi ul li#navi1 a:hover,#meganavi ul li#navi1.now a{	background-image:url(../img/navi1On.png);}
#meganavi ul li#navi2 a:hover,#meganavi ul li#navi2.now a{	background-image:url(../img/navi2On.png);}
#meganavi ul li#navi3 a:hover,#meganavi ul li#navi3.now a{	background-image:url(../img/navi3On.png);}
#meganavi ul li#navi4 a:hover,#meganavi ul li#navi4.now a{	background-image:url(../img/navi4On.png);}
#meganavi ul li#navi5 a:hover,#meganavi ul li#navi5.now a{	background-image:url(../img/navi5On.png);}
#meganavi ul li#navi6 a:hover,#meganavi ul li#navi6.now a{	background-image:url(../img/navi6On.png);}
#meganavi ul li#navi7 a:hover,#meganavi ul li#navi7.now a{	background-image:url(../img/navi7On.png);}

#meganavi .navibox {
	background:#e2eac5;
	border-top:1px solid #bab99e;
	border-bottom:1px solid #bab99e;
	-webkit-box-shadow: #d3d9b7 0px 8px 10px inset;
	-moz-box-shadow: #d3d9b7 0px 8px 10px inset;
	box-shadow: #d3d9b7 0px 8px 10px inset;
}
#meganavi .navibox ul li a{
	border:1px solid;
	border-top-color:#b5b89f;
	border-left-color:#b5b89f;
	border-right-color:#9ca086;
	border-bottom-color:#9ca086;
	background:url(../img/bgNavibutton.png) repeat-x top;
}

#meganavi .navibox ul li a:hover,#meganavi .navibox ul li.now a{
	border-bottom-color:#F8FFC3;
	border-right-color:#F8FFC3;
	border-left-color:#6D800E;
	border-top-color:#6D800E;
	background: none #83AC4E;
	color:#fff;
}

#meganavi #navi3box.navibox ul li{
	display:table;
	padding-right:12px;
	margin-right:0;
}
#meganavi #navi3box.navibox ul li.last{
	padding-right:0;
}

#meganavi #navi3box.navibox ul li a{
	display:table-cell;
	height:60px;
	vertical-align:middle;
	padding:0;
	font-size:1.2em;
	line-height:1.5em;
}*/
#breadlist {
    background: #dff2c6;
}


body#page-service2-1 #navi2box-subB-sub{
	z-index:0;
	top:0;
}
body#page-flow #navi3box{
	z-index:0;
}

#topInformation{
	background-color:#d0e7b2;
}

#gotoTop {    background: #6ebd00;}
#contents{
	color:#615b50;
}

#contents h2.pagetitle{
    border-top-color: #e0e6da;
    border-bottom-color: #e0e6da;
}
#contents h2.pagetitle span{
    background-color: #e6f1e3;
}


#contents h3 {
	 background-color: #dff2c6;
}

#contents h4 {
	font-size:1.8em;
	line-height:1.5em;
	margin-bottom:1em;
	font-weight:bold;
	display:inline-block;
	border:3px double #83ac4e;
	padding:0.5em 1em;
}

#contents p{
	margin-bottom:1em;
}

#contents p.withBorder {
    border: 1px solid #ddd;
    padding: 1em;
}
#contents p.mb30{
	margin-bottom:30px;
}

.swiper-button-next, .swiper-button-prev{
	top:23px;
	width:35px;
	height:35px;
	background:#83ac4e no-repeat 50% 50%;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	padding:5px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.swiper-button-next:hover, .swiper-button-prev:hover{
	background-color:#91e21e;
}
.swiper-button-prev{	left:50%;margin-left:-250px; background-image:url(../../common/icoArrowDoubleLeft.png);}
.swiper-button-next{	right:50%;margin-right:-250px; background-image:url(../../common/icoArrowDoubleRight.png);}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .1;
}

.swiper-slide {
	width: 100%;
    max-width: 600px;
	position:relative;
	text-align:center;
}
.swiper-slide:nth-child(1) { z-index:7;}
.swiper-slide:nth-child(2) { z-index:6;}
.swiper-slide:nth-child(3) { z-index:5;}
.swiper-slide:nth-child(4) { z-index:4;}
.swiper-slide:nth-child(5) { z-index:3;}
.swiper-slide:nth-child(6) { z-index:2;}
.swiper-slide:nth-child(7) { z-index:1;}

#contents .swiper-slide h3{
	display:inline-block;
	margin:0 auto;
}

.swiper-slide img{
	display:block;
	margin:15px auto 0 10%;
	width:96%;
	max-width:700px;
}


#contents .swiper-slide p{
	text-align:center;
	padding:2em 1em 1em;
	font-size:1.6em;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	height:3em;
}
#contents .swiper-slide:nth-child(7) p{
	margin-right:-75px;
}

#accessinfo{
	clear:both;
	text-align:center;
	width:600px;
	margin:0 auto;
	padding:30px;
	border:3px solid #83ac4e;
	background-color:#f5f7e8;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#accessinfo dt{
	width:auto;
	float:none;
	font-weight:bold;
	font-size:1.6em;
	line-height:2em;
	color:#83ac4e;
}
#accessinfo dd{
	font-size:1.4em;
	padding-left:0;
	border-bottom:1px dashed #83ac4e;
	line-height:1.5em;
}
#accessinfo dd.last{
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}
#accessinfo dd span{
	font-size:1.8em;
	font-family: 'Questrial', sans-serif;
}

body#enkaku h2.pagetitle,
body#page-service2-1 h2.pagetitle,
body#page-service2-3 h2.pagetitle{
	position:relative;
	z-index:1;
}

body#enkaku #contents{
	position:relative;
	z-index:1;
	background:rgba(255, 255, 255, 0.5);
}

#enkakuBlock{
	background:url(../img/bgSky.png) repeat-x top;
}
#enkakutree{
	background:url(../img/treebody.png) repeat-y left;
	position: relative;
	z-index: 0;
	margin: -162px auto 50px;
  	width:100%;
	max-width:1000px;
}


#enkakutree dl{
	padding-left:351px;
	color:#fff;
}
#enkakutree dt{
	background:url(../img/branchhead.png) no-repeat left 50%;
	height:30px;
	padding:10px 0 10px 0.5em;
	line-height: 2.2;
}

#enkakutree dd{
	height:30px;
	padding:10px 15px 10px 9em;
	border-bottom:none;
	line-height: 2.2;
	background:url(../img/branchend.png) no-repeat right 50%;
}


#officemap{
	width:800px;
	height:918px;
	margin:0 auto;
	position:relative;
}
#imgOfficemap,#office1,#office2,#office3,#office4{
	position:absolute;
	z-index:1;
}
#imgOfficemap{	top:0; left:0; z-index:0; transition:0.5s;}
#imgOfficemap.on{
	filter: alpha(opacity=30);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=30)";  /* ie 8 */
	-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.3;              /* Safari 1.x */
	opacity:0.3;
}

#office1{	top:113px;left:309px;}
#office2{	top:419px;left:177px;}
#office3{	top:510px;left:223px;}
#office4{	top:570px;left:223px;}

.boxOffice{
	position:absolute;
	z-index:2;
	width:360px;
	padding:20px;
	background:rgba(255,255,255,0.7);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow: #ccc 5px 5px 3px;
	-moz-box-shadow: #ccc 5px 5px 3px;
	box-shadow: #ccc 5px 5px 3px;

	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
	opacity:0;
	transition:0.5s;
}
.boxOffice2{
	width:500px;
}
#officeinfo1{	top: 50px;  right: -60px;}
#officeinfo2{	top: 190px;  left: 40px;}
#officeinfo3{	bottom: 300px;  right: 0;}
#officeinfo4{	bottom: 70px;  left: 80px;}
.boxOffice.on{
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
	opacity:1;
}

#environment{
	padding:1em 4em;
	font-size:1.4em;
	line-height:1.3;
}
#environment li{
	list-style:disc;
	margin-bottom:0.75em;
	padding-bottom:0.75em;
	border-bottom:1px solid #e5e5e5;
}
#environment li ol{
	padding-top:0.75em;
	padding-left:3em;
}
#environment li ol li{
	list-style:decimal;
}
#environment li ol li:last-child{
	margin-bottom:0;
	border:none;
}

#tblEnvironment{
	font-size:1.4em;
	width:100%;
	line-height:1.5;
	border-collapse:collapse;
	margin-bottom:30px;
}

#tblEnvironment th{
	font-weight:bold;
	background:#83AC4E;
	color:#fff;
}
#tblEnvironment th,#tblEnvironment td{
	padding:3px 8px;
	vertical-align:middle;
	border:1px solid #fff;
}
#tblEnvironment td{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}


#contents p.withBoxGreen{
	padding:2em 1em;
	background:#E2EAC5;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	line-height:1.5em;
	font-size:1.8em;
	text-align:center;
}
.vehicles{
	overflow:hidden;
	margin-bottom:30px;
}
.vehicles li{
	width:480px;
	height:250px;
	float:left;
	text-align:center;
	font-size:1.6em;
	padding:20px 10px;
	border-bottom:1px solid #ddd;
	text-align:left;
}
.vehicles li:nth-child(2n+1){
	width:479px;
	clear:both;
	border-right:1px solid #ddd;
}
.vehicles li:nth-last-child(-n+2){
	border-bottom:none;
}
.vehicles li dl{
	font-size:1em;
    margin-bottom: 0;
}

.vehicles li dt{
	text-align:center;
}
.vehicles li dd{
	border-bottom:1px dashed #C5D8AC;
}

#contents .vehicles h4{
	font-size:1em;
	margin-bottom:1em;
	text-align:left;
	border:none;
	border-bottom:2px solid #83ac4e;
	padding:0 0 0.5em 0.5em;
	color:#83ac4e;
	display:block;
}

.vehicles li img{
	float:left;
	width:250px;
}
.vehicles li div.float_right{
	width:220px;
}
#contents .vehicles li div.float_right p{
	font-size:0.8em;
}
.vehicles li div.float_right dt{
	padding-left:0.5em;
	width:5em;
}
.vehicles li div.float_right dd{
	padding-left:7em;
	text-align: right;
    padding-right: 1em;
}
.vehicles li div.float_right dd img{
	float:none;
	width:auto;
}

.permissionlist {
    max-height: 590px;
    overflow-y: auto;
	overflow-x: hidden;
	max-width:550px;
	width:100%;
}

.permissionlist a[href$=".pdf"]{
	padding-left:0;
	background:none;
}

.permissionlist table{
	width:100%;
	font-size:1.4em;
	border-collapse:collapse;
	border-left:1px solid #ddd;
	margin-bottom:50px;
}

.permissionlist th{
	font-weight:bold;
	background:#83AC4E;
	color:#fff;
}
.permissionlist th,.permissionlist td{
	padding:5px 0;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.permissionlist th,.permissionlist td a img{
	vertical-align: bottom;
}

.permissionlist table.citylist{
	display:none;
}
.permissionlist table.citylist:first-child{
	display:block;
}
#preftab.boxFour{
	float:right;
	width:550px;
	margin-bottom:5px;
}
#preftab.boxFour li {
    width: 23.5%;
    margin-right: 2%;
	text-align:center;
	padding:10px 0;
	background:#d2edf5;
	font-size: 1.4em;
}
#preftab.boxFour li:hover {
	background:#a1ebff;
}
#preftab.boxFour li:last-child{ margin-right:0;}
#preftab.boxFour li.select {
	background:#3ba4c1;
	font-weight:bold;
	color:#fff;
}

.citylabel:hover{
	background:#fffdb4;
	font-weight:bold;
}

#imgPermissionMap1{
	margin-left:30px;
	margin-bottom:30px;
	float:left;
	position:relative;
	max-width:375px;
	height:448px;
	background:url(../img/map/permission-map.jpg) no-repeat 50% 100%;
	background-size:100%;
	padding-top:50px;
}

#imgPermissionMap1 img{
	width:100%;
}
#imgPermissionMap1 img#lblPermissionmap1{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:auto;
}

#imgPermissionMap1:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: no-repeat 50% 100%;
	background-size:100%;

}/*
#imgPermissionMap1[class*="-"]:before{

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}*/
.permissionpng {
	z-index: 5;
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
}

#imgPermissionMap1.ibaraki-yuuki:before{ background-image:url(../img/map/ibaraki-yuuki.jpg);}
#imgPermissionMap1.ibaraki-chikusei:before{ background-image:url(../img/map/ibaraki-chikusei.jpg);}
#imgPermissionMap1.ibaraki-sakuragawa:before{ background-image:url(../img/map/ibaraki-sakuragawa.jpg);}
#imgPermissionMap1.ibaraki-tsukuba:before{ background-image:url(../img/map/ibaraki-tsukuba.jpg);}
#imgPermissionMap1.ibaraki-simoduma:before{ background-image:url(../img/map/ibaraki-simoduma.jpg);}
#imgPermissionMap1.ibaraki-hitachinaka:before{ background-image:url(../img/map/ibaraki-hitachinaka.jpg);}
#imgPermissionMap1.ibaraki-hitachi:before{ background-image:url(../img/map/ibaraki-hitachi.jpg);}
#imgPermissionMap1.ibaraki-kasama:before{ background-image:url(../img/map/ibaraki-kasama.jpg);}
#imgPermissionMap1.ibaraki-koga:before{ background-image:url(../img/map/ibaraki-koga.jpg);}
#imgPermissionMap1.ibaraki-sakai:before{ background-image:url(../img/map/ibaraki-sakai.jpg);}
#imgPermissionMap1.ibaraki-ibaraki:before{ background-image:url(../img/map/ibaraki-ibaraki.jpg);}
#imgPermissionMap1.ibaraki-omitama:before{ background-image:url(../img/map/ibaraki-omitama.jpg);}
#imgPermissionMap1.ibaraki-ami:before{ background-image:url(../img/map/ibaraki-ami.jpg);}
#imgPermissionMap1.ibaraki-shirosato:before{ background-image:url(../img/map/ibaraki-shirosato.jpg);}
#imgPermissionMap1.ibaraki-ooarai:before{ background-image:url(../img/map/ibaraki-ooarai.jpg);}
#imgPermissionMap1.ibaraki-zyoso:before{ background-image:url(../img/map/ibaraki-zyoso.jpg);}
#imgPermissionMap1.ibaraki-bando:before{ background-image:url(../img/map/ibaraki-bando.jpg);}
#imgPermissionMap1.ibaraki-goka:before{ background-image:url(../img/map/ibaraki-goka.jpg);}
#imgPermissionMap1.ibaraki-tsutiura:before{ background-image:url(../img/map/ibaraki-tsutiura.jpg);}
#imgPermissionMap1.ibaraki-moriya:before{ background-image:url(../img/map/ibaraki-moriya.jpg);}
#imgPermissionMap1.ibaraki-tsukubamirai:before{ background-image:url(../img/map/ibaraki-tsukubamirai.jpg);}
#imgPermissionMap1.ibaraki-toride:before{ background-image:url(../img/map/ibaraki-toride.jpg);}
#imgPermissionMap1.ibaraki-ushiku:before{ background-image:url(../img/map/ibaraki-ushiku.jpg);}

#imgPermissionMap1.tochigi-utsunomiya:before{ background-image:url(../img/map/tochigi-utsunomiya.jpg);}
#imgPermissionMap1.tochigi-kanuma:before{ background-image:url(../img/map/tochigi-kanuma.jpg);}
#imgPermissionMap1.tochigi-oyama:before{ background-image:url(../img/map/tochigi-oyama.jpg);}
#imgPermissionMap1.tochigi-nikko:before{ background-image:url(../img/map/tochigi-nikko.jpg);}
#imgPermissionMap1.tochigi-sano:before{ background-image:url(../img/map/tochigi-sano.jpg);}
#imgPermissionMap1.tochigi-nasukarasuyama:before{ background-image:url(../img/map/tochigi-nasukarasuyama.jpg);}
#imgPermissionMap1.tochigi-nogi:before{ background-image:url(../img/map/tochigi-nogi.jpg);}
#imgPermissionMap1.tochigi-shimotuke:before{ background-image:url(../img/map/tochigi-shimotsuke.jpg);}
#imgPermissionMap1.tochigi-moka:before{ background-image:url(../img/map/tochigi-moka.jpg);}
#imgPermissionMap1.tochigi-kamimikawa:before{ background-image:url(../img/map/tochigi-kamimikawa.jpg);}
#imgPermissionMap1.tochigi-tochigi:before{ background-image:url(../img/map/tochigi-tochigi.jpg);}
#imgPermissionMap1.tochigi-ashikaga:before{ background-image:url(../img/map/tochigi-ashikaga.jpg);}
#imgPermissionMap1.tochigi-ootawara:before{ background-image:url(../img/map/tochigi-ootawara.jpg);}
#imgPermissionMap1.tochigi-mibu:before{ background-image:url(../img/map/tochigi-mibu.jpg);}

#imgPermissionMap1.chiba-noda:before{ background-image:url(../img/map/chiba-noda.jpg);}
#imgPermissionMap1.chiba-abiko:before{ background-image:url(../img/map/chiba-abiko.jpg);}
#imgPermissionMap1.saitama-kuki:before{ background-image:url(../img/map/saitama-kuki.jpg);}
#imgPermissionMap1.saitama-kasukabe:before{ background-image:url(../img/map/saitama-kasukabe.jpg);}


.boxFive{
	overflow:hidden;
	margin-bottom:30px;
	padding:0;
	background:#EAF1E1;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.boxFive li{
	width:20%;
	margin-right:0;
	float:left;
}
.boxFive li.last{
	margin-right:0;
}
#page-service2-2 .boxFive li{
	text-align:center;
	font-size:2em;
	line-height:2;
}
.boxFive li img{
	width:100%;
}
.serviceDescript{
	width:655px;
	font-size:1.2em;
	display:table;
}
body#page-service2-1 .serviceDescript{
	width:400px;
}
#contents .serviceDescript p{
	height:240px;
	display:table-cell;
	vertical-align:middle;
	line-height:1.7;
}

body#page-service2-1 .boxThree span{
	text-align:center;
	display:block;
	line-height:2;
	font-weight:bold;
	color:#83AC4E;
	
}

#imgService2-3a{
	z-index:0;
	position:relative;
	float:right;
	margin-bottom:-100px;
}

ul.tab{
	background:#DFF2C6;
	overflow:hidden;
	margin-bottom:60px;
	margin-top:50px;
}
.tab li{
	background:#fff;
}


.tab.boxThree li {
    width: 33.3%;
    margin-right: 0;
}
.tab.boxFour li{
	width:25%;
	margin-right:0;
}
.boxThree li {
  width: 316px;
  margin-right: 15px;
}
.tab.boxThree li.last,
.tab.boxFour li.last{
	margin-right:0;
}

ul.tab li a{
	position:relative;
	display:block;
	color:#fff;
	background:url(../../common/icoArrowDown.png) no-repeat 50% 96% #64b368;
	padding-bottom: 20px;
	padding-top: 3px;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
ul.tab li a:hover{
	background-color:#03A9F4;
	background-position:50% 98%;
}
ul.tab li a:after{
	content:"";
	position:absolute;
	width:1px;
	height:100%;
	right:0;
	top:0;
	background:#fff;
}
ul.tab li.last a:after{
	display:none;
}

ul.tab div.tabimg{
	width:100%;
	background: no-repeat 50% 50%;
	background-size:100%;
	position:relative;
}
ul.tab.boxThree div.tabimg{ height:190px;}
ul.tab.boxFour div.tabimg{ height:180px;}
ul.tab.boxFive div.tabimg{ height:150px;}

ul.tab div.tabimg:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: no-repeat 50% 50%;
	background-size:100%;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
ul.tab div.over.tabimg:before{
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
	opacity:0;
}

ul.tab div.tabimg#imgService1-1a:before{ background-image:url(../img/service1-1a.jpg);}
ul.tab div.tabimg#imgService1-1b:before{ background-image:url(../img/service1-1b.jpg);}
ul.tab div.tabimg#imgService1-1c:before{ background-image:url(../img/service1-1c.jpg);}
ul.tab div.tabimg#imgService1-1d:before{ background-image:url(../img/service1-1d.png);}
ul.tab div.tabimg#imgService1-1a{ background-image:url(../img/service1-1aOn.jpg);}
ul.tab div.tabimg#imgService1-1b{ background-image:url(../img/service1-1bOn.jpg);}
ul.tab div.tabimg#imgService1-1c{ background-image:url(../img/service1-1cOn.jpg);}
ul.tab div.tabimg#imgService1-1d{ background-image:url(../img/service1-1dOn.png);}

ul.tab div.tabimg#imgService1-2a:before{ background-image:url(../img/service1-2a.jpg);}
ul.tab div.tabimg#imgService1-2b:before{ background-image:url(../img/service1-2b.jpg);}
ul.tab div.tabimg#imgService1-2c:before{ background-image:url(../img/service1-2c.jpg);}
ul.tab div.tabimg#imgService1-2d:before{ background-image:url(../img/service1-2d.jpg);}
ul.tab div.tabimg#imgService1-2e:before{ background-image:url(../img/service1-1d.png);}
ul.tab div.tabimg#imgService1-2a{ background-image:url(../img/service1-2aOn.jpg);}
ul.tab div.tabimg#imgService1-2b{ background-image:url(../img/service1-2bOn.jpg);}
ul.tab div.tabimg#imgService1-2c{ background-image:url(../img/service1-2cOn.jpg);}
ul.tab div.tabimg#imgService1-2d{ background-image:url(../img/service1-2dOn.jpg);}
ul.tab div.tabimg#imgService1-2e{ background-image:url(../img/service1-1dOn.png);}

ul.tab div.tabimg#imgService1-3a:before{ background-image:url(../img/service1-3a.jpg);}
ul.tab div.tabimg#imgService1-3b:before{ background-image:url(../img/service1-3b.jpg);}
ul.tab div.tabimg#imgService1-3c:before{ background-image:url(../img/service1-1d.png);}
ul.tab div.tabimg#imgService1-3a{ background-image:url(../img/service1-3aOn.jpg);}
ul.tab div.tabimg#imgService1-3b{ background-image:url(../img/service1-3bOn.jpg);}
ul.tab div.tabimg#imgService1-3c{ background-image:url(../img/service1-1dOn.png);}


#contents ul.tab li p{
	padding:8px;
	margin-bottom:0;
    min-height: 55px;
	line-height:1.3;
}
ul.tab li span.tablabel{
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0;
	font-size:1.6em;
	font-weight:bold;
	background: rgba(0, 0, 0, 0.6);
	letter-spacing: 2px;
}
ul.tab li img{
	width:100%;
}
/*
ul.tab li img{
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity:0.4;
	zoom:1;
	transition: 0.5s;
	vertical-align:top;
}
ul.tab li a:hover img,
ul.tab li.now a img{
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
}
*/
.tabcontents img{
	margin-bottom:10px;
}
.tabcontents li{
	margin-bottom:50px;
	overflow:hidden;
}


.boxThree li{
	width: 32%;
    margin-right: 2%;
}
.boxThree li:last-child{
	margin-right:0;
}

.recyclebox{
	max-width:800px;
	margin:0 auto 50px;
}

.boxThree.recycle-souti li.wide{ width:66%;margin-right:2%;}


.recyclebox li{
	text-align:center;
}
.recyclebox li img,
.recycle-souti li img{
	width:100%;
	margin-bottom:15px;
}

#contents .boxTwo{
	width:490px;
}
#contents .boxTwo.withBorder{
	width:478px;
	padding:5px;
	border:1px solid #ddd;
	margin-bottom:40px;
}


.pointlist{
	font-size:1.6em;
	margin-bottom:30px;
	margin-left:350px;
}
.boxTwo .pointlist{
	margin-left:30px;
}

.pointlist li{
	margin-bottom:1em;
}

#linklist{
	font-size:1.6em;
	margin-bottom:30px;
	margin-left:2em;
}
#linklist li{
	margin-bottom:1em;
}
#linklist li a{
	text-decoration:underline;
}
#linklist li a:hover{
	color:#a7d765;
}


.datalist{
	overflow:hidden;
}
.datalist li{
	min-height:220px;
	float:left;
	text-align:center;
	font-size:1.4em;
	padding:20px 10px 0 10px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	margin-right:0;
	width:479px;
}
.datalist.boxThree li{
	width:310px;
}
.datalist li:last-child{
	border-right:none;
}

.datalist.boxThree li:nth-child(3n+1){
	clear:both;
}
.datalist.boxThree li:nth-child(3n){
	border-right:none;
}
.datalist.boxThree li:nth-last-child(-n+3){
	border-bottom:none;
}
/*
.boxTwo .datalist li:nth-last-child(-n+3){
	border-bottom:1px solid #ddd;
}
*/
.boxTwo .datalist li:nth-last-child(-n+1){
	border-bottom:none;
}

/*
.datalist li div.float_left{
	text-align:center;
	width:220px;
}
.datalist li div.float_left img{
	width:220px;
}
.datalist li div.float_right{
	width:230px;
}*/
.datalist li .label{
	display:block;
	padding:5px 0;
	background-color:#E2EAC5;
	text-align:left;
	margin-bottom:20px;
}
#contents .datalist h4 {
    font-size: 1em;
    margin-bottom: 1em;
    text-align: left;
    border: none;
    border-bottom: 2px solid #83ac4e;
    padding: 0 0 0.5em 0.5em;
    color: #83ac4e;
    display: block;
}
.datalist li dl{
	font-size:1em;
}

.datalist li dt{
	width:2.5em;
}
.datalist li dd{
	border-bottom:1px dashed #C5D8AC;
	padding-left:4em;
	text-align: left;
}
.datalist li dd:last-child{
	border-bottom:none;
}


#accessmap-mibu{
	width:500px;
	height:250px;
}

.companyaddress {
    width: 45%;
	padding-left:3%;
}
.companyaddress dl{
    font-size: 1.8em;
}
.companyaddress dt{
	width:4em;
	padding-left:0;
	padding-bottom: 0;
    padding-top: 0.5em;
}
.companyaddress dd{
	padding-left:4em;
    padding-top: 0.5em;
    padding-bottom: 0;
    border-bottom: none;
    border-top: 1px solid #e5e5e5;
}
#contents .companyaddress p {
    font-size: 1.8em;
    margin-left: 0;
}

.animated.flipY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@keyframes flipY {
/*  0% {
	  -webkit-transform: perspective(400px) ;
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, -100, -15deg);
    transform:  rotateY(-15deg);
  }

  65% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, -100, 180deg);
    transform: rotateY(180deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
    transform:  rotateY(360deg);
  }
*/
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, -150);
    -webkit-transform: perspective(400px) rotate3d(0, 1, -150);
  }

  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
  }


}
@-webkit-keyframes flipY {
/*
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, -100, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
  }
*/
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, -150);
    -webkit-transform: perspective(400px) rotate3d(0, 1, -150);
  }

  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
  }

}


.flipY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipY;
  animation-name: flipY;
}

#page-service1-1 #meganavi li{
	animation-duration: 0.75s;
	animation-delay: 0;
	animation-iteration-count: 1;
}

#page-service1-1 .navibox li{
	animation-duration: 0.75s;
	animation-delay: 0;
	animation-iteration-count: 1;
}




/*

.drawer--right .drawer-hamburger{
	right:auto;
}
.drawer--right.drawer-open .drawer-hamburger {
    right: 100%;
}
.drawer--right .drawer-nav {
    right: -80%;
}
.drawer-nav{
	width:80%;
}


.drawer-open .drawer-hamburger{
	background:#fff;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background-color: #fff;
}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
    background-color: #222;
}
.drawer-open .drawer-hamburger-icon,
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before{
}

.drawer-nav{
	background-color:transparent;
	height:auto;
}
*/