p, li {
  font-size: 16px; }

.sp {
  display: none !important; }

div.wpcf7-mail-sent-ok {
  text-align: center; }

section h2 {
  font-size: 26px; }

#page-header {
  display: flex;
  width: 100vw;
  height: auto;
  padding: 0 32px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: space-between; }
  #page-header h1 {
    transition-propaty: transform,opacity;
    transition-duration: .2s;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
    #page-header h1.active {
      opacity: 1;
      transform: translateX(0); }
  #page-header #nav-main {
    padding: 16px; }
    #page-header #nav-main .items-gnav {
      flex-direction: row; }
      #page-header #nav-main .items-gnav .nav-home {
        display: block; }

#home #page-header {
  position: absolute;
  width: 43vw;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  box-shadow: none;
  padding-left: 10vw;
  padding-right: 5vw;
  align-items: stretch; }
  #home #page-header h1 {
    margin-bottom: 16px;
    padding-bottom: 12px;
    transform: translateX(0);
    opacity: 1;
    border-bottom: 1px solid black; }
  #home #page-header #nav-main {
    padding: 0; }
    #home #page-header #nav-main .items-gnav {
      flex-direction: column; }
      #home #page-header #nav-main .items-gnav a:hover::before {
        display: none; }
      #home #page-header #nav-main .items-gnav .nav-home {
        display: none; }

#nav-main {
  padding: 16px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #nav-main .items-gnav {
    margin-right: 16px; }
    #nav-main .items-gnav a {
      margin-top: 1em;
      padding: .5em .8em; }
      #nav-main .items-gnav a:hover {
        color: #2699bb; }
        #nav-main .items-gnav a:hover::before {
          content: '';
          display: block;
          width: 100%;
          height: 1em;
          background-image: url("../images/chou.svg");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          position: absolute;
          top: -1em;
          left: 0; }
  #nav-main #icons-sns a {
    margin-top: .6em; }

#nav-main .items-gnav li a.nav-item-active,
#info .items-gnav li a.nav-info,
#contact .items-gnav li a.nav-contact {
  color: #2699bb; }
  #nav-main .items-gnav li a.nav-item-active::before,
  #info .items-gnav li a.nav-info::before,
  #contact .items-gnav li a.nav-contact::before {
    content: '';
    display: block;
    width: 100%;
    height: 1em;
    background-image: url("../images/chou.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -1em;
    left: 0; }

#mv {
  height: 100vh;
  background-position: right; }
  #mv picture {
    box-shadow: -1px 2px 2px #ddd;
    display: none; }

.category a, .category .d-inline-block {
  font-size: 14px; }

#works li {
  margin-bottom: 1.5em; }

#price th {
  font-size: 18px; }

#contact .wpcf7 form.sent .wpcf7-response-output {
  text-align: center; }
#contact .wpcf7 form.invalid .wpcf7-response-output, #contact .wpcf7 form.unaccepted .wpcf7-response-output, #contact .wpcf7 form.payment-required .wpcf7-response-output {
  text-align: center; }

#btn-menu {
  display: none; }

.page-title h2 {
  font-size: 36px; }

section {
  padding: 96px 0; }
  section h2 {
    margin-bottom: 3em; }

.headline-info .title {
  max-width: calc(100% - 16em); }

table.table-history > tbody > tr > th {
  border-right: 2px solid white; }
table.table-history > tbody > tr > th, table.table-history > tbody > tr > td {
  padding: 1em; }

.logo-footer {
  margin-right: 10%; }

.address-footer {
  display: inline-block; }

#gotop a {
  width: 48px;
  height: 48px; }

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