/*
	Helper mixins
*/
.main-content.service-page .region.main-region .block .main-content-block .content-block .blue-title, .main-content.service-page .region.main-region .block .main-content-block .content-block .jitsu-seki, .main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step .des-step {
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 1.4px;
  letter-spacing: 0.0875rem;
  line-height: 30px;
  color: #58595B;
  color: #58595b;
  letter-spacing: 0.7px;
  text-align: justify; }
@media only screen and (max-width: 480px) {
  .main-content.service-page .region.main-region .block .main-content-block .content-block .blue-title, .main-content.service-page .region.main-region .block .main-content-block .content-block .jitsu-seki, .main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step .des-step {
    line-height: 22px;
  }

}
.main-content.service-page .region.main-region .block .main-content-block .content-block .blue-title span.sign-left, .main-content.service-page .region.main-region .block .main-content-block .content-block .jitsu-seki span.sign-left, .main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step .des-step span.sign-left {
  margin-left: -7px;
  margin-left: -0.4375rem; }
.main-content.service-page .region.main-region .block .main-content-block .content-block .blue-title span.sign-right, .main-content.service-page .region.main-region .block .main-content-block .content-block .jitsu-seki span.sign-right, .main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step .des-step span.sign-right {
  margin-right: -7px;
  margin-right: -0.4375rem; }
@media only screen and (max-width: 480px) {
  .main-content.service-page .region.main-region .block .main-content-block .content-block .blue-title, .main-content.service-page .region.main-region .block .main-content-block .content-block .jitsu-seki, .main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step .des-step {
    font-size: 0.85rem;
    /*font-size: 0.9375rem;
    letter-spacing: 1.7px;*/
    letter-spacing: 0; }
  .main-content.service-page .region.main-region .block .main-content-block .content-block .blue-title span.sign-left, .main-content.service-page .region.main-region .block .main-content-block .content-block .jitsu-seki span.sign-left, .main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step .des-step span.sign-left {
    margin-left: -8.5px;
    margin-left: -0.53125rem; }
  .main-content.service-page .region.main-region .block .main-content-block .content-block .blue-title span.sign-right, .main-content.service-page .region.main-region .block .main-content-block .content-block .jitsu-seki span.sign-right, .main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step .des-step span.sign-right {
    margin-right: -8.5px;
    margin-right: -0.53125rem; } }

.banner-child-page {
  opacity: 1;
  background: url(../../../img/frontend/service/banner-service.jpg) no-repeat top/cover;
  margin-bottom: 3.125rem;
  background-size: 100% 820px;
  position: relative;
  height: 820px; }
@media only screen and (max-width: 1600px) {
  .banner-child-page {
    background-position-x: 0; } }
@media only screen and (max-width: 1400px) {
  .banner-child-page {
    background-size: 100% calc(864px); } }
@media only screen and (max-width: 1024px) {
  .banner-child-page {
    background-size: auto auto;
    background-position-x: -180px;
    height: 764px; } }
@media only screen and (max-width: 960px) {
  .banner-child-page {
    background-size: 139% 100%;
    background-position-x: -149px; } }
@media only screen and (max-width: 680px) {
  .banner-child-page {
    background-position-x: -126px; } }
@media only screen and (max-width: 570px) {
  .banner-child-page {
    background-size: auto 100%;
    background-position-x: 61%;
    background: none; } }
@media only screen and (max-width: 767px) {
  .banner-child-page {
    height: auto; } }
.banner-child-page .slogan-child-page {
  opacity: 1;
  text-align: center;
  max-width: 675px;
  margin-top: 79px;
  margin-left: auto;
  margin-right: auto;
  float: right;
  margin-right: 100px; }
@media only screen and (max-width: 1600px) {
  .banner-child-page .slogan-child-page {
    margin-top: 10px; } }
@media only screen and (max-width: 1024px) {
  .banner-child-page .slogan-child-page {
    margin-right: 15px;
    margin-top: 0px; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .slogan-child-page {
    margin-right: 0px;
    margin-top: 57px;
    margin-left: 208px; } }
@media only screen and (max-width: 680px) {
  .banner-child-page .slogan-child-page {
    margin-top: 50px; } }
@media only screen and (max-width: 570px) {
  .banner-child-page .slogan-child-page {
    width: 100%; } }
.banner-child-page .slogan-child-page .service-slovan {
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 18px;
  line-height: 35px;
  color: #FFFFFF;
  color: white;
  text-shadow: 7px 7px 5px rgba(35, 24, 21, 0.75);
  text-align: left; }
@media only screen and (max-width: 1024px) {
  .banner-child-page .slogan-child-page .service-slovan {
    padding-left: 33px; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .slogan-child-page .service-slovan {
    font-size: 17px; } }
@media only screen and (max-width: 480px) {
  .banner-child-page .slogan-child-page .service-slovan {
    padding-left: 0px;
    line-height: 25px;
    color:#000000;
    font-size: 0.85rem;
    letter-spacing: 0;
    font-weight: normal;
  } }
.banner-child-page .slogan-child-page .service-slovan .big-u {
  opacity: 1;
  display: none; }
@media only screen and (max-width: 570px) {
  .banner-child-page .slogan-child-page .service-slovan .big-u {
    display: inline;
    font-size: 24px;
    font-weight: bold;
/*    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(35, 24, 21, 1); */} }
.banner-child-page .slogan-child-page .service-slovan .small-u {
  opacity: 1;
  display: none; }
@media only screen and (max-width: 570px) {
  .banner-child-page .slogan-child-page .service-slovan .small-u {
    display: inline;
    font-size: 14px;
    padding-left: 11px;
    font-weight: bold;
/*    color: #fff;
    text-shadow: 1px 1px 2px rgba(35, 24, 21, 1);*/ } }
@media only screen and (max-width: 480px) {
  .banner-child-page .slogan-child-page .service-slovan .small-u {
    padding-left: 0px;
    font-size: 18px;
    line-height: 29px; } }
.banner-child-page .slogan-child-page .service-slovan .hs {
  display: none; }
@media only screen and (max-width: 480px) {
  .banner-child-page .slogan-child-page .service-slovan .hs {
    display: block; } }
.banner-child-page .slogan-child-page .service-slovan:nth-child(1) {
  opacity: 1; }
@media only screen and (max-width: 1600px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(1) {
    margin-top: 59px; } }
@media only screen and (max-width: 1400px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(1) {
    margin-top: 82px; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(1) {
    margin-top: 0px; } }
.banner-child-page .slogan-child-page .service-slovan:nth-child(2) {
  opacity: 1;
  margin-top: 92px; }
@media only screen and (max-width: 1600px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(2) {
    margin-top: 115px; } }
@media only screen and (max-width: 1400px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(2) {
    margin-top: 102px; } }
@media only screen and (max-width: 1024px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(2) {
    margin-top: 91px; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(2) {
    margin-top: 58px; } }
@media only screen and (max-width: 480px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(2) {
    margin-top: 50px; } }
.banner-child-page .slogan-child-page .service-slovan:nth-child(3) {
  opacity: 1;
  margin-top: 134px;
  margin-bottom: 91px; }
@media only screen and (max-width: 1600px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(3) {
    margin-top: 128px; } }
@media only screen and (max-width: 1400px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(3) {
    margin-top: 139px; } }
@media only screen and (max-width: 1024px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(3) {
    margin-top: 85px;
    margin-bottom: 46px; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(3) {
    margin-top: 66px; } }
@media only screen and (max-width: 480px) {
  .banner-child-page .slogan-child-page .service-slovan:nth-child(3) {
    margin-top: 50px; } }
.banner-child-page .abs {
  opacity: 1;
  position: absolute; }
.banner-child-page .abs .big-abs {
  font-weight: bold;
  opacity: 1;
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 40px;
  font-size: 2.5rem;
  letter-spacing: 4px;
  letter-spacing: 0.25rem;
  position: relative;
  line-height: 48px;
  text-align: center;
  color: #231F20;
  color: #231f20; }
.banner-child-page .abs .big-abs span.sign-left {
  margin-left: -20px;
  margin-left: -1.25rem; }
.banner-child-page .abs .big-abs span.sign-right {
  margin-right: -20px;
  margin-right: -1.25rem; }
@media only screen and (max-width: 1600px) {
  .banner-child-page .abs .big-abs {
    opacity: 1;
    font-size: 34px;
    font-size: 2.125rem;
    letter-spacing: 3.4px;
    letter-spacing: 0.2125rem;
    line-height: 40px; }
  .banner-child-page .abs .big-abs span.sign-left {
    margin-left: -17px;
    margin-left: -1.0625rem; }
  .banner-child-page .abs .big-abs span.sign-right {
    margin-right: -17px;
    margin-right: -1.0625rem; } }
@media only screen and (max-width: 1400px) {
  .banner-child-page .abs .big-abs {
    opacity: 1;
    font-size: 34px;
    font-size: 2.125rem;
    letter-spacing: 3.4px;
    letter-spacing: 0.2125rem; }
  .banner-child-page .abs .big-abs span.sign-left {
    margin-left: -17px;
    margin-left: -1.0625rem; }
  .banner-child-page .abs .big-abs span.sign-right {
    margin-right: -17px;
    margin-right: -1.0625rem; } }
@media only screen and (max-width: 1024px) {
  .banner-child-page .abs .big-abs {
    line-height: 38px; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .abs .big-abs {
    font-size: 25px; } }
.banner-child-page .abs .small-abs {
  opacity: 1;
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 18px;
  line-height: 22px;
  color: #231F20;
  color: #231f20;
  font-weight: bold;
  text-align: center; }
@media only screen and (max-width: 960px) {
  .banner-child-page .abs .small-abs {
    letter-spacing: -1.5px; } }
.banner-child-page .abs.abs-1 {
  opacity: 1;
  top: 77px;
  left: 18%; }
@media only screen and (max-width: 1600px) {
  .banner-child-page .abs.abs-1 {
    opacity: 1;
    left: 17%; } }
@media only screen and (max-width: 1400px) {
  .banner-child-page .abs.abs-1 {
    opacity: 1;
    top: 87px;
    left: 16%;
  }
}
@media only screen and (max-width: 1024px) {
  .banner-child-page .abs.abs-1 {
    opacity: 1;
    top: 80px;
    left: 8%; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .abs.abs-1 {
    opacity: 1;
    top: 80px;
    left: 2%; } }
@media only screen and (max-width: 767px) {
  .banner-child-page .abs.abs-1 {
    opacity: 1; } }
@media only screen and (max-width: 570px) {
  .banner-child-page .abs.abs-1 {
    display: none; } }
.banner-child-page .abs.abs-1 .show-hidden {
  opacity: 1; }
@media only screen and (max-width: 767px) {
  .banner-child-page .abs.abs-1 .show-hidden {
    display: none; } }
.banner-child-page .abs.abs-1 .hidden-show {
  display: none; }
@media only screen and (max-width: 767px) {
  .banner-child-page .abs.abs-1 .hidden-show {
    display: block; } }
.banner-child-page .abs.abs-2 {
  opacity: 1;
  top: 297px;
  left: 17%; }
@media only screen and (max-width: 1600px) {
  .banner-child-page .abs.abs-2 {
    opacity: 1;
    left: 17%; } }
@media only screen and (max-width: 1400px) {
  .banner-child-page .abs.abs-2 {
    top: 322px;
    left: 15%; } }
@media only screen and (max-width: 1024px) {
  .banner-child-page .abs.abs-2 {
    opacity: 1;
    left: 7%;
    top: 293px; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .abs.abs-2 {
    opacity: 1;
    left: 4%;
    top: 280px; } }
@media only screen and (max-width: 767px) {
  .banner-child-page .abs.abs-2 {
    left: 2.5%;
    top: 312px; } }
@media only screen and (max-width: 570px) {
  .banner-child-page .abs.abs-2 {
    display: none; } }
.banner-child-page .abs.abs-2 .hidden-show {
  display: none; }
@media only screen and (max-width: 960px) {
  .banner-child-page .abs.abs-2 .hidden-show {
    display: block; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .abs.abs-2 .show-hidden {
    display: none; } }
.banner-child-page .abs.abs-3 {
  opacity: 1;
  top: 548px;
  left: 17%; }
@media only screen and (max-width: 1600px) {
  .banner-child-page .abs.abs-3 {
    opacity: 1;
    left: 17%; } }
@media only screen and (max-width: 1400px) {
  .banner-child-page .abs.abs-3 {
    opacity: 1;
    top: 581px;
    left: 15%; } }
@media only screen and (max-width: 1024px) {
  .banner-child-page .abs.abs-3 {
    left: 7%;
    top: 514px; } }
@media only screen and (max-width: 960px) {
  .banner-child-page .abs.abs-3 {
    opacity: 1;
    left: 3%;
    top: 514px; } }
@media only screen and (max-width: 767px) {
  .banner-child-page .abs.abs-3 {
    left: 2%;
    top: 571px; } }
@media only screen and (max-width: 570px) {
  .banner-child-page .abs.abs-3 {
    display: none; } }
.banner-child-page .abs.abs-3 .show-hidden {
  opacity: 1; }
@media only screen and (max-width: 767px) {
  .banner-child-page .abs.abs-3 .show-hidden {
    display: none; } }
.banner-child-page .abs.abs-3 .hidden-show {
  display: none; }
@media only screen and (max-width: 767px) {
  .banner-child-page .abs.abs-3 .hidden-show {
    display: block; } }

.main-content.service-page {
  opacity: 1;
  padding-bottom: 102px; }
.main-content.service-page .region {
  opacity: 1; }
.main-content.service-page .region.main-region {
  opacity: 1;
  max-width: 965px;
  margin: 0 auto;
  margin-top: 75px; }
.main-content.service-page .region.main-region .block {
  opacity: 1; }
.main-content.service-page .region.main-region .block .main-content-block {
  opacity: 1;
  margin: 0 auto; }
.main-content.service-page .region.main-region .block .main-content-block .content-block {
  opacity: 1; }
.main-content.service-page .region.main-region .block .main-content-block .content-block .blue-title {
  text-align: justify;
  color: #00a79d;
  font-weight: bold; }
.main-content.service-page .region.main-region .block .main-content-block .content-block .jitsu-seki {
  opacity: 1;
  text-align: justify; }
.main-content.service-page .region.main-region .block .main-content-block .round-button {
  opacity: 1;
  width: 330px;
  margin: 0px auto; }
@media only screen and (max-width: 320px) {
  .main-content.service-page .region.main-region .block .main-content-block .round-button {
    width: 100%; } }
.main-content.service-page .region.main-region .block .main-content-block .round-button .button-popup {
  font-size: 18px;
  line-height: 48px;
  letter-spacing: 0.7px;
  color: #1B75BC;
  color: #1b75bc;
  text-decoration: underline;
  border: 1px solid #58595B;
  display: block;
  border-radius: 8px;
  text-align: center;
  font-family: HiraKakuPro W3-83pv-RKSJ-H;
}
.main-content.service-page .region.main-region .block.app-development {
  opacity: 1;
  margin-top: -100px;
  padding-top: 100px; }
.main-content.service-page .region.main-region .block.app-development .main-content-block {
  opacity: 1;
  margin-top: 50px; }
.main-content.service-page .region.main-region .block.app-development .main-content-block .content-block {
  opacity: 1;
  margin-bottom: 27px; }
.main-content.service-page .region.main-region .block.app-development .main-content-block .content-block .blue-title {
  opacity: 1; }
.main-content.service-page .region.main-region .block.app-development .main-content-block .content-block .jitsu-seki {
  opacity: 1; }
.main-content.service-page .region.main-region .block.app-development .main-content-block .round-button {
  opacity: 1;
  padding-top: 8px; }
.main-content.service-page .region.main-region .block.web-system {
  opacity: 1;
  padding-top: 6.75rem; }
.main-content.service-page .region.main-region .block.web-system .main-content-block {
  opacity: 1;
  margin-top: 51px; }
.main-content.service-page .region.main-region .block.web-system .main-content-block .content-block {
  opacity: 1;
  margin-top: 20px;
}
.main-content.service-page .region.main-region .block.web-system .main-content-block .content-block .blue-title {
  opacity: 1; }
.main-content.service-page .region.main-region .block.web-system .main-content-block .content-block .jitsu-seki {
  opacity: 1; }
.main-content.service-page .region.main-region .block.web-system .main-content-block .round-button {
  opacity: 1;
  margin-top: 51px; }
.main-content.service-page .region.main-region .block.web-site {
  opacity: 1;
  padding-top: 6.1875rem; }
.main-content.service-page .region.main-region .block.web-site .main-content-block {
  opacity: 1;
  margin-top: 60px; }
.main-content.service-page .region.main-region .block.web-site .main-content-block .content-block {
  opacity: 1;
  margin-bottom: 31px; }
.main-content.service-page .region.main-region .block.web-site .main-content-block .content-block .blue-title {
  opacity: 1; }
.main-content.service-page .region.main-region .block.web-site .main-content-block .content-block .jitsu-seki {
  opacity: 1; }
.main-content.service-page .region.main-region .block.web-site .main-content-block .round-button {
  opacity: 1;
  margin-top: 54px; }
.main-content.service-page .region.main-region .block.production-flow {
  opacity: 1;
  padding-top: 7.8125rem; }
.main-content.service-page .region.main-region .block.production-flow .main-content-block {
  opacity: 1;
  margin-top: 100px; }
.main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block {
  opacity: 1;
  text-align: center; }
.main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step {
  opacity: 1; }
.main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step img {
  opacity: 1; }
.main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step .des-step {
  text-align: center;
  margin-top: 14px;
  margin-bottom: 12px; }

.common-modal {
  opacity: 1; }
.common-modal .modal-dialog {
  opacity: 1;
  width: auto;
  max-width: 60.9375rem; }
@media only screen and (max-width: 960px) {
  .common-modal .modal-dialog {
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; } }
.common-modal .modal-dialog .modal-content {
  opacity: 1;
  border-radius: 0; }
.common-modal .modal-dialog .modal-content .modal-header {
  opacity: 1;
  margin-top: 2px;
  border-bottom: none; }
.common-modal .modal-dialog .modal-content .modal-header button.close {
  opacity: 1; }
.common-modal .modal-dialog .modal-content .modal-header .main-header {
  opacity: 1;
  max-width: 340px;
  margin: 0 auto;
  margin-top: 32px; }
.common-modal .modal-dialog .modal-content .modal-header .main-header .title {
  opacity: 1;
  font-family: "Kozuka Gothic Pr6N";
  font-size: 25px;
  letter-spacing: 2.5px;
  color: #FFFFFF;
  color: white;
  text-align: center;
  display: block;
  background: #6d6e71;
  line-height: 36px;
  font-weight: normal; }
.common-modal .modal-dialog .modal-content .modal-header .main-header .sub-title {
  opacity: 1;
  font-family: "Kozuka Gothic Pr6N";
  font-size: 14px;
  color: #6D6E71;
  color: #6d6e71;
  text-align: right;
  margin-top: 9px; }
.common-modal .modal-dialog .modal-content .modal-body {
  opacity: 1;
  /* margin-top: 1.3125rem; */
  padding-bottom: 27px;
  }
.common-modal .modal-dialog .modal-content .modal-body .region {
  opacity: 1; }
.common-modal .modal-dialog .modal-content .modal-body .region .title {
  opacity: 1;
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 18px;
  line-height: 25px;
  color: #231F20;
  color: #231f20;
  display: block;
  border-bottom: 1px dotted #231F20;
  padding-bottom: 12px; }
@media only screen and (max-width: 480px) {

  .common-modal .modal-dialog .modal-content .modal-body .region .title {
    text-align: center; }
  .main-content.service-page .region.main-region .block.app-development {
    padding-top: 40px; }
  .main-content.service-page .region.main-region .block.app-development .main-content-block .content-block .jitsu-seki {
    padding-top: 10px; }
  .main-content.service-page .region.main-region .block.web-system {
    padding-top: 4rem; }
  .main-content.service-page .region.main-region .block.web-system .main-content-block .content-block .jitsu-seki {
    padding-top: 10px; }
  .main-content.service-page .region.main-region .block.web-site {
    padding-top:4rem; }
  .main-content.service-page .region.main-region .block.web-site .main-content-block .content-block .jitsu-seki {
    padding-top: 10px; }
  .main-content.service-page .region.main-region .block.production-flow {
    padding-top: 4rem; }
  .main-content.service-page .region.main-region .block.production-flow .main-content-block {
    margin-top: 60px;
  }
  .main-content.service-page .region.main-region .block.production-flow .main-content-block .content-block .round-step .des-step{
    text-align: left;
  }
  .main-content.service-page .region.main-region .block .main-content-block .content-block .blue-title {
    font-size: 1rem;
    line-height: 1.3;
  }
  .common-modal .modal-dialog .modal-content .modal-body .region .double-block .row {
    margin-left: -0px;
    margin-right: -0px; }
  .common-modal .modal-dialog .modal-content .modal-body .region .double-block div.round-ul {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% / 1); }
}
.common-modal .modal-dialog .modal-content .modal-body .region .double-block {
  opacity: 1;
  margin-top: 15px; }

.common-modal .modal-dialog .modal-content .modal-body .region .double-block .row {
  opacity: 1; }
.common-modal .modal-dialog .modal-content .modal-body .region .double-block .row .round-line {
  opacity: 1; }
.common-modal .modal-dialog .modal-content .modal-body .region .double-block .row .round-line .line {
  opacity: 1;
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 14px;
  line-height: 25px;
  color: #231F20;
  color: #231f20;
  text-align: center; }
.common-modal .modal-dialog .modal-content .modal-body .region.region-chuumon {
  opacity: 1; }
.common-modal .modal-dialog .modal-content .modal-body .region.region-torihiki {
  opacity: 1; }

#modal-app-development {
  opacity: 1; }

#modal-web-system .modal-body {
  padding-bottom: 100px; }

#modal-web-site {
  opacity: 1; }

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