@charset "utf-8";
@media screen and (max-width: 664px) {

  /* header */
  .head_Txt {
      padding: 10px;
  }
  .head_Txt .site_Ttl {
      margin: 0;
      width: 100%;
  }
  .head_Txt .site_Ttl a {
      height: 56px;
      width: 90%;
  }
  .head_Txt .catch_Copy {
      font-size: 14px;
      width: 100%;
  }
  #groval_Nav {
      background: #fff;
      text-align: center;
      width: 100%;
  }
  #groval_Nav_Menu {
      border-bottom: none;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      list-style: none;
      position: static;
      width: 100%;
  }
  #groval_Nav_Menu li {
      border-bottom: 1px solid #d61826;
      width: 50%;
  }
  #groval_Nav_Menu li:nth-child(even) {
      border-right: none;
  }
  #groval_Nav_Menu li a {
      padding: 8%;
  }
  #groval_Nav_Menu li a::before {
      left: 12px;
      top: 22px;
  }

  /* main_Visual */
  #loop_Slider {
      height: 258px;
  }
  #loop_Slider_Wrap ul li img {
      width: 100%;
  }

  /* Content_Frame */
  .Content_Frame {
      margin: 0 auto;
      width: 90%;
  }
  .Content_Frame main,
  .side_Menu {
      border: none;
      float: none;
      width: 100%;
  }

  /* main */
  main .Browser_Frame h2 {
      font-size: 100%;
      margin: 0;
  }
  main .Browser_Frame h2 span {
      font-size: 35px;
  }
  main .browser_Box h3 a {
      padding: 10% 2%;
  }
  .article_Link {
      padding: 5% 2% 2%;
  }
  .article_Link h2 {
      font-size: 20px;
  }
  .article_Link  img {
      float: none;
      width: 100%;
  }
  .read_More {
      width: 100%;
  }
  .main_Article h2 {
      font-size: 100%;
  }
  .main_Article img {
      width: 100%;
  }
  .main_Article ul li {
      padding-left: 15px;
  }
  .alignleft img,
  .aligncenter img,
  .alignright img {
      width: 50%;
  }

  /* footer */
  .sitemap_Area {
      width: 90%;
  }
  .sitemap_Area > li {
      margin-right: 5%;
  }
  small {
      display: block;
      margin: 0 auto;
      width: 90%;
  }

  /* top_Icon */
  #top_Icon_Box {
      bottom: 36px;
      right: 0;
      width: 50px;
  }

  /* slicknav */
  .slicknav_menu {
      background: none;
      display: block;
      padding: 0;
  }
  .slicknav_menu > a {
      margin: 0;
      padding: 0;
  }
  .slicknav_menu img {
      display: block;
      height: auto;
      width: 100%;
  }
  .slicknav_menu .slicknav_menutxt {
      background-color: #d61826;
      color: #fff;
      display: block;
      padding: 15px 10px;
      text-align: center;
      text-shadow: none;
      width: 100%;
  }
  .slicknav_menu .slicknav_icon-bar {
      display: none;
  }
  .slicknav_menu .slicknav_icon {
      display: none;
  }
  .slicknav_btn {
      float: none;
  }
  .slicknav_btn.slicknav_collapsed {
      display: block;
      width: 100%;
  }
  .slicknav_nav .slicknav_row:hover {
      background: none;
      border-radius: 0;
      color: #A5E9E1;
  }
  .slicknav_nav li:last-child {
      border-bottom: none;
  }
  .slicknav_nav .slicknav_arrow {
      display: none;
  }
  .slicknav_nav .slicknav_row {
      margin: 0;
      padding: 0;
  }
  .side_Container {
      display: none;
  }
  .side_Menu h2, .sub_Container .side_Menu h3 {
      border-bottom: none;
  }

  /* under */
  /* header */
  .sub_Head_Area .head_Txt .site_Ttl {
      font-size: 14px;
      height: 45px;
      padding: 1% 15% 1% 5%;
      position: absolute;
      top: 0;
      z-index: 2;
  }
  .sub_Head_Area .head_Txt .catch_Copy{
      font-size: 10px;
      line-height: normal;
      padding: 9% 5% 1%;
  }

  /* sub_Container */
  .sub_Container {
      margin: 0 auto;
      width: 90%;
  }
  .sub_Container main {
      float: none;
      width: 100%;
  }
  .sub_Container h2 {
      margin-bottom: 10%;
  }

  /* pan_Nav */
  #pan_Nav {
      margin: 5% 0;
  }

  /* SNS */
  .sns_Container {
      flex-wrap: wrap;
  }
  .button_Box {
      margin: 1% 0;
      width: 49%;
  }

  /* not_Found */
  .not_Found {
      padding: 10% 0 0;
  }
  .copy_Right p {
      font-size: 12px;
  }
}