@charset "UTF-8";
/*note: 追加CSS*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.br-sp {
  display: none;
}

#recruit_career_business #page-title-wrapper #page-title .title-background-01 {
  background-image: url(../images/background-business-02.jpg);
}
#recruit_career_business #page-title-wrapper #page-title .title-background-02 {
  background-image: url(../images/background-page-title-09.png);
}

#business{
    height: auto;
  }

.business-box {
  position: relative;
  display: flex;
  margin-bottom: 10%;
  height: 330px;
  margin-top: 30px;
}
.business-box:after {
  content: ".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;
}

.b-txt {
  width: 55%;
  background-color: #f9f9f9;
}
.b-txt.left{
  padding: 80px 50px 50px 50px;
}
.b-txt.right {
  position: absolute;
  right: 0;
  padding: 80px 50px 50px 90px;
}
.b-txt p{
  width: 90%;
  line-height: 1.8em;
}

.b-txt h2.en.business-title img {
  max-width: 95%;
}
.b-txt.left h2.en.business-title {
  position: absolute;
  top: -20px;
  left: 5px;
}
.b-txt.right h2.en.business-title {
  position: absolute;
  top: -20px;
  left: 60px;
}

h2.jp.business-title {
  font-weight: bold;
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 30px;
  align-items: center;
  display: flex;
}
h2.jp.business-title:before {
  background-color: #0071BA;
  content: "";
  height: 3px;
  width: 50px;
  margin-right: 7px;
}

.b-img img{
  width: 45%;
}
.b-img.right img {
  position: absolute;
  right: 60px;
  top : 60px;
}
.b-img.left img{
  position: absolute;
  top: 60px;
  left: 60px;
  z-index: 10;
}

/* =============================================================================
640px以下（スマホ）
========================================================================== */
@media screen and (max-width: 640px) {

  .br-sp {
      display: block;
    }

  #recruit_career_business #page-title-wrapper #page-title .title-background-01 {
    background-position: right -57px;
  }
  #recruit_career_business #page-title-wrapper #page-title .title-background-02 {
    background-image: url(../images/baclground-page-title-03.png);
    top: auto;
    height: 340px;
  }

  #recruit_career_business #page-title-wrapper #page-title .section-title-wrapper {
    background-image: url(../images/baclground-page-title-09.png);
  }

  .business-box {
      position: relative;
      margin-bottom: 30%;
      height: auto;
    }
  .business-box.box1,
  .business-box.box3,
  .business-box.box5 {
    flex-direction: column;
  }
  .business-box.box2,
  .business-box.box4,
  .business-box.box6 {
    flex-direction: column-reverse;
  }
  /* 追記箇所*/
  h2.jp.business-title {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 30px;
    align-items: center;
    display: flex;
  }
  .b-txt {
      width: 100%;
      background-color: #f9f9f9;
    }
  .b-txt p {
    width: 100%;
    line-height: 1.8em;
  }
  .b-txt.left {
    padding: 30px;
  }
  .b-txt.right {
      position: static;
      padding: 30px;
    }
  .b-txt.right h2.en.business-title {
    left: 0;
  }
  .b-img img {
      width: 100%;
      margin-top: 10px;
      height: auto;
    }
  .b-img.left img {
    position: static;
  }
  .b-img.right img {
    position: static;
  }

}