@charset "UTF-8";
/**/
/*--menu--*/
/**/
ul.business-menu{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 32px;
  row-gap: 40px;

  width: min(1120px,100%);
  padding: 96px 16px 192px;
  margin-inline: auto;
}
li.business-menu-item{
  width: 100%;
}
li.business-menu-item a{
  position: relative;
  z-index: 1;

  display: grid;
  grid-template-columns: 4fr 5fr;
  align-items: center;
  width: 100%;
  padding: 24px;

  color: var(--tc);
  font-size: 26px;
  font-weight: 700;
  text-align: center;

  border: solid 2px var(--tc);
  cursor: pointer;
}
li.business-menu-item a::before{
  content: '';
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;

  display: inline-block;
  width: 52px;
  height: 52px;

  background: var(--tc);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
/**/
/*--paint-outerwall--*/
/**/
.baaContainer .item{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 24px;

  width: min(1120px,100%);
  padding: 0 16px;
  margin-inline: auto;
  margin-bottom: 24px;
}
.baaContainer .item .img-wrap img{
  display: block;
}
.baaContainer .item .img-wrap::after{
  content: attr(data-con);

  display: block;
  padding-top: 8px;

  font-size: 35px;
  font-weight: 700;
  line-height: 1.4;
  color: #838383;
}
.baaContainer .item .img-wrap[data-con="After"]::after{
  color: var(--tc);
}
@media (min-width : 1200px){
  li.business-menu-item a:hover,
  li.business-menu-item a:hover::before{
    opacity: 0.8;
  }
}
@media (max-width : 1200px){
  ul.business-menu{
    padding: 64px 16px 64px;
  }
  li.business-menu-item a{
    font-size: 20px;
  }
}
@media (max-width : 599px){
  /**/
  /*--menu--*/
  /**/
  ul.business-menu{
    grid-template-columns: repeat(1,1fr);
    row-gap: 24px;
  }
  /**/
  /*--paint-outerwall--*/
  /**/
  .baaContainer .item{
    column-gap: 16px;

    margin-bottom: 48px;
  }
  .baaContainer .item .img-wrap::after{
    padding-top: 8px;
  
    font-size: min(35px,5vw);
  }
}