@charset "UTF-8";
/* Scss Document */
@media screen and (min-width: 1186px) {
  .site-header {
    background: #fff;
    padding: 0;
    position: absolute;
    justify-content: space-between;
    width: 100%;
    z-index: 999; }

  .site-header.fixed {
    position: fixed;
    top: 0; }

  #gmenu2 {
    width: 98%;
    padding: 0.5% 0 0;
    margin: 0 auto; }

  #gmenu2 ul#gm2 {
    text-align: center;
    margin: 0 auto;
    padding: 0.5% 0 1%;
    font-size: 18px;
    color: #000; }

  #gmenu2 ul#gm2 li {
    text-align: center;
    vertical-align: top;
    display: inline-block;
    list-style: none;
    padding: 0 1% 0; }

  #gmenu2 ul#gm2 li a {
    color: #000;
    text-decoration: none; }

  #gmenu2 ul#gm2 li a img {
    width: 100%;
    max-width: 285px;
    margin-top: -2.5%;
    display: block; }

  #gmenu2 ul#gm2 li a:hover {
    text-decoration: underline; }

  a.gmanu1, a.gmanu2, a.gmanu3, a.gmanu4, a.gmanu5 {
    margin-top: 1%; }

  /*プルダウン*/
  #gmenu2 li ul {
    display: none;
    position: absolute;
    clear: left;
    z-index: 10;
    overflow: hidden;
    margin: 0 0 0 -1%;
    padding: 0; }

  #gmenu2 li ul li {
    clear: left;
    margin: 0;
    padding: 0; }

  #gmenu2 li ul li a {
    clear: left;
    margin-top: 0; }

  #gmenu2 ul li:hover > ul {
    display: block; }

  a.underg1 {
    width: 191px;
    height: 60px;
    display: block;
    color: #000;
    background-color: #FFF;
    text-align: center;
    padding: 20px 0 10px; }

  a.underg2 {
    width: 191px;
    height: 60px;
    display: block;
    color: #000;
    background-color: #FFF;
    text-align: center;
    padding: 10px 0 30px; }

  #h_mobile2 {
    display: none; } }
@media screen and (min-width: 908px) and (max-width: 1185px) {
  .site-header {
    background: #fff;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999; }

  .site-header.fixed {
    position: fixed;
    top: 0; }

  #gmenu2 {
    width: 100%;
    padding: 0.5% 0 0;
    margin: 0 auto;
    text-align: center; }

  #gmenu2 ul#gm2 {
    width: 96%;
    text-align: center;
    margin: 0 auto;
    padding: 0.5% 0 0.5%;
    font-size: 2.4em;
    color: #000; }

  #gmenu2 ul#gm2 li {
    text-align: center;
    vertical-align: top;
    display: inline-block;
    list-style: none;
    padding: 0 0.2% 0; }

  #gmenu2 ul#gm2 li a {
    color: #000;
    text-decoration: none; }

  #gmenu2 ul#gm2 li a img {
    width: 100%;
    max-width: 285px;
    margin-top: -2.5%;
    display: block; }

  #gmenu2 ul#gm2 li a:hover {
    text-decoration: underline; }

  a.gmanu1, a.gmanu2, a.gmanu3, a.gmanu4, a.gmanu5 {
    margin-top: 1% !important; }

  /*プルダウン*/
  #gmenu2 li ul {
    display: none;
    position: absolute;
    clear: left;
    z-index: 10;
    overflow: hidden;
    margin: 0 0 0 -1%;
    padding: 0; }

  #gmenu2 li ul li {
    clear: left;
    margin: 0;
    padding: 0; }

  #gmenu2 li ul li a {
    clear: left;
    margin-top: 0; }

  #gmenu2 ul li:hover > ul {
    display: block; }

  a.underg1 {
    width: 191px;
    height: 60px;
    display: block;
    color: #000;
    background-color: #FFF;
    text-align: center;
    padding: 20px 0 10px; }

  a.underg2 {
    width: 191px;
    height: 60px;
    display: block;
    color: #000;
    background-color: #FFF;
    text-align: center;
    padding: 10px 0 30px; }

  #h_mobile2 {
    display: none; } }
@media screen and (min-width: 581px) and (max-width: 907px) {
  .site-header {
    background: #fff;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999; }

  .site-header.fixed {
    position: fixed;
    top: 0; }

  #gmenu2 {
    display: none; }

  #h_mobile2 {
    width: 100%;
    background: #FFF;
    text-align: left;
    margin-top: 1%;
    padding-bottom: 1%;
    position: relative;
    z-index: 999; }

  #hmenu_s {
    width: 37px;
    left: 1%;
    position: absolute; }

  .h_mark2 {
    display: block;
    width: 37px;
    height: 38px;
    z-index: 50;
    text-align: left;
    background-image: url("../images/h_mark2.png");
    background-repeat: no-repeat; }

  #logo_s {
    width: 100%;
    margin: 0;
    text-align: center; }

  #logo_s img {
    width: 100%;
    max-width: 285px; } }
@media screen and (max-width: 580px) {
  .site-header {
    background: #fff;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
    min-width: 380px; }

  .site-header.fixed {
    position: fixed;
    top: 0; }

  #gmenu2 {
    display: none; }

  #h_mobile2 {
    width: 100%;
    min-width: 350px;
    background: #FFF;
    text-align: left;
    margin-top: 1%;
    padding-bottom: 1%;
    position: relative;
    z-index: 999; }

  #hmenu_s {
    width: 37px;
    left: 1%;
    position: absolute; }

  .h_mark2 {
    display: block;
    width: 37px;
    height: 38px;
    z-index: 50;
    text-align: left;
    background-image: url("../images/h_mark2.png");
    background-repeat: no-repeat;
    padding-top: 1%; }

  #logo_s {
    width: 90%;
    margin: 0 auto;
    text-align: center; }

  #logo_s img {
    width: 100%;
    max-width: 285px; } }