@charset "utf-8";
#business .sub_main_visual {background: #d00030;}

/*　business
---------------------------------------------------------------------------------------------*/

#business .business {
  margin: 200px auto 130px;
}
#business .en-main-title {
  font-size: 2.3rem;
}
#business .main-title {
  margin-top: 3px;
  font-size: 2.8rem;
  text-align: center;
}

#business .business-box{
  position: relative;
  width: 785px;
  height: 700px;
  margin: 0 auto;
  background-image: url("../img/business/business-link-back.png");
  background-size: 580px;
  background-repeat: no-repeat;
  background-position: center;
}

#business .business-box .business-img01 .business-photo {
  background: url("../img/business/business-link01-hover.png") no-repeat;
  background-size: 234px;
}
#business .business-box .business-img02 .business-photo {
  background: url("../img/business/business-link02-hover.png") no-repeat;
  background-size: 285px;
}
#business .business-box .business-img03 .business-photo {
  background: url("../img/business/business-link03-hover.png") no-repeat;
  background-size: 285px;
}
#business .business-box .business-img04 .business-photo {
  background: url("../img/business/business-link04-hover.png") no-repeat;
  background-size: 285px;
}
#business .business-box .business-img a figure img{
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}
#business .business-box .business-img a:hover .business-photo img {
  opacity: 0;
}

#business .business-box .business-img01 {
  position: absolute;
  max-width: 234px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#business .business-box .business-img02 {
  position: absolute;
  max-width: 285px;
  top: -120px;
  right: 0;
  left: 0;
  margin: auto;
}
#business .business-box .business-img03 {
  position: absolute;
  max-width: 285px;
  bottom: 0;
  left: 0;
}
#business .business-box .business-img04 {
  position: absolute;
  max-width: 285px;
  bottom: 0;
  right: 0;
}
#business .business-text {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 50px;
}
/*---------------------------------------------------------
  w900
---------------------------------------------------------*/
@media screen and (max-width: 900px) {
  #business .business {
  margin: 150px auto 80px;
  }
  #business .mainWidth {
    padding: 0 3%;
  }
  #business .en-main-title {
    font-size: 2.3rem;
  }
  #business .main-title {
    margin-top: 3px;
    font-size: 2.8rem;
    text-align: center;
  }
  #business .business-box{
    width: 550px;
    height: 450px;
    background-size: 450px;
  }

  #business .business-box .business-img01 .business-photo {
    background-size: 150px;
  }
  #business .business-box .business-img02 .business-photo {
    background-size: 200px;
  }
  #business .business-box .business-img03 .business-photo {
    background-size: 200px;
  }
  #business .business-box .business-img04 .business-photo {
    background-size: 200px;
  }
  #business .business-box .business-img a figure img{
  }
  #business .business-box .business-img a:hover .business-photo img {
  }

  #business .business-box .business-img01 {
    max-width: 150px;
  }
  #business .business-box .business-img02 {
    max-width: 200px;
    top: -90px;
  }
  #business .business-box .business-img03 {
    max-width: 200px;
  }
  #business .business-box .business-img04 {
    max-width: 200px;
  }
  #business .business-text {
    font-size: 1.4rem;
    text-align: left;
  }
}
/*---------------------------------------------------------
  w590
---------------------------------------------------------*/
@media screen and (max-width: 590px) {
  #business .business {
  margin: 120px auto 60px;
  }
  #business .mainWidth {
    padding: 0 3%;
  }
  #business .en-main-title {
    font-size: 2.3rem;
  }
  #business .main-title {
    margin-top: 3px;
    font-size: 2.8rem;
    text-align: center;
  }
  #business .business-box{
    width: 470px;
    height: 450px;
    background-size: 400px;
  }

  #business .business-box .business-img01 .business-photo {
    background-size: 150px;
  }
  #business .business-box .business-img02 .business-photo {
    background-size: 180px;
  }
  #business .business-box .business-img03 .business-photo {
    background-size: 180px;
  }
  #business .business-box .business-img04 .business-photo {
    background-size: 180px;
  }
  #business .business-box .business-img a figure img{
  }
  #business .business-box .business-img a:hover .business-photo img {
  }

  #business .business-box .business-img01 {
    max-width: 150px;
  }
  #business .business-box .business-img02 {
    max-width: 180px;
    top: -65px;
  }
  #business .business-box .business-img03 {
    max-width: 180px;
  }
  #business .business-box .business-img04 {
    max-width: 180px;
  }
  #business .business-text {
    font-size: 1.4rem;
  }
}
/*---------------------------------------------------------
  スマホ
---------------------------------------------------------*/
#business .block499{
  display: none;
}
@media screen and (max-width: 499px) {
  #business .block499{
    display: block;
  }
  #business .none-499{
    display: none;
  }
  #business .business {
    margin: 80px auto 50px;
  }
  #business .mainWidth {
    padding: 0 3%;
  }
  #business .en-main-title {
    font-size: 2.3rem;
  }
  #business .main-title {
    margin-top: 3px;
    font-size: 2.8rem;
    text-align: center;
  }
  #business .business-box{
    width: 340px;
    height: 330px;
    background-size: 300px;
  }
  #business .business-box .business-img01 .business-photo {
    background-size: 130px;
  }
  #business .business-box .business-img02 .business-photo {
    background-size: 130px;
  }
  #business .business-box .business-img03 .business-photo {
    background-size: 130px;
  }
  #business .business-box .business-img04 .business-photo {
    background-size: 130px;
  }
  #business .business-box .business-img a figure img{
  }
  #business .business-box .business-img a:hover .business-photo img {
  }

  #business .business-box .business-img01 {
    max-width: 130px;
  }
  #business .business-box .business-img02 {
    max-width: 130px;
    top: -45px;
  }
  #business .business-box .business-img03 {
    max-width: 130px;
  }
  #business .business-box .business-img04 {
    max-width: 130px;
  }
  #business .business-text {
    font-size: 1.4rem;
    margin-top: 30px;
  }
}
@media screen and (max-width: 370px) {

  #business .business {
    margin: 70px auto 50px;
  }
  #business .mainWidth {
    padding: 0 3%;
  }
  #business .en-main-title {
    font-size: 2.3rem;
  }
  #business .main-title {
    margin-top: 3px;
    font-size: 2.8rem;
    text-align: center;
  }
  #business .business-box{
    width: 300px;
    height: 320px;
    background-size: 300px;
  }
  #business .business-box .business-img01 .business-photo {
    background-size: 120px;
  }
  #business .business-box .business-img02 .business-photo {
    background-size: 120px;
  }
  #business .business-box .business-img03 .business-photo {
    background-size: 120px;
  }
  #business .business-box .business-img04 .business-photo {
    background-size: 120px;
  }
  #business .business-box .business-img a figure img{
  }
  #business .business-box .business-img a:hover .business-photo img {
  }

  #business .business-box .business-img01 {
    max-width: 120px;
  }
  #business .business-box .business-img02 {
    max-width: 120px;
    top: -35px;
  }
  #business .business-box .business-img03 {
    max-width: 120px;
  }
  #business .business-box .business-img04 {
    max-width: 120px;
  }
  #business .business-text {
  }
}