/*Inner Page*/
.aec-block {
  padding: 50px 0px 50px 0px;
  position: relative;
  background: #F2F2F2;
  background: url("../images/manufacturing-bg.png") top center repeat;
}
.aec-block .apeos-pro {
  position: absolute;
  margin: 0 auto;
  left: 50%;
  top: 314px;
  width: 258px;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 22;
}
.aec-block .apeos-pro a {
  margin-top: 20px;
  background: #FAB39D;
  color: #232323;
  padding: 10px;
  font-size: 18px;
  border: none;
}
.aec-block .apeos-pro a:hover {
  background: #18552B;
  color: #ffffff;
}
.aec-block .menu-list .btn-primary {
  background: #EAEAEA;
  font-size: 18px;
  border: none;
  padding: 16px 0px;
  color: #232323;
  box-shadow: 3px 2px 6px -1px rgba(0, 0, 0, 0.62);
  -webkit-box-shadow: 3px 2px 6px -1px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: 3px 2px 6px -1px rgba(0, 0, 0, 0.62);
}
.aec-block .menu-list .btn-primary:hover {
  background: #18552B;
  color: #ffffff;
}
.aec-block .menu-list .active1 {
  background: #18552B;
  color: #ffffff;
}
.aec-block .menu-list .active2 {
  background: #247644;
  color: #ffffff;
}
.aec-block .menu-list .active3 {
  background: #3E9C62;
  color: #ffffff;
}
.aec-block .animation-block {
  padding: 0px 0px;
}
.aec-block .animation-block .pro-info {
  padding: 70px 0px;
  margin-bottom: 0px;
}
.aec-block .animation-block .arrow {
  margin: 0;
}
.aec-block .animation-block .line {
  padding: 0px 0%;
}
.aec-block .animation-block .line center {
  border-top: 1px solid #18552B;
  border-bottom: 1px solid #18552B;
}
.aec-block .dic {
  padding: 0px;
  margin: 0px;
  text-align: left;
  font-size: 14px;
  color: #18552B;
}
.aec-block .dic2 {
  padding: 15px 0px 0px 0px !important;
  margin: 0px;
  text-align: right;
  display: block;
  font-size: 12px;
}
.aec-block .info-list {
  background: #A7D9CF;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 20px;
}
.aec-block .info-list .headCopy {
  padding: 20px;
}
.aec-block .info-list .headCopyColor1 {
  background: #18552B;
}
.aec-block .info-list .headCopyColor2 {
  background: #247644;
}
.aec-block .info-list .headCopyColor3 {
  background: #3E9C62;
}
.aec-block .info-list .bodyCopy {
  padding: 20px;
  font-size: 14px;
}
.aec-block .info-list .bodyCopy p {
    font-family: "Clarimo UD PE DemiBold", "UD Shin Go Conde90 DB JIS2004", sans-serif;
}
.aec-block .info-list .headCopy h6 {
  color: #ffffff;
  margin: 0px;
  padding: 0px 0px 0px 80px;
  font-size: 16px;
  line-height: 21px;
}
.aec-block .info-list .headCopy1 h6 {
  background: url("../images/aec-icon1.png") no-repeat left top;
}
.aec-block .info-list .headCopy2 h6 {
  background: url("../images/aec-icon2.png") no-repeat left top;
}
.aec-block .info-list .headCopy3 h6 {
  background: url("../images/aec-icon3.png") no-repeat left top;
}
.aec-block .info-list .bodyCopy ul {
  margin: 0px;
  padding: 0px;
}
.aec-block .info-list .bodyCopy ul li {
  margin: 0px 0px 0px 15px;
  padding: 0px;
  list-style: disc;
}
/*Accordion*/
a:focus, a:hover, a:active {
  outline: 0;
  text-decoration: none;
}
.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}
.panel:last-child {
  border-bottom: none;
}
.panel-group {
  margin-bottom: 0px;
}
.panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}
.panel-group .panel {
  border-radius: 0;
}
.panel-group .panel .active {
  background: #18552B;
}
.panel-group .panel .active > .panel-title a {
  color: #ffffff;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-heading {
  background-color: #EAEAEA;
  border-radius: 0;
  border: none;
  color: #232323;
  padding: 0;
}
.panel-title a {
  display: block;
  color: #232323;
  padding: 15px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}
.panel-title {
  padding: 0px;
}
.panel-body {
  background: #fff;
}
.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}
.panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}
.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */
.panel-heading a:before {
  content: '\e146';
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  font-size: 24px;
  transition: all 0.5s;
  transform: scale(1);
}
.panel-heading.active a:before {
  content: ' ';
  transition: all 0.5s;
  transform: scale(0);
}
.aec-blockSm .apeos-pro {
  position: relative;
  margin: 0 auto;
  left: inherit;
  top: inherit;
  width: 258px;
  height: auto;
  transform: none;
  z-index: 22;
  padding: 20px 0px;
}
.aec-block .line center {
  border-top: 1px solid #18552B;
  border-bottom: 1px solid #18552B;
}
.aec-blockSm .line center {
  border-top: 1px solid #18552B;
  border-bottom: 1px solid #18552B;
  padding: 20px 0px;
}
.aec-blockSm .info-list {
  background: #A7D9CF;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 0px;
}
#bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  transform: scale(0);
  transition: all 0.5s;
}
#bs-collapse .panel-heading.active a:after {
  content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
/* #accordion rotate icon option */
#accordion .panel-heading a:before {
  content: '';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  background: url("../images/arrow.png") no-repeat center center;
  width: 15px;
  height: 15px;
  right: 15px;
  top: 15px;
  transform: rotate(180deg);
  transition: all 0.5s;
}
#accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
  background: url("../images/arrow1.png") no-repeat center center;
}
@media (max-width: 991px) {
  .aec-block .info-list .headCopy, .aec-block .info-list .bodyCopy {
    min-height: inherit;
  }
  .aec-block .animation-block .line {
    padding: 0px 20%;
  }
  .aec-block {
    padding: 50px 0px 50px 0px;
  }
  .inn-banner h1 {
    padding: 100px 20px !important;
  }
}
@media (max-width: 1199px) {
  .aec-block .apeos-pro {
    top: 320px;
  }
}
.btn-faded {
  opacity: 0.5;
}
.menu-list button:hover::before {
  opacity: 1;
}
.menu-list button::after {
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 3px solid #18552B;
  position: absolute;
  z-index: -1;
  bottom: 11%;
  right: 2%;
  animation: ring 1.5s infinite;
  z-index: 999;
}
.menu-list .active1::after {
  border: 0px solid;
}
.menu-list .active2::after {
  border: 0px solid;
}
.menu-list .active3::after {
  border: 0px solid;
}
.brown_p {
  color: #18552B;
}
.menu-list button:hover::after {
  animation: none;
  display: none;
}
@keyframes ring {
  0% {
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  100% {
    width: 30px;
    height: 30px;
    opacity: 0;
  }
}
/*button*/
.menu-list .button {
  min-width: 100%;
  min-height: 60px;
  font-size: 18px;
  color: #232323;
  background: #EAEAEA;
  background: linear-gradient(90deg, rgba(196, 196, 196, 1) 0%, rgba(222, 222, 222, 1) 100%);
  border: none;
  border-radius: 5px;
  box-shadow: 6px 6px 6px rgba(116, 116, 116, .64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 10px;
}
.menu-list button::before {
  content: '';
  border-radius: 10px;
  min-width: calc(100% + 0px);
  min-height: calc(60px + 10px);
  box-shadow: 6px 6px 12px rgba(24, 85, 43, .64);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}
.menu-list .button:hover {
  color: #ffffff;
  transform: translateY(-6px);
  background: #18552B;
}

[parax-bg] {
    opacity: .8;
}