@charset "UTF-8";
/* ---------------------------------------------------------
 　■ ビジネス共通　
--------------------------------------------------------- */
body.business .contents__enttl {
  font-size: 10px;
  letter-spacing: 0.04em;
  line-height: 2.8;
  margin-bottom: 8px;
  font-weight: bold;
}
@media screen and (max-width: 1300px) {
  body.business .contents__enttl {
    font-size: 0.7692307692vw;
    margin-bottom: 0.6153846154vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .contents__enttl {
    font-size: 2.5641025641vw;
    margin-bottom: 2.0512820513vw;
  }
}
body.business .contents__ttl {
  font-size: 20px;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin-bottom: 30px;
  font-weight: bold;
}
@media screen and (max-width: 1300px) {
  body.business .contents__ttl {
    font-size: 2.5641025641vw;
    margin-bottom: 3.8461538462vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .contents__ttl {
    font-size: 4.6153846154vw;
    margin-bottom: 5.1282051282vw;
  }
}
body.business .contents__txt {
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media screen and (max-width: 1300px) {
  body.business .contents__txt {
    font-size: 1.0769230769vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .contents__txt {
    font-size: 3.0769230769vw;
  }
}
body.business .about {
  background: #fff;
  border-radius: 20px;
  padding: 80px;
  margin: 80px auto;
  max-width: 1000px;
}
@media screen and (max-width: 1300px) {
  body.business .about {
    border-radius: 1.5384615385vw;
    padding: 6.1538461538vw;
    margin: 6.1538461538vw auto;
  }
}
@media screen and (max-width: 768px) {
  body.business .about {
    border-radius: 5.1282051282vw;
    padding: 10.2564102564vw;
    margin: 10.2564102564vw auto 20.5128205128vw;
  }
}
body.business .works {
  max-width: 1000px;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
}
body.business .works .contents__ttl {
  margin-bottom: 20px;
}
@media screen and (max-width: 1300px) {
  body.business .works .contents__ttl {
    margin-bottom: 1.5384615385vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .works .contents__ttl {
    margin-bottom: 5.1282051282vw;
  }
}
body.business .works__lists {
  max-width: 1000px;
  margin: 0 auto;
}
body.business .works__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 60px 0 80px;
}
@media screen and (max-width: 1300px) {
  body.business .works__list {
    margin: 4.6153846154vw 0 6.1538461538vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .works__list {
    display: block;
    margin: 10.2564102564vw 0 15.3846153846vw;
  }
}
body.business .works__list__img {
  width: 38%;
}
@media screen and (max-width: 768px) {
  body.business .works__list__img {
    width: 100%;
  }
}
body.business .works__list__read {
  width: 58%;
}
@media screen and (max-width: 768px) {
  body.business .works__list__read {
    width: 100%;
  }
}
body.business .works__list__ttl {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin: 10px 0 16px;
}
@media screen and (max-width: 1300px) {
  body.business .works__list__ttl {
    font-size: 1.5384615385vw;
    margin: 0.7692307692vw 0 1.2307692308vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .works__list__ttl {
    font-size: 5.1282051282vw;
    margin: 5.1282051282vw 0 4.1025641026vw;
  }
}
body.business .works__list__tag {
  display: inline-block;
  border: 2px solid var(--BL);
  border-radius: 44px;
  padding: 4px 10px;
  margin-right: 4px;
  font-size: 10px;
}
@media screen and (max-width: 1300px) {
  body.business .works__list__tag {
    border-radius: 3.3846153846vw;
    padding: 0.3076923077vw 0.7692307692vw;
    margin-right: 0.3076923077vw;
    font-size: 0.7692307692vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .works__list__tag {
    border-radius: 5.641025641vw;
    padding: 1.0256410256vw 2.5641025641vw;
    margin-right: 1.0256410256vw;
    font-size: 2.5641025641vw;
  }
}
body.business .works__list__txt {
  margin: 16px 0 20px;
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 2;
}
@media screen and (max-width: 1300px) {
  body.business .works__list__txt {
    margin: 1.2307692308vw 0 1.5384615385vw;
    font-size: 0.9230769231vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .works__list__txt {
    margin: 4.1025641026vw 0 5.1282051282vw;
    font-size: 3.0769230769vw;
  }
}
body.business .works__list .ext-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 2;
}
@media screen and (max-width: 1300px) {
  body.business .works__list .ext-link {
    font-size: 0.9230769231vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .works__list .ext-link {
    font-size: 3.0769230769vw;
  }
}
body.business .works__list .ext-link__btn {
  width: 10px;
  margin-left: 10px;
}
@media screen and (max-width: 1300px) {
  body.business .works__list .ext-link__btn {
    width: 0.7692307692vw;
    margin-left: 0.7692307692vw;
  }
}
@media screen and (max-width: 768px) {
  body.business .works__list .ext-link__btn {
    width: 2.5641025641vw;
    margin-left: 2.5641025641vw;
  }
}

/* ---------------------------------------------------------
 　■ ビジネスTOPページ
--------------------------------------------------------- */
body.business.top .sec-l-business .business__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 80px 0 100px;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business .business__lists {
    margin: 6.1538461538vw 0 7.6923076923vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business .business__lists {
    display: block;
    margin: 10.2564102564vw 0 20.5128205128vw;
  }
}
body.business.top .sec-l-business .business__list {
  position: relative;
  background: #fff;
  width: 48%;
  height: 285px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business .business__list {
    height: 21.9230769231vw;
    margin-bottom: 3.0769230769vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business .business__list {
    width: 100%;
    height: 69.2307692308vw;
    margin-bottom: 5.1282051282vw;
  }
}
body.business.top .sec-l-business .business__list a {
  display: block;
  padding: 40px;
  height: 100%;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business .business__list a {
    padding: 3.0769230769vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business .business__list a {
    padding: 7.6923076923vw 5.1282051282vw;
  }
}
body.business.top .sec-l-business .business__list__ttl {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin-bottom: 17px;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business .business__list__ttl {
    font-size: 1.5384615385vw;
    margin-bottom: 1.3076923077vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business .business__list__ttl {
    font-size: 5.1282051282vw;
    margin-bottom: 4.358974359vw;
  }
}
body.business.top .sec-l-business .business__list__txt {
  font-size: 12px;
  letter-spacing: 0.12em;
  line-height: 1.6;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business .business__list__txt {
    font-size: 0.9230769231vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business .business__list__txt {
    font-size: 3.0769230769vw;
  }
}
body.business.top .sec-l-business .business__list.border--yellow {
  border-bottom: 4px solid #f4e73f;
}
body.business.top .sec-l-business .business__list.border--blue {
  border-bottom: 4px solid #3FCDCA;
}
body.business.top .sec-l-business .business__list.border--green {
  border-bottom: 4px solid #5ED45E;
}
body.business.top .sec-l-business .business__list.border--purple {
  border-bottom: 4px solid #AD37B2;
}
body.business.top .sec-l-business .business__list.border--red {
  border-bottom: 4px solid #E6465A;
}
body.business.top .sec-l-business .business__list .link--arrow {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business .business__list .link--arrow {
    right: 2.3076923077vw;
    bottom: 2.3076923077vw;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business .business__list .link--arrow {
    right: 5.1282051282vw;
    bottom: 5.1282051282vw;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }
}
body.business.top .sec-l-business.sec-l-otherlink .business__lists {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 1.6%;
  margin: 80px 0;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__lists {
    margin: 6.1538461538vw 0;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__lists {
    display: block;
    margin: 15.3846153846vw 0 10.2564102564vw;
  }
}
body.business.top .sec-l-business.sec-l-otherlink .business__list {
  height: 80px;
  padding: 0;
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__list {
    height: 6.1538461538vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__list {
    height: 20.5128205128vw;
    margin-bottom: 4.1025641026vw;
  }
}
body.business.top .sec-l-business.sec-l-otherlink .business__list__ttl {
  font-size: 14px;
  margin-bottom: 0;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__list__ttl {
    font-size: 1.0769230769vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__list__ttl {
    font-size: 4.1025641026vw;
  }
}
body.business.top .sec-l-business.sec-l-otherlink .business__list a {
  display: block;
  padding: 30px 20px;
  height: 100%;
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__list a {
    padding: 2.3076923077vw 1.5384615385vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__list a {
    padding: 7.1794871795vw 5.1282051282vw;
  }
}
body.business.top .sec-l-business.sec-l-otherlink .business__list .link--arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
@media screen and (max-width: 1300px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__list .link--arrow {
    width: 2.3076923077vw;
    height: 2.3076923077vw;
    right: 1.5384615385vw;
  }
}
@media screen and (max-width: 768px) {
  body.business.top .sec-l-business.sec-l-otherlink .business__list .link--arrow {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
    right: 5.1282051282vw;
  }
}

/* ---------------------------------------------------------
 　■ ビジネス/広告事業　ページ
--------------------------------------------------------- */
@media screen and (max-width: 768px) {
  body.business.advertising.top .main-title h1 .txt-en {
    font-size: 13vw;
  }
}
/*# sourceMappingURL=business.css.map */