@charset "UTF-8";
/*--------------------------------------------------------------
>>> 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:
----------------------------------------------------------------
# index
## section--performance
## section--organize
## section--secret-story
## section--policy
## section--index-column
## section--bg-end
## section--index-point
## section--index-pirce
## section--index-news
## section--index-lead
## section--index-hero
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# index
--------------------------------------------------------------*/
.section--front {
  position: relative;
  z-index: 1;
  background: #fff;
}

/*--------------------------------------------------------------
## section--performance
--------------------------------------------------------------*/
.section--performance {
  padding-top: 5rem;
}

/*--------------------------------------------------------------
## section--organize
--------------------------------------------------------------*/
.section--organize {
  text-align: center;
  background: url(../img/index/bg-organize.webp) no-repeat center center/cover;
}
.section--organize p {
  margin-bottom: 1.25rem;
}
.section--organize .inner {
  background: #fff;
  width: 84%;
  display: block;
  margin: 0 auto;
  padding: 1.875rem;
  color: #a78f26;
}
.section--organize .btn {
  text-decoration: underline;
}
@media screen and (min-width: 959px) {
  .section--organize {
    background: url(../img/index/bg-organize-pc.jpg) no-repeat center
      center/cover;
    padding: 8.75rem 0;
  }
  .section--organize p {
    font-size: 1.4375rem;
  }
  .section--organize .btn {
    max-width: 24.375rem;
  }
}

/*--------------------------------------------------------------
## section--secret-story
--------------------------------------------------------------*/
.section--secret-story {
  color: #595858;
  padding: 0;
}
.section--secret-story h2 {
  font-size: 1.25rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", serif;
  font-weight: normal;
  color: #a78f26;
  margin-bottom: 0.625rem;
}
.section--secret-story p {
  font-size: 0.625rem;
  margin-bottom: 0.625rem;
}
.section--secret-story .box-story {
  background: #dfedff;
  position: relative;
  text-align: center;
  padding: 3.5rem 1.875rem 3.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
}
.section--secret-story .box-story .title {
  width: 4.5rem;
  margin-bottom: 0.625rem;
}
.section--secret-story .box-story img:not([class]) {
  position: absolute;
  bottom: 1.25rem;
  right: -1.25rem;
  width: 9.375rem;
}
.section--secret-story .box-secret {
  background: #dde9e8;
  position: relative;
  text-align: center;
  padding: 3.5rem 3.5rem 3.1875rem 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  overflow: hidden;
}
.section--secret-story .box-secret .title {
  width: 4.5rem;
  margin-bottom: 0.625rem;
}
.section--secret-story .box-secret img:not([class]) {
  position: absolute;
  bottom: 1.875rem;
  left: 2.5rem;
  width: 6.875rem;
}
@media screen and (min-width: 599px) {
  .section--secret-story {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0 !important;
  }
  .section--secret-story > * {
    width: 50%;
  }
}
@media screen and (min-width: 599px) and (min-width: 959px) {
  .section--secret-story .box-story {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 599px) {
  .section--secret-story .box-story .title {
    width: 7.6875rem;
  }
}
@media screen and (min-width: 599px) {
  .section--secret-story .box-story .content {
    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: 100%;
  }
  .section--secret-story .box-story .content a {
    margin-top: auto;
  }
}
@media screen and (min-width: 599px) {
  .section--secret-story .box-story p {
    font-size: inherit;
    margin-top: auto;
  }
}
@media screen and (min-width: 599px) {
  .section--secret-story .box-story img:not([class]) {
    bottom: 1.875rem;
    right: 50%;
    margin-right: -105%;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 15rem;
  }
}
@media screen and (min-width: 599px) and (min-width: 959px) {
  .section--secret-story .box-story img:not([class]) {
    margin-right: -29rem;
  }
}
@media screen and (min-width: 599px) and (min-width: 959px) {
  .section--secret-story .box-secret {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 599px) {
  .section--secret-story .box-secret .title {
    width: 10.25rem;
  }
}
@media screen and (min-width: 599px) {
  .section--secret-story .box-secret p {
    font-size: inherit;
  }
}
@media screen and (min-width: 599px) {
  .section--secret-story .box-secret img:not([class]) {
    bottom: 1.875rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 10rem;
    margin-left: -43%;
  }
}
@media screen and (min-width: 599px) and (min-width: 959px) {
  .section--secret-story .box-secret img:not([class]) {
    margin-left: -12.9375rem;
  }
}

/*--------------------------------------------------------------
## section--policy
--------------------------------------------------------------*/
.section--policy {
  text-align: center;
  color: #878788;
  padding-bottom: 10.5rem;
  background-color: #ffffff;
  background: url(../img/gold/img-policy.webp) no-repeat 114% 70%, #fff;
  background-size: 257px 318px;
}
.section--policy .content .btn a {
  background: #fff;
}
.section--policy .content p {
  font-size: 0.625rem;
  margin-bottom: 1.25rem;
}
.section--policy .content .heading-m {
  color: #878788;
}
.section--policy .content img {
  width: 6.0625rem;
  margin-bottom: 0.3125rem;
}

.section--policy .inner .img-sp {
  position: absolute;
  right: -20%;
  bottom: 28%;
  width: 16.25rem;
}

@media screen and (min-width: 599px) {
  .section--policy {
    background: #fff;
    padding: 0;
  }
  .section--policy .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: contain;
    margin: 0 auto;
  }
  .section--policy .inner > * {
    width: 50%;
  }
  .section--policy .inner .img {
    text-align: center;
  }
  .section--policy .inner .img img {
    display: block;
    margin: 0 auto;
  }
  .section--policy .inner .content img {
    display: block;
    margin: 0 auto 0.625rem;
    width: 10rem;
  }
  .section--policy .inner .content p {
    font-size: inherit;
  }
}

/*--------------------------------------------------------------
## section--index-column
--------------------------------------------------------------*/
.section--index-column {
  text-align: center;
}

/*--------------------------------------------------------------
## section--bg-end
--------------------------------------------------------------*/
@media screen and (min-width: 959px) {
  .section--bg-end {
    padding-top: 8rem;
  }
}

/*--------------------------------------------------------------
## section--index-point
--------------------------------------------------------------*/
.section--index-point .point {
  height: 100vh; /* Fallback */
  height: calc(var(--vh, 1vh) * 100);
  min-height: 41.6875rem;
  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;
  background: #ccc;
  transition: 0.3s;
}
.section--index-point .point--01 .bg {
  background: url(../img/index/point-01_sp.webp) no-repeat center center/cover;
}
.section--index-point .point--02 .bg {
  background: url(../img/index/point-02_sp.webp) no-repeat center center/cover;
}
.section--index-point .point--03 .bg {
  background: url(../img/index/point-03_sp.webp) no-repeat center center/cover;
}
.section--index-point .bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 1.25s ease;
  transition: all 1.25s ease;
  z-index: -1;
  width: 100%;
  min-height: 100vh; /* Fallback */
  min-height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
.section--index-point .bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  min-height: 100vh; /* Fallback */
  min-height: calc(var(--vh, 1vh) * 100);
}
.section--index-point .show .bg {
  opacity: 1;
  z-index: 0;
}
.section--index-point .content {
  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;
  z-index: 1;
  position: relative;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  color: #fff;
}
.section--index-point .content .lead {
  font-size: 1rem;
  font-weight: bold;
}
.section--index-point .content h2 {
  font-size: 1.5625rem;
  margin-bottom: 4.6875rem;
  text-align: center;
}
.section--index-point .content h3 {
  font-size: 1.625rem;
  text-align: center;
  margin-bottom: 1.25rem;
}
.section--index-point .content h3 span {
  font-size: 1rem;
}
.section--index-point .content img {
  width: 136px;
  margin-left: -3.75rem;
  margin-bottom: 2.5rem;
}
.section--index-point .point--01 h3 {
  position: relative;
  margin-bottom: 1.25rem;
  font-size: 1.4375rem;
}
.section--index-point .point--01 h3 span {
  position: absolute;
  top: 1.75rem;
  left: 0;
}
.section--index-point .point--03 p {
  margin-bottom: 4.25rem;
  width: 100%;
}
@media screen and (min-width: 959px) {
  .section--index-point .point {
    /*    height: 120vh;*/
    height: 100%;
  }
  .section--index-point .point--01 .bg {
    background: url(../img/index/point-01_pc.webp) no-repeat center center/cover;
  }
  .section--index-point .point--02 .bg {
    background: url(../img/index/point-02_pc.webp) no-repeat center center/cover;
  }
  .section--index-point .point--03 .bg {
    background: url(../img/index/point-03_pc.webp) no-repeat center center/cover;
  }
  .section--index-point .content h2 {
    font-size: 2.8125rem;
  }
  .section--index-point .content h3 {
    font-size: 3.125rem;
  }
  .section--index-point .content h3 span {
    font-size: 1.875rem;
  }
  .section--index-point .content p {
    font-size: 1.25rem;
  }
  .section--index-point .content .lead {
    font-size: 1.875rem;
  }
}

/*--------------------------------------------------------------
## section--index-pirce
--------------------------------------------------------------*/
.section--index-pirce {
  text-align: center;
  background: #f4f2f1;
  padding: 2.5rem 0 2rem;
  position: relative;
  z-index: 1;
}
.section--index-pirce .inner {
  padding: 1.125rem;
  width: 84%;
  display: block;
  margin: 0 auto;
  background: #fff;
}
.section--index-pirce .title {
  border-bottom: 1px solid #737f92;
  padding-bottom: 0.625rem;
  margin-bottom: 1.25rem;
  margin-top: -2.5rem;
}
.section--index-pirce .title h2 {
  font-size: 1.25rem;
  color: #a78f26;
}
.section--index-pirce .title h2 span {
  font-size: 2.3125rem;
}
.section--index-pirce .title img {
  width: 3.75rem;
  display: block;
  margin: 0 auto 0.625rem;
}
.section--index-pirce .title p {
  color: #595858;
  font-size: 0.625rem;
}
.section--index-pirce .content .content__title {
  font-size: 0.78125rem;
  font-weight: bold;
  color: #595858;
}
.section--index-pirce .content .content__date {
  font-size: 0.78125rem;
  color: #595858;
  margin-bottom: 1.25rem;
}
.section--index-pirce .content .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section--index-pirce .content .price > * {
  width: 50%;
}
.section--index-pirce .content .price h3 {
  margin-bottom: 5px;
  color: #fff;
  font-size: 0.625rem;
}
.section--index-pirce .content .price p {
  font-size: 2rem;
  letter-spacing: -0.0625rem;
}
.section--index-pirce .content .price p span {
  font-size: 1.25rem;
}
.section--index-pirce .content .price .silver {
  padding-left: 7.5px;
}
.section--index-pirce .content .price .silver h3 {
  background: #737f92;
}
.section--index-pirce .content .price .silver p {
  color: #737f92;
}
.section--index-pirce .content .price .gold {
  border-right: 1px solid #737f92;
  padding-right: 7.5px;
}
.section--index-pirce .content .price .gold h3 {
  background: #a78f26;
}
.section--index-pirce .content .price .gold p {
  color: #a78f26;
}
@media screen and (min-width: 959px) {
  .section--index-pirce {
    padding: 128px 0 64px 0;
  }
  .section--index-pirce .inner {
    max-width: 1066px;
    padding: 2.5rem 10%;
  }
  .section--index-pirce .title {
    margin-top: -70px;
  }
  .section--index-pirce .title h2 {
    font-size: 1.25rem;
  }
  .section--index-pirce .title h2 span {
    font-size: 3.75rem;
  }
  .section--index-pirce .title p {
    font-size: 1.0625rem;
  }
  .section--index-pirce .title img {
    width: 170px;
  }
  .section--index-pirce .content .content__title,
  .section--index-pirce .content .content__date {
    font-size: 1.0625rem;
  }
  .section--index-pirce .content .price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section--index-pirce .content .price h3 {
    font-size: 0.9375rem;
  }
  .section--index-pirce .content .price p {
    font-size: 3.625rem;
  }
  .section--index-pirce .content .price p span {
    font-size: 2.5rem;
  }
  .section--index-pirce .content .price > * {
    width: 18.75rem;
  }
  .section--index-pirce .content .price .gold {
    padding-right: 3.75rem;
  }
  .section--index-pirce .content .price .silver {
    padding-left: 3.75rem;
  }
}

/*--------------------------------------------------------------
## section--index-news
--------------------------------------------------------------*/
.section--index-news {
  background: #b0b0b4;
  position: relative;
  z-index: 1;
}
.section--index-news > * {
  color: #fff;
}
@media screen and (min-width: 599px) {
  .section--index-news .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .section--index-news .heading-border {
    border-right: 0.0625rem solid #fff;
    border-bottom: none;
    padding-right: 2.5rem;
    margin-right: 2.5rem;
  }
  .section--index-news .list-news {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .section--index-news .text-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 2.5rem;
  }
  .section--index-news .text-right a {
    font-size: 1.5rem;
  }
}

/*--------------------------------------------------------------
## section--index-lead
--------------------------------------------------------------*/
.section--index-lead {
  line-height: 1.75;
  padding: 3.125rem 0 2.5rem;
  position: relative;
  overflow: hidden;
}
.section--index-lead h2,
.section--index-lead p {
  position: relative;
  z-index: 1;
}
.section--index-lead h2 {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", serif;
  color: #a78f26;
  font-weight: normal;
  font-size: 1.34375rem;
  margin-bottom: 1.5rem;
}
.section--index-lead h2 span {
  font-size: 1.6875rem;
}
.section--index-lead p {
  color: #595858;
  margin-bottom: 6rem;
}
.section--index-lead img {
  position: absolute;
  right: -20%;
  bottom: 28%;
  width: 16.25rem;
}
@media screen and (min-width: 599px) {
  .section--index-lead {
    padding: 6.25rem 0 8.75rem;
    text-align: center;
  }
  .section--index-lead .h2-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section--index-lead h2 {
    font-size: 1.8125rem;
    text-align: left;
    line-height: 1.75;
  }
  .section--index-lead h2 span {
    font-size: 2.5rem;
  }
  .section--index-lead h2 .center {
    text-align: center;
    display: inline-block;
    width: 100%;
  }
  .section--index-lead p {
    font-size: 1.0625rem;
  }
  .section--index-lead img {
    bottom: 20%;
    position: absolute;
    right: 0;
    width: 400px;
  }
}

/*--------------------------------------------------------------
## section--index-hero
--------------------------------------------------------------*/
.section--index-hero {
  background: url(../img/index/mv.webp) no-repeat center center/cover;
  text-align: center;
  position: relative;
  padding: 2.5rem 0 11.25rem;
}
.section--index-hero .item--sp {
  position: absolute;
  left: -4rem;
  z-index: 1;
  bottom: -3rem;
  width: 17.1875rem;
}
.section--index-hero .line {
  position: absolute;
  right: 0.625rem;
  bottom: -1.25rem;
  z-index: 1;
}
@media screen and (min-width: 599px) {
  .section--index-hero {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 8.75rem 0 10.625rem;
    background: url(../img/index/mv-pc.webp) no-repeat center center/cover;
  }
  .section--index-hero .character {
    width: 16%;
  }
  .section--index-hero .character img {
    width: 100%;
  }
  .section--index-hero .title {
    width: calc((100% - 16%) / 2);
  }
  .section--index-hero .title img {
    display: block;
    margin-right: auto;
    width: 80%;
  }
  .section--index-hero .item--pc {
    width: calc((100% - 16%) / 2);
    position: relative;
  }
  .section--index-hero .item--pc img {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 110%;
    left: -6%;
    z-index: 11;
    max-width: inherit;
  }
}

.top-banner-pc{
  margin-top: 30px;
}

.top-banner-inner a {
  display: block;
  margin-right: auto;
  width: 80%;
  padding: 0 8% 0 12%;
}

.section--index-hero .title .top-banner-inner a img {
  width: 100%;
}

.section--top-banner {
  background: #f4f2f1;
  padding: 24px 0;
}

/* .top-banner-pc {
  position: absolute;
  bottom: 80px;
  margin-right: auto;
  width: calc((100% - 16%) / 2);
}

.top-banner-pc img {
  margin-right: auto;
  margin-left: 74px;
  display: block;
  width: 61%;
}
.top-banner-pc span {
  width: 100%;
}

@media screen and (min-width: 1800px) {
  .section--index-hero {
    padding: 8.75rem 0 16.625rem;
  }
  .top-banner-pc {
    position: absolute;
    bottom: 80px;
    margin-right: auto;
    width: calc((100% - 21%) / 2);
  }

  .top-banner-pc img {
    margin-right: auto;
    margin-left: 74px;
    display: block;
    width: 65%;
  }
} */

.banner-year-inner{
color: black;
border: 1px solid #a78f26;
margin-bottom: 40px;
padding: 20px;
@media screen and (min-width: 599px) {
text-align: center;
padding: 30px;
font-weight: bold;
}
}

.banner-year-inner h3{
text-align: center;
color: red;
font-weight: bold;
@media screen and (min-width: 599px) {
font-size: 20px;
}
}

.banner-year-inner .red{
color: red;
}

.section--index-lead{
padding-bottom:0;
}