/*************************
         Service
*************************/
h4 {
  font-size: 24px; }

h5 {
  font-size: 28px; }

.sg-keyvisual_head {
  border-bottom: 2px solid #B6111C; }

.sg-box_head-en {
  color: #B6111C; }

.sg-tabui-tabs > li > a > img {
  width: 142px; }

.sg-tabui-block article:first-child {
  margin: 0px; }

.pg-service {
  margin-bottom: 70px; }

.pg-service-tab > li {
  margin-top: 5px;
  margin-left: 5px;
  transition: all .2s; }
  .pg-service-tab > li + li {
    margin-top: 5px;
    margin-left: 5px; }

.pg-service-tab-title {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.pg-serivce-blocks {
  padding: 50px 10px;
  background: #DBDDDF; }

.pg-service-content {
  margin-top: 20px; }

.pg-service-content-inner > article {
  margin-left: auto;
  margin-right: auto;
  background-color: #FFF;
  padding: 50px; }
  .pg-service-content-inner > article > h3 > img {
    width: 200px; }

.pg-service-content-inner-outline {
  margin-top: 40px; }
  .pg-service-content-inner-outline > figure {
    width: 400px;
    float: left;
    margin-right: 40px; }
    .pg-service-content-inner-outline > figure > img {
      width: 100%;
      height: auto;
      border: 1px solid #DBDDDF; }

.pg-service-content-inner-outline-text {
  float: left;
  width: 650px; }

.sg-box_head + .pg-service-business {
  margin-top: 50px; }

.pg-service-business {
  width: 1060px;
  margin: 0 auto; }
  .pg-service-business h2 {
    font-size: 22px;
    text-align: center;
    padding: 30px 0 30px; }
  .pg-service-business p {
    text-align: center; }
  .pg-service-business .sg-button {
    margin: 40px auto 20px; }
  .pg-service-business h3 {
    color: #B6111C;
    font-size: 36px;
    line-height: 1.4; }
  .pg-service-business h4, .pg-service-business h3 + * {
    margin-top: 30px; }
  .pg-service-business h4 + *, .pg-service-business p + p {
    margin-top: 20px; }

.pg-service-business + .pg-service-business {
  margin-top: 50px; }

.pg-service-business-list {
  margin-top: 20px; }
  .pg-service-business-list li + li {
    margin-top: 10px; }
  .pg-service-business-list + p {
    margin-top: 20px; }

.strategy-logo:hover {
  opacity: 0.4;
  transition: 0.2s; }

@media screen and (max-width: 1200px) {
  .pg-service-business {
    width: auto;
    padding-left: 30px;
    padding-right: 30px; }
    .pg-service-business p {
      text-align: left; } }

@media screen and (max-width: 650px) {
  .pg-service-business {
    padding-left: 10px;
    padding-right: 10px; } }

@media screen and (max-width: 640px) {
  .pg-service-business h3 {
    font-size: 22px; }
  .pg-service-business h4 {
    font-size: 20px; } }

* + .pg-service-button {
  margin-top: 20px; }

.pg-service-button a {
  display: block;
  float: left;
  width: 300px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 3px; }
  .pg-service-button a + a {
    margin-left: 45px; }
  .pg-service-button a:hover {
    color: #FFFFFF;
    background-color: #B6111C; }

* + .pg-service-button-app {
  margin-top: 20px; }

.pg-service-button-app a + a {
  margin-left: 30px; }

.pg-service-button-app-apple img, .pg-service-button-app-google img {
  width: 135px;
  height: 49px; }

.pg-service-button--3column {
  float: none;
  display: flex;
  justify-content: space-between; }
  .pg-service-button--3column li {
    width: 30%; }
    .pg-service-button--3column li:last-child {
      width: 37%; }
    @media screen and (max-width: 1200px) {
      .pg-service-button--3column li {
        width: 100%; } }
  .pg-service-button--3column a {
    width: 100%; }
    .pg-service-button--3column a + a {
      margin-left: 0; }

.pg-service-content-inner-text {
  margin-top: 50px; }
  .pg-service-content-inner-text > h4 {
    font-size: 24px; }
    .pg-service-content-inner-text > h4 + p {
      overflow: hidden;
      margin-top: 20px; }
  .pg-service-content-inner-text p {
    margin-top: 15px; }

@media screen and (max-width: 1200px) {
  .pg-service_capture {
    width: 400px !important; }
  .pg-service-tab > li {
    margin-top: 5px;
    margin-left: 5px; }
    .pg-service-tab > li + li {
      margin-top: 5px;
      margin-left: 5px; }
  .pg-service-content-inner > article {
    padding: 20px; }
    .pg-service-content-inner > article > h3 {
      text-align: left; }
      .pg-service-content-inner > article > h3 > img {
        width: 200px;
        height: auto; }
  .pg-service-content-inner-outline {
    margin-top: 20px; }
    .pg-service-content-inner-outline > figure {
      width: 100%;
      float: none;
      margin-right: 20px;
      text-align: center; }
  .pg-service-content-inner-outline-text {
    width: auto;
    margin-top: 30px; }
  .pg-service-button-app {
    left: 440px; }
  .pg-service-button {
    left: 440px; }
    .pg-service-button a {
      width: 300px; }
      .pg-service-button a:after {
        margin-right: -10px; }
      .pg-service-button a + a {
        margin-left: 30px; }
  .pg-service-button-app-apple > img, .pg-service-button-app-google > img {
    width: 135px !important;
    height: 49px !important; }
  .pg-service-content-inner-text {
    margin-top: 30px; } }

@media screen and (max-width: 1165px) {
  .sg-tabui-arrow {
    display: none; } }

@media screen and (max-width: 1000px) {
  .pg-service-content-inner > article > h3 {
    text-align: center; }
  .pg-service-content-inner-outline > figure {
    float: none;
    margin-right: 20px;
    text-align: center; }
    .pg-service-content-inner-outline > figure > img {
      width: 400px; }
  .pg-service-content-inner-outline-text {
    width: 100%;
    height: auto;
    float: none; }
    .pg-service-content-inner-outline-text > h4 {
      font-size: 18px; }
  .pg-service-button {
    display: block;
    position: static;
    float: none;
    margin-top: 20px; }
    .pg-service-button a {
      width: 45%; }
      .pg-service-button a + a {
        margin-left: 9%; }
    .pg-service-button--3column {
      display: flex;
      flex-direction: inherit; }
      .pg-service-button--3column li {
        width: 30%; }
      .pg-service-button--3column a {
        width: 100%; }
  .pg-service-button-app {
    display: block;
    position: static;
    float: none;
    margin-top: 20px; } }

@media screen and (max-width: 750px) {
  .pg-service-blocks {
    height: auto !important;
    padding: 20px 10px; } }

@media screen and (max-width: 650px) {
  .sg-tabui-tabs {
    padding-right: 10px;
    padding-left: 10px; }
    .sg-tabui-tabs + .sg-tabui-blocks {
      margin-top: 10px; }
    .sg-tabui-tabs > li > a {
      width: auto;
      padding: 5px 5px; }
      .sg-tabui-tabs > li > a.current {
        background: #D6D7D9; }
      .sg-tabui-tabs > li > a > img {
        display: none; }
  .pg-service-tab-title {
    position: static;
    font-size: 12px; }
  .pg-serivce-blocks {
    padding: 20px 10px; }
  .pg-service-content-inner-outline > h3 {
    text-align: center; }
    .pg-service-content-inner-outline > h3 > img {
      width: 180px;
      margin-right: auto;
      margin-left: auto; }
  .pg-service-content-inner-outline > figure {
    margin-right: 0;
    text-align: center; }
    .pg-service-content-inner-outline > figure > img {
      width: 100% !important;
      max-width: 400px;
      height: auto !important;
      max-height: 250px;
      float: none; }
  .pg-service-content-inner-outline > h4 {
    margin-top: 20px;
    text-align: left; }
    .pg-service-content-inner-outline > h4 + p {
      margin-top: 15px;
      text-align: left; }
  .pg-service-button {
    margin-top: 20px; }
    .pg-service-button a {
      width: auto;
      float: none;
      margin: 0; }
      .pg-service-button a + a {
        margin-top: 20px;
        margin-left: 0; }
    .pg-service-button--3column {
      flex-direction: column; }
      .pg-service-button--3column li {
        width: 100%; }
        .pg-service-button--3column li:last-child {
          width: 100%; }
        .pg-service-button--3column li:not(:last-child) {
          margin-bottom: 10px; }
  .pg-service-content-inner-outline-text {
    height: auto;
    margin-top: 20px; }
  .pg-service-content-inner-text > h5 {
    font-size: 20px; }
  .pg-service-content-inner-text > p {
    margin-top: 10px; } }

.c-label {
  display: inline-block;
  padding: 2px;
  color: #808080;
  background-color: #F5F6F7; }

@media screen and (max-width: 650px) {
  .pg-service-blocks {
    padding: 20px 10px; } }

@media screen and (max-width: 400px) {
  .pg-servie_nikureach .pg-service-button-app a, .pg-servie_stanby .pg-service-button-app a, .pg-servie_zuknow .pg-service-button-app a, .pg-servie_careertrek .pg-service-button-app a, .pg-servie_bizreach .pg-service-button-app a, .pg-servie_hrmos .pg-service-button-app a, .pg-servie_campus .pg-service-button-app a, .pg-servie_bizhint .pg-service-button-app a, .pg-servie_succeed .pg-service-button-app a {
    display: block;
    width: 40%; }
  .pg-servie_nikureach .pg-service-button-app a, .pg-servie_stanby .pg-service-button-app a img, .pg-servie_zuknow .pg-service-button-app a img, .pg-servie_careertrek .pg-service-button-app a img, .pg-servie_bizreach .pg-service-button-app a img, .pg-servie_hrmos .pg-service-button-app a img, .pg-servie_campus .pg-service-button-app a img, .pg-servie_bizhint .pg-service-button-app a img, .pg-servie_succeed .pg-service-button-app a img {
    width: 100% !important;
    height: auto !important; }
  .pg-servie_nikureach .pg-service-button-app a, .pg-servie_stanby .pg-service-button-app-apple, .pg-servie_zuknow .pg-service-button-app-apple, .pg-servie_careertrek .pg-service-button-app-apple, .pg-servie_bizreach .pg-service-button-app-apple, .pg-servie_hrmos .pg-service-button-app-apple, .pg-servie_campus .pg-service-button-app-apple, .pg-servie_bizhint .pg-service-button-app-apple, .pg-servie_succeed .pg-service-button-app-apple {
    float: left; }
  .pg-servie_nikureach .pg-service-button-app a, .pg-servie_stanby .pg-service-button-app-google, .pg-servie_zuknow .pg-service-button-app-google, .pg-servie_careertrek .pg-service-button-app-google, .pg-servie_bizreach .pg-service-button-app-google, .pg-servie_hrmos .pg-service-button-app-google, .pg-servie_campus .pg-service-button-app-google, .pg-servie_bizhint .pg-service-button-app-google, .pg-servie_succeed .pg-service-button-app-google {
    float: right; }
  .pg-servie_nikureach .pg-service-button-app a, .pg-servie_stanby .pg-service-button-app a + a, .pg-servie_zuknow .pg-service-button-app a + a, .pg-servie_careertrek .pg-service-button-app a + a, .pg-servie_bizreach .pg-service-button-app a + a, .pg-servie_hrmos .pg-service-button-app a + a, .pg-servie_campus .pg-service-button-app a + a, .pg-servie_bizhint .pg-service-button-app a + a, .pg-servie_succeed .pg-service-button-app a + a {
    margin-left: 0; } }