@charset "UTF-8";
/***************************************************************************
Service-guide
***************************************************************************/
body#service-guide .pageHead, body#contact_complete .pageHead {
  margin-bottom: 0; }
  body#service-guide .pageHead .mv, body#contact_complete .pageHead .mv {
    background: url("../img/service-guide/mv.png") no-repeat;
    background-size: cover;
    background-position: center center; }
body#service-guide .mainContent, body#contact_complete .mainContent {
  margin-bottom: 2px; }
  body#service-guide .mainContent .box, body#contact_complete .mainContent .box {
    display: flex;
    flex-wrap: nowrap; }
    body#service-guide .mainContent .box .left, body#contact_complete .mainContent .box .left {
      width: 50%;
      padding-top: 60px; }
      body#service-guide .mainContent .box .left .inner, body#contact_complete .mainContent .box .left .inner {
        margin: 0 auto;
        max-width: 520px;
        padding: 0 45px 80px; }
      body#service-guide .mainContent .box .left h2, body#contact_complete .mainContent .box .left h2 {
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 30px; }
      body#service-guide .mainContent .box .left .text, body#contact_complete .mainContent .box .left .text {
        line-height: 2;
        margin-bottom: 30px; }
      body#service-guide .mainContent .box .left .img, body#contact_complete .mainContent .box .left .img {
        margin-bottom: 30px;
        text-align: center; }
      body#service-guide .mainContent .box .left .areaText p, body#contact_complete .mainContent .box .left .areaText p {
        background: #F4F4F0;
        margin-bottom: 20px;
        padding: 15px 20px;
        position: relative;
        height: 70px; }
        body#service-guide .mainContent .box .left .areaText p span, body#contact_complete .mainContent .box .left .areaText p span {
          position: absolute;
          top: 50%;
          left: 20px;
          right: 20px;
          transform: translateY(-50%);
          font-size: 18px;
          font-weight: bold; }
    body#service-guide .mainContent .box .right, body#contact_complete .mainContent .box .right {
      width: 50%;
      background: #F4F4F0;
      padding: 60px 0 0 0; }
      body#service-guide .mainContent .box .right .inner, body#contact_complete .mainContent .box .right .inner {
        margin: 0 auto;
        max-width: 520px;
        padding: 0 45px; }
        body#service-guide .mainContent .box .right .inner .ttl, body#contact_complete .mainContent .box .right .inner .ttl {
          font-size: 18px;
          font-weight: bold;
          margin-bottom: 15px; }
          body#service-guide .mainContent .box .right .inner .ttl.required:after, body#contact_complete .mainContent .box .right .inner .ttl.required:after {
            color: #E16428;
            content: '*';
            font-size: 13px; }
          body#service-guide .mainContent .box .right .inner .ttl small, body#contact_complete .mainContent .box .right .inner .ttl small {
            font-size: 13px;
            font-weight: normal; }
        body#service-guide .mainContent .box .right .inner input, body#service-guide .mainContent .box .right .inner textarea, body#contact_complete .mainContent .box .right .inner input, body#contact_complete .mainContent .box .right .inner textarea {
          width: 100%;
          font-size: 18px;
          padding: 8px 20px;
          outline: none;
          margin-bottom: 30px;
          border: none; }
        body#service-guide .mainContent .box .right .inner .box, body#contact_complete .mainContent .box .right .inner .box {
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-between; }
          body#service-guide .mainContent .box .right .inner .box div, body#contact_complete .mainContent .box .right .inner .box div {
            width: 48%; }
          body#service-guide .mainContent .box .right .inner .box p:empty, body#contact_complete .mainContent .box .right .inner .box p:empty {
            display: none; }
        body#service-guide .mainContent .box .right .inner .alert, body#contact_complete .mainContent .box .right .inner .alert {
          margin-bottom: 40px; }
        body#service-guide .mainContent .box .right .inner .btnSubmit, body#contact_complete .mainContent .box .right .inner .btnSubmit {
          text-align: center; }
          body#service-guide .mainContent .box .right .inner .btnSubmit input, body#contact_complete .mainContent .box .right .inner .btnSubmit input {
            max-width: 400px;
            height: 80px;
            background: #0099D6;
            border-radius: 40px;
            color: white;
            font-size: 22px;
            font-weight: bold;
            cursor: pointer;
            -webkit-appearance: none; }

/***************************************************************************
Service-guide 完了
***************************************************************************/
body#service-guide_complete .pageHead {
  margin-bottom: 60px; }
  body#service-guide_complete .pageHead .mv {
    background: url("../img/service-guide/mv.png") no-repeat;
    background-size: cover;
    background-position: center center; }
body#service-guide_complete .mainContent .ttl {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px; }
body#service-guide_complete .mainContent .lead {
  line-height: 2;
  margin-bottom: 45px; }
body#service-guide_complete .mainContent .btnSubmit a {
  text-align: center;
  display: block;
  width: 400px;
  height: 80px;
  background: #0099D6;
  border-radius: 40px;
  color: white;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  line-height: 80px;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  /***************************************************************************
  Service guide
  ***************************************************************************/
  body#service-guide .mainContent .box {
    display: block; }
    body#service-guide .mainContent .box .left {
      width: 100%;
      padding: 0 20px 40px; }
      body#service-guide .mainContent .box .left .inner {
        width: 100%;
        padding: 0; }
        body#service-guide .mainContent .box .left .inner h2 {
          font-size: 21px;
          margin-bottom: 20px; }
        body#service-guide .mainContent .box .left .inner .areaText p span {
          font-size: 15px;
          letter-spacing: 0.5px; }
    body#service-guide .mainContent .box .right {
      width: 100%;
      padding: 40px 20px; }
      body#service-guide .mainContent .box .right .inner {
        width: 100%;
        padding: 0; }
        body#service-guide .mainContent .box .right .inner .btnSubmit input {
          width: 100%;
          font-size: 18px;
          height: 60px; }
        body#service-guide .mainContent .box .right .inner .ttl {
          margin-bottom: 4px; }
        body#service-guide .mainContent .box .right .inner input {
          font-size: 15px;
          padding: 12px 15px; }
        body#service-guide .mainContent .box .right .inner textarea {
          height: 120px; }
        body#service-guide .mainContent .box .right .inner .alert {
          margin-bottom: 20px; }
        body#service-guide .mainContent .box .right .inner .box {
          display: block; }
          body#service-guide .mainContent .box .right .inner .box div {
            width: 100%; }

  /***************************************************************************
  Service guide 完了
  ***************************************************************************/
  body#service-guide_complete .mainContent .ttl {
    font-size: 21px;
    line-height: 34px;
    margin-bottom: 20px;
    letter-spacing: 0.8px; }
  body#service-guide_complete .mainContent .btnSubmit a {
    width: 100%;
    font-size: 18px;
    height: 60px;
    line-height: 60px; } }