@charset "UTF-8";
/* Scss Document */
@import url("/shse/ehc/css/base.css");
@import url("/shse/ehc/contact_form/mfp.statics/mailformpro.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*メイン*/
#m_top {
  width: 100%; }
  #m_top h1 {
    background-image: url("/shse/ehc/img/contact/top_img.png");
    background-repeat: repeat-x;
    background-position: center;
    background-size: cover;
    color: #fff;
    font-size: 225%;
    text-align: center;
    padding: 3em 0; }

#contact {
  margin: 3em auto 0; }
  #contact h2 {
    font-size: 187%;
    color: #00a2b1;
    text-align: center; }
  #contact p {
    text-align: center;
    margin: 2em auto; }
  #contact dl {
    width: 76%;
    margin: 2em auto 0;
    text-align: center;
    border: 6px solid #5fb45f;
    padding: 1em 2%;
    border-radius: 10px; }
    #contact dl dt span a {
      display: block;
      color: #026b30;
      font-size: 187.5%;
      font-weight: bold;
      text-decoration: none; }
      #contact dl dt span a:hover, #contact dl dt span a:active {
        color: #026b30;
        text-decoration: underline; }
    #contact dl dt i {
      display: block;
      color: #000;
      font-style: normal;
      font-size: 100%;
      font-weight: normal;
      margin: 0 0 1em; }

#access {
  margin: 3em auto 0; }
  #access h2 {
    font-size: 187%;
    color: #00a2b1;
    text-align: center; }
  #access dl {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2em auto 3em; }
    #access dl dt {
      width: 50%; }
    #access dl dd {
      width: 48%; }
  #access .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
  #access .ggmap iframe,
  #access .ggmap object,
  #access .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#r_bottom {
  margin: 4em auto 0; }
  #r_bottom #sns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    #r_bottom #sns li {
      width: 66px;
      margin: 0 2%; }

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1300px) {
  /*メイン*/
  #contact, #access, #r_bottom {
    width: 1000px; } }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px) {
  /*メイン*/
  #contact, #access, #r_bottom {
    width: 96%; } }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /*メイン*/
  #m_top h2 {
    width: 46%; } }
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*メイン*/
  #contact {
    margin: 3em auto 0; }
    #contact h2 {
      font-size: 187%;
      color: #00a2b1;
      text-align: center; }
    #contact .inp01 {
      width: 25%; }
    #contact .inp02 {
      width: 65%; }
    #contact .inp03 {
      width: 80%; } }
/* tablet3  */
@media only screen and (max-width: 767px) {
  /*メイン*/
  #m_top {
    margin: 0; }
    #m_top h1 {
      text-align: center;
      padding: 2em 0;
      font-size: 180%; }

  #contact {
    margin: 3em auto 0; }
    #contact h2 {
      font-size: 160%; }
    #contact .inp01 {
      width: 32%; }
    #contact .inp02 {
      width: 75%; }
    #contact .inp03 {
      width: 100%; }

  #access h2 {
    font-size: 160%; }
  #access dl {
    flex-direction: column;
    margin: 2em auto 3em; }
    #access dl dt {
      width: 100%; }
    #access dl dd {
      width: 100%;
      margin: 1em 0 0; }

  #r_bottom {
    margin: 3em auto 0; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*メイン*/ }