/* Message */

#staffMessage:before {
  background-image: url(../img/bg_sub_message01.jpg);
}

/* business */

.business_support {
  width: 800px !important;
  margin: -25px 0 0 60px !important;
  background-color: #f2f3ed !important;
  padding: 40px 40px 40px 40px !important;
}

.business_support ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.business_support ul li {
  width: 145px;
  height: 120px;
  background-color: #fff;
  position: relative;
  padding: 60px 10px 10px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.3;
}

.business_support ul li:nth-child(n + 5) {
  margin-top: 40px;
}

.business_support ul li:before {
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  top: 15px;
  left: 48px;
}

.supportIn>div.checklist {
  float: right;
  margin-top: 30px;
  width: 470px;
  background-color: #fff;
  padding: 40px;
  position: relative;
  z-index: 2;
}

.supportIn div.checklist ul li {
  position: relative;
  padding-left: 30px;
}

.supportIn div.checklist ul li::before {
  content: '';
  background-size: cover;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  background-image: url(../../common/img/obj_h3_tit02_before@2x.jpg);
  left: 0px;
}

.supportIn:before {
  bottom: 105px !important;
}

.tableWrap p {
  text-align: center;
  margin-bottom: 35px;
}

.business_support ul li#support01:before {
  background: url(../img/ico_support01.png) center top no-repeat;
}

.business_support ul li#support02:before {
  background: url(../img/ico_support02.png) center top no-repeat;
}

.business_support ul li#support03:before {
  background: url(../img/ico_support03.png) center top no-repeat;
}

.business_support ul li#support04:before {
  background: url(../img/ico_support04.png) center top no-repeat;
}

.business_support ul li#support05:before {
  background: url(../img/ico_support05.png) center top no-repeat;
}

.business_support ul li#support06:before {
  background: url(../img/ico_support06.png) center top no-repeat;
  top: 13px;
}

.business_support ul li#support07:before {
  background: url(../img/ico_support07.png) center top no-repeat;
}

.business_support ul li#support08:before {
  background: url(../img/ico_support08.png) center top no-repeat;
}

.business_support ul li#support09:before {
  background: url(../img/ico_support09.png) center top no-repeat;
}

.business_support ul li#support10:before {
  background: url(../img/ico_support10.png) center top no-repeat;
}

.business_support ul li#support11:before {
  background: url(../img/ico_support11.png) center top no-repeat;
  top: 14px;
}

.business_support ul li#support12:before {
  background: url(../img/ico_support12.png) center top no-repeat;
}

/* Flow */

.flow ol:before {
  height: 48.5%;
}

.flow ol li:nth-child(5) {
  order: 8;
}

.flow ol li:nth-child(6) {
  order: 7;
}

.flow ol li:nth-child(7) {
  order: 6;
}

.flow ol li:nth-child(8) {
  order: 5;
}

.flow ol li:nth-child(n + 5) {
  margin-bottom: 0 !important;
}

.flow ol li div.flow01:before {
  background-image: url(../img/pic_flow01.png);
}

.flow ol li div.flow02:before {
  background-image: url(../img/pic_flow02.png);
}

.flow ol li div.flow03:before {
  background-image: url(../img/pic_flow03.png);
}

.flow ol li div.flow04:before {
  background-image: url(../img/pic_flow04.png);
}

.flow ol li div.flow05:before {
  background-image: url(../img/pic_flow05.png);
  /*top: -270px;*/
}

.flow ol li div.flow06:before {
  background-image: url(../img/pic_flow06.png);
}

.flow ol li div.flow07:before {
  background-image: url(../img/pic_flow07.png);
}

.flow ol li div.flow08:before {
  background-image: url(../img/pic_flow08.png);
  top: -260px;
}

/* support */

.supportIn:before {
  background-image: url(../img/bg_sub_support01.jpg);
}

/* step */

.stepIn ol:before {
  background-image: url(../img/pic_step01@2x.png);
  top: 0;
  left: 0;
  width: 560px;
  height: 230px;
}

.stepIn ol:after {
  background-image: url(../img/pic_step02@2x.png);
  bottom: 0;
  right: 0;
  width: 310px;
  height: 427px;
}

.stepIn ol li:nth-child(1) {
  margin-top: 300px;
}

.stepIn ol li:nth-child(2) {
  margin-top: 1348px;
  margin-left: -165px;
}

.stepIn ol li:nth-child(3) {
  margin-top: 215px;
  margin-left: -165px;
}

.stepIn ol li:nth-child(4) {
  margin-top: 1157px;
  margin-left: -165px;
}

.stepIn ol li:nth-child(5) {
  margin-top: 135px;
  margin-left: -165px;
}

.stepIn ol li:nth-child(3):after {
  top: 1037px;
}

.stepIn ol li:nth-child(5):after {
  top: 928px;
}

.stepIn ol li:nth-child(even):after {
  bottom: auto;
  top: 0;
}

.stepIn ol li div.stepInText div {
  width: 279px;
}

.stepIn ol li:nth-child(1) div.stepInText {
  padding-bottom: 133px;
}

.stepIn ol li:nth-child(2) div.stepInText {
  padding-top: 40px;
  padding-bottom: 40px;
}

.stepIn ol li:nth-child(3) div.stepInText {
  padding-bottom: 288px;
}

.stepIn ol li:nth-child(4) div.stepInText {
  padding-top: 40px;
  padding-bottom: 40px;
}

.stepIn ol li:nth-child(5) div.stepInText {
  padding-bottom: 310px;
}

#picTour {
  left: 310px !important;
}

.gallery > a {
  transition: opacity 0.3s;
}

.gallery > a:hover {
  opacity: 0.8;
}

.pswp {
  z-index: 9999 !important;
}

@media screen and (max-width: 750px) {
  .business_support {
    width: 580px !important;
    margin: -50px 0 0 -30px !important;
  }

  .business_support ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .business_support ul li {
    width: 235px;
    height: 230px;
    background-color: #fff;
    position: relative;
    padding: 120px 10px 10px 10px;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.4;
  }

  .business_support ul li:nth-child(n + 5) {
    margin-top: 25px;
  }

  .business_support ul li:before {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    top: 25px;
    left: 70px;
  }

  .business_support li:nth-child(even):before {
    width: 100px !important;
    height: 100px !important;
    top: 25px !important;
    left: 70px !important;
    right: auto !important;
  }

  .business_support ul li#support01:before {
    background: url(../img/ico_support01_sp.png) center top no-repeat;
  }

  .business_support ul li#support02:before {
    background: url(../img/ico_support02_sp.png) center top no-repeat;
  }

  .business_support ul li#support03:before {
    background: url(../img/ico_support03_sp.png) center top no-repeat;
  }

  .business_support ul li#support04:before {
    background: url(../img/ico_support04_sp.png) center top no-repeat;
  }

  .business_support ul li#support05:before {
    background: url(../img/ico_support05_sp.png) center top no-repeat;
  }

  .business_support ul li#support06:before {
    background: url(../img/ico_support06_sp.png) center top no-repeat;
  }

  .business_support ul li#support07:before {
    background: url(../img/ico_support07_sp.png) center top no-repeat;
  }

  .business_support ul li#support08:before {
    background: url(../img/ico_support08_sp.png) center top no-repeat;
  }

  .business_support ul li#support09:before {
    background: url(../img/ico_support09_sp.png) center top no-repeat;
  }

  .business_support ul li#support10:before {
    background: url(../img/ico_support10_sp.png) center top no-repeat;
  }

  .business_support ul li#support11:before {
    background: url(../img/ico_support11_sp.png) center top no-repeat;
  }

  .business_support ul li#support12:before {
    background: url(../img/ico_support12_sp.png) center top no-repeat;
  }

  .supportIn>div.checklist {
    float: right;
    margin-top: 40px;
    width: 550px;
    background-color: #fff;
    padding: 40px 46px 70px;
    position: relative;
    z-index: 2;
  }

  .supportIn div.checklist ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
  }

  .supportIn div.checklist ul li:last-child {
    margin-bottom: 0;
  }

  .supportIn div.checklist ul li::before {
    content: '';
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    background-image: url(../../common/img/obj_h3_tit02_before@2x.jpg);
    left: 0px;
  }

  .supportIn:before {
    bottom: -100px !important;
  }

  .tableWrap p {
    margin-bottom: 50px;
  }

  #pageInfo:before {
    bottom: -30px;
    left: 0;
  }

  .flow ol li div.flow05:before {
    top: -60px;
  }

  .flow ol li div.flow08:before {
    top: -60px;
    z-index: 1;
  }

  .flow ol li.flowObjRight:after {
    bottom: -10px;
  }

  .flow ol li.flowObjLeft:after {
    left: 30px;
  }

  #staffMessage:before {
    background-image: url(../img/bg_sub_message01_sp.jpg);
  }

  .supportIn:before {
    background-image: url(../img/bg_sub_support01_sp.jpg);
  }

  #picTour {
    left: 30px !important;
  }
}

@media (max-width: 750px) {
  .pswp__button,
  .pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before {
    background-size: 528px 176px;
    width: 88px;
    height: 88px;
  }

  .pswp__button--close {
    background-position: 0 -88px;
  }

  .pswp__button--zoom {
    background-position: -176px 0;
  }

  .pswp--zoomed-in .pswp__button--zoom {
    background-position: -264px 0;
  }

  .pswp__button--arrow--left,
  .pswp__button--arrow--right {
    margin-top: -100px;
    width: 140px;
    height: 200px;
  }

  .pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before {
    top: 70px;
    height: 60px;
    width: 64px;
  }

  .pswp__button--arrow--left:before {
    background-position: -276px -88px;
  }

  .pswp__button--arrow--right:before {
    background-position: -188px -88px;
  }

  .pswp__top-bar {
    height: 88px;
  }

  .pswp__counter {
    height: 88px;
    font-size: 24px;
    line-height: 88px;
    padding: 0 20px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .business_support ul li#support01:before {
    background: url(../img/ico_support01@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support02:before {
    background: url(../img/ico_support02@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support03:before {
    background: url(../img/ico_support03@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support04:before {
    background: url(../img/ico_support04@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support05:before {
    background: url(../img/ico_support05@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support06:before {
    background: url(../img/ico_support06@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support07:before {
    background: url(../img/ico_support07@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support08:before {
    background: url(../img/ico_support08@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support09:before {
    background: url(../img/ico_support09@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support10:before {
    background: url(../img/ico_support10@2x.png) center top no-repeat;
    background-size: cover;
  }

  .business_support ul li#support11:before {
    background: url(../img/ico_support11@2x.png) center top no-repeat;
    background-size: cover;
    top: 25px;
  }

  .business_support ul li#support12:before {
    background: url(../img/ico_support12@2x.png) center top no-repeat;
    background-size: cover;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #staffMessage:before {
    background-image: url(../img/bg_sub_message01@2x.jpg);
  }

  .flow ol li div.flow01:before {
    background-image: url(../img/pic_flow01@2x.png);
  }

  .flow ol li div.flow02:before {
    background-image: url(../img/pic_flow02@2x.png);
  }

  .flow ol li div.flow03:before {
    background-image: url(../img/pic_flow03@2x.png);
  }

  .flow ol li div.flow04:before {
    background-image: url(../img/pic_flow04@2x.png);
  }

  .flow ol li div.flow05:before {
    background-image: url(../img/pic_flow05@2x.png);
  }

  .flow ol li div.flow06:before {
    background-image: url(../img/pic_flow06@2x.png);
  }

  .flow ol li div.flow07:before {
    background-image: url(../img/pic_flow07@2x.png);
  }

  .flow ol li div.flow08:before {
    background-image: url(../img/pic_flow08@2x.png);
  }

  .supportIn:before {
    background-image: url(../img/bg_sub_support01@2x.jpg);
  }
}