@charset "UTF-8";
.business .top-view img {
  height: 340px;
  object-fit: cover; }
.business .con_business {
  margin-top: 40px; }
  .business .con_business .view-pc {
    display: block; }
  .business .con_business .view-sp {
    display: none; }
  .business .con_business .intro_box1 {
    margin-bottom: 30px; }
    .business .con_business .intro_box1 .container {
      max-width: 100%; }
    .business .con_business .intro_box1 .list .intro {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      opacity: 0.9;
      max-width: 1080px; }
      .business .con_business .intro_box1 .list .intro .intro-txt {
        height: 320px;
        padding: 50px 30px 40px;
        background: #fff; }
      .business .con_business .intro_box1 .list .intro h3 {
        font-size: 30px; }
    .business .con_business .intro_box1 .list-box.container {
      max-width: 1080px; }
  .business .con_business .card p {
    padding: 0 10px; }
  .business .con_business .intro_box2 .container {
    max-width: 1110px; }
    .business .con_business .intro_box2 .container .col {
      padding: 0; }
      .business .con_business .intro_box2 .container .col a:hover img {
        transform: scale(1.1);
        transition: 0.8s ease; }

/*****************************************************************************************/
/************************************  レスポンシブ ***************************************/
@media (min-width: 768px) {
  .con_business .container {
    padding: 0; }

  .con_business .list .object-fit-cover {
    object-fit: cover; }
  .con_business .list img {
    width: 100%;
    height: 360px; } }
@media (min-width: 1024px) {
  .business .con_business .view-pc {
    display: block; }
  .business .con_business .view-sp {
    display: none; } }
@media (min-width: 1080px) {
  .con_business .list .intro-txt {
    width: 1080px; } }
@media (min-width: 1260px) {
  .con_business .intro_box1 .row {
    display: block; } }
@media (max-width: 1079px) {
  .business .con_business .intro_box1 .list .intro .intro-txt {
    width: 960px;
    padding: 30px 30px 10px; } }
@media (max-width: 991px) {
  .business .con_business .intro_box1 .list .intro .intro-txt {
    width: 540px;
    padding: 40px 30px 10px; } }
@media (max-width: 767px) {
  .business .con_business .view-sp {
    display: block; }
  .business .con_business .view-pc {
    display: none; }

  .business .con_business .card p {
    padding: 0;
    font-size: 14px; }

  .business .con_business .intro_box1 .list .intro {
    left: 0;
    width: 100%;
    position: relative;
    top: 10px;
    right: 0;
    transform: none;
    padding: 15px; }

  .business .con_business .intro_box1 .list .intro .intro-txt {
    height: auto;
    padding: 0;
    width: 100%; } }
@media (max-width: 414px) {
  .business .con_business .intro_box1 .list .intro h3 {
    font-size: 20px; }

  .business .con_business .intro_box1 .intro_box1 {
    margin-bottom: 0; } }
@media (max-width: 320px) {
  .business .con_business .intro_box1 .list .intro h3 {
    font-size: 18px; } }