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

#contents{
	padding-bottom: 0px;
}

#contents main #mainphoto div{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center top;
	z-index: 1;
}

#contents main #mainphoto div,
#contents.check main #mainphoto div{
	transform: scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
}

#contents.load main #mainphoto div{
	transform: scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	
	-webkit-animation: shrink 1.2s forwards cubic-bezier(.07,.68,.41,1) .8s;
	animation: shrink 1.2s forwards cubic-bezier(.07,.68,.41,1) .8s;
}

#contents main #mainphoto div{
	background-image: url(../img/main_business.jpg);
}




#business_maintenance{
	background-color: #394148;
	color: #FFF;
	padding: 70px 0px 140px;
}

#business_base{
	background-color: #0b2438;
	color: #FFF;
	padding: 70px 0px 140px;
}

.business_mbcommon h1{
	position: relative;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	padding-bottom: 45px;
	margin-bottom: 40px;
}

.business_mbcommon h1::before{
	content: "" ;
	width: 70px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #FFF;
}

.photomove figure,
.business_mbcommon figure{
	position: relative;
	overflow: hidden;
}

.photomove figure::before,
.photomove figure::after,
.business_mbcommon figure::before,
.business_mbcommon figure::after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	right: 0%;
	top:0px;
}

.photomove figure::before{
	z-index: 10;
	background-color: #FFF;
}


#business_maintenance.business_mbcommon figure::before,
#business_maintenance.business_mbcommon figure.inview_anime_photo::before{
	z-index: 10;
	background-color: #394148;
}

#business_base.business_mbcommon figure::before,
#business_base.business_mbcommon figure.inview_anime_photo::before{
	z-index: 10;
	background-color: #0b2438;
}


.photomove figure::after,
.business_mbcommon figure::after,
.business_mbcommon figure.inview_anime_photo::after{
	z-index: 8;
	background: rgb(0,145,193);
	background: -webkit-linear-gradient(44deg, rgba(0,145,193,1) 0%, rgba(0,106,193,1) 100%);
	background: -o-linear-gradient(44deg, rgba(0,145,193,1) 0%, rgba(0,106,193,1) 100%);
	background: linear-gradient(134deg, rgba(0,145,193,1) 0%, rgba(0,106,193,1) 100%);
}

.load .photomove figure.inview_anime_photo_on::before,
.load .business_mbcommon figure.inview_anime_photo_on::before{
	right: 0%;
	-webkit-animation: photo_animetion .6s forwards cubic-bezier(.86,0,.07,1) .3s;
	animation: photo_animetion .6s forwards cubic-bezier(.86,0,.07,1) .3s;
}

.load .photomove figure.inview_anime_photo_on::after,
.load .business_mbcommon figure.inview_anime_photo_on::after{
	right: 0%;
	-webkit-animation: photo_animetion .6s forwards cubic-bezier(.86,0,.07,1) 1.2s;
	animation: photo_animetion .6s forwards cubic-bezier(.86,0,.07,1) 1.2s;
}










#maintenance_box p{
	line-height: 2;
	font-weight: 500;
}

#business_base dl{
	max-width: 700px;
	margin: 0 auto;
	padding-bottom: 120px;
	padding-top: 0px;
}

#business_base dl:last-child{
	padding-bottom: 100px;
}

#business_base dl dt{
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	padding-bottom: 25px;
}

#business_base dl dd p{
	padding-top: 20px;
	line-height: 2;
	font-weight: 500;
}

.mainheading{
	line-height: 1.4;
	font-size: 30px;
	color: #FFF;
	text-align: center;
	font-weight: 700;
	padding: 30px;
}





/*  運搬システム事業  ******************************************************** */

.business_1 .b1_business_info{
	position: relative;
	border: #00559a solid 5px;
	margin-top: 20px;
	margin-bottom: 130px;
}

.business_1 .b1_business_info h1{
	position: absolute;
	width: 100%;
	font-size: 36px;
	font-weight: 700;
	top:-.6em;
	line-height: 1;
	text-align: center;
	z-index: 10;
}

.business_1 .b1_business_info h1 span{
	display: inline-block;
	background-color: #FFF;
	padding: 0px 70px;
}

.business_1 .b1_business_info article{
	padding: 4.5% 4.5% 3%;
	
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

.business_1 .b1_business_info article figure,
.business_1 .b1_business_info article.inview_anime_slide figure{
	width: 290px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: translateX(50px);
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,.business_1 .b1_business_info article figure{
		display: block;
	}
}

.business_1 .b1_business_info article p,
.business_1 .b1_business_info article.inview_anime_slide p{
	width : -webkit-calc(100% - 290px) ;
	width : calc(100% - 290px) ;
	line-height: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 45px 20px 0px;
	opacity: 0;
}

.business_1 .b1_business_info article.inview_anime_slide_on figure{
	opacity: 0;
	transform: translateX(50px);
	-webkit-animation: photo_slide 1.2s forwards cubic-bezier(.07,.68,.41,1) .5s;
	animation: photo_slide 1.2s forwards cubic-bezier(.07,.68,.41,1) .5s;
}

.business_1 .b1_business_info article.inview_anime_slide_on p{
	opacity: 0;
	-webkit-animation: alpha_100 .8s forwards cubic-bezier(.07,.68,.41,1) 1s;
	animation: alpha_100 .8s forwards cubic-bezier(.07,.68,.41,1) 1s;
}

@keyframes photo_slide {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}

.business_1 .b1_business_info div{
	padding: 0% 4.5% 4.5%;
}

.business_1 .b1_business_info div h2{
	font-size: 24px;
	padding: 15px 15px 17px;
	line-height: 1;
	text-align: center;
	color: #FFF;
	font-weight: 500;
}

.business_1 .b1_business_info div ul{
	position: relative;
	width: 100%;
	background-image: url(../../common/img/diagonal.png);
	background-repeat: repeat;
	padding: 4.5%;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.business_1 .b1_business_info div ul li{
	width: 46.3%;
}

/*
.business_1 #b_1.b1_business_info div ul li{
	width: 30.8%;
}
*/

.business_1 #b_4.b1_business_info div ul li:last-child{
	width: 100%;
}

.business_1 .b1_business_info div ul li figure{
	position: relative;
	overflow: hidden;
}

.business_1 .b1_business_info div ul li figure::before,
.business_1 .b1_business_info div ul li figure::after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	right: 0%;
	top:0px;
}

.business_1 .b1_business_info div ul li figure::before,
.business_1 .b1_business_info div ul li figure.inview_anime_photo::before{
	z-index: 10;
	background-image: url(../../common/img/diagonal.png);
	background-repeat: repeat;
}

.business_1 .b1_business_info div ul li figure::after,
.business_1 .b1_business_info div ul li figure.inview_anime_photo::after{
	z-index: 8;
	background: rgb(0,145,193);
	background: -webkit-linear-gradient(44deg, rgba(0,145,193,1) 0%, rgba(0,106,193,1) 100%);
	background: -o-linear-gradient(44deg, rgba(0,145,193,1) 0%, rgba(0,106,193,1) 100%);
	background: linear-gradient(134deg, rgba(0,145,193,1) 0%, rgba(0,106,193,1) 100%);
}


.business_1 .b1_business_info div ul li figure.inview_anime_photo_on::before{
	right: 0%;
	-webkit-animation: photo_animetion .6s forwards cubic-bezier(.86,0,.07,1) .3s;
	animation: photo_animetion .6s forwards cubic-bezier(.86,0,.07,1) .3s;
}

.business_1 .b1_business_info div ul li figure.inview_anime_photo_on::after{
	right: 0%;
	-webkit-animation: photo_animetion .6s forwards cubic-bezier(.86,0,.07,1) 1.2s;
	animation: photo_animetion .6s forwards cubic-bezier(.86,0,.07,1) 1.2s;
}

.business_1 .b1_business_info div ul li figcaption{
	text-align: center;
	font-weight: 500;
	line-height: 1.6;
	padding-top: 10px;
}

.business_1 #maintenance_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.business_1 #maintenance_box div{
	width: 46%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 7px;
}

.business_1 #maintenance_box div figure{
	width: 48%;
}

.business_1 #maintenance_box p{
	width: 48%;
}




/*  運搬システム事業  ******************************************************** */



/*  パーキングシステム事業  ******************************************************** */



.business_2 #contents_info_txt > div{
	padding: 100px 0px 100px;
	max-width: 860px;
	margin: 0 auto;
	
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.business_2 #contents_info_txt > div > figure{
	width: 48.837209%;
}



.business_2 #contents_info_txt > div div{
	width: 48.214286%;
	display:flex;
	flex-flow: column;
	justify-content:space-between;
}

.business_2 #b_1{
	padding: 100px 0px 100px;
}

.business_2 #b_1 #illust{
	position: relative;
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
}

.business_2 #b_1 #illust::before{
	content: "" ;
	display: block;
	padding-top: 89.361702%;
}

.business_2 #b_1 #illust h2,
.business_2 #b_1 #illust ul#circle{
	position: absolute;
	display: block;
	width: 64.893617%;
	border-radius: 50%;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.business_2 #b_1 #illust ul#circle{
/*	animation: rotate1 60s linear infinite;*/
}

@keyframes rotate1 { 
  0% {
   transform:translate(-50%,-50%)  rotate(0deg);
  }
	100% {  
    transform:translate(-50%,-50%)  rotate(360deg);
  }
}

@keyframes rotate2 { 
  0% {
   transform:rotate(0deg);
  }
	100% {  
    transform:rotate(360deg);
  }
}



.business_2 #b_1 #illust h2{
	background: rgb(0,145,193);
	background: -webkit-linear-gradient(44deg, rgba(0,145,193,1) 10%, rgba(0,106,193,1) 90%);
	background: -o-linear-gradient(44deg, rgba(0,145,193,1) 10%, rgba(0,106,193,1) 90%);
	background: linear-gradient(134deg, rgba(0,145,193,1) 10%, rgba(0,106,193,1) 90%);
}

.business_2 #b_1 #illust ul#circle{
	overflow: visible;
}

.business_2 #b_1 #illust h2::before,
.business_2 #b_1 #illust ul#circle::before{
	content: "";
	display: block;
	padding-top: 100%;
	width: 100%;
}

.business_2 #b_1 #illust h2 div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	font-size: 30px;
	color: #FFF;
	line-height: 1.4;
	font-weight: 700;
}

.business_2 #b_1 #illust ul#circle li{
	position: absolute;
	width: 42.622951%;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 12px 11px 25px -10px rgba(0,0,0,0.6);
	
/*	animation: rotate2 60s linear reverse infinite;*/
}

.business_2 #b_1 #illust ul#circle lii::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}


.business_2 #b_1 #illust ul#circle li div{
	position: relative;
}

.business_2 #b_1 #illust ul#circle li div figcaption{
	position: absolute;
	display: block;
	width: 100%;
	z-index: 5;
	bottom: 0;
	color: #FFF;
	font-weight: 700;
	bottom: 6px;
	text-align: center;
	font-size: 16px;
}

.business_2 #b_1 #illust ul#circle li div span{
	position: absolute;
	display: block;
	z-index: 4;
	bottom: 0;
	background-color: rgba(11,36,56,.85);
	width: 100%;
	height: 19.230769%;
}


.business_2 #b_1 #illust ul#circle li.inview_anime_photo{
	opacity: 0;
}

.business_2 #b_1 #illust ul#circle li.inview_anime_photo_on{
	opacity: 0;
	-webkit-animation: alpha_100 .8s forwards cubic-bezier(.07,.68,.41,1) .5s;
	animation: alpha_100 .8s forwards cubic-bezier(.07,.68,.41,1) .5s;
}

.business_2 #b_1 #illust ul#circle li.inview_anime_photo img{
	transform: scale(1.2);
}

.business_2 #b_1 #illust ul#circle li.inview_anime_photo_on img{
	transform: scale(1.2);
	-webkit-animation: scale_1 .8s forwards cubic-bezier(.07,.68,.41,1) .5s;
	animation: scale_1 .8s forwards cubic-bezier(.07,.68,.41,1) .5s;
}

.business_2 #b_1 #illust ul#circle li.inview_anime_photo figcaption,
.business_2 #b_1 #illust ul#circle li.inview_anime_photo span{
	transform: translateY(50px);
}

.business_2 #b_1 #illust ul#circle li.inview_anime_photo_on figcaption,
.business_2 #b_1 #illust ul#circle li.inview_anime_photo_on span{
	transform: translateY(50px);
	-webkit-animation: figcaption_1 .5s forwards cubic-bezier(.07,.68,.41,1) 1s;
	animation: figcaption_1 .5s forwards cubic-bezier(.07,.68,.41,1) 1s;
}

@keyframes scale_1 {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes figcaption_1 {
	0% {
		transform: translateY(50px);
	}
	100% {
		transform: translateY(0%);
	}
}



.business_2 #b_1 article aside{
	position: relative;
	border: #00559a solid 5px;
	margin: 130px 0px;
}

.business_2 #b_1 article h3{
	position: absolute;
	width: 100%;
	font-size: 30px;
	font-weight: 700;
	top:-.6em;
	line-height: 1;
	text-align: center;
	z-index: 10;
	color: #00559a;
}

.business_2 #b_1 article h3 span{
	display: inline-block;
	background-color: #FFF;
	padding: 0px 70px;
}

.business_2 #b_1 article ul{
	padding: 10% 4.5% 0%;
	
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.business_2 #b_1 article ul li{
	width: 33.3%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 70px;
}

.business_2 #b_1 article ul li figcaption{
	text-align: center;
	font-weight: 500;
	line-height: 1.6;
	padding-top: 10px;
}




#business_global p{
	display: block;
	max-width: 900px;
	margin: 0 auto;
	text-align: justify;
	text-justify: distribute;
	font-weight: 500;
	padding: 60px 7%;
	line-height: 2;
}

#contents_inner{
	padding-bottom: 230px;
}

.business_2 .mapbox article{
	position: relative;
	text-align: center;
}


.business_2 .mapbox article .map{
	position: relative;
	width: 100%;
	/* border: #FFF solid 5px; */
	z-index: 1;
}

.business_2 .mapbox article .btmap,
.business_2 .mapbox article .parts,
.business_2 .mapbox article .global_info{
	position: absolute;
	width : 100%;
	width : 100%;
	top: 0px;
	left: 0px;
}


.business_2 .mapbox article .btmap::before,
.business_2 .mapbox article .parts::before,
.business_2 .mapbox article .global_info::before{
	content: "";
	position: relative;
	display: block;
	padding-top: 68.686869%;
	z-index: 1;
}

.business_2 .mapbox article .global_info::before{
	width: 50%;
}

.business_2 .mapbox article .btmap li figure{
	transition: all 300ms 0s ease;
	width: 65px;
	height: 65px;
	cursor: pointer;
}

.business_2 .mapbox article .btmap li figcaption{
	transition: all 300ms 0s ease;
	position: absolute;
	font-size: 24px;
	font-weight: 700;
	color: #FFF;
	line-height: 1;
	cursor: pointer;
}

.business_2 .mapbox article .btmap li figcaption i{
	letter-spacing: 1px;
}

.business_2 .mapbox article .btmap li,
.business_2 .mapbox article .parts li{
	position: absolute;
}

.business_2 .mapbox article .btmap li:hover figure{
	transform: scale(1.1);
}

.business_2 .mapbox article .btmap li:hover figcaption{
	color: #000;
}



.business_2 .mapbox article .btmap li:nth-child(1){
	left: 69.59596%;
	top: -webkit-calc(49.735294% - 28px);
	top: calc(49.735294% - 28px);
	z-index: 30;
}

.business_2 .mapbox article .btmap li:nth-child(3){
	left: 61.424243%;
	top: -webkit-calc(65.588235% - 28px);
	top: calc(65.588235% - 28px);
	z-index: 32;
}

.business_2 #b_2_3 article .btmap li:nth-child(2){
	left: -webkit-calc(59.094949% - 31px);
	left: calc(59.094949% - 31px);
	bottom: 50.558824%;
	z-index: 31;
}


.business_2 #b_2_3 article .btmap li:nth-child(4){
	left: -webkit-calc(56.969697% - 31px);
	left: calc(56.969697% - 31px);
	top: 68.352942%;
	z-index: 35;
}

.business_2 #b_2_3 article .btmap li:nth-child(5){
	right: 45.757576%;
	top: -webkit-calc(55.588235% - 28px);
	top: calc(55.588235% - 28px);
	z-index: 33;
}



/* line */

.business_2 .mapbox article .parts li:nth-child(1),
.business_2 .mapbox article .parts li:nth-child(3),
.business_2 #b_2_3 article .parts li:nth-child(5){
	width: 2.525253%;
	height: 3px;
	background-color: #FFF;
}

.business_2 .mapbox article .parts li:nth-child(2),
.business_2 #b_2_3 article .parts li:nth-child(4){
	width: 3px;
	height: 3.676471%;
	background-color: #FFF;
}

.business_2 .mapbox article .parts li::before{
	content: "";
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #e60012;
}

.business_2 .mapbox article .parts li:nth-child(1){
	left: 67.070707%;
	top: 49.735294%;
	z-index: 20;
}

.business_2 .mapbox article .parts li:nth-child(3){
	left: 58.89899%;
	top: 65.588235%;
	z-index: 22;
}

.business_2 #b_2_3 article .parts li:nth-child(2){
	left: 59.094949%;
	bottom: 46.882353%;
	z-index: 21;
}

.business_2 #b_2_3 article .parts li:nth-child(4){
	left: 56.969697%;
	top: 64.676471%;
	z-index: 23;
}

.business_2 #b_2_3 article .parts li:nth-child(5){
	right: 43.232323%;
	top: 55.588235%;
	z-index: 23;
}


/* ● */


.business_2 .mapbox article .parts li:nth-child(1)::before,
.business_2 .mapbox article .parts li:nth-child(3)::before{
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.business_2 .mapbox article .parts li:nth-child(2)::before,
.business_2 #b_1 article .parts li:nth-child(5)::before{
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
}

.business_2 #b_1 article .parts li:nth-child(4)::before,
.business_2 #b_2_3 article .parts li:nth-child(5)::before{
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.business_2 #b_1 article .parts li:nth-child(6)::before,
.business_2 #b_2_3 article .parts li:nth-child(4)::before{
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
}

.business_2 .mapbox article .btmap li:nth-child(1) figcaption,
.business_2 .mapbox article .btmap li:nth-child(3) figcaption{
	top: 50%;
	transform: translateY(-50%);
	left: 115%;
}

.business_2 .mapbox article .btmap li:nth-child(2) figcaption,
.business_2 #b_1 article .btmap li:nth-child(5) figcaption{
	left: 50%;
	bottom: 110%;
	transform: translateX(-50%);
}

.business_2 #b_1 article .btmap li:nth-child(4) figcaption,
.business_2 #b_1 article .btmap li:nth-child(6) figcaption,
.business_2 #b_2_3 article .btmap li:nth-child(5) figcaption{
	top: 50%;
	transform: translateY(-50%);
	right: 115%;
}

.business_2 #b_2_3 article .btmap li:nth-child(4) figcaption{
	left: 50%;
	top: 110%;
	transform: translateX(-50%);
}



/* popup */

.business_2 .mapbox article .global_info{
	z-index: 500;
	display: none;
	/*　その他　設定　▲468行目　*/
	cursor: pointer;
	background-color: rgba(0,0,0,.7)
}



.business_2 .mapbox article .global_info li{
	transition: all 500ms 0s ease;
	position: absolute;
	display: block;
	width: 420px;
	top: 51%;
	left: 50%;
	
	transform: translate(-50%,-50%) scale(.8);
	background-color: #FFF;
	cursor: auto;
	opacity: 0;
	z-index: 5;
}

.business_2 .mapbox article .global_info li::before,
.business_2 .mapbox article .global_info li::after{
	content: "" ;
	width: 25px;
	height: 3px;
	background-color: #FFF;
	position: absolute;
	bottom: -25px;
	left: 50%;
	pointer-events: none;
}

.business_2 .mapbox article .global_info li::before{
	transform: translateX(-50%) rotate(45deg);
}

.business_2 .mapbox article .global_info li::after{
	transform: translateX(-50%) rotate(-45deg);
}

.business_2 .mapbox article .global_info li.active{
	display: block;
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
}

.business_2 .mapbox article .global_info li h2{
	margin-top: -35px;
	text-align: center;
	padding: 0px 30px 0px;
	
}

.business_2 .mapbox article .global_info li figure{
	width: 65px;
	height: 65px;
	margin: 0 auto;
}

.business_2 .mapbox article .global_info li h2 i{
	display: block;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	padding-top: 10px;
	letter-spacing: 1px;
}

.business_2 .mapbox article .global_info li h2 span{
	display: block;
	font-weight: 700;
	font-size: 28px;
	line-height: 1;
	padding-bottom: 15px;
	border-bottom: #e60012 solid 1px;
}

.business_2 .mapbox article .global_info li div{
	padding: 5px 30px 20px;
	text-align: left;
}

.business_2 .mapbox article .global_info li div h4{
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	padding-top: 15px
}

.business_2 .mapbox article .global_info li div p{
	font-weight: 500;
	padding: 10px 0px;
	line-height: 1.6;
	text-align: left;
}




/* popup*/

.business_2 .b4_business_box{
	padding-bottom: 200px;
}

.business_2 #contentsfooter {
    border-top: #959595 solid 1px;
}

.business_2 .b4_business_info{
	padding: 30px 0px 0px;
}

.business_2 #b_2_4 .b4_business_info{
	padding-bottom: 70px;
}

.business_2 .b4_business_info > li{
	padding: 70px 0px 70px;
	
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.business_2 #b_2_4 .b4_business_info > li{
	border-bottom: #959595 solid 1px;
}

.business_2 .b4_business_info > li > figure{
	width: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.business_2 .b4_business_info > li > div{
	width : -webkit-calc(100% - 400px) ;
	width : calc(100% - 400px) ;
	line-height: 2;
	display: flex;
	justify-content: center;
	padding: 0px 50px 20px 0px;
}

.business_2 .b4_business_info > li > div h2{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
	padding-bottom: 20px;
}

.business_2 .b4_business_info > li > div p{
	padding-bottom: 20px;
}

.business_2 .b4_business_info > li > div li{
	display: list-item;
	list-style: square;
	list-style-position: inside;
	position: relative;
	color: #959595;
	font-size: 13px;
	line-height: 1.6;
}

.business_2 .b4_business_box article{
	background-color: #f5f5f5;
	padding: 60px;
	text-align: center;
}


.business_2 #b_2_4 article a{
	transition: all 500ms 0s ease;
	display: inline-block;
	background-color: #0b2438;
	line-height: 1.6;
	padding: 15px 20px;
	font-size: 16px;
	color: #FFF;
	font-weight: 500;
}

.business_2 #b_2_4 article a div{
	position: relative;
	padding: 0px 10px 0px 25px;
}

.business_2 #b_2_4 article a div::before{
	transition: all 500ms 0s ease;
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	border-top: #FFF solid 3px;
	border-right: #FFF solid 3px;
	left: 0px;
	top:50%;
	transform: translateY(-50%)  rotate(45deg);
}


.business_2 #b_2_4 article a:hover{
	background-color: #FFF;
	color: #0b2438;
}


.business_2 #b_2_4 article a:hover div::before{
	border-top-color: #0b2438;
	border-right-color: #0b2438;
}

/*  パーキングシステム事業  ******************************************************** */








@media screen and (max-width: 1000px) {
	
	
	/*  パーキングシステム事業  ******************************************************** */
	
	.business_2 #b_1 #illust h2 div{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		font-size: 3vw;
		color: #FFF;
		line-height: 1.4;
		font-weight: 700;
	}
	
	.business_2 #b_1 #illust li div figcaption {
		position: absolute;
		display: block;
		width: 100%;
		z-index: 5;
		bottom: 0;
		color: #FFF;
		font-weight: 700;
		table-layout: 1;
		bottom: 3px;
		text-align: center;
		font-size: 2vw;
	}
	
	
	
	
	/*  パーキングシステム事業  ******************************************************** */

}



@media screen and (max-width: 900px) {
	
	
	
	.business_mbcommon h1{
		font-size: 36px;
		padding-bottom: 45px;
		margin-bottom: 40px;
	}

	.business_mbcommon h1::before{
		width: 60px;
	}

	#business_base dl dt{
		font-size: 26px;
	}
	
	.mainheading{
		font-size: 28px;
		padding: 30px;
	}

	
	
/*  運搬システム事業  ******************************************************** */

	

	.business_1 .b1_business_info h1{
		font-size: 32px;
		top:-.6em;
		
	}

	.business_1 .b1_business_info h1 span{
		padding: 0px 50px;
	}

	.business_1 .b1_business_info article figure{
		width: 240px;
	}

	.business_1 .b1_business_info article p{
		width : -webkit-calc(100% - 240px) ;
		width : calc(100% - 240px) ;
		padding: 20px 30px 20px 0px;
	}
	
	.business_1 .b1_business_info div h2{
		font-size: 20px;
	}

	.business_1 .b1_business_info div ul li figcaption{
		font-size: 13px;
	}
	
	
/*  運搬システム事業  ******************************************************** */

	
/*  パーキングシステム事業  ******************************************************** */
	
	
	
	.business_2 #contents_info_txt > div{
		padding: 10% 0px 5%;
		max-width: 860px;
		margin: 0 auto;
	}

	.business_2 #b_1{
		padding: 10% 0px 10%;
	}
	
	
	.business_2 #b_1 #illust ul#circle li div figcaption{
		bottom: 2px;
		font-size: 2vw;
	}

	
	
	.business_2 #b_1 article aside{
		margin: 120px 0px;
	}
	
	.business_2 #b_1 article h3{
		font-size: 28px;
	}

	.business_2 #b_1 article h3 span{
		padding: 0px 60px;
	}
	
	
	
/*  グローバル  ******************************************************** */	
	
	.business_2 .mapbox article h1 {
		position: absolute;
		display: inline-block;
		height: 50px;
		padding: 0px 50px;
		border-radius: 25px;
		background-color: #FFF;
		font-size: 22px;
		font-weight: 700;
		line-height: 1;
		z-index: 100;
		top: -23px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 600;
	}
	
	.business_2 .mapbox article h1 span {
		display: block;
		width: 100%;
		padding-top: 12px;
		white-space: nowrap;
	}
	
	
	.business_2 .mapbox article .btmap li figcaption {
		font-size: 20px;
	}
	
	
/* popup*/
	
	
	.business_2 .mapbox article .global_info li h2 i{
		font-size: 18px;
	}

	.business_2 .mapbox article .global_info li h2 span{
		font-size: 24px;
	}
	
	.business_2 .mapbox article .global_info li div h4{
		font-size: 15px;
	}

	.business_2 .mapbox article .global_info li div p{
		font-size: 13px;
	}


/* popup*/

/*  グローバル  ******************************************************** */
	
	

/*  研究開発・新事業  ******************************************************** */
	
	.business_2 #b_2_4 .b4_business_info{
		padding-bottom: 60px;
	}
	
	.business_2 .b4_business_info > li{
		padding: 60px 0px 60px;

		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.business_2 .b4_business_info > li > figure{
		width: 300px;
		padding-top: 10px;
	}

	.business_2 .b4_business_info > li > div{
		width : -webkit-calc(100% - 300px) ;
		width : calc(100% - 300px) ;
		line-height: 2;
		display: flex;
		justify-content: center;
		padding: 0px 40px 20px 0px;
	}
	
	
	
	.business_2 .b4_business_box article{
		background-color: #f5f5f5;
		padding: 50px;
		text-align: center;
	}

	

	

/*  研究開発・新事業  ******************************************************** */
}





@media screen and (max-width: 768px) {
	
	#business_maintenance,
	#business_base{
		padding: 60px 0px 120px;
	}

	.business_mbcommon h1{
		font-size: 30px;
		padding-bottom: 45px;
		margin-bottom: 40px;
	}

	.business_mbcommon h1::before{
		width: 60px;
	}

	#business_base dl{
		max-width: 700px;
		margin: 0 auto;
		padding-bottom: 90px;
		padding-top: 0px;
	}

	#business_base dl:last-child{
		padding-bottom: 80px;
	}

	#business_base dl dt{
		text-align: center;
		font-size: 22px;
		font-weight: 500;
		line-height: 1;
		padding-bottom: 20px;
	}

	#business_base dl dd p{
		padding-top: 20px;
		line-height: 2;
		font-weight: 500;
	}
	
	.mainheading{
		font-size: 26px;
		padding: 30px 20px;
	}

	
	/*  運搬システム事業  ******************************************************** */
	
	.business_1 .b1_business_info h1{
		font-size: 30px;
		top:-.6em;
		
	}

	.business_1 .b1_business_info h1 span{
		padding: 0px 50px;
	}

	.business_1 .b1_business_info article figure{
		width: 200px;
	}

	.business_1 .b1_business_info article p{
		width : -webkit-calc(100% - 200px) ;
		width : calc(100% - 200px) ;
		padding: 20px 30px 20px 0px;
	}
	
	.business_1 .b1_business_info div h2{
		font-size: 18px;
	}

	
	
	.business_1 .b1_business_info div ul{
		position: relative;
		width: 100%;
		background-image: url(../../common/img/diagonal.png);
		background-repeat: repeat;
		padding: 4.5%;

		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.business_1 #b_1.b1_business_info div ul{
		padding-bottom: 0px;
	}
	
	
	.business_1 .b1_business_info div ul li{
		width: 48%;
	}

/*
	.business_1 #b_1.b1_business_info div ul li{
		width: 48%;
		padding-bottom: 30px;
	}
*/

	.business_1 #b_4.b1_business_info div ul li:last-child{
		width: 100%;
	}

	.business_1 .b1_business_info div ul li figcaption{
		font-size: 14px;
	}
	
	
	.business_1 #maintenance_box{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	.business_1 #maintenance_box div{
		width: 30%;
		display: block;
		padding-top: 7px;
	}

	.business_1 #maintenance_box div figure{
		width: 100%;
		padding-bottom: 10px;
	}

	.business_1 #maintenance_box p{
		width: 65%;
	}

	
	/*  運搬システム事業  ******************************************************** */
	
	
	
	
	/*  パーキングシステム事業  ******************************************************** */
	
	.business_2 #b_1 article aside{
		margin: 100px 0px;
	}
	
	.business_2 #b_1 article h3{
		font-size: 26px;
	}

	.business_2 #b_1 article h3 span{
		padding: 0px 50px;
	}
	
	/*  パーキングシステム事業  ******************************************************** */
	
	
	
	
	
	/*  グローバル  ******************************************************** */

	.business_2 #contents_inner{
		padding-bottom: 150px;
	}

	.business_2 .mapbox{
		/* padding-top: 100px; */
	}

	.business_2 .mapbox article .btmap::before,
	.business_2 .mapbox article .parts::before,
	.business_2 .mapbox article .global_info::before{
		content: "";
		position: relative;
		display: block;
		padding-top: 75.949367%;
		z-index: 1;
	}

	.business_2 .mapbox article .global_info::before{
		width: 50%;
	}

	.business_2 .mapbox article .btmap li figure{
		transition: all 300ms 0s ease;
		width: 45px;
		height: 45px;
		cursor: pointer;
	}

	.business_2 .mapbox article .btmap li figcaption{
		font-size: 16px;
	}

	.business_2 .mapbox article .btmap li:nth-child(1){
		left: 75.316456%;
		top: -webkit-calc(41% - 20px);
		top: calc(41% - 20px);
		z-index: 30;
	}

	
	
	.business_2 #b_2_3 article .btmap li:nth-child(1){
		left: 64.734177%;
		top: -webkit-calc(40.333333% - 20px);
		top: calc(40.333333% - 20px);
		z-index: 30;
		
	}
	
	.business_2 #b_2_3 article .btmap li:nth-child(2){
		left: -webkit-calc(44.556962% - 21px);
		left: calc(44.556962% - 21px);
		bottom: 63%;
		z-index: 31;
		
	}

	.business_2 #b_2_3 article .btmap li:nth-child(3){
		left: 50.303797%;
		top: -webkit-calc(63.333333% - 20px);
		top: calc(63.333333% - 20px);
		z-index: 32;
	}

	.business_2 #b_2_3 article .btmap li:nth-child(4){
		left: -webkit-calc(41.518987% - 21px);
		left: calc( 41.518987% - 21px);
		top: 67%;
		z-index: 35;
	}
	
	

	.business_2 #b_2_3 article .btmap li:nth-child(5){
		right: 64.227848%;
		top: -webkit-calc(48.333333% - 21px);
		top: calc(48.333333% - 21px);
		z-index: 33;
	}


	/* line */

	.business_2 .mapbox article .parts li:nth-child(1),
	.business_2 .mapbox article .parts li:nth-child(3){
		width: 3.164557%;
		height: 2px;
		background-color: #FFF;
	}

	.business_2 .mapbox article .parts li:nth-child(2){
		width: 2px;
		height: 4.166667%;
		background-color: #FFF;
	}
	
	
	.business_2 #b_2_3 article .parts li:nth-child(1),
	.business_2 #b_2_3 article .parts li:nth-child(3),
	.business_2 #b_2_3 article .parts li:nth-child(5){
		width: 6%;
		height: 2px;
		background-color: #FFF;
	}
	
	
	.business_2 #b_2_3 article .parts li:nth-child(2),
	.business_2 #b_2_3 article .parts li:nth-child(4){
		width: 2px;
		height: 7%;
		background-color: #FFF;
	}

	.business_2 .mapbox article .parts li::before{
		content: "";
		display: block;
		position: absolute;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #e60012;
	}

	.business_2 .mapbox article .parts li:nth-child(1){
		left: 72.151899%;
		top: 41%;
		z-index: 20;
	}

	.business_2 .mapbox article .parts li:nth-child(3){
		left: 61.518987%;
		top: 58%;
		z-index: 22;
	}
	
	
	
	
	.business_2 #b_2_3 article .parts li:nth-child(1){
		left: 58.734177%;
		top: 40.333333%;
		z-index: 20;
	}

	.business_2 #b_2_3 article .parts li:nth-child(2){
		left: 44.556962%;
		bottom: 56%;
		z-index: 21;
	}

	.business_2 #b_2_3 article .parts li:nth-child(3){
		left: 44.303797%;
		top: 63.333333%;
		z-index: 22;
	}

	.business_2 #b_2_3 article .parts li:nth-child(4){
		left: 41.518987%;
		top: 60%;
		z-index: 23;
	}

	.business_2 #b_2_3 article .parts li:nth-child(5){
		right: 58.227848%;
		top: 48.333333%;
		z-index: 23;
	}


	/* ● */


	.business_2 .mapbox article .parts li:nth-child(1)::before,
	.business_2 .mapbox article .parts li:nth-child(3)::before{
		right: 100%;
		top: 50%;
		transform: translateY(-50%);
	}

	.business_2 .mapbox article .parts li:nth-child(2)::before{
		left: 50%;
		top: 100%;
		transform: translateX(-50%);
	}

	.business_2 #b_2_3 article .parts li:nth-child(5)::before{
		left: 100%;
		top: 50%;
		transform: translateY(-50%);
	}

	.business_2 #b_2_3 article .parts li:nth-child(4)::before{
		left: 50%;
		bottom: 100%;
		transform: translateX(-50%);
	}
	
	.business_2 .mapbox article .btmap li:nth-child(1) figcaption,
	.business_2 .mapbox article .btmap li:nth-child(3) figcaption{
		top: 50%;
		transform: translateY(-50%);
		left: 115%;
	}

	.business_2 .mapbox article .btmap li:nth-child(2) figcaption{
		left: 50%;
		bottom: 110%;
		transform: translateX(-50%);
	}

	.business_2 #b_2_3 article .btmap li:nth-child(5) figcaption{
		top: 50%;
		transform: translateY(-50%);
		right: 115%;
	}

	.business_2 #b_2_3 article .btmap li:nth-child(4) figcaption{
		left: 50%;
		top: 110%;
		transform: translateX(-50%);
	}



	/* popup */

	.business_2 .mapbox article .global_info{
		z-index: 500;
		display: none;
		/*　その他　設定　▲468行目　*/
		cursor: pointer;
		background-color: rgba(0,0,0,.7)
	}



	.business_2 .mapbox article .global_info li{
		transition: all 500ms 0s ease;
		position: absolute;
		width: 420px;
		top: 51%;
		left: 50%;

		transform: translate(-50%,-50%) scale(.8);
		background-color: #FFF;
		cursor: auto;
		opacity: 0;
		z-index: 5;
	}

	.business_2 .mapbox article .global_info li::before,
	.business_2 .mapbox article .global_info li::after{
		content: "" ;
		width: 25px;
		height: 3px;
		background-color: #FFF;
		position: absolute;
		bottom: -25px;
		left: 50%;
		pointer-events: none;
	}

	.business_2 .mapbox article .global_info li::before{
		transform: translateX(-50%) rotate(45deg);
	}

	.business_2 .mapbox article .global_info li::after{
		transform: translateX(-50%) rotate(-45deg);
	}

	.business_2 .mapbox article .global_info li.active{
		display: block;
		opacity: 1;
		transform: translate(-50%,-50%) scale(1);
	}

	.business_2 .mapbox article .global_info li h2{
		margin-top: -30px;
		text-align: center;
		padding: 0px 20px 0px;

	}

	.business_2 .mapbox article .global_info li figure{
		width: 55px;
		height: 55px;
		margin: 0 auto;
	}

	.business_2 .mapbox article .global_info li h2 i{
		display: block;
		font-weight: 700;
		font-size: 18px;
		line-height: 1;
		padding-top: 10px;
		letter-spacing: 1px;
	}

	.business_2 .mapbox article .global_info li h2 span{
		display: block;
		font-weight: 700;
		font-size: 24px;
		line-height: 1;
		padding-bottom: 15px;
		border-bottom: #e60012 solid 1px;
	}

	.business_2 .mapbox article .global_info li div{
		padding: 5px 20px 20px;
		text-align: left;
	}

	.business_2 .mapbox article .global_info li div h4{
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		padding-top: 15px
	}

	.business_2 .mapbox article .global_info li div p{
		font-weight: 500;
		padding: 10px 0px;
		line-height: 1.6;
		font-size: 13px;
	}



	/* popup*/

	/*  グローバル  ******************************************************** */
	
	
	/*  研究開発・新事業  ******************************************************** */
	
	.business_2 #b_2_4 .b4_business_info{
		padding-bottom: 60px;
	}
	
	.business_2 .b4_business_info > li{
		padding: 60px 0px 60px;

		width: 100%;
		max-width: 560px;
		margin: 0 auto;
		display: block;
	}
	
	.business_2 .b4_business_info > li > figure{
		display: none;
	}

	.business_2 .b4_business_info > li > div{
		width : 100%;
		line-height: 2;
		display: flex;
		justify-content: center;
		padding: 0px 0px 20px 0px;
	}
	
	.business_2 .b4_business_info > li > div figure{
		padding-bottom: 20px;
	}
	
	.business_2 .b4_business_info > li > div h2{
		font-size: 22px;
		font-weight: 700;
		line-height: 1.6;
		padding-bottom: 20px;
	}
	
	
	.business_2 .b4_business_box article{
		background-color: #f5f5f5;
		padding: 8%;
		text-align: center;
	}
	
	

	.business_2 #b_2_4 article a div{
		text-align: left;
	}
	



/*  研究開発・新事業  ******************************************************** */
	

}


@media screen and (max-width: 640px) {
	
	.mainheading{
		font-size: 24px;
		padding: 30px 20px;
	}

	
	
	/*  運搬システム事業  ******************************************************** */
	
	.business_1 .b1_business_info article{
		padding: 20px 5% 4%;
		width: 100%;
		display: block;
	}

	.business_1 .b1_business_info article figure{
		max-width: 290px;
		display: block;
		margin: 0 auto;
	}
	
	.business_1 #b_1.b1_business_info article figure{
		padding-top: 30px;
	}

	.business_1 .b1_business_info article p{
		width : 100%;
		line-height: 2;
		display: block;
		padding: 0px 0px 20px 0px;
	}
	
	.business_1 #b_1.b1_business_info article p{
		padding-top: 20px;
	}
	
	.business_1 .b1_business_info div {
		padding: 0% 5% 5%;
	}
	
	

	/*  運搬システム事業  ******************************************************** */
	
	
	
	/*  パーキングシステム事業  ******************************************************** */
	
	
	.business_2 #b_1 #illust h2{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		border-radius: 0%;
		overflow: hidden;
		top: auto;
		left: auto;
		transform: none;
		background: #FFF;
	}

	

	.business_2 #b_1 #illust ul#circle{
		overflow: visible;
	}

	.business_2 #b_1 #illust::before{
		content: "" ;
		display: none;
		padding-top: 89.361702%;
	}
	
	.business_2 #b_1 #illust h2::before{
		display: none;
	}

	.business_2 #b_1 #illust h2 div{
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		text-align: center;
		font-size: 28px;
		background: linear-gradient( 44deg, rgba(0,145,193,1) 20%, rgba(0,85,154,1) 80% );
		-webkit-background-clip: text;
		color: transparent;
		line-height: 1.4;
		font-weight: 700;
	}
	
	.business_2 #b_1 #illust aside{
		width: 100%;
	}
	
	.business_2 #b_1 #illust ul#facility{
		width: 88%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 10%;
	}
	
	.business_2 #b_1 #illust ul#facility li{
		position: relative;
		width: 46%;
		border-radius: 50%;
		overflow: hidden;
		box-shadow: 12px 11px 25px -10px rgba(0,0,0,0.6);
		margin-bottom: 8%;
	}

	
	
	.business_2 #b_1 #illust ul#facility li div figcaption{
		position: absolute;
		display: block;
		width: 100%;
		z-index: 5;
		bottom: 0;
		color: #FFF;
		font-weight: 700;
		bottom: 2.5%;
		text-align: center;
		font-size: 3vw;
	}

	.business_2 #b_1 #illust ul#facility li div span{
		position: absolute;
		display: block;
		z-index: 4;
		bottom: 0;
		background-color: rgba(11,36,56,.85);
		width: 100%;
		height: 19.230769%;
	}
	
	
	
	
	
	.business_2 #b_1 article h3{
		font-size: 26px;
		line-height: 1.2;
		top:-1.3em;
	}

	.business_2 #b_1 article h3 span{
		padding: 0px 40px;
	}
	
	.business_2 #b_1 article ul{
		padding: 15% 4.5% 0%;
	}

	.business_2 #b_1 article ul li{
		width: 48%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 50px;
	}

	.business_2 #b_1 article ul li figcaption{
		text-align: center;
		font-weight: 500;
		line-height: 1.6;
		padding-top: 10px;
	}
	
	
	
	
	

	
	/*  パーキングシステム事業  ******************************************************** */

	
	/*  グローバル  ******************************************************** */
	
	
	/* popup */

	.business_2 .mapbox article .global_info{
		z-index: 500;
		display: block;
		position: relative;
		/*　その他　設定　▲468行目　*/
		cursor: pointer;
		background-color: inherit;
		
		padding: 50px 0px 1px;
		
	}

	.business_2 .mapbox article .global_info::before{
		display: none;
	}

	.business_2 .mapbox article .global_info li{
		transition: all 500ms 0s ease;
		position: relative;
		width: 90%;
		top: auto;
		left: auto;
		padding: 10px;
		transform: none;
		background-color: #FFF;
		cursor: auto;
		opacity: 1;
		z-index: 5;
		margin: 0 auto 60px;
	}

	.business_2 .mapbox article .global_info li::before,
	.business_2 .mapbox article .global_info li::after{
		display: none;
	}

	.business_2 .mapbox article .global_info li::before{
		transform: translateX(-50%) rotate(45deg);
	}

	.business_2 .mapbox article .global_info li::after{
		transform: translateX(-50%) rotate(-45deg);
	}

	.business_2 .mapbox article .global_info li.active{
		display: block;
		opacity: 1;
		transform: translate(-50%,-50%) scale(1);
	}

	.business_2 .mapbox article .global_info li h2{
		margin-top: -40px;
		text-align: center;
		padding: 0px 20px 0px;

	}

	.business_2 .mapbox article .global_info li figure{
		width: 65px;
		height: 65px;
		margin: 0 auto;
	}

	.business_2 .mapbox article .global_info li h2 i{
		display: block;
		font-weight: 700;
		font-size: 18px;
		line-height: 1;
		padding-top: 10px;
		letter-spacing: 1px;
	}

	.business_2 .mapbox article .global_info li h2 span{
		display: block;
		font-weight: 700;
		font-size: 24px;
		line-height: 1;
		padding-bottom: 15px;
		border-bottom: #e60012 solid 1px;
	}

	.business_2 .mapbox article .global_info li div{
		padding: 5px 20px 20px;
		text-align: left;
	}

	.business_2 .mapbox article .global_info li div h4{
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		padding-top: 15px
	}

	.business_2 .mapbox article .global_info li div p{
		font-weight: 500;
		padding: 10px 0px;
		line-height: 1.6;
		font-size: 13px;
	}



	/* popup*/
	
	
	/*  グローバル  ******************************************************** */
}



@media screen and (max-width: 560px) {
	
	
	
	/*  運搬システム事業  ******************************************************** */
	
	.business_1 .b1_business_info div ul{
		padding: 30px 8% 0px;
	}
	
	.business_1 .b1_business_info div ul{
		display: block;
	}
	
	.business_1 #b_1.b1_business_info div ul{
		padding-bottom: 0px;
	}
	
	.business_1 .b1_business_info div ul li{
		max-width: 360px;
		margin: 0 auto;
		width: 100%;
		padding-bottom: 30px;
	}

/*
	.business_1 #b_1.b1_business_info div ul li{
		width: 100%;;
		padding-bottom: 30px;
	}
*/

	.business_1 #b_4.b1_business_info div ul li:last-child{
		width: 100%;
	}

	
	
	
	
	.business_1 #maintenance_box{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	.business_1 #maintenance_box div{
		width: 30%;
		display: block;
		padding-top: 7px;
	}

	.business_1 #maintenance_box div figure{
		width: 100%;
		padding-bottom: 10px;
	}

	.business_1 #maintenance_box p{
		width: 65%;
	}

	
	/*  運搬システム事業  ******************************************************** */
	
	
	/*  パーキングシステム事業  ******************************************************** */
	
	.business_2 #b_1 #illust h2 div{
		font-size: 26px;
	}
	
	.business_2 #b_1 article h3{
		font-size: 22px;
		line-height: 1.2;
		top:-1.3em;
	}

	.business_2 #b_1 article h3 span{
		padding: 0px 30px;
	}
	
	/*  パーキングシステム事業  ******************************************************** */
	
	
	/*  グローバル  ******************************************************** */	
	
	.business_2 .mapbox {
		
	}
	
	.business_2 .mapbox article h1 {
		font-size: 20px;
	}
	
	.business_2 .mapbox article h1{
		border-radius: 10px;
		top: -60px;
		width: 100%;
		padding: 0px 20px;
	}
	
	.business_2 #b_2_3 article h1 {
		height: 70px;
		font-size: 20px;
		top: -80px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 600;
		
		line-height: 1.4;
	}
	
	.business_2 #b_2_3.mapbox article h1 span {
		padding-top: 7px;
	}
}




@media screen and (max-width: 480px) {


	#business_maintenance,
	#business_base{
		padding: 50px 0px 100px;
	}

	.business_mbcommon h1{
		font-size: 26px;
		padding-bottom: 35px;
		margin-bottom: 30px;
	}

	.business_mbcommon h1::before{
		width: 50px;
	}

	#business_base dl{
		max-width: 700px;
		margin: 0 auto;
		padding-bottom: 70px;
		padding-top: 0px;
	}

	#business_base dl:last-child{
		padding-bottom: 80px;
	}

	#business_base dl dt{
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		line-height: 1;
		padding-bottom: 18px;
	}

	#business_base dl dd p{
		padding-top: 20px;
		line-height: 2;
		font-weight: 500;
	}
	
	

	/*  運搬システム事業  ******************************************************** */
	
	.business_1 #maintenance_box{
		display: block;
	}

	.business_1 #maintenance_box div{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 7px;
	}

	.business_1 #maintenance_box div figure{
		width: 48%;
		padding-bottom: 20px;
	}

	.business_1 #maintenance_box p{
		width: 100%;
	}

	
	/*  運搬システム事業  ******************************************************** */
	
	
	/*  パーキングシステム事業  ******************************************************** */
	
	.business_2 #b_1 #illust h2 div{
		font-size: 24px;
	}
	
	.business_2 #b_1 #illust ul#facility{
		width: 92%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 10%;
	}
	
	.business_2 #b_1 #illust ul#facility li{
		position: relative;
		width: 48%;
		border-radius: 50%;
		overflow: hidden;
		box-shadow: 12px 11px 25px -10px rgba(0,0,0,0.6);
		margin-bottom: 6%;
	}

	
	
	.business_2 #b_1 #illust ul#facility li div figcaption{
		position: absolute;
		display: block;
		width: 100%;
		z-index: 5;
		bottom: 0;
		color: #FFF;
		font-weight: 700;
		bottom: 3%;
		text-align: center;
		font-size: 3.2vw;
	}

	.business_2 #b_1 #illust ul#facility li div span{
		position: absolute;
		display: block;
		z-index: 4;
		bottom: 0;
		background-color: rgba(11,36,56,.85);
		width: 100%;
		height: 19.230769%;
	}
	
	
	
	
	.business_2 #b_1 article h3{
		font-size: 20px;
		line-height: 1.2;
		top:-1.3em;
	}

	.business_2 #b_1 article h3 span{
		padding: 0px 25px;
	}
	
	.business_2 #b_1 article ul{
		padding: 15% 8% 0%;
	}

	.business_2 #b_1 article ul li{
		width: 45%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		padding-bottom: 50px;
	}

	.business_2 #b_1 article ul li figcaption{
		text-align: center;
		font-weight: 500;
		line-height: 1.6;
		padding-top: 10px;
	}
	
	/*  パーキングシステム事業  ******************************************************** */

	
	/*  グローバル  ******************************************************** */	
	
	.business_2 .mapbox article .btmap li figcaption{
		font-size: 13px;
	}
	
	.business_2 .mapbox article .btmap li figure{
		transition: all 300ms 0s ease;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	
	.business_2 .mapbox article .btmap li:nth-child(1){
		left: 75.316456%;
		top: -webkit-calc(41% - 15px);
		top: calc(41% - 15px);
		z-index: 30;
	}

	.business_2 .mapbox article .btmap li:nth-child(3){
		left: 64.683544%;
		top: -webkit-calc(58% - 15px);
		top: calc(58% - 15px);
		z-index: 32;
	}

	
	
	
	
	.business_2 #b_2_3 article .btmap li:nth-child(1){
		left: 64.734177%;
		top: -webkit-calc(40.333333% - 15px);
		top: calc(40.333333% - 15px);
		z-index: 30;
		
	}
	
	.business_2 #b_2_3 article .btmap li:nth-child(2){
		left: -webkit-calc(44.556962% - 15px);
		left: calc(44.556962% - 15px);
		bottom: 63%;
		z-index: 31;
		
	}

	.business_2 #b_2_3 article .btmap li:nth-child(3){
		left: 50.303797%;
		top: -webkit-calc(63.333333% - 15px);
		top: calc(63.333333% - 15px);
		z-index: 32;
	}

	.business_2 #b_2_3 article .btmap li:nth-child(4){
		left: -webkit-calc(41.518987% - 15px);
		left: calc( 41.518987% - 15px);
		top: 67%;
		z-index: 35;
	}
	
	

	.business_2 #b_2_3 article .btmap li:nth-child(5){
		right: 64.227848%;
		top: -webkit-calc(48.333333% - 21px);
		top: calc(48.333333% - 21px);
		z-index: 33;
	}
	
	
	
	
	.business_2 .mapbox article .global_info li h2{
		padding: 0px 10px 0px;

	}

	.business_2 .mapbox article .global_info li div{
		padding: 5px 10px 10px;
		
	}
	
	/*  グローバル  ******************************************************** */	
	
	
	/*  研究開発・新事業  ******************************************************** */
	
	.business_2 .b4_business_info{
		padding: 0px 0px 0px;
	}
	
	.business_2 #b_2_4 .b4_business_info{
		padding-bottom: 60px;
	}
	
	.business_2 .b4_business_info > li{
		padding: 40px 0px 40px;

		width: 100%;
		max-width: 560px;
		margin: 0 auto;
		display: block;
	}
	
	.business_2 .b4_business_info > li > figure{
		display: none;
	}

	.business_2 .b4_business_info > li > div{
		width : 100%;
		line-height: 2;
		display: flex;
		justify-content: center;
		padding: 0px 0px 20px 0px;
	}
	
	.business_2 .b4_business_info > li > div figure{
		padding-bottom: 20px;
	}
	
	.business_2 .b4_business_info > li > div h2{
		font-size: 20px;
		font-weight: 700;
		line-height: 1.6;
		padding-bottom: 20px;
	}
	
	
	
	
	.business_2 #b_2_4 article a{
		width: 100%;
	}
	
	.business_2 #b_2_4 article a div {
		position: relative;
		padding: 0px 0px 0px 25px;
	}
	
	.business_2 #b_2_4 article a{
		transition: all 500ms 0s ease;
		display: inline-block;
		background-color: #0b2438;
		line-height: 1.6;
		padding: 15px 10px;
		font-size: 16px;
		color: #FFF;
		font-weight: 500;
	}
	
	.business_2 #b_2_4 article a div::before{
		transition: all 500ms 0s ease;
		content: "";
		position: absolute;
		display: block;
		width: 10px;
		height: 10px;
		border-top: #FFF solid 3px;
		border-right: #FFF solid 3px;
		left: 0px;
		top:50%;
		transform: translateY(-50%)  rotate(45deg);
	}

	

/*  研究開発・新事業  ******************************************************** */
	
}


@media screen and (max-width: 360px) {
	
	.mainheading{
		font-size: 22px;
	}
	
	/*  グローバル  ******************************************************** */	
	
	.business_2 .mapbox article .btmap li figcaption{
		font-size: 11px;
	}
	
	/*  グローバル  ******************************************************** */	
	
}


@media all and (-ms-high-contrast:none) and (max-width: 640px)  {
	*::-ms-backdrop,.business_2 #b_1 #illust h2 div{
		background: none;
		color: #006ac1;
	}
}