@charset "UTF-8";
/* Scss Document */
/*=============================================================
 LP設定
=============================================================*/
#kvSec {
  background-color: #f3f3f3;
  padding-bottom: 30px; }
  @media print, screen and (min-width: 768px) {
    #kvSec {
      padding-bottom: 0px; } }
  #kvSec .container {
    background-size: 100% auto;
    background-image: url("../image/kv_sp.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 90%; }
    @media print, screen and (min-width: 768px) {
      #kvSec .container {
        background-image: url("../image/kv_pc.png");
        background-size: cover;
        background-position: bottom right;
        height: 492px;
       text-align: left; } 
      }
    #kvSec .container .inner {
      width: 60%;
      padding-top: 20px; }
      @media print, screen and (min-width: 768px) {
        #kvSec .container .inner {
          padding-top: 40px; text-align: left;} }
      #kvSec .container .inner h1 {
        font-size: 5vw;
        white-space: nowrap; }
        @media print, screen and (min-width: 768px) {
          #kvSec .container .inner h1 {
            font-size: 42px; text-align: left;} }
        #kvSec .container .inner h1 strong {
          color: #b6121b; }
      #kvSec .container .inner .lead {
        font-size: 12vw; }
        @media print, screen and (min-width: 768px) {
          #kvSec .container .inner .lead {
            font-size: 100px; text-align:left;} }
      #kvSec .container .inner p {
        text-align: left; }
        @media print, screen and (min-width: 768px) {
          #kvSec .container .inner p {
            text-align: left; } }
    #kvSec .container .col3 {
      width: 100%;
      justify-content: space-between;
      margin-top: 10px; }
      @media print, screen and (min-width: 768px) {
        #kvSec .container .col3 {
          margin-top: 20px;
          width: 60%; } }
      #kvSec .container .col3 li {
        background-color: #b6121b;
        color: #fff;
        border-radius: 10px;
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2vw 0;
        box-sizing: border-box; }
        @media print, screen and (min-width: 768px) {
          #kvSec .container .col3 li {
            font-size: 24px;
            height: 103px;
            padding: 0; } }

#worriesSec01 {
  background-color: #777;
  color: #fff;
  padding: 20px 0; }
  @media print, screen and (min-width: 768px) {
    #worriesSec01 {
      padding: 40px 0; } }
  #worriesSec01 .container {
    padding: 0 1vw; }
  #worriesSec01 .tit {
    font-size: 8vw; }
    @media print, screen and (min-width: 768px) {
      #worriesSec01 .tit {
        font-size: 60px; } }
  #worriesSec01 p {
    margin-top: 2em; }
    #worriesSec01 p small {
      font-size: 4vw;
      line-height: 0.8; }
      @media print, screen and (min-width: 768px) {
        #worriesSec01 p small {
          font-size: 14px; } }

#worriesSec02 {
  background: #d1d9e6;
  background: -moz-linear-gradient(-45deg, #d1d9e6 0%, #e8edf6 100%);
  background: -webkit-linear-gradient(-45deg, #d1d9e6 0%, #e8edf6 100%);
  background: linear-gradient(135deg, #d1d9e6 0%, #e8edf6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d9e6', endColorstr='#e8edf6',GradientType=1 );
  padding: 20px 0; }
  @media print, screen and (min-width: 768px) {
    #worriesSec02 {
      padding: 0; } }
  @media print, screen and (min-width: 768px) {
    #worriesSec02 .container_max {
      background: url("../image/worriessec02_bg.png") no-repeat center center;
      background-size: auto 100%;
      height: 676px;
      text-align: right; } }
  #worriesSec02 .container_max .inner {
    margin: 0 0 0 auto; }
    @media print, screen and (min-width: 768px) {
      #worriesSec02 .container_max .inner {
        padding-top: 40px;
        display: inline-block; } }
    @media screen and (min-width: 768px) and (max-width: 900px) {
      #worriesSec02 .container_max .inner {
        width: 60%; } }
    #worriesSec02 .container_max .inner .tit {
      text-align-last: center;
      font-size: 5vw; }
      @media print, screen and (min-width: 768px) {
        #worriesSec02 .container_max .inner .tit {
          font-size: 30px;
          text-align: left; } }
      @media screen and (min-width: 768px) and (max-width: 900px) {
        #worriesSec02 .container_max .inner .tit {
          font-size: 3vw; } }
    #worriesSec02 .container_max .inner ul {
      text-align: left;
      margin: 20px 0 20px 0; }
      @media print, screen and (min-width: 768px) {
        #worriesSec02 .container_max .inner ul {
          margin: 30px 3em; } }
      #worriesSec02 .container_max .inner ul li {
        position: relative;
        margin: 0.5em 0;
        text-indent: -1em; }
        #worriesSec02 .container_max .inner ul li:before {
          content: "✓ ";
          display: inline-block;
          margin-right: 1em; }
    #worriesSec02 .container_max .inner .lead {
      text-align-last: center;
      font-size: 5.5vw; }
      @media print, screen and (min-width: 768px) {
        #worriesSec02 .container_max .inner .lead {
          font-size: 30px;
          text-align: left; } }
      @media screen and (min-width: 768px) and (max-width: 900px) {
        #worriesSec02 .container_max .inner .lead {
          font-size: 3vw; } }
  #worriesSec02 .container_max .btnArea {
    text-align: center; }
  #worriesSec02 .container_max .btn {
    display: inline-block;
    margin: 20px auto 0 auto;
    font-size: 4.5vw; }
    @media print, screen and (min-width: 768px) {
      #worriesSec02 .container_max .btn {
        margin-top: 30px;
        font-size: 22px; } }
    #worriesSec02 .container_max .btn a {
      display: block;
      background-color: #b6121b;
      border-radius: 5px;
      color: #fff;
      padding: 20px 40px; }

#solutionSec {
  background-color: #000;
  color: #fff;
  padding: 20px 0; }
  @media print, screen and (min-width: 768px) {
    #solutionSec {
      padding: 40px 0; } }
  #solutionSec .tit {
    font-weight: 300;
    font-size: 6.5vw; }
    @media print, screen and (min-width: 768px) {
      #solutionSec .tit {
        font-size: 50px; } }
    #solutionSec .tit strong {
      color: #b6121b; }
  #solutionSec .col3 {
    justify-content: space-between; }
    #solutionSec .col3 .inBox {
      width: 31%;
      font-size: 2vw; }
      @media print, screen and (min-width: 768px) {
        #solutionSec .col3 .inBox {
          width: 30%;
          font-size: 100%; } }
      #solutionSec .col3 .inBox .lead {
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2vw; }
        @media print, screen and (min-width: 768px) {
          #solutionSec .col3 .inBox .lead {
            font-size: 20px;
            height: 150px; } }
      #solutionSec .col3 .inBox .img {
        margin: 0 0 10px 0; }

#voiceSec01 {
  padding: 20px 0; }
  @media print, screen and (min-width: 768px) {
    #voiceSec01 {
      padding: 40px 0; } }
  #voiceSec01 .tit {
    font-weight: 300;
    font-size: 6.0vw; }
    @media print, screen and (min-width: 768px) {
      #voiceSec01 .tit {
        font-size: 43px; } }
  #voiceSec01 .img {
    display: inline-block;
    margin: 15px auto 0 auto; }
    @media print, screen and (min-width: 768px) {
      #voiceSec01 .img {
        margin-top: 20px;
        padding: 40px 40px 20px 40px;
        background-color: #e7e7e7; } }

#voiceSec02 {
  background-color: #777;
  color: #fff;
  padding: 20px 0;
  font-size: 4vw; }
  @media print, screen and (min-width: 768px) {
    #voiceSec02 {
      padding: 40px 0;
      font-size: 100%; } }
  #voiceSec02 .container {
    padding: 0 1vw; }
  #voiceSec02 .tit {
    font-weight: 300; }
    @media print, screen and (min-width: 768px) {
      #voiceSec02 .tit {
        font-size: 36px; } }
  #voiceSec02 figure figcaption {
    text-align: right;
    margin-top: 1em; }
    @media screen and (max-width: 768px) {
      #voiceSec02 figure figcaption {
        font-size: 1vw; } }
  #voiceSec02 .col3 {
    justify-content: space-between;
    margin: 10px 0; }
    @media print, screen and (min-width: 768px) {
      #voiceSec02 .col3 {
        margin: 20px 0; } }
    @media screen and (max-width: 768px) {
      #voiceSec02 .col3 .inBox {
        width: auto; } }
    #voiceSec02 .col3 .inBox img {
      width: auto;
      height: 190px; }
      @media screen and (min-width: 768px) and (max-width: 900px) {
        #voiceSec02 .col3 .inBox img {
          height: 20vw; } }
      @media screen and (max-width: 768px) {
        #voiceSec02 .col3 .inBox img {
          height: 20vw; } }
    #voiceSec02 .col3 .inBox figcaption {
      text-align: center; }

#caseSec01 {
  background-color: #000;
  color: #fff;
  position: relative;
  padding: 20px 0 40px 0;
  margin-bottom: 30px; }
  @media print, screen and (min-width: 768px) {
    #caseSec01 {
      padding: 40px 0 80px 0;
      margin-bottom: 53px; } }
  #caseSec01:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -50px; }
    @media print, screen and (min-width: 768px) {
      #caseSec01:after {
        border-width: 53px 97.5px 0 97.5px;
        bottom: -53px;
        margin-left: -97.5px; } }
  #caseSec01 .tit {
    display: inline-block;
    background-color: #b6121b;
    border-radius: 5px;
    padding: 0.3em 1em; }
    @media print, screen and (min-width: 768px) {
      #caseSec01 .tit {
        font-size: 44px; } }
  #caseSec01 ul {
    display: inline-block;
    text-align: left;
    margin: 20px auto 0 auto; }
    @media print, screen and (min-width: 768px) {
      #caseSec01 ul {
        font-size: 30px;
        margin-top: 30px; } }
    #caseSec01 ul li {
      margin-top: 0.5em; }
      #caseSec01 ul li:before {
        content: "・";
        display: inline-block; }
      #caseSec01 ul li:first-child {
        margin: 0; }

#caseSec02 {
  padding: 20px 0; }
  @media print, screen and (min-width: 768px) {
    #caseSec02 {
      padding: 20px 0 40px 0; } }
  #caseSec02 .tit {
    font-size: 10vw; }
    @media print, screen and (min-width: 768px) {
      #caseSec02 .tit {
        font-size: 60px;
        margin-bottom: 20px; } }
  #caseSec02 .col3 {
    justify-content: center; }
    #caseSec02 .col3 .arrow {
      margin: 10px;
      width: 20%; }
      @media print, screen and (min-width: 768px) {
        #caseSec02 .col3 .arrow {
          margin: 20px;
          width: auto; } }
      @media screen and (min-width: 768px) and (max-width: 900px) {
        #caseSec02 .col3 .arrow {
          width: 20%; } }
    #caseSec02 .col3 .s_tit {
      background-color: #b6121b;
      color: #fff;
      border-radius: 50%;
      padding: 0.2em 0.5em;
      font-size: 6vw;
      margin-bottom: 10px; }
      @media print, screen and (min-width: 768px) {
        #caseSec02 .col3 .s_tit {
          font-size: 48px;
          margin-bottom: 20px; } }
    #caseSec02 .col3 p {
      line-height: 1.25; }
      @media print, screen and (min-width: 768px) {
        #caseSec02 .col3 p {
          font-size: 30px; } }
      #caseSec02 .col3 p strong {
        display: block;
        font-size: 8vw; }
        @media print, screen and (min-width: 768px) {
          #caseSec02 .col3 p strong {
            font-size: 60px; } }

#costSec {
  background-color: #777;
  color: #fff;
  padding: 20px 0; }
  @media print, screen and (min-width: 768px) {
    #costSec {
      padding: 40px 0; } }
  #costSec .tit {
    font-size: 5.5vw; }
    @media print, screen and (min-width: 768px) {
      #costSec .tit {
        font-size: 40px; } }
    #costSec .tit strong {
      color: #b6121b; }
  @media print, screen and (min-width: 768px) {
    #costSec p {
      color: #000; } }
  #costSec p img {
    margin: 20px 0; }
    @media print, screen and (min-width: 768px) {
      #costSec p img {
        margin: 40px 0; } }
  #costSec p.btn {
    display: inline-block;
    margin: 20px auto 0 auto; }
    @media print, screen and (min-width: 768px) {
      #costSec p.btn {
        margin-top: 30px; } }
    #costSec p.btn a {
      display: block;
      background-color: #b6121b;
      border-radius: 5px;
      color: #fff;
      padding: 20px 40px; font-size:26px;}
      @media screen and (max-width: 768px) {
        #costSec p.btn a {
          font-size: 4.5vw; } }

#planSec {
  padding: 20px 0; }
  @media print, screen and (min-width: 768px) {
    #planSec {
      padding: 40px 0; } }
  #planSec .container {
    padding: 0 1vw; }
  #planSec .tit {
    display: inline-block;
    background-color: #000;
    color: #ccc;
    border-radius: 150%;
    padding: 0.5em 1em;
    font-size: 6vw; }
    @media print, screen and (min-width: 768px) {
      #planSec .tit {
        font-size: 48px; } }
  #planSec .lead {
    font-size: 5vw;
    margin: 10px 0; }
    @media print, screen and (min-width: 768px) {
      #planSec .lead {
        font-size: 42px;
        margin: 20px 0; } }
    #planSec .lead strong {
      color: #b6121b; }
  @media print, screen and (min-width: 768px) {
    #planSec p {
      font-size: 27px; } }
  #planSec .boxRed {
    background-color: #b6121b;
    color: #fff;
    padding: 20px 0;
    margin-top: 20px; }
    @media print, screen and (min-width: 768px) {
      #planSec .boxRed {
        padding: 20px 0;
        margin-top: 40px; } }
    #planSec .boxRed dl {
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1.25; }
      #planSec .boxRed dl dt {
        margin-right: 0.5em;
        font-size: 5vw; }
        @media print, screen and (min-width: 768px) {
          #planSec .boxRed dl dt {
            font-size: 40px; } }
      #planSec .boxRed dl dd {
        font-size: 4vw; }
        @media print, screen and (min-width: 768px) {
          #planSec .boxRed dl dd {
            font-size: 36px; } }
        #planSec .boxRed dl dd strong {
          font-size: 11vw; }
          @media print, screen and (min-width: 768px) {
            #planSec .boxRed dl dd strong {
              font-size: 80px; } }

#contactSec {
  padding: 0 0 20px 0; }
  @media print, screen and (min-width: 768px) {
    #contactSec {
      padding: 40px 0; } }
  @media print, screen and (min-width: 768px) {
    #contactSec .lead {
      font-size: 24px; } }
  #contactSec .tit {
    font-size: 6.5vw;
    margin: 0 0 10px 0; }
    @media print, screen and (min-width: 768px) {
      #contactSec .tit {
        font-size: 48px;
        margin: 0 0 20px 0; } }
  @media screen and (max-width: 768px) {
    #contactSec p {
      font-size: 2vw; } }
  #contactSec table {
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #000;
    margin: 0 0 20px 0; }
    @media print, screen and (min-width: 768px) {
      #contactSec table {
        margin: 40px 0; } }
    #contactSec table tr {
      border-top: 1px solid #000; }
      #contactSec table tr th,
      #contactSec table tr td {
        vertical-align: top;
        padding: 10px 0;
        box-sizing: border-box; }
        @media print, screen and (min-width: 768px) {
          #contactSec table tr th,
          #contactSec table tr td {
            padding: 20px 0; } }
      #contactSec table tr th {
        font-weight: normal;
        white-space: nowrap;
        font-size: 2vw; }
        @media print, screen and (min-width: 768px) {
          #contactSec table tr th {
            width: 30%;
            font-size: 100%; } }
        #contactSec table tr th span {
          color: #c70202;
          margin-left: 1em;
          font-size: 1vw; }
          @media print, screen and (min-width: 768px) {
            #contactSec table tr th span {
              font-size: 70%; } }
      @media print, screen and (min-width: 768px) {
        #contactSec table tr td {
          width: 70%; } }
      #contactSec table tr td p {
        font-size: 80%;
        color: #959393; }

#thanksSec {
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; }
  #thanksSec h1 {
    font-size: 5vw;
    white-space: nowrap; }
    @media print, screen and (min-width: 768px) {
      #thanksSec h1 {
        font-size: 37px; } }
    #thanksSec h1 strong {
      color: #b6121b; }

#faqSec {
  background-color: #777;
  padding: 20px 0; }
  @media print, screen and (min-width: 768px) {
    #faqSec {
      padding: 40px 0; } }
  #faqSec .tit {
    color: #fff;
    font-size: 5vw;
    margin-bottom: 10px; }
    @media print, screen and (min-width: 768px) {
      #faqSec .tit {
        font-size: 40px;
        margin-bottom: 20px; } }
  #faqSec dl {
    text-align: left; }
    #faqSec dl dt {
      background-color: #fff;
      margin-top: 10px;
      border-radius: 5px;
      padding: 0.2em 0.5em;
      cursor: pointer;
      position: relative; }
      @media print, screen and (min-width: 768px) {
        #faqSec dl dt {
          font-size: 29px; } }
      #faqSec dl dt:first-child {
        margin: 0; }
      #faqSec dl dt:before {
        content: "Q.";
        display: inline-block; }
      #faqSec dl dt.on {
        border-radius: 5px 5px 0 0; }
    #faqSec dl dd {
      display: none;
      background-color: #fff;
      padding: 0 2em 1em 2em;
      border-radius: 0 0 5px 5px; }

/*=============================================================
 共通【Reset】
=============================================================*/
body {
  margin: 0;
  padding: 0;
  word-break: break-all; }

body.home {
  background-color: none; }

.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6, .reset span, .reset p, .reset strong {
  margin: 0;
  padding: 0;
  font-weight: normal; }
.reset ul, .reset ol, .reset li, .reset dl, .reset dt, .reset dd, .reset figure, .reset figcaption, .reset table, .reset address {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  list-style: none;
  font-style: normal;
  /*font-weight: normal;*/ }
.reset table {
  border-collapse: collapse;
  border-spacing: 0; }
.reset img {
  border: none;
  margin: 0px;
  padding: 0px;
  vertical-align: bottom; }

/*=============================================================
 レイアウト設定
=============================================================*/
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  flex-flow: row wrap; }

.jc-space-between {
  justify-content: space-between; }

.jc-center {
  justify-content: center; }

.jc-flex-end {
  justify-content: flex-end; }

.al-center {
  align-items: center; }

.al-stretch {
  align-items: stretch; }

.al-flex-end {
  align-items: flex-end; }

.al-flex-start {
  align-items: flex-start; }

@media print, screen and (min-width: 768px) {
  .order1 {
    order: 1; }

  .order2 {
    order: 2; } }
/*=============================================================
 common
=============================================================*/
body {
  font-size: 13px;
  font-family: "Times New Roman", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  line-height: 1.48;
  letter-spacing: 0.05em;
  color: #000;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 400;
  position: relative; }
  @media print, screen and (min-width: 768px) {
    body {
      font-size: 16px; } }
  body h1, body h2, body h3, body h4, body h5, body h6, body span, body p, body ul, body ol, body li, body dl, body dt, body dd, body figure, body figcaption, body table, body address {
    /*transform: rotate(0.03deg);*/ }
  body .gothic {
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-weight: 500; }
  body a {
    color: #000;
    text-decoration: none; }
  body a:hover {
    opacity: 0.7;
    -webkit-transition: all .3s;
    transition: all .3s; }
  body img {
    width: auto;
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    font-family: "object-fit: contain;"; }
  body .object-fit {
    object-fit: contain;
    font-family: "object-fit: contain;"; }
  body .view-sp {
    display: block; }
    @media print, screen and (min-width: 768px) {
      body .view-sp {
        display: none; } }
  body .view-pc {
    display: none; }
    @media print, screen and (min-width: 768px) {
      body .view-pc {
        display: block; } }
  @media screen and (min-width: 768px) and (max-width: 900px) {
    body #wrap {
      /*width: $breakpoint-container;*/ } }
  body #contents {
    overflow: hidden;
    max-width: 100%;
    position: relative; }
  body .container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 3vw;
    box-sizing: border-box;
    position: relative;
    z-index: 2; }
    @media print, screen and (min-width: 768px) {
      body .container {
        padding: 0 10px; } }
  body .container_max {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3vw;
    box-sizing: border-box;
    position: relative;
    z-index: 2; }
    @media print, screen and (min-width: 768px) {
      body .container_max {
        padding: 0 10px; } }

/*pcリンク位置修正*/
#main-2,#voiceSec01-2,#voiceSec02-2,#caseSec01-2,#contactSec-2,#company-2{
  display: block;
  padding-top: 360px;
   margin-top: -360px;
}
/*=============================================================
 #gheader
=============================================================*/
/*=============================================================
 #gFooter
=============================================================*/
/*.pageTop {
	display: none;
	position: fixed;
	right: 50px;
	bottom:230px;
	z-index: 5;
	line-height: 1;
	@include max-screen($breakpoint-mobile) {
		right: 10px;
	}
	a {
		display: inline-block;
		width: 50px;
		height: 50px;
		background-color: $main_color;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		i {
			font-size: 25px;
		}
	}
}*/
/*=======================================================================追加*/
#worriesSec01 strong{
  font-size:120%;
  font-weight: bold;
}
#worriesSec01 .container p{
  line-height: 1.8;
}
#worriesSec01 a{
  color: #ffffff;
}

#voiceSec01 .img-box {
  padding: 5% 3% 2%;
  background-color: #e7e7e7;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
#voiceSec01 .img-box::after {
  clear: both;
  content: "";
  display: block;
}
#voiceSec01 .img-box li {
  float: left;
  width: 43%;
  height: auto;
  margin: 0 2% 3%;
}
#voiceSec01 .img-box li img{
  border-radius: 4px;
}
  @media print, screen and (min-width: 768px) {
    #voiceSec01 .img-box {
      padding: 5% 3% 2%;
      background-color: #e7e7e7;
      width: 60%;
      margin: 20px auto;
      text-align: center;
    }
    #voiceSec01 .img-box::after {
      clear: both;
      content: "";
      display: block;
    }
    #voiceSec01 .img-box li {
      float: left;
      width: 29%;
      height: auto;
      margin: 0 2% 3%;
    }
    #voiceSec01 .img-box li img{
      border-radius: 4px;
    }
  }
  #voiceSec02 .client_voice{
    width: 80%;
    margin: 0 auto;
  }
  #voiceSec02 .client_voice li{
    margin: 4% auto;
  }
  #voiceSec02 .client_voice li p{
    margin-top: 2%;
  }
  @media print, screen and (min-width: 768px) {
    #voiceSec02 .client_voice{
      width: 80%;
      margin: 2.5% auto 0;
    }
    #voiceSec02 .client_voice::after{
      clear: both;
      content: "";
      display: block;
    }
    #voiceSec02 .client_voice li{
      width: 45%;
      margin: 2.5%;
      float: left;
    }
    #voiceSec02 .client_voice li p{
      margin-top: 2%;
    }
  }
  /*追加の赤背景セクション*/
  .red-bk-text{
    background-color:#b6121b;
    padding: 2.5% 5%;
  }
  .red-bk-text p{
    color:#ffffff;
    font-size: 18px;
  }
  @media print, screen and (min-width: 768px) {
    .red-bk-text{
      background-color:#b6121b;
      padding:30px;
    }
    .red-bk-text p{
      color:#ffffff;
      font-size: 32px;
    }
  }

  @media print, screen and (max-width: 767px) {
  #company{
    padding: 5% 0;
  }
  #company h2{
    font-size: 6vw;
    margin-top: 15px;
  }
  #company ul{
    text-align: left;
    margin: 10% auto;
    width: 90%;
  }
  #company ul li{
    padding: 0 5px 10px;
    margin-bottom: 10px;
    border-bottom: #000000 1px solid;
    font-size: 4vw;
  }
  #company .company-text{
    padding-bottom:5%;
    width:90%;
    margin: 0 auto;
  }
  #company .company-text p{
    font-size: 4vw;
    margin-bottom: 5%;
    text-align: left;
  }
  #company .company-image{
    margin-bottom: 25px;
  }
}

  @media print, screen and (min-width: 768px) {
    #company{
      padding: 50px 0;
    }
    #company h2{
      font-size: 38px;
      margin-top: 15px;
    }
    #company ul{
      text-align: left;
      margin: 60px auto;
      width: fit-content;
    }
    #company ul li{
      padding: 0 5px 10px;
      margin-bottom: 10px;
      border-bottom: #000000 1px solid;
    }
    #company .company-text{
      padding-bottom: 20px;
    }
    #company .company-text p{
      font-size: 20px;
      margin-bottom: 10px;
    }
    #company .company-image{
      margin-bottom: 25px;
    }
  }

/*=============================================================
 フォーム
=============================================================*/
input[type=text], input[type=email], input[type=tel], input[type="submit"], input[type="button"], input[type="search"], button, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type=text], input[type=email], input[type=tel], input[type="submit"], input[type="button"], textarea {
  box-sizing: border-box;
  box-shadow: none !important;
  border: none;
  padding: 10px !important;
  width: 100%;
  max-width: 100%;
  outline: none;
  background-color: #FFF;
  border: 1px solid #CECECE;
  margin: 0 !important;
  border-radius: 5px; }
  @media screen and (max-width: 768px) {
    input[type=text], input[type=email], input[type=tel], input[type="submit"], input[type="button"], textarea {
      width: 100%;
      padding: 0.5em; } }

textarea {
  width: 100% !important;
  max-width: 100% !important;
  resize: vertical;
  min-height: 100px;
  line-height: 1.45; }

input[type="submit"], input[type="button"] {
  background: none;
  text-shadow: none;
  border: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  background-color: #b6121b;
  font-size: 150%;
  margin: 0 auto;
  border-radius: 5px;
  line-height: 1.25;
  width: 30%; }
  @media print, screen and (min-width: 768px) {
    input[type="submit"], input[type="button"] {
      width: 300px; } }
  input[type="submit"]:hover, input[type="button"]:hover {
    opacity: 0.8;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: none;
    text-shadow: none;
    background-color: #b6121b; }