.col_sub.business{
	padding: 0 0 120px;
}

@media screen and (max-width: 800px) {
	.col_sub.business{
		padding: 10% 0 13%;
	}
}

.box_img_ttl.business{
	width: 94%;
}

h1.img_ttl.business{
	margin: 0 auto 20px;
}



.bg_pagettl.business{
	width: 100%;
	background-image: url(../img/business/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

.box_bg_business{
	background-color: #F2F2F2;
    padding: 48px 38px 0;
    width: 100%;
}

@media screen and (max-width: 800px) {
	.box_bg_business{
		padding: 5.2% 5% 1.7%;
	}
	
}


.box_business1{
	width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 0 0;
}

.box_business1 .list_topbusiness {
	width: 100%;
	max-width: 1102px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.box_business1 .list_topbusiness a {
	width: calc( ( 100% - 78px )/4 );
	margin: 0 26px 30px 0;
	padding: 0;
	background-color: #fff;
	border-radius: 5px;
	display: block;
	overflow: hidden;
}



.box_business1 .list_topbusiness a:nth-child(4n),
.box_business1 .list_topbusiness a:last-child { margin-right: 0; }
@media screen and (max-width: 850px) {
	.box_business1 .list_topbusiness a { width: calc( ( 100% - 52px )/3 ); }
	.box_business1 .list_topbusiness a:nth-child(4n) { margin-right: 26px; }
	.box_business1 .list_topbusiness a:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 660px) {
	.box_business1 .list_topbusiness a {
		width: 47.2%;
		margin: 0 5.6% 5.6% 0;
	}
	.box_business1 .list_topbusiness a:nth-child(4n),
	.box_business1 .list_topbusiness a:nth-child(3n) { margin-right: 5.6%; }
	.box_business1 .list_topbusiness a:nth-child(even) { margin-right: 0; }
	
	.box_business1 .mds{
		margin: 0 0 18px;
	}
	
}
.box_business1 .list_topbusiness a .img {
	margin: 0;
	padding: 0;
	border-bottom: solid 3px #196b3d;
	overflow: hidden;
}
@media screen and (min-width: 701px) {
	.box_business1 .list_topbusiness a .img img { transition: all .5s; }
	.box_business1 .list_topbusiness a:hover .img img {
		transform: scale(1.08);
		opacity: 0.6;
	}
}
.box_business1 .list_topbusiness a .txt {
	height: 3.8em;
	margin: 0;
	padding: 0.2em;
	color: #000;
	font-size: min( 1.538vw, 18px );
	text-align: center;
	line-height: 1.28;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-feature-settings: "palt"
}
@media screen and (max-width: 850px) {
	.box_business1 .list_topbusiness a .txt { font-size: 2.11vw; }
}
@media screen and (max-width: 660px) {
	.box_business1 .list_topbusiness a .txt {
		height: auto;
		min-height: 3.8em;
		padding: 0.2em 0.5em;
		font-size: min( 3.75vw, 15px );
	}
}
.box_business1 .list_topbusiness a .txt .inner {
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 800px) {
	.box_business1{
		padding: 0;
	}
}

/* --------------- en/index --------------- */

.box_business1.en .list_topbusiness a .txt{
	height: 4.8em;
}

.col_pagettl .pagettl.en{
	font-size: min(6vw, 35px);
}


/* --------------- partne --------------- */

.bg_pagettl.partne{
	width: 100%;
	background-image: url(../img/business/partne/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

.box_partne1{
	width: 75%;
    margin: 0 auto;
    padding: 75px 0 0;
}

.box_img_ttl.partne{
	margin: 50px 0 0;
}

h1.img_ttl.partne{
	max-width: 357px;
}

@media screen and (max-width: 1500px) {
	.box_partne1{
		width: 90%;
	}
}

@media screen and (max-width: 800px) {
	.bg_pagettl.partne{
		background-image: url(../img/business/partne/sp/img_main.jpg);
	}
	
	.box_partne1{
		padding: 0;
	}
}


/* --------------- gx --------------- */

.bg_pagettl.gx{
	width: 100%;
	background-image: url(../img/business/gx/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

.box_gx1{
	width: 75%;
    margin: 0 auto;
    padding: 75px 0 0;
}

@media screen and (max-width: 1500px) {
	.box_gx1{
		width: 90%;
	}
}

@media screen and (max-width: 800px) {
	.box_gx1{
		padding: 0;
	}
}


/* --------------- life --------------- */

.bg_pagettl.life{
	width: 100%;
	background-image: url(../img/business/life/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

.box_life1{
	width: 75%;
    margin: 0 auto;
    padding: 75px 0 0;
}

@media screen and (max-width: 1500px) {
	.box_life1{
		width: 90%;
	}
}

@media screen and (max-width: 800px) {
	.box_life1{
		padding: 0;
	}
}



/* --------------- reform --------------- */

.bg_pagettl.reform{
	width: 100%;
	background-image: url(../img/business/reform/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

.box_reform1{
	width: 75%;
    margin: 0 auto;
    padding: 75px 0 0;
}

@media screen and (max-width: 1500px) {
	.box_reform1{
		width: 90%;
	}
}

@media screen and (max-width: 800px) {
	.box_reform1{
		padding: 0;
	}
}



/* --------------- energy --------------- */

.bg_pagettl.energy{
	width: 100%;
	background-image: url(../img/business/energy/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

.box_energy1{
	width: 75%;
    margin: 0 auto;
    padding: 75px 0 0;
}

@media screen and (max-width: 1500px) {
	.box_energy1{
		width: 90%;
	}
}

@media screen and (max-width: 800px) {
	.box_energy1{
		padding: 0;
	}
}


/* --------------- retail --------------- */

.bg_pagettl.retail{
	width: 100%;
	background-image: url(../img/business/retail/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

.box_retail1{
	width: 75%;
    margin: 0 auto;
    padding: 75px 0 0;
}

@media screen and (max-width: 1500px) {
	.box_retail1{
		width: 90%;
	}
}

@media screen and (max-width: 800px) {
	.box_retail1{
		padding: 0;
	}
}


/* --------------- tourism --------------- */

.bg_pagettl.tourism{
	width: 100%;
	background-image: url(../img/business/tourism/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

.box_tourism1{
	width: 75%;
    margin: 0 auto;
    padding: 75px 0 0;
}

@media screen and (max-width: 1500px) {
	.box_tourism1{
		width: 90%;
	}
}

@media screen and (max-width: 800px) {
	.box_tourism1{
		padding: 0;
	}
}



/* --------------- mobility --------------- */

.bg_pagettl.mobility{
	width: 100%;
	background-image: url(../img/business/mobility/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

.box_mobility1{
	width: 75%;
    margin: 0 auto;
    padding: 75px 0 0;
}

@media screen and (max-width: 1500px) {
	.box_mobility1{
		width: 90%;
	}
}

@media screen and (max-width: 800px) {
	.box_mobility1{
		padding: 0;
	}
}