@charset "UTF-8";
/* Scss Document */
#page_ttl {
  background: url("../images/contact/page_ttl_bg.jpg") top center no-repeat;
  background-size: auto 100%;
}

#contact .tel {
  margin-bottom: 2em;
  color: #00CA5F;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: .1em;
  text-indent: .1em;
  line-height: 1.8;
  text-align: center;
}
#contact .tel span.fax {
  font-size: 2rem;
}
#contact .table_A {
  width: 100%;
  margin-bottom: 30px;
}
#contact .table_A tr {
  border-bottom: #DDD 1px solid;
}
#contact .table_A tr:first-child {
  border-top: #DDD 1px solid;
}
#contact .table_A th, #contact .table_A td {
  padding: .5em;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
#contact input, #contact select, #contact textarea {
  padding: .5em;
  font-family: "游ゴシック体","Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#contact input {
  display: inline-block;
  margin-right: 1em;
  background: #F0F0E1;
  border: #CCC 1px solid;
}
#contact input[size="20"] {
  width: 50%;
}
#contact input[size="30"] {
  width: 80%;
}
#contact textarea {
  width: 100%;
  background: #F0F0E1;
  border: #CCC 1px solid;
}
#contact .contact_btn {
  text-align: center;
}
#contact .contact_btn input, #contact .contact_btn a {
  display: inline-block;
  width: 300px;
  margin: 0 1em;
  padding: .5em 1em;
  background: url("../images/contact/contact_btn_arrow.png") top 50% right 15px no-repeat, #00CA60;
  border: none;
  color: #FFF;
  font-size: 2.0rem;
  text-align: center;
}
#contact .contact_btn input:hover, #contact .contact_btn a:hover {
  cursor: pointer;
  opacity: .6;
  transition: .5s;
}

#privacy .privacy_sttl {
  margin: 50px 0 20px;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}
#privacy ul {
  margin-left: 80px;
}
#privacy li {
  position: relative;
  margin-bottom: .5em;
  padding-left: 1em;
  font-size: 1.3rem;
  line-height: 1.4;
}
#privacy li:before {
  position: absolute;
  top: .2em;
  left: 0;
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 4px;
  background: #00CA5F;
}

@media screen and (max-width: 640px) {
  #contact .tel {
    font-size: calc((40/760)*100vw);
  }
  #contact .tel span.fax {
    font-size: calc((30/760)*100vw);
  }
  #contact .table_A {
    margin-bottom: calc((50/760)*100vw);
  }
  #contact input {
    margin-right: 0;
  }
  #contact input[size="20"] {
    width: 100%;
  }
  #contact input[size="30"] {
    width: 100%;
  }
  #contact .contact_btn input {
    width: calc((500/760)*100vw);
    background: url("../images/contact/contact_btn_arrow.png") top 50% right calc((20/760)*100vw) no-repeat, #00CA60;
    background-size: calc((15/760)*100vw);
    font-size: calc((30/760)*100vw);
  }

  #privacy .privacy_sttl {
    margin: 2em 0 1em;
    font-size: calc((30/760)*100vw);
  }
  #privacy ul {
    margin-left: calc((40/760)*100vw);
  }
  #privacy li {
    font-size: calc((24/760)*100vw);
  }
  #privacy li:before {
    top: .4em;
    width: calc((8/760)*100vw);
    height: calc((8/760)*100vw);
    border-radius: calc((4/760)*100vw);
  }
}