@charset "UTF-8";
/* 共通 */
.mct {
  color: #000;
}

.home-secBase {
  padding-top: 3.125em;
}

.home-secBase-header {
  text-align: center;
}

.home-secBase-header__sub-text {
  color: #ffd500;
  font-size: 1.75em;
  font-weight: bold;
}

.home-secBase-header__title {
  position: relative;
  margin-top: 0.2142857143em;
  padding-top: 0.9047619048em;
  font-size: 2.625em;
  font-weight: bold;
}
.home-secBase-header__title::before, .home-secBase-header__title::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 1.5px;
  height: 0.880952381em;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
  content: "";
}
.home-secBase-header__title::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.home-secBase-header__title::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.primary-btn {
  -webkit-transition: all 0.2s;
  display: block;
  z-index: 2;
  position: relative;
  border: 2px solid #000;
  background-color: #000;
  font-size: 0.9375em;
  transition: all 0.2s;
}

a.primary-btn {
  color: #fff;
  text-decoration: none;
}

.primary-btn:hover {
  background-color: #fff;
  color: #000;
  opacity: 1;
}

.primary-btn::before,
.primary-btn::after {
  -webkit-transition: all 0.3s;
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #000;
  content: "";
  transition: all 0.3s;
}

.primary-btn::before {
  right: 0;
}

.primary-btn::after {
  left: 0;
}

.primary-btn:hover::before,
.primary-btn:hover::after {
  width: 0;
  background-color: #000;
}

.primary-btn-inner {
  display: block;
}
.primary-btn-inner::after {
  position: absolute;
  right: 0.5em;
  font-size: 1.1333333333em;
  content: "＞";
}

/* 4つのスマイル */
.home-smile-box-area {
  margin-top: 1.5em;
  padding: 4.375em 2%;
  background: url("../images/bg_gray_hexagon.png");
}

.home-smile-box-wrap {
  width: 1530px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.home-smile-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 3.2026143791%;
  padding-bottom: 1.25em;
  border-top: 0.1875em solid #000;
  border-bottom: 0.1875em solid #000;
  background-color: #fff;
}
.home-smile-box:last-of-type {
  margin-right: 3.2026143791%;
}

.home-smile-box__sub-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0.28em 0.44em 0.48em;
  font-size: 1.5625em;
  font-weight: bold;
}
.home-smile-box__sub-title::before {
  display: block;
  width: 3.08em;
  height: 3.08em;
  margin-right: 0.96em;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.home-smile-box--trip-free .home-smile-box__sub-title::before {
  background-image: url("../images/icon_smile_shipping.png");
}

.home-smile-box--disposal .home-smile-box__sub-title::before {
  background-image: url("../images/icon_smile_money.png");
}

.home-smile-box--sales .home-smile-box__sub-title::before {
  background-image: url("../images/icon_smile_bag_shoes.png");
}

.home-smile-box--consultation .home-smile-box__sub-title::before {
  background-image: url("../images/icon_smile_handshake.png");
}

.home-smile-box__title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.75em;
  background-color: #ffdf00;
  font-weight: bold;
  text-align: center;
}

.home-smile-box__title-size-normal {
  font-size: 2.5em;
}
.home-smile-box__title-size-middle {
  font-size: 2.625em;
}
.home-smile-box__title-size-large {
  font-size: 3em;
}

.home-smile-box__text {
  margin-top: 0.8181818182em;
  font-size: 1.375em;
  line-height: 1.4;
  text-align: center;
}
.home-smile-box__text-big-size {
  font-size: 1.5909090909em;
  font-weight: bold;
  vertical-align: sub;
}

.home-smile-box-area-link {
  width: 20em;
  margin-top: 4em;
  margin-right: auto;
  margin-left: auto;
  padding: 1.4666666667em 1.3333333333em;
}

/* サービス */
/* サービス共通 */

.home-servie-box {
  margin-top: 2.875em;
  border: 0.1875em solid #000;
}

.home-servie-box__title {
  background: url("../images/bg_gray_dark.png");
  font-weight: bold;
  text-align: center;
}

.home-servie-box__text {
  font-size: 1.125em;
  line-height: 1.8;
}

/* サービス縦長 */
.home-servie-vertical-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 31.2698412698%;
}

.home-servie-vertical-box__title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.08em;
  font-size: 3.125em;
}
.home-servie-vertical-box__title-small-size {
  font-size: 0.84em;
}

.home-servie-vertical-box__cnt {
  height: 100%;
  padding: 0.625em 0.9375em 2.75em;
}

.home-servie-vertical-box__image {
  min-height: 0%;
}

.home-servie-vertical-box__image--television {
  padding-top: 0.25em;
  padding-right: 1.5em;
  padding-left: 2.25em;
}

.home-servie-vertical-box__text {
  margin-top: 0.9444444444em;
  text-align: center;
}

.home-servie-vertical-box__link {
  width: 16.2em;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  padding: 1.4666666667em 1.3333333333em;
}

/* サービス横長 */
.home-servie-side-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48.4126984127%;
  padding: 0.75em 0.625em;
}

.home-servie-side-box-primary {
  width: 35.8361774744%;
}

.home-servie-side-box-secondary {
  width: 64.1638225256%;
  padding-left: 0.75em;
}

.home-servie-side-box__title {
  padding: 0.2222222222em;
  font-size: 2.25em;
}

.home-servie-side-box__text {
  margin-top: 0.7777777778em;
  padding-right: 0.3333333333em;
  padding-left: 0.3333333333em;
}

.home-servie-side-box__link {
  width: 16.2em;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  padding: 1em 1.3333333333em;
}

/* 対応エリア */
.home-company {
  width: 1260px;
  max-width: 100%;
  margin-top: 6em;
  margin-right: auto;
  margin-left: auto;
  background: url("../images/mct_bg_area_top.jpg") center/cover no-repeat;
}

.home-company-area {
  -webkit-box-flex: 51.4285714286%;
  -ms-flex: 51.4285714286%;
  flex: 51.4285714286%;
  padding: 1.1875em 1.5em 2em;
}

.home-company-area-title__label {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3em;
  height: 3em;
  margin-right: 0.7em;
  background-color: #ffd500;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.1;
}

.home-company-area-title__text {
  color: #fff;
  font-size: 2em;
  font-weight: bold;
}

.home-company-area__image {
  margin-top: -1.5em;
  text-align: center;
}
.home-company-area__image img {
  width: 30.875em;
}

.home-company-area__region {
  margin-top: 0.9411764706em;
  color: #fff;
  font-size: 0.9em;
  letter-spacing: 2px;
  text-align: center;
}

.home-company-info {
  -webkit-box-flex: 48.5714285714%;
  -ms-flex: 48.5714285714%;
  flex: 48.5714285714%;
  padding: 3.875em 4.5em;
}

.home-company-info__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-bottom: 0.3em;
  border-bottom: 0.1em solid #fff;
  color: #fff;
  font-size: 1.875em;
  font-weight: bold;
}
.home-company-info__title::before {
  display: block;
  width: 1.0666666667em;
  height: 1.5em;
  margin-right: 0.4em;
  background: url("../images/icon_map.png") center/contain no-repeat;
  content: "";
}

.home-company-info-address {
  margin-top: 1.5em;
}

.home-company-info-address__icon {
  margin-right: 1em;
}
.home-company-info-address__icon img {
  width: 7.8125em;
}

.home-company-info-address__title {
  color: #fff;
  font-size: 2.0625em;
  font-weight: bold;
}

.home-company-info-address__text {
  color: #fff;
  font-size: 1.125em;
}

.home-company-info-tel {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1.875em;
  padding: 1.25em 0.3125em 0.9375em 2.9375em;
  border: 0.25em solid #fff;
}
a.home-company-info-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.home-company-info-tel-primary {
  width: 6.125em;
}

.home-company-info-tel-secondary {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.home-company-info-tel__icon img {
  width: 5.1875em;
}

.home-company-info-tel__title {
  color: #fff;
  font-size: 2.625em;
  line-height: 0.9;
}

.home-company-info-tel__text {
  margin-top: 0.4666666667em;
  color: #fff;
  font-size: 0.9375em;
  font-weight: normal;
}

.home-company-info-link {
  display: block;
  position: relative;
  width: 47.149122807%;
  margin-top: 1.8888888889em;
  padding: 0.7777777778em 1.2222222222em;
  background-color: #fff;
  font-size: 1.125em;
}
a.home-company-info-link {
  color: #000;
  text-decoration: none;
}
a.home-company-info-link:hover {
  background-color: #000;
  color: #fff;
}

.home-company-info-link::after {
  position: absolute;
  right: 0.7222222222em;
  content: "＞";
}

/* BLOG */
.home-blog {
  padding-top: 4.25em;
}

.home-blog-box-wrap {
  width: 1216px;
  max-width: 100%;
  margin-top: 3.125em;
  margin-right: auto;
  margin-left: auto;
}

.home-blog-box {
  position: relative;
  width: 29.60526%;
}
.home-blog-box:not(:last-of-type) {
  margin-right: 5.5921052632%;
}
.home-blog-box:not(:last-of-type)::after {
  display: block;
  position: absolute;
  top: 0;
  right: -2em;
  bottom: 0;
  width: 1px;
  height: 70%;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #000;
  content: "";
}

a.home-blog-box__category {
  color: inherit;
  text-decoration: none;
}

.home-blog-box__category::before {
  margin-right: 0.25em;
  color: #ffd500;
  content: "●";
}

.home-blog-box__image {
  display: block;
  margin-top: 0.625em;
}

.home-blog-box__time {
  display: inline-block;
  margin-top: 1.125em;
  padding: 0.3125em 0.9375em;
  background-color: #000;
  color: #fff;
}

.home-blog-box__title {
  display: block;
  margin-top: 0.75em;
}
a.home-blog-box__title {
  color: inherit;
}

.home-blog__list-link {
  width: 16.2em;
  margin-top: 4em;
  margin-left: auto;
  padding: 0.9333333333em 1.0666666667em;
}

/* お客様の声・facebook */
.home-blog-bnrs {
  width: 971px;
  max-width: 100%;
  margin-top: 8.375em;
  margin-right: auto;
  margin-left: auto;
}

.home-voice-bnr {
  display: block;
  width: 27.875em;
  max-width: 100%;
  height: 15em;
  margin-right: 4.9375em;
  padding: 2.25em 4.1875em;
  background: url("../images/mct_bg_voice_top.jpg") center/cover no-repeat;
}
a.home-voice-bnr {
  text-decoration: none;
}

.home-voice-bnr__title {
  padding-bottom: 0.75em;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-align: center;
}

.home-voice-bnr__title-jp {
  display: block;
  font-size: 1.875em;
}

.home-voice-bnr__title-en {
  display: block;
}

.home-voice-bnr__text {
  margin-top: 0.5333333333em;
  color: #fff;
  font-size: 0.9375em;
  text-align: center;
}

.home-facebook-bnr {
  display: block;
  width: 27.875em;
  max-width: 100%;
  height: 15em;
  padding: 4.375em 2.4375em;
  background: url("../images/mct_bg_facebook_top.jpg") center/cover no-repeat;
}
a.home-facebook-bnr {
  text-decoration: none;
}

.home-facebook-bnr-inner {
  height: 100%;
  background-color: rgba(64, 71, 141, 0.85);
}

.home-facebook-bnr__icon {
  margin-right: 1.5em;
}
.home-facebook-bnr__icon img {
  width: 1.375em;
}

.home-facebook-bnr__text {
  color: #fff;
  font-weight: bold;
}
.home-facebook-bnr__text-middle-size {
  font-size: 1.125em;
}
.home-facebook-bnr__text-large-size {
  font-size: 1.375em;
}

/*リクルートバナー*/
.home-recruit-bnr {
  display: block;
  width: 60.6875em;
  max-width: 100%;
  margin-top: 4em;
  margin-right: auto;
  margin-left: auto;
}

/* INSTAGRAM */
.home-insta {
  margin-top: 10.125em;
}

.home-insta-header__title {
  font-size: 1.375em;
  font-weight: bold;
  text-align: center;
}

.home-insta-header__title-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
a.home-insta-header__title-link {
  text-decoration: none;
}

.home-insta-header__title-link::before {
  display: block;
  width: 2.2272727273em;
  height: 2.2272727273em;
  margin-right: 1.5454545455em;
  background: url("../images/icon_instagram.png") center/contain no-repeat;
  content: "";
}
.home-insta-header__title-link::after {
  display: block;
  width: 1.0454545455em;
  height: 1em;
  margin-left: 1.0454545455em;
  background: url("../images/icon_arrow_black.png") center/contain no-repeat;
  content: "";
}

.home-insta-inner {
  width: 971;
  max-width: 100%;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
}

/* 新型コロナウイルス感染症対策を実施しています。 */
.alert-area {
  width: 980px;
  max-width: 100%;
  margin: 2em auto 0;
  padding: 1.5em 5.1875em 0.4em;
  background: #cae8ff;
}

.alert-area__title {
  width: 490px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.2em 0.2em 0.5em;
  border-bottom: solid 2px #fff;
  color: #182980;
  font-size: 1.31em;
  font-weight: bold;
  text-align: center;
}

.alert-area__cnt {
  margin: 1em auto;
}

.alert-area__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 1.8em;
  margin-right: 2.3em;
  font-size: 1em;
  line-height: 2;
}

.alert-area__img-area {
  width: 14.625em;
}

.alert-area__img {
  width: 43%;
  margin: 0.3em 0.5em;
}

div#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
  width: 100% !important;
}

@media screen and (max-width: 1540px) {
  /* 共通 */
  /* 4つのスマイル */
  .home-smile-box-area {
    font-size: 1vw;
  }
  /* サービス */
  .home-servie-box {
    font-size: 1.1vw;
  }
  /* 対応エリア */
  /* BLOG */
  /* お客様の声・facebook */
  /* INSTAGRAM */
}

@media screen and (max-width: 1260px) {
  /* 共通 */
  /* 4つのスマイル */
  /* サービス */
  /* 対応エリア */
  .home-company {
    font-size: 1.2vw;
  }
  /* BLOG */
  /* お客様の声・facebook */
  /* INSTAGRAM */
  .alert-area__title {
    font-size: 1.175em;
  }
}

@media screen and (max-width: 1024px) {
  /* 共通 */
  /* 4つのスマイル */
  /* サービス */
  /* 対応エリア */
  .home-company-info {
    padding-right: 2.5em;
    padding-left: 2.5em;
  }
  /* BLOG */
  /* お客様の声・facebook */
  /* INSTAGRAM */
}

@media screen and (max-width: 768px) {
  /* 共通 */
  /* 4つのスマイル */
  .home-smile-box-area {
    font-size: inherit;
  }
  .home-smile-box {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    width: 49%;
    margin-top: 2em;
    margin-right: 2%;
  }
  .home-smile-box:nth-of-type(even) {
    margin-right: 0;
  }
  /* サービス */
  .home-servie-vertical-box-wrap {
    display: block;
    padding-right: 20%;
    padding-left: 20%;
  }
  .home-servie-side-box-wrap {
    display: block;
    padding-right: 3%;
    padding-left: 3%;
  }
  .home-servie-box {
    width: 100%;
  }
  .home-servie-vertical-box {
    font-size: inherit;
  }
  .home-servie-side-box {
    font-size: 2.5vw;
  }
  /* 対応エリア */
  .home-company {
    display: block;
    font-size: inherit;
  }
  /* BLOG */
  /* お客様の声・facebook */
  .home-voice-bnr {
    margin-right: 2em;
  }
  /* INSTAGRAM */
  .alert-area__text {
    margin-top: 0.8em;
  }
}

@media screen and (max-width: 480px) {
  /* 共通 */
  /* 4つのスマイル */
  .home-smile-box-area {
    padding-top: 0;
  }
  .home-smile-box-wrap {
    padding-right: 10%;
    padding-left: 10%;
  }
  .home-smile-box {
    width: 100%;
    margin-right: 0;
  }
  /* サービス */
  .home-servie-vertical-box-wrap {
    padding-right: 5%;
    padding-left: 5%;
  }
  .home-servie-side-box-wrap {
    padding-right: 0;
    padding-left: 0;
  }
  /* 対応エリア */
  .home-company {
    font-size: 3vw;
  }
  .home-company-area__image {
    margin-top: -0.5em;
  }
  .home-company-area__region {
    margin-top: -1.7647058824em;
    text-align: right;
  }
  .home-company-info {
    padding: 1em 2% 2em;
  }
  /* BLOG */
  .home-blog-box-wrap {
    padding-right: 16%;
    padding-left: 16%;
  }
  .home-blog-box:not(:last-of-type) {
    margin-right: 0;
  }
  .home-blog-box:not(:last-of-type)::after {
    content: none;
  }
  .home-blog-box {
    width: 100%;
  }
  .home-blog__list-link {
    margin-top: 7em;
    margin-right: auto;
  }
  /* お客様の声・facebook */
  .home-blog-bnrs {
    display: block;
    margin-top: 4.25em;
  }
  .home-voice-bnr {
    margin-right: 0;
  }
  .home-facebook-bnr {
    margin-top: 2em;
  }
  .home-recruit-bnr {
    margin-top: 2em;
  }
  /* INSTAGRAM */
  .home-insta {
    margin-top: 5.0625em;
  }
  .alert-area {
    padding: 1em 1.7em;
  }
  .alert-area__title {
    font-size: 1.15em;
  }
  .alert-area__text {
    margin-top: 0;
    margin-right: 0;
  }
  .alert-area__img-area {
    width: 100%;
    margin: 1em 0 0;
  }
  .alert-area__img {
    width: 20%;
  }
}