@charset "utf-8";

/* 共通スタイル */
html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: '小塚ゴシック Pro', 'Kozuka Gothic Pro', sans-serif;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

section {
  background-color: #fffefa;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}

/* spのみ改行 */
@media screen and (min-width: 768px){
  .br-sp {display: none; }
}

.fs-large {
  font-size: 3vw;
  font-weight: bold;
}

.fs-medium {
  font-size: 2vw;
  font-weight: bold;
}

.fc-red {
  color: red;
}

.text-container {
  margin: auto;
  padding: 4vw 10vw;
  width: 90%;
  text-align: left;
  line-height: 2;
}

.text-container p {
  font-size: 1.5vw;
}

/* header */
.header-inner {
  display: flex;
  justify-content: space-between;
  width: 90%;
  padding: 1.25vw 0px;
  margin: auto;
}

.logo {
  display: flex;
  align-items: center;
}

.logo img {
  width: 15vw;
}

.tel-mail {
  display: flex;
  justify-content: space-between;
}


.tel img {
  width: 19vw;
}

.mail img {
  width: 13vw;
  margin-top: 3px;
}

.tel {
  margin-right: 1.25vw;
}

/* contact */
/* Bootstrap */
.row {
  background-color: #fffdf0;
}

/* feature */
.feature img {
  margin: auto;
}

/* qa */
.qa-list dt {
  margin-bottom: 1em;
  color: #24b837;
  font-weight: 600;
}

.qa-list dt::before,
.qa-list dd::before {
  margin-right: .4em;
}

.qa-list dt::before {
  content: "Q.";
}

.qa-list dd {
  margin: 0 0 2.5em;
  padding: 1em 1em;
  background-color: #f2f2f2;
  color: #333333;
}

.qa-list dd::before {
  content: "A.";
  color: red;
}

/* company */
.company-table th,
.company-table td {
border: 2px solid #ccc;
padding: 20px;
}

.company-table th {
  font-weight: bold;
  background-color: #dedede;
  }


/* footer */
.footer {
  background-color: #009f85;
  width: 100%;
  height: auto;
  padding: 20px 0;
  margin-top: 20px;
}

.footer-inner {
  color: #fff;
  font-size: 2vw;
  font-weight: bold;
  text-align: center;
}

.button-fixed {
  position: fixed;
  bottom: 0px;
  opacity: 0.9;
  width: 100%;
}


/* レスポンシブ */
@media only screen and (max-width:767px) {
  .text-container {
    padding: 3vw 5vw;
  }

  .text-container p {
    font-size: 3vw;
  }

  .fs-large {
    font-size: 5vw;
    font-weight: bold;
  }

  .fs-medium {
    font-size: 4vw;
    font-weight: bold;
  }

  /* header */
.header-inner {
  padding: 10px 0;
}

  .logo img {
    width: 30vw;
  }

  .tel img {
    width: 14vw;
    margin-right: 5px;
  }

  .mail img {
    width: 12.5vw;
    margin-top: 1px;
  }

  /* form上下の感覚を開ける */
  .contact img {
    margin-bottom: 30px;
  }

  .voice {
    margin-top: 30px;
  }

  .message {
    margin-top: 30px;
  }

  /* company */
  .company {
    margin-top: 30px;
  }

  .company-table,
  .company-table tr,
  .company-table td,
  .company-table th {display:block;}
  .company-table th {width:auto;}

  /* footer */
  .footer {
    padding: 10px 0;
  }

  .footer-inner {
    color: #fff;
    font-size: 3vw;
    font-weight: bold;
    text-align: center;
  }
}