@charset "UTF-8";
/*****************************
  pagesec-info
*****************************/
.pagesec-info::before,
.pagesec-info::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.pagesec-info::before{
  background: url(../../images/page/business/bg_info.webp) no-repeat center / cover;
  background-position-x: 25vw;
}
.pagesec-info::after{
  background: rgba(0, 17 ,38 , .7);
  background: linear-gradient(90deg, #001126 40%, transparent );
}
.pagesec-info{
  color: #fff;
}
.pagesec-info .ttlbox1{
  color: #fff;
}
.pagesec-info .txtbox{
  font-size: 2rem;
  margin-top: 5rem;
}
@media only screen and (max-width: 1180px) {
  .pagesec-info::before{
    background-position-x: 15vw;
  }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .pagesec-info::before{
    background-position-x: left;
  }
  .pagesec-info .txtbox {
    font-size: 1.8rem;
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-info::before{
    background-position-x: center;
  }
  .pagesec-info::after {
    background: rgba(0, 17, 38, .7);
  }
  .pagesec-info .txtbox {
    font-size: 1.6rem;
  }
  .pagesec-info .txtbox br{
    display: none;
  }
}

/*****************************
  pagesec-biz
*****************************/
.pagesec-biz .inner1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px;
}
.pagesec-biz .ttlbox2{
  margin-bottom: 3rem;
  text-align: left;
}
.pagesec-biz .ttlbox2::before{
  left: 0;
  transform: none;
}

/*****************************
  pagesec-biz1
*****************************/
.pagesec-biz1::before,
.pagesec-biz1::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.pagesec-biz1::before{
  background: url(../../images/page/business/bg_biz1.webp) no-repeat center / cover;
}
.pagesec-biz1::after{
  background: rgba(255, 255 ,255 , .8);
}
.pagesec-biz1,
.pagesec-biz1 .ttlbox2{
  text-align: right;
}
.pagesec-biz1 .ttlbox2::before{
  right: 0;
  left: auto;
  transform: none;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-biz1,
  .pagesec-biz1 .ttlbox2{
    text-align: left;
  }
  .pagesec-biz1 .ttlbox2::before{
    right: auto;
    left: 0;
  }
}
/*****************************
  pagesec-biz2
*****************************/
.pagesec-biz2::before,
.pagesec-biz2::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.pagesec-biz2::before{
  background: url(../../images/page/business/bg_biz2.webp) no-repeat center / cover;
  transform: scale(-1,1);
}
.pagesec-biz2::after{
  background: rgba(0, 0 ,0 , .6);
}

.pagesec-biz2 ,
.pagesec-biz2 .ttlbox2{
  color: #e2e2e2;
}
.pagesec-biz2 .ttlbox2::before{
  background: #e2e2e2;
}