.pc{
  display: none !important;
}

.sp{
  display: none !important;
}


@media (max-width: 1990px) {
  .pc {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
@media (max-width: 500px) {
  .pc {
    display: none !important;
  }
}

@media (max-width: 1990px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .sp {
    display: block !important;
  }
}



.floating-banner{
  display: none;
}


.now {
  background: #2B2D42;
  margin-top: 0em;
  /* margin-bottom: 2em; 
  color: #fff; */
}

/* button */

.button a{
  background: #D90429;
    border-radius:1px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 420px;
    padding: 10px 75px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    box-shadow: 5px 5px 0 #9B2C40;
    border-radius: 10px;
}

@media (max-width: 768px) {
  .button a{
    font-size: 16px;
    padding: 10px 40px;
  }
  }

.mainvisual .btnbox {
  width: 57%;
}

@media (max-width: 768px) {
.mainvisual .btnbox {
  width: 90%;
  margin: auto;
  margin-top: -130px;
}
}

.now .btnbox {
  max-width: 630px;
  width: 90%;
  margin: auto;
}
.now{
  margin-bottom:0em;
}
@media (max-width: 768px) {
.now{
  padding: 5em 1em !important;
}
}

.now .button {
  margin: 0 auto;
  width: calc(50% - 1em);
  background: inherit;
  margin-bottom: 1em;
  line-height: 0;
}

.now .btnred::before, .now .btngrey::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 900;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 1.5em;
  transform: translateY(-50%);
  z-index: 2;
  transition: all .5s ease-out;
}

.now .btnred a::after, .now .btngrey a::after {
  content: "";
  display: block;
  background: #fff;
  height: 100%;
  width: 2.5em;
  position: absolute;
  top: 0;
  left: 0;
}

.now .button a {
  width: 100%;
  padding: .6em 2em;
  font-size: 1.1em;
  color: #FFF;
  border: none;
  border-radius: 3px;
  font-weight: normal;
}

@media (max-width: 768px) {
  .now .button {
    width: calc(100% - 1em);
  }
}

.now .btnred a {
  border: 5px solid #C72B33;
  background: linear-gradient(180deg, #C72B33 0%, #C72B33 50%, #C10001 50%, #C10001 100%);
}

.now .btnred a, .now .btngrey a {
  font-weight: 500;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  padding: 1em 1.5em;
  font-size: 1.0em;
  padding-left: 2.5em;
  line-height: 2.0em;
}

@media (max-width: 768px) {
  .now .btnred a, .now .btngrey a {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 727px) {
  .now .btnred a::after, .now .btngrey a::after {
      width: 3em;
  }
}

/* button */

.mainvisual{
    position: relative;
  }
  
.mainvisual .button{
  margin-top: 100px;
  margin-right: auto;
}


.mainvisual .button {
  left: 100px;
  top: -40px;
  color: #fff;
  position: absolute;
}
@media (max-width: 768px) {
  .mainvisual .button {
    left: 30px;
    top: -120px;
    margin-left: 0px;
    margin: auto;
  }
}

  
  .mainvisual_inner{
    position:absolute;
    width:60%;
  }
  
  .mainvisual_inner{
    width:90%;
    margin:auto;
    max-width:1100px;
  }
  
  .mainvisual_inner h1{
    font-size: 3em;
    font-family: "m-plus-1p", sans-serif;
    top:-130px;
    left:100px;
    color: #fff;
    position:absolute;
    text-shadow:1px 1px 2px #797979;
  }

  @media (max-width: 768px) {
    .mainvisual_inner h1{
      font-size:2.2em;
      top: -240px;
      left: 30px;
    }
  }

  /* 共通 */
  h2{
      position: relative;
      padding: 0.3em 0.8em;
      display: inline-block;
      font-size: 28px;
      margin-bottom: 0.5em;
      line-height: 1.2;
      color: #2B2D42;
      font-weight: bold;
  }

  .large{
    font-size:33px;
  }
    /* 共通 */


  /* Nobilistaで解決できる課題 */
 
  .works-item__content-title{
    padding-top:50px;
    font-size:24px;
  }
  
  .top-works {
    max-width: 1200px;
    width: 90%;
    margin: auto;
  }
  .top-works__container {
    max-width: 1200px;
    width: 100%;
    margin: auto;
  }

.trial-text h3 {
  font-size:28px;
}

.works-item__content p{
  text-align: left;
  padding-left: 30px;
}


  @media (max-width: 768px) {
    .top-works__container {
      width: 100%;
    }
  }

  .top-works__list {
    position: relative;
    margin: 40px -15px 0 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 90%;
    margin: auto;
  }
  @media (max-width: 768px) {
    .top-works__list {
      display: flex;
      flex-wrap: wrap;
      padding-top: 0px;
      width:100%;
    }
  }

  @media (max-width: 768px) {
  .top-works__list-item p{
    font-size: 16px;
    margin-top: -30px;
  }
}

  @media (min-width: 992px) {
    .top-works__list-item {
      width: calc(100% / 3 - 30px);
    }
  }
  @media (max-width: 768px) {
    .top-works__list-item {
      width: 100%;
      margin-top: -100px;
      margin: 0px 5px 0px 5px;
      /* margin-bottom: -90px; */
    }
  }
  .top-works__list-item .works-item__content-title {
    color: #000;
    text-align:left;
    padding-left: 30px;
  }
  .top-works__guide {
    padding-top: 6.4rem;
  }
  
  .page-heading {
      padding-bottom: 60px;
      font-size: 1rem;
      text-align: center;
  }
  @media (max-width: 768px) {
    .page-heading {
      padding-top:40px;
    }
  }
  
  .page-heading__content--center .page-heading__text-main2::after {
      margin-left: auto;
      margin-right: auto;
  }
  
  .page-heading__text-main2:after {
      content: "";
      border-bottom: 5px solid #D90429;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 240px;
  
  }

  .domein_box{
    padding-bottom:80px;
  }
  
  @media (max-width: 768px) {
    .domein_box{
      padding-bottom:0px;
    }
  }
  /* Nobilistaが選ばれる理由 */
  .nobilista-reason {
    background: #f8f8f8;
  }
  @media (max-width: 768px) {
    .nobilista-reason {
      padding-bottom: 70px;
      margin-bottom: -60px;
    }
  }
  
  .nobilista-reason .container {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
  }
  
  .nobilista-reason .title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .nobilista-reason .subtitle {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 40px;
    color: #555;
  }
  
  .reason-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  
  .reason-item {
    padding: 30px 90px 30px 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    display: flex;
  }

  @media (max-width: 768px) {
    .reason-item {
      padding: 30px 20px 30px 20px;
    }

    .reason-item:nth-child(even) {
      display: block;
    }

   
  }

.reason-item:nth-child(even) {
  flex-direction: row-reverse;
}

.second{
  padding-left:60px;
}


@media (max-width: 768px) {
  .second{
    padding-left:0px;
  }    
}
  
  .reason-text {
    margin-top: -80px;
    flex: 1;
  }

  @media (max-width: 768px) {
    .reason-text {
      margin-top: 0px;
    }
  }
  
  .reason-text h3 {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
  }

  @media (max-width: 768px) {
    .reason-text h3 {
      font-size: 24px;
      line-height: 35px;
      text-align: left;
    }
  }
  
  .reason-text .number {
    color: #e30613;
    font-weight: bold;
    font-size:55px;
    margin-right: 10px;
  }
  
  .reason-text p {
    font-size: 1rem;
    color: #333;
  }

  .nobilista-reason .reason-text p {
    text-align: left;
  }

  @media (max-width: 768px) {
    .reason-item {
      text-align: left;
    }
    .reason-text p {
      text-align: left;
    }
  }
  
  
  .reason-image img {
    max-width:280px;
    height: auto;
  }
  
  /* レスポンシブ */
  @media (max-width: 768px) {
    .reason-item {
      flex-direction: column;
      text-align: center;
    }

    .reason-image{
      padding-top: 30px;
    }
  
    .reason-image img {
      max-width: 100%;
    }
  }
  
  /* Nobilistaが選ばれる理由 */
  
  /* よくある質問 */
  
  .faqwrap {
      max-width: 1000px;
      width: 90%;
      margin: 1em auto;
  }
  
  .faqbox {
      margin-top: 1em;
      background: #F2F5F7;
      border: 1px solid #E9E9E9;
      border-radius: 10px;
      text-align: left;
      padding: 1em 1em 0;
  }
  
  .faqbox .qbox,
  .faqbox .abox {
      display: flex;
      padding-bottom: 1em;
  }
  
  .faqbox .qbox {
      position: relative;
      padding-right: 2em;
  }
  
  .faqbox .qbox::after {
      content: "\f107";
      font-family: "Font Awesome 5 Free";
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      font-weight: 900;
      position: absolute;
      top: .5em;
      right: 1em;
      z-index: 2;
      transition: all .5s ease-out;
  }
  
  .faqbox .qbox.active::after {
      transform: rotate(180deg);
  }
  
  .faqbox .abox {
      border-top: 1px solid #707070;
      padding-top: 1em;
      display: none;
  }
  
  .faqbox .abox.active {
      display: flex;
  }
  
  /* 無料トライアル・サポート体制 */

.trial-item:nth-child(even) {
  flex-direction: row-reverse;
}

@media (max-width: 768px) {
  .trial-item:nth-child(even) {
    flex-direction: column;
    text-align: center;
  }
}


.typo{
      position: absolute;
      z-index:999;
      top:-10px;
      right:30px;
      font-size:90px;
      color: #fff;
      font-family: futura-pt, sans-serif;
      font-weight: bold;
      -webkit-text-stroke: 1.5px #D90428;
      -webkit-text-stroke:1px #D90428;
}

@media (max-width: 768px) {
  .typo {
    top: -50px;
    left: -250px;
    font-size: 70px;
  }
}



.typo02{
  position: absolute;
  z-index:999;
  top:-10px;
  left:30px;
  font-size:90px;
  color: #fff;
  font-family: futura-pt, sans-serif;
  font-weight: bold;
  -webkit-text-stroke: 1.5px #D90428;
  -webkit-text-stroke:1px #D90428;
}
@media (max-width: 768px) {
  .typo02{
        top: -50px;
        left: -10px;
        font-size: 70px;
  }
}


  .trial-support {
    background: #f9f9f9;
    padding: 60px 0;
    font-family: 'Helvetica Neue', sans-serif;
  }
  
  @media (max-width: 768px) {
    .trial-support {
      padding: 0px 0;
    }
  }

  .trial-support .container {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 70px;
  }
  @media (max-width: 768px) {
    .trial-support .container {
      margin-bottom: 0px;
    }
  }

  /* 
  .section-title {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 40px;
    position: relative;
  }
  
  .section-title::after {
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background-color: #e30613;
    margin: 10px auto 0;
  } */
  
  .trial-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  @media (max-width: 768px) {
    .trial-list {
      gap:40px;
    }
  }
  
  .trial-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    gap: 20px;
  }
  
  .trial-text {
    padding-left:70px;
    flex: 1;
  }
  @media (max-width: 768px) {
    .trial-text {
      padding-top: 30px;
      padding-left:0px;
    }
  }
  
  
  .trial-text h3 {
    /* font-size: 1.2rem; */
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  @media (max-width: 768px) {
    .trial-text h3 {
      font-size: 21px;
      line-height: 30px;
      text-align: left;
      padding-left:0px;
    }
  }

  .trial-text .highlight {
    color: #e30613;
    font-weight: bold;
  }
  

  
  .trial-image img {
    max-width:300px;
    height: auto;
  }

  .box01 img{
    padding-right: 70px;
  }

  @media (max-width: 768px) {
    .box01 img{
      padding-right: 0px;
      width: 85%;
    }
  }

  .box02 img{
    padding-left:90px;
  }
  
  @media (max-width: 768px) {
    .box02 img{
      padding-left: 0px;
      width: 85%;
    }
  }

  /* Responsive */
  @media (max-width: 768px) {
    .trial-item {
      flex-direction: column;
      text-align: center;
      padding: 20px;
    }
  
    .trial-image img {
      max-width: 100%;
    }
  }
  

  /* 表 */
/* 
  .price{
      padding-top:50px;
  } */

  /* .price .inner{
position: relative;
  } */

  /* .tooltip{
    position: absolute;
    right:30px;
  } */


  #difference{
      width:80%;
      margin:auto;
      max-width:1100px;
  }

  @media screen and (max-width: 768px) {
    #difference{
      width:100%; 
  }
  }

  p.text{
    text-align: left;
    margin-bottom: 1em;
}
/* #plan .inner .table {
 position: relative;
}

@media screen and (max-width: 768px) {
  #plan .inner {
      max-width: 90%;
      overflow-x: auto;
      padding: 0;
  }
} */


#plan .inner>.warning-mark {
    text-align: left
}

#plan .table {
    width: 100%;
    margin: 0 auto 1em
}

#plan .table strong {
    font-size: 1.2em
}

#plan .table ul.disc {
    padding-bottom: 1em
}

#plan .table ul.disc li {
    text-align: left
}

#plan .table ul.disc li.grey {
    color: #A2A2A2
}

#plan .table .warning-mark {
    margin-bottom: .5em;
    text-align: left;
}

#plan .table .price {
    padding: .6em 0 0
}

#plan .table .price .fb {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

#plan .table .price strong {
    display: block;
    line-height: 1;
    font-size: 2.6em;
    margin-right: .1em
}

.planlist .with-function {
    background: #036EB8;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding: 0.5em;
    border-radius: 50%;
    font-size: 0.5em;
}

#plan .with-function:before {
    content: "\f00c";
    display: inline-block;
    vertical-align: middle;
}

#plan .no-function {
    display: inline-block;
    vertical-align: middle;
    color: #9f9c9c;
    line-height: 1;
    width: 1em;
    height: 0.1em;
    background: currentColor;
    border-radius: 0.1em;
    position: relative;
    transform: rotate(45deg);
}

#plan .no-function::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
}

#plan .table .warning-mark {
    text-align: left;
}

#plan .table tr {
    border-bottom: 1px solid #e8eaed;
}

#plan .table tr.bg {
    background: #F2F5F7;
}

#plan .table th {
    padding: .4em 2em;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
  #plan .table th {
   padding: 1em 3em; 
  }
  .inner_tc{
    position:absolute;
  }
}


#plan .table th span {
    font-size: .7em;
}

#plan .table td {
    padding: .5em;
    text-align: center;
    vertical-align: middle;
}

#plan .table td.bg {
    background: #fff;
}


#plan .table td .quantity {
    display: block;
    line-height: 1;
    font-size: 2.0em;
    margin-right: 0;
}

#plan .table td .text {
    color: #707070;
    padding-bottom: .5em;
}

#plan .table .box_border {
    border-top: 1px solid #e8eaed;
    border-bottom: 1px solid #e8eaed;
}

#plan .with-function {
    background: #036EB8;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding: 0.5em;
    border-radius: 50%;
    font-size: 0.5em;
}

#plan .now {
    background: #fff;
    margin: 2em auto 2em;
}

#plan .now .btnred a {
    padding: .5em 1.5em;
    padding-left: 2.5em;
}

#plan .note {
    width: 1200px;
    margin: 1em auto;
    font-size: 14px;
    text-align: left;
}

.planlist {
    width: 100%;
    margin-top: 50px;
}

.planlist th,
.planlist td {
    padding: 0.5em;
    text-align: center;
    border: 1px solid #E8E8E8;
    vertical-align: middle;
    text-align: left;
}

.planlist td:first-child {
    text-align: left;
    position: relative;
    white-space: nowrap;
}

.planlist th {
    background: #F2F5F7;
    font-size: 20px;
    white-space: nowrap;
    text-align: center;
}

@media screen and (max-width: 768px) {
    #plan .inner {
        max-width: 90%;
        overflow-x: auto;
        padding: 0;
    }

    .tblinner{
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      display: block;
      width: 100%;
    }

    #plan .table {
        display: table;
        margin-bottom: 3em;
        white-space: nowrap;
    }

    #plan .now {
        margin-top: -1.5em;
    }

    .planlist{
        margin-top: 60px;
    }

    #plan .table:last-of-type {
        margin-bottom: 0
    }

    #plan .table.mi769 {
        display: none
    }

    #plan .table>* {
        width: 100%
    }

    .section .inner p {
        text-align: left;
    }
    #plan .note{
        width: 100%;
        margin-top: -60px;
    }
}

@media screen and (max-width: 479px) {
    #plan .plan-box>ul>li {
        display: none;
        width: 100%;
        border: 1px solid #707070;
        border-bottom: none;
        margin-right: 0;
    }

    #plan .plan-box>ul>li:first-child {
        display: block;
        margin: 0;
    }

    #plan .sp-plan-ser {
        width: 100%;
        margin: 0 auto;
        font-size: 8px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
    }

    #plan .sp-plan-ser li {
        padding: 2em 0;
        border: 1px solid #E8E8E8;
        background: #F2F5F7;
        width: 34%;
        margin: 0;
        opacity: 0.6;
        position: relative;
    }

    #plan .sp-plan-ser li:nth-child(1):after,
    #plan .sp-plan-ser li:nth-child(2):after {
        display: block;
        color: #2B2D42;
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translate(-50%, -65%);
        padding: 0.5em;
        background: #ffce06;
        border-radius: 5px;
        width: 80%;
    }

    #plan .sp-plan-ser li:nth-child(1):after {
        content: "1番人気！";
    }

    #plan .sp-plan-ser li:nth-child(2):after {
        content: "コスパ最高！";
    }

    #plan .sp-plan-ser li.active {
        border: 1px solid #666666;
        border-bottom: none;
        background: #E8E8E8;
        opacity: 1.0;
    }

    #plan .sp-plan-ser svg {
        width: 28px;
        height: 28px;
        display: inline-block;
        vertical-align: middle;
    }

    #plan .sp-plan-ser p {
        display: inline-block;
        vertical-align: middle;
    }

    #plan .plan-teble th.hide,
    #plan .plan-teble td.hide {
        display: none;
    }

    #plan .plan-teble {
        margin-top: 0;
        border: 1px solid #707070;
    }

    #plan .plan-box .subtitle {
        font-size: 12px;
        margin: 2em auto 1em;
    }

    #plan .plan-teble th,
    #plan .plan-teble td {
        font-size: 1.0em;
        border-bottom: none;
    }

    #plan .plan-teble td {
        width: 40%;
        border-right: 1px solid #707070;
    }

    #plan .plan-teble td:first-child {
        width: 60%;
        border-right: none;
    }
}

.attention{
  text-align: right;
}
@media screen and (max-width: 768px) {
  .attention{
    padding-top: 15px;
  }
}


.attention p{
  font-size:15px;
}

.imgbox{
  position: absolute;
  left: 200px;
}

.table img{
  width:7%;
}

.imgbox img{
  width:10%;
}

/* 追加テスト */
.image-container {
  position: relative;
  display: inline-block;
  display: flex;
  width:40%;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .image-container{
    width:100%;
  }
}

.tc_flex{
  display: flex;
  padding-left: 25px;
}

.image-container img{
  width: 70px; /* 必要なサイズに */
}

@media screen and (max-width:768px) {
  .image-container img{
    max-width: none;
    width: 24px; /* 必要なサイズに */
    height: auto;
    margin-left: 100px;
  }
  
}

.note{
  text-align: left;
  max-width:1150px;
  padding-top: 40px;
  margin: 0 auto;
  width: 90%;
}

@media screen and (max-width: 768px) {
  .note{
    padding-top: 40px;
  }
  #plan .table th {
    position: relative;
   }

/* スマホ（タップ時）：クラスがあると表示 */
.image-container.active .tooltip-text {
  opacity: 1;
  visibility: visible;
}
}

.tooltip-text {
  visibility: hidden;
  font-size:14px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  position: absolute;
  bottom: 100%; /* 画像の上に表示 */
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 768px) {
  .tooltip-text {
    visibility: hidden;
    font-size:12px;
    height:70px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    position: absolute;
    bottom: 100%; /* 画像の上に表示 */
    left: 50%;
    top:20px;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s;
  }
}

.image-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
/* 追加テスト */

@media (max-width: 768px) {
  .table-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    display: block;
    position: relative; 
    width: 100%;
  }

  #plan .inner .table {
    min-width: 600px; /* カラムの合計幅に応じて調整 */
    width: max-content; /* 内容に応じて伸びるように */
  }

  /* #plan .inner .table th,
  .table td {
    white-space: nowrap; 
  } */
}



#difference .inner {
  max-width: 900px;
  text-align: left;
  margin-bottom: 3em;
}

#difference .inner p {
  margin-bottom: 1em;
}

#difference .table {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}

#difference .table thead th {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e8eaed;
}

#difference .table tbody td {
  width: 25%;
  padding: 2%;
  border: 1px solid #e8eaed;
}

#difference .table tbody td:first-child {
  vertical-align: middle;
}

#difference .table .judgement {
  font-size: 2.0em;
  font-weight: bold;
}

#difference .table .mold {
  font-size: 1.1em;
  font-weight: bold;
}

#difference .table .text {
  text-align: left;
  color: #707070;
  font-size: 0.8em;
}

@media screen and (max-width: 768px) {
  #difference .scroll {
      overflow-x: auto;
      width: 95%;
      margin: 0 auto 3em;
      margin-bottom: -30px;
  }

  #difference .table {
      width: 180%;
      margin-left: 5%;
  }
}

#difference .table thead th:nth-child(2),
#difference .table tbody td:nth-child(2) {
  border-left: 5px solid #D90429;
  border-right: 5px solid #D90429;
}

#difference .table thead th:nth-child(2) {
  border-top: 5px solid #D90429;
}

#difference .table tbody tr:last-child td:nth-child(2) {
  border-bottom: 5px solid #D90429;
}

    /* 表 */


    @media screen and (max-width: 768px) {
    /* 無料トライアル・サポート体制 */
    .trial-text .txt{
      text-align: left;
    }
  }

  @media screen and (max-width: 600px) {
    .now>.fb .button a {
        padding: 1.2em 3em;
        width: 100%;
        font-size: 1.2em;
    }
}

@media screen and (max-width:768px) {
.fb{
  margin-top:-30px;
}
}

@media screen and (max-width: 479px) {
  h2 {
      font-size: 1.8em;
  }
}

.footer-right{
    margin: auto;
    text-align: center;
}

.footer-left ul{
  display: flex;
}

.footer-left li{
  padding:40px;
}

.footer-right img{
  margin: auto;
  text-align: center;
}

footer .footer-wrapper .footer-right .img img {
  width: 230px;
}

footer .footer-wrapper{
  padding: 0em 0em;
}

@media screen and (max-width: 479px) {
  h2{
    padding:0em;
    padding-bottom: 20px;
    font-size: 1.5em;
  }
.now h2{
  padding:0em;
}
}
@media screen and (max-width:768px) {
footer .footer-wrapper .footer-left ul li{
  border-top: none;
}
}

@media screen and (max-width: 768px) {
  footer .footer-wrapper .footer-right .img {
      width: 100%;
  }
}