.MainImg img{
    width: 100%;
}

.sldImg table{
    width: 100%;
        border-spacing: 0px;
            height: auto;
        min-height: 768px;
}
.sldImg table td{
    vertical-align: top;
    background-color: #FFF;
}
.sldImg table td p a{
    padding: 1rem;
    display: block;
}
.sldImg table td p img{
    width: 100%;
}

  .LinkTd p:first-child{
    margin-bottom: 2rem;
  }
.sldTd{
    width: 70%;
}

.slider {
  position: relative;
  width: 100%;
  /*max-width: 850px; /* 必要に応じて600pxなどに */
  aspect-ratio: 1.1 / 1; /* 横長比率 */
  overflow: hidden;
}

.slider .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease;
  object-fit: cover;
}

.slider .slide.active {
  opacity: 1;
  z-index: 1;
}

    .container-rec{
        padding: 2rem;
        overflow: hidden;
    }

    footer ul{
      flex-wrap: wrap;
    }

.site-main{
  max-width: 1280px;
  margin: 5rem auto 0;
  background-color: #FFF;
    box-sizing: border-box;
}

body{
  background-image: url(./img/back_main.jpg);
  background-repeat: repeat;
  background-size: cover;
  background-size: 100%;
}
.page-content{
  margin-top: 0;
  padding: 2rem;
  background-color: #FFF;
}

.office-box a{
  display: block;
  width: fit-content;
    margin: auto;
}
.office-box a img{
  width: 100%;
  max-width: 310px;
}

.pcnone{
  display: none;
}

  .spnone{
    display: block;
  }

video{
  width: 100%;
}

/* モバイル用に画像の比率を変える場合（任意） */
@media (max-width: 768px) {
    .LinkTd{
    width: 100%;
}
    .sldTd{
        width: 100%;
    }
  .slider {
    aspect-ratio: 1.1 / 1;
  }
  .header-recruit img{
    width: 100%;
  }
  .spnone{
    display: none;
  }
  .pcnone{
    display: block;
  }
  .site-main {
    margin: 2rem auto 0;
    padding: 0 1rem;
    background-color: initial;
  }
  .page-content{
  padding: 1rem;
  }
  .container-rec {
      padding: 0rem;
  }
}