@charset "UTF-8";
/* Scss Document */
@import url("/shse/ehc/css/reset.css");
@import url("/shse/ehc/css/m_menu.css");
@import url("/shse/ehc/slider/flexslider.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,"游明朝体", "Yu Mincho", YuMincho;
  line-height: 1.8; }

main {
  display: block; }
  main a:link img {
    transition: all 0.2s linear; }
  main a:hover img {
    opacity: 0.75; }

/*ヘッダー*/
header {
  width: 100%; }
  header #h_top {
    width: 100%;
    height: 80px;
    background-color: #fff; }
    header #h_top #header_inner {
      margin: 0 auto 0;
      padding: 0 0 0.5em;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      header #h_top #header_inner h1 {
        width: 380px;
        margin: 0; }
      header #h_top #header_inner #c_menu {
        width: 40%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin: 2.75em 0 0; }
        header #h_top #header_inner #c_menu li {
          text-align: right;
          margin: 0 0 0 30px; }
          header #h_top #header_inner #c_menu li span {
            font-size: 60%;
            line-height: 2.5;
            color: #83c7e0; }
          header #h_top #header_inner #c_menu li a {
            color: #000;
            text-decoration: none; }
            header #h_top #header_inner #c_menu li a:hover, header #h_top #header_inner #c_menu li a:active {
              color: #000;
              text-decoration: underline; }
  header #message {
    width: 50%;
    position: absolute;
    padding: 2.5% 2.5% 2.5% 2.5%;
    top: 10%;/*20250225 20>10*/
    left: 30%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    z-index: 11;
    font-size: 210%;
    color: #fff;
    text-align: center;
    font-family: "Rounded Mplus 1c";
    text-shadow: #333 1px 1px 10px, #333 -1px 1px 10px, #333 1px -1px 10px, #333 -1px -1px 10px; }

/*メイン*/
#m_top {
  margin: 3em auto 0; }
  #m_top h2 {
    font-size: 125%;
    text-align: center;
    background-color: #5fb45f;
    border-radius: 6px;
    color: #fff;
    width: 36%;
    padding: 0.25em 2%;
    margin: 0 auto 1em; }
  #m_top dl {
    margin: 2em 0 0;
    text-align: center; }
    #m_top dl dt {
      font-size: 187.5%;
      font-weight: bold;
      color: #026b30;
      margin: 0 0 0.5em; }

#info {
  margin: 3em auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;/* 20221105 */
}


  #info #news {
    width: 53%;
    background-color: #f4f4f4;
    box-shadow: 0 1px 2px 0 rgba(193, 193, 193, 0.5);
    border-radius: 6px;
    padding: 1em 2%; }
    #info #news h3 {
      font-size: 150%;
      color: #00a2b1;
      border-bottom: 2px solid #999999; }
      #info #news h3 span {
        color: #000;
        font-size: 50%;
        margin: 0 0 0 10px;
        vertical-align: middle; }
    #info #news ul {
      width: 100%; }
      #info #news ul li {
        width: 100%;
        border-bottom: 1px dotted #ddd;
        position: relative;
        display: inline-block;
        padding: 0;
        color: #000;
        vertical-align: middle;
        text-decoration: none;
        font-size: 15px; }
        #info #news ul li:nth-child(4) {
          border-bottom: none; }
        #info #news ul li a {
          color: #000;
          display: block;
          text-decoration: none;
          transition: all 0.2s linear; }
          #info #news ul li a:hover, #info #news ul li a:active {
            color: #026b30;
            text-decoration: none; }
        #info #news ul li:nth-child(n+2) {
          margin: 0; }
        #info #news ul li::before, #info #news ul li::after {
          position: absolute;
          top: 40%;
          right: 0;
          margin: 0 0 0 auto;
          content: ""; }
        #info #news ul li::before {
          right: 20px;
          width: 10px;
          height: 10px;
          border-top: 2px solid #026b30;
          border-right: 2px solid #026b30;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
    #info #news dl {
      width: 96%;
      padding: 1.4em 2%; }
      #info #news dl dt {
        font-size: 120%;
        font-weight: bold; }

        #info ul {
          width: 37%;
        }
        #info ul li:nth-child(n+2) {
            margin: 2em 0 0; }

/*20240318*/

.press_area h3 {
  font-size: 150%;
  width: 100%;
  margin-bottom: 1em;
  color: #00a2b1;
  border-bottom: 2px solid #999999;
}
.press_area h3 span {
    color: #000;
    font-size: 50%;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.press_area{
  margin: 3em auto 3em;
  /* width: 1280px;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;/* 20221105 */
}

.press_area_data{
  width: 100%;
  height: 500px;
  margin: 0;
  padding: 0.5em;
  overflow: auto;/*20250227*/
}


.press_dl{
  display:flex; /*横並び*/
  flex-wrap: wrap; /*折り返し*/
  width: 100%;
}
.press_dt_date {
  width: 10%;
  padding: 6px;
  border-bottom: 1px dotted #c7c7c7;
  margin-bottom: 1em;
  display:flex; /*横並び*/
  align-items: center;
}
.press_dd_media {
  margin-left: 0; /*初期値リセット*/
  width: 25%;
  padding: 6px;
  border-bottom: 1px dotted #c7c7c7;
  margin-bottom: 1em;
  display:flex; /*横並び*/
  align-items: center;
}
.press_dd_info {
  margin-left: 0; /*初期値リセット*/
  width: 60%;
  padding: 6px;
  border-bottom: 1px dotted #c7c7c7;
  margin-bottom: 1em;
  display:flex; /*横並び*/
  align-items: center;
}




/* 20221105
    #info ul li:nth-child(n+2) {
      margin: 1em 0 0; }
*/
    
  #info .cp_breadcrumb *, #info .cp_breadcrumb *:after, #info .cp_breadcrumb *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #info .cp_breadcrumb {
    width: 100%;
    margin: 4em 0 1em;
    color: #000; }
  #info .cp_breadcrumb a {
    text-decoration: none;
    color: #000; }
    #info .cp_breadcrumb a:hover, #info .cp_breadcrumb a:active {
      color: #00a2b1;
      text-decoration: none; }
  #info .cp_breadcrumb .breadcrumbs {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap; }
  #info .cp_breadcrumb li {
    display: inline-block;
    position: relative;
    padding-right: calc(16px + 8px);
    margin-right: 8px;
    color: #000; }
    #info .cp_breadcrumb li:nth-child(n+2) {
      margin: 0; }
  #info .cp_breadcrumb li::before {
    content: '?';
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: center;
    font-size: 1em;
    color: inherit;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  #info .cp_breadcrumb li:last-child {
    margin-right: 0;
    padding-right: 0;
    color: #000; }
  #info .cp_breadcrumb li:last-child::before {
    content: normal; }

/*20201006*/
#info #news .nblock{
  display: inline;
}

/*フッター*/
footer {
  width: 100%;
  background-color: #c1eeff;
  padding: 1.5em 0 0;
  margin: 0; }
  footer #footer_inner {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    footer #footer_inner ul {
      width: 70%;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      footer #footer_inner ul li {
        margin: 0 4% 0 0; }
        footer #footer_inner ul li span {
          font-size: 60%;
          line-height: 2.5;
          color: #83c7e0;
          margin: 0 5px 0 0; }
        footer #footer_inner ul li a {
          color: #000;
          text-decoration: none;
          transition: all 0.2s linear; }
          footer #footer_inner ul li a:hover, footer #footer_inner ul li a:active {
            color: #00a2b1;
            text-decoration: none; }
    footer #footer_inner dl {
      width: 30%; }
      footer #footer_inner dl dt {
        font-weight: bold; }
      footer #footer_inner dl dd {
        font-size: 87.5%; }

address {
  color: #fff;
  width: 100%;
  background-color: #000;
  font-size: 80%;
  margin: 2em 0 0;
  padding: 0.5em 0;
  font-style: normal;
  text-align: center; }

/*TOPへ戻るボタン設定*/
#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 90%;
  z-index: 999; }

#page-top a {
  background-color: #026b30;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding-top: 0.5em;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0.5em;
  text-align: center;
  display: block;
  transition: all 0.2s linear;
  border-radius: 6px; }

#page-top img {
  width: 50px;
  text-align: center;
  display: block;
  margin: 0 auto 0.25em; }

#page-top a:hover {
  text-decoration: none;
  background-color: #028C3E;
  color: #fff; }

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1300px) {
  /*ヘッダー*/
  .sp_t {
    display: none; }

  #header_inner, #menuList ul {
    width: 1280px; }

  /*メイン*/
  #m_top, #info {
    width: 1280px; }

  /*フッター*/
  #footer_inner {
    width: 1280px; }

    .press_area h3 {
      font-size: 150%;
      width: 100%;
      margin-bottom: 1em;
      color: #00a2b1;
      border-bottom: 2px solid #999999;
    }
    .press_area h3 span {
        color: #000;
        font-size: 50%;
        margin: 0 0 0 10px;
        vertical-align: middle;
    }
    
    .press_area{
      margin: 3em auto 3em;
      width: 1280px;
      display: flex;
      flex-wrap: wrap;
     /* justify-content: space-between; */
      align-items: center;/* 20221105 */
    }
    
    .press_area_data{
      width: 100%;
    }
    .press_dl{
      flex-wrap: wrap; /*折り返し*/
      width: 100%;
    }
    .press_dt_date {
      width: 10%;
      padding: 6px;
      border-bottom: none;
      margin-bottom: 0em;
      align-items: center;
    }
    .press_dd_media {
      margin-left: 0; /*初期値リセット*/
      width: 25%;
      padding: 6px;
      border-bottom: none;
      margin-bottom: 0em;
      align-items: center;
      
    }
    .press_dd_info {
      margin-left: 0; /*初期値リセット*/
      width: 60%;
      padding: 6px;
      border-bottom: 1px dotted #c7c7c7;
      margin-bottom: 1em;
      align-items: center;
    }

  
  }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px) {
  /*ヘッダー*/
  #header_inner, #menuList ul {
    width: 96%; }

  /*メイン*/
  #m_top, #info {
    width: 96%; }

  /*フッター*/
  #footer_inner {
    width: 96%; } 
  
    .press_area h3 {
      font-size: 150%;
      width: 100%;
      margin-bottom: 1em;
      color: #00a2b1;
      border-bottom: 2px solid #999999;
    }
    .press_area h3 span {
        color: #000;
        font-size: 50%;
        margin: 0 0 0 10px;
        vertical-align: middle;
    }
    
    .press_area{
      margin: 3em auto 3em;
      width: 90%;
      display: flex;
      flex-wrap: wrap;
     /* justify-content: space-between; */
      align-items: center;/* 20221105 */
    }
    
    .press_area_data{
      width: 100%;
    }
    .press_dl{
      flex-wrap: wrap; /*折り返し*/
      width: 100%;
    }
    .press_dt_date {
      width: 25%;
      padding: 6px;
      border-bottom: none;
      margin-bottom: 0em;
      align-items: center;
    }
    .press_dd_media {
      margin-left: 0; /*初期値リセット*/
      width: 65%;
      padding: 6px;
      border-bottom: none;
      margin-bottom: 0em;
      align-items: center;
      
    }
    .press_dd_info {
      margin-left: 0; /*初期値リセット*/
      width: 100%;
      padding: 6px;
      border-bottom: 1px dotted #c7c7c7;
      margin-bottom: 1em;
      align-items: center;
    }
  }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /*基本設定*/
  /*ヘッダー*/
  .sp_t {
    display: none; }

  header #h_top #header_inner #c_menu {
    width: 53%;
    margin: 2.5em 0 0; }
    header #h_top #header_inner #c_menu li span {
      line-height: 2; }

  /*メイン*/
  #m_top h2 {
    width: 46%; }

  #info #news {
    width: 48%; }
    #info #news dl {
      padding: 1.15em 2%; }

  #info ul {
    width: 44%; }


    .press_area h3 {
      font-size: 150%;
      width: 100%;
      margin-bottom: 1em;
      color: #00a2b1;
      border-bottom: 2px solid #999999;
    }
    .press_area h3 span {
        color: #000;
        font-size: 50%;
        margin: 0 0 0 10px;
        vertical-align: middle;
    }
    
    .press_area{
      margin: 3em auto 3em;
      width: 90%;
      display: flex;
      flex-wrap: wrap;
     /* justify-content: space-between; */
      align-items: center;/* 20221105 */
    }
    
    .press_area_data{
      width: 100%;
    }
    .press_dl{
      flex-wrap: wrap; /*折り返し*/
      width: 100%;
    }
    .press_dt_date {
      width: 25%;
      padding: 6px;
      border-bottom: none;
      margin-bottom: 0em;
      align-items: center;
    }
    .press_dd_media {
      margin-left: 0; /*初期値リセット*/
      width: 65%;
      padding: 6px;
      border-bottom: none;
      margin-bottom: 0em;
      align-items: center;
      
    }
    .press_dd_info {
      margin-left: 0; /*初期値リセット*/
      width: 100%;
      padding: 6px;
      border-bottom: 1px dotted #c7c7c7;
      margin-bottom: 1em;
      align-items: center;
    }

  /*フッター*/ }
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*基本設定*/
  html {
    font-size: 85%; }

  /*ヘッダー*/
  .sp_t {
    display: none; }

  header #h_top {
    height: 60px; }
    header #h_top #header_inner h1 {
      width: 270px; }
    header #h_top #header_inner #c_menu {
      width: 53%;
      margin: 2.5em 0 0; }
      header #h_top #header_inner #c_menu li span {
        line-height: 2; }

  /*メイン*/
  #m_top h2 {
    width: 46%; }

  #info #news {
    width: 48%; }
    #info #news dl {
      padding: 1.15em 2%; }

  #info ul {
    width: 44%; }

  /*フッター*/
  footer #footer_inner ul {
    width: 55%;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    footer #footer_inner ul li {
      margin: 0 4% 0 0; }
      footer #footer_inner ul li a {
        color: #000;
        text-decoration: none;
        transition: all 0.2s linear; }
        footer #footer_inner ul li a:hover, footer #footer_inner ul li a:active {
          color: #00a2b1;
          text-decoration: none; }
  footer #footer_inner dl {
    width: 45%; }
    footer #footer_inner dl dt {
      font-weight: bold; }
    footer #footer_inner dl dd {
      font-size: 87.5%; } }
/* tablet3  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  html {
    font-size: 85%; }

  /*リンク*/
  /*ヘッダー*/
  .pc_t {
    display: none; }

  header #h_top #header_inner h1 {
    width: 250px;
    margin: 6px 0 0; }
  header #h_top #header_inner #c_menu {
    width: 100%;
    margin: 0; }
    header #h_top #header_inner #c_menu li {
      font-size: 80%; }
      header #h_top #header_inner #c_menu li span {
        line-height: 2; }
  header .flexslider {
    margin: 1em auto 0; }
    header .flexslider #message {
      width: 80%;
      top: 20%;/*20240315*/
      left: 50%;
      -webkit-transform: translate(-50%, -60%);
      transform: translate(-50%, -60%); }

  /*メイン*/
  #m_top h2 {
    width: 80%; }

  #m_top dl dt {
    font-size: 160%;
    font-weight: bold;
    color: #00a2b1;
    margin: 0 0 0.5em; }

  #info {
    flex-direction: column; }
    #info #news {
      width: 76%;
      margin: 0 10%; }
      #info #news h3 {
        font-size: 120%; }
      #info #news ul {
        width: 100%;
        margin: 0; }
      #info #news dl {
        width: 96%;
        padding: 1em 2%; }
        #info #news dl dt {
          font-size: 110%; }
    #info ul {
      width: 80%;
      margin: 2em auto 0; }

  /*フッター*/
  footer #footer_inner {
    flex-direction: column; }
    footer #footer_inner ul {
      width: 100%; }
    footer #footer_inner dl {
      width: 100%;
      margin: 2em 0 0; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  html {
    font-size: 80%; }

  /*リンク*/
  /*ヘッダー*/
  header #h_top #header_inner h1 {
    width: 250px;
    margin: 0; }
  header #h_top #header_inner #c_menu {
    width: 100%;
    margin: 0;
    font-size: 90%; }
    header #h_top #header_inner #c_menu li {
      font-size: 100%; }
      header #h_top #header_inner #c_menu li span {
        line-height: 2; }

  /*メイン*/
  #m_top h2 {
    width: 96%; }

  #info #news {
    width: 96%;
    margin: 0; }
  #info ul {
    width: 100%;
    margin: 2em 0 0; } 
  
    .press_area h3 {
      font-size: 150%;
      width: 100%;
      margin-bottom: 1em;
      color: #00a2b1;
      border-bottom: 2px solid #999999;
    }
    .press_area h3 span {
        color: #000;
        font-size: 50%;
        margin: 0 0 0 10px;
        vertical-align: middle;
    }
    
    .press_area{
      margin: 3em auto 3em;
      width: 90%;
      display: flex;
      flex-wrap: wrap;
     /* justify-content: space-between; */
      align-items: center;/* 20221105 */
    }
    
    .press_area_data{
      width: 100%;
    }
    .press_dl{
      flex-wrap: wrap; /*折り返し*/
      width: 100%;
    }
    .press_dt_date {
      width: 25%;
      padding: 6px;
      border-bottom: none;
      margin-bottom: 0em;
      align-items: center;
    }
    .press_dd_media {
      margin-left: 0; /*初期値リセット*/
      width: 65%;
      padding: 6px;
      border-bottom: none;
      margin-bottom: 0em;
      align-items: center;
      
    }
    .press_dd_info {
      margin-left: 0; /*初期値リセット*/
      width: 100%;
      padding: 6px;
      border-bottom: 1px dotted #c7c7c7;
      margin-bottom: 1em;
      align-items: center;
    }
  
  }