@charset "utf-8";
/* CSS Document */
.brt_header.active{background-color: rgba(255,255,255,0.5);}

.brt_top h1{margin-bottom: 84px;}
.brt_top .brt_catch{
  margin-bottom: 48px;
  font-size: 3.125rem;
  font-weight: bold;
}
.brt_top .brt_toptxt{
  line-height: 2;
  font-size: 1.375rem;
  font-weight: 500;
  color: #212121;
}


.brt_bizbox .brt_bganim{padding-bottom: 118px;}
.brt_last{padding-bottom: 124px;}
.brt_wtblock{
  position: relative;
  width: calc(100% - (100% - 1060px)/2);
  margin-top: -118px;
  padding: 120px 104px 104px calc((100% - 1060px)/2);
  background-color: #FFFFFF;
  transition: all 0.6s ease-out 0.2s;
  transform: translateY(10px);
  opacity: 0;
  z-index: 15;
}
.brt_bizbox .brt_bganim.active .brt_wtblock{
  transform: translateY(0);
  opacity: 1;
}
.brt_wtblock>div{
  margin: auto;
  transition: all 0.88s ease-out 0.63s;
  transform: translateY(10px);
  opacity: 0;
}
.brt_bizbox .brt_bganim.active .brt_wtblock>div{
  transform: translateY(0);
  opacity: 1;
}
.brt_wtblock.brt_pat2{
  margin: -118px 0 0 auto;
  padding: 120px calc((100% - 1060px)/2) 104px 104px;
}
.brt_bizimg{
  position: relative;
  height: 520px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
}
.brt_img01{background-image: url("../img/business/ph_img01.jpg?1");}
.brt_img02{background-image: url("../img/business/ph_img02.jpg?1");}
.brt_img03{background-image: url("../img/business/ph_img03.jpg?2");}
.brt_img04{background-image: url("../img/business/ph_img04.jpg?1");}
.brt_img03 span{
  position: absolute;
  left: 8px;
  top: 4px;
  font-weight: bold;
  color: #000000;
}
.brt_wtblock h3{
  margin-bottom: 80px;
  font-size: 3.125rem;
  font-weight: bold;
  color: #212121;
}
.brt_wtblock dl{
  display: flex;
  align-items: flex-start;
  margin-bottom: 80px;
}
.brt_wtblock dl dt{
  width: 18%;
  font-size: 1.25rem;
  font-weight: bold;
  color: #212121;
}
.brt_wtblock dl dd{
  width: 82%;
  line-height: 2;
  font-size: 1.125rem;
  color: #212121;
}
.brt_wtblock .brt_imagebox{
  display: flex;
  flex-wrap: wrap;
}
.brt_wtblock .brt_imagebox figure{
  width: 240px;
  margin-right: 80px;
}
.brt_wtblock .brt_imagebox figure:nth-of-type(3n){margin-right: 0;}
.brt_wtblock .brt_imagebox figure:nth-of-type(n+4){margin-top: 30px;}
.brt_wtblock .brt_imagebox figure p{
  position: relative;
  margin-bottom: 24px;
}
.brt_wtblock .brt_imagebox figure img{
  width: 100%;
  box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.32);
}
.brt_wtblock .brt_imagebox figure p span{
  position: absolute;
  right: 8px;
  bottom: 4px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #000000;
  text-shadow: 1px 1px 0 #FFFFFF, 0 1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px 0 0 #FFFFFF, -1px -1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px 0 0 #FFFFFF;
}
.brt_wtblock .brt_imagebox figure p span.brt_white{
  font-weight: normal;
  color: #FFFFFF;
  text-shadow: none;
}
.brt_wtblock .brt_imagebox figure figcaption{
  text-align: center;
  font-size: 1.125rem;
  color: #212121;
}



@media screen and (min-width:1440px){
  .brt_wtblock{
    width: calc(100% - (100% - 1280px)/2);
    padding: 120px 104px 104px calc((100% - 1280px)/2);
  }
  .brt_wtblock.brt_pat2{padding: 120px calc((100% - 1280px)/2) 104px 104px;}
}

@media screen and (max-width:1060px){
  .brt_wtblock{width: 96%;}
}







/*-----------------------------------------*/
/*--------------レスポンシブ-------------*/
/*-----------------------------------------*/
@media screen and (max-width:820px){
  .brt_top {padding: 120px 0 60px;}
  .brt_top .brt_catch{font-size: 1.875rem;}
  .brt_top .brt_toptxt{font-size: 0.875rem;}

  .brt_bizbox .brt_bganim{padding-bottom: 64px;}
  .brt_bizimg{height: 290px;}
  .brt_img03 span{font-size: 0.625rem;}
  .brt_wtblock,
  .brt_wtblock.brt_pat2{
    width: calc(100% - 18px);
    margin-top: -50px;
    padding: 50px 24px;
  }
  .brt_wtblock>div{width: 100%;}
  .brt_wtblock h3{
    margin-bottom: 40px;
    font-size: 1.5rem;
  }
  .brt_wtblock dl{
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .brt_wtblock dl dt{
    width: 100%;
    margin-bottom: 16px;
    font-size: 0.875rem;
  }
  .brt_wtblock dl dd{
    width: 100%;
    font-size: 0.875rem;
  }
  .brt_wtblock .brt_imagebox{
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .brt_wtblock .brt_imagebox figure{
    width: 48%;
    margin-right: 0;
    margin-bottom: 24px;
  }
  .brt_wtblock .brt_imagebox figure:nth-of-type(n+4){margin-top: 0;}
  .brt_wtblock .brt_imagebox figure p{margin-bottom: 12px;}
  .brt_wtblock .brt_imagebox figure p span{font-size: 0.625rem;}
  .brt_wtblock .brt_imagebox figure figcaption{font-size: 0.75rem;}
}