@charset "UTF-8";
@keyframes scrollbar {
  0% {
    height: 0; }
  15% {
    height: 0; }
  30% {
    height: 0; }
  75% {
    height: 100%; }
  100% {
    height: 100%; } }
@keyframes scrollbar2 {
  0% {
    height: 100%; }
  15% {
    height: 0%; }
  50% {
    height: 0%; }
  100% {
    height: 0%; } }
@keyframes extend {
  0% {
    transform: scaleY(0); }
  100% {
    transform: scaleY(1); } }
@keyframes hidden {
  0% {
    transform: scaleY(1); }
  100% {
    transform: scaleY(0); } }
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

ol, ul {
  list-style: none; }

button, input, select, textarea {
  margin: 0; }

html {
  box-sizing: border-box; }

* {
  box-sizing: inherit; }
  *:before, *:after {
    box-sizing: inherit; }

img, embed, iframe, object {
  height: auto;
  max-width: 100%; }

audio {
  max-width: 100%; }

iframe {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0;
  text-align: left; }

textarea {
  -webkit-appearance: none; }

input[type="email"], input[type="password"], input[type="text"], input[type="button"], input[type="submit"] {
  -webkit-appearance: none; }

textarea {
  resize: vertical; }

input {
  outline: none; }
  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 1000px #f4f4f4 inset;
    outline: none; }

button {
  outline: none; }

area {
  border: none;
  outline: none; }

img {
  -ms-interpolation-mode: bicubic; }

* {
  -webkit-tap-highlight-color: rgba(63, 80, 118, 0.5);
  max-height: 999999px; }
  *::before, *::after {
    will-change: all;
    box-sizing: border-box; }

em, b {
  font-weight: normal;
  font-style: normal; }

body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  background: #fff;
  overflow-x: hidden;
  color: #111111; }

input, textarea, select {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; }

b {
  font-weight: bold; }

i {
  font-style: normal; }

.clr {
  clear: both; }

.hide {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important; }

section {
  clear: both;
  zoom: 1; }

header::after, footer::after, section::after, .clrFx::after {
  content: '';
  clear: both;
  display: block; }

#baseVW {
  width: 100vw;
  position: fixed;
  left: -200vw;
  opacity: 0;
  height: 100vh; }

img {
  vertical-align: bottom; }

/********** reset end **********/
body {
  overflow-x: auto; }

header {
  position: relative;
  z-index: 100 !important; }

main {
  overflow: hidden; }

section {
  position: relative;
  z-index: 1; }

footer {
  background: #111111;
  color: #ffffff; }

.wrap_bl, footer {
  color: #ffffff; }
  .wrap_bl a, footer a {
    cursor: pointer;
    text-decoration: none; }
    .wrap_bl a:link, footer a:link {
      color: #ffffff;
      text-decoration: underline;
      transition: opacity 0.3s; }
    .wrap_bl a:visited, footer a:visited {
      color: #ffffff;
      text-decoration: underline; }
    .wrap_bl a:hover, footer a:hover {
      color: #ffffff;
      text-decoration: none; }
    .wrap_bl a:active, footer a:active {
      color: #ffffff;
      text-decoration: underline; }
  .wrap_bl h1 a, footer h1 a {
    font-size: 0;
    background: url("../common_images/h1_logo_wh.png") no-repeat center center/contain;
    display: block; }

.wrap_wh {
  color: #111111; }
  .wrap_wh a {
    cursor: pointer;
    text-decoration: none; }
    .wrap_wh a:link {
      color: #111111;
      text-decoration: underline;
      transition: opacity 0.3s; }
    .wrap_wh a:visited {
      color: #111111;
      text-decoration: underline; }
    .wrap_wh a:hover {
      color: #111111;
      text-decoration: none; }
    .wrap_wh a:active {
      color: #111111;
      text-decoration: underline; }
  .wrap_wh h1 a {
    font-size: 0;
    background: url("../common_images/h1_logo_bl.png") no-repeat center center/contain;
    display: block; }

header a:link, footer a:link {
  text-decoration: none !important; }
header a:visited, footer a:visited {
  text-decoration: none !important; }
header a:hover, footer a:hover {
  text-decoration: none !important; }
header a:active, footer a:active {
  text-decoration: none !important; }

.loader_wrap {
  width: 100%;
  height: 100vh;
  background: #111111;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; }

.loader {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -15px;
  border: 4px solid #b0a15a;
  animation: loader 2s infinite ease; }

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #b0a15a;
  animation: loader-inner 2s infinite ease-in; }

@keyframes loader {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(180deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes loader-inner {
  0% {
    height: 0%; }
  25% {
    height: 0%; }
  50% {
    height: 100%; }
  75% {
    height: 100%; }
  100% {
    height: 0%; } }
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0; }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0; }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%; }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%; } }
.effect {
  opacity: 0; }

.fadeIn {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  visibility: visible !important; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
section h3 {
  position: relative; }
  section h3::after {
    content: "";
    display: block;
    height: 1px;
    background: #111111;
    position: absolute;
    left: 0; }

.wrap_bl h3::after {
  background: #ffffff !important; }

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

  main {
    min-width: 1180px; }

  section h3 {
    margin-bottom: 110px; }
    section h3 img {
      height: 59.5px; }
    section h3::after {
      width: 40px;
      bottom: -55px; }
  section p, section dt, section dd, section li {
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 0.08em;
    text-align: justify; } }
@media screen and (max-width: 567px) {
  .pcitem {
    display: none; }

  section h3 {
    margin-bottom: 22vw; }
    section h3 img {
      height: 11.9vw; }
    section h3::after {
      width: 8vw;
      bottom: -11vw; }
  section p, section dt, section dd, section li {
    font-size: 3.2vw;
    line-height: 7vw;
    text-align: justify; } }
@media screen and (min-width: 568px) {
  header {
    pointer-events: none;
    min-width: 1180px; }
    header h1 {
      padding: 40px 0 0 40px;
      height: 375px; }
      header h1 a {
        width: 170px;
        height: 75px;
        pointer-events: auto; }
    header #toggle {
      display: none; }
    header nav .main {
      width: 405px;
      position: absolute;
      top: 47.5px;
      left: 50%;
      margin-left: -202.5px;
      display: flex;
      justify-content: space-between; }
      header nav .main li {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0.1em; }
        header nav .main li a {
          position: relative;
          display: block;
          pointer-events: auto; }
          header nav .main li a::before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: -0.3em;
            transform: scale(0, 1);
            transform-origin: left top;
            transition: transform 0.3s; }
          header nav .main li a:hover::before {
            transform: scale(1, 1); }
        header nav .main li:nth-child(2) {
          position: relative;
          margin-left: -1.3em;
          pointer-events: auto; }
          header nav .main li:nth-child(2) a {
            z-index: 1; }
          header nav .main li:nth-child(2) a.store::after {
            content: "";
            display: block;
            width: 17px;
            height: 17px;
            border-radius: 8.5px;
            position: absolute;
            bottom: 0.3em;
            right: -1.4em; }
        header nav .main li ol {
          visibility: hidden;
          opacity: 0;
          position: absolute;
          height: 252px;
          top: 10px;
          left: 50%;
          margin-left: -85px;
          padding-top: 45px;
          transition: .5s; }
          header nav .main li ol li {
            margin-bottom: 1px; }
            header nav .main li ol li a {
              display: block;
              width: 190px;
              height: 80px;
              background: url("../common_images/pulldown_menu02.png") no-repeat top left/contain;
              padding: 10px 28px 0;
              text-align: center; }
              header nav .main li ol li a:hover {
                background: url("../common_images/pulldown_menu02_ov.png") no-repeat top left/contain; }
              header nav .main li ol li a::before {
                display: none; }
              header nav .main li ol li a p {
                font-size: 10px;
                color: #fff;
                text-align: left; }
                header nav .main li ol li a p::before {
                  content: "";
                  display: inline-block;
                  background: url("../common_images/h_icon_arrow.png") no-repeat top left/contain;
                  width: 15px;
                  height: 7px; }
            header nav .main li ol li:nth-child(1) a {
              height: 90px;
              background: url("../common_images/pulldown_menu01.png") no-repeat top left/cover;
              padding: 20px 28px 0; }
              header nav .main li ol li:nth-child(1) a:hover {
                background: url("../common_images/pulldown_menu01_ov.png") no-repeat top left/contain; }
              header nav .main li ol li:nth-child(1) a img {
                width: 116px;
                margin-top: 6px; }
            header nav .main li ol li:nth-child(2) {
              margin-left: 0; }
              header nav .main li ol li:nth-child(2) a img {
                width: 114px;
                margin-top: 7px; }
            header nav .main li ol li:nth-child(3) a img {
              width: 116.5px;
              margin-top: 9px; }
        header nav .main li:nth-child(2):hover ol {
          visibility: visible;
          opacity: 1;
          top: 0px;
          pointer-events: auto; }
    header nav .sub .logo {
      display: none; }
    header nav .sub .link_instagram {
      position: absolute;
      top: 40px;
      right: 40px;
      pointer-events: auto; }
      header nav .sub .link_instagram a {
        font-size: 16px;
        letter-spacing: 0.06em;
        text-indent: -1.65em;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 180px;
        height: 40px;
        border-radius: 20px;
        position: relative;
        transition: all .3s; }
        header nav .sub .link_instagram a::after {
          content: "";
          display: block;
          width: 18px;
          height: 18.5px;
          position: absolute;
          top: 10px;
          right: 29px;
          transition: all .3s; }

  /*curent*/
  #about header nav .main li:nth-child(1) a,
  #store header nav .main li:nth-child(2),
  #store header nav .main li:nth-child(2) a,
  #recruit header nav .main li:nth-child(3) a {
    pointer-events: none; }

  #about header nav .main ol li:nth-child(1) a,
  #recruit header nav .main ol li:nth-child(3) a {
    pointer-events: auto; }

  #about header nav .main li:nth-child(1) a::before {
    transform: scale(1, 1) !important; }

  #store header nav .main li:nth-child(2) a.store::before {
    transform: scale(1, 1) !important; }

  #recruit header nav .main li:nth-child(3) a::before {
    transform: scale(1, 1) !important; }

  /*curent*/
  .wrap_bl nav .main li a::before {
    background: #ffffff; }
  .wrap_bl nav .main li:nth-child(2) a.store::after {
    background: url("../common_images/h_icon_arrow_down_wh.png") no-repeat center center/7px auto;
    border: 1px solid #ffffff; }
  .wrap_bl nav .sub .link_instagram a {
    border: 1px solid #ffffff; }
    .wrap_bl nav .sub .link_instagram a::after {
      background: url("../common_images/h_icon_instagram_wh.png") no-repeat center center/18px auto; }
    .wrap_bl nav .sub .link_instagram a:hover {
      background: #ffffff;
      color: #111111;
      border: 1px solid #ffffff; }
      .wrap_bl nav .sub .link_instagram a:hover::after {
        background: url("../common_images/h_icon_instagram_bl.png") no-repeat center center/18px auto; }

  .wrap_wh nav .main li a::before {
    background: #111111; }
  .wrap_wh nav .main li:nth-child(2) a.store::after {
    background: url("../common_images/h_icon_arrow_down_bl.png") no-repeat center center/7px auto;
    border: 1px solid #111111; }
  .wrap_wh nav .sub .link_instagram a {
    border: 1px solid #111111; }
    .wrap_wh nav .sub .link_instagram a::after {
      background: url("../common_images/h_icon_instagram_bl.png") no-repeat center center/18px auto; }
    .wrap_wh nav .sub .link_instagram a:hover {
      background: #111111;
      color: #ffffff;
      border: 1px solid #111111; }
      .wrap_wh nav .sub .link_instagram a:hover::after {
        background: url("../common_images/h_icon_instagram_wh.png") no-repeat center center/18px auto; }

  footer {
    min-width: 1180px; }
    footer nav {
      width: 1100px;
      margin: 0 auto;
      position: relative; }
      footer nav .main {
        padding: 100px 0 100px 275px;
        display: flex;
        flex-wrap: nowrap; }
        footer nav .main li {
          flex-grow: 1; }
          footer nav .main li + li {
            border-left: 1px solid #ffffff; }
          footer nav .main li a {
            font-size: 18px;
            font-weight: bold;
            position: relative; }
            footer nav .main li a::before {
              content: "";
              display: block;
              background: url("../common_images/h_icon_arrow.png") no-repeat top left/contain;
              width: 15px;
              height: 7px;
              position: absolute;
              top: 5px;
              left: -15px; }
            footer nav .main li a::after {
              content: "";
              display: block;
              width: 100%;
              height: 1px;
              background: #ffffff;
              position: absolute;
              left: 0px;
              bottom: -0.3em;
              transform: scale(0, 1);
              transform-origin: left top;
              transition: transform 0.3s; }
            footer nav .main li a:hover::after {
              transform: scale(1, 1); }
          footer nav .main li:nth-child(1) {
            padding: 0 45px 0 0; }
          footer nav .main li:nth-child(2) {
            padding: 0 45px; }
            footer nav .main li:nth-child(2) a.store {
              pointer-events: none; }
              footer nav .main li:nth-child(2) a.store::before {
                display: none; }
          footer nav .main li:nth-child(3) {
            padding: 0 0 0 60px; }
          footer nav .main li ol {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            margin-top: 25px;
            padding-left: 15px; }
            footer nav .main li ol li {
              border-left: none;
              padding: 0; }
              footer nav .main li ol li a {
                font-size: 10px;
                transition: opacity 0.3s; }
                footer nav .main li ol li a::after {
                  display: none; }
                footer nav .main li ol li a:hover {
                  opacity: 0.5; }
                footer nav .main li ol li a p {
                  margin-bottom: 5px; }
              footer nav .main li ol li:nth-child(1) {
                padding: 0; }
                footer nav .main li ol li:nth-child(1) a img {
                  width: 22.9vw; }
              footer nav .main li ol li:nth-child(2) {
                padding: 0 40px; }
                footer nav .main li ol li:nth-child(2) a img {
                  width: 22.4vw; }
              footer nav .main li ol li:nth-child(3) {
                padding: 0; }
                footer nav .main li ol li:nth-child(3) a img {
                  width: 23vw; }
      footer nav .sub {
        position: absolute;
        top: 100px;
        left: 0; }
        footer nav .sub .logo {
          width: 159.5px;
          margin-bottom: 17.5px; }
        footer nav .sub .link_instagram {
          font-size: 16px;
          letter-spacing: 0.1em; }
          footer nav .sub .link_instagram a {
            padding-left: 30px;
            position: relative; }
            footer nav .sub .link_instagram a::before {
              content: "";
              display: block;
              background: url("../common_images/h_icon_instagram_wh.png") no-repeat center center/18px auto;
              width: 18px;
              height: 18.5px;
              position: absolute;
              top: 0;
              left: 0; }
            footer nav .sub .link_instagram a::after {
              content: "";
              display: block;
              width: 74%;
              height: 1px;
              background: #ffffff;
              position: absolute;
              left: 30px;
              bottom: -0.3em;
              transform: scale(0, 1);
              transform-origin: left top;
              transition: transform 0.3s; }
            footer nav .sub .link_instagram a:hover::after {
              transform: scale(1, 1); }
    footer .credit {
      text-align: center;
      font-size: 13px;
      letter-spacing: 0.1em;
      padding: 30px 0;
      border-top: 1px solid #888; } }
@media screen and (max-width: 567px) {
  header {
    pointer-events: none; }
    header h1 {
      padding: 4vw 0 0 4vw;
      height: 20vw; }
      header h1 a {
        width: 22.6vw;
        height: 9.9vw;
        pointer-events: auto; }

  /**menu-icon**/
  #toggle {
    position: fixed;
    top: 4vw;
    right: 4vw;
    z-index: 1000; }
    #toggle #toggle-box {
      position: relative;
      width: 10vw;
      height: 10vw;
      border-radius: 5vw;
      pointer-events: auto;
      cursor: pointer; }
      #toggle #toggle-box span::before {
        content: "";
        display: block;
        width: 3.8vw;
        height: 1px;
        position: absolute;
        left: 50%;
        top: 4.2vw;
        margin-left: -1.9vw;
        transition: transform .3s ease-in-out, top .2s ease, bottom .2s ease; }
      #toggle #toggle-box span::after {
        content: "";
        display: block;
        width: 3.8vw;
        height: 1px;
        position: absolute;
        left: 50%;
        bottom: 4.2vw;
        margin-left: -1.9vw;
        transition: transform .3s ease-in-out, top .2s ease, bottom .2s ease; }

  .wrap_bl #toggle #toggle-box {
    border: 1px solid #ffffff; }
    .wrap_bl #toggle #toggle-box span::before, .wrap_bl #toggle #toggle-box span::after {
      background: #ffffff; }

  .wrap_wh #toggle #toggle-box {
    border: 1px solid #111111; }
    .wrap_wh #toggle #toggle-box span::before, .wrap_wh #toggle #toggle-box span::after {
      background: #111111; }

  /**menu**/
  .is-open header {
    height: 100vh !important; }
  .is-open #toggle-box {
    border: 1px solid #ffffff !important; }
  .is-open #toggle-box > span::before {
    background: #ffffff !important;
    width: 5vw !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -2.4vw !important;
    margin-top: -0.2vw;
    transform: rotate(45deg); }
  .is-open #toggle-box > span::after {
    background: #ffffff !important;
    width: 5vw !important;
    left: 50% !important;
    bottom: 50% !important;
    margin-left: -2.4vw !important;
    margin-bottm: -0.2vw;
    transform: rotate(-45deg); }

  #nav-content {
    z-index: 900;
    overflow: auto;
    background: #111111;
    color: #ffffff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
    pointer-events: none; }
    #nav-content .main {
      padding: 13vw 11vw 8vw;
      margin-bottom: 13vw;
      border-bottom: 1px solid #888; }
      #nav-content .main li {
        margin-bottom: 4vw; }
        #nav-content .main li a {
          font-size: 9vw;
          font-weight: bold;
          letter-spacing: 0.1em;
          color: #ffffff;
          position: relative; }
          #nav-content .main li a::before {
            content: "";
            display: block;
            background: url("../common_images/h_icon_arrow.png") no-repeat left center/1vw auto;
            width: 3vw;
            height: 100%;
            position: absolute;
            top: 0;
            left: -3vw; }
        #nav-content .main li a.store {
          pointer-events: none; }
          #nav-content .main li a.store:before {
            display: none; }
        #nav-content .main li ol li {
          margin-bottom: 3vw; }
          #nav-content .main li ol li a {
            font-size: 2vw; }
            #nav-content .main li ol li a::before {
              background-position: top 0.5vw left; }
            #nav-content .main li ol li a p {
              margin-bottom: 1vw; }
          #nav-content .main li ol li:nth-child(1) a img {
            width: 33.1vw; }
          #nav-content .main li ol li:nth-child(2) a img {
            width: 32.5vw; }
          #nav-content .main li ol li:nth-child(3) a img {
            width: 32.9vw; }
    #nav-content .sub {
      text-align: center;
      padding-bottom: 13vw; }
      #nav-content .sub .logo {
        width: 31.9vw;
        margin: 0 auto 2vw; }
      #nav-content .sub .link_instagram a {
        letter-spacing: 0.1em;
        position: relative;
        padding-left: 6.2vw;
        color: #ffffff; }
        #nav-content .sub .link_instagram a::before {
          content: "";
          display: block;
          background: url("../common_images/h_icon_instagram_wh.png") no-repeat top center/contain;
          width: 3.6vw;
          height: 3.7vw;
          position: absolute;
          top: 0;
          left: 0; }

  .is-open {
    overflow: hidden; }
    .is-open #nav-content {
      z-index: 999;
      visibility: visible;
      opacity: 1;
      overflow-y: scroll !important;
      pointer-events: auto; }
    .is-open header h1 a {
      pointer-events: none; }

  footer .container {
    padding: 13vw 6vw 5vw;
    border-bottom: 1px solid #888; }
  footer .main li {
    margin-bottom: 8vw; }
    footer .main li:nth-child(2) {
      margin-bottom: 0; }
  footer .main a {
    font-size: 6vw;
    font-weight: bold;
    letter-spacing: 0.1em;
    position: relative;
    padding-left: 3vw; }
    footer .main a::before {
      content: "";
      display: block;
      background: url("../common_images/h_icon_arrow.png") no-repeat left center/1vw auto;
      width: 3vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  footer .main a.store {
    pointer-events: none; }
    footer .main a.store:before {
      display: none; }
  footer .main ol {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    footer .main ol li {
      padding-left: 3.5vw; }
      footer .main ol li a {
        font-size: 2vw;
        padding-left: 0; }
        footer .main ol li a::before {
          width: 1vw;
          height: 1.4vw;
          top: 0.7vw;
          left: -3.5vw; }
        footer .main ol li a p {
          margin-bottom: 1vw; }
    footer .main ol:nth-child(1) a img {
      width: 22.9vw; }
    footer .main ol:nth-child(2) a img {
      width: 22.4vw; }
    footer .main ol:nth-child(3) a img {
      width: 23vw; }
  footer .sub {
    text-align: center; }
    footer .sub .logo {
      width: 31.9vw;
      margin: 0 auto 2vw; }
    footer .sub .link_instagram {
      padding-bottom: 5vw; }
      footer .sub .link_instagram a {
        letter-spacing: 0.1em;
        position: relative;
        padding-left: 6.2vw;
        color: #ffffff; }
        footer .sub .link_instagram a::before {
          content: "";
          display: block;
          background: url("../common_images/h_icon_instagram_wh.png") no-repeat top center/contain;
          width: 3.6vw;
          height: 3.7vw;
          position: absolute;
          top: 0;
          left: 0; }
  footer .credit {
    text-align: center;
    font-size: 2.6vw;
    letter-spacing: 0.1em;
    padding: 5vw 0; }

  .footer h1 {
    visibility: hidden; }
  .footer #toggle {
    visibility: hidden; } }


.background_btn02 {
  display: inline-block;
  color: #fff!important; /* 文字色 */
  font-weight: bold; /* 文字の太さ */
  width: 100%;
  max-width: 350px; /* ボタン幅 */
  text-decoration: none!important;
  border: 2px solid #c5b465; /* 線の色 */
  padding: 1em 2em;
  text-align: center;
  position: relative;
  background-color: #c5b465;
}

/* マウスオーバーした際のデザイン */
.background_btn02:hover {
  transition:0.3s!important;
  opacity: 0.8;
}