@charset "UTF-8";

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

Business Page CSS

coded by d-spica at 2017-12-05

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


@import url(default.css);
@import url(base.css);
@import url(page-lower.css);


section.action {
	margin-bottom: 1rem;
	line-height: 1.8;
	font-size: 114%;
}

section.action div.boxContent {
	margin: 0 auto;
	padding: 0 1rem;
	max-width: 55rem;
	position:relative;
}

section.action h2 {
	margin-bottom: 1.4em;
	border-left: solid 0.3em #35743C;
	padding: 0.4em 0.6em;
	font-size: 187%;
	background-image: url(../../business/img/bg.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
section.action ul {
	position:relative;
	overflow: hidden;
	margin-top: 5em;
	z-index:2;
}

section.action div.boxInner {
	display: inline-block;
	position:absolute;
	border:24px solid #fdf0bd;
	width:70%;
	top:30%;
	left:15%;
	box-sizing:border-box;
	height:605px;
	z-index:1;
}

section.action li {
	position: relative;
	float: left;
	margin-left: 3.5%;
	margin-bottom: 1.5em;
	width: 31%;
	line-height: 1.5;
}

section.action li em {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 45%;
	width: 100%;
	text-align: center;
	font-size: 175%;
	font-weight: 700;
	color: #FFF;
}
	
section.action li img {
	display: block;
	margin: 0 auto 1em;
}

section.action li span {
	display: block;
	height: 12em;
}

section.action li:nth-child(3n+1) {
	margin-left: 0;
}


section.pages {
	position:relative;
	margin-bottom: 5rem;
}

section.pages div {
	margin: 0 auto;
	padding: 0 1rem;
	max-width: 55rem;
}

section.pages ul {
	line-height: 1.6;
	font-size: 128%;
}

section.pages li {
	position: relative;
	margin-bottom: 2em;
}

section.pages li a {
	display: block;
}

section.pages li a.no-link:hover {
	opacity: 1;
	cursor: default;
}

section.pages li span {
	display: block;
	position: absolute;
	top: 0;
	padding: 1.6em;
	width: 40%;
	height: 9.5em;
	color: #FFF;
}

section.pages li:nth-child(2n+1) span {
	left: 0;
}

section.pages li:nth-child(2n) span {
	right: 0;
}


section.pages .nolink{
	padding: 0.2em 1em;
	font-size:80%;
	text-align: center;
}

section.pages li.job01 span {
	background: #CD4E79;
}

section.pages li.job02 span {
	background: #34B4C7;
}

section.pages li.job03 span {
	background: #92C600;
}

section.pages li span em {
	display: block;
	margin-bottom: 0.6em;
	font-size: 150%;
}

section.pages li.aside {
	overflow: hidden;
	border: solid 1px #CCC;
}

section.pages li.aside span {
	position: static;
	float: left;
	box-sizing: border-box;
	width: 52%;
	height: 12.7em;
	color: #111;
}

section.pages li.aside img {
	float: right;
	box-sizing: border-box;
	padding: 0.8em 0.8em 0.8em 0;
	width: 48%;
}

section.business {
	margin: 2.5rem auto;
	border: solid 1px #CCC;
	max-width: 55rem;
	line-height: 1.5;
	font-size: 114%;
}

section.business div:first-child {
	display: table;
	position: relative;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 15em auto;
	padding: 0.5em 4em 0.5em 15.5em;
	width: 100%;
	height: 10.25em;
}

section.business h2 {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	line-height: 1.2;
	font-size: 225%;
}

section.business h2 span {
	display: block;
	margin-top: 0.7em;
	margin-left: 0.7em;
	font-size: 83%;
}

section.business p.nav-more {
	position: absolute;
	top: 0;
	right: 0;
	background: #666;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	font-size: 1.5em;
	color: #FFF;
	cursor: pointer;
}

section.business p.nav-more:after {
	content: '\30FC';
}

section.business p.nav-more.close:after {
	content: '\FF0B';
}

section.business div.detail {
	border-top: solid 1px #CCC;
	padding: 2em 2.5em;
	line-height: 1.6em;
}

section.business div.detail p {
	margin-bottom: 1em;
}

section.business div.detail p.figure {
	margin: 2em 0;
}

section.business div.detail ul.simple {
	margin-top: -1em;
	padding-left: 1em;
}

section.business div.detail .simple li {
	padding-left: 1em;
	text-indent: -1em;
}

section.business div.detail .simple li:before {
	content: '\30FB';
	display: inline-block;
	width: 1em;
	text-indent: 0;
}

section.business div.detail ul.photo {
	overflow: hidden;
	margin-bottom: 2em;
	font-size: 87%;
}

section.business div.detail .photo li {
	float: left;
	margin: 0 0 1em 2%;
	width: 49%;
	line-height: 1.2;
}

section.business div.detail .photo li:nth-child(2n+1) {
	margin-left: 0;
}

section.business div.detail .photo li img {
	display: block;
	margin-bottom: 0.5em;
}

section.business div.detail dt {
	margin-bottom: 0.5em;
	border-left: solid 0.35em;
	padding-left: 0.5em;
	line-height: 1.333;
	font-size: 150%;
}

.railway section.business div.detail dt {
	border-left-color: #D2456F;
}

.telecommunication section.business div.detail dt {
	border-left-color: #49BBCC;
}

.general section.business div.detail dt {
	border-left-color: #89B80C;
}

/*20240111追加*/
/*
section.business table {
	margin-bottom: 2em;
	width: 100%;
}
section.business table caption {
	padding-bottom: 0.5em;
	text-align: left;
	font-size: 112%;
}
section.business th,
section.business td {
	border: solid 1px #CCC;
	padding: 1em 2em;
}
section.business th:nth-child(1),
section.business tr:nth-child(1) {
	background: #d9d9d9;	
}
section.business th:nth-child(2),
section.business tr:nth-child(2) {
	background: #d9d9d9;
}
section.business th:nth-child(3),
section.business tr:nth-child(3) {
	background: #FFFFFF;
}
section.business th:nth-child(4),
section.business tr:nth-child(4) {
	background: #F5F5F5;
}
section.business th:nth-child(5),
section.business tr:nth-child(5) {
	background: #FFFFFF;
}
section.business th:nth-child(6),
section.business tr:nth-child(6) {
	background: #F5F5F5;
}
section.business th:nth-child(1){
	border-right: solid 1px #CCC;
	width: 30%;
}
section.business td:nth-child(1) {
	border-right: solid 1px #CCC;
	width: 17%;
}
section.business th:nth-child(2),
section.business td:nth-child(2) {
	border-left: none;
	width: 17%;
}
section.business th:nth-child(3),
section.business td:nth-child(3) {
	border-left: none;
	width: 17%;
}
section.business th:nth-child(4),
section.business td:nth-child(4) {
	border-left: none;
	width: 17%;
}
section.business th:nth-child(5),
section.business td:nth-child(5) {
	border-left: none;
	width: 17%;
}
section.business th {
	background: #E6E6E6;
	text-align: left;
	font-weight: 400;
}

section.business p.nav-index {
	margin-top: 3em;
	text-align: center;
	font-size: 87%;
}
section.business p.nav-index a {
	display: inline-block;
	border: solid 1px;
	padding: 0.8em 1em;
	width: 15em;
}
*/
/*ここまで20240111追加*/

/*20260603追加*/
.right-image {
	float: right;
	margin-left: 10px; /* テキストとの間隔 */
	width: 200px; /* 必要に応じてサイズ調整 */
}
.zeb {
		font-size: 130%; 
		line-height: 1.5em; 
		font-weight: 500;
}
.zeb_table table {
	margin-bottom: 2em;
	width: 100%;
}
.zeb_table table caption {
	padding-bottom: 0.5em;
	text-align: left;
	font-size: 112%;
}
.zeb_table th,
.zeb_table td {
	border: solid 1px #CCC;
	padding: 1.0em 1.0em;
}
.zeb_table th:nth-child(1),
.zeb_table tr:nth-child(1) {
	background: #d9d9d9;	
	/*white-space: nowrap;*/
}
.zeb_table th:nth-child(2),
.zeb_table tr:nth-child(2) {
	background: #d9d9d9;
}
.zeb_table th:nth-child(3),
.zeb_table tr:nth-child(3) {
	background: #FFFFFF;
}
.zeb_table th:nth-child(4),
.zeb_table tr:nth-child(4) {
	background: #F5F5F5;
}
.zeb_table th:nth-child(5),
.zeb_table tr:nth-child(5) {
	background: #FFFFFF;
}
.zeb_table th:nth-child(6),
.zeb_table tr:nth-child(6) {
	background: #F5F5F5;
}
.zeb_table th:nth-child(1){
	border-right: solid 1px #CCC;
	width: 16%;
	/*white-space: nowrap;*/
}
.zeb_table td:nth-child(1) {
	border-right: solid 1px #CCC;
	width: 16%;
	/*white-space: nowrap;*/
}
.zeb_table th:nth-child(2),
.zeb_table td:nth-child(2) {
	border-left: none;
	width: 16%;
}
.zeb_table th:nth-child(3),
.zeb_table td:nth-child(3) {
	border-left: none;
	width: 16%;
}
.zeb_table th:nth-child(4),
.zeb_table td:nth-child(4) {
	border-left: none;
	width: 16%;
}
.zeb_table th:nth-child(5),
.zeb_table td:nth-child(5) {
	border-left: none;
	width: 16%;
}
.zeb_table th {
	background: #E6E6E6;
	text-align: left;
	font-weight: 400;
}

.zeb_table2 table {
	margin-bottom: 2em;
	width: 100%;
}
.zeb_table2 table caption {
	padding-bottom: 0.5em;
	text-align: left;
	font-size: 112%;
}
.zeb_table2 th,
.zeb_table2 td {
	border: solid 1px #CCC;
	padding: 1.0em 1.0em;
}
.zeb_table2 th:nth-child(1),
.zeb_table2 tr:nth-child(1) {
	background: #d9d9d9;	
	/*white-space: nowrap;*/
}
.zeb_table2 th:nth-child(2),
.zeb_table2 tr:nth-child(2) {
	background: #FFFFFF;
}
.zeb_table2 th:nth-child(3),
.zeb_table2 tr:nth-child(3) {
	background: #F5F5F5;
}
.zeb_table2 th:nth-child(4),
.zeb_table2 tr:nth-child(4) {
	background: #FFFFFF;
}
.zeb_table2 th:nth-child(5),
.zeb_table2 tr:nth-child(5) {
	background: #F5F5F5;
}
.zeb_table2 th:nth-child(6),
.zeb_table2 tr:nth-child(6) {
	background: #FFFFFF;
}
.zeb_table2 th:nth-child(7),
.zeb_table2 tr:nth-child(7) {
	background: #F5F5F5;
}
.zeb_table2 th:nth-child(1){
	border-right: solid 1px #CCC;
	/*width: 16%;*/
	/*white-space: nowrap;*/
}
.zeb_table2 td:nth-child(1) {
	border-right: solid 1px #CCC;
	/*width: 15%;*/
	/*white-space: nowrap;*/
}
.zeb_table2 th:nth-child(2) {
	background: #d9d9d9;
	border-left: none;
	/*width: 15%;*/
}
.zeb_table2 td:nth-child(2) {
	border-left: none;
	/*width: 15%;*/
}
.zeb_table2 th:nth-child(3) {
	background: #d9d9d9;	
	border-left: none;
	/*width: 15%;*/
}
.zeb_table2 td:nth-child(3) {
	
	border-left: none;
	/*width: 15%;*/
}
.zeb_table2 th:nth-child(4) {
	background: #d9d9d9;
	border-left: none;
	/*width: 15%;*/
}
.zeb_table2 td:nth-child(4) {
	border-left: none;
	/*width: 15%;*/
}
.zeb_table2 th:nth-child(5),
.zeb_table2 td:nth-child(5) {
	border-left: none;
	/*width: 15%;*/
}
.zeb_table2 th:nth-child(6),
.zeb_table2 td:nth-child(6) {
	border-left: none;
	/*width: 15%;*/
}
.zeb_table2 th {
	background: #E6E6E6;
	text-align: left;
	font-weight: 400;
}
/*ここまで20260603追加*/

section.technology {
	margin: 3rem auto 4rem;
	padding: 0 1rem;
	max-width: 55rem;
	line-height: 1.5;
	font-size: 114%;
}

section.technology h2 {
	margin-bottom: 1.4em;
	border-left: solid 0.3em #35743C;
	padding: 0.4em 0.6em;
	font-size: 187%;
}
	
section.technology table {
	margin-bottom: 2em;
	width: 100%;
}

section.technology table caption {
	padding-bottom: 0.5em;
	text-align: left;
	font-size: 112%;
}

section.technology th,
section.technology td {
	border: solid 1px #CCC;
	padding: 1em 2em;
}

section.technology th:nth-child(1),
section.technology td:nth-child(1) {
	border-right: none;
	width: 25%;
	white-space: nowrap;
}

section.technology th:nth-child(2),
section.technology td:nth-child(2) {
	border-left: none;
}

section.technology th {
	background: #E6E6E6;
	text-align: left;
	font-weight: 400;
}

section.technology td {
	background: #F5F5F5;
}

section.technology p {
	margin-bottom: 2em;
}

section.technology dl {
	margin-bottom: 2em;
}

section.technology dt {
	margin-bottom: 0.5em;
	font-size: 162%;
}

section.technology dd ul {
	overflow: hidden;
}

section.technology dd li {
	float: left;
	margin: 0 0 1em 2%;
	width: 49%;
}

section.technology dd li:nth-child(2n+1) {
	margin-left: 0;
}

section.technology dd li img {
	display: block;
	margin-bottom: 0.3em;
}





section.lease_management {
	margin: 3rem auto 4rem;
	padding: 0 1rem;
	max-width: 55rem;
	line-height: 1.5;
	font-size: 114%;
}

section.lease_management h2 {
	margin-bottom: 1.4em;
	border-left: solid 0.3em #35743C;
	padding: 0.4em 0.6em;
	font-size: 187%;
}
	
section.lease_management table {
	margin-bottom: 2em;
	width: 100%;
}

section.lease_management table caption {
	padding-bottom: 0.5em;
	text-align: left;
	font-size: 112%;
}

section.lease_management th,
section.lease_management td {
	border: solid 1px #CCC;
	padding: 1em 2em;
}

section.lease_management th:nth-child(1),
section.lease_management td:nth-child(1) {
	border-right: solid 1px #CCC;
	width: 25%;
	/*white-space: nowrap;*/
}

section.lease_management th:nth-child(2),
section.lease_management td:nth-child(2) {
	border-left: none;
}

section.lease_management th {
	background: #E6E6E6;
	text-align: left;
	font-weight: 400;
}

section.lease_management td {
	background: #F5F5F5;
}

section.lease_management p {
	margin-bottom: 2em;
}

section.lease_management dl {
	margin-bottom: 2em;
}

section.lease_management dt {
	margin-bottom: 0.5em;
	font-size: 162%;
}

section.lease_management dd ul {
	overflow: hidden;
}

section.lease_management dd li {
	float: left;
	margin: 0 0 1em 2%;
	width: 49%;
}

section.lease_management dd li:nth-child(2n+1) {
	margin-left: 0;
}

section.lease_management dd li img {
	display: block;
	margin-bottom: 0.3em;
}




section.lease_management2 {
	margin: 3rem auto 4rem;
	padding: 0 1rem;
	max-width: 55rem;
	line-height: 1.5;
	font-size: 114%;
}

section.lease_management2 h2 {
	margin-bottom: 1.4em;
	border-left: solid 0.3em #35743C;
	padding: 0.4em 0.6em;
	font-size: 187%;
}
	
section.lease_management2 table {
	margin-bottom: 2em;
	width: 100%;
}

section.lease_management2 table caption {
	padding-bottom: 0.5em;
	text-align: left;
	font-size: 112%;
}

section.lease_management2 th,
section.lease_management2 td {
	border: solid 1px #CCC;
	padding: 1em 2em;
}

section.lease_management2 th:nth-child(1),
section.lease_management2 td:nth-child(1) {
	border-right: none;
	width: 25%;
	/*white-space: nowrap;*/
}

section.lease_management2 th:nth-child(2),
section.lease_management2 td:nth-child(2) {
	border-left: none;
}

section.lease_management2 th {
	/*background: #E6E6E6;*/
	text-align: left;
	font-weight: 400;
}

section.lease_management2 td {
	/*background: #F5F5F5;*/
}

section.lease_management2 p {
	margin-bottom: 2em;
}

section.lease_management2 dl {
	margin-bottom: 2em;
}

section.lease_management2 dt {
	margin-bottom: 0.5em;
	font-size: 162%;
}

section.lease_management2 dd ul {
	overflow: hidden;
}

section.lease_management2 dd li {
	float: left;
	margin: 0 0 1em 2%;
	width: 49%;

}

section.lease_management2 dd li:nth-child(2n+1) {
	margin-left: 0;
}

section.lease_management2 dd li img {
	display: block;
	margin-bottom: 0.3em;
}


section.lease_management2 tr{

}
section.lease_management2 tr:nth-child(1) {
	background: #E6E6E6;
}
section.lease_management2 tr:nth-child(2) {
	background: #FFFFFF;
}
section.lease_management2 tr:nth-child(3) {
	background: #E6E6E6;
}
section.lease_management2 tr:nth-child(4) {
	background: #FFFFFF;
}
section.lease_management2 tr:nth-child(5) {
	background: #E6E6E6;
}
section.lease_management2 tr:nth-child(6) {
	background: #FFFFFF;
}
section.lease_management2 tr:nth-child(7) {
	background: #E6E6E6;
}
section.lease_management2 tr:nth-child(8) {
	background: #FFFFFF;
}
section.lease_management2 .lm1 {
	width: 40%;
	vertical-align: top;
}
section.lease_management2 .lm2 {
	width: 60%;
	vertical-align: top;
}




/*事例のタブを追加する場合*/


section.works {
	margin: 0 auto;
	padding: 0 1rem;
	max-width: 55rem;
	line-height: 1.7;
}

section.works ul.nav-search {
	margin-bottom: 5em;
	border-bottom: solid 1px;
	text-align: center;
	font-size: 114%;
}

section.works ul.nav-search li {
	display: inline-block;
	padding: 0.3em 2em;
	cursor: pointer;
}

section.works.job00 ul.nav-search {
	border-bottom-color: #444;
}

section.works.job01 ul.nav-search {
	border-bottom-color: #D54270;
}

section.works.job02 ul.nav-search {
	border-bottom-color: #10B3CA;
}

section.works.job03 ul.nav-search {
	border-bottom-color: #8B0;
}

section.works ul.nav-search li.job00:hover,
section.works.job00 ul.nav-search li.job00 {
	background: #444;
	color: #FFF;
}
	
section.works ul.nav-search li.job01:hover,
section.works.job01 ul.nav-search li.job01 {
	background: #D54270;
	color: #FFF;
}
	
section.works ul.nav-search li.job02:hover,
section.works.job02 ul.nav-search li.job02 {
	background: #10B3CA;
	color: #FFF;
}
	
section.works ul.nav-search li.job03:hover,
section.works.job03 ul.nav-search li.job03 {
	background: #8B0;
	color: #FFF;
}

section.works > p.note { /* 2018-02-06 追加 */
	margin: -4em 0 4em;
	text-align: right;
}

section.works > div {
	overflow: hidden;
	margin: 0 -2.42%;
}

section.works dl {
	float: left;
	margin: 0 2.4% 5em;
	width: 28.533%;
}

section.works dt {
	position: relative;
	cursor: pointer;
}

section.works dt img {
	width: 100%;
}

section.works dt em {
	display: block;
	margin-top: 0.8em;
	height: 3.4em;
}

section.works dt em .red {
	color: #FF0000;	
}

section.works dt:after {
	content: '';
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../../works/img/bt-open.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 6.5em auto;
	background-color: rgba(0,0,0,0.2);
	padding-bottom: 100%;
	width: 100%;
}

section.works dt:hover:after {
	display: block;
}

section.works dl.job01 dt:after {
	background-color: rgba(213,66,112,0.5);
}

section.works dl.job02 dt:after {
	background-color: rgba(16,179,202,0.5);
}

section.works dl.job03 dt:after {
	background-color: rgba(136,187,0,0.5);
}

section.works dd {
	display: none;
}

div.layer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	box-sizing: border-box;
	background: rgba(0,0,0,0.8);
	padding: 1em;
	width: 100%;
	height: 100%;
	font-size: 0.8rem;
	display: none;
}

.lightbox {
	position: relative;
	margin: 4em auto 0;
	box-sizing: border-box;
	background: #FFF;
	padding: 4em 7em;
	max-width: 54em;
	line-height: 1.75;
}

.lightbox .category {
	margin-bottom: 1em;
	background: #999;
	padding: 0.5em;
	width: 12em;
	text-align: center;
	font-size: 125%;
	color: #FFF;
}

.lightbox.job01 .category {
	background: #D54270;
}
	
.lightbox.job02 .category {
	background: #10B3CA;
}
	
.lightbox.job03 .category {
	background: #8B0;
}

.lightbox .summary {
	height: 5.25em;
	font-size: 112%;
}

.lightbox ul {
	margin-bottom: 1em;
}

.lightbox li {
	position: relative;
	width: 100%;
}

.lightbox li.v {
	left: 15%;
	width: 70%;
}

.lightbox li span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	padding: 1.5em 2em;
	width: 100%;
	color: #FFF;
}

.lightbox li span i { /* 2018-02-06 追加 */
	display: block;
	margin-bottom: -1em;
	text-align: right;
	font-size: 87%;
}

.lightbox .prev,
.lightbox .next {
	position: absolute;
	top: 50%;
	width: 1.375em;
	cursor: pointer;
}

.lightbox .prev {
	left: 4em;
}

.lightbox .next {
	right: 4em;
}

.lightbox .exists {
	margin-bottom: 2.5em;
	text-align: center;
}

.lightbox .exists span {
	margin: 0 0.5em;
	opacity: 0.5;
	cursor: pointer;
}

.lightbox .exists span.current {
	opacity: 1;
}

.lightbox .close1 {
	position: absolute;
	top: -3.2em;
	right: 0;
	width: 2.375em;
	cursor: pointer;
}

.lightbox .close2 {
	margin: 0 auto;
	background: #333;
	padding: 0.5em;
	width: 16em;
	text-align: center;
	color: #FFF;
	cursor: pointer;
}

/*事例のタブを追加する場合ここまで*/


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

/*事例のタブを追加する場合*/	
	section.works dt em {
		height: 5.1em;
	}

	.lightbox {
		padding: 7% 10%;
		line-height: 1.5;
	}

	.lightbox li span {
		padding: 0.5em 1em;
	}

	.lightbox li span i { /* 2018-02-06 追加 */
		margin-bottom: 0em;
	}

	.lightbox .prev {
		left: 3%;
	}

	.lightbox .next {
		right: 3%;
	}

/*事例のタブを追加する場合ここまで*/

}




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

	section.pages ul {
		font-size: 128%;
	}

}



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

	section.pages li span {
		height: 11.2em;
		color: #FFF;
	}
	
	section.pages li .nolink {
		display:block;
		text-align:left;
		padding-left:0;
	}

	section.business {
		margin: 2rem 1rem;
	}

}

@media screen and (max-width:1000px) {
	
	section.action div.boxInner {
		border:20px solid #fdf0bd;
		width:70%;
		top:34%;
		left:15%;
		height:40%;
	}
	
	section.action li img {
		width:90%;
	}

	section.action li em {
		margin-top: 38%;
		font-size: 135%;
	}
	
	section.pages ul {
		font-size: 114%;
	}
	
	section.business h2 {
		font-size: 187%;
	}

}


@media screen and (max-width:900px) {
	section.action li em {
		margin-top: 38%;
		font-size: 125%;
	}
}

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

	section.pages ul {
		font-size: 100%;
	}
	
	section.action li {
		margin-bottom: 2.5em;
	}
	
	section.pages li.aside span {
		height:14em;
	}
	
	section.business div:first-child {
		background-size: 10em auto;
		padding: 0.5em 4em 0.5em 10.5em;
		height: 6.5em;
	}

	section.business h2 {
		font-size: 150%;
	}

	section.business div.detail dt {
		font-size: 125%;
	}
	
	section.technology th,
	section.technology td {
		padding: 1em;
	}

	section.technology th:nth-child(1),
	section.technology td:nth-child(1) {
		width: 4em;
	}

	section.lease_management th,
	section.lease_management td {
		padding: 1em;
	}

	section.lease_management th:nth-child(1),
	section.lease_management td:nth-child(1) {
		width: 4em;
	}


	section.lease_management2 th,
	section.lease_management2 td {
		padding: 1em;
	}

	section.lease_management2 th:nth-child(1),
	section.lease_management2 td:nth-child(1) {
		width: 4em;
	}

	/*20240111追加*/	
	section.business th,
	section.business td {
		padding: 1em 1em;
	}
	section.business td:nth-child(1) {
		padding: 1em;
	}
	section.business td:nth-child(2) {
		padding: 1em;
	}
	section.business td:nth-child(3) {
		padding: 1em;
	}
	section.business td:nth-child(4) {
		padding: 1em;
	}
	section.business td:nth-child(5) {
		padding: 1em;
	}
	/*ここまで20240111追加*/
	/*20240501追加*/
	section.business td:nth-child(6) {
		padding: 1em;
	}
	/*ここまで20240501追加*/

}

@media screen and (max-width:767px) {
	
	section.action li {
		position: relative;
		float: left;
		margin: 0;
		padding:0 3%;
		margin-bottom: 0.5em;
		width: 44%;
		line-height: 1.5;
	}
	
	section.action div.boxInner {
		border:22px solid #fdf0bd;
		width:54%;
		top:24%;
		left:22%;
		height:56%;
	}

	section.pages li span {
		height: 12.2em;
		color: #FFF;
	}
	
	section.pages li.aside span {
		height:16em;
	}

}

@media screen and (max-width:680px) {
	section.action div.boxInner {
		border:24px solid #fdf0bd;
		width:54%;
		top:26%;
		left:22%;
		box-sizing:border-box;
		height:56%;
		z-index:1;
	}
}


@media screen and (max-width:640px) {
	
	section.action h2 {
		font-size: 150%;
		background-image: url(../../business/img/bg_s.png);
		background-repeat: no-repeat;
		background-position: 0% 0%;
	}
	
	section.action div.boxInner {
		display:none;
	}
		
	section.action li {
		position:relative;
		margin-left: 0 !important;
		width: auto;
		margin-bottom: 2.8em;	
	}
	
	section.action li:last-child {
		margin-bottom: 0;
	}
	
	section.action li:after {
		content: '';
		display: block;
		position: absolute;
		bottom: -3em;
		left: 50%;
		margin-left: -2em;
		width: 0;
		height: 0;
		border: solid transparent;
		border-width: 1.2em 2.2em;
		border-top-color: #38733e;
	}
	
	section.action li:last-child:after {
		border:none;
	}

	section.action li em {
		margin-top: 26%;
	}
	
	section.action li span {
		padding-bottom: 1.5em;
		height: auto;
	}
	
	section.action li img {
		width:60%;
	}
	
	section.pages {
		margin-bottom: 2rem;
	}

	section.pages li span {
		position: static;
		width: auto;
		height: auto;
	}

	section.pages li.aside span {
		float: none;
		width: auto;
		height: auto !important;
	}

	section.pages li.aside img {
		display: block;
		float: none;
		margin: 0 auto;
		padding-left: 0.8em;
		width: auto;
	}

	section.business {
		font-size: 100%;
	}

	section.business div:first-child {
		background-size: 9em auto;
		padding-left: 9.5em;
		height: 5em;
	}

	section.business h2 {
		font-size: 125%;
	}

	section.business div.detail dt {
		font-size: 114%;
	}
	
	section.business div.detail {
		padding: 1em 1.5em;
	}
	
	section.technology {
		margin: 2rem auto;
	}

	section.technology h2 {
		font-size: 150%;
	}

	section.technology table {
		font-size: 87%;
	}
	
	section.technology dt {
		font-size: 114%;
	}

	section.technology dd li {
		float: none;
		margin-left: 0;
		width: auto;
		text-align: center;
	}
	
	section.technology dd li img {
		margin: 0 auto 0.3em;
	}




	
	section.lease_management {
		margin: 2rem auto;
	}

	section.lease_management h2 {
		font-size: 150%;
	}

	section.lease_management table {
		font-size: 87%;
	}
	
	section.lease_management dt {
		font-size: 114%;
	}

	section.lease_management dd li {
		float: none;
		margin-left: 0;
		width: auto;
		text-align: center;
	}
	
	section.lease_management dd li img {
		margin: 0 auto 0.3em;
	}




	
	section.lease_management2 {
		margin: 2rem auto;
	}

	section.lease_management2 h2 {
		font-size: 150%;
	}

	section.lease_management2 table {
		font-size: 87%;
	}
	
	section.lease_management2 dt {
		font-size: 114%;
	}

	section.lease_management2 dd li {
		float: none;
		margin-left: 0;
		width: auto;
		text-align: center;
	}
	
	section.lease_management2 dd li img {
		margin: 0 auto 0.3em;
	}


	/*20240111追加*/	
	section.business p.nav-index {
		font-size: 100%;
	}
	section.business p.nav-index a {
	}
	/*ここまで20240111追加*/


	/*20260603追加*/
	.right-image {
	float: right;
	margin-left: 10px; /* テキストとの間隔 */
	width: 30%; /* 必要に応じてサイズ調整 */
	}
	.zeb {
		font-size: 114%;
	}
	/*ここまで20260603追加*/

}

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

@media screen and (max-width:480px) {
	
	section.action li em {
		font-size:140%;
		margin-top: 32%;
	}
	
	section.action li img {
		width:76%;
	}

	section.business div:first-child {
		display: block;
		background-size: 0 0;
		padding: 1em 4em 1em 0.5em;
		height: auto;
	}

	section.business h2 {
		display: block;
		width: auto;
	}

	section.business div.detail .photo li {
		float: none;
		margin-left: 0;
		width: auto;
	}

}