/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

html {
  font-size: 13px;
}

*, *:before, *:after, h1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

img {
  width: 100%;
}

body {
  color: #000000;
  background-color: #ffffff;
  line-height: 1;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

a,
a:visited {
  color: #000000;
}

a[href^="tel:"] {
  pointer-events: none;
  text-decoration: none;
}

li {
  list-style-type: none;
}

h1, h2, h3, dt {
  font-weight: bold;
}

#wrapper > header {
  position: relative;
  top: 0;
  left: auto;
  z-index: 9999;
  overflow: visible;
  z-index: 100;
  background-color: transparent;
  width: 100%;
  padding-top: 0;
}

#wrapper > header.isFixed {
  position: fixed;
  top: 0;
  left: auto;
}

#wrapper > header #site-title {
  position: absolute;
  width: 23.09148%;
  position: absolute;
  top: 50%;
  left: 2.01893vw;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

#wrapper .header-inner{
  position: relative;
  padding-top: 7.06625%;
}

#wrapper > header #site-title a {
  display: block;
}

#wrapper > header .header-recruit-link-wrap{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4.8vw;
}

.header-recruit-link a{
  font-size: 1.3rem;
  color: #fff;
  display: block;
  width: fit-content;
  line-height: 1.2;
  background-color: #f50000;
  padding: 0.5em 0.8em;
  border-radius: 0.3em;
  border: 1px solid #f50000;
  text-align: center;
  font-weight: 700;
}
@media (any-hover: hover) {
  .header-recruit-link a:hover{
    color: #f50000;
    background-color: #fff;
  }
}

.header-recruit-link a br{
  display: none;
}

#wrapper > header a {
  text-decoration: none;
}

#wrapper > header .menu-toggle {
  height: 21px;
  width: 1.76656vw;
  position: absolute;
  top: 50%;
  right: 1.64038vw;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
  display: block;
  z-index: 9999;
}

#wrapper > header .menu-toggle .toggle {
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  display: block;
  color: #000000;
  background-color: currentColor;
}

#wrapper > header .menu-toggle .toggle::before, #wrapper > header .menu-toggle .toggle::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: currentColor;
}

#wrapper > header .menu-toggle .toggle::before {
  position: absolute;
  top: 9px;
  height: 3px;
}

#wrapper > header .menu-toggle .toggle::after {
  position: absolute;
  top: 18px;
  height: 3px;
}

#wrapper > header nav {
  display: block;
}

#wrapper > header .menu-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #a10503;
  color: #575757;
  height: calc(100vh - 30px);
  width: 0;
  overflow: auto;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

@media screen and (max-width: 1024px) {
  #wrapper > header .menu-wrapper {
    height: calc(100vh - 60/750*100vw);
  }
  @supports (height: 100dvh) {
    #wrapper > header .menu-wrapper {
      height: calc(100dvh - 60/750*100vw);
    }
  }
}

#wrapper > header .menu-wrapper .menu-inner {
  position: relative;
  height: 100%;
  display: block;
}

#wrapper > header .menu-wrapper .menu-inner a {
  color: #ffffff;
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang li {
  margin-left: 2.90221vw;
  display: inline-block;
  line-height: 1;
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dt {
  margin: 0 auto;
  width: 22.39748vw;
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd {
  padding-top: 3.40694vw;
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li {
  position: relative;
  margin: 0 auto;
  padding-top: 4.4795vw;
  border-bottom: 1px solid #c18a89;
  background-position: center;
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li a {
  font-size: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(1) {
  background-size: 130px auto;
  background-image: url(../images/common/menu_01.png);
  border-top: 1px solid #c18a89;
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(2) {
  background-size: 130px auto;
  background-image: url(../images/common/menu_02.png);
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(3) {
  background-size: 130px auto;
  background-image: url(../images/common/menu_03.png);
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(4) {
  background-size: 130px auto;
  background-image: url(../images/common/menu_04.png);
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(5) {
  background-size: 130px auto;
  background-image: url(../images/common/menu_05.png);
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(6) {
  background-size: 270px auto;
  background-image: url(../images/common/menu_06.png);
}

#wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(7) {
  background-size: 240px auto;
  background-image: url(../images/common/menu_07.png);
}

.menu--active {
  height: 100vh;
  overflow: hidden;
}

.menu--active #wrapper > header .menu-toggle {
  cursor: pointer;
  display: block;
  z-index: 9999;
}

.menu--active #wrapper > header .menu-toggle .toggle {
  width: 100%;
  height: 10%;
  margin-top: 50%;
  border-radius: 10%;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  color: #ffffff;
}

.menu--active #wrapper > header .menu-toggle .toggle::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.menu--active #wrapper > header .menu-toggle .toggle::after {
  display: none;
}

.menu--active #wrapper > header .menu-wrapper {
  width: 100vw;
}

.isFixed + #container {
  margin-top: 5.67823%;
}

#content .header .header-title {
  font-size: 0;
  overflow: hidden;
  position: relative;
}

#content .header .header-title span {
  font-size: 2.47634rem;
  letter-spacing: 0.5em;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: #ffffff;
  text-shadow: 0.259px 0.966px 5px rgba(0, 0, 0, 0.52);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
  z-index: 10;
}

#content .header .breadCrumbs-list {
  width: 77.28707%;
  margin: 4.92114% auto 1.89274%;
  font-size: 1.41rem;
}

#content .header .breadCrumbs-list li {
  display: inline-block;
}

#content .header .breadCrumbs-list li::after {
  content: '>';
  display: inline-block;
  margin: 0 1em;
}

#content .header .breadCrumbs-list li:last-child::after {
  content: '';
  display: none;
}

#content #content-body {
  width: 77.28707%;
  margin: 0 auto;
  padding-bottom: 6.30915%;
}

.btn-green,
a.btn-green {
  display: block;
  background-color: #a10503;
  border: 1px solid  #a10503;
  color: #ffffff;
  position: relative;
  padding: 1.64em;
  line-height: 1;
  text-decoration: none;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.btn-green::after,
a.btn-green::after {
  content: '';
  background-image: url("../images/common/ico_arrow_right_white.png");
  display: block;
  width: 1.4rem;
  height: 0.8rem;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 3.6%;
  margin-top: -0.4rem;
}

.btn-green:hover,
a.btn-green:hover {
  background-color: #ffffff;
  color: #a10503;
}

.btn-green:hover::after,
a.btn-green:hover::after {
  background-image: url("../images/common/ico_arrow_right_green.png");
}

.btn-white,
a.btn-white {
  display: block;
  background-color: #ffffff;
  border: 1px solid #474747;
  color: #474747;
  position: relative;
  padding: 1.63em;
  line-height: 1;
  text-decoration: none;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.btn-white span::before,
a.btn-white span::before {
  content: '';
  background-image: url("../images/common/ico_arrow_right_green.png");
  display: inline-block;
  width: 1.5rem;
  height: 0.7rem;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 3.5rem;
  margin-top: -0.5em;
}

.btn-white.center,
a.btn-white.center {
  text-align: center;
}

.btn-white:hover,
a.btn-white:hover {
  opacity: 0.8;
}

#wrapper > footer {
  color: #ffffff;
  background-color: #a10503;
  padding: 3.28076% 0 3.02839%;
}

#wrapper > footer h2 {
  margin: 0 auto;
  width: 22.39748%;
}

#wrapper > footer dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.41rem;
  line-height: 1.8;
  margin: 2.77603% 0 3.34385%;
}

#wrapper > footer dl > div {
  padding: 0 1.26183vw;
}

#wrapper > footer dl > div dt {
  font-weight: bold;
}

#wrapper > footer a {
  color: #ffffff;
  text-decoration: none;
}

#wrapper > footer .sns-list {
  width: 9.02208%;
  margin: 0 auto;
}

#wrapper > footer .sns-list li {
  display: inline-block;
  width: 20.27972%;
  position: relative;
  padding-top: 18.88112%;
}

#wrapper > footer .sns-list li:nth-child(2) {
  margin: 0 20.97902% 0 18.18182%;
}

#wrapper > footer .sns-list li a {
  display: block;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#wrapper > footer .sns-list li a.facebook {
  background-image: url(../images/common/sns_ico_fb.png);
}

#wrapper > footer .sns-list li a.instagram {
  background-image: url(../images/common/sns_ico_insta.png);
}

#wrapper > footer .sns-list li a.twitter {
  background-image: url(../images/common/sns_ico_tw.png);
}

#wrapper > footer #copyright {
  font-size: 1.20978rem;
  margin-top: 1rem;
  text-align: center;
}

.ie #wrapper > footer #footer-nav div:last-child,
.ie #wrapper > footer .sns-list {
  display: none;
}

@media screen and (min-width: 1025px) {
  html {
    font-size: 62.5%;
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang {
    position: absolute;
    right: 7.31861vw;
    top: 2.90221vw;
    font-size: 1.316rem;
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl {
    width: 100%;
    padding-top: 8.95899vw;
    margin: 0 auto 0;
  }
}

@media screen and (max-width: 1024px) {
  html {
    font-size: calc(100vw / 78.769);
  }
  a {
    display: block;
  }
  a[href^="tel:"] {
    pointer-events: auto;
    text-decoration: underline;
  }
  #wrapper .header-inner {
    padding-top: 17.06667%;
  }
  #wrapper > header #site-title {
    width: 56.5%;
    top: 50%;
    left: 3.73333%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

  #wrapper > header .header-recruit-link-wrap{
    right: 15%;
  }
  
  .header-recruit-link a{
    font-size: 1.33rem;
    padding: 0.65rem 0.8rem 0.4rem;
  }
  
  .header-recruit-link a br{
    display: block;
  }

  #wrapper > header .menu-toggle {
    /* height: 10px; */
    width: 5.33333%;
    position: absolute;
    top: 50%;
    right: 5.33333%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  #wrapper > header .menu-toggle .toggle {
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
  }
  #wrapper > header .menu-toggle .toggle::before {
    position: absolute;
    top: 9px;
    height: 2px;
  }
  #wrapper > header .menu-toggle .toggle::after {
    position: absolute;
    top: 18px;
    height: 2px;
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang {
    position: absolute;
    right: 17.06667vw;
    top: 7.46667vw;
    font-size: 1.4rem;
    text-align: right;
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang li {
    margin-left: 4.26667vw;
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl {
    width: 100%;
    padding-top: 23vw;
    margin: 0 auto 0;
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dt {
    width: 83.73333vw;
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd {
    margin-top: 5.06667vw;
    padding-bottom: calc(150/750*100vw);
  }
  @supports (height: 100dvh) {
    #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd {
      padding-bottom: 0;
    }
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li {
    width: 100vw;
    height: 18.66667vw;
    border-bottom: 1px solid #c18a89;
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(1) {
    background-size: 24.53333vw auto;
    background-image: url(../images/common/menu_01.png);
    border-top: 1px solid #c18a89;
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(2) {
    background-size: 24.53333vw auto;
    background-image: url(../images/common/menu_02.png);
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(3) {
    background-size: 24.53333vw auto;
    background-image: url(../images/common/menu_03.png);
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(4) {
    background-size: 24.53333vw auto;
    background-image: url(../images/common/menu_04.png);
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(5) {
    background-size: 24.53333vw auto;
    background-image: url(../images/common/menu_05.png);
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(6) {
    background-size: 50.95vw auto;
    background-image: url(../images/common/menu_06.png);
  }
  #wrapper > header .menu-wrapper .menu-inner #menu-lang + dl dd #menu-global_menu li:nth-child(7) {
    background-size: calc(170/375*100vw) auto;
    background-image: url(../images/common/menu_07.png);
  }
  .isFixed + #container {
    margin-top: 18.66667%;
  }
  #content .header .breadCrumbs-list {
    display: none;
  }
  #wrapper > footer {
    padding: 14.13333% 0 8%;
  }
  #wrapper > footer h2 {
    width: 44%;
  }
  #wrapper > footer dl {
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 5.33333% 0;
  }
  #wrapper > footer dl div {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    width: 50%;
    padding: 0 7.46667% 0;
  }
  #wrapper > footer dl div:last-child {
    display: none;
  }
  #wrapper > footer .footer-toggle {
    padding: 10.69519% 0 10.69519%;
  }
  #wrapper > footer .footer-toggle + dd {
    display: none;
    padding: 0 0 10.69519%;
  }
  #wrapper > footer .sns-list {
    width: 26.66667%;
    margin: 0 auto 5.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #wrapper > footer .sns-list li {
    width: 25%;
    padding-top: 25%;
    position: relative;
  }
  #wrapper > footer .sns-list li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #wrapper > footer .sns-list li a.facebook {
    background-image: url(../images/common/sns_ico_fb_sp.png);
  }
  #wrapper > footer .sns-list li a.instagram {
    background-image: url(../images/common/sns_ico_insta_sp.png);
  }
  #wrapper > footer .sns-list li a.twitter {
    background-image: url(../images/common/sns_ico_tw_sp.png);
  }
}

@media screen and (max-width: 960px) {
  html {
    font-size: calc(100vw / 73.846);
  }
}

@media screen and (max-width: 560px) {
  html {
    font-size: calc(100vw / 43.076);
  }
}
/*# sourceMappingURL=common.css.map */