@charset "UTF-8";
@media screen and (max-width: 768px) {
  body {
    font-size: 3.6vw;
    line-height: 180%;
    -webkit-text-size-adjust: 100%; /* for iOS */
    color: #383737;
    background: #fff;
  }
  .pc, .pc2 {
    display: none;
  }
  .sp {
    display: inline-block;
  }
  .sp2 {
    display: block;
  }
  .t-center {
    text-align: center;
  }
  h2 {
    font-size: 6.6vw;
    margin: 0 auto 6vw;
  }
  h3 {
    font-size: 4vw;
    line-height: 1.5;
    margin: 0 auto 6.6vw;
  }
  h4 {
    font-size: 3.3vw;
    line-height: 1.5;
    margin: 0 auto 4.6vw;
  }
  p {
    font-size: 2.13vw;
    line-height: normal;
  }
  p.fs-20 {
    font-size: 3.3vw;
  }
  p.fs-35 {
    font-size: 5.73vw;
  }
  .mb1 {
    margin-bottom: 1em;
  }
  .mb60 {
    margin-bottom: 8vw;
  }
  h2, h3 {
    text-align: center;
  }
  .emp {
    position: relative;
  }
  .emp::before {
    position: absolute;
    content: "＼";
    font-size: 80%;
    display: inline-block;
    font-weight: bold;
    bottom: 0;
    left: 6vw;
  }
  .emp::after {
    position: absolute;
    content: "／";
    font-size: 80%;
    display: inline-block;
    right: 6vw;
    bottom: 0;
    font-weight: bold;
  }
  /**********************
/* 背景 
**********************/
  .bg_black {
    background: #000;
    color: #fff;
  }
  .bg_olive {
    background: #948049;
  }
  .bg_darkolive {
    background: #5b4e28;
  }
  .bg_orange {
    background: #eb5c2b;
  }
  .bg_beige {
    position: relative;
    width: 100%;
    background-color: #feebbe;
    background-image: linear-gradient(#feebbe 80%, #fff 80%);
    z-index: 0;
  }
  .bg_beige::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 80%;
    border-bottom: 200px solid transparent;
    border-left: 100vw solid transparent;
    border-top: 200px solid #feebbe;
    border-right: 100vw solid #feebbe;
    z-index: -1;
  }
  .bg_beige2 {
    position: relative;
    width: 100%;
    background-color: #feebbe;
    z-index: 0;
  }
  .bg_beige2::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: -200px;
    border-top: 100px solid transparent;
    border-left: 100vw solid transparent;
    border-bottom: 100px solid #feebbe;
    border-right: 100vw solid #feebbe;
    z-index: -1;
  }
  @media screen and (max-width:450px) {
    .bg_beige2::before {
      top: -100px;
      border-top: 50px solid transparent;
      border-left: 100vw solid transparent;
      border-bottom: 50px solid #feebbe;
      border-right: 100vw solid #feebbe;
    }
  }
  .bg_gray-dot, .bg_gray-dot2 { /*水玉*/
    background-color: #ffffff;
    background-image: radial-gradient(rgba(225, 225, 225, 0.8) 8%, transparent 10%);
    background-position: 25px 28px;
    background-size: 50px 50px;
    z-index: 0;
    position: relative;
  }
  .bg_gray-dot2::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    border-bottom: 100px solid transparent;
    border-left: 100vw solid transparent;
    border-top: 100px solid #fff;
    border-right: 100vw solid #fff;
    z-index: -1;
  }
  .bg_nayami {
    position: relative;
    left: 0;
    width: 100%;
    bottom: 0;
    min-height: 150vw;
    z-index: -1;
    background: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/bg_01-2.png") center bottom 24vw no-repeat;
    background-size: auto 86vw;
  }
  .bg_nayami::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    border-top: 85px solid transparent;
    border-left: 100vw solid transparent;
    border-bottom: 85px solid #feebbe;
    border-right: 100vw solid #feebbe;
    z-index: -1;
  }
  @media screen and (max-width:450px) {
    .bg_nayami::before {
      border-top: 45px solid transparent;
      border-left: 100vw solid transparent;
      border-bottom: 45px solid #feebbe;
      border-right: 100vw solid #feebbe;
    }
  }
  .bg_orange-dot { /*水玉*/
    background-color: #ffffff;
    position: relative;
    z-index: 0;
    background-image: radial-gradient(#f6b36b 8%, transparent 10%);
    background-position: 0 0;
    background-size: 50px 50px;
  }
  .bg_orange-dot::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 15%;
    border-bottom: 200px solid transparent;
    border-right: 100vw solid transparent;
    border-top: 200px solid #ffff;
    border-left: 100vw solid #fff;
    z-index: -1;
  }
  .bg_orange-dot::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background-image: radial-gradient(#f6b36b 8%, transparent 10%);
    background-position: 0 0;
    background-size: 50px 50px;
  }
  .bg_check {
    background-color: #fffbf3;
    background-image: -webkit-linear-gradient(45deg, #fff5e0 25%, #fff5e0 25%, transparent 25%, transparent 75%, #fff5e0 75%, #fff5e0 75%), -webkit-linear-gradient(-135deg, #fff5e0 25%, #fff5e0 25%, transparent 25%, transparent 75%, #fff5e0 75%, #fff5e0 75%);
    background-image: linear-gradient(45deg, #fff5e0 25%, #fff5e0 25%, transparent 25%, transparent 75%, #fff5e0 75%, #fff5e0 75%), linear-gradient(-135deg, #fff5e0 25%, #fff5e0 25%, transparent 25%, transparent 75%, #fff5e0 75%, #fff5e0 75%);
    background-size: 10px 10px;
    -webkit-background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
  }
  #main {
    padding-top: 40px;
  }
  #kv {
    color: #000;
    width: 100vw;
    height: 130vw;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    background-image: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/Top-Kv3.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 116.53%;
    z-index: 0;
    margin-bottom: 10vw;
  }
  #kv::before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    width: 100vw;
    top: -200px;
    border-bottom: 180px solid transparent;
    border-right: 1720px solid transparent;
    border-top: 180px solid rgba(0, 0, 0, 0.7);
    border-left: 1720px solid rgba(0, 0, 0, 0.7);
  }
  @media screen and (max-width:450px) {
    #kv::before {
      top: -90px;
      border-bottom: 90px solid transparent;
      border-right: 1720px solid transparent;
      border-top: 90px solid rgba(0, 0, 0, 0.7);
      border-left: 1720px solid rgba(0, 0, 0, 0.7);
    }
  }
  #kv .kv_in {
    width: 100vw;
    min-height: 130vw;
    text-align: left;
    margin: 0 auto;
    padding: 2.66vw 6.6vw 0;
    position: absolute;
    z-index: 0;
  }
  #kv h1 {
    margin: 10px 15px 60px 0;
  }
  #kv .kv-text {
    color: #ec6539;
    background: #fff;
    width: calc(100% - 13.2vw);
    border-radius: 60px;
    padding: 7.3vw 4vw 6vw;
    border: 4px solid #ec6539;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: block;
    z-index: 1;
  }
  #kv .kv-text .price {
    font-size: 11vw;
    margin-bottom: 20px;
    line-height: 1;
  }
  #kv .kv-text .price span {
    vertical-align: baseline;
  }
  #kv .kv-text .price span.l {
    font-size: 19vw;
  }
  #kv .kv-text .price span.s {
    font-size: 11vw;
  }
  #kv .kv-text .info {
    font-size: 5.8vw;
    font-weight: bold;
    line-height: 1.2;
    padding: 0 3vw;
  }
  #kv .kv-text .info span {
    font-size: 7vw;
  }
  #kv .kv-text .attention {
    padding: 0 3vw;
    font-size: 2.4vw!important;
  }
  /*　コンテンツ　レイアウト*/
  #main {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  #main .box {
    width: 100%;
  }
  .box_in {
    width: 100%;
    padding: 0 6.6vw;
    margin: 0 auto;
  }
  .box_in_s {
    max-width: 1000px;
    margin: 0 auto;
  }
  .col2-box {
    display: flex;
    justify-content: space-between;
  }
  .w-box {
    background: #fff;
    width: 86.6vw;
    padding: 9.3vw 8vw 6vw;
    border-radius: 25px;
    box-shadow: 16px 16px 50px 0 rgba(0, 0, 0, 0.25);
    margin: 27vw auto 6.6vw;
    position: relative;
  }
  .w-box p {
    width: 66.6vw;
    margin: 0 auto;
    text-align: left;
  }
  /* 悩み　*/
  .box1 {
    padding-bottom: 3.6vw;
  }
  .box1 .nayami {
    width: 100%;
    margin-left: auto;
  }
  .fukidashi {
    font-size: 5vw;
    font-weight: bold;
    line-height: 1.5;
    width: 65vw;
    background: #eb5a2b;
    color: #fff;
    padding: 6.6vw;
    border-radius: 45px;
    position: relative;
    z-index: 0;
    margin: 40px auto 50px;
  }
  .fukidashi::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 6.6vw;
    border-style: solid;
    border-color: #eb5a2b transparent transparent transparent;
    border-width: 6.6vw 10.6vw 0 5.3vw;
    transform: rotate(80deg);
    z-index: -1;
  }
  .nayami ul {
    margin-bottom: 86vw;
  }
  .nayami ul li {
    font-size: 3.6vw;
    font-weight: bold;
    list-style: none;
    line-height: 1.4;
    background: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/icon_check.png") left center no-repeat;
    padding-left: 6.6vw;
    background-size: 4.1vw auto;
    margin-bottom: 20px;
    text-align: justify;
  }
  .box1 .nayami p {
    text-align: left;
    margin-bottom: 10px;
    line-height: normal;
    padding-left: 4vw;
  }
  .box1 .nayami p.com1 {
    font-size: 4.7vw;
  }
  .box1 .nayami p.com2 {
    font-size: 7.1vw;
  }
  /*　お悩み解消　*/
  .box2 {
    padding-top: 10vw;
    margin-bottom: 20vw;
  }
  .fukidashi2 {
    font-size: 7.2vw;
    text-align: center;
    line-height: 1;
    width: calc(100vw - 6.6vw);
    background: #eb5a2b;
    color: #fff;
    padding: 2.4vw;
    border-radius: 25px;
    position: absolute;
    top: -5vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    margin: -20vw auto 4vw 0;
  }
  .fukidashi2 span {
    font-size: 9.8vw;
  }
  .fukidashi2::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -6vw;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6vw solid transparent;
    border-right: 6vw solid transparent;
    border-top: 15vw solid #eb5a2b;
    z-index: -1;
  }
  .box2 .col2-box {
    margin-top: 40px;
    flex-wrap: wrap;
  }
  .box2 .col2-box .inbox {
    width: 66vw;
    text-align: center;
    position: relative;
    z-index: 0;
    margin: 0 auto 6vw;
  }
  .box2 .col2-box .inbox p.title {
    font-size: 5.6vw;
    font-weight: bold;
    width: 58vw;
    text-align: center;
    color: #fff;
    padding: 0 1em;
    margin: -22.5px auto 20px;
    border-radius: 22.5px;
    background-image: linear-gradient(90deg, #ea5504 0%, #f39800 100%);
    z-index: 1;
    position: relative;
  }
  .box2 .col2-box .inbox img {
    width: 51.3vw;
    max-width: 95%;
    z-index: -1;
  }
  .box2 .col2-box .inbox p.text {
    font-size: 3.2vw;
    padding: 0 1em;
    text-align: justify;
  }
  /* サービス範囲　*/
  .box3 {
    padding-bottom: 26.6vw;
    margin-bottom: -26.6vw;
  }
  .box4 {
    margin-bottom: 150px;
    position: relative;
  }
  table.tab01 {
    width: 86.8vw;
    margin: 0 auto 6.6vw;
  }
  table.tab01 th {
    background: #403733;
    color: #fff;
    text-align: center;
    padding: 1.2vw;
    vertical-align: middle;
    border-right: 1px dotted #a8a6a4;
  }
  table.tab01 th.ser {
    width: 21.7vw;
  }
  table.tab01 th.title {
    width: 65.1vw;
    background: #5b4e28;
  }
  table.tab01 td.type, table.tab01 td.cont {
    font-size: 3.7vw;
    font-weight: bold;
    text-align: center;
  }
  table.tab01 td {
    font-size: 3.2vw;
    word-break: break-word;
    padding: 1.2vw;
    vertical-align: middle;
    background: #fbdccd;
    border-right: 1px dotted #a8a6a4;
  }
  table.tab01 tr:nth-child(odd) td {
    background: #fff6e6;
  }
  table.tab01 td.br-none, table.tab01 th.br-none {
    border-right: none;
  }
  /* お問い合わせ　*/
  .fukidashi3 {
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    width: 66.6vw;
    background: #eb5a2b;
    color: #fff;
    padding: 5vw;
    border-radius: 25px;
    position: absolute;
    top: -20vw;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
  }
  .fukidashi3::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 6.6vw;
    border-style: solid;
    border-color: #eb5a2b transparent transparent transparent;
    border-width: 30px 40px 0 40px;
    transform: rotate(80deg);
    z-index: -1;
  }
  .contact-box {
    position: relative;
    min-height: 208.8vw;
    background: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/bg_contact-box-2.png") center top no-repeat;
    background-size: 100% auto;
    padding-bottom: 208.8vw;
    padding-top: 57.3vw;
  }
  .contact-box .contact-box_in {
    position: absolute;
    width: 100%;
    content: "";
    display: block;
    min-height: 208.8vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .arrow {
    width: 50.6vw;
    font-size: 4vw;
    line-height: 8vw;
    background: #fff;
    font-weight: bold;
    text-align: center;
    margin: 3.6vw auto 4vw;
    position: relative;
  }
  .arrow::after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    bottom: -27.9vw;
    border-left: 25.3vw solid transparent;
    border-right: 25.3vw solid transparent;
    border-bottom: 25.3vw solid transparent;
    border-top: 2.6vw solid #fff;
  }
  .tel-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 67vw;
  }
  .mail_con {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .tel-con .tel-box .tel {
    font-weight: bold;
    font-size: 10vw;
  }
  .tel-con .tel-box .tel span {
    font-size: 6vw;
  }
  .tel-con .tel-box .text {
    font-weight: bold;
    font-size: 4vw;
    text-align: center;
    line-height: 1.2;
  }
  .tel-con .tel-box .text span {
    font-size: 3.2vw;
  }
  .mail_con .btn_contact {
    font-size: 20px;
    color: #fff;
    width: 86.66vw;
    height: 18.6vw;
    line-height: 18.6vw;
    background: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/icon_mail.png") left 6.6vw center no-repeat #000;
    background-size: 7.46vw auto;
    text-align: center;
    position: relative;
    z-index: 0;
    border-radius: 37.5px;
    margin-top: 3.6vw;
  }
  .mail_con .btn_contact a {
    font-size: 5vw;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    z-index: 2;
  }
  .mail_con .btn_contact::after {
    content: "\02228";
    display: inline-block;
    font-size: 5vw;
    font-weight: normal;
    color: #fff;
    position: absolute;
    right: 6.6vw;
    top: 0;
    z-index: 1;
  }
  @media screen and (max-width:450px) {
    .fukidashi3 {
      top: -25vw;
    }
  }
  /* 導入メリット　*/
  .box5 {
    padding: 16vw 0;
    margin-top: -110vw;
    z-index: -1;
  }
  .merit-wrap {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .merit-wrap .inbox {
    width: 66.6vw;
    border-radius: 6.6vw;
    overflow: hidden;
    margin-bottom: 6.6vw;
  }
  .merit-wrap .inbox .pic img {
    vertical-align: bottom;
  }
  .merit-wrap .inbox .text {
    font-size: 3.6vw;
    background: #feebbe;
    text-align: justify;
    font-weight: bold;
    padding: 6.6vw 3.3vw;
    min-height: 26.6vw;
  }
  .merit-wrap .inbox .text span {
    font-size: 5vw;
    color: #e00000;
  }
  /* 導入事例　*/
  h3.case-title {
    font-size: 5.28vw;
    color: #403733;
    text-align: left;
    margin-bottom: 3.3vw;
  }
  h3.case-title span.case-num {
    margin-right: 3.3vw;
    font-family: Arial, Helvetica, "sans-serif";
    font-style: italic;
    font-size: 8vw;
    font-weight: bold;
    border-bottom: 2px solid #403733;
  }
  .box6 {
    padding-bottom: 10vw;
  }
  .box6 dl {
    width: 100%;
    margin: 0 auto;
    display: flex;
  }
  .box6 dl dt {
    color: #fff;
    width: 32vw;
    border-radius: 15px 0 0 15px;
    background: #eb5c2b;
    min-height: 15vw;
    margin-bottom: 15px;
    position: relative;
  }
  .box6 dl dt p {
    font-size: 4vw;
    padding: 0 0 0 2.4vw;
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
  }
  .box6 dl dd {
    width: 54.6vw;
    min-height: 15vw;
    border-radius: 0 15px 15px 0;
    background: #fff;
    margin-bottom: 15px;
    position: relative;
  }
  .box6 dl dd p {
    line-height: 1.2;
    font-size: 3.6vw;
    padding: 1.2vw 2.4vw;
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
  }
  .image-box {
    background: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/bg_02.png") center left no-repeat, linear-gradient(#feebbe 50%, #fff 50%);
    background-size: auto 100%;
    padding-bottom: 43.698%;
    height: 56vw;
    margin-bottom: 9vw;
  }
  /* 料金プラン　*/
  .box7 h2 {
    margin-bottom: 0;
  }
  .box7 p {
    font-size: 3.2vw;
  }
  .price1 {
    width: auto;
    margin: 0 auto;
  }
  .price1 table th {
    font-size: 3.7vw;
    font-weight: bold;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
  }
  .price1 table {
    width: 126.6vw;
  }
  .price1 table th.th01 {
    width: 43.3vw;
  }
  .price1 table th.th02, .price1 table th.th03 {
    width: 21.65vw;
  }
  .price1 table th.th04 {
    width: 40vw;
  }
  .price1 table td {
    font-size: 3.7vw;
    font-weight: bold;
    line-height: normal;
    background: #fdeadf;
    height: 10.6vw;
    vertical-align: middle;
    padding: 0 20px;
  }
  .border-b {
    border-bottom: 2px dotted #a4a4a3;
  }
  .border-r {
    border-right: 2px dotted #a4a4a3;
  }
  .notes {
    margin: 6.6vw 0;
  }
  .notes p {
    font-size: 2.9vw;
    text-align: justify;
    line-height: 1.25;
  }
  .sub-title {
    font-size: 4vw;
    font-weight: bold;
  }
  .scroll-box {
    position: relative;
    width: 86.6vw;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .scroll-box table {
    overflow-x: scroll;
  }
  /*　サービス開始までの流れ　*/
  .box9 {
    padding: 200px 0 250px;
    margin-bottom: -200px;
  }
  .flow {
    width: 86.6vw;
    margin: 0 auto;
  }
  .flow .inbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 6.6vw;
    background: #feebbe;
    padding: 6.6vw 4vw;
    border-radius: 40px;
    position: relative;
  }
  .flow .inbox2 {
    width: 100%;
    text-align: center;
    margin: 0 auto 6.6vw;
    background: #feebbe;
    padding: 6.6vw 4vw;
    border-radius: 40px;
    position: relative;
  }
  .flow .inbox.pc {
    display: none;
  }
  .flow .inbox .lbox {
    order: 2;
  }
  .flow .inbox .rbox {
    order: 3;
  }
  .flow .inbox .cbox {
    width: 100%;
    text-align: center;
    order: 1;
  }
  .flow .inbox .cbox img, .flow .inbox2 img {
    width: 26.6vw
  }
  .flow .inbox::after, .flow .inbox2::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 30px solid #feebbe;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
  }
  .flow .inbox h3, .flow .inbox2 h3 {
    font-size: 6vw;
    margin-bottom: 0;
    text-align: center;
  }
  .flow .inbox .w-box_s {
    width: 36.6vw;
    height: 18vw;
    background: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 2vw;
    position: relative;
  }
  .flow .inbox2 .w-box_m {
    width: 100%;
    height: 18vw;
    background: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 2vw;
    position: relative;
    margin: 2.4vw auto 0;
  }
  .flow .inbox2 .w-box_m .fbox {
    width: 68vw;
    margin: -3vw auto 0;
    display: flex;
    flex-wrap: wrap;
  }
  .flow .inbox2 .w-box_m .fbox p {
    font-size: 3.2vw;
    font-weight: bold;
    width: 50%;
    text-align: left;
  }
  .flow .inbox .lbox .w-box_s p.c-title {
    width: 15vw;
    font-size: 4vw;
    font-weight: bold;
    color: #fff;
    background: #f6ac19;
    border-radius: 15px;
    position: relative;
    content: "";
    display: block;
    left: 50%;
    transform: translateX(-50%);
    top: -35px;
  }
  .flow .inbox2 .w-box_m p.c-title {
    width: 15vw;
    font-size: 4vw;
    font-weight: bold;
    color: #fff;
    background: #f29c97;
    border-radius: 15px;
    position: relative;
    content: "";
    display: block;
    left: 50%;
    transform: translateX(-50%);
    top: -35px;
  }
  .flow .inbox .lbox .w-box_s p.text {
    font-size: 3.2vw;
    font-weight: bold;
    text-align: left;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .flow .inbox .rbox .w-box_s p.c-title {
    width: 15vw;
    font-size: 4vw;
    font-weight: bold;
    color: #fff;
    background: #f29c97;
    border-radius: 15px;
    position: relative;
    content: "";
    display: block;
    left: 50%;
    transform: translateX(-50%);
    top: -6.6vw;
  }
  .flow .inbox .rbox .w-box_s p.text {
    font-size: 3.2vw;
    font-weight: bold;
    text-align: left;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .service-start {
    text-align: center;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 5.3vw 3.6vw 2.4vw;
    border-radius: 6.6vw;
    border: 5px solid #eb5c2b;
  }
  .service-start img {
    width: 20vw;
    height: auto;
  }
  .service-start p {
    font-size: 8vw;
    color: #eb5c2b;
    font-weight: bold;
  }
  /* よくあるご質問　*/
  .box11 {
    margin-top: -90vw;
    padding: 20vw 0 10vw;
  }
  .box11 .box_in_s {
    width: 88.6vw;
    margin: 0 auto;
  }
  .box11 h4 {
    font-size: 4vw;
    border-bottom: 1px solid #403733;
    margin-bottom: 6.6vw;
  }
  .question {
    position: relative;
    font-size: 4vw;
    font-weight: bold;
    color: #eb5c2b;
    min-height: 14vw;
    padding: 0 0 3.3vw 20vw;
    margin-bottom: 1.2vw;
  }
  .question .icon {
    position: absolute;
    content: "";
    display: block;
    width: 17vw;
    height: 14.6vw;
    text-align: center;
    padding: 2.4vw 0 0;
    font-size: 7vw;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    top: -3vw;
    left: 0;
    color: #fff;
    background: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/icon_question.png")no-repeat;
    background-size: contain;
  }
  .answer {
    position: relative;
    font-size: 4vw;
    font-weight: bold;
    min-height: 14vw;
    padding: 0 0 3.3vw 20vw;
    margin-bottom: 6.6vw;
  }
  .answer .icon {
    position: absolute;
    content: "";
    display: block;
    width: 17vw;
    height: 14.6vw;
    text-align: center;
    padding: 2.4vw 0 0;
    font-size: 7vw;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    top: -15px;
    left: 0;
    color: #fff;
    background: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/icon_answer.png")no-repeat;
    background-size: contain;
  }
  /**********************
  /* PageTop ボタン
  **********************/
  #page_top {
    position: fixed;
    width: 10.4vw;
    height: 10.4vw;
    bottom: 4vw;
    right: 4vw;
    border-radius: 50%;
    z-index: 9999;
    background: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/arrow2.png") center center no-repeat rgba(0, 0, 0, .75);
    background-size: 6vw 4.53vw;
  }
  #page_top a {
    width: 10.4vw;
    height: 10.4vw;
    display: block;
  }
  #page_top a:hover {
    transition: 0.2s linear;
    opacity: 0.8;
  }
  /*************************
  /* サイド　お問い合わせボタン
  *************************/
  #contact_to {
    position: fixed;
    background: #eb5c2b;
    writing-mode: vertical-rl;
    width: 8.4vw;
    height: 54vw;
    top: 14vw;
    right: 0;
    border-radius: 20px 0 0 20px;
    z-index: 9998;
  }
  #contact_to a {
    display: block;
    font-size: 3.2vw;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    padding-right: 1.6vw;
  }
  #contact_to a:hover {
    transition: 0.2s linear;
    opacity: 0.8;
  }
  /*************************
  /*　問い合わせフォーム　
  *************************/
  #form {
    width: 100%;
    margin: 0 auto;
    padding: 12vw 3.3vw 10vw;
  }
  .form_top p {
    font-size: 3.7vw;
    font-weight: bold;
    text-align: justify;
  }
  .form_top p.small {
    font-size: 3.2vw;
    font-weight: normal;
  }
  div.form01 div.privcy {
    width: 100%;
    height: 40vw;
    margin: 20px auto;
    padding: 2.4vw 2.4vw 2.4vw 6vw;
    font-size: 14px;
    line-height: 160%;
    text-align: left;
    border: 1px solid #dddddd;
    background: #fff;
    overflow-y: scroll;
  }
  div.form01 div.privcy p {
    line-height: normal;
    text-align: justify;
    letter-spacing: 0.5px;
    margin: 0.5em auto 0;
    padding: 0;
  }
  div.form01 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  /* CSS（IE10〜）*/
  div.form01 select::-ms-expand {
    display: none;
  }
  div.form01 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 3.3vw;
  }
  .form01 p.com {
    margin: 3.3vw 0 1.2vw;
    color: #e60000;
  }
  p.form_top2 { /*complete.html*/
    max-width: 750px;
    margin: 0 auto;
    padding: 0;
    font-size: 15px;
    line-height: 160%;
    text-align: left;
  }
  /*********************/
  /* 問い合わせ完了ページ
    *********************/
  .thanks .kv {
    background: url("https://add.gig.co.jp/wp2/wp-content/themes/gig_works/assets/it-support/images/kv_thanks.jpg") center top no-repeat;
    padding-bottom: 25%;
    background-size: auto 100%;
  }
  .thanks .box {
    padding: 6.6vw 4.8vw 3.6vw;
  }
  .thanks .box h3 {
    margin-bottom: 2vw;
  }
  .thanks .box p {
    font-size: 3.6vw
  }
  .thanks .contact {
    min-width: 25vw;
    text-align: center;
    margin-left: auto;
    margin-right: 3.3vw;
    margin-top: 2.5vw;
    background: #000;
    font-weight: bold;
    border-radius: 25px;
  }
  .thanks .contact a {
    color: #fff;
    display: inline-block;
    font-size: 3vw;
    line-height: 1;
    margin: 0;
    padding: 2vw;
    transition: 0.1s linear;
    vertical-align: middle;
    text-decoration: none;
  }
  .thanks .contact a:hover {
    opacity: 0.7;
    transition: 0.1s linear;
  }