@charset "utf-8";
/* CSS Document */
main section, main section * {
  color: #000;
  background: #fff;
}
section#S00 * {
  color: #fff;
  background: #000;
}
.imgBox {
  padding: 0;
}
section {
  margin: 0 0 2%;
}
section#S00 {
  margin: 0 0 2%;
}
section .contentsDetail {
  padding: 5% 3%;
}
section#S00 .contentsDetail {
  padding: 0;
}
#business .rightBox {
  width: 530px;
  padding: 0 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#business .leftBox {
  width: 280px;
}
#S07 ul li h4 {
  color: #0062b0;
  font-size: 90%;
  line-height: 1.4em;
  padding: 10px 0 0;
}
#S07 .recommend {
    padding: 2%;
    border: 1px solid #84a0b7;
    margin: 0 auto 50px;
    border-radius: 20px;
}
#S07 .recommend h4 {
  color: #0062b0;
  font-weight: 700;
}
#S07 .recommend ul {
    width: fit-content;
    margin: auto;
    padding: 3%;
}
#S07 .recommend ul li {
  text-align: left;
  padding: 0 1.5em 10px;
  color: #0062b0;
  text-indent: -1em;
}
#S08 .flexBox3 {}
#S08 .flexBox3 ul {
  flex-flow: wrap;
  justify-content: center;
}
#S08 .flexBox3 ul li {
  width: calc(100% / 3 - 20px);
  padding: 20px;
  margin: 10px;
  border: 1px solid #ddd;
}
#S08 .flexBox3 ul li h4 {
  text-align: left;
  font-size: 100%;
  color: #0062b0;
  font-weight: 600;
  margin: 0 0 20px;
}
#S08 .flexBox3 ul li h4 span {
  display: inline-block;
  padding: 7px;
  background: #0062b0;
  color: #fff;
  line-height: 1em;
  margin: 0 5px 0 0;
}
#S08 .flexBox3 ul li p {
  font-size: 90%;
  text-align: left;
}
/*----------------------------------------------------------- 1280px  */
@media screen and (max-width: 1280px) {
  #S08 .flexBox3 ul li {
    width: calc(100% / 2 - 20px);
  }
}
/*----------------------------------------------------------- 768px  */
@media screen and (max-width: 768px) {
.detailBox {
    flex-flow: column;
}
#business .leftBox {
    width: 100%;
}
#business .rightBox {
    width: 100%;
    padding: 3% 0 0;
}
#S08 .flexBox3 ul li {
    width: 100%;
}

}