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

  /* header */
  header {
      margin-bottom: 0;
  }
  .head-Txt {
      padding: 10px;
      width: 100%;
  }
  .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: 1px dotted #000;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      list-style: none;
      position: static;
      width: 100%;
  }
  #groval-Nav-Menu li {
      border-top: 1px dotted #000;
      width: 50%;
  }
  #groval-Nav-Menu li:first-child {
      border-left: none;
  }
  #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 */
  .bx-wrapper .bx-next {
      transform: rotate(0deg);
  }
  .bx-wrapper .bx-prev {
      transform: rotate(180deg);
  }

  /* Content-Frame */
  .Content-Frame {
      margin: 0;
  }
  .Content-Frame main,
  .side-Menu {
      border: none;
      float: none;
      margin: 0;
      padding: 0;
      width: 100%;
  }
  .side-Menu, .article-Link-Frame, main .Browser-Frame, .main-Article {
      margin: 0;
  }

  /* main */
  main .Browser-Frame h2 {
      font-size: 100%;
      margin: 0;
  }
  main .Browser-Frame h2 span {
      font-size: 35px;
  }
  .article-Link {
      padding: 5% 2% 2%;
      width: 100%;
  }
  .article-Link h2 {
      font-size: 20px;
  }
  .article-Link  img {
      float: none;
      width: 100%;
  }
  .all_View {
      float: none;
      text-align: center;
  }
  .side-Container, .article-Link, main .Browser, .main-Article-Entry {
      width: 95%;
  }
  .browser-Box h3::before {
      top: 15px;
  }
  .main-Article h2 {
      font-size: 100%;
  }
  .main-Article img {
      width: 100%;
  }
  .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: #00246f;
      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 {
      border: none;
  }
  .slicknav_nav .slicknav_row:hover {
      background: none;
      border-radius: 0;
      color: #A5E9E1;
  }
  .slicknav_nav ul li {
      border-top: none;
  }
  .slicknav_nav .menu a h2 {
      border-top: 1px dotted #000;
  }
  .slicknav_nav li:last-child {
      border-bottom: none;
  }
  .slicknav_nav ul li a {
      color: #000;
      display: block;
      padding: 5% 2%;
  }
  .slicknav_nav ul li a:hover {
      text-decoration: underline;
  }
  .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;
      padding: 2%;
  }
  .side-Submenu li {
      margin-bottom: 0;
      width: 100%;
  }

  /* 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%;
  }
  /* main-Visual */
  .eyecatch {
      width: 100%;
  }
  .eyecatch img {
      width: 100%;
  }

  /* sub-Container */
  .sub-Container main {
      float: none;
      width: 100%;
  }
  .sub-Container h2 {
      margin-bottom: 0;
      padding: 2%;
      width: 100%;
  }

  /* pan-Nav */
  #pan-Nav {
      margin: 5% 0;
      padding: 0 2%;
      width: 100%;
  }

  /* SNS */
  .sns-Container {
      flex-wrap: wrap;
  }
  .button-Box {
      margin: 1% 0;
      width: 49%;
  }

  /* not-Found */
  .not-Found {
      padding: 10% 0 0;
  }
  .not-Found-Entry {
      margin-bottom: 10%;
      width: 93%;
  }

}