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

#about {
  margin: 3em auto 0; }
  #about h2 {
    font-size: 187%;
    color: #00a2b1;
    text-align: center; }
  #about dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 2em 0 0; }
    #about dl dt {
      width: 26%; }
    #about dl dd {
      width: 70%;
      line-height: 2; }
      #about dl dd span {
        display: block;
        margin: 1em 0 0;
        text-align: right;
        font-size: 115%;
        font-weight: bold; }
  #about ul {
    width: 100%;
    margin: 4em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #about ul li {
      width: 48%; }

#about02 {
  margin: 6em auto 0; }
  #about02 h2 {
    font-size: 187%;
    color: #00a2b1;
    text-align: center; }
  #about02 dl {
    width: 60%;
    margin: 1em auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    #about02 dl dt {
      width: 36%;
      color: #026b30;
      font-weight: bold;
      text-align: right;
      padding: 1em 2%;
      border-bottom: 1px dotted #ccc; }
      /*
      #about02 dl dt:nth-child(5) {
        border-bottom: none; }
        */
    #about02 dl dd {
      width: 56%;
      padding: 1em 2%;
      border-bottom: 1px dotted #ccc; }
      /*
      #about02 dl dd:last-child {
        border-bottom: none; }
        */
      #about02 dl dd span {
        margin: 0.5em 0 0;
        text-align: right;
        display: block; }

#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) {
  /*メイン*/
  #about, #about02, #r_bottom {
    width: 1000px; }
  .br-sp {display: block; }}
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px) {
  /*メイン*/
  #about, #about02, #r_bottom {
    width: 96%; }
    .br-sp {display: none; } }
/* 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) {
  /*メイン*/ }
/* tablet3  */
@media only screen and (max-width: 767px) {
  /*メイン*/
  #m_top {
    margin: 0; }
    #m_top h1 {
      text-align: center;
      padding: 2em 0;
      font-size: 180%; }

  #about {
    width: 90%;
    margin: 3em auto 0; }
    #about h2 {
      font-size: 160%; }
    #about dl {
      flex-direction: column; }
      #about dl dt {
        width: 50%;
        margin: 0 auto 1em; }
      #about dl dd {
        width: 100%;
        line-height: 1.8; }
        #about dl dd span {
          font-size: 100%; }
    #about ul {
      margin: 2em 0 0;
      flex-direction: column; }
      #about ul li {
        width: 100%; }
        #about ul li:nth-child(2) {
          margin: 1em 0 0; }

  #about02 {
    margin: 3em auto 0; }
    #about02 h2 {
      font-size: 160%; }
    #about02 table {
      width: 100%;
      margin: 2em 0 0; }
      #about02 table th {
        display: block;
        width: 96%; }
      #about02 table td {
        display: block;
        width: 96%; }

  #about02 dl {
    width: 90%;
    margin: 1em auto 0;
  }
  #about02 dl dt {
    width: 26%;
  }

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