@charset "UTF-8";

/*--------------------------------------------------------------------
=== [business] ====================================
 -------------------------------------------------------------------*/

.business-sec {
  color: #474747;
  padding-bottom: 15.76vw;
}
@media (max-width: 750px) {
  .business-sec {
    padding-bottom: 32.26vw;
  }
}
.business-sec .business-sec__ttl {
  width: 100%;
  height: 29.86vw;
  max-height: 430px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  font-size: 58px;
  color: #fff;
}
@media (max-width: 750px) {
  .business-sec .business-sec__ttl {
    height: 69.3vw;
    font-size: 14vw;
    line-height: 1;
  }
}
.business-sec .business-sec__ttl > span {
  text-align: center;
  font-size: 16px;
  display: block;
  margin-top: 1vw;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.34em;
  font-family: YuMincho, /* Mac用 */ "Yu Mincho", /* Windows用 */ serif;
}
@media (max-width: 750px) {
  .business-sec .business-sec__ttl > span {
    font-size: 3.46vw;
    margin-top: 2.4vw;
  }
}
.business-sec .inner {
  max-width: 1000px;
  width: 69.44vw;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .business-sec .inner {
    width: 100%;
    padding: 0;
  }
}

.business-sec.sec_retail .business-sec__ttl {
  background-image: url(../../img/business/retail_bg.jpg);
  background-size: cover;
}
@media (max-width: 750px) {
  .business-sec.sec_retail .business-sec__ttl {
    background-image: url(../../img/business/retail_bg_sp.jpg);
    background-size: cover;
  }
}
.business-sec.sec_solution .business-sec__ttl {
  background-image: url(../../img/business/solution_bg1a.jpg);
  background-size: cover;
}
@media (max-width: 750px) {
  .business-sec.sec_solution .business-sec__ttl {
    background-image: url(../../img/business/solution_bg_sp1.jpg);
    background-size: cover;
  }
}
@media (max-width: 750px) {
  .sec_solution__figure {
    overflow-x: scroll;
    width: calc(100% - 5.32vw);
    padding: 0 0 4vw;
    margin: 0 2.666vw;
    -webkit-overflow-scrolling: touch;
  }
  .sec_solution__figure::-webkit-scrollbar {
    height: 10px;
  }
  .sec_solution__figure::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 10px;
    background: #f6f6f6;
    height: 10px;
  }
  .sec_solution__figure::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    border-radius: 10px;
    box-shadow: none;
    height: 10px;
  }
}
.sec_solution__figure__wrap {
  text-align: center;
}
@media (max-width: 750px) {
  .sec_solution__figure__wrap {
    width: 151.86vw;
    padding: 0 8.93vw;
  }
}

.sec_solution__figure__name {
  color: #fff;
  font-size: 19px;
  line-height: 1.1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.22em;
  background: #333333;
  width: 100%;
  padding: 1.04vw 0;
  margin-top: 6.25vw;
  font-family: YuMincho, /* Mac用 */ "Yu Mincho", /* Windows用 */ serif;
}
@media (max-width: 750px) {
  .sec_solution__figure__name {
    font-size: 3.2vw;
    padding: 2.4vw 0;
    margin-top: 13.33vw;
  }
}
.sec_solution__figure__img {
  padding: 3.99vw 3.47vw 4.16vw;
  border-right: solid #f6f6f6 10px;
  border-bottom: solid #f6f6f6 10px;
  border-left: solid #f6f6f6 10px;
  width: 100%;
}
@media (max-width: 750px) {
  .sec_solution__figure__img {
    padding: 8.93vw 8.4vw 9.33vw;
    border-right: solid #f6f6f6 6px;
    border-bottom: solid #f6f6f6 6px;
    border-left: solid #f6f6f6 6px;
  }
}
.sec_solution__figure__img figure {
  max-width: 864px;
  width: 60vw;
  margin: auto;
}
@media (max-width: 750px) {
  .sec_solution__figure__img figure {
    width: 100%;
  }
  .sec_solution__figure__img figure img {
    width: 100%;
  }
}

.business-sec.sec_planning .business-sec__ttl {
  background-image: url(../../img/business/planning_bg.jpg);
  background-size: cover;
}
@media (max-width: 750px) {
  .business-sec.sec_planning .business-sec__ttl {
    background-image: url(../../img/business/planning_bg_sp.jpg);
    background-size: cover;
    font-size: 12.26vw;
  }
}
.business-sec__headtxt {
  color: #474747;
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
  font-weight: 500;
  width: 55.55vw;
  margin: 6.25vw auto 0;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.1em;
}
@media (max-width: 750px) {
  .business-sec__headtxt {
    font-size: 3.46vw;
    width: 100%;
    padding: 0 12vw;
    margin: 13vw 0 0;
  }
}
.business-sec_attach {
  background: #f6f6f6;
  padding: 5.55vw 6.92vw;
  width: 100%;
  margin-top: 6.59vw;
}
@media (max-width: 750px) {
  .business-sec_attach {
    background: #f6f6f6;
    padding: 18.66vw 9.33vw 15.46vw;
    width: auto;
    margin: 13.33vw 2.666vw 0;
  }
}
.business-sec__figure + .business-sec_attach {
  margin-top: 3.33vw;
}
@media (max-width: 750px) {
  .business-sec__figure + .business-sec_attach {
    margin-top: 8vw;
  }
}
.business-sec_attach .business-sec_attach__ttl {
  font-size: 44px;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" 1;
}
@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__ttl {
    font-size: 11.73vw;
  }
}

.business-sec_attach .business-sec_attach__subttl {
  font-size: 22px;
  text-align: center;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 13px;
  letter-spacing: 0.18em;
  font-feature-settings: "palt" 1;
  font-family: YuMincho, /* Mac用 */ "Yu Mincho", /* Windows用 */ serif;
}
@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__subttl {
    font-size: 5.33vw;
    padding-bottom: 2.93vw;
    letter-spacing: 0.18em;
  }
}
.business-sec_attach .business-sec_attach__box {
  margin-top: 3.19vw;
}
@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__box {
    margin-top: 12.4vw;
  }
}
.business-sec_attach .business-sec_attach__box + .business-sec_attach__box {
  margin-top: 5.1vw;
}
@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__box + .business-sec_attach__box {
    margin-top: 13.33vw;
  }
}
.business-sec_attach .business-sec_attach__list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__list {
    flex-direction: column;
  }
}
.business-sec_attach .business-sec_attach__list > li {
  margin-top: 2.84vw;
  width: calc(33.3% - 1.39vw);
  text-align: left;
  margin-right: 2.01vw;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.04em;
}
@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__list > li {
    margin-top: 8vw;
    width: 100%;
    margin-right: 0;
  }
}
.business-sec_attach .business-sec_attach__list > li:nth-child(3) {
  margin-right: 0;
}
.business-sec_attach .business-sec_attach__list .business-sec_attach__name {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.18em;
  font-feature-settings: "palt" 1;
  font-family: YuMincho, /* Mac用 */ "Yu Mincho", /* Windows用 */ serif;
}
@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__list .business-sec_attach__name {
    font-size: 4vw;
  }
}
.business-sec_attach .business-sec_attach__linklist {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__linklist {
    flex-direction: column;
    margin-top: 8vw;
  }
}
.business-sec_attach .business-sec_attach__linklist > li {
  margin-top: 2.84vw;
  text-align: left;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.04em;
  width: auto;
  margin-right: 7.37vw;
}
@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__linklist > li {
    margin-top: 5.33vw;
    width: 100%;
    margin-right: 0;
  }
  .business-sec_attach .business-sec_attach__linklist > li:first-child {
    margin-top: 0;
  }
}
.business-sec_attach .business-sec_attach__list .business-sec_attach__detail {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 1.042vw;
  letter-spacing: 0.06em;
  font-feature-settings: "palt" 1;
}
@media (max-width: 750px) {
  .business-sec_attach .business-sec_attach__list .business-sec_attach__detail {
    font-size: 2.93vw;
    margin-top: 1.042vw;
  }
}

.business-sec_attach .business-sec_attach__linklist li a {
  font-size: 17px;
  font-weight: 600;
  font-family: YuMincho, /* Mac用 */ "Yu Mincho", /* Windows用 */ serif;
  color: #474747;
  text-decoration: none;
  transition: 0.3s;
  letter-spacing: 0.18em;
  font-feature-settings: "palt" 1;
  word-break: break-all;
}
.business-sec_attach .business-sec_attach__linklist > li:nth-child(3) {
  margin-right: 0;
}
.business-sec_attach .business-sec_attach__linklist li a:hover {
  opacity: 0.4;
}
.business-sec_attach__logolist {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 38.75vw;
  max-width: 558px;
  margin: auto;
}
@media (max-width: 750px) {
  .business-sec_attach__logolist {
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
  }
  .business-sec_attach__logolist li + li {
    margin-top: 10.66vw;
  }
}
.business-sec_attach__logolist li:nth-child(1) {
  width: 9.58vw;
  max-width: 138px;
}
@media (max-width: 750px) {
  .business-sec_attach__logolist li:nth-child(1) {
    width: 30vw;
  }
}
.business-sec_attach__logolist li:nth-child(2) {
  width: 8.61vw;
  max-width: 124px;
}
@media (max-width: 750px) {
  .business-sec_attach__logolist li:nth-child(2) {
    width: 26.93vw;
  }
}
.business-sec_attach__logolist li:nth-child(3) {
  width: 8.85vw;
  max-width: 127px;
}
@media (max-width: 750px) {
  .business-sec_attach__logolist li:nth-child(3) {
    width: 30.26vw;
  }
}