@charset "utf-8";

/* default PC */
/* animation */
.animation {
  opacity:0;
  position:relative;
  top:40px;
  transition:.4s;
}

.animation.active {
  opacity:1;
  top:0;
  transition:.4s;
}

/* main-view */
.main-view {
  position:relative;
}
.main-view:before {
  background-image:url(../image/contents/home/slider_bg_01.jpg);
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:cover;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1;
}

.main-view,
.splide__track {
  height:calc(97.7svh - 110px);
  margin-top:110px;
}

.main-view .splide__track::before {
  background-color:#FFF;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

#splide01-slide01,
#splide01-slide02,
#splide01-slide03 {
  position:relative;
}

#splide01-slide01::before,
#splide01-slide02::before,
#splide01-slide03::before {
  background-position:center 70%;
  background-repeat:no-repeat;
  background-size:cover;
  content:"";
  display:block;
  height:100%;
  width:100%;
}

#splide01-slide01::before {
  background-image:url(../image/contents/home/slider_bg_01.jpg);
}

#splide01-slide02::before {
  background-image:url(../image/contents/home/slider_bg_02.jpg);
}

#splide01-slide03::before {
  background-image:url(../image/contents/home/slider_bg_03.jpg);
}

.splide .main-text p {
  margin-top:-110px;
}

#home #contents {
  padding-bottom:465px;
}


/* top-bnr-area */
#contents .top-bnr-area .inner {
  max-width:1630px;
}

#contents .service-area .img-box {
  margin-bottom:40px;
}

#contents .service-area .txt-box {
  padding-left:20px;
}

#contents .service-area .txt-box .ttl {
  font-size:25px;
  font-weight:bold;
}

/* top-bnr-area */

/* service-area */
#contents .service-area {
  background-color:#F1F0F4;
}

#contents .service-area .inner {
  max-width:1630px;
}

#contents .service-area .txt-2box {
  margin-bottom:40px;
}

#contents .service-area .txt-box .ttl {
  font-size:25px;
  font-weight:bold;
  margin-bottom:20px;
  padding-left:45px;
  position:relative;
}

#contents .service-area .txt-box .ttl:before {
  background-color:#5652A5;
  border-radius:25px;
  content:"";
  height:32px;
  left:0;
  position:absolute;
  top:0;
  width:32px;
}

#contents .service-area .txt-box .ttl:after {
  background-image:url(../image/contents/arrow_white.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  bottom:0;
  content:"";
  display:block;
  height:31px;
  left:3px;
  margin:auto;
  position:absolute;
  top:2px;
  width:28px;
}

#contents .service-area .txt-box .txt {
  letter-spacing:.1em;
  margin-bottom:0;
  padding-right:30px;
}

#contents .service-area .service-box {
  display:grid;
  gap:75px 30px;
  grid-template-columns:1fr 1fr;
}

#contents .service-area .service-box img {
  clip-path:polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

#contents .service-area .link-bnr {
  color:#333;
}

/* service-area */


/* works-area */
.works-area .results-list .results-group {
  margin:0 37px 25px 0;
  width:calc(100% / 4 - 28px);
}

.works-area .results-list .results-group:nth-child(4n) {
  margin-right:0;
}

.works-area .results-list .results-group .photo {
  height:253px;
}

#contents .works-area .inner {
  max-width:1750px;
}

#contents .works-area .news-category-area {
  background-color:#F3F3F3;
  display:flex;
  justify-content:center;
  margin:auto auto 40px;
  max-width:1500px;
  padding:40px 120px;
}

#contents .works-area li.category-item {
  line-height:1em;
  margin-bottom:17px;
  margin-right:10px;
  width:calc(100% / 7 - 20px);
}

#contents .works-area li.category-item:nth-child(n+8) {
  margin-bottom:0;
}

#contents ul li.category-item.long-text {
  width:calc(100% / 7 - -20px);
}

/* #contents .works-area li.category-item:nth-child(7n){
  margin-right: 0;
} */

#contents ul li.category-item {
  border:2px solid #5652A5;
  color:#5652A5;
  display:block;
  font-size:18px;
  font-weight:500;
  letter-spacing:.05em;
  margin:0;
  padding:7.5px 10px;
  text-align:center;
  transition:.3s;
}

#contents .works-area .news-category .news-category-list {
  font-size:23px;
  margin-bottom:20px;
}

.post-type-archive-works #contents ul li.category-item.all,
.term-logistics #contents ul li.category-item.logistics,
.term-shop #contents ul li.category-item.shop,
.term-education #contents ul li.category-item.education,
.term-medical-care #contents ul li.category-item.medical-care,
.term-house #contents ul li.category-item.house,
.term-other #contents ul li.category-item.other {
  background-color:#5652A5;
  border:2px solid #5652A5;
  color:#FFF;
  cursor:default;
}

#contents .works-area li.category-item a:hover {
  cursor:pointer;
  opacity:.5;
  text-decoration:none;
  transition:.3s;
}

#contents .works-area .link-btn {
  margin-top:25px;
  width:450px;
}

/* カテゴリタブスタイル */
#contents .category-item {
  cursor:pointer;
}

#contents .category-item:hover {
  opacity:.5;
}

#contents .category-item.active {
  background:#5652A5;
  color:#FFF;
}

/* works-area */

/* news-area */
.news-area .news-bg {
  align-items:center;
  background-color:rgb(255 255 255 / 95%);
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin:auto;
  max-width:1500px;
  padding:70px 90px;
  position:relative;
  width:95%;
}

#contents .news-area .news-bg .news-group a {
  background-color:transparent;
}

.news-area .news-contents {
  background-color:transparent;
  margin-top:0;
  padding:0 0 0 50px;
}

.news-left {
  align-items:center;
  display:block;
  justify-content:center;
  width:320px;
}

.news-right {
  width:calc(100% - 320px);
}

#contents .news-area {
  background-image:url(../image/contents/home/bg_news.jpg);
  background-size:cover;
  padding:50px 0;
}

/* news-area */

/* sns-area */
#contents .sns-area {
  background-color:#EBEBEB;
}

#contents .sns-area .inner {
  max-width:1750px;
}

#contents .sns-area .bnr-box .flex {
  display:grid;
  gap:30px;
  grid-template-columns:1fr 1fr 1fr;
}

#contents .sns-area .bnr-box .flex.recruit-txt-box {
  align-items:center;
  display:flex;
  grid-template-columns:1fr 1fr;
  padding:10px 0 30px;
  position:absolute;
}

#contents .sns-area .bnr-box .flex .bnr-sub-ttl {
  background-color:#249E1D;
  bottom:0;
  color:#FFF;
  display:flex;
  flex-direction:column;
  height:fit-content;
  justify-content:flex-end;
  letter-spacing:.1em;
  margin-bottom:0;
  padding:5px 55px;
  position:absolute;
  text-align:center;
  width:100%;
}

#contents .sns-area .bnr-box .bnr-item .bnr-ttl {
  position:absolute;
}

#contents .sns-area .bnr-box .bnr-ttl {
  align-items:center;
  background-color:transparent;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  margin:0;
  padding:0;
  top:0;
  width:100%;
}

#contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
  line-height:2.7em;
  padding:0;
  position:unset;
}

#contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
  width:calc(75% - 40px);
}

#contents .sns-area .bnr-box .recruit-bnr .bnr-ttl:after {
  background-image:url(../image/contents/arrow_white.svg);
  bottom:0;
  content:"";
  display:block;
  height:25px;
  margin:auto 0;
  position:absolute;
  right:128px;
  top:-35px;
  width:25px;
}

#contents .sns-area .bnr-box .flex .bnr-img {
  margin-bottom:0;
  width:27%;
}

#contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl {
  font-size:45px;
  letter-spacing:.1em;
  margin-bottom:30px;
}

#contents .sns-area .bnr-box .bnr-item.recruit-bnr .bnr-ttl .main-ttl {
  font-size:25px;
  margin-bottom:0;
}

#contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl .bg-txt {
  font-size:45px;
  letter-spacing:.15em;
}

#contents .sns-area .bnr-box .bnr-inner {
  display:flex;
  gap:0;
  width:100%;
}

#contents .sns-area .bnr-box .bnr-item {
  align-items:center;
  background-repeat:no-repeat;
  color:#333;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  position:relative;
}

#contents .sns-area .bnr-box .bnr-item::after {
  background:#E216A7;
  content:"";
  height:150%;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  transform:rotate(4.5deg);
  transform-origin:top right;
  width:4px;
  z-index:2;
}

#contents .sns-area .bnr-box .bnr-item.blog-bnr::after {
  background:#5652A5;
}

#contents .sns-area .bnr-box .bnr-item.recruit-bnr::after {
  background:#249E1D;
}

/* sns-area */

/* contact-area */

#contents .contact-area {
  background-image:url(../image/contents/home/bg_contact.jpg);
  background-position:center;
  background-size:cover;
  padding:60px 0;
}

#contents .contact-area .contact-box {
  max-width:1500px;
}

#contents .contact-area .bg-box {
  background:rgba(255, 255, 255, .9);
  padding:60px 30px;
}

#contents .contact-area h2 {
  margin-bottom:33px;
}

#contents .contact-area .sub-txt-box {
  margin-bottom:50px;
  position:relative;
}

#contents .contact-area .sub-txt-box::before,
#contents .contact-area .sub-txt-box::after {
  background-image:url(../image/contents/home/photo_deco_02.png);
  background-repeat:no-repeat;
  background-size:contain;
  bottom:-120px;
  content:"";
  display:block;
  height:229px;
  left:unset;
  position:absolute;
  right:20px;
  width:330px;
}

#contents .contact-area .sub-txt-box::before {
  background-image:url(../image/contents/home/photo_deco_01.png);
  bottom:-110px;
  height:236px;
  left:35px;
  right:unset;
  top:unset;
  width:334px;
}

#contents .contact-area .sub-txt-box .sub-txt {
  margin-bottom:30px;
  text-align:center;
}

#contents .contact-area .sub-txt-box a[href*="tel:"] {
  align-items:center;
  color:#333;
  display:flex;
  font-size:47px;
  font-weight:bold;
  justify-content:center;
  position:relative;
}

#contents .contact-area .txt-box {
  display:flex;
  justify-content:center;
}

#contents .contact-area .txt-box .box-item {
  letter-spacing:0;
  line-height:1.6em;
  margin-bottom:0;
}

#contents .contact-area .txt-box .box-item:first-child {
  font-weight:bold;
  letter-spacing:.05em;
  margin-right:30px;
}

#contents .contact-area .txt-box .box-item .ttl {
  border:2px solid #525252;
  display:inline-block;
  letter-spacing:.05em;
  margin-right:10px;
  padding:0 15px;
  position:relative;
}

#contents .contact-area .txt-box .box-item .ttl::before {
  border-bottom:solid 5px transparent;
  border-left:solid 6px #525252;
  border-right:solid 5px transparent;
  border-top:solid 5px transparent;
  bottom:0;
  content:"";
  height:0;
  margin:auto;
  position:absolute;
  right:-12px;
  top:0;
  width:0;
}

#contents .contact-area .sub-txt-box .sub-txt .txt {
  display:block;
  letter-spacing:.05em;
  margin-bottom:27px;
}

#contents .contact-area .btn-box {
  display:grid;
  gap:40px;
  grid-template-columns:1fr;
  margin:0 auto;
  max-width:800px;
  width:100%;
}

#contents .contact-area .btn-box .link-bnr {
  background-color:#3751A0;
  color:#FFF;
  display:block;
  font-size:30px;
  letter-spacing:.05em;
  padding:67px 100px 67px 165px;
  position:relative;
}

#contents .contact-area .btn-box .link-bnr::before {
  background-image:url(../image/base/ico_contact.svg);
  background-repeat:no-repeat;
  background-size:contain;
  bottom:0;
  content:"";
  display:block;
  height:45px;
  left:75px;
  margin:auto;
  position:absolute;
  top:2px;
  width:45px;
}

/* contact-area */


/* contents */
#contents .news-area .link-btn,
#contents .works-area .link-btn {
  font-size:20px;
  letter-spacing:.1em;
  padding:25px 15px;
}

#contents .news-area .link-btn.pc-none {
  display:none;
}

#contents .news-area .link-btn::after,
#contents .works-area .link-btn::after {
  right:25px;
}

/* contents */
@media screen and (max-width: 1980px) {
  #splide01-slide01::before,
  #splide01-slide02::before,
  #splide01-slide03::before {
    background-position:center bottom;
  }
}

@media screen and (max-width: 1900px) {
  #contents .sns-area .bnr-box .flex .bnr-sub-ttl {
    padding:3px 25px;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl .bg-txt {
    font-size:40px;
    letter-spacing:.08em;
  }
}

@media screen and (max-width: 1750px) {
  #contents .sns-area .bnr-box .flex .bnr-sub-ttl {
    font-size:15px;
    letter-spacing:.05em;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    align-items:flex-start;
    line-height:2.7em;
    padding:0 0 0 0;
    width:calc(73% - 40px);
  }

  #contents .sns-area .bnr-box .flex .bnr-img {
    padding-right:0;
    width:29%;
  }

  #contents .sns-area .bnr-box .flex .bnr-sub-ttl {
    font-size:15px;
    letter-spacing:.05em;
    padding:3px 25px;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl .bg-txt {
    font-size:30px;
    letter-spacing:.1em;
  }

  #contents .sns-area .bnr-box .bnr-item.recruit-bnr {
    align-items:center;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl:after {
    right:120px;
  }

  #contents .sns-area .bnr-box .bnr-item {
    height:100%;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl {
    margin-bottom:20px;
  }

  #contents .bnr-box .bnr-item .bnr-ttl .main-ttl {
    font-size:64px;
  }

  #contents .bnr-box .bnr-item .bnr-ttl {
    font-size:17px;
  }

  #contents .bnr-box .bnr-item .bnr-ttl {
    font-size:17px;
    padding:0 30px 12px;
  }

  #contents ul li.category-item {
    font-size:16px;
    letter-spacing:.02em;
    padding:5px;
  }

  #contents .works-area li.category-item {
    width:calc(100% / 7 - 30px);
  }

  #contents ul li.category-item.long-text {
    width:calc(100% / 7 - -10px);
  }


  #contents .works-area .news-category-area {
    padding:40px;
  }
}

@media screen and (max-width: 1500px) {
  .main-view,
  .splide__track {
    height:calc(97.7svh - 98px);
    margin-top:98px;
  }

  #contents .sns-area .bnr-box .flex .bnr-sub-ttl {
    font-size:14px;
    letter-spacing:.02em;
    padding:3px 5px;
  }

  #contents .sns-area .bnr-box .flex {
    gap:0;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    line-height:2.5em;
  }

  #contents .sns-area .bnr-box .bnr-ttl {
    font-size:17px;
  }

  #contents .sns-area .bnr-box .bnr-item.recruit-bnr .bnr-ttl .main-ttl {
    font-size:15px;
    margin-bottom:0;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl .bg-txt {
    font-size:23px;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl {
    font-size:28px;
    margin-bottom:7px;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl:after {
    right:90px;
  }

  #contents .service-area .service-box {
    gap:40px 15px;
  }

  .works-area .results-list .results-group .results-link .photo {
    height:calc(100vw / 7);
  }

  #contents .contact-area .sub-txt-box::before,
  #contents .contact-area .sub-txt-box::after {
    bottom:-10px;
    height:139px;
    left:unset;
    right:-50px;
    width:240px;
  }

  #contents .contact-area .sub-txt-box::before {
    bottom:-10px;
    height:146px;
    left:-15px;
    right:unset;
    top:unset;
    width:244px;
  }

  #contents .contact-area .bg-box {
    background:rgba(255, 255, 255, .9);
    padding:40px 20px;
  }

  #contents .contact-area .btn-box .link-bnr {
    font-size:20px;
    padding:40px 80px 40px 135px;
  }

  #contents .contact-area .btn-box {
    max-width:600px;
  }

  #contents .contact-area .btn-box .link-bnr::before {
    height:35px;
    left:75px;
    top:2px;
    width:35px;
  }
}

@media screen and (max-width: 1350px) {
  .main-view,
  .splide__track {
    height:calc(77.7svh - 95px);
    margin-top:95px;
  }

  #contents .bnr-box .bnr-item .bnr-ttl {
    font-size:15px;
    line-height:1.5em;
    padding:0 30px 5px;
  }

  #contents .bnr-box .bnr-item .bnr-ttl .main-ttl {
    font-size:54px;
  }

  .works-area .results-list .results-group {
    margin:0 15px 15px 0;
    width:calc(100% / 4 - 12px);
  }

  .works-area .results-list .results-group:nth-child(4n) {
    margin-right:0;
  }

  .works-area .results-list .results-group .results-link .photo {
    height:calc(100vw / 6.5);
  }

  .results-list .results-group .results-item {
    border-top:2px solid #EEE;
    padding:15px;
  }

  #contents .results-list .results-group .results-item p.day {
    bottom:10px;
    font-size:15px;
    letter-spacing:.03em;
    position:absolute;
    right:15px;
  }
}

@media screen and (max-width: 1240px) {
  #home #contents {
    padding-bottom:445px;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    padding:0;
  }

  #contents .sns-area .bnr-box .flex .bnr-img {
    margin-bottom:0;
    padding-right:revert-layer;
    width:25%;
  }

  #contents .works-area li.category-item {
    margin-bottom:7px;
    width:calc(100% / 5 - 30px);
  }

  #contents ul li.category-item.long-text {
    width:calc(100% / 5 - 10px);
  }

  #contents .works-area li.category-item {
    margin-bottom:10px;
  }

  #contents .works-area li.category-item:nth-child(7n) {
    margin-right:10px;
  }

  #contents .works-area li.category-item:nth-child(5n) {
    margin-right:0;
  }

  #contents .works-area li.category-item:nth-child(n+7) {
    margin-bottom:10px;
  }

  .news-area .news-bg {
    padding:60px 40px;
    width:95%;
  }

  .news-area .link-btn {
    max-width:100%;
  }

  .news-left {
    width:270px;
  }

  .news-right {
    width:calc(100% - 270px);
  }

  .news-group {
    padding:20px 30px;
  }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  .main-view,
  .splide__track {
    height:calc(97.7svh - 88px);
    margin-top:88px;
  }

  #contents .sns-area .bnr-box .flex {
    display:flex;
  }

  #contents .sns-area .bnr-box .bnr-item {
    margin-bottom:20px;
    width:50%;
  }

  #contents .sns-area .bnr-box .bnr-item:last-child {
    margin-bottom:0;
  }

  #contents .sns-area .bnr-box .flex {
    display:flex;
    justify-content:center;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    align-items:center;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl:after {
    right:110px;
  }

  #contents .sns-area .bnr-box .flex .bnr-img {
    width:30%;
  }

  #contents .sns-area .bnr-box .flex.recruit-txt-box {
    padding:10px 0 40px;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl .bg-txt {
    font-size:30px;
  }

  #contents .sns-area .bnr-box .bnr-item.recruit-bnr .bnr-ttl .main-ttl {
    font-size:15px;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    margin-right:20px;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl {
    font-size:33px;
    margin-bottom:10px;
  }

  #contents .works-area li.category-item {
    margin:0;
    width:auto;
  }

  #contents .works-area li.category-item:nth-child(5n),
  #contents .works-area li.category-item:nth-child(n+7) {
    margin:0;
  }

  #contents ul li.category-item.long-text {
    width:auto;
  }

  #contents .news-category-area .flex {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
    padding:0;
  }

  #contents ul li.category-item {
    font-size:15px;
    padding:5px 15px;
  }

  #contents .contact-area .sub-txt-box::before,
  #contents .contact-area .sub-txt-box::after {
    bottom:-10px;
    height:109px;
    right:-60px;
    width:210px;
  }

  #contents .contact-area .sub-txt-box::before {
    bottom:-10px;
    height:116px;
    left:-15px;
    right:unset;
    top:unset;
    width:214px;
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  #contents .news-area .link-btn.pc-none {
    display:block;
  }

  .main-view,
  .splide__track {
    height:45vh;
    margin-top:65px;
  }

  button.splide__toggle {
    bottom:24px;
  }

  .splide .main-text p {
    margin-top:-50px;
  }

  #home #contents {
    padding-bottom:365px;
  }

  #contents .sns-area .bnr-box .flex .bnr-img {
    padding-right:20px;
    width:27%;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    padding:0 0 0 30px;
  }

  #contents .bnr-box .flex {
    gap:10px;
  }

  #contents .bnr-box .bnr-item .bnr-ttl {
    font-size:14px;
    line-height:1.4em;
    padding:0 15px 3px;
    top:-2px;
  }

  #contents .bnr-box .bnr-item .bnr-ttl .main-ttl {
    bottom:4px;
    position:relative;
  }

  #contents .bnr-box .bnr-item .sub-ttl {
    bottom:4px;
    position:relative;
  }

  #contents .bnr-box .bnr-item .bnr-ttl .main-ttl {
    font-size:34px;
  }

  #contents .service-area .txt-box .ttl {
    font-size:20px;
    line-height:1.3em;
    margin-bottom:10px;
    padding-left:35px;
  }

  #contents .service-area .txt-box .ttl:before {
    height:25px;
    width:25px;
  }

  #contents .service-area .txt-box .ttl:after {
    bottom:0;
    height:21px;
    left:5px;
    top:0;
    width:18px;
  }

  #contents .service-area .txt-box .txt {
    letter-spacing:.05em;
  }

  #contents .service-area .txt-box {
    padding-left:0;
  }

  #contents .service-area .img-box {
    margin-bottom:20px;
  }

  #contents .service-area .txt-box .txt {
    padding-right:20px;
  }

  .works-area .results-list .results-group {
    margin:0 15px 15px 0;
    width:calc(100% / 2 - 8px);
  }

  .works-area .results-list .results-group:nth-child(2n) {
    margin-right:0;
  }

  .works-area .results-list .results-group .results-link .photo {
    height:calc(100vw / 3.7);
  }

  .news-left {
    width:100%;
  }

  .news-right {
    width:100%;
  }

  .news-area .news-contents {
    padding:0;
  }

  .news-right .link-btn {
    margin-top:30px;
  }

  .news-group {
    padding:12px 10px;
  }

  #contents .news-area .link-btn,
  #contents .works-area .link-btn {
    font-size:17px;
    letter-spacing:.05em;
    padding:13px 5px;
  }

  #contents .news-area .link-btn::after,
  #contents .works-area .link-btn::after {
    right:15px;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl {
    top:8px;
  }
}

@media screen and (max-width: 820px) {
  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl .bg-txt {
    font-size:25px;
  }
}

@media screen and (max-width: 768px) {
  #contents .sns-area .bnr-box .flex .bnr-sub-ttl {
    font-size:62%;
  }

  #contents .bnr-box .flex {
    gap:20px 0;
    grid-template-columns:1fr;
  }

  #contents .bnr-box .bnr-item .bnr-ttl {
    font-size:14px;
    line-height:1.5em;
    padding:0 15px 5px;
  }

  #contents .service-area .service-box {
    gap:35px 0;
    grid-template-columns:1fr;
  }

  #contents .service-area .txt-box .ttl:after {
    left:4px;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl {
    margin-bottom:13px;
  }

  #contents .sns-area .bnr-box .flex.recruit-txt-box {
    padding:10px 0 30px;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    line-height:2.5em;
    padding:0;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl:after {
    right:95px;
    top:-30px;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl .bg-txt {
    font-size:18px;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    margin-right:20px;
    padding-left:20px;
    width:calc(65% - 20px);
  }

  #contents .contact-area .sub-txt-box::before,
  #contents .contact-area .sub-txt-box::after {
    display:none;
  }

  #contents .contact-area br {
    display:none;
  }

  #contents .contact-area .sub-txt-box .sub-txt .txt {
    line-height:1.7em;
    text-align:left;
  }

  #contents .contact-area .sub-txt-box {
    margin-bottom:0;
  }
}


@media screen and (max-width: 640px) {
  .works-area .results-list .results-group {
    margin:0 0 15px 0;
    width:100%;
  }

  .works-area .results-list .results-group .results-link .photo {
    height:calc(100vw / 2);
  }

  #contents .news-category-area .flex {
    gap:7px;
  }

  #contents ul li.category-item {
    padding:5px 10px;
  }

  #contents .sns-area .bnr-box .bnr-item {
    width:100%;
  }

  #contents .sns-area .bnr-box .bnr-item.recruit-bnr .bnr-ttl .main-ttl {
    font-size:25px;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    line-height:3.5em;
    width:calc(75% - 20px);
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl .bg-txt {
    font-size:33px;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl:after {
    right:105px;
    top:-30px;
  }

  #contents .sns-area .bnr-box .flex .bnr-img {
    padding-right:20px;
    width:25%;
  }

  #contents .sns-area .bnr-box .flex .bnr-sub-ttl {
    font-size:14px;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  .main-view:before {
    background-position:right center;
  }

  #home #contents {
    padding-bottom:420px;
  }

  .main-view,
  .splide__track {
    height:40vh;
    margin-top:65px;
  }

  #splide01-slide01::before {
    background-position:right center;
    background-size:220%;
  }

  #splide01-slide02::before {
    background-position:2% center;
  }

  #splide01-slide03::before {
    background-position:53% bottom;
  }

  .splide .main-text {
    bottom:-25%;
    max-width:330px;
  }

  #contents ul li.category-item {
    font-size:14px;
    letter-spacing:.02em;
    padding:5px;
  }

  #contents .works-area .news-category-area {
    padding:30px 15px;
  }

  .news-area .news-bg {
    padding:40px 20px;
    width:95%;
  }

  #contents .sns-area .bnr-box .flex .bnr-sub-ttl {
    right:8px;
  }

  #contents .sns-area .bnr-box .bnr-item.recruit-bnr .bnr-ttl .main-ttl {
    font-size:18px;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    line-height:2.8em;
    padding:0;
  }

  #contents .sns-area .bnr-box .bnr-item .bnr-ttl .main-ttl .bg-txt {
    font-size:27px;
  }

  #contents .sns-area .bnr-box .flex .bnr-img {
    padding-right:20px;
    width:30%;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl:after {
    right:110px;
    top:-30px;
  }

  #contents .sns-area .bnr-box .flex.recruit-txt-box {
    align-items:flex-start;
    padding:10px 0 30px;
  }

  #contents .sns-area .bnr-box .recruit-bnr .bnr-ttl {
    margin-right:20px;
    width:calc(73% - 40px);
  }

  #contents .contact-area .btn-box .link-bnr::before {
    height:25px;
    left:15px;
    top:-2px;
    width:25px;
  }

  #contents .contact-area .btn-box .link-bnr {
    font-size:17px;
    line-height:1.4em;
    padding:20px 30px 24px 60px;
  }
}