/* Scss Document */
/* Scss Document */
.container {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0 0 100px; }

.contact {
  max-width: 1300px;
  margin: 156px auto 0;
  padding: 100px 0 0; }
  .contact__title {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column; }
    .contact__title--eng {
      color: #00a497;
      font-size: 3.75rem;
      font-family: "Reddit Sans", sans-serif;
      font-weight: 600;
      line-height: 1; }
    .contact__title--jp {
      margin: 40px 0 0;
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.2em; }

@media (max-width: 1480px) {
  .contact {
    width: calc(100% - 60px);
    margin: 100px 30px 0; } }
@media (max-width: 600px) {
  .contact {
    width: calc(100% - 40px);
    margin: 100px 20px 0; }
    .contact__title--eng {
      font-size: 2.5rem; } }
.contactTable {
  width: 100%;
  margin: 120px 0 0;
  border-collapse: collapse; }
  .contactTable__row--header {
    width: 30%;
    padding: 0 20px 0 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.0;
    text-align: left;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .contactTable__row--header em {
      margin: 0 0 0 10px;
      padding: 3px 5px;
      color: #FFF;
      font-size: 0.75rem;
      font-style: normal;
      display: inline-block;
      background-color: #e60012;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
  .contactTable__row--data {
    width: 70%;
    padding: 10px 0;
    border: none; }
    .contactTable__row--data input {
      width: 100%;
      height: 60px;
      padding: 0 10px;
      font-size: 1.125rem;
      background-color: #F3F3F3;
      border: 1px solid #BBB;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .contactTable__row--data textarea {
      width: 100%;
      height: 280px;
      padding: 10px;
      font-size: 1.125rem;
      background-color: #F3F3F3;
      border: 1px solid #BBB;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

@media (max-width: 1000px) {
  .contactTable__row--header {
    width: 100%;
    display: block; }
  .contactTable__row--data {
    width: 100%;
    padding: 10px 0 20px;
    display: block; }
  .contactTable__row:last-of-type .contactTable__row--data {
    padding: 10px 0 0; } }
.formBtn {
  width: 320px;
  height: 60px;
  margin: 50px auto 0;
  color: #FFF;
  font-size: 1.125rem;
  line-height: 1.0;
  display: block;
  background-color: #00a497;
  border: 1px solid #00a497;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  transition: 0.1s linear; }
  .formBtn:hover {
    cursor: pointer;
    color: #00a497;
    background-color: #FFF;
    top: 1px;
    left: 1px; }
    .formBtn:hover span {
      background-image: url("../img/common/ar02.svg"); }
  .formBtn span {
    padding: 0 20px 0 0;
    background-image: url("../img/common/ar02_white.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 6px 10px; }
  .formBtn.back {
    background-color: #BBB;
    border: 1px solid #BBB; }
    .formBtn.back:hover {
      color: #BBB;
      background-color: #FFF; }
    .formBtn.back span {
      padding: 0;
      background-image: none; }

.privacy {
  margin: 80px 0 0;
  padding: 0; }
  .privacy__title {
    margin: 0 0 40px;
    padding: 30px 40px;
    color: #00a497;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.0;
    background-color: #e5f6f4;
    border: 1px solid #b2dfda;
    border-top: 2px solid #00a497; }
  .privacy__txt {
    font-size: 1.125rem; }
  .privacy__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .privacy__item {
    margin: 0;
    padding: 0; }
  .privacy__dl {
    margin: 0;
    padding: 0; }
    .privacy__dl--title {
      margin: 30px 0 10px;
      padding: 0;
      color: #00a497;
      font-size: 1.375rem;
      font-family: "Reddit Sans", sans-serif;
      font-weight: 700; }
    .privacy__dl--data {
      margin: 0;
      padding: 0;
      font-size: 1.125rem; }
      .privacy__dl--data ul {
        margin: 15px 0;
        padding: 0;
        list-style: disc; }
        .privacy__dl--data ul li {
          margin: 0 0 0 30px; }

@media (max-width: 700px) {
  .privacy__title {
    padding: 30px 20px; } }
.preview {
  width: 100%;
  margin: 120px 0 0;
  border-collapse: collapse; }
  .preview th {
    width: 30%;
    padding: 25px 40px;
    font-size: 1.125rem;
    background-color: #F3F3F3;
    border: 1px solid #BBB;
    border-right: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .preview td {
    width: 70%;
    padding: 25px 40px;
    font-size: 1.125rem;
    border: 1px solid #BBB;
    border-left: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

@media (max-width: 600px) {
  .preview {
    width: 100%;
    border-bottom: 1px solid #BBB; }
    .preview th {
      width: 100%;
      padding: 20px;
      text-align: left;
      display: block;
      border-right: 1px solid #BBB;
      border-bottom: none; }
    .preview td {
      width: 100%;
      padding: 20px;
      display: block;
      border-top: none;
      border-left: 1px solid #BBB;
      border-bottom: none; } }
.sendmail {
  width: 100%;
  margin: 120px 0 0; }