@charset "UTF-8";
/*
Theme Name: minrec
Theme URL: https://minrec.jp
Description:
Author:
Version: 1
*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# variable
  ## breakpoint
	## imgpath
	## clearfix
	## font
	## color
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# variable
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## breakpoint
--------------------------------------------------------------*/
@media screen and (min-width: 599px) {
  .meaia-set {
    display: block;
  }
}
@media screen and (min-width: 959px) {
  .meaia-set {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .meaia-set {
    display: block;
  }
}
/*--------------------------------------------------------------
## imgpath
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## clearfix
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## font
--------------------------------------------------------------*/
@font-face {
  font-family: "notera";
  src: url("../font/NoteraPersonalUseOnly-wxJ9.woff") format("woff");
}
/*--------------------------------------------------------------
## color
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Base
--------------------------------------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  /* min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100); */
  min-height: 100vh; /* Fallback */
  min-height: calc(var(--vh, 1vh) * 100);
  color: #878788;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: normal;
  font-size: 0.71875rem;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  position: relative;
  overflow-x: hidden;
}
body.is-open {
  overflow: hidden;
}
body.is-open:after {
  background: rgba(0, 0, 0, 0.8);
  content: "";
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 5;
  position: fixed;
}
@media screen and (min-width: 959px) {
  body.is-open {
    overflow: inherit;
  }
  body.is-open:after {
    content: none;
  }
}
@media screen and (min-width: 599px) {
  body {
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 959px) {
  body {
    font-size: 1.0625rem;
  }
}

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

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

.pc-hide {
  display: inherit;
}
@media screen and (min-width: 959px) {
  .pc-hide {
    display: none !important;
  }
}

.pc-show {
  display: none;
}
@media screen and (min-width: 959px) {
  .pc-show {
    display: inherit;
  }
}

.tb-hide {
  display: inherit;
}
@media screen and (min-width: 959px) {
  .tb-hide {
    display: none;
  }
}

.tb-show {
  display: none;
}
@media screen and (min-width: 959px) {
  .tb-show {
    display: inherit;
  }
}

.margin-60 {
  margin: 3.75rem 0;
}
@media screen and (min-width: 959px) {
  .margin-60 {
    margin: 7.5rem 0;
  }
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Header
  ## Toggle-btn
  ## Breadcrumb
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  background: #fff;
}
.header h1 {
  font-size: 0.625rem;
  font-weight: normal;
  color: #595858;
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  -webkit-transform-origin: center left;
  transform-origin: center left;
  margin-left: 0.625rem;
}
.header .header__logo {
  width: 134px;
  margin: 1.25rem auto;
  display: block;
}
.header .header__menu--sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .header__menu--sp .header__web-shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 32x;
  height: 45px;
  position: absolute;
  right: 61.5px;
  top: 10px;
}
.header .header__menu--sp .header__web-shop img {
  height: 25px;
  vertical-align: top;
}
.header .header__menu--sp .header__web-shop .text {
  margin-top: auto;
  font-size: 0.625rem;
}
@media screen and (min-width: 959px) {
  .header {
    position: relative;
    padding: 0.625rem 1.5rem 0;
  }
  .header .header__tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header .header__tool h1 {
    -webkit-transform: none;
    transform: none;
    font-size: 0.9375rem;
    margin-left: 0;
    margin-right: 1.5rem;
  }
  .header .header__tool .header__menu--sub {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header .header__tool .header__menu--sub a {
    padding: 0.625rem;
    display: block;
  }
  .header .header__tool .header__menu--sub a:not(:last-child) {
    border-right: 0.0625rem solid #ccc;
  }
  .header .header__logo {
    width: 15.4375rem;
    margin-top: 0.625rem;
  }
  .header .header__web-shop {
    position: absolute;
    right: 2.125rem;
    top: 5rem;
  }
  .header .header__web-shop a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.0625rem;
    font-weight: bold;
  }
  .header .header__web-shop img {
    width: 25px;
    margin-right: 5px;
  }
  .header .header__menu--pc > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header .header__menu--pc > ul li {
    padding: 0 1%;
  }
  .header .header__menu--pc > ul li a,
  .header .header__menu--pc > ul li span {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    padding: 0.625rem 0;
    display: block;
  }
  .header .header__menu--pc > ul li a:hover,
  .header .header__menu--pc > ul li span:hover {
    opacity: 0.5;
  }
  .header .header__menu--pc .has-child {
    position: relative;
  }
  .header .header__menu--pc .has-child span {
    color: #a78f26;
  }
  .header .header__menu--pc .has-child ul {
    background: rgba(167, 143, 38, 0.8);
    position: absolute;
    top: 40px;
    left: 0;
    width: 15rem;
    z-index: 10;
    height: 0;
    overflow: hidden;
  }
  .header .header__menu--pc .has-child ul a {
    padding: 0.625rem;
    color: #fff;
    display: block;
    line-height: 1.5;
  }
  .header .header__menu--pc .has-child:hover ul {
    height: auto;
    /*サブメニューの高さ*/
    overflow: visible;
  }
}
@media screen and (min-width: 1040px) {
  .header .header__menu--pc > ul li {
    padding: 0 1.5%;
  }
}

/*--------------------------------------------------------------
## header__menu--sp
--------------------------------------------------------------*/
.header__menu--sp .header__menu__inner {
  width: 100%;
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 6;
  right: 0;
  width: 21.25rem;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: auto;
  -webkit-transform: translate(340px);
  transform: translate(340px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.header__menu--sp .close-area {
  padding: 1rem 0.625rem;
}
.header__menu--sp .close-area .close-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.6875rem;
}
.header__menu--sp .close-area .close-btn span {
  display: block;
  margin-top: 0.3125rem;
  color: #a78f26;
}
.header__menu--sp .compensation {
  padding: 0 1rem;
}
.header__menu--sp .compensation .compensation__inner {
  background: #a78f26;
  padding: 1rem 1rem;
  border-radius: 8px;
  color: #fff;
  text-align: center;
}
.header__menu--sp .compensation .compensation__inner .title {
  font-size: 0.625rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.header__menu--sp .compensation .compensation__inner .title span {
  margin-top: 2px;
  font-size: 1.25rem;
  display: block;
}
.header__menu--sp .compensation .compensation__inner .title span rt {
  font-size: 0.625rem;
}
.header__menu--sp .compensation .compensation__inner .text {
  font-size: 0.75rem;
  margin-top: 0.3125rem;
}
.header__menu--sp .compensation .compensation__inner a {
  font-size: 0.75rem;
  border: 1px solid #fff;
  display: block;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  margin-top: 0.3125rem;
}
.header__menu--sp .request {
  padding: 1rem;
  text-align: center;
}
.header__menu--sp .request .request__title {
  font-size: 1.0625rem;
  margin-bottom: 0.625rem;
}
.header__menu--sp .request * {
  color: #a78f26;
}
.header__menu--sp .request a {
  border: 0.125rem solid #a78f26;
  display: block;
  margin: 0 auto 1rem;
  padding: 0.625rem;
  max-width: 100%;
}
.header__menu--sp .request .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.3125rem;
}
.header__menu--sp .request .title img {
  width: 1.625rem;
  margin-right: 0.625rem;
}
.header__menu--sp .request .line .title {
  color: #83c53a;
}
.header__menu--sp .request .assessment .title {
  color: #86c3d9;
}
.header__menu--sp .request .delivery .title {
  color: #ff967f;
}
.header__menu--sp .request .text {
  font-size: 0.625rem;
}
.header__menu--sp .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #ebe7dc;
  padding: 1rem 0.625rem;
  font-size: 0.9375rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header__menu--sp .tel .title {
  margin: 0.3125rem 0.625rem 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.header__menu--sp .tel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.25rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header__menu--sp .tel a img {
  margin-right: 0.625rem;
}
.header__menu--sp .tel .content {
  width: 100%;
  text-align: right;
}
.header__menu--sp .tel span {
  font-size: 0.625rem;
  display: block;
  text-align: right;
}
.header__menu--sp .menu {
  padding: 1rem 0;
}
.header__menu--sp .menu * {
  font-size: 0.9375rem;
}
.header__menu--sp .menu > ul a,
.header__menu--sp .menu > ul span {
  padding: 0.625rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #878788;
}
.header__menu--sp .menu > ul a img,
.header__menu--sp .menu > ul span img {
  margin-right: 0.625rem;
}
.header__menu--sp .menu > ul ul {
  display: none;
}
.header__menu--sp .menu > ul ul a,
.header__menu--sp .menu > ul ul span {
  padding: 0.625rem 1rem 0.625rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #878788;
  background: #ebe7dc;
}
.header__menu--sp .menu > ul ul a img,
.header__menu--sp .menu > ul ul span img {
  margin-right: 0.625rem;
}
.header__menu--sp .menu .has-child span.open img {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header__menu--sp .other {
  padding: 1rem;
}
.header__menu--sp .other * {
  font-size: 0.9375rem;
}
.header__menu--sp .other .online {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  border: 2px solid #a78f26;
  padding: 0.625rem 1rem;
}
.header__menu--sp .other .online img {
  margin-left: 0.625rem;
  width: 1.5rem;
}
.header__menu--sp .other .instagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__menu--sp .other .instagram img {
  margin-right: 0.625rem;
}

body.is-open .header__menu--sp .header__menu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  padding-bottom: 3.75rem;
}

/*--------------------------------------------------------------
## Toggle-btn
--------------------------------------------------------------*/
.toggle-btn {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 33px;
  height: 45px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #a78f26;
}
.toggle-btn .icon {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 25px;
}
.toggle-btn .icon span {
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  width: 33px;
  height: 1px;
  background-color: #a78f26;
  border-radius: 1px;
  margin-bottom: 5px;
}
.toggle-btn .icon.active span {
  width: 50%;
}
.toggle-btn .icon.active span:nth-child(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg);
}
.toggle-btn .icon.active span:nth-child(2) {
  opacity: 0;
}
.toggle-btn .icon.active span:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}
.toggle-btn .text {
  margin-top: auto;
  font-size: 0.625rem;
}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.section--breadcrumb {
  margin-bottom: 4.6875rem;
}
.section--breadcrumb.low {
  margin-bottom: 2.25rem;
}
.section--breadcrumb * {
  font-size: 0.625rem;
  color: #878788;
}
.section--breadcrumb > div {
  width: 100%;
  padding: 0.625rem 1rem;
}
.section--breadcrumb ul {
  overflow: auto;
  white-space: nowrap;
}
.section--breadcrumb li {
  display: inline-block;
}
.section--breadcrumb li:not(:last-child):after {
  content: ">";
  padding: 0 8px;
  opacity: 0.5;
}
.section--breadcrumb li a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 959px) {
  .section--breadcrumb {
    margin-bottom: 12.5rem;
  }
  .section--breadcrumb.low {
    margin-bottom: 2.25rem;
  }
  .section--breadcrumb * {
    font-size: 0.75rem;
    color: #878788;
  }
  .section--breadcrumb.margin-bottom-s {
    margin-bottom: 5.625rem;
  }
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Footer
  ## Scroll-top
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  position: relative;
  background: #fff;
}

.footer__menu.sp {
  background: #f4f2f1;
  padding: 1.75rem 0;
}
.footer__menu.sp .footer__menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.875rem;
}
.footer__menu.sp .footer__menu__list > li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer__menu.sp .footer__menu__list > li > div > p {
  font-weight: bold;
  color: #878788;
  margin-bottom: 0.9375rem;
}
.footer__menu.sp .footer__menu__list a {
  color: #878788;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__menu.sp .footer__menu__list a:before {
  border-right: 1px solid #a78f26;
  border-top: 1px solid #a78f26;
  content: "";
  height: 0.3125rem;
  margin-right: 0.3125rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.3125rem;
}
@media screen and (min-width: 599px) {
  .footer__menu.sp .footer__menu__list > li {
    width: 40%;
  }
}
@media screen and (min-width: 959px) {
  .footer__menu.sp {
    display: none;
  }
}

.footer__menu.pc {
  display: none;
  background: #f4f2f1;
  padding: 5.3125rem 0 6.25rem;
}
@media screen and (min-width: 959px) {
  .footer__menu.pc {
    display: block;
  }
}
.footer__menu.pc .footer__title,
.footer__menu.pc .nospan {
  font-size: 0.9375rem;
  margin-bottom: 0.9375rem;
  font-weight: bold;
  width: 100% !important;
}
.footer__menu.pc .footer__title a,
.footer__menu.pc .nospan a {
  font-size: 0.9375rem !important;
  font-weight: bold;
  color: #595858 !important;
  padding-left: 0 !important;
}
.footer__menu.pc .footer__title a:before,
.footer__menu.pc .nospan a:before {
  content: none !important;
}
.footer__menu.pc .footer__02 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.footer__menu.pc .footer__01,
.footer__menu.pc .footer__02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer__menu.pc .footer__01 > *,
.footer__menu.pc .footer__02 > * {
  color: #595858;
}
.footer__menu.pc .footer__01 li a,
.footer__menu.pc .footer__02 li a {
  padding: 0 0 0.3125rem 0.625rem;
  text-decoration: none;
  position: relative;
  font-size: 0.78125rem;
  letter-spacing: -1px;
  color: #595858;
}
.footer__menu.pc .footer__01 li a:before,
.footer__menu.pc .footer__02 li a:before {
  content: "";
  position: absolute;
  width: 0.3125rem;
  height: 0.3125rem;
  left: 0;
  top: 0.3125rem;
  border-top: 1px solid #a78f26;
  border-right: 1px solid #a78f26;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.footer__menu.pc .footer__01 .footer__block--01,
.footer__menu.pc .footer__01 .footer__block--02,
.footer__menu.pc .footer__02 .footer__block--01,
.footer__menu.pc .footer__02 .footer__block--02 {
  width: 15%;
}
.footer__menu.pc .footer__01 .footer__block--01 .flink-mb,
.footer__menu.pc .footer__01 .footer__block--02 .flink-mb,
.footer__menu.pc .footer__02 .footer__block--01 .flink-mb,
.footer__menu.pc .footer__02 .footer__block--02 .flink-mb {
  margin: 0 0 2.5rem;
}
.footer__menu.pc .footer__01 .footer__block--03,
.footer__menu.pc .footer__02 .footer__block--03 {
  width: 30%;
}
.footer__menu.pc .footer__01 .footer__block--03 li:nth-child(2n + 1),
.footer__menu.pc .footer__02 .footer__block--03 li:nth-child(2n + 1) {
  width: 42%;
  float: left;
}
.footer__menu.pc .footer__01 .footer__block--03 li:nth-child(2n),
.footer__menu.pc .footer__02 .footer__block--03 li:nth-child(2n) {
  width: 58%;
  float: left;
}
.footer__menu.pc .footer__01 .footer__block--06,
.footer__menu.pc .footer__02 .footer__block--06 {
  width: 30%;
}
.footer__menu.pc .footer__01 .footer__block--08,
.footer__menu.pc .footer__02 .footer__block--08 {
  width: 30%;
}
.footer__menu.pc .footer__01 .footer__block--07,
.footer__menu.pc .footer__02 .footer__block--07 {
  width: 30%;
}
.footer__menu.pc .footer__01 .footer__block--07 .footer__block--07__inner,
.footer__menu.pc .footer__02 .footer__block--07 .footer__block--07__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__menu.pc .footer__01 .footer__block--07 .footer__block--07__inner > *,
.footer__menu.pc .footer__02 .footer__block--07 .footer__block--07__inner > * {
  width: 50%;
}
.footer__menu.pc .footer__01 .btn,
.footer__menu.pc .footer__02 .btn {
  margin-top: 2.5rem;
}
.footer__menu.pc .footer__01 .btn a,
.footer__menu.pc .footer__02 .btn a {
  width: 100%;
}

.footer__info {
  color: #a78f26;
  text-align: center;
  padding-bottom: 0.5rem;
  /* margin-bottom: 3.5rem; */
  padding-top: 1.875rem;
  margin-bottom: 60px;
  margin-bottom: calc(60px + env(safe-area-inset-bottom));
}
.footer__info .footer__logo {
  width: 8.375rem;
  margin: 0 auto 0.9375rem;
}
.footer__info .footer__infomation {
  font-size: 0.625rem;
}
.footer__info .btn {
  margin-top: 1.25rem;
}
.footer__info .footer__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1.875rem 0 1.25rem;
}
.footer__info .footer__sns li:not(:last-child) {
  margin-right: 1.25rem;
}
.footer__info .footer__sns img {
  height: 1.5rem;
}
@media screen and (min-width: 959px) {
  .footer__info {
    margin-bottom: 0;
  }
  .footer__info .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 2rem;
    max-width: inherit;
    padding: 0 3%;
  }
  .footer__info .inner > * {
    width: 33.33%;
  }
  .footer__info .inner .footer__infomation {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: left;
    font-size: 0.6875rem;
  }
  .footer__info .inner .footer__logo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0;
  }
  .footer__info .inner .footer__sns {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .footer__info .btn a {
    margin-top: 0.625rem;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-size: 0.875rem;
  }
  .footer__info .btn a .num {
    margin-top: 0;
    margin-left: 0.3125rem;
    font-size: 1.5rem;
  }
}

.footer__fixed-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  z-index: 1;
}
.footer__fixed-menu .footer__fixed-menu__tel {
  background: #878788;
  color: #fff;
}
.footer__fixed-menu li {
  width: 21.25%;
}
.footer__fixed-menu li:first-child {
  padding-right: 0.3125rem;
}
.footer__fixed-menu li:not(:last-child) {
  border-right: 0.0625rem solid #737f92;
}
.footer__fixed-menu li:last-child {
  width: 15%;
}
.footer__fixed-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
  /* padding: 0.5rem 0.25rem; */
  height: 60px;
  height: calc(60px + env(safe-area-inset-bottom));
  /* padding-bottom: env(safe-area-inset-bottom); */
  /* padding-bottom: calc(0.5rem + env(safe-area-inset-bottom)); */
}
.footer__fixed-menu a img {
  height: 1.375rem;
}
.footer__fixed-menu a figure {
  height: 1.5625rem;
  width: 1.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0.3125rem;
}
@media screen and (min-width: 959px) {
  .footer__fixed-menu {
    display: none;
  }
}

/*--------------------------------------------------------------
## Scroll-top
--------------------------------------------------------------*/
#scroll-top {
  position: fixed;
  bottom: -60px;
  right: 0;
  width: 60px;
  line-height: 60px;
  background: #a78f26;
  z-index: 2;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
}
#scroll-top:hover {
  opacity: 0.75;
}

#js-pageTop {
  display: none;
  position: fixed;
  z-index: 100;
  right: 40px;
  bottom: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#js-pageTop:hover {
  opacity: 0.75;
}
@media screen and (max-width: 958px) {
  #js-pageTop {
    display: none !important;
  }
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.section {
  background: #fff;
  position: relative;
  padding: 2.5rem 0;
}
@media screen and (min-width: 959px) {
  .section {
    padding: 4rem 0;
  }
}

.inner-l,
.inner-xs,
.inner-s,
.inner {
  margin: 0 auto;
  width: 100%;
  max-width: 85rem;
  padding: 0 1.125rem;
}

.inner-s {
  max-width: 70rem;
}
.inner-xs {
  max-width: 55.5rem;
}
.inner-l {
  max-width: 83rem;
}

.padding-adjust-01 {
  padding-bottom: 7.5rem;
}
@media screen and (min-width: 959px) {
  .padding-adjust-01 {
    padding-bottom: 11rem;
  }
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Link
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Link
--------------------------------------------------------------*/
a {
  color: #a78f26;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a:hover {
  opacity: 0.8;
}

.btn a {
  font-weight: bold;
  padding: 10px;
  text-align: center;
  display: inline-block;
}
.btn a:hover {
  opacity: 0.8;
}

.btn--arrow a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn--arrow a:after {
  content: "";
  margin-left: 0.3125rem;
  width: 0.3125rem;
  height: 0.3125rem;
  border-top: 1px solid #a78f26;
  border-right: 1px solid #a78f26;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (min-width: 959px) {
  .btn--arrow a:after {
    width: 0.625rem;
    height: 0.625rem;
  }
}

.btn--xs a {
  width: 6.25rem;
}
@media screen and (min-width: 599px) {
  .btn--xs a {
    width: 12.5rem;
  }
}

.btn--s a {
  width: 12.5rem;
}

.btn--m a {
  width: 15rem;
}

.btn--l a {
  width: 100%;
  max-width: 32rem;
}

.btn--center {
  text-align: center;
}
.btn--center a {
  margin: 0 auto;
}

.btn--white a {
  border: 1px solid #fff;
  color: #fff;
  background: none;
}
.btn--white.btn--arrow a:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.btn--gold a {
  background: #a78f26;
  color: #fff;
}
.btn--gold.btn--arrow a:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.btn--gray a {
  color: #878788;
}
.btn--gray.btn--arrow a:after {
  border-top: 1px solid #878788;
  border-right: 1px solid #878788;
}

.btn--border-white a {
  border: 1px solid #fff;
  background: none;
  color: #fff;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn--border-white.btn--arrow a:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.btn--border-gray a {
  border: 1px solid #878788;
  background: none;
  color: #878788;
  margin: 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn--border-gray a img {
  width: 15px;
  margin-right: 10px;
}
@media screen and (min-width: 959px) {
  .btn--border-gray a img {
    width: 24px;
  }
}
.btn--border-gray.btn--arrow a:after {
  border-top: 1px solid #878788;
  border-right: 1px solid #878788;
}

.btn--round a {
  border: 1px solid #878788;
  border-radius: 6.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.625rem 1.875rem;
}

.btn--tel a {
  width: 100%;
  line-height: 1;
}
.btn--tel a .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3125rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.09375rem;
  font-weight: bold;
}
.btn--tel a .num img {
  width: 1.4375rem;
  margin-right: 0.3125rem;
}

.link--text {
  color: #a78f26 !important;
}
.link--text:hover {
  text-decoration: underline;
}

.text-link {
  color: #878788;
  text-align: center;
}

.text-link--bl {
  color: #8d94e6;
}

.clr-wh {
  color: #fff;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# List
  ## list-web-store
  ## list-shop-kind
  ## list-performance-kind
  ## list-performance
  ## list-other-site
  ## list-state
  ## list-columun
  ## list-news
  ## list-purchase-case
  ## list-diamond
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# List
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## list-web-store
--------------------------------------------------------------*/
.list-web-store {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list-web-store .list-web-store__item img {
  border: 1px solid #b5b5b5;
  padding: 8px;
}
.list-web-store li {
  margin-bottom: 0.9375rem;
}
.list-web-store li:first-child {
  width: 100%;
}
.list-web-store li:first-child img {
  height: auto;
  width: 10rem;
}
.list-web-store li:not(:first-child) {
  width: 45%;
}
.list-web-store li img {
  height: 4rem;
  padding: 0 8px;
  -o-object-fit: contain;
  object-fit: contain;
}
.list-web-store li span {
  display: block;
}
.list-web-store li a {
  font-size: 0.625rem;
  color: #878788;
}
@media screen and (min-width: 599px) {
  .list-web-store {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .list-web-store li {
    width: 15%;
    margin: 0 3%;
  }
  .list-web-store li:first-child {
    width: 15%;
  }
  .list-web-store li:first-child img {
    width: auto;
  }
  .list-web-store li:not(:first-child) {
    width: 15%;
  }
  .list-web-store li img {
    height: auto;
  }
}
@media screen and (min-width: 959px) {
  .list-web-store li a {
    font-size: 0.9375rem;
  }
}

/*--------------------------------------------------------------
## list-shop-kind
--------------------------------------------------------------*/
.list-shop-kind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.625rem 0;
}
.list-shop-kind li {
  background: #a78f26;
  color: #fff;
  width: 32%;
  text-align: center;
  font-size: 0.625rem 20;
  padding: 5px;
}
.list-shop-kind li:not(:last-child) {
  margin-right: 2%;
}
@media screen and (min-width: 959px) {
  .list-shop-kind li {
    font-size: 1.25rem 20;
  }
}

/*--------------------------------------------------------------
## list-performance-kind
--------------------------------------------------------------*/
.list-performance-kind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.list-performance-kind.full li {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.list-performance-kind.full li:not(:last-child):after {
  margin: 0 0.3125rem 0.4375rem;
}
.list-performance-kind.full a {
  width: 5.625rem;
  padding: 0.625rem 0;
}
.list-performance-kind.full img {
  max-width: 2.1875rem;
}
.list-performance-kind li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(((100% - 3.25rem) / 3) + 1.625rem);
}
.list-performance-kind li span {
  width: 100%;
  text-align: center;
}
.list-performance-kind li.current span {
  color: #a78f26;
}
.list-performance-kind li:hover span {
  color: #a78f26;
}
.list-performance-kind li:nth-child(3n),
.list-performance-kind li:last-child {
  width: calc((100% - 3.25rem) / 3);
}
.list-performance-kind li:not(:last-child):after {
  content: "";
  background: url(../img/common/slash.svg) no-repeat center center;
  background-size: 1rem 1.1875rem;
  width: 1rem;
  height: 1.1875rem;
  margin: 0 0.625rem;
  display: inline-block;
}
.list-performance-kind li:nth-child(3):after {
  content: none;
}
.list-performance-kind * {
  color: #878788;
  font-size: 0.625rem;
}
.list-performance-kind a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.list-performance-kind a img {
  display: block;
  margin: auto;
}
.list-performance-kind a span {
  margin-top: auto;
  padding-top: 5px;
}
@media screen and (min-width: 959px) {
  .list-performance-kind.full a {
    width: auto;
  }
  .list-performance-kind.full img {
    max-width: inherit;
  }
  .list-performance-kind.full li:not(:last-child):after {
    margin: 0 0.8125rem 0.875rem;
  }
  .list-performance-kind li {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
  .list-performance-kind li:nth-child(3n),
  .list-performance-kind li:last-child {
    width: auto;
  }
  .list-performance-kind li:nth-child(3):after {
    content: "";
  }
  .list-performance-kind * {
    font-size: inherit;
  }
}

.list-performance-kind--full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 2rem;
}
.list-performance-kind--full + .view-more {
  text-align: center;
  position: relative;
  margin-bottom: 3.75rem;
  cursor: pointer;
}
@media screen and (min-width: 959px) {
  .list-performance-kind--full + .view-more {
    font-size: 0.875rem;
  }
}
.list-performance-kind--full + .view-more img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.list-performance-kind--full + .view-more + .list-more {
  display: none;
}
.list-performance-kind--full + .close-btn {
  margin: 1.875rem auto 3.125rem;
  text-align: center;
}
.list-performance-kind--full + .close-btn span {
  position: relative;
  padding-right: 1.25rem;
  cursor: pointer;
}
.list-performance-kind--full + .close-btn span:after {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  height: 10px;
  width: 10px;
  right: 0;
  display: inline-block;
  position: absolute;
  top: 75%;
  -webkit-transform: translate(0%, -50%) rotate(-45deg);
  transform: translate(0%, -50%) rotate(-45deg);
}
.list-performance-kind--full * {
  color: #878788;
  font-size: 0.625rem;
}
.list-performance-kind--full li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: calc(((100% - 3.25rem) / 3) + 1.625rem);
}
.list-performance-kind--full li.current {
  color: #a78f26;
}
.list-performance-kind--full li:not(:last-child):after {
  content: "";
  background: url(../img/common/slash.svg) no-repeat center center;
  background-size: 1rem 1.1875rem;
  width: 1rem;
  height: 1.1875rem;
  margin: 0 0.3125rem 0.4375rem;
  display: inline-block;
}
.list-performance-kind--full li:nth-child(3n),
.list-performance-kind--full li:last-child {
  width: calc((100% - 3.25rem) / 3);
}
.list-performance-kind--full li:nth-child(3n):after,
.list-performance-kind--full li:last-child:after {
  content: none;
}
.list-performance-kind--full li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0.625rem 0;
}
.list-performance-kind--full li a img {
  display: block;
  margin: auto;
}
.list-performance-kind--full li a span {
  margin-top: auto;
  padding-top: 5px;
}
@media screen and (min-width: 959px) {
  .list-performance-kind--full * {
    font-size: 0.875rem;
  }
  .list-performance-kind--full li {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(((100% - 11.5625rem) / 6) + 2.3125rem);
  }
  .list-performance-kind--full li:not(:last-child):after {
    content: "";
    background: url(../img/common/slash.svg) no-repeat center center;
    background-size: 1.3125rem 1.5625rem;
    width: 1.3125rem;
    height: 1.5625rem;
    margin: 0 0.5rem 0.875rem;
  }
  .list-performance-kind--full li:nth-child(3n) {
    width: calc(((100% - 11.5625rem) / 6) + 2.3125rem);
  }
  .list-performance-kind--full li:nth-child(3n):after {
    content: "";
    background: url(../img/common/slash.svg) no-repeat center center;
    background-size: 1.3125rem 1.5625rem;
    width: 1.3125rem;
    height: 1.5625rem;
    margin: 0 0.5rem 0.875rem;
  }
  .list-performance-kind--full li:last-child,
  .list-performance-kind--full li:nth-child(6n) {
    width: calc((100% - 11.5625rem) / 6);
  }
  .list-performance-kind--full li:last-child:after,
  .list-performance-kind--full li:nth-child(6n):after {
    content: none;
  }
  .list-performance-kind--full li a img {
    max-width: inherit;
  }
}
@media screen and (min-width: 1200px) {
  .list-performance-kind--full * {
    font-size: inherit;
  }
}

/*--------------------------------------------------------------
## list-performance
--------------------------------------------------------------*/
.list-performance {
  margin-bottom: 1.25rem;
  display: none;
}
.list-performance.current {
  display: block;
}
.list-performance li:not(:last-child) {
  margin-bottom: 0.625rem;
}
.list-performance a {
  background: #c8cfd3;
  display: block;
  width: 100%;
  padding: 0.9375rem;
  color: #595858;
  position: relative;
}
.list-performance .content {
  width: 58%;
  position: relative;
  z-index: 1;
}
.list-performance .date {
  font-size: 0.625rem;
  margin-bottom: 1.25rem;
}
.list-performance .price {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.625rem;
}
.list-performance p:not([class]) {
  font-size: 0.625rem;
}
.list-performance .kind {
  background: #a78f26;
  font-size: 0.84375rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  text-align: center;
  margin-bottom: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.list-performance .kind.kind-delivery:before {
  content: "";
  display: inline-block;
  margin-right: 0.3125rem;
  width: 1.28125rem;
  height: 0.9375rem;
  background: url(../img/common/icon-takuhai.svg) no-repeat center center/cover;
}
.list-performance .kind.kind-shop:before {
  content: "";
  display: inline-block;
  margin-right: 0.3125rem;
  width: 1.1875rem;
  height: 0.96875rem;
  background: url(../img/common/icon-tentou.svg) no-repeat center center/cover;
}
.list-performance figure {
  position: absolute;
  right: 0;
  top: 0;
  width: 60%;
  height: 100%;
}
.list-performance figure img {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 599px) {
  .list-performance {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.3125rem 1.875rem;
  }
  .list-performance.current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .list-performance li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0.3125rem 0.625rem;
    width: calc(50% - 0.625rem);
  }
  .list-performance .kind {
    font-size: inherit;
  }
  .list-performance .date {
    font-size: 0.8125rem;
  }
  .list-performance .price {
    font-size: 1.25rem;
  }
  .list-performance p:not([class]) {
    font-size: 0.625rem 20;
  }
}

/*--------------------------------------------------------------
## list-other-site
--------------------------------------------------------------*/
.list-other-site {
  margin: 1.875rem 0 7rem;
}
.list-other-site li:not(:last-child) {
  margin-bottom: 2.5rem;
}
.list-other-site a {
  background: #fff;
  border-radius: 0.25rem;
  display: block;
  text-align: center;
  -webkit-box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.1);
  padding: 0.625rem;
  color: #595858;
  font-size: 0.625rem;
}
.list-other-site img {
  width: 12.1875rem;
  display: block;
  margin: 0 auto 0.625rem;
}
@media screen and (min-width: 599px) {
  .list-other-site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .list-other-site li {
    width: 100%;
    margin: 0 1.25rem;
  }
  .list-other-site li:not(:last-child) {
    margin-bottom: 0px;
  }
}

/*--------------------------------------------------------------
## list-state
--------------------------------------------------------------*/
.list-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1.25rem 0 2.5rem;
}
.list-state > * {
  width: 50%;
  text-align: center;
}
.list-state > *:not(:last-child) {
  margin-bottom: 3.75rem;
}
.list-state img {
  height: 3.375rem;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 599px) {
  .list-state {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 2.5rem;
  }
  .list-state > * {
    width: 18%;
    text-align: center;
  }
  .list-state > *:not(:last-child) {
    margin-bottom: 0px;
  }
}

/*--------------------------------------------------------------
## list-columun
--------------------------------------------------------------*/
.list-columun li:not(:last-child) {
  margin-bottom: 1rem;
}
.list-columun a {
  background: #a78f26;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1.5rem 2rem;
  position: relative;
  width: 15.625rem;
  margin: 0 auto;
  font-size: 0.78125rem;
}
.list-columun a:after {
  content: "";
  background: url(../img/common/arrow-right-white.svg) no-repeat center center/cover;
  width: 0.4375rem;
  height: 1.125rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  right: 1rem;
}
.list-columun a img {
  position: absolute;
  z-index: 1;
  left: 5%;
  top: -20%;
  width: 40%;
}
@media screen and (min-width: 599px) {
  .list-columun {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-columun li {
    margin: 0 0.3125rem 2.5rem;
    width: 48%;
  }
  .list-columun li:not(:last-child) {
    margin-bottom: 2.5rem;
  }
  .list-columun a {
    font-size: 1.1875rem;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6.25rem 0.625rem 0.625rem 0.625rem;
  }
  .list-columun a img {
    left: 0;
    margin: auto;
    top: 0;
    right: 0;
    width: 41%;
    bottom: 71%;
  }
}
@media screen and (min-width: 959px) {
  .list-columun {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .list-columun li {
    margin: 0 0.3125rem 0rem;
    width: 25%;
  }
  .list-columun li:not(:last-child) {
    margin-bottom: 0;
  }
  .list-columun a {
    font-size: 1.1875rem;
    width: 100%;
    padding: 6.25rem 0.625rem 1.875rem 0.625rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .list-columun a img {
    bottom: 84%;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: 56%;
  }
}

/*--------------------------------------------------------------
## list-news
--------------------------------------------------------------*/
.list-news .date {
  font-size: 0.625rem;
}
.list-news .title {
  color: #fff;
  font-size: 0.78125rem;
  font-weight: bold;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.list-news .date {
  letter-spacing: 0.1em;
}
.list-news li {
  margin-bottom: 0.9375rem;
}
.list-news a {
  color: #fff;
  text-decoration: underline;
}
@media screen and (min-width: 959px) {
  .list-news li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .list-news .date {
    font-size: 0.9375rem;
    margin-right: 1.25rem;
  }
  .list-news .title {
    font-size: inherit;
  }
}

/*--------------------------------------------------------------
## list-inside-story
--------------------------------------------------------------*/
.list-inside-story li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.875rem;
}
.list-inside-story li figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 6.25rem;
  margin-right: 0.625rem;
}
.list-inside-story li figure a {
  position: relative;
  display: block;
}
.list-inside-story li figure a:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.list-inside-story li figure a img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.list-inside-story li .title {
  font-size: 0.8125rem;
  border-bottom: 4px solid #dfedff;
  padding-bottom: 0.3125rem;
  margin-bottom: 0.625rem;
}
.list-inside-story li a {
  color: #878788;
}
.list-inside-story.urabanashi li .title {
  border-bottom: 4px solid #dde9e8;
}
@media screen and (min-width: 959px) {
  .list-inside-story {
    max-width: 57.5rem;
    margin: 0 auto;
  }
  .list-inside-story li figure {
    width: 12.5rem;
    margin-right: 1.25rem;
  }
  .list-inside-story li .title {
    font-size: 1.75rem;
  }
}

/*--------------------------------------------------------------
## list-purchase-case
--------------------------------------------------------------*/
.list-purchase-case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.625rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.list-purchase-case > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -ms-flex-preferred-size: calc(50% - 1.25rem);
  flex-basis: calc(50% - 1.25rem);
  max-width: calc(50% - 1.25rem);
  margin: 0rem 0.625rem 1.25rem;
}
.list-purchase-case img {
  border: 1px solid #a78f26;
  margin-bottom: 0.3125rem;
}
.list-purchase-case p {
  text-align: center;
}
@media screen and (min-width: 599px) {
  .list-purchase-case {
    margin-top: 2.5rem;
  }
  .list-purchase-case > * {
    -ms-flex-preferred-size: calc(25% - 1.25rem);
    flex-basis: calc(25% - 1.25rem);
    max-width: calc(25% - 1.25rem);
  }
}

/*--------------------------------------------------------------
## list-diamond
--------------------------------------------------------------*/
.list-diamond li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.list-diamond li:before {
  content: "◆";
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 959px) {
  .list-diamond li {
    text-align: left;
  }
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
img {
  width: auto;
  max-width: 100%;
  height: auto;
}

iframe {
  width: 100%;
}

.object-fit-img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding: calc(480 / 853 * 100%) 0 0;
  margin-top: 1.5rem;
  -webkit-overflow-scrolling: touch;
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
  font-family: "mathilde";
  src: url("/assets/font/mathilde.woff") format("woff");
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.heading-border-top {
  font-size: 1.125rem;
  padding-top: 1.875rem;
  border-top: 0.0625rem solid #a78f26;
  margin-bottom: 1.875rem;
  font-weight: normal;
}
@media screen and (min-width: 959px) {
  .heading-border-top {
    font-size: 1.875rem;
    padding-top: 3.125rem;
    margin-bottom: 3.125rem;
  }
}

.heading-l {
  font-size: 1.875rem;
  color: #a78f26;
  font-weight: normal;
  margin-bottom: 0.625rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (min-width: 959px) {
  .heading-l {
    font-size: 3.125rem;
    margin-bottom: 0.9375rem;
  }
}

.heading-m {
  font-size: 1.625rem;
  color: #fff;
  font-weight: normal;
  margin-bottom: 0.625rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (min-width: 959px) {
  .heading-m {
    font-size: 2.5rem;
    margin-bottom: 0.9375rem;
  }
}

.heading-s {
  font-size: 1.25rem;
  color: #a78f26;
  font-weight: normal;
  margin-bottom: 2.1875rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (min-width: 959px) {
  .heading-s {
    font-size: 2.5rem;
    margin-bottom: 0.9375rem;
  }
}

.heading-nomal {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  color: #a78f26;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  text-align: center;
}
@media screen and (min-width: 959px) {
  .heading-nomal {
    margin-bottom: 3.75rem;
    font-size: 2.25rem;
  }
}

.heading-border {
  border-bottom: 0.0625rem solid;
  font-size: 1.25rem;
  padding-bottom: 5px;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 959px) {
  .heading-border {
    font-size: 1.875rem;
  }
}

.heading-mix {
  font-size: 1.625rem;
  color: #a78f26;
  text-align: center;
  font-weight: normal;
  margin-bottom: 1.875rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.heading-mix span {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.8125rem;
  display: block;
}
@media screen and (min-width: 959px) {
  .heading-mix {
    font-size: 2.8125rem;
    margin-bottom: 3rem;
  }
  .heading-mix span {
    font-size: 1.4375rem;
  }
}

.heading-dot {
  border-top: 0.0625rem dotted #a78f26;
  border-bottom: 0.0625rem dotted #a78f26;
  padding: 0.625rem 0;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #a78f26;
  font-weight: normal;
  font-size: 1.25rem;
  margin-bottom: 1.875rem;
  text-align: center;
}
@media screen and (min-width: 959px) {
  .heading-dot {
    font-size: 2.5rem;
    margin-bottom: 5rem;
  }
}

.heading-border-side {
  text-align: center;
  font-size: 1.25rem;
  font-weight: normal;
  color: #a78f26;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.25rem;
}
.heading-border-side span span {
  color: #878788;
  font-size: 0.75rem;
  display: block;
}
.heading-border-side:before,
.heading-border-side:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 0.0625rem;
  background: #a78f26;
  display: block;
}
.heading-border-side:before {
  margin-right: 0.4em;
}
.heading-border-side:after {
  margin-left: 0.4em;
}
@media screen and (min-width: 959px) {
  .heading-border-side {
    font-size: 2.5rem;
    margin-bottom: 4.375rem;
  }
  .heading-border-side span span {
    color: #878788;
    font-size: 1.0625rem;
    display: block;
  }
}

.heading-marker {
  margin-bottom: 1.5rem;
}
.heading-marker span {
  font-size: 1.25rem;
  color: #a78f26;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #f0ecdc));
  background: linear-gradient(transparent 70%, #f0ecdc 0%);
  display: inline;
}
@media screen and (min-width: 959px) {
  .heading-marker {
    margin-bottom: 3.75rem;
  }
  .heading-marker span {
    font-size: 2.25rem;
  }
}

.heading-mathilde {
  font-family: "mathilde", serif;
}

.text-small {
  font-size: 0.625rem;
}

.text-purple {
  color: #8d94e6;
}

.text-gold {
  color: #a78f26;
}

.text-gray {
  color: #878788;
}

.text-white {
  color: #fff;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# section--web
# section--difference
# section--access
# section--request
# section--slide
  ## slide-jewelry
  ## slide-brand-jewelry
  ## slide-brand
# section--purchase-case
# section--pirce
# section--column
# section--inside-story
# section--reason__price
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# section--web
--------------------------------------------------------------*/
.section--web {
  text-align: center;
}
.section--web h2 {
  color: #878788;
  font-size: 1.25rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 959px) {
  .section--web h2 {
    font-size: 1.75rem;
    margin-bottom: 2.5rem;
  }
}

/*--------------------------------------------------------------
# section--difference
--------------------------------------------------------------*/
.section--difference {
  background: #f8f7f7;
  padding-top: 5.3125rem;
}
.section--difference .arrow {
  width: 3.4375rem;
  margin: 0 auto 3.125rem;
  display: block;
}
.section--difference p {
  font-size: 0.625rem;
}
.section--difference .box-state {
  margin-bottom: 3.375rem;
}
@media screen and (min-width: 959px) {
  .section--difference {
    padding-bottom: 10rem;
  }
  .section--difference .heading-border-side {
    font-size: 1.875rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.25rem;
  }
  .section--difference .heading-border-side:before,
  .section--difference .heading-border-side:after {
    -webkit-box-flex: initial;
    -ms-flex-positive: initial;
    flex-grow: initial;
    width: 8.75rem;
  }
  .section--difference p {
    font-size: inherit;
  }
}

/*--------------------------------------------------------------
# section--access
--------------------------------------------------------------*/
.section--access .box-store {
  margin-bottom: 2.5rem;
}
.section--access .box-store.speciality {
  border-bottom: 0.0625rem solid #878788;
  padding-bottom: 2.5rem;
}
.section--access h2 {
  color: #878788;
  font-size: 1.25rem;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1.25rem;
}
.section--access h3 {
  color: #a78f26;
  text-align: center;
  font-size: 1.09375rem;
  font-weight: normal;
}
.section--access iframe {
  height: 10rem;
  margin: 0.625rem 0;
}
.section--access p {
  font-size: 0.625rem;
  color: #878788;
}
.section--access .address {
  font-size: 0.84375rem;
}
.section--access .time span {
  display: block;
}
.section--access .site-url {
  font-size: 0.84375rem;
  margin-top: 0.3125rem;
  display: inline-block;
}
.section--access .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5625rem;
  font-weight: bold;
  color: #878788;
}
.section--access .tel img {
  width: 28px;
  margin-right: 5px;
}
.section--access a {
  color: #878788;
}
.section--access .text-link {
  margin-top: 0.3125rem;
  display: inline-block;
}
@media screen and (min-width: 959px) {
  .section--access .box-store {
    margin: 0 auto;
    width: 100%;
    max-width: 74.25rem;
    padding: 0 1.5rem;
  }
  .section--access .box-store.speciality {
    border-bottom: none;
    padding-bottom: 8.75rem;
  }
  .section--access iframe {
    height: 20rem;
    width: 100%;
    margin: 0.625rem 0;
  }
  .section--access .inner {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .section--access .inner > * {
    width: calc(50% - 1.25rem);
  }
  .section--access .site-url {
    font-size: inherit;
  }
  .section--access .text-center {
    text-align: left;
  }
  .section--access .text-center a {
    font-size: 1rem;
  }
  .section--access h2 {
    font-size: 1.75rem;
    margin-bottom: 5rem;
  }
  .section--access h3 {
    font-size: 2.125rem;
    margin-bottom: 1.25rem;
  }
  .section--access p {
    font-size: 1.0625rem;
    font-weight: bold;
  }
  .section--access .address {
    font-size: 1.4375rem;
    margin-top: 1.5rem;
    font-weight: normal;
  }
  .section--access .tel {
    font-size: 2.8125rem;
  }
  .section--access .tel img {
    width: 3.125rem;
  }
  .section--access .time {
    font-size: 1.0625rem;
    margin-bottom: 0.625rem;
  }
  .section--access .time span {
    font-size: 0.875rem;
    display: block;
  }
  .section--access a {
    font-size: inherit;
  }
}

/*--------------------------------------------------------------
# section--request
--------------------------------------------------------------*/
.section--request {
  text-align: center;
}
.section--request * {
  color: #a78f26;
}
.section--request a {
  border: 0.0625rem solid #a78f26;
  display: block;
  margin: 0 auto 1.25rem;
  padding: 0.625rem;
  max-width: 84%;
}
.section--request .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
}
.section--request .title img {
  width: 1.625rem;
  margin-right: 0.625rem;
}
.section--request .line .title {
  color: #83c53a;
}
.section--request .assessment .title {
  color: #86c3d9;
}
.section--request .delivery .title {
  color: #ff967f;
}
.section--request .text {
  font-size: 0.625rem;
}
@media screen and (min-width: 959px) {
  .section--request ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3.75rem;
  }
  .section--request ul li {
    width: 32%;
  }
  .section--request a {
    max-width: inherit;
    margin-bottom: 0;
  }
  .section--request .text {
    font-size: 1rem;
  }
  .section--request .title {
    font-size: 1.6875rem;
  }
}

/*--------------------------------------------------------------
# section--slide
--------------------------------------------------------------*/
.section--slide {
  text-align: center;
  margin-bottom: 7.5rem;
}
.section--slide h3 {
  font-size: 1.5625rem;
  font-weight: normal;
  margin-bottom: 0.625rem;
  text-align: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",
    "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.section--slide .slide-arrow {
  width: 8.4375rem;
  display: block;
  margin: 0 auto 1.875rem;
}
@media screen and (min-width: 959px) {
  .section--slide {
    position: relative;
    margin: 0 auto 12.5rem;
    width: 100%;
    max-width: 85rem;
    padding: 0 1.5rem;
  }
  .section--slide .inner {
    position: relative;
  }
  .section--slide .slide-arrow {
    display: block;
    margin: 0;
    width: 12.5rem;
    top: 0px;
    right: 0;
    position: absolute;
  }
}

/*--------------------------------------------------------------
## slide-jewelry
--------------------------------------------------------------*/
.section--slide-jewelry {
  text-align: center;
}
.section--slide-jewelry h3 {
  color: #8d94e6;
  text-align: center;
}
.section--slide-jewelry h3 span {
  font-size: 0.9375rem;
}
.section--slide-jewelry h3 + p {
  font-size: 0.71875rem;
  color: #595858;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 959px) {
  .section--slide-jewelry h3 {
    font-size: 2.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section--slide-jewelry h3 span {
    font-size: 1.75rem;
    margin-right: 0.625rem;
  }
  .section--slide-jewelry h3 + p {
    font-size: 1.0625rem;
    margin-bottom: 3.125rem;
  }
}

.slide-jewelry ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 1.5rem 1.5rem;
  position: relative;
  width: 89.375rem;
}
.slide-jewelry ul li {
  margin: 0 0.625rem 1.25rem 0;
  width: 6.25rem;
}
.slide-jewelry ul a {
  display: block;
  font-size: 0.625rem;
  color: #595858;
}
.slide-jewelry ul a img {
  width: 80px;
  height: 80px;
  margin-bottom: 5px;
}
.slide-jewelry ul a span {
  display: block;
  text-align: center;
}
.slide-jewelry ul a .j-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.slide-jewelry ul a .j-more:after {
  content: "";
  background: url(../img/index/arrow-right-gray-xs.svg) no-repeat center center/cover;
  height: 10px;
  margin-left: 5px;
  margin-top: 1px;
  width: 5px;
}
.slide-jewelry.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 0;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 100%;
  background: none;
  border-bottom: 1px solid #a1894e;
}
.slide-jewelry.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  background: #8d94e6;
  border-radius: 0;
}
@media screen and (min-width: 599px) {
  .slide-jewelry ul {
    width: 89.375rem;
  }
  .slide-jewelry ul li {
    width: 6.25rem;
  }
}
@media screen and (min-width: 959px) {
  .slide-jewelry ul {
    width: 2210px;
  }
  .slide-jewelry ul li {
    width: 10rem !important;
  }
  .slide-jewelry ul a img {
    width: 8rem;
    height: 8rem;
  }
}

/*--------------------------------------------------------------
## slide-brand-jewelry
--------------------------------------------------------------*/
.section--slide-brand-jewelry {
  text-align: center;
}
.section--slide-brand-jewelry h3 {
  color: #b5b5b5;
  margin-bottom: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section--slide-brand-jewelry h3 span {
  font-size: 0.9375rem;
  color: #b5b5b5;
}
.section--slide-brand-jewelry h3 + p {
  font-size: 0.71875rem;
  color: #595858;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 959px) {
  .section--slide-brand-jewelry h3 {
    font-size: 2.8125rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .section--slide-brand-jewelry h3 span {
    font-size: 1.75rem;
    margin-right: 0.625rem;
  }
  .section--slide-brand-jewelry h3 + p {
    font-size: 1.0625rem;
    margin-bottom: 3.125rem;
  }
}

.slide-brand-jewelry {
  margin-bottom: 2.5rem;
}
.slide-brand-jewelry > ul {
  padding: 0 0.625rem 1.5rem;
}
.slide-brand-jewelry > ul .title {
  width: 1rem;
  height: 1rem;
  background: #a78f26;
  border-radius: 3px;
  color: #fff;
  font-size: inherit;
  line-height: 1rem;
  text-align: center;
  margin-bottom: 0.625rem;
}
.slide-brand-jewelry > ul > li {
  width: 206px;
  margin: 0 0.625rem 0 0.625rem;
}
.slide-brand-jewelry > ul > li.sp-single {
  width: 6.4375rem;
}
.slide-brand-jewelry > ul > li:last-child {
  margin-right: 1.875rem;
}
.slide-brand-jewelry.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 0;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 100%;
  background: none;
  border-bottom: 1px solid #a1894e;
}
.slide-brand-jewelry.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  background: #b5b5b5;
  border-radius: 0;
}
.slide-brand-jewelry .list-brand-jewelry-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 18.5rem;
}
.slide-brand-jewelry .list-brand-jewelry-child li {
  width: 97px;
  margin-right: 6px;
  margin-bottom: 0.375rem;
}
.slide-brand-jewelry .list-brand-jewelry-child li a,
.slide-brand-jewelry .list-brand-jewelry-child li span {
  border: 1px solid #a78f26;
  height: 2.5rem;
  white-space: pre-wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1.25;
  padding: 0 0.1875rem;
}
@media screen and (min-width: 959px) {
  .slide-brand-jewelry > ul .title {
    line-height: 2.0625rem;
    width: 2.0625rem;
    height: 2.0625rem;
    font-size: inherit;
    font-weight: bold;
  }
  .slide-brand-jewelry > ul > li {
    width: 37.5rem;
    margin: 0 0.625rem 0 0.625rem;
  }
  .slide-brand-jewelry > ul > li.sp-single {
    width: 12.5rem;
  }
  .slide-brand-jewelry > ul > li.pc-double {
    width: 25rem;
  }
  .slide-brand-jewelry .list-brand-jewelry-child {
    height: 28rem;
  }
  .slide-brand-jewelry .list-brand-jewelry-child li {
    width: 12.125rem;
  }
  .slide-brand-jewelry .list-brand-jewelry-child li a,
  .slide-brand-jewelry .list-brand-jewelry-child li span {
    font-size: inherit;
    height: 5rem;
    padding: 0.625rem;
  }
}

/*--------------------------------------------------------------
## slide-brand
--------------------------------------------------------------*/
.section--slide-brand {
  text-align: center;
  margin-bottom: 2.5rem;
}
.section--slide-brand h3 {
  color: #d49f00;
}
.section--slide-brand h3 span {
  font-size: 0.9375rem;
  color: #595858;
}
.section--slide-brand h3 + p {
  font-size: 0.71875rem;
  color: #595858;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 959px) {
  .section--slide-brand {
    margin-bottom: 2.5rem !important;
  }
  .section--slide-brand h3 {
    font-size: 2.8125rem;
  }
  .section--slide-brand h3 span {
    font-size: 1.75rem;
  }
  .section--slide-brand h3 + p {
    font-size: 1.0625rem;
    margin-bottom: 3.125rem;
  }
}

.slide-brand {
  margin-bottom: 2.5rem;
}
.slide-brand ul {
  padding-bottom: 1.5rem;
}
.slide-brand ul li {
  margin: 0 0.625rem;
  width: 6.875rem;
}
.slide-brand ul li img {
  display: block;
  margin-bottom: 0.3125rem;
}
.slide-brand ul li a {
  display: block;
  font-weight: bold;
}
.slide-brand.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 0;
  bottom: 0.1875rem;
  z-index: 50;
  height: 0.3125rem;
  width: 100%;
  background: none;
  border-bottom: 0.0625rem solid #a1894e;
}
.slide-brand.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  background: #d49f00;
  border-radius: 0;
}
@media screen and (min-width: 959px) {
  .slide-brand ul li {
    width: 200px;
  }
}

/*--------------------------------------------------------------
## slide-brand-2
--------------------------------------------------------------*/
.section--slide-brand-2 {
  text-align: center;
}
.section--slide-brand-2 h3 {
  color: #b5b5b5;
  margin-bottom: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section--slide-brand-2 h3 span {
  font-size: 0.9375rem;
  color: #b5b5b5;
}
.section--slide-brand-2 h3 + p {
  font-size: 0.71875rem;
  color: #595858;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 959px) {
  .section--slide-brand-2 h3 {
    font-size: 2.8125rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .section--slide-brand-2 h3 span {
    font-size: 1.75rem;
    margin-right: 0.625rem;
  }
  .section--slide-brand-2 h3 + p {
    font-size: 1.0625rem;
    margin-bottom: 3.125rem;
  }
}

.slide-brand-2 {
  margin-bottom: 2.5rem;
}
.slide-brand-2 > ul {
  padding: 0 0.625rem 1.5rem;
}
.slide-brand-2 > ul .title {
  width: 1rem;
  height: 1rem;
  background: #a78f26;
  border-radius: 3px;
  color: #fff;
  font-size: inherit;
  line-height: 1rem;
  text-align: center;
  margin-bottom: 0.625rem;
}
.slide-brand-2 > ul > li {
  width: 309px;
  margin: 0 0.625rem 0 0.625rem;
}
.slide-brand-2 > ul > li.sp-single {
  width: 6.4375rem;
}
.slide-brand-2 > ul > li.sp-double {
  width: 12.875rem;
}
.slide-brand-2 > ul > li:last-child {
  margin-right: 1.875rem;
}
.slide-brand-2.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 0;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 100%;
  background: none;
  border-bottom: 1px solid #a1894e;
}
.slide-brand-2.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  background: #b5b5b5;
  border-radius: 0;
}
.slide-brand-2 .list-brand-jewelry-child,
.slide-brand-2 .list-brand-2-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 18.5rem;
}
.slide-brand-2 .list-brand-jewelry-child li,
.slide-brand-2 .list-brand-2-child li {
  width: 97px;
  margin-right: 6px;
  margin-bottom: 0.375rem;
}
.slide-brand-2 .list-brand-jewelry-child li a,
.slide-brand-2 .list-brand-jewelry-child li span,
.slide-brand-2 .list-brand-2-child li a,
.slide-brand-2 .list-brand-2-child li span {
  border: 1px solid #a78f26;
  height: 2.5rem;
  white-space: pre-wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1.25;
  padding: 0 0.1875rem;
}
@media screen and (min-width: 959px) {
  .slide-brand-2 > ul .title {
    line-height: 2.0625rem;
    width: 2.0625rem;
    height: 2.0625rem;
    font-size: inherit;
    font-weight: bold;
  }
  .slide-brand-2 > ul > li {
    width: 37.5rem;
    margin: 0 0.625rem 0 0.625rem;
  }
  .slide-brand-2 > ul > li.sp-single {
    width: 12.5rem;
  }
  .slide-brand-2 > ul > li.sp-double {
    width: 25rem;
  }
  .slide-brand-2 > ul > li.pc-double {
    width: 25rem;
  }
  .slide-brand-2 .list-brand-jewelry-child,
  .slide-brand-2 .list-brand-2-child {
    height: 27rem;
  }
  .slide-brand-2 .list-brand-jewelry-child li,
  .slide-brand-2 .list-brand-2-child li {
    width: 12.125rem;
  }
  .slide-brand-2 .list-brand-jewelry-child li a,
  .slide-brand-2 .list-brand-jewelry-child li span,
  .slide-brand-2 .list-brand-2-child li a,
  .slide-brand-2 .list-brand-2-child li span {
    font-size: inherit;
    height: 5rem;
    padding: 0.625rem;
  }
}

/*--------------------------------------------------------------
# section--purchase-case
--------------------------------------------------------------*/
.section--purchase-case {
  background: #f1f1f3;
}

/*--------------------------------------------------------------
# section--pirce
--------------------------------------------------------------*/
.section--pirce {
  text-align: center;
  background: #f4f2f1;
  padding: 4.5rem 0 2rem;
}
.section--pirce .inner {
  padding: 1.125rem;
  width: 84%;
  display: block;
  margin: 0 auto;
  background: #fff;
}
.section--pirce .title {
  border-bottom: 1px solid #737f92;
  padding-bottom: 0.625rem;
  margin-bottom: 1.25rem;
  margin-top: -4.5rem;
}
.section--pirce .title h2 {
  font-size: 0.75rem;
  color: #a78f26;
}
.section--pirce .title h2 span {
  margin-top: 5px;
  display: block;
  font-size: 1.4375rem;
}
.section--pirce .title h2 rt {
  font-size: 0.625rem;
}
.section--pirce .title img {
  width: 3.75rem;
  display: block;
  margin: 0 auto 0.625rem;
}
.section--pirce .title p {
  color: #595858;
  font-size: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.625rem 0;
}
.section--pirce .title p:before,
.section--pirce .title p:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 1px;
  background-color: #595858;
}
.section--pirce .title p:before {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.section--pirce .title p:after {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.section--pirce .content .content__title {
  font-size: 0.78125rem;
  font-weight: bold;
  color: #595858;
}
.section--pirce .content .content__date {
  font-size: 0.78125rem;
  color: #595858;
  margin-bottom: 0.625rem;
}
.section--pirce .content .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section--pirce .content .price > * {
  width: 50%;
}
.section--pirce .content .price h3 {
  margin-bottom: 5px;
  color: #fff;
  font-size: 0.625rem;
}
.section--pirce .content .price p {
  font-size: 2rem;
  letter-spacing: -0.0625rem;
}
.section--pirce .content .price p span {
  font-size: 1.25rem;
}
.section--pirce .content .price .silver {
  padding-left: 7.5px;
}
.section--pirce .content .price .silver h3 {
  background: #737f92;
}
.section--pirce .content .price .silver p {
  color: #737f92;
}
.section--pirce .content .price .gold {
  border-right: 1px solid #737f92;
  padding-right: 7.5px;
}
.section--pirce .content .price .gold h3 {
  background: #a78f26;
}
.section--pirce .content .price .gold p {
  color: #a78f26;
}
.section--pirce .btn a {
  font-weight: normal;
}
@media screen and (min-width: 959px) {
  .section--pirce {
    padding: 110px 0 64px 0;
  }
  .section--pirce .inner {
    max-width: 1066px;
    padding: 2.5rem 10%;
  }
  .section--pirce .title {
    margin-top: -110px;
  }
  .section--pirce .title h2 {
    font-size: 1.25rem;
  }
  .section--pirce .title h2 span {
    font-size: 3.3125rem;
  }
  .section--pirce .title h2 rt {
    font-size: 1.0625rem;
  }
  .section--pirce .title p {
    font-size: 1.0625rem;
  }
  .section--pirce .title p:before,
  .section--pirce .title p:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: #595858;
  }
  .section--pirce .title img {
    width: 108px;
  }
  .section--pirce .content .content__title,
  .section--pirce .content .content__date {
    font-size: 1.0625rem;
  }
  .section--pirce .content .price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section--pirce .content .price h3 {
    font-size: 0.9375rem;
  }
  .section--pirce .content .price p {
    font-size: 3.625rem;
  }
  .section--pirce .content .price p span {
    font-size: 2.5rem;
  }
  .section--pirce .content .price > * {
    width: 18.75rem;
  }
  .section--pirce .content .price .gold {
    padding-right: 3.75rem;
  }
  .section--pirce .content .price .silver {
    padding-left: 3.75rem;
  }
}

/*--------------------------------------------------------------
# section--column
--------------------------------------------------------------*/
.section--column {
  text-align: center;
  overflow: hidden;
  margin: 5rem 0 8.75rem;
}
@media screen and (min-width: 959px) {
  .section--column {
    margin: 2.5rem 0 8.75rem;
  }
  .section--column .inner {
    max-width: inherit;
    padding: 0;
  }
}

.list-column li {
  margin-bottom: 0.75rem;
}
.list-column a {
  padding: 1.5625rem 1.25rem 1.25rem;
  position: relative;
  display: block;
  height: 100%;
}
.list-column h3 {
  font-size: 1.375rem;
  margin-bottom: 0.625rem;
  line-height: 1.35;
}
.list-column h3 span {
  display: block;
  font-family: "notera";
  color: #a78f26;
  font-size: 2.0625rem;
  margin-bottom: 0.625rem;
}
.list-column p {
  color: #878788;
}
.list-column p:not([class]) {
  margin-bottom: 0.9375rem;
}
.list-column .btn {
  border: 1px solid #878788;
  width: 8.75rem;
  margin: 0 auto;
}
.list-column img {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 599px) {
  .list-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.3125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-column > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-preferred-size: calc(50% - 0.625rem);
    flex-basis: calc(50% - 0.625rem);
    max-width: calc(50% - 0.625rem);
    margin: 0 0.3125rem 0.625rem;
  }
}
@media screen and (min-width: 959px) {
  .list-column > * {
    -ms-flex-preferred-size: calc(25% - 0.625rem);
    flex-basis: calc(25% - 0.625rem);
    max-width: calc(25% - 0.625rem);
  }
  .list-column p {
    font-size: 0.75rem;
  }
}
.list-column .policy a {
  background: #e7d9d2;
}
.list-column .policy a img {
  right: 0;
  bottom: 0;
  max-width: 12.5rem;
  width: 66%;
}
.list-column .story a {
  background: #f1f0d7;
}
.list-column .story a img {
  right: -10%;
  bottom: -15%;
  max-width: 8.75rem;
  width: 41%;
}
.list-column .story.story--brand a img {
  right: 0;
  bottom: 0;
  max-width: 5rem;
  width: 25%;
}
.list-column .story h3 span {
  margin-bottom: 0;
}
.list-column .secret a {
  background: #dde9e8;
}
.list-column .secret a img {
  right: -5%;
  bottom: -10%;
  max-width: 6.25rem;
  width: 28%;
}
@media screen and (min-width: 599px) {
  .list-column .secret a img {
    right: 0;
  }
}
.list-column .magazine a {
  background: #dfedff;
}
.list-column .magazine a img {
  right: -10%;
  bottom: 5%;
  width: 32%;
  max-width: 7.5rem;
}

/*--------------------------------------------------------------
# section--inside-story
--------------------------------------------------------------*/
@media screen and (min-width: 599px) {
  .section--inside-story .btn a {
    width: 22.5rem;
    font-weight: normal;
  }
}

.line-gold {
  background: #fff;
  padding: 1.25rem 1.5rem;
}
.line-gold .line {
  max-width: 82rem;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #a78f26;
}
@media screen and (min-width: 959px) {
  .line-gold {
    padding: 2.5rem 1.5rem;
  }
}

/*--------------------------------------------------------------
# section--reason__price
--------------------------------------------------------------*/
.section--reason__price-wrap {
  background: none !important;
}

.section--reason__price {
  padding: 0 1.25rem;
  position: relative;
}
.section--reason__price:after {
  content: "";
  background: #fff;
  width: 100%;
  height: calc(100% - 45px);
  position: absolute;
  left: 0;
  z-index: 0;
  bottom: 0;
}
.section--reason__price .title,
.section--reason__price .content {
  z-index: 1;
  position: relative;
}
.section--reason__price .title {
  border-bottom: 1px solid #737f92;
  padding-bottom: 0.625rem;
  margin-bottom: 1.25rem;
}
.section--reason__price .title h2 {
  font-size: 0.75rem;
  color: #a78f26;
  margin-bottom: 0;
}
.section--reason__price .title h2 span {
  margin-top: 5px;
  display: block;
  font-size: 1.4375rem;
}
.section--reason__price .title h2 rt {
  font-size: 0.625rem;
}
.section--reason__price .title img {
  width: 3.75rem;
  display: block;
  margin: 0 auto 0.625rem;
}
.section--reason__price .title p {
  color: #595858;
  font-size: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.625rem 0;
  margin-bottom: 0;
}
.section--reason__price .title p:before,
.section--reason__price .title p:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 1px;
  background-color: #595858;
}
.section--reason__price .title p:before {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.section--reason__price .title p:after {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.section--reason__price .btn a {
  font-weight: normal;
}
.section--reason__price .content .content__title {
  font-size: 0.78125rem;
  font-weight: bold;
  color: #595858;
}
.section--reason__price .content .content__date {
  font-size: 0.78125rem;
  color: #595858;
  margin-bottom: 1.25rem;
}
.section--reason__price .content .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section--reason__price .content .price > * {
  width: 50%;
}
.section--reason__price .content .price h3 {
  margin-bottom: 5px;
  color: #fff;
  font-size: 0.625rem;
}
.section--reason__price .content .price p {
  font-size: 2rem;
  letter-spacing: -0.0625rem;
}
.section--reason__price .content .price p span {
  font-size: 1.25rem;
}
.section--reason__price .content .price .silver {
  padding-left: 7.5px;
}
.section--reason__price .content .price .silver h3 {
  background: #737f92;
}
.section--reason__price .content .price .silver p {
  color: #737f92;
}
.section--reason__price .content .price .gold {
  border-right: 1px solid #737f92;
  padding-right: 7.5px;
}
.section--reason__price .content .price .gold h3 {
  background: #a78f26;
}
.section--reason__price .content .price .gold p {
  color: #a78f26;
}
@media screen and (min-width: 959px) {
  .section--reason__price:after {
    height: calc(100% - 65px);
  }
  .section--reason__price .title h2 {
    font-size: 1.25rem;
  }
  .section--reason__price .title h2 span {
    font-size: 2.3125rem;
  }
  .section--reason__price .title h2 rt {
    font-size: 1.0625rem;
  }
  .section--reason__price .title p {
    font-size: 1.0625rem;
  }
  .section--reason__price .title p:before,
  .section--reason__price .title p:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: #595858;
  }
  .section--reason__price .title img {
    width: 100px;
  }
  .section--reason__price .content .content__title,
  .section--reason__price .content .content__date {
    font-size: 1.0625rem;
  }
  .section--reason__price .content .price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section--reason__price .content .price h3 {
    font-size: 0.9375rem;
  }
  .section--reason__price .content .price p {
    font-size: 2.5rem;
  }
  .section--reason__price .content .price p span {
    font-size: 1.875rem;
  }
  .section--reason__price .content .price > * {
    width: 16.25rem;
  }
  .section--reason__price .content .price .gold {
    padding-right: 2.5rem;
  }
  .section--reason__price .content .price .silver {
    padding-left: 2.5rem;
  }
  .section--reason__price p {
    margin-bottom: 0;
  }
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# animation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# animation
--------------------------------------------------------------*/


/* 修正 */
.swiper-container {
  position: relative !important;
  overflow: hidden !important;
  z-index: 0;
}
.footer__fixed-menu li:last-child a img {
  height: 2rem;
}
.footer__fixed-menu li:first-child {
  padding-right: 0;
}
.section--index-hero {
  overflow: hidden;
}


.line-wrap{
position: relative;
}
.line-wrap .line{
  position: absolute;
  right: 0.625rem;
  bottom: -1.25rem;
  z-index: 100;
}
.section--index-point .bg {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 1.25s ease;
    transition: all 1.25s ease;
    z-index: -1;
    width: 100vw;
    height: 100vh;
}







/* 文字級数かえたところ */
body {
  font-size: 0.90625rem;
}
@media screen and (min-width: 599px) {
  body {
    font-size: 0.90625rem;
  }
}
@media screen and (min-width: 959px) {
  body {
    font-size: 1.0625rem;
  }
}
.section--difference p {
  font-size: 0.90625rem;
}
.section--access p {
  font-size: 0.90625rem;
}
.section--request .text {
  font-size: 0.90625rem;
}
.section--reason__price .title p {
  font-size: 0.90625rem;
}

.footer__info .footer__infomation {
    font-size: 0.75rem;
}
.footer__menu.sp .footer__menu__list > li {
  font-size: 0.78125rem;
}


.section--breadcrumb * {
    height: 30px;
}


.banner-line-wrap{
padding-bottom: 40px;
}
.banner-line-wrap a{
padding: 0;
border: 0;
width: fit-content;
}


@media screen and (min-width: 599px) {
.banner-line-wrap{
padding-bottom: 80px;
}

}