@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap");
@media screen and (max-width: 768px) {
  .pc {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp {
    display: none; } }

.ov {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s; }
  .ov:hover {
    opacity: .8; }

* {
  color: #383838; }

#wrapper {
  width: 100%;
  padding-top: 100px; }
  @media screen and (max-width: 768px) {
    #wrapper {
      padding-top: 0; } }

header {
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999; }
  @media screen and (max-width: 768px) {
    header {
      background-color: transparent; } }
  header .cntWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1300px;
    width: 100%;
    height: 100px;
    padding: 0 2%;
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 768px) {
      header .cntWrap {
        justify-content: flex-end;
        height: 70px;
        padding: 0 3.5%; } }
    header .cntWrap img.logo {
      width: 162px; }
      @media screen and (max-width: 768px) {
        header .cntWrap img.logo {
          width: 120px; } }
    header .cntWrap .navTgl {
      align-items: center;
      width: 30px;
      height: 22px;
      position: relative;
      z-index: 999; }
      @media screen and (max-width: 768px) {
        header .cntWrap .navTgl {
          display: flex; } }
      header .cntWrap .navTgl span, header .cntWrap .navTgl::before, header .cntWrap .navTgl::after {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #000; }
      header .cntWrap .navTgl::before, header .cntWrap .navTgl::after {
        content: '';
        position: absolute; }
      header .cntWrap .navTgl::before {
        top: 0;
        left: 0; }
      header .cntWrap .navTgl::after {
        bottom: 0;
        left: 0; }
      header .cntWrap .navTgl.ex {
        width: 35px;
        height: 28px; }
        header .cntWrap .navTgl.ex span {
          display: none; }
        header .cntWrap .navTgl.ex::before {
          top: 50%;
          left: 0;
          transform: translateY(-50%) rotate(45deg); }
        header .cntWrap .navTgl.ex::after {
          bottom: 50%;
          left: 0;
          transform: translateY(50%) rotate(-45deg); }
    header .cntWrap nav {
      display: flex;
      align-items: center;
      max-width: calc(100% - 175px);
      width: 77%;
      background-color: #fff; }
      @media screen and (max-width: 768px) {
        header .cntWrap nav {
          display: none;
          flex-direction: column;
          max-width: 100%;
          width: 100%;
          padding: 70px 0 38px;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 99; } }
      header .cntWrap nav a {
        margin-right: 4%;
        position: relative; }
        @media screen and (max-width: 768px) {
          header .cntWrap nav a {
            margin: 0 0 14px; } }
        header .cntWrap nav a::after {
          content: '';
          display: block;
          width: 0;
          height: 1px;
          background-color: #383838;
          position: absolute;
          bottom: 1px;
          left: 50%;
          transform: translateX(-50%);
          -moz-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s; }
        header .cntWrap nav a:hover::after, header .cntWrap nav a.crt::after {
          width: 100%; }

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background-color: #383838; }
  footer small {
    font-size: 14px;
    color: #fff; }

/*# sourceMappingURL=common_style.css.map */