@charset "UTF-8";
/* 事業向けサービス */

/* --------------------------------------------
共通
-------------------------------------------- */
.service-common-wrap {
  width: 98%;
  margin: 0 auto;
}

.lead-common {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 1.5em;
  border-radius: 6px;
}

.lead-common.-blue {
  background-color: #eef6ff;
}

.lead-common.-blue .lead-common__title {
  color: #171c61;
}

.lead-common.-orange {
  background-color: #ffe5d3;
}

.lead-common.-orange .lead-common__title {
  color: #40210f;
}

.lead-common.-purple {
  background-color: #f3f0ff;
}

.lead-common.-purple .lead-common__title {
  color: #3e1940;
}

.lead-common.-green {
  background-color: #e3fde3;
}

.lead-common.-green .lead-common__title {
  color: #004f34;
}

.lead-common.-yellow {
  background-color: #fefff4;
}

.lead-common.-yellow .lead-common__title {
  color: #e73828;
}

.lead-common-inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.lead-common__title {
  margin: .5em 0;
  font-size: 1.8125em;
  font-weight: 700;
}

.lead-common__img {
  width: 21.0625em;
  margin-right: 2em;
}

.sec-service-secondary__title {
  margin-top: 4.2em;
  margin-bottom: 30px;
  padding: 1.13em 1em;
  background: url(../../images/bg_gray.png) center center/12.8em repeat;
  font-size: 1.25em;
  text-align: center;
}

.catch-heading {
  display: inline-block;
  position: relative;
  min-width: 12.11111em;
  padding: .4em 1em;
  background-color: #2ca6e0;
  font-size: 1.125em;
}

.catch-heading::after {
  -webkit-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 50%;
  height: 2px;
  transform: translateY(-50%);
  background-color: #fff;
  content: "";
}

/* --------------------------------------------
税務・経理
-------------------------------------------- */

.service-merit {
  width: 95%;
  margin: 6em auto 0;
}

.service-merit.-blue .service-merit__title {
  background-color: #036eb7;
}

.service-merit.-blue .service-merit__cnts {
  border: #036eb7 1px solid;
  background-color: #f4f7ff;
}

.service-merit.-green .service-merit__title {
  background-color: #00723a;
}

.service-merit.-green .service-merit__cnts {
  border: #00723a 1px solid;
  background-color: #eeffe9;
}

.service-merit__title {
  padding: 1.5em .5em;
}

.service-merit__title.icon-man {
  position: relative;
}

.service-merit__title.icon-man::before {
  position: absolute;
  bottom: .3em;
  left: 4em;
  width: 6.6875em;
  height: 8.8125em;
  background: url(../../images/fig-businessman.png) center/contain no-repeat;
  content: "";
}

.service-merit__title.icon-man .service-merit__title-inner {
  margin-left: 7.5em;
}

.service-merit__title.icon-woman {
  position: relative;
}

.service-merit__title.icon-woman::before {
  position: absolute;
  bottom: .3em;
  left: 4em;
  width: 6.3125em;
  height: 8.5em;
  background: url(../../images/fig-businesswoman.png) center/contain no-repeat;
  content: "";
}

.service-merit__title.icon-woman .service-merit__title-inner {
  margin-left: 7.5em;
}

.service-merit__title-inner {
  color: #fff;
  font-size: 1.625em;
}

.service-merit__cnts {
  padding: 2.5em;
}

.more-area {
  width: 95%;
  margin: 2em auto 4em;
}

.more-area .txt-primary {
  text-align: right;
}

.aoiro-btn {
  width: 28.375em;
  margin-left: auto;
}

.order-list-primary {
  list-style: none;
}

.order-list-primary__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.order-list-primary__item + .order-list-primary__item {
  margin-top: 1.8em;
}

.order-list-primary__item-num {
  margin-right: .8em;
  padding: .6em .8em;
  background-color: #c79f62;
  color: #fff;
  font-size: 1.625em;
  line-height: 1;
}

.order-list-primary__item-txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.desc-secondary-flow {
  width: 100%;
  margin-top: 3em;
}

.desc-secondary-flow .order-list-primary {
  width: 88%;
  margin: 1.5em auto 0;
}

/* --------------------------------------------
金融相談・あっせん
-------------------------------------------- */
.sec-service-secondary-maru .desc-secondary {
  width: 95%;
  margin: 3em auto 0;
}

.sec-service-secondary-maru .desc-secondary__desc {
  margin-left: 1em;
}

.sec-service-secondary-maru__cnts {
  text-align: center;
}

.desc-secondary-target .bg-list-primary__item {
  font-size: 1em;
}

.desc-secondary-target .bg-list-primary {
  width: 70%;
}

.hiroshima-btn-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
}

.hiroshima-btn {
  width: 48%;
}

/* --------------------------------------------
労働保険事務組合
-------------------------------------------- */
.service-group .wrap-common-inner {
  width: 95%;
  margin: 0 auto;
}

.sec-service-secondary-owner .bg-list-primary {
  margin: 2em 0;
}

.sec-service-secondary-owner-list__item {
  margin: .5em 0 0 1em;
}

/* --------------------------------------------
労災一人親方事業部会
-------------------------------------------- */
.service-one .wrap-common-inner {
  width: 95%;
  margin: 0 auto;
}

.sec-service-secondary-pay {
  margin-bottom: 4em;
}

.sec-service-secondary-pay .bg-list-primary {
  width: 70%;
  margin-top: 2em;
  line-height: 2.4;
}

@media screen and (max-width: 1900px) {
  /* 事業向けサービス */
}

@media screen and (max-width: 1540px) {
  /* 事業向けサービス */
}

@media screen and (max-width: 1260px) {
  /* 事業向けサービス */
}

@media screen and (max-width: 1100px) {
  /* 事業向けサービス */
}

@media screen and (max-width: 840px) {
  /* 事業向けサービス */
  .lead-common__img {
    width: 35%;
  }
  .desc-secondary-flow .order-list-primary {
    width: 95%;
  }
  .desc-secondary-target .bg-list-primary {
    width: 100%;
  }
  .sec-service-secondary-pay .bg-list-primary {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  /* 事業向けサービス */
  .lead-common {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .lead-common__title {
    font-size: 1.5625em;
  }
  .lead-common__img {
    width: 100%;
    margin-top: 1.5em;
  }
  .wrap-common-guide .wrap-common__img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .service-merit {
    width: 100%;
  }
  .service-merit__title {
    font-size: 2.5vw;
  }
  .service-merit__title.icon-man::before {
    left: 2em;
  }
  .service-merit__title.icon-man .service-merit__title-inner {
    margin-left: 6em;
  }
  .service-merit__title.icon-woman::before {
    left: 2em;
  }
  .service-merit__title.icon-woman .service-merit__title-inner {
    margin-left: 6em;
  }
  .service-merit__cnts {
    padding: 1em;
  }
  .more-area {
    width: 100%;
  }
  .more-area .txt-primary {
    text-align: center;
  }
  .aoiro-btn {
    width: 90%;
    margin: 0 auto;
  }
  .order-list-primary__item-num {
    margin-right: .5em;
  }
  .desc-secondary-flow .order-list-primary {
    width: 100%;
  }
  .sec-service-secondary-maru .desc-secondary__desc {
    margin-left: 0;
  }
  .hiroshima-btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
  }
  .hiroshima-btn {
    width: 90%;
    margin: 1.5em auto 0;
  }
}