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

  body {
      font-size: 16px;
  }
  /* header */
  .head-text {
      width: 90%;
  }
  .head-text .site-titl {
      margin: 0;
      width: 100%;
  }
  .head-text .site-titl a {
      font-size: 16px;
      height: 56px;
      width: 90%;
  }
  .head-text .copy-text {
      font-size: 11px;
      width: 100%;
  }
  #gro-nav {
      width: 90%;
  }
  #gronav-menu {
      border-bottom: none;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      list-style: none;
      position: static;
      width: 100%;
  }
  #gronav-menu li {
      width: 50%;
  }
  #gronav-menu li:nth-child(even) {
      border-right: none;
  }
  #gronav-menu li a {
      border: 1px solid #dddecc;
      padding: 8%;
  }
  #gronav-menu li a::before {
      left: 12px;
      top: 22px;
  }

  /* main-img */
  #main-img {
      margin: 5% auto 0;
      padding: 0;
      transform: none;
      width: 90%;
  }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
      text-align: center;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
      height: 10px;
      width: 10px;
  }

  /* contents */
  #contents {
      margin: 0 auto;
      width: 90%;
  }
  #contents main,
  .side-nav {
      border: none;
      float: none;
      width: 100%;
  }

  /* main */
  main .browser-contents h2 {
      font-size: 100%;
      margin: 0;
  }
  main .browser-contents h2 span {
      font-size: 35px;
  }
  .link {
      padding: 5% 0 2%;
  }
  .link h2 {
      font-size: 20px;
  }
  .link  img {
      float: none;
      margin-bottom: 2%;
      width: 100%;
  }
  .read_More {
      width: 100%;
  }
  .content-article h2 {
      font-size: 100%;
  }
  .content-article img {
      width: 100%;
  }
  .content-article ul li {
      padding-left: 15px;
  }
  .alignleft img,
  .aligncenter img,
  .alignright img {
      width: 50%;
  }

  /* footer */
  .sitemap-content {
      width: 90%;
  }
  .sitemap-content > li p {
      border: none;
      width: auto;
  }
  .sitemap-content > li {
      display: block;
      width: auto;
  }
  .copy-right {
      padding-right: 85px;
  }
  small {
      display: block;
      margin: 0 auto;
      width: 90%;
  }

  /* top-btn */
  #topbtn-box {
      width: 45px;
  }

  /* 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: #4e4e4e;
      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 ul li a {
      background: #fff;
      border: 2px solid #dddecc;
      display: block;
      margin: 3% 0;
      padding: 4%;
      position: relative;
  }
  .slicknav_nav .menu li::before {
      background: #eeeee2;
      content: "";
      display: block;
      height: 13px;
      left: 0;
      position: absolute;
      top: 19px;
      width: 25px;
      z-index: 1;
  }
  .slicknav_nav .menu li {
      position: relative;
  }
  .slicknav_nav .menu li a {
      padding-left: 40px;
  }
  .slicknav_nav > li h2,
  .slicknav_nav > li h3 {
      background: #a09abe;
      color: #fff;
      margin: 2% 0;
      padding: 4%;
      text-align: center;
  }
  .slicknav_nav .column li a:hover {
      background: #f7f6f0;
  }
  .slicknav_nav .slicknav_arrow {
      display: none;
  }
  .slicknav_nav .slicknav_row {
      margin: 0;
      padding: 0;
  }
  .side-content {
      display: none;
  }

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

  /* sub-content */
  #sub-content {
      margin: 0 auto;
      width: 90%;
  }
  #sub-content main {
      float: none;
      width: 100%;
  }
  #sub-content h2 {
      font-size: 18px;
  }

  /* pan-nav */
  #pan-nav {
      margin: 5% 0;
  }

  /* SNS */
  .sns-content {
      flex-wrap: wrap;
  }
  .sns-btn {
      margin: 1% 0;
      width: 49%;
  }

  /* no-page */
  .no-page {
      padding: 10% 0 0;
  }
  .copy-right p {
      font-size: 12px;
  }
}