@charset "UTF-8";
/* CSS Document */
/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
  color: inherit; /* Correct border color in Firefox. */
}

ol, ul {
  list-style: none;
}

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

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

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

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

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

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

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

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

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

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

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

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

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

/* 変数宣言 */
/* 変数宣言 */
/*SVGスプライト用*/
.all_svg {
  display: none;
}

a {
  text-decoration: none;
  color: #000;
}

img {
  vertical-align: middle;
}

.img_pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .img_pc {
    display: block;
  }
}

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

@media (max-width: 767px) {
  .contents-pc {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .contents-pc {
    display: block;
  }
}

@media (max-width: 767px) {
  .contents-sp {
    display: block;
  }
}
@media (min-width: 768px) {
  .contents-sp {
    display: none !important;
  }
}

/*	wow.jsのバグ対応 */
.fadeInUp,
.fadeInRight {
  opacity: 0;
}

body {
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
}
body * {
  box-sizing: border-box;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.hinge {
  animation-duration: 2s;
}

@-webkit-keyframes active-burger-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-burger-bar02 {
  100% {
    height: 0;
  }
}
@-webkit-keyframes active-burger {
  0% {
    border-color: transparent;
    -webkit-transform: rotate(0);
  }
  25% {
    border-color: transparent #fff transparent transparent;
  }
  50% {
    border-color: transparent #fff #fff transparent;
  }
  75% {
    border-color: transparent #fff #fff #fff;
  }
  100% {
    border-color: #fff;
    -webkit-transform: rotate(-680deg);
  }
}
@keyframes active-burger {
  0% {
    border-color: transparent;
    transform: rotate(0);
  }
  25% {
    border-color: transparent #fff transparent transparent;
  }
  50% {
    border-color: transparent #fff #fff transparent;
  }
  75% {
    border-color: transparent #fff #fff #fff;
  }
  100% {
    border-color: #fff;
    transform: rotate(-680deg);
  }
}
#container {
  /*header*/
}
#container header {
  transition: 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  /*wrap*/
}
@media screen and (min-width: 768px) {
  #container header:after {
    content: "";
    display: block;
    width: 100vw;
    height: 50%;
    transition: 0.3s;
    background-color: rgba(122, 106, 86, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
}
@media screen and (min-width: 768px) {
  #container header.menu_bk_active:after {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (min-width: 768px) {
  #container header.menu_bk_active .wrap .nav_line {
    height: 7.1428571429vw;
  }
}
@media screen and (min-width: 1400px) {
  #container header.menu_bk_active .wrap .nav_line {
    height: 100px;
  }
}
#container header.active {
  background-color: rgba(0, 0, 0, 0.8);
}
#container header.active .wrap .menu_trigger_line .brand_icon a svg {
  fill: #b5b5b6;
}
#container header .wrap {
  /*menu_trigger_line*/
  /*nav_line*/
}
@media screen and (min-width: 768px) {
  #container header .wrap {
    position: relative;
    z-index: 2;
  }
}
#container header .wrap .menu_trigger_line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: 15vw;
  align-items: center;
  /*brand_icon*/
  /*trigger_wrap*/
}
@media screen and (min-width: 768px) {
  #container header .wrap .menu_trigger_line {
    display: none;
  }
}
#container header .wrap .menu_trigger_line .brand_icon {
  margin-left: 2.5vw;
}
#container header .wrap .menu_trigger_line .brand_icon a {
  width: 10.25vw;
  height: 10.25vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
}
#container header .wrap .menu_trigger_line .brand_icon a svg {
  fill: #7a6a56;
  width: 5.25vw;
  transition: 0.3s;
}
#container header .wrap .menu_trigger_line .trigger_wrap {
  height: 15vw;
  width: 15vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger {
  position: relative;
  width: 10vw;
  height: 6.5vw;
  cursor: pointer;
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger.active span {
  width: 50%;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger.active span:nth-of-type(1) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 2.5vw;
  top: 3vw;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger.active span:nth-of-type(2) {
  left: 60%;
  opacity: 0;
  -webkit-animation: active-burger-bar02 0.8s forwards;
  animation: active-burger-bar02 0.8s forwards;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger.active span:nth-of-type(3) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 2.5vw;
  bottom: 3vw;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger.active .circle:after {
  -webkit-animation: active-burger 0.7s 0.25s forwards;
  animation: active-burger 0.7s 0.25s forwards;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.5vw;
  background-color: #fff;
  border-radius: 0.5vw;
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger span:nth-child(1) {
  top: 0;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger span:nth-child(2) {
  top: 3vw;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger span:nth-child(3) {
  bottom: 0;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger .circle {
  position: absolute;
  top: -25%;
  left: 0;
  width: 10vw;
  height: 10vw;
}
#container header .wrap .menu_trigger_line .trigger_wrap .btn-trigger .circle:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
  border: 0.5vw solid transparent;
  transition: all 0.75s;
}
#container header .wrap .nav_line {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: calc(100vh - 15vw);
  overflow-y: scroll;
  display: none;
  /*logo_wrap*/
  /*nav_line*/
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 89.2857142857vw;
    height: 10.1428571429vw;
    background-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    overflow: inherit;
    transition: 0.3s;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line {
    width: 1250px;
    height: 142px;
  }
}
#container header .wrap .nav_line .logo_wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line .logo_wrap {
    display: block;
    width: 5.8571428571vw;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line .logo_wrap {
    width: 82px;
  }
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line .logo_wrap a {
    width: 5.8571428571vw;
    height: 5.8571428571vw;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line .logo_wrap a {
    width: 82px;
    height: 82px;
  }
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line .logo_wrap a:hover {
    border-radius: 0;
    border: 0.0714285714vw solid #b5b5b6;
    background-color: rgba(255, 255, 255, 0);
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line .logo_wrap a:hover {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line .logo_wrap a:hover .brand_icon svg {
    fill: #fff;
  }
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line .logo_wrap a .brand_icon {
    width: 3vw;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line .logo_wrap a .brand_icon {
    width: 42px;
  }
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line .logo_wrap a .brand_icon svg {
    width: 100%;
    fill: #7a6a56;
    vertical-align: middle;
    transition: 0.3s;
  }
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line nav {
    width: calc(89.2857142857vw - 6.0714285714vw);
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line nav {
    width: 1165px;
  }
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 1.4285714286vw;
    position: relative;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line nav ul {
    gap: 0 40px;
  }
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line nav ul:after {
    content: "";
    display: block;
    background-color: #FFFFFF;
    height: 0.0714285714vw;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    pointer-events: none;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line nav ul:after {
    height: 1px;
  }
}
#container header .wrap .nav_line nav ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  list-style: none;
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line nav ul li {
    border-bottom: none;
  }
}
#container header .wrap .nav_line nav ul li a {
  padding: 5vw 0;
  display: block;
  position: relative;
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line nav ul li a {
    padding: 0;
  }
}
#container header .wrap .nav_line nav ul li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  width: 50%;
  height: 0.25vw;
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line nav ul li a:after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line nav ul li a:before {
    content: "";
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
    border: 0.0714285714vw solid rgba(255, 255, 255, 0.5);
    opacity: 0;
    transform-origin: center;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line nav ul li a:before {
    border-width: 1px;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line nav ul li a:hover:before {
    width: calc(100% + 20px);
    height: calc(100% + 10px);
    opacity: 1;
  }
}
#container header .wrap .nav_line nav ul li a p {
  text-align: center;
}
#container header .wrap .nav_line nav ul li a p.en {
  color: #FFFFFF;
  font-size: 3.5vw;
  margin-bottom: 1.25vw;
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line nav ul li a p.en {
    font-size: 1.0714285714vw;
    margin-bottom: 0.7142857143vw;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line nav ul li a p.en {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
#container header .wrap .nav_line nav ul li a p.jp {
  color: #7a6a56;
  font-size: 2.5vw;
  margin-top: 1.25vw;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #container header .wrap .nav_line nav ul li a p.jp {
    font-size: 0.7857142857vw;
    margin-top: 0.7142857143vw;
  }
}
@media screen and (min-width: 1400px) {
  #container header .wrap .nav_line nav ul li a p.jp {
    font-size: 11px;
    margin-top: 10px;
  }
}

#container {
  /*footer*/
}
#container footer {
  /*wrap*/
  /*copy*/
}
#container footer .wrap {
  padding-top: 12.5vw;
  padding-bottom: 12.5vw;
  background-color: #75819c;
  /*company_details*/
}
@media screen and (min-width: 768px) {
  #container footer .wrap {
    padding-top: 5vw;
    padding-bottom: 2.5vw;
  }
}
@media screen and (min-width: 1400px) {
  #container footer .wrap {
    padding-top: 70px;
    padding-bottom: 35px;
  }
}
#container footer .wrap .company_details {
  /*footer_logo*/
  /*company*/
}
#container footer .wrap .company_details .footer_logo {
  width: 45vw;
  margin: 0 auto 7.5vw;
}
@media screen and (min-width: 768px) {
  #container footer .wrap .company_details .footer_logo {
    width: 22.2857142857vw;
    margin-bottom: 1.7857142857vw;
  }
}
@media screen and (min-width: 1400px) {
  #container footer .wrap .company_details .footer_logo {
    width: 312px;
    margin-bottom: 25px;
  }
}
#container footer .wrap .company_details .footer_logo svg {
  fill: #fff;
  width: 100%;
}
#container footer .wrap .company_details .company {
  text-align: center;
  line-height: 1.4;
  color: #FFFFFF;
  font-size: 2.625vw;
  margin-bottom: 1.25vw;
}
@media screen and (min-width: 768px) {
  #container footer .wrap .company_details .company {
    font-size: 1vw;
    margin-bottom: 0.3571428571vw;
  }
}
@media screen and (min-width: 1400px) {
  #container footer .wrap .company_details .company {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
#container footer .wrap .company_details .company .company_name {
  margin-bottom: 2.5vw;
}
@media screen and (min-width: 768px) {
  #container footer .wrap .company_details .company .company_name {
    margin-bottom: 0.3571428571vw;
  }
}
@media screen and (min-width: 1400px) {
  #container footer .wrap .company_details .company .company_name {
    margin-bottom: 5px;
  }
}
#container footer .wrap .company_details .address {
  text-align: center;
  line-height: 1.4;
  color: #FFFFFF;
  font-size: 2.625vw;
  margin-bottom: 1.25vw;
}
@media screen and (min-width: 768px) {
  #container footer .wrap .company_details .address {
    font-size: 1vw;
    margin-bottom: 0.3571428571vw;
    display: flex;
    justify-content: center;
    gap: 0 2.1428571429vw;
  }
}
@media screen and (min-width: 1400px) {
  #container footer .wrap .company_details .address {
    font-size: 14px;
    margin-bottom: 5px;
    gap: 0 30px;
  }
}
#container footer .wrap .company_details .tel-line {
  text-align: center;
  line-height: 1.4;
  color: #FFFFFF;
  font-size: 2.5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 5vw;
  font-size: 2.625vw;
}
@media screen and (min-width: 768px) {
  #container footer .wrap .company_details .tel-line {
    font-size: 1vw;
    column-gap: 1.4285714286vw;
  }
}
@media screen and (min-width: 1400px) {
  #container footer .wrap .company_details .tel-line {
    font-size: 14px;
    column-gap: 20px;
  }
}
#container footer #copy {
  width: 100%;
  height: 12.5vw;
  background-color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #container footer #copy {
    height: 3.5714285714vw;
  }
}
@media screen and (min-width: 1400px) {
  #container footer #copy {
    height: 50px;
  }
}
#container footer #copy p {
  line-height: 1;
  color: #FFFFFF;
  font-size: 3vw;
}
@media screen and (min-width: 768px) {
  #container footer #copy p {
    font-size: 1.2142857143vw;
  }
}
@media screen and (min-width: 1400px) {
  #container footer #copy p {
    font-size: 17px;
  }
}

.button-circle P a {
  line-height: 1;
  font-size: 5vw;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 25vw;
  height: 25vw;
  margin: 0 auto;
  position: relative;
  transition: 0.3s;
  border: 0.25vw solid #000;
}
@media screen and (min-width: 768px) {
  .button-circle P a {
    font-size: 1.5vw;
    width: 7.1428571429vw;
    height: 7.1428571429vw;
    border-width: 0.0714285714vw;
  }
}
@media screen and (min-width: 1400px) {
  .button-circle P a {
    font-size: 21px;
    width: 100px;
    height: 100px;
    border-width: 1px;
  }
}
.button-circle P a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000000;
  width: 27.5vw;
  height: 27.5vw;
  border-radius: 50%;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .button-circle P a:after {
    width: 7.8571428571vw;
    height: 7.8571428571vw;
  }
}
@media screen and (min-width: 1400px) {
  .button-circle P a:after {
    width: 110px;
    height: 110px;
  }
}
@media screen and (min-width: 1400px) {
  .button-circle P a:hover {
    color: #000;
    border-radius: 0;
  }
}
@media screen and (min-width: 1400px) {
  .button-circle P a:hover:after {
    width: 0;
    height: 0;
  }
}
.button-circle P a span {
  position: relative;
  z-index: 2;
}
@media (min-width: 1400px) {
  .button-circle P a:hover {
    cursor: pointer;
  }
}

#container #breadcrumb {
  border-bottom: 0.25vw solid #dcdcdc;
  position: relative;
  background-color: #FFFFFF;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  #container #breadcrumb {
    border-bottom: none;
  }
}
#container #breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5vw 1.25vw;
  padding: 1.25vw 2.5vw;
}
@media screen and (min-width: 768px) {
  #container #breadcrumb ul {
    gap: 0 0.3571428571vw;
    padding: 0.3571428571vw 0.7142857143vw;
    width: 95%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1400px) {
  #container #breadcrumb ul {
    gap: 0 5px;
    padding: 5px 10px;
  }
}
#container #breadcrumb ul li {
  list-style: none;
  line-height: 1;
}
#container #breadcrumb ul li.active a {
  color: #7a6a56;
}
@media screen and (min-width: 1400px) {
  #container #breadcrumb ul li:not(:last-of-type) a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #5B5B5B;
    transition: 0.3s;
    opacity: 0;
    transform: translateY(5px);
  }
}
@media screen and (min-width: 1400px) {
  #container #breadcrumb ul li:not(:last-of-type) a:hover:after {
    opacity: 1;
    transform: translateY(0);
  }
}
#container #breadcrumb ul li a {
  font-size: 2.5vw;
  color: #5B5B5B;
  position: relative;
}
@media screen and (min-width: 768px) {
  #container #breadcrumb ul li a {
    font-size: 0.8571428571vw;
  }
}
@media screen and (min-width: 1400px) {
  #container #breadcrumb ul li a {
    font-size: 12px;
  }
}/*# sourceMappingURL=style.css.map */