#content h2 {
  margin-bottom: min(2vw, 24px);
  text-align: center;
  font-size: min(2.5vw, 30px);
  font-weight: var(--weight-bold);
  color: var(--gray_text);
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  #content h2 {
    margin-bottom: 6.154vw;
    font-size: 5.641vw;
    text-align: center;
  }
}
#content h3 {
  margin-bottom: min(5.5vw, 66px);
}
@media only screen and (max-width: 767px) {
  #content h3 {
    margin-bottom: 10.256vw;
  }
}
#content h4 {
  margin-bottom: min(4.083vw, 49px);
}
@media only screen and (max-width: 767px) {
  #content h4 {
    margin-bottom: 6.154vw;
  }
}
#content #outsourcing {
  margin-bottom: min(8.667vw, 104px);
}
@media only screen and (max-width: 767px) {
  #content #outsourcing {
    margin-bottom: 16.41vw;
  }
}
#content #outsourcing p {
  margin-bottom: min(5.333vw, 64px);
  font-size: min(1.333vw, 16px);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #content #outsourcing p {
    margin-bottom: 10.256vw;
    font-size: 4.103vw;
    text-align: left;
  }
}
#content #outsourcing .img01 {
  margin: 0;
  max-width: 1099px;
}
#content #outsourcing .img01 img {
  width: 100%;
  height: auto;
}
#content #outsourcing .img02 {
  margin: max(-1.667vw, -20px) 0 max(-2.167vw, -26px) min(33.833vw, 406px);
  position: relative;
  width: min(46.667vw, 560px);
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  #content #outsourcing .img02 {
    margin: -5.128vw 0 -7.692vw;
    width: auto;
  }
}
#content #outsourcing .img02 img {
  width: 100%;
  height: auto;
}
#content #outsourcing .img03 {
  padding: min(1.75vw, 21px) min(3.083vw, 37px);
  position: relative;
  border-radius: min(0.667vw, 8px);
  background: var(--light_yellow_1);
}
@media only screen and (max-width: 767px) {
  #content #outsourcing .img03 {
    margin-bottom: 16.41vw;
    padding: 10.256vw 2.564vw;
    border-radius: 2.051vw;
  }
}
#content #outsourcing .img03 .imgArea {
  width: min(20.75vw, 249px);
  height: min(20.75vw, 249px);
  position: absolute;
  top: max(-1.333vw, -16px);
  left: min(3.083vw, 37px);
}
@media only screen and (max-width: 767px) {
  #content #outsourcing .img03 .imgArea {
    margin: 0 auto 6.154vw;
    width: 56.41vw;
    height: 56.41vw;
    top: 0;
    left: 0;
    position: relative;
  }
}
#content #outsourcing .img03 .imgArea img {
  width: 100%;
  height: auto;
}
#content #outsourcing .img03 .textArea {
  margin-left: calc(min(25.833vw, 310px) - min(3.083vw, 37px));
}
@media only screen and (max-width: 767px) {
  #content #outsourcing .img03 .textArea {
    margin-left: 0;
  }
}
#content #outsourcing .img03 .textArea ul {
  display: flex;
  flex-wrap: wrap;
  gap: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #content #outsourcing .img03 .textArea ul {
    flex-direction: column;
    gap: 2.564vw;
  }
}
#content #outsourcing .img03 .textArea ul li {
  display: flex;
  align-items: center;
  gap: min(0.667vw, 8px);
  width: min(30.667vw, 368px);
  padding: min(2.167vw, 26px) min(4vw, 48px);
  border-radius: min(0.667vw, 8px);
  position: relative;
  background: var(--white);
  font-size: min(1.333vw, 16px);
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  #content #outsourcing .img03 .textArea ul li {
    gap: 2.051vw;
    width: auto;
    padding: 6.41vw 5.641vw;
    font-size: 4.103vw;
  }
}
#content #outsourcing .img03 .textArea ul li::before {
  content: "";
  display: block;
  width: min(1.667vw, 20px);
  height: min(1.5vw, 18px);
  background-image: url("/assets/img/common/icon/icon-check_color.png");
  background-size: min(1.667vw, 20px) auto;
}
@media only screen and (max-width: 767px) {
  #content #outsourcing .img03 .textArea ul li::before {
    width: 5.128vw;
    height: 4.615vw;
    background-size: 5.128vw auto;
  }
}
#content #supportArea .areaList {
  margin-bottom: min(8.667vw, 104px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .areaList {
    margin-bottom: 16.41vw;
  }
}
#content #supportArea .areaList li {
  margin-bottom: min(3.333vw, 40px);
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .areaList li {
    margin-bottom: 10.256vw;
  }
}
#content #supportArea .areaList li .c-headlineDot {
  margin-bottom: min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .areaList li .c-headlineDot {
    margin-bottom: 10.256vw;
    padding-left: 1.2em;
    text-indent: -1.2em;
  }
}
#content #supportArea .areaList li:last-child {
  margin-bottom: 0;
}
#content #supportArea .areaList li button {
  display: none;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .areaList li button {
    display: block;
    margin: 0 auto;
  }
  #content #supportArea .areaList li button[aria-expanded=true] {
    margin-top: 6.154vw;
  }
}
#content #supportArea .areaList li .img img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .areaList li .img img {
    margin: 0 6.154vw;
    width: calc(100% - 12.308vw);
    height: auto;
  }
}
#content #supportArea section p {
  font-size: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea section p {
    font-size: 4.103vw;
  }
}
#content #supportArea .fieldList {
  display: flex;
  margin: min(3.333vw, 40px) 0 0;
  gap: min(2.083vw, 25px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .fieldList {
    flex-direction: column;
    margin: 7.692vw 0 0;
    gap: 6.41vw;
  }
}
#content #supportArea .fieldList a {
  display: block;
  padding: min(2vw, 24px) min(1.667vw, 20px);
  text-decoration: none;
  color: var(--gray_text);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .fieldList a {
    padding: 6.154vw;
  }
}
#content #supportArea .fieldList > li {
  width: min(29.167vw, 350px);
  border-radius: min(1.333vw, 16px);
  background: var(--gray_1);
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .fieldList > li {
    width: auto;
    border-radius: 4.103vw;
  }
}
#content #supportArea .fieldList > li p {
  font-size: min(1.833vw, 22px);
  font-weight: var(--weight-bold);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .fieldList > li p {
    font-size: 5.641vw;
  }
}
#content #supportArea .fieldList > li .img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: min(1.333vw, 16px) 0 min(1.667vw, 20px);
  width: 100%;
  height: min(14.75vw, 177px);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .fieldList > li .img {
    margin: 3.846vw 0;
    height: 33.333vw;
  }
}
#content #supportArea .fieldList > li .img img {
  width: auto;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .fieldList > li .btn li {
    margin: auto;
  }
}
#content #supportArea section {
  margin: min(8.667vw, 104px) 0;
}
@media only screen and (max-width: 767px) {
  #content #supportArea section {
    margin: 26.667vw 0;
  }
}
#content #supportArea .tab {
  display: flex;
  justify-content: space-between;
  margin-bottom: min(5.333vw, 64px);
  border-bottom: 1px solid #D3D3D3;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tab {
    margin-bottom: 10.256vw;
  }
}
#content #supportArea .tab li {
  width: 366px;
  position: relative;
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tab li {
    width: 33%;
  }
}
#content #supportArea .tab li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0;
  height: min(2.333vw, 28px);
  border-right: 1px solid var(--gray_2);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tab li::after {
    right: 0vw;
    height: 10.256vw;
  }
}
#content #supportArea .tab li:last-child::after {
  display: none;
}
#content #supportArea .tab li:nth-child(1) span {
  padding-left: min(3.167vw, 38px);
  background: url("/assets/img/common/icon/icon-machine-line_gray_3.png") no-repeat left center;
  background-size: min(2.5vw, 30px) auto;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tab li:nth-child(1) span {
    padding: 11.282vw 0 0;
    background-position: center top;
    background-size: 7.692vw auto;
  }
}
#content #supportArea .tab li:nth-child(1) button[aria-selected=true] span {
  background-image: url("/assets/img/common/icon/icon-machine-line_dark_green_primary.png");
}
#content #supportArea .tab li:nth-child(2) span {
  padding-left: min(3.167vw, 38px);
  background: url("/assets/img/common/icon/icon-electron-line_gray_3.png") no-repeat left center;
  background-size: min(2.5vw, 30px) auto;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tab li:nth-child(2) span {
    padding: 11.282vw 0 0;
    background-position: center top;
    background-size: 7.692vw auto;
    line-height: 1.3;
  }
}
#content #supportArea .tab li:nth-child(2) button[aria-selected=true] span {
  background-image: url("/assets/img/common/icon/icon-electron-line_dark_green_primary.png");
}
#content #supportArea .tab li:nth-child(3) span {
  padding-left: min(3.167vw, 38px);
  background: url("/assets/img/common/icon/icon-software-line_gray_3.png") no-repeat left center;
  background-size: min(2.5vw, 30px) auto;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tab li:nth-child(3) span {
    padding: 11.282vw 0 0;
    background-position: center top;
    background-size: 7.692vw auto;
  }
}
#content #supportArea .tab li:nth-child(3) button[aria-selected=true] span {
  background-image: url("/assets/img/common/icon/icon-software-line_dark_green_primary.png");
}
#content #supportArea .tab li button {
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: min(1.667vw, 20px);
  font-weight: var(--weight-bold);
  text-align: center;
  color: var(--gray_3);
}
#content #supportArea .tab li button[aria-selected=true] span {
  color: var(--dark_green_primary);
}
#content #supportArea .tab li button[aria-selected=true] span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: max(-2vw, -24px);
  width: calc(100% + min(2vw, 24px) * 2);
  height: min(0.167vw, 2px);
  border: 2px solid var(--dark_green_primary);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tab li button[aria-selected=true] span::after {
    left: -1.795vw;
    width: calc(100% + 3.59vw);
    height: 0.513vw;
  }
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tab li button {
    display: flex;
    align-items: stretch;
    justify-content: center;
    font-size: 4.103vw;
  }
}
#content #supportArea .tab li button span {
  display: inline-block;
  padding: min(1.333vw, 16px) 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tab li button span {
    padding-bottom: 4.103vw !important;
  }
}
#content #supportArea .tabpanel {
  padding: 0 min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tabpanel {
    padding: 0;
  }
}
#content #supportArea .tabpanel.is-hidden {
  display: none;
}
#content #supportArea .tabpanel ul li {
  display: flex;
  margin-bottom: min(3.333vw, 40px);
  padding-bottom: min(3.333vw, 40px);
  gap: min(3.333vw, 40px);
  list-style-type: none;
  border-bottom: 1px solid #D3D3D3;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tabpanel ul li {
    flex-direction: column;
    margin-bottom: 10.256vw;
    padding-bottom: 10.256vw;
    gap: 6.154vw;
  }
}
#content #supportArea .tabpanel ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
#content #supportArea .tabpanel ul li .imgArea {
  width: min(20.583vw, 247px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tabpanel ul li .imgArea {
    margin: 0 12.051vw;
    width: auto;
  }
}
#content #supportArea .tabpanel ul li .imgArea img {
  width: 100%;
  height: auto;
}
#content #supportArea .tabpanel ul li .textArea .text01 {
  margin-bottom: min(0.417vw, 5px);
  font-size: min(1.667vw, 20px);
  font-weight: var(--weight-bold);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tabpanel ul li .textArea .text01 {
    margin-bottom: 1.282vw;
    font-size: 5.128vw;
  }
}
#content #supportArea .tabpanel ul li .textArea .list01 li {
  margin-bottom: min(0.5vw, 6px);
  padding: 0 0 0 min(2vw, 24px);
  border: none;
  position: relative;
  color: #000000;
  font-size: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tabpanel ul li .textArea .list01 li {
    margin-bottom: 1.538vw;
    padding: 0 0 0 5.385vw;
    font-size: 4.103vw;
  }
}
#content #supportArea .tabpanel ul li .textArea .list01 li::before {
  content: "";
  display: block;
  width: min(0.417vw, 5px);
  height: 0;
  position: absolute;
  top: min(1.25vw, 15px);
  left: 0;
  border-top: 1px solid #000000;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .tabpanel ul li .textArea .list01 li::before {
    width: 1.282vw;
    top: 3.846vw;
  }
}
#content #supportArea .btnArea {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .btnArea {
    flex-direction: column;
    gap: 6.154vw;
  }
}
#content #supportArea .btnArea p {
  font-size: min(1.667vw, 20px);
  font-weight: var(--weight-bold);
}
@media only screen and (max-width: 767px) {
  #content #supportArea .btnArea p {
    font-size: 4.103vw;
    text-align: center;
  }
}
#content #supportArea .btnArea .btn {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  #content #supportArea .btnArea .btn {
    margin: auto;
  }
}
#content #supportArea .btnArea .btn li {
  list-style-type: none;
}
#content #supportArea #businessModels .col01 {
  display: flex;
  flex-wrap: wrap;
  gap: min(5.75vw, 69px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea #businessModels .col01 {
    margin: 0 0 16.41vw;
    gap: 0;
  }
}
#content #supportArea #businessModels .col01 .textArea {
  width: min(45.417vw, 545px);
  display: block;
}
@media only screen and (max-width: 767px) {
  #content #supportArea #businessModels .col01 .textArea {
    display: contents;
    width: auto;
  }
}
#content #supportArea #businessModels .col01 .textArea h4 {
  margin-bottom: min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea #businessModels .col01 .textArea h4 {
    margin-bottom: 6.154vw;
  }
}
#content #supportArea #businessModels .col01 .textArea p {
  margin-bottom: min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea #businessModels .col01 .textArea p {
    margin-bottom: 6.154vw;
    font-size: 4.103vw;
  }
}
#content #supportArea #businessModels .col01 .textArea .catch {
  margin-bottom: min(2vw, 24px);
  font-size: min(2.167vw, 26px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea #businessModels .col01 .textArea .catch {
    margin-bottom: 6.154vw;
    font-size: 5.641vw;
  }
}
@media only screen and (max-width: 767px) {
  #content #supportArea #businessModels .col01 .textArea .btn {
    margin: 7.692vw auto 0;
    order: 1;
  }
}
#content #supportArea #businessModels .col01 .textArea .btn li {
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  #content #supportArea #businessModels .col01 .textArea .btn li a {
    margin: auto;
  }
}
#content #supportArea #businessModels .col01 .imgArea {
  width: min(40.5vw, 486px);
}
@media only screen and (max-width: 767px) {
  #content #supportArea #businessModels .col01 .imgArea {
    width: auto;
  }
}
#content #supportArea #businessModels .col01 .imgArea img {
  width: 100%;
  height: auto;
}

/*# sourceMappingURL=service.css.map */