@charset "UTF-8";
/***************************************

variables

***************************************/
/*---------------------------------------
break point
---------------------------------------*/
/*---------------------------------------
color
---------------------------------------*/
/*---------------------------------------
font family
---------------------------------------*/
/***************************************

mixins

***************************************/
/*---------------------------------------
media queries
---------------------------------------*/
/*---------------------------------------
vwのサイズ計算
---------------------------------------*/
/***************************************

common

***************************************/
header .flex_wrap h1 svg path {
  fill: #fff;
}
header .flex_wrap #hamburger .menu_btn span {
  background-color: #fff;
}
header.on .flex_wrap h1 svg path {
  fill: #3c3c3c;
}
header.on .flex_wrap #hamburger .menu_btn span {
  background-color: #3c3c3c;
}

#menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 362px;
  background-color: #fff;
  height: 100%;
  -webkit-transform: none;
          transform: none;
  padding: 192px 40px 0 30px;
}
#menu .close_menu {
  display: block !important;
  margin: 185px 0 0 28px;
}
#menu .close_menu svg {
  width: 66px;
}
#menu .close_menu svg line {
  stroke: #3c3c3c;
}
#menu .close_menu svg polyline {
  stroke: #3c3c3c;
}

#page_top {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 48px;
}
#page_top img {
  width: 24px;
}
@media screen and (max-width: 768px) {
  header {
    z-index: 101;
  }
  header .flex_wrap h1 svg path {
    fill: #3c3c3c;
  }
  header .flex_wrap #hamburger .menu_btn span {
    background-color: #3c3c3c;
  }
  #menu {
    width: 66vw;
    height: auto;
    top: 14.2666666667vw;
    padding: 29.7333333333vw 6.6666666667vw 6.6666666667vw 0;
  }
  #menu ul li {
    font-size: 4.5333333333vw;
  }
  #menu .close_menu {
    margin: 24vw 0 0 6.6666666667vw;
  }
  #menu .close_menu svg {
    width: 16.6666666667vw;
    height: auto;
  }
  #page_top {
    display: block;
    bottom: 5.3333333333vw;
    right: 4vw;
  }
  #page_top img {
    width: 3.2vw;
  }
}
/*# sourceMappingURL=layer.css.map */