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



/*============
business-greenedge
=============*/

.business-greenedge {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
/*
#green-edge-bx .business-automation__content {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }	
*/
}
@media screen and (max-width: 768px) {
  .business-greenedge {
    margin-bottom: 3.125rem;
  }
}
@media screen and (max-width: 450px) {
#green-edge-bx .business-automation__content {
        padding-right: 0.4rem;
        padding-left: 2.1rem;
    }	
}

.business-greenedge__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 1024px) {
  .business-greenedge__items {
    flex-direction: column;
  }
}

.business-greenedge__item {
  max-width: 656px;
  width: 47%;
}
@media screen and (max-width: 1024px) {
  .business-greenedge__item {
    display: contents;
  }
}

.business-greenedge__image {
  max-width: 725px;
  width: 52%;
  margin-top: 38px;
}
@media screen and (max-width: 1024px) {
  .business-greenedge__image {
    display: contents;
    margin-top: 0;
  }
  .business-greenedge__image picture {
    order: -1;
  }
  .business-greenedge__image img {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 1024px) {
  .business-greenedge__heading {
    order: -1;
  }
}

.business-greenedge__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14rem;
}
.business-greenedge__button:after {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.5rem;
  -webkit-mask: url(../img/common/icon_tab.svg);
  mask: url(../img/common/icon_tab.svg);
  -webkit-mask-size: cover;
  mask-size: cover;
  background: #000000;
  transition: 0.4s;
}
@media screen and (min-width: 750px) {
  .business-greenedge__button:hover:before {
    width: 14rem;
  }
}
@media screen and (max-width: 768px) {
  .business-greenedge__button {
    width: 8.25rem;
  }
}

.business-greenedge__textarea {
  margin-bottom: 2.5rem;
}
.business-greenedge__textarea p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.green-edge-pg{
width: 100%;
background-color: #143b20; 	
 background-image: url(../img/greenedge/edge_bg01.jpg);	
 background-size: contain;
 background-repeat: no-repeat;	
  background-position: center top;	
}


/*
.green-edge-pg .business-automation__heading,
.green-edge-pg .business-lists__heading-jp,
.business-lists__heading-en,
.green-edge-pg .business-automation__title,
.green-edge-pg .business-qa__heading,
.green-edge-pg .business-qa__text {
	color: #fff;
  }	
*/
.green-edge-pg .business-automation__heading,
.green-edge-pg .business-automation__title {
	color: #fff;
  }

@media screen and (max-width: 768px) {
.green-edge-pg .business-automation__heading {
    font-size: 1.68rem;
  }	
 .green-edge-pg .business-automation__title {
    margin-bottom: 2rem;
    font-size: 1.55rem;
    letter-spacing: 0;
  }		
}

.green-edge-pg .business-automation__textarea p:not(:last-child) {
  margin-bottom: 1.5rem;
}
.green-edge-pg .business-automation__textarea {
  width: 520px;
}
@media screen and (max-width: 1024px) {
.green-edge-pg .business-automation__textarea {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
.green-edge-pg .business-automation__textarea {
    width: 100%;
  }
}

.green-edge-pg .business-automation__image {
  max-width: 1336px;
  width: 66%;
  margin-top: -35%!important;
  margin-bottom: 100px;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
 .green-edge-pg .business-automation__image {
    margin-bottom: 4.375rem;
  max-width: 1024px;
  width: 55%;
  margin-top: -48%!important;	 
  }
}
@media screen and (max-width: 768px) {
 .green-edge-pg .business-automation__image {
    width: 100%;
  margin-top: 50px!important;
  margin-bottom: 50px;
  margin-left: auto; 
  }
}
.green-edge-pg .breadcrumb{
/*	display: none;*/
}
.green-edge-pg .breadcrumb-wrap {
    margin-bottom: 80px;
}

.green-edge-pg p.c-text {
	color: #fff;
text-shadow : 1px 1px 3px #828181;		
}
.green-edge-pg .list4itm p.c-text {
	color: #000!important;
text-shadow :none;		
}
.green-edge-pg .c-fv__heading-en {
	color: #fff;	
    margin-right: clamp(20px, 3vw, 50px);
    font-size: clamp(32px, 6vw, 80px);
    font-family: "Palanquin", sans-serif;
    text-transform: unset;
}
.green-edge-pg .c-fv {
display: relative;	
}
.green-edge-pg h1.c-fv__heading {
	display: block;
	position: relative;
color: #fff;	
/*height: 307px;	*/
/*height: 614px; 	*/
    max-width: 100%;
    width: 100%;
	padding-top: 100px
}
@media screen and (max-width: 768px) {
 .green-edge-pg h1.c-fv__heading {
	padding-top: 70px	 
/*    height: 9.1875rem;*/
/*	height: 295px; */
  }
.green-edge-pg .breadcrumb-wrap {
    margin-bottom: 20px;
}	
}


.green-edge-pg .business-qa p.c-text{
	color: #000;
	text-shadow: none;
}

.green-edge-bg {
width: 100%;
	background: #fff;
}




/*============
business-lists
=============*/
.list4itm .business-list {
  width: 24%;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  background: #FFFFFF;
  border-radius: 8px;
  border: dotted 2px #C1C1C1;
}
@media (max-width: 1300px) {
.list4itm .business-list {
    width: 32%;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1024px) {
.list4itm .business-list {
    width: 49%;
  }
}
/*
@media screen and (max-width: 768px) {
.list4itm .business-list {
    padding-right: 0.5rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
  }
}
*/

