/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
@media screen and (max-width: 750px) {
  .box_in {
    padding: 0 5.3333333333vw; } }

.mv_b {
  position: relative;
  background: url("../images/service/mv.jpg") no-repeat;
  background-position: top 32% center;
  background-size: cover; }
  @media screen and (max-width: 750px) {
    .mv_b {
      background-position: center center;
      background-size: cover; } }

.inner {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 1100px) {
    .inner {
      padding: 0 40px; } }
  @media screen and (max-width: 960px) {
    .inner {
      padding: 0 4.1666666667vw; } }

#service {
  padding-top: 90px;
  padding-bottom: 116px;
  background: #ededeb; }
  #service .box_in {
    max-width: 100%;
    margin-top: 60px; }
    @media screen and (max-width: 1100px) {
      #service .box_in {
        padding: 0; } }
    #service .box_in .service_area {
      padding: 45px 0px; }
      #service .box_in .service_area .service_list:not(:first-child) {
        margin-top: 110px; }
      @media screen and (max-width: 960px) {
        #service .box_in .service_area .service_list:not(:first-child) {
          margin-top: 56px; } }
      #service .box_in .service_area .service_list .ttl_area {
        background: #005bac;
        color: #fff;
        padding: 40px 0; }
        #service .box_in .service_area .service_list .ttl_area .inner {
          display: flex;
          justify-content: center;
          align-items: center; }
        #service .box_in .service_area .service_list .ttl_area .txt_area {
          width: calc(100% - 440px);
          position: relative; }
          #service .box_in .service_area .service_list .ttl_area .txt_area:before {
            content: '';
            display: inline-block;
            position: absolute;
            top: 13px;
            left: -20px;
            width: 536px;
            height: 120px; }
          #service .box_in .service_area .service_list .ttl_area .txt_area .message {
            font-size: 28px;
            width: 100%;
            padding-top: 77px;
            text-align: left;
            letter-spacing: 0.3rem;
            font-weight: bold;
            line-height: 1.6; }
          #service .box_in .service_area .service_list .ttl_area .txt_area h4 {
            padding-top: 30px;
            display: flex;
            align-items: center; }
            #service .box_in .service_area .service_list .ttl_area .txt_area h4 .num {
              line-height: 1;
              background: #fff;
              color: #005bac;
              font-size: 35px;
              padding: 20px;
              margin-right: 20px; }
            #service .box_in .service_area .service_list .ttl_area .txt_area h4 .ttl {
              font-size: 28px;
              letter-spacing: 0.3rem; }
          #service .box_in .service_area .service_list .ttl_area .txt_area p {
            margin-top: 20px;
            text-align: left; }
        #service .box_in .service_area .service_list .ttl_area .images {
          max-width: 440px;
          width: 100%; }
        @media screen and (max-width: 1200px) {
          #service .box_in .service_area .service_list .ttl_area .images {
            width: 31.6666666667vw; }
          #service .box_in .service_area .service_list .ttl_area .txt_area {
            width: calc(97% - 31.6666666667vw); }
            #service .box_in .service_area .service_list .ttl_area .txt_area:before {
              content: '';
              display: inline-block;
              position: absolute;
              top: 13px;
              left: 0px;
              width: 44.6666666667vw;
              height: 10vw; } }
        @media screen and (max-width: 960px) {
          #service .box_in .service_area .service_list .ttl_area .txt_area .message {
            font-size: 2.9166666667vw; }
          #service .box_in .service_area .service_list .ttl_area .txt_area h4 {
            padding-top: 3.125vw;
            display: flex;
            align-items: center; }
            #service .box_in .service_area .service_list .ttl_area .txt_area h4 .num {
              line-height: 1;
              background: #fff;
              color: #005bac;
              font-size: 3.6458333333vw;
              padding: 2.0833333333vw;
              margin-right: 2.0833333333vw; }
            #service .box_in .service_area .service_list .ttl_area .txt_area h4 .ttl {
              font-size: 2.9166666667vw;
              letter-spacing: 0.3rem; } }
      #service .box_in .service_area .service_list ul {
        margin-top: 56px; }
        #service .box_in .service_area .service_list ul li {
          display: flex;
          align-items: center;
          justify-content: space-between;
          background: #fff; }
          #service .box_in .service_area .service_list ul li:not(:first-child) {
            margin-top: 65px; }
          #service .box_in .service_area .service_list ul li .item_con {
            width: calc(97% - 358px);
            text-align: center;
            background: #fff;
            padding: 35px;
            color: #000000; }
            #service .box_in .service_area .service_list ul li .item_con .item_ttl {
              background: #005bac;
              color: #fff;
              padding: 10px;
              font-size: 22px;
              font-weight: bold;
              letter-spacing: 0.2rem; }
            #service .box_in .service_area .service_list ul li .item_con .item_txt {
              margin-top: 20px;
              text-align: left; }
        @media screen and (max-width: 960px) {
          #service .box_in .service_area .service_list ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center; }
            #service .box_in .service_area .service_list ul li {
              background: #fff;
              width: 31%;
              display: block; }
              #service .box_in .service_area .service_list ul li:not(:first-child) {
                margin-top: 0px;
                margin-left: 20px; }
              #service .box_in .service_area .service_list ul li .sp_item_ttl {
                background: #005bac;
                color: #fff;
                padding: 1.0416666667vw;
                font-size: 2.1875vw;
                font-weight: bold;
                letter-spacing: 0rem;
                display: flex !important;
                align-items: center;
                justify-content: center; }
              #service .box_in .service_area .service_list ul li .item_con {
                width: 100%;
                text-align: center;
                background: #fff;
                padding: 0;
                color: #000000; }
                #service .box_in .service_area .service_list ul li .item_con .item_ttl {
                  display: none; }
                #service .box_in .service_area .service_list ul li .item_con .item_txt {
                  margin-top: 0;
                  padding: 2.0833333333vw 1.083333vw;
                  font-size: 14px; } }
      #service .box_in .service_area .sevice01 .ttl_area .txt_area:before {
        background: url("../images/service/service01.png") no-repeat;
        background-size: contain; }
      #service .box_in .service_area .sevice02 .ttl_area .txt_area:before {
        background: url("../images/service/service02.png") no-repeat;
        background-size: contain; }
      #service .box_in .service_area .sevice03 .ttl_area .txt_area:before {
        background: url("../images/service/service03.png") no-repeat;
        background-size: contain; }

@media screen and (max-width: 750px) {
  #service {
    padding-top: 12vw;
    padding-bottom: 15.4666666667vw; }
    #service .box_in {
      max-width: 100%;
      margin-top: 8vw; }
      #service .box_in .service_area {
        padding: 6vw 0; }
        #service .box_in .service_area .service_list:not(:first-child) {
          margin-top: 12vw; }
        #service .box_in .service_area .service_list .ttl_area {
          padding: 5.3333333333vw 0px; }
          #service .box_in .service_area .service_list .ttl_area .inner {
            flex-wrap: wrap; }
          #service .box_in .service_area .service_list .ttl_area .images {
            display: none; }
          #service .box_in .service_area .service_list .ttl_area .txt_area {
            margin-top: 20px;
            width: 100%;
            order: 2;
            text-align: center; }
            #service .box_in .service_area .service_list .ttl_area .txt_area:before {
              content: '';
              display: inline-block;
              position: absolute;
              top: -10px;
              left: 50%;
              transform: translateX(-50%);
              width: 44.6666666667vw;
              height: 10vw; }
            #service .box_in .service_area .service_list .ttl_area .txt_area .message {
              padding-top: 10.2666666667vw;
              text-align: center;
              font-size: 4.6vw; }
            #service .box_in .service_area .service_list .ttl_area .txt_area h4 {
              padding-top: 4vw;
              display: flex;
              align-items: center; }
              #service .box_in .service_area .service_list .ttl_area .txt_area h4 .num {
                line-height: 1;
                background: #fff;
                color: #005bac;
                font-size: 6.5333333333vw;
                padding: 2.6666666667vw;
                margin-right: 2.6666666667vw; }
              #service .box_in .service_area .service_list .ttl_area .txt_area h4 .ttl {
                font-size: 5.6vw;
                letter-spacing: 0.3rem; }
        #service .box_in .service_area .service_list ul {
          justify-content: space-between;
          margin-top: 8vw; }
          #service .box_in .service_area .service_list ul li {
            width: 48%; }
            #service .box_in .service_area .service_list ul li:not(:first-child) {
              margin-left: 0; }
            #service .box_in .service_area .service_list ul li:nth-child(3) {
              margin-top: 5.3333333333vw; }
            #service .box_in .service_area .service_list ul li .sp_item_ttl {
              padding: 1.0416666667vw;
              font-size: 4.6vw;
              letter-spacing: 0rem; }
            #service .box_in .service_area .service_list ul li .item_con {
              padding: 0px; }
              #service .box_in .service_area .service_list ul li .item_con .item_ttl {
                padding: 10px;
                font-size: 5.0666666667vw; }
              #service .box_in .service_area .service_list ul li .item_con .item_txt {
                font-size: 3.7333333333vw; } }
@media screen and (max-width: 480px) {
  #service .box_in .service_area .service_list ul li {
    width: 81%;
    margin: 0 auto; }
    #service .box_in .service_area .service_list ul li:not(:first-child) {
      margin-left: auto;
      margin-top: 8.3333333333vw; }
    #service .box_in .service_area .service_list ul li .sp_item_ttl {
      padding: 2.6666666667vw;
      font-size: 4.6vw;
      letter-spacing: 0rem; }
    #service .box_in .service_area .service_list ul li .item_con {
      padding: 0px; }
      #service .box_in .service_area .service_list ul li .item_con .item_ttl {
        padding: 10px;
        font-size: 5.0666666667vw; }
      #service .box_in .service_area .service_list ul li .item_con .item_txt {
        font-size: 3.7333333333vw;
        text-align: left; } }
