@charset "UTF-8";
html,
body {
  font-family: YakuHanJPs, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-weight: 300;
  font-style: normal;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.1em;
  margin: 0 auto;
  transition: all 1.6s ease 1s;
  color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}

body {
  overflow-x: hidden;
}

img,
video {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}
a {
  display: block;
  text-decoration: none;
  transition: all 0.4s;
  color: #b58d1e;
}

a:hover {
  opacity: 0.4;
}

@media screen and (min-width: 769px) {
  a:hover {
    transition: all 0.4s;
  }
}
a[href=""] {
  pointer-events: none;
}

.en_1 {
  font-family: playfair-display, serif;
  font-weight: 700;
  font-style: normal;
}

.ja_1 {
  font-family: YakuHanJPs, zen-kaku-gothic-new, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.txt_1 {
  color: #e2c978;
  letter-spacing: 0.2rem;
  font-size: max(4.2666666667vw, 16px);
}
@media screen and (min-width: 769px) {
  .txt_1 {
    font-size: 18px;
  }
}

.txt_2 {
  color: #e2c978;
  letter-spacing: 0.2rem;
  font-size: max(3.7333333333vw, 14px);
}
@media screen and (min-width: 769px) {
  .txt_2 {
    font-size: 15px;
  }
}

.txt_3 {
  letter-spacing: 0.1rem;
  font-size: max(3.2vw, 12px);
  text-align: center;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .txt_3 {
    font-size: 13px;
  }
}

.txt_4 {
  letter-spacing: 0.1rem;
  font-size: max(3.4666666667vw, 13px);
  text-align: center;
  line-height: 1.8461538462;
}
@media screen and (min-width: 769px) {
  .txt_4 {
    font-size: 15px;
    letter-spacing: 0.2rem;
  }
}

.txt_5 {
  letter-spacing: 0.05rem;
  font-size: max(2.9333333333vw, 11px);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .txt_5 {
    font-size: 16px;
    letter-spacing: 0.1rem;
  }
}

.ttl_1 {
  font-size: max(6.9333333333vw, 26px);
  margin: 8vw 0 4vw;
}
@media screen and (min-width: 769px) {
  .ttl_1 {
    font-size: 34px;
    margin: 40px 0 30px;
  }
}

.ttl_2 {
  font-size: max(4.8vw, 18px);
}
@media screen and (min-width: 769px) {
  .ttl_2 {
    font-size: 18px;
  }
}

.ttl_3 {
  font-size: max(9.6vw, 36px);
}
@media screen and (min-width: 769px) {
  .ttl_3 {
    font-size: 36px;
  }
}

.ttl_4 {
  font-size: max(8.5333333333vw, 32px);
}
@media screen and (min-width: 769px) {
  .ttl_4 {
    font-size: 32px;
  }
}

.ttl_5 {
  font-size: max(7.4666666667vw, 28px);
}
@media screen and (min-width: 769px) {
  .ttl_5 {
    font-size: 28px;
  }
}

.ttl_6 {
  font-size: max(5.8666666667vw, 22px);
}
@media screen and (min-width: 769px) {
  .ttl_6 {
    font-size: 22px;
  }
}

.small_txt {
  text-align: left;
  font-size: max(2.4vw, 9px);
  letter-spacing: 0.05rem;
  margin-top: 3vw;
}
@media screen and (min-width: 769px) {
  .small_txt {
    font-size: 12px;
    margin-top: 15px;
  }
}

.ttl_deco1 {
  width: 9.8666666667vw;
  margin: 5vw auto;
}
@media screen and (min-width: 769px) {
  .ttl_deco1 {
    width: 40px;
    margin: 20px auto;
  }
}

@media screen and (min-width: 769px) {
  .ttl_deco2 {
    width: clamp(560px, 45.8333333333%, 660px);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.ttl_deco3 {
  width: 6.0869565217vw;
  margin: 0 auto 5vw;
}
@media screen and (min-width: 769px) {
  .ttl_deco3 {
    width: 28px;
    margin: 0 auto 20px;
  }
}

.ttl_deco4 {
  width: 4.2666666667vw;
  margin: 0 auto 5vw;
}
@media screen and (min-width: 769px) {
  .ttl_deco4 {
    width: 28px;
    margin: 0 auto 20px;
  }
}

.ttl_deco5 {
  width: 6.4vw;
  margin: 0 auto 5vw;
}
@media screen and (min-width: 769px) {
  .ttl_deco5 {
    width: 28px;
    margin: 0 auto 20px;
  }
}

.arrow_1 {
  width: 2.6666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .arrow_1 {
    width: 10px;
  }
}

img.arrow_2 {
  width: 2.6666666667vw;
  position: absolute;
  top: 50%;
  right: 7vw;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  img.arrow_2 {
    position: absolute;
    width: 10px;
    right: 30px;
  }
}

.arrow_3,
.arrow_4 {
  width: 2.6666666667vw;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 769px) {
  .arrow_3,
  .arrow_4 {
    width: 14px;
  }
}

.arrow_5 {
  width: 2.1333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .arrow_5 {
    width: 10px;
    padding-top: 2px;
  }
}

.buy_btn1 {
  position: relative;
  width: 14vw;
  height: 6vw;
  background-color: #b58d1e;
  color: #fff;
  font-size: max(3.2vw, 12px);
  border-radius: 1px;
}
@media screen and (min-width: 769px) {
  .buy_btn1 {
    font-size: 13px;
    width: 60px;
    height: 27px;
  }
}
.buy_btn1 img {
  width: 8vw !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .buy_btn1 img {
    width: 30px !important;
  }
}

.buy_btn2 {
  position: relative;
  width: 16vw;
  height: 6.2vw;
  border: #e2c978 1px solid;
  color: #e2c978;
  font-size: max(3.2vw, 12px);
  border-radius: 1px;
}
@media screen and (min-width: 769px) {
  .buy_btn2 {
    font-size: 13px;
    width: 60px;
    height: 27px;
  }
}
.buy_btn2 img {
  width: 8vw !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .buy_btn2 img {
    width: 30px !important;
  }
}

.buy_btn3 {
  font-size: max(2.6666666667vw, 10px);
}
.buy_btn3::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  margin-top: 2px;
  background-color: #b58d1e;
}
@media screen and (min-width: 769px) {
  .buy_btn3 {
    font-size: 12px;
  }
}

.start_btn {
  text-align: center;
  cursor: pointer;
  display: block;
  width: 69.5652173913%;
  height: 14vw;
  margin: 12vw auto 15vw;
  padding-bottom: 2px;
  border-radius: 5px;
  position: relative;
  color: #f8f8f8;
  background-color: #b58d1e;
}
@media screen and (min-width: 769px) {
  .start_btn {
    width: 260px;
    height: 56px;
    margin: 60px auto;
  }
}
.start_btn:hover {
  opacity: 0.4;
  transition: 0.5s;
}
.start_btn a {
  color: #f8f8f8;
  line-height: 14vw;
}
@media screen and (min-width: 769px) {
  .start_btn a {
    line-height: 56px;
  }
}
.start_btn img.btn__2 {
  width: 28.5333333333vw;
  position: absolute;
  top: 50%;
  left: 22vw;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .start_btn img.btn__2 {
    position: absolute;
    width: 110px;
    left: 90px;
  }
}

.instagram_btn {
  font-size: max(3.4666666667vw, 13px);
  text-align: center;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 14vw;
  margin: 0 auto;
  border-radius: 5px;
  position: relative;
  line-height: 14vw;
  color: #f8f8f8;
  background-color: #91391f;
}
@media screen and (min-width: 769px) {
  .instagram_btn {
    font-size: 13px;
    width: min(100%, 320px);
    margin: 30px auto 0;
    height: 56px;
    line-height: 56px;
  }
}
.instagram_btn:hover {
  opacity: 0.4;
  transition: 0.5s;
}
.instagram_btn a {
  color: #f8f8f8;
}
.instagram_btn img.btn__4 {
  width: 58.6666666667vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .instagram_btn img.btn__4 {
    width: min(80%, 255px);
  }
}

.all_item {
  display: block;
  text-align: center;
  letter-spacing: 0.1rem;
}
.all_item a {
  text-align: center;
  cursor: pointer;
  display: block;
  width: 72.4637681159%;
  height: 14vw;
  line-height: 14vw;
  margin: 12vw auto 15vw;
  padding-bottom: 2px;
  border-radius: 5px;
  position: relative;
  color: #f8f8f8;
  background-color: #b58d1e;
}
@media screen and (min-width: 769px) {
  .all_item a {
    width: 300px;
    height: 56px;
    line-height: 56px;
    margin: 60px auto;
  }
}
.all_item img.btn__3 {
  width: 37.3333333333vw;
  position: absolute;
  top: 50%;
  left: 16vw;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .all_item img.btn__3 {
    width: 160px;
    left: 90px;
  }
}

.line1 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #b58d1e;
  margin: 5vw auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  .line1 {
    margin: 18px auto 15px;
  }
}
.line1::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background-color: #b58d1e;
  border-radius: 100vw;
  position: absolute;
  left: -5px;
  top: -0.5px;
}
.line1::after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background-color: #b58d1e;
  border-radius: 100vw;
  position: absolute;
  right: -5px;
  top: -0.5px;
}

.line2 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #b58d1e;
}

.line3 {
  background-size: 6px 1px;
  background-image: linear-gradient(to right, #b58d1e 1px, transparent 1px);
  background-repeat: repeat-x;
  background-position: center center;
  padding-bottom: 1px;
}

.line4 {
  width: 84vw;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .line5 {
    width: clamp(700px, 76.3888888889%, 1100px);
    margin: 0 auto;
  }
}

.marker {
  background: linear-gradient(transparent 60%, rgba(226, 201, 120, 0.4) 60%);
}

.list_deco {
  position: absolute;
  top: 3.3vw;
  left: -6vw;
  width: 5.6vw;
}
@media screen and (min-width: 769px) {
  .list_deco {
    width: min(100%, 25px);
    top: 32%;
    left: -5.2%;
  }
}

h1 {
  position: absolute;
  left: -9999px;
}

/* ローディング ===================================================== */
#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1d2c45;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#loading_txt img {
  position: absolute;
  width: 120%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  #loading_txt img {
    width: 60%;
  }
}
#loading_txt img:nth-child(1) {
  -webkit-animation: blink 1.3s ease-in-out infinite alternate;
  -moz-animation: blink 1.3s ease-in-out infinite alternate;
  animation: blink 1.3s ease-in-out infinite alternate;
}
#loading_txt img:nth-child(2) {
  -webkit-animation: blink 3.8s ease-in-out infinite alternate;
  -moz-animation: blink 3.8s ease-in-out infinite alternate;
  animation: blink 3.8s ease-in-out infinite alternate;
}

#fade_txt {
  opacity: 0;
}

/* totop ===================================================== */
.totop {
  width: 8.5333333333vw;
  position: fixed;
  z-index: 100;
  bottom: 4.5333333333vw;
  right: 3.2vw;
  mix-blend-mode: difference;
}
@media screen and (min-width: 769px) {
  .totop {
    width: 42px;
    right: 15px;
    bottom: 30px;
  }
}
.totop img:hover {
  opacity: 0.4;
  transition: 0.5s;
  cursor: pointer;
}

.togift {
  width: 17.6vw;
  height: auto;
  position: fixed;
  z-index: 100;
  bottom: 22.4vw;
  right: -0.7vw;
}
@media screen and (min-width: 769px) {
  .togift {
    right: -4px;
    width: 90px;
    bottom: 130px;
  }
}
.togift img:hover {
  opacity: 0.8;
  transition: 0.5s;
}

/* 診断コンテンツ
========================================================= */
.active {
  display: block;
}

.none {
  display: none;
}

/* 背景固定
========================================================= */
.bgUp {
  position: relative;
  z-index: 2;
}

.bg {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 1;
}
.bg span {
  position: fixed;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-animation: blink 1s ease-in-out infinite alternate;
  -moz-animation: blink 1s ease-in-out infinite alternate;
  animation: blink 1s ease-in-out infinite alternate;
}
@media screen and (min-width: 769px) {
  .bg span {
    background-position: center bottom;
  }
}

.bg__0 {
  background-image: url(../images/bg1.svg);
}
@media screen and (min-width: 769px) {
  .bg__0 {
    background-image: url(../images/bg1_pc.svg);
  }
}
.bg__0 span {
  background-image: url(../images/bg1_before.svg);
}
@media screen and (min-width: 769px) {
  .bg__0 span {
    background-image: url(../images/bg1_pc_before.svg);
  }
}

.bg__2 {
  background-image: url(../images/bg1.svg);
}
@media screen and (min-width: 769px) {
  .bg__2 {
    background-image: url(../images/bg1_pc.svg);
  }
}
.bg__2 span {
  background-image: url(../images/bg1_before.svg);
}
@media screen and (min-width: 769px) {
  .bg__2 span {
    background-image: url(../images/bg1_pc_before.svg);
  }
}

.bg__3 {
  mix-blend-mode: color-burn;
  background-image: url(../images/bg4.png);
  opacity: 0.6;
}
@media screen and (min-width: 769px) {
  .bg__3 {
    background-image: url(../images/bg4_pc.png);
  }
}

.bg__4 {
  background-image: url(../images/bg5.svg);
}
@media screen and (min-width: 769px) {
  .bg__4 {
    background-image: url(../images/bg5_pc.svg);
  }
}
.bg__4 span {
  background-image: url(../images/bg1_before.svg);
}
@media screen and (min-width: 769px) {
  .bg__4 span {
    background-image: url(../images/bg1_pc_before.svg);
  }
}

.bg__6 {
  background-image: url(../images/bg1.svg);
}
@media screen and (min-width: 769px) {
  .bg__6 {
    background-image: url(../images/bg1_pc.svg);
  }
}
.bg__6 span {
  background-image: url(../images/bg1_before.svg);
}
@media screen and (min-width: 769px) {
  .bg__6 span {
    background-image: url(../images/bg1_pc_before.svg);
  }
}

.bg__7 {
  background-image: url(../images/bg6.svg);
}
@media screen and (min-width: 769px) {
  .bg__7 {
    background-image: url(../images/bg6_pc.svg);
  }
}

/* header
========================================================= */
header {
  background-color: #1d2c45;
}
@media screen and (min-width: 769px) {
  header .header_contents {
    display: flex;
    gap: min(9.0909090909%, 100px);
    width: min(78.5714285714%, 1100px);
    margin: 0 auto;
  }
}
header .header_contents .fv_wrap {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  header .header_contents .fv_wrap {
    width: min(41.8181818182%, 480px);
  }
}
header .header_contents .fv_wrap .video_wrap {
  width: 100%;
  height: 80vh;
  min-height: 640px;
  position: relative;
  overflow: hidden;
  z-index: 100;
}
header .header_contents .fv_wrap .video_wrap video {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 769px) {
  header .header_contents .fv_wrap .video_wrap {
    height: clamp(640px, 86vh, 800px);
    margin: 0 auto;
    position: sticky;
    top: 6vh;
    padding-bottom: 130px;
  }
  header .header_contents .fv_wrap .video_wrap video {
    border-radius: 100vw 100vw 0 0;
  }
}
header .header_contents .lead_wrap {
  margin: 18vw auto 0;
  padding-bottom: 20vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap {
    position: relative;
    width: min(43.6363636364%, 480px);
    margin: 40vh auto 0;
    padding-bottom: 130px;
  }
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .fv_ttl {
    width: min(75%, 360px);
    margin: 0 auto 50vh;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .fv_ttl .fv_deco {
    width: min(70.5555555556%, 254px);
    position: absolute;
    top: -62%;
    left: 14%;
  }
}
header .header_contents .lead_wrap .countdown {
  text-align: center;
  margin-bottom: 14vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .countdown {
    margin-bottom: 60px;
  }
}
header .header_contents .lead_wrap .countdown .frame1 {
  width: 61.3333333333vw;
  margin: 6vw auto;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .countdown .frame1 {
    width: 260px;
    margin: 30px auto;
  }
}
header .header_contents .lead_wrap .countdown .txt_2 {
  margin-bottom: 3vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .countdown .txt_2 {
    margin-bottom: 8px;
  }
}
header .header_contents .lead_wrap .countdown .cd_days {
  font-size: max(12.5333333333vw, 47px);
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .countdown .cd_days {
    font-size: 53px;
  }
}
header .header_contents .lead_wrap .christmas_txt {
  position: relative;
  padding: 10vw 0 20vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .christmas_txt {
    padding: 40px 0 100px;
  }
}
header .header_contents .lead_wrap .christmas_txt .frame1 {
  width: 61.3333333333vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .christmas_txt .frame1 {
    width: 260px;
  }
}
header .header_contents .lead_wrap .christmas_txt img {
  margin: 0 auto;
}
header .header_contents .lead_wrap .christmas_txt img:nth-child(1) {
  margin-bottom: 10vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .christmas_txt img:nth-child(1) {
    margin-bottom: min(11.1111111111%, 45px);
  }
}
header .header_contents .lead_wrap .christmas_txt img:nth-child(2) {
  width: 24.4vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .christmas_txt img:nth-child(2) {
    width: min(22.0833333333%, 106px);
  }
}
header .header_contents .lead_wrap .christmas_txt img:nth-child(3) {
  width: 66.6666666667vw;
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .christmas_txt img:nth-child(3) {
    width: min(62.5%, 300px);
  }
}
header .header_contents .lead_wrap .christmas_txt img:nth-child(4) {
  padding: 5vw 0;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .christmas_txt img:nth-child(4) {
    padding: min(5.5555555556%, 30px) 0;
  }
}
header .header_contents .lead_wrap .christmas_txt img:nth-child(5) {
  width: 62.6666666667vw;
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .christmas_txt img:nth-child(5) {
    width: min(56.6666666667%, 272px);
    margin-bottom: min(6.6666666667%, 36px);
  }
}
header .header_contents .lead_wrap .christmas_txt img:nth-child(6) {
  width: 53.3333333333vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .christmas_txt img:nth-child(6) {
    width: min(47.9166666667%, 230px);
  }
}
header .header_contents .lead_wrap .christmas_txt img:nth-child(7) {
  margin-top: 10vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .christmas_txt img:nth-child(7) {
    margin-top: min(11.1111111111%, 45px);
  }
}
header .header_contents .lead_wrap .lead {
  margin-bottom: 18vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .lead {
    margin-bottom: 80px;
  }
}
header .header_contents .lead_wrap .lead img {
  width: 78.6666666667vw;
  margin: 0 auto 7vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .lead img {
    width: 295px;
    margin: 0 auto 30px;
  }
}
header .header_contents .lead_wrap .lead .lead_block {
  margin-bottom: 3vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .lead .lead_block {
    margin-bottom: 16px;
  }
}
header .header_contents .lead_wrap .coupon {
  text-align: center;
  width: 78.6666666667vw;
  padding: 13vw 0 8vw;
  margin: 0 auto;
  border: #e2c978 solid 0.2vw;
  position: relative;
  background-color: #1d2c45;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon {
    width: min(90%, 320px);
    border: #e2c978 solid 0.8px;
    padding: 60px 0 25px;
  }
}
header .header_contents .lead_wrap .coupon::before {
  content: "";
  border: #e2c978 solid 0.2vw;
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  right: 4px;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon::before {
    border: #e2c978 solid 0.8px;
  }
}
header .header_contents .lead_wrap .coupon .coupon_deco {
  width: 49.0666666667vw;
  position: absolute;
  top: -14px;
  left: -20px;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .coupon_deco {
    width: 200px;
    left: -40px;
  }
}
header .header_contents .lead_wrap .coupon .coupon_txt {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  font-size: max(4.2666666667vw, 16px);
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .coupon_txt {
    font-size: 17px;
  }
}
header .header_contents .lead_wrap .coupon .coupon_txt::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/img6.svg);
  background-repeat: no-repeat;
  background-size: 15%;
  background-position: left;
  position: absolute;
  top: 1vw;
  left: -6vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .coupon_txt::before {
    top: 0;
    left: -26px;
  }
}
header .header_contents .lead_wrap .coupon .coupon_txt::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/img7.svg);
  background-repeat: no-repeat;
  background-size: 15%;
  background-position: right;
  position: absolute;
  top: 1vw;
  right: -6vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .coupon_txt::after {
    top: 0;
    right: -26px;
  }
}
header .header_contents .lead_wrap .coupon .coupon_img {
  width: 58.6666666667vw;
  margin: 3vw auto;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .coupon_img {
    width: 210px;
    margin: 10px auto;
  }
}
header .header_contents .lead_wrap .coupon .txt_3 {
  letter-spacing: 0.15rem;
  display: inline-block;
  margin-bottom: 6vw;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .txt_3 {
    margin-bottom: 20px;
  }
}
header .header_contents .lead_wrap .coupon .txt_3::after {
  content: "";
  border: #fff solid 0.2vw;
  display: block;
  width: 98%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .txt_3::after {
    border: #fff solid 0.8px;
  }
}
header .header_contents .lead_wrap .coupon .txt_5 {
  margin-bottom: 4vw;
  line-height: 1.5;
  color: #e2c978;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .txt_5 {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
header .header_contents .lead_wrap .coupon .txt_1 {
  color: #fff;
  margin-bottom: 5vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .txt_1 {
    margin-bottom: 14px;
  }
}
header .header_contents .lead_wrap .coupon .txt_1 .dots-text {
  background-image: radial-gradient(circle at center, #fff 0.5vw, transparent 0.5vw);
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 1.2em 0.5em;
  padding-top: 0.4em;
}
@media screen and (min-width: 769px) {
  header .header_contents .lead_wrap .coupon .txt_1 .dots-text {
    background-image: radial-gradient(circle at center, #fff 2px, transparent 2px);
  }
}

.scroll {
  position: absolute;
  width: 1px;
  height: 10vw;
}
@media screen and (min-width: 769px) {
  .scroll {
    height: 50px;
  }
}
.scroll::before {
  content: "";
  display: block;
  position: relative;
  width: 50%;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
  z-index: 100;
}
.scroll span {
  width: 3.4666666667vw;
  display: block;
  z-index: 100;
  position: absolute;
  top: 0;
  left: -1.7333333333vw;
  opacity: 1;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .scroll span {
    width: 18px;
    left: -9px;
  }
}

.sc__1 {
  left: 50%;
  top: max(640px - 10vw, 80vh - 10vw);
}

@media screen and (min-width: 769px) {
  .sc__2 {
    left: 50%;
    top: 54vh;
  }
}

/* sec1
===================================================== */
#sec1 {
  position: relative;
  z-index: 5;
  background-color: #f4f4f4;
}
#sec1 .gift_type {
  padding: 18vw 0;
  position: relative;
  color: #b58d1e;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type {
    padding: 150px 0 120px;
  }
}
#sec1 .gift_type .type_wrap {
  position: relative;
  width: 92vw;
  margin: 0 auto;
  padding: 16vw 0 0;
  border: #b58d1e solid 1px;
  border-radius: 10px;
  background-image: url(../images/bg3.svg);
  background-size: 93.3333333333%;
  background-position: center top 10px;
  background-repeat: no-repeat;
  /* 質問 ===================================================== */
  /* 結果 ===================================================== */
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap {
    width: clamp(600px, 80%, 880px);
    padding: 120px 0 0;
    background-image: url(../images/bg3_pc.svg);
    background-size: clamp(560px, 95.4545454545%, 880px);
    background-position: center top 20px;
  }
}
#sec1 .gift_type .type_wrap .ttl_deco2 {
  width: 16%;
  padding-right: 2vw;
  margin: 0 auto;
  background-color: #f4f4f4;
  position: absolute;
  top: -8vw;
  left: 40%;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .ttl_deco2 {
    width: 90px;
    padding-right: 20px;
    top: -50px;
    left: 49%;
  }
}
#sec1 .gift_type .type_wrap .ttl_2 {
  width: 37.1014492754%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .ttl_2 {
    width: 180px;
  }
}
#sec1 .gift_type .type_wrap .type_box {
  position: relative;
  width: 100%;
  /* 診断内容 ===================================================== */
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .type_box {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
}
#sec1 .gift_type .type_wrap .type_box .type_00 {
  text-align: center;
}
#sec1 .gift_type .type_wrap .type_box .type_00 .contents_ttl span {
  display: inline-block;
}
#sec1 .gift_type .type_wrap .type_box .type_00 .contents_ttl span::after {
  content: "";
  border: #b58d1e solid 0.2vw;
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .type_box .type_00 .contents_ttl span::after {
    border: #b58d1e solid 0.8px;
  }
}
#sec1 .gift_type .type_wrap .type_box .type_00 .contents_lead {
  letter-spacing: 0.05rem;
  line-height: 1.8333333333;
}
#sec1 .gift_type .type_wrap .type_box .type_00 .contents_lead .lead_block {
  margin-bottom: 3vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .type_box .type_00 .contents_lead .lead_block {
    margin-bottom: 18px;
  }
}
#sec1 .gift_type .type_wrap .type_box .type_00 .start_btn {
  font-size: max(4.8vw, 18px);
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .type_box .type_00 .start_btn {
    font-size: 18px;
  }
}
#sec1 .gift_type .type_wrap .type_box .question_box {
  text-align: center;
}
#sec1 .gift_type .type_wrap .type_box .question_box .q_ttl .q_en {
  font-size: max(9.6vw, 36px);
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .type_box .question_box .q_ttl .q_en {
    font-size: 50px;
    margin-bottom: 30px;
  }
}
#sec1 .gift_type .type_wrap .type_box .question_box .q_ttl .question {
  font-size: max(5.3333333333vw, 20px);
  line-height: 1.5454545455;
  margin-bottom: 6vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .type_box .question_box .q_ttl .question {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
#sec1 .gift_type .type_wrap .type_box .question_box .answer ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2.6666666667vw;
  padding: 5vw 0 15vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .type_box .question_box .answer ul {
    gap: 10px;
    width: 600px;
    margin: 0 auto;
    padding: 20px 0 80px;
  }
}
#sec1 .gift_type .type_wrap .type_box .question_box .answer ul li a {
  font-size: max(3.7333333333vw, 14px);
  letter-spacing: 0.1rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40vw;
  height: 15vw;
  border: #b58d1e solid 1px;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .type_box .question_box .answer ul li a {
    font-size: 14px;
    width: 200px;
    height: 64px;
  }
}
#sec1 .gift_type .type_wrap .type_box .question_box .answer ul li a:hover {
  background-color: #b58d1e;
  color: #f4f4f4;
  opacity: 1;
}
#sec1 .gift_type .type_wrap .resule_ttl {
  font-size: max(4.5333333333vw, 17px);
  line-height: 1.8;
  text-align: center;
  position: relative;
  width: fit-content;
  margin: 0 auto 8vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .resule_ttl {
    font-size: 20px;
    margin: 50px auto 60px;
  }
}
#sec1 .gift_type .type_wrap .resule_ttl span {
  font-size: max(3.7333333333vw, 14px);
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .resule_ttl span {
    font-size: 15px;
  }
}
#sec1 .gift_type .type_wrap .resule_ttl::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/img11.svg);
  background-repeat: no-repeat;
  background-size: 8%;
  background-position: left;
  position: absolute;
  bottom: -3vw;
  left: -7vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .resule_ttl::before {
    bottom: -22px;
    left: -30px;
  }
}
#sec1 .gift_type .type_wrap .resule_ttl::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/img12.svg);
  background-repeat: no-repeat;
  background-size: 8%;
  background-position: right;
  position: absolute;
  bottom: -3vw;
  right: -7vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .resule_ttl::after {
    bottom: -22px;
    right: -30px;
  }
}
#sec1 .gift_type .type_wrap .result_box {
  position: relative;
  width: 100%;
  /* 自動取得 ===================================================== */
  /* ===================================================== */
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box {
    width: 100%;
    margin: 0 auto;
  }
}
#sec1 .gift_type .type_wrap .result_box ul {
  letter-spacing: 0.1rem;
  width: 76vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box ul {
    width: min(80%, 700px);
  }
}
#sec1 .gift_type .type_wrap .result_box ul li {
  position: relative;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box ul a {
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
    gap: 6%;
    cursor: default;
  }
}
#sec1 .gift_type .type_wrap .result_box ul .price_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  vertical-align: center;
}
#sec1 .gift_type .type_wrap .result_box .creditAjax_img1500 {
  margin-bottom: 3vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .creditAjax_img1500 {
    width: 46%;
    margin-bottom: 40px;
  }
}
#sec1 .gift_type .type_wrap .result_box .creditAjax_item {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: max(4.2666666667vw, 16px);
  line-height: 1.3;
  margin-bottom: 3vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .creditAjax_item {
    font-size: min(1.6vw, 16px);
    margin-bottom: 8px;
  }
}
#sec1 .gift_type .type_wrap .result_box .creditAjax_price {
  font-size: max(4vw, 15px);
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .creditAjax_price {
    font-size: 14px;
    margin-bottom: 0px;
  }
}
#sec1 .gift_type .type_wrap .result_box .creditAjax_price__proper::before {
  content: "¥";
}
#sec1 .gift_type .type_wrap .result_box .creditAjax_price__sale {
  color: rgb(200, 38, 38);
  font-size: 1.2em;
  margin-left: 5px;
}
#sec1 .gift_type .type_wrap .result_box .creditAjax_price__sale::before {
  content: "→ ¥";
  font-size: 0.9em;
}
#sec1 .gift_type .type_wrap .result_box .creditAjax_price__off {
  color: rgb(200, 38, 38);
  font-size: 0.6em;
}
#sec1 .gift_type .type_wrap .result_box .creditAjax_price__off::before {
  content: "(";
}
#sec1 .gift_type .type_wrap .result_box .creditAjax_price__off::after {
  content: ")";
}
#sec1 .gift_type .type_wrap .result_box .creditAjax__saleOn .creditAjax_price__proper {
  text-decoration: line-through;
}
#sec1 .gift_type .type_wrap .result_box .min_credit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .min_credit {
    width: 60%;
    margin-right: 0;
  }
}
#sec1 .gift_type .type_wrap .result_box .min_credit img {
  width: 18%;
}
#sec1 .gift_type .type_wrap .result_box .min_credit .item_info {
  width: 75%;
}
#sec1 .gift_type .type_wrap .result_box .min_credit .creditAjax_item {
  font-size: max(2.9333333333vw, 11px);
  margin-bottom: 5px;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .min_credit .creditAjax_item {
    font-size: 11px;
    margin-bottom: 8px;
  }
}
#sec1 .gift_type .type_wrap .result_box .min_credit .creditAjax_price {
  font-size: max(2.9333333333vw, 11px);
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .min_credit .creditAjax_price {
    font-size: 11px;
    margin-bottom: 0;
  }
}
#sec1 .gift_type .type_wrap .result_box .min_credit .price_box {
  display: flex;
  align-items: middle;
}
#sec1 .gift_type .type_wrap .result_box .min_credit .buy_btn2 {
  font-size: max(2.9333333333vw, 11px);
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .min_credit .buy_btn2 {
    font-size: 11px;
  }
}
#sec1 .gift_type .type_wrap .result_box .min_credit .buy_btn2::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  margin-top: 2px;
  background-color: #b58d1e;
}
#sec1 .gift_type .type_wrap .result_box .second_credit {
  margin-top: 8vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .second_credit {
    width: min(80%, 600px);
    position: relative;
    margin-top: 10px;
  }
}
#sec1 .gift_type .type_wrap .result_box .second_credit::before {
  content: "[ セットにおすすめ ]";
  display: block;
  font-size: max(2.9333333333vw, 11px);
  margin: 0 0 4vw 2vw;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .second_credit::before {
    content: "セットにおすすめ ▶︎";
    font-size: 12px;
    margin: 0;
    position: absolute;
    top: 40%;
    left: 10%;
  }
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .second_credit {
    width: 80%;
  }
  #sec1 .gift_type .type_wrap .result_box .second_credit::after {
    content: "";
    display: block;
    width: 100%;
    margin: 0 auto;
    height: 1px;
    transform: scaleY(0.5);
    background-color: #b58d1e;
    position: absolute;
    top: -20px;
  }
}
#sec1 .gift_type .type_wrap .result_box .second_credit .item_info {
  transition: 0.5s;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .second_credit .item_info {
    position: relative;
    width: 80%;
  }
}
#sec1 .gift_type .type_wrap .result_box .item_info {
  transition: 0.5s;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .item_info {
    position: absolute;
    top: 20%;
    right: 0;
    width: 48%;
    cursor: pointer;
  }
}
#sec1 .gift_type .type_wrap .result_box .item_info:hover {
  opacity: 0.4;
}
#sec1 .gift_type .type_wrap .result_box .item_comment {
  text-align: left;
  margin-left: 1.6vw;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  #sec1 .gift_type .type_wrap .result_box .item_comment {
    margin-left: 0;
    font-size: min(1.2vw, 12px);
    position: absolute;
    top: 40%;
    right: 0;
    width: 48%;
  }
}

/* sec2
===================================================== */
#sec2 {
  background-color: #1d2c45;
  padding: 20vw 0;
}
@media screen and (min-width: 769px) {
  #sec2 {
    padding: 140px 0;
  }
}
#sec2 .ttl_wrap {
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #sec2 .ttl_wrap {
    position: relative;
  }
}
#sec2 .ttl_wrap .ttl_img {
  width: 56vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .ttl_wrap .ttl_img {
    width: min(20.8333333333%, 300px);
  }
}
#sec2 .ttl_wrap .ttl_2 {
  color: #e2c978;
  margin-bottom: 2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .ttl_wrap .ttl_2 {
    font-size: 28px;
    letter-spacing: 0.2rem;
    margin-bottom: 20px;
  }
}
#sec2 .ttl_wrap .ttl_3 {
  color: #e2c978;
  margin-bottom: 6vw;
}
@media screen and (min-width: 769px) {
  #sec2 .ttl_wrap .ttl_3 {
    font-size: 52px;
    letter-spacing: 0.3rem;
    margin-bottom: 60px;
  }
}
#sec2 .ttl_wrap .txt_4 {
  margin-bottom: 14vw;
}
@media screen and (min-width: 769px) {
  #sec2 .ttl_wrap .txt_4 {
    font-size: 16px;
    margin-bottom: 70px;
  }
}
#sec2 .main_contents {
  width: 92vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents {
    width: clamp(700px, 76.3888888889%, 1100px);
  }
}
#sec2 .main_contents .tab_button {
  display: flex;
  gap: 1.3333333333vw;
  justify-content: space-between;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button {
    gap: clamp(8px, 1.0909090909%, 12px);
  }
}
#sec2 .main_contents .tab_button span {
  display: block;
}
#sec2 .main_contents .tab_button .tab,
#sec2 .main_contents .tab_button .tab2 {
  padding: 3vw 0;
  border: #e2c978 solid 1px;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  letter-spacing: 0.05rem;
  cursor: pointer;
}
#sec2 .main_contents .tab_button .tab p,
#sec2 .main_contents .tab_button .tab2 p {
  margin-bottom: 2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button .tab p,
  #sec2 .main_contents .tab_button .tab2 p {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button .tab,
  #sec2 .main_contents .tab_button .tab2 {
    padding: 20px 0 16px;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button .txt_2 {
    font-size: 19px;
  }
}
#sec2 .main_contents .tab_button .txt_3 {
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button .txt_3 {
    font-size: 15px;
    margin-bottom: 3px;
  }
}
#sec2 .main_contents .tab_button .tab_01 {
  width: 40vw;
  background-color: #f8f8f8;
  color: #b58d1e;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button .tab_01 {
    width: 44.5454545455%;
  }
}
#sec2 .main_contents .tab_button .tab_01 .arrow_3 {
  transition: 0.5s;
}
#sec2 .main_contents .tab_button .tab_01:hover .arrow_3 {
  transform: translateY(5px);
}
#sec2 .main_contents .tab_button .tab_02 {
  position: relative;
  width: 50.6666666667vw;
  background-color: #1d2c45;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button .tab_02 {
    width: 54.5454545455%;
  }
}
#sec2 .main_contents .tab_button .tab_02 .arrow_4 {
  transition: 0.5s;
}
#sec2 .main_contents .tab_button .tab_02:hover .arrow_4 {
  transform: translateY(5px);
}
#sec2 .main_contents .tab_button .tab_02::after {
  content: "";
  width: 1.7333333333vw;
  display: block;
  border-bottom: #e2c978 solid 1px;
  position: absolute;
  bottom: 0;
  left: -1.7066666667vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button .tab_02::after {
    width: 2.4%;
    left: -2.4%;
  }
}
#sec2 .main_contents .tab_button .tab_02 .new_icon img {
  width: 13.0666666667vw;
  position: absolute;
  top: -8vw;
  right: 2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button .tab_02 .new_icon img {
    width: 92px;
    top: -50px;
    right: 8%;
  }
}
#sec2 .main_contents .tab_button2 {
  display: flex;
  gap: 1.3333333333vw;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button2 {
    gap: clamp(8px, 1.0909090909%, 12px);
  }
}
#sec2 .main_contents .tab_button2 span {
  display: block;
}
#sec2 .main_contents .tab_button2 .tab,
#sec2 .main_contents .tab_button2 .tab2 {
  height: 8vw;
  padding: 2vw 0;
  border: #e2c978 solid 1px;
  border-top: none;
  border-radius: 0 0 5px 5px;
  letter-spacing: 0.05rem;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button2 .tab,
  #sec2 .main_contents .tab_button2 .tab2 {
    padding: 15px 0 20px;
    height: 40px;
  }
}
#sec2 .main_contents .tab_button2 .tab p,
#sec2 .main_contents .tab_button2 .tab2 p {
  margin-bottom: 2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button2 .tab p,
  #sec2 .main_contents .tab_button2 .tab2 p {
    margin-bottom: 5px;
  }
}
#sec2 .main_contents .tab_button2 .tab img,
#sec2 .main_contents .tab_button2 .tab2 img {
  transform: rotate(180deg);
  margin-bottom: 1.6vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button2 .tab img,
  #sec2 .main_contents .tab_button2 .tab2 img {
    margin-bottom: 10px;
  }
}
#sec2 .main_contents .tab_button2 .txt_3,
#sec2 .main_contents .tab_button2 .txt_5 {
  margin: 0;
  padding: 0;
  line-height: 1;
}
#sec2 .main_contents .tab_button2 .tab_01 {
  width: 40vw;
  background-color: #f8f8f8;
  color: #b58d1e;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button2 .tab_01 {
    width: 44.5454545455%;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button2 .tab_01 .txt_3 {
    font-size: 16px;
  }
}
#sec2 .main_contents .tab_button2 .tab_02 {
  position: relative;
  width: 50.6666666667vw;
  background-color: #1d2c45;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button2 .tab_02 {
    width: 54.5454545455%;
  }
}
#sec2 .main_contents .tab_button2 .tab_02::after {
  content: "";
  width: 1.7333333333vw;
  display: block;
  border-bottom: #e2c978 solid 1px;
  position: absolute;
  top: 0;
  left: -1.7066666667vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .tab_button2 .tab_02::after {
    width: 2.4%;
    left: -2.4%;
  }
}
#sec2 .main_contents .contents_01 {
  border: #e2c978 solid 1px;
  border-top: none;
  border-bottom: none;
  background-color: #f8f8f8;
  color: #b58d1e;
  padding: 20vw 0 1vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 {
    padding: 100px 0 40px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap {
  width: 84vw;
  margin: 0 auto;
  /* 自動抽出個別設定 ===================================================== */
  /* 共通設定 ===================================================== */
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap {
    width: clamp(620px, 76.3636363636%, 840px);
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_ttl {
  text-align: center;
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_ttl {
    margin-bottom: 60px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_ttl .txt_1 {
  color: #b58d1e;
  letter-spacing: 0.1rem;
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_ttl .txt_1 {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_ttl .ttl_4 {
  letter-spacing: 0.15rem;
  margin-bottom: 5vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_ttl .ttl_4 {
    margin-bottom: 40px;
    font-size: 36px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.8666666667vw;
  margin-bottom: 12vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul {
    gap: 1.25%;
    row-gap: 10px;
    margin: 0 auto 80px;
    justify-content: flex-start;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .nav_box {
  width: 26.6666666667vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .nav_box {
    width: 19%;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .nav_box a {
  width: 100%;
  display: block;
  background-color: #b58d1e;
  padding: 2.8vw 0;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .nav_box a {
    padding: 16px 0;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .nav_box span {
  display: block;
  text-align: center;
  color: #fff;
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .nav_box span.cate_btn img {
  height: 1.7vw;
  width: auto;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .nav_box span.cate_btn img {
    height: 8px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .ja_1 {
  font-size: max(2.72vw, 10.2px);
  margin-bottom: 1.8vw;
  letter-spacing: 0rem;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .ja_1 {
    font-size: 12px;
    margin-bottom: 8px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .en_1 {
  font-size: max(2.4vw, 9px);
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_nav ul .en_1 {
    font-size: 10.5px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking {
  padding: 12vw 0;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking {
    padding: 72px 0 88px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking h4 {
  text-align: center;
  margin-bottom: 5vw;
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking h4 .txt_3 {
  margin-bottom: 2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking h4 .txt_3 {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking h4 .ttl_5 {
    font-size: 42px;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking h4 {
    margin-bottom: 10px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .all_ranking {
  display: flex;
  margin: 2vw auto 10vw;
  width: fit-content;
  font-size: max(2.4vw, 9px);
  letter-spacing: 0.08rem;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .all_ranking {
    font-size: 13px;
    margin: 30px auto 56px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .all_ranking p {
  padding-right: 10px;
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 4vw;
  row-gap: 10vw;
  font-size: max(2.6666666667vw, 10px);
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking {
    column-gap: 5%;
    font-size: 13px;
    row-gap: 68px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(1),
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(1) {
  width: 39.4666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(1),
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(1) {
    width: 30%;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(1)::after,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(1)::after {
  content: "No.1";
  position: absolute;
  top: -5vw;
  left: -2vw;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  background-color: #d9b95f;
  border-radius: 100vw;
  line-height: 9.6vw;
  text-align: center;
  color: #fff;
  font-family: playfair-display, serif;
  font-weight: 700;
  font-style: normal;
  font-size: max(3.2vw, 12px);
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(1)::after,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(1)::after {
    width: 64px;
    height: 64px;
    line-height: 60px;
    font-size: 20px;
    top: -25px;
    left: -15px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(2),
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(2) {
  width: 39.4666666667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(2),
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(2) {
    width: 30%;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(2)::after,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(2)::after {
  content: "No.2";
  position: absolute;
  top: -5vw;
  left: -2vw;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  background-color: #b2b2b2;
  border-radius: 100vw;
  line-height: 9.6vw;
  text-align: center;
  color: #fff;
  font-family: playfair-display, serif;
  font-weight: 700;
  font-style: normal;
  font-size: max(3.2vw, 12px);
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(2)::after,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(2)::after {
    width: 64px;
    height: 64px;
    line-height: 60px;
    font-size: 20px;
    top: -25px;
    left: -15px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(3),
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(3) {
  width: 25.3333333333vw;
  position: relative;
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(3) .salecolor,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(3) .salecolor + .price,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(3) .salecolor,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(3) .salecolor + .price {
  display: block;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(3) .salecolor,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(3) .salecolor + .price,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(3) .salecolor,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(3) .salecolor + .price {
    display: inline;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(3),
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(3) {
    width: 30%;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(3)::after,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(3)::after {
  content: "No.3";
  position: absolute;
  top: -5vw;
  left: -2vw;
  width: 9.0666666667vw;
  height: 9.0666666667vw;
  background-color: #af967c;
  border-radius: 100vw;
  line-height: 8vw;
  text-align: center;
  color: #fff;
  font-family: playfair-display, serif;
  font-weight: 700;
  font-style: normal;
  font-size: max(2.9333333333vw, 11px);
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(3)::after,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(3)::after {
    width: 64px;
    height: 64px;
    line-height: 60px;
    font-size: 20px;
    top: -25px;
    left: -15px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(4),
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(5),
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div.swiper-slide:nth-child(4),
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(5) {
  width: 25.3333333333vw;
  position: relative;
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(4) .salecolor,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(4) .salecolor + .price,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(5) .salecolor,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(5) .salecolor + .price,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div.swiper-slide:nth-child(4) .salecolor,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div.swiper-slide:nth-child(4) .salecolor + .price,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(5) .salecolor,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(5) .salecolor + .price {
  display: block;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(4) .salecolor,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(4) .salecolor + .price,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(5) .salecolor,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(5) .salecolor + .price,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div.swiper-slide:nth-child(4) .salecolor,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div.swiper-slide:nth-child(4) .salecolor + .price,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(5) .salecolor,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(5) .salecolor + .price {
    display: inline;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(4),
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(5),
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div.swiper-slide:nth-child(4),
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(5) {
    width: 25%;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(4)::after,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(5)::after,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div.swiper-slide:nth-child(4)::after,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(5)::after {
  position: absolute;
  top: -5vw;
  left: -2vw;
  width: 9.0666666667vw;
  height: 9.0666666667vw;
  background-color: #dbdbdb;
  border-radius: 100vw;
  line-height: 8vw;
  text-align: center;
  color: #1d2c45;
  font-family: playfair-display, serif;
  font-weight: 700;
  font-style: normal;
  font-size: max(2.9333333333vw, 11px);
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(4)::after,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(5)::after,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div.swiper-slide:nth-child(4)::after,
  #sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(5)::after {
    width: 54px;
    height: 54px;
    line-height: 50px;
    font-size: 16px;
    top: -18px;
    left: -13px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(4)::after,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div.swiper-slide:nth-child(4)::after {
  content: "No.4";
}
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking li:nth-child(5)::after,
#sec2 .main_contents .contents_01 .c_01_wrap #ranking .c_01_ranking div:nth-child(5)::after {
  content: "No.5";
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_base {
  padding: 10vw 0 8vw;
  font-size: max(2.4vw, 9px);
  letter-spacing: 0.05rem;
  /* 自動抽出中身 ===================================================== */
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base {
    font-size: 12px;
    padding: 50px 0 46px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .ttl_box {
  position: relative;
  width: 98%;
  margin: 0 auto 8vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .ttl_box {
    margin: 0 auto 40px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .ttl_box h4 {
  text-align: left;
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .ttl_box h4 .txt_3 {
  text-align: left;
  margin-bottom: 2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .ttl_box h4 .txt_3 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .ttl_box h4 .ttl_6 {
    letter-spacing: 0.2rem;
    font-size: 38px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .view_all {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: max(2.4vw, 9px);
  letter-spacing: 0.08rem;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .view_all {
    font-size: 13px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .view_all p {
  padding-right: 10px;
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .swiper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .swiper.spNone {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .swiper.spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .swiper.pcNone {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .swiper.pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .swiper {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .swiper {
    margin-bottom: 0;
    max-width: 920px;
    padding: 0 10px;
  }
}
#sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .swiper-wrapper {
  margin-bottom: 2vw;
  padding: 0;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_01 .c_01_wrap .c_01_base .swiper-wrapper {
    margin-bottom: 10px;
  }
}
#sec2 .main_contents .contents_02 {
  border: #e2c978 solid 1px;
  border-top: none;
  border-bottom: none;
  background-color: #1d2c45;
  color: #e2c978;
  padding: 20vw 0;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 {
    padding: 100px 0 100px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap {
  width: 84vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap {
    width: clamp(620px, 76.3636363636%, 840px);
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl {
  text-align: center;
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl {
    margin-bottom: 60px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl .txt_1 {
  color: #e2c978;
  letter-spacing: 0.1rem;
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl .txt_1 {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl .ttl_4 {
  letter-spacing: 0.15rem;
  margin-bottom: 5vw;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl .ttl_4 {
    margin-bottom: 40px;
    font-size: 36px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl .txt_3 {
  color: #fff;
  padding: 3vw 0 8vw;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl .txt_3 p:first-child {
  margin-bottom: 5vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl .txt_3 p:first-child {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_ttl .txt_3 {
    padding: 20px 0 10px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav {
  margin-bottom: 24vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav {
    margin-bottom: 140px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3.2vw;
  row-gap: 13.3333333333vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul {
    gap: 3%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li {
  position: relative;
  width: 18.1333333333vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li {
    width: 11.25%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .icon_info {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -8vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .icon_info {
    bottom: -35px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .icon_info .ttl_5 {
  color: #fff;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .icon_info .ttl_5 {
    font-size: 35px;
    margin-bottom: 3px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .icon_info .txt_4 {
  font-size: max(3.0666666667vw, 11.5px);
  color: #e2c978;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .icon_info .txt_4 {
    font-size: min(1.2vw, 13px);
    letter-spacing: 0.05rem;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .ttl_deco4 {
  position: absolute;
  right: 0;
  bottom: -8vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .ttl_deco4 {
    width: 22.2222222222%;
    bottom: -38%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .deco_behind {
  opacity: 0.3;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .behind img {
  width: 92%;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .behind::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  mix-blend-mode: multiply;
  position: absolute;
  inset: 0;
  z-index: 0;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .new_icon3 {
  width: 14.1333333333vw;
  position: absolute;
  top: -5vw;
  left: -0.5vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_nav ul li a .new_icon3 {
    width: min(70%, 65px);
    top: -25%;
    left: 3%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap div.c_02_article + div.c_02_article {
  margin-top: 22vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap div.c_02_article + div.c_02_article {
    margin-top: 160px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article {
  width: 78.6666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article {
    width: clamp(620px, 100%, 840px);
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl {
  position: relative;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .new_icon2 img {
  width: 13.0666666667vw;
  position: absolute;
  top: -6vw;
  right: -1vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .new_icon2 img {
    width: 100px;
    top: -50px;
    right: 5%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .line2 {
  background-color: #e2c978;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap {
  display: flex;
  height: 20vw;
  align-items: center;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap {
    height: 120px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .ttl_num {
  font-size: max(13.3333333333vw, 50px);
  position: relative;
  width: 13.8666666667vw;
  padding: 0 4vw 0 2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .ttl_num {
    width: 82px;
    font-size: 80px;
    padding: 0 40px 0 30px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .ttl_num::after {
  content: "";
  display: block;
  width: 1px;
  height: 12vw;
  background-color: #e2c978;
  position: absolute;
  top: -2vw;
  right: 0;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .ttl_num::after {
    height: 70px;
    top: -25%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .sub_ttl {
  text-align-last: left;
  padding-left: 4vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .sub_ttl {
    padding-left: 40px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .sub_ttl img:nth-child(1) {
  width: 41.8666666667vw;
  margin-bottom: 2.5vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .sub_ttl img:nth-child(1) {
    width: 212px;
    margin-bottom: 18px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .sub_ttl img:nth-child(2) {
  width: 38.6666666667vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .article_ttl .ttl_wrap .sub_ttl img:nth-child(2) {
    width: 193px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile {
  width: 70.6666666667vw;
  margin: 0 auto;
  padding: 10vw 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  justify-content: center;
  justify-items: center;
  text-align: left;
  gap: 6.6666666667vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile {
    column-gap: 40px;
    row-gap: 20px;
    width: clamp(620px, 60%, 650px);
    padding: 80px 0;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .img_box {
  grid-column: 1/2;
  position: relative;
  width: 32vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .img_box {
    width: 260px;
    margin: 0 auto;
    grid-row: 1/3;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .img_box .prof_deco {
  position: absolute;
  top: 0;
  left: -5%;
  width: 260px;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_img {
  width: 32vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_img {
    width: 180px;
    margin: 0 auto;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info {
  grid-column: 2/3;
  width: 32vw;
  color: #fff;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info {
    width: 305px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info .prof_dep {
  text-align: left;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info .prof_dep {
    font-size: 12px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info .prof_name {
  color: #e2c978;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info .prof_name::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e2c978;
  margin: 3vw 0 4vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info .prof_name::after {
    margin: 15px 0;
  }
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info .prof_name {
    font-size: 20px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info a {
  color: #fff;
  display: flex;
  gap: 5px;
  margin-top: 3vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info a {
    margin-top: 10px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info a img {
  width: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_info a img {
    width: 16px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_txt {
  grid-column: 1/3;
  width: 68vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_txt {
    grid-column: 2/3;
    width: 305px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_txt .en_1 {
  font-size: max(4vw, 15px);
  margin-bottom: 2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_txt .en_1 {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_txt .txt_5 {
  text-align: left;
  line-height: 1.6;
  color: #fff;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .profile .prof_txt .txt_5 {
    font-size: 11px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_subttl {
  width: 73.3333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_subttl {
    width: 330px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_subttl .and_deco {
  margin: 5vw auto 6vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_subttl .and_deco {
    margin: 40px auto 40px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_subttl .ttl_deco3 {
  padding: 3vw 0 2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_subttl .ttl_deco3 {
    padding: 30px 0 30px;
    width: 25px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article div.c_02_item + div.c_02_item {
  margin-top: 30vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_07_item {
    display: flex;
    flex-direction: row-reverse;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item {
  width: 73.3333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .slide1 {
  position: relative;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .slide1 {
    width: 51.1904761905%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .slide1 .swiper-wrapper {
  overflow: hidden;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .slide1 .swiper-pagination {
  position: absolute;
  bottom: -8vw !important;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .slide1 .swiper-pagination {
    bottom: -40px !important;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .slide1 .swiper-pagination-bullet {
  background-image: url(../images/img19.svg);
  background-color: rgba(175, 150, 124, 0);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: contain;
  width: 14px;
  height: 18px;
  border: none;
  opacity: 0.4;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .slide1 .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .slide1 .swiper-pagination-bullet-active {
  background-image: url(../images/img15.svg);
  background-color: rgba(175, 150, 124, 0);
  border: none;
  opacity: 1;
  background-size: 100%;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_info2 {
  margin: 5vw 0 12vw 0 !important;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_info2 {
    margin: 0 0 36px !important;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_info {
  margin: 12vw 0;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_info {
    margin: 0 0 36px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_info a {
  color: #e2c978;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_info .ttl_2 {
  font-size: max(4.5333333333vw, 17px);
  margin-bottom: 4vw;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_info .ttl_2 {
    margin-bottom: 20px;
    font-size: min(1.8vw, 20px);
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_info .price_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment1 {
  color: #fff;
  text-align: left;
  line-height: 1.6;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment1 .line1 {
  background-color: #e2c978;
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment1 .line1::before, #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment1 .line1::after {
  background-color: #e2c978;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment1 {
    font-size: min(1.2vw, 13px);
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2 {
  background-color: #f8f8f8;
  color: #b58d1e;
  border-radius: 5px;
  padding: 8vw 7vw 8vw 8vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2 {
    padding: 30px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2::after {
  content: "";
  display: block;
  background-image: url(../images/comment_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8vw;
  height: 5.8666666667vw;
  position: absolute;
  right: 24vw;
  bottom: -3vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2::after {
    width: 30px;
    height: 22px;
    right: 90px;
    bottom: -14px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2 .comment_ttl {
  font-size: max(4vw, 15px);
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2 .comment_ttl {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2 .comment_txt {
  text-align: left;
  font-size: max(2.9333333333vw, 11px);
  line-height: 1.8;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2 .comment_txt {
    font-size: min(1.1vw, 12px);
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2 .icon_left {
  width: 14.9333333333vw;
  position: absolute;
  right: 6vw;
  bottom: -8vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_comment2 .icon_left {
    width: 56px;
    right: 22px;
    bottom: -28px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_box {
  text-align: left;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .c_02_article .c_02_item .item_box {
    width: 42.8571428571%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon {
  width: 78.6666666667vw;
  margin: 24vw auto 0;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon {
    width: clamp(620px, 100%, 840px);
    margin: 100px auto 0;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .line2 {
  background-color: #e2c978;
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_ttl {
  margin: 10vw 0;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_ttl {
    margin: 55px 0 40px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_ttl .ttl_5 {
  letter-spacing: 0.2rem;
  margin-bottom: 3vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_ttl .ttl_5 {
    margin-bottom: 15px;
    font-size: 36px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_ttl img {
  width: 56vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_ttl img {
    width: 260px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list {
  display: flex;
  gap: 8vw;
  justify-content: center;
  margin: 0 auto 10vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list {
    gap: 60px;
    margin: 0 auto 55px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list li {
  width: 26.6666666667vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list li {
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 9.0909090909%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_img {
  width: 26.6666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_img {
    width: 45.4545454545%;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info {
  color: #fff;
  font-size: max(2.6666666667vw, 10px);
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info {
    width: 54.5454545455%;
    text-align: left;
    font-size: 10px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info .prof_dep {
  font-size: max(2.6666666667vw, 10px);
  margin: 2vw 0;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info .prof_dep {
    text-align: left;
    font-size: 10px;
    margin: 0 0 10px 0;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info .prof_name {
  color: #fff;
  font-size: max(4vw, 15px);
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info .prof_name {
    font-size: 15px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info a {
  font-size: max(2.6666666667vw, 10px);
  width: fit-content;
  margin: 3vw auto 0;
  color: #fff;
  display: flex;
  gap: 5px;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info a {
    margin: 15px 0 0;
    font-size: 10px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info a img {
  width: 3.2vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list .prof_info a img {
    width: 12px;
  }
}
#sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list #_07_ririka {
  margin-bottom: 24vw;
}
@media screen and (min-width: 769px) {
  #sec2 .main_contents .contents_02 .c_02_wrap .coming_soon .cs_list #_07_ririka {
    margin-bottom: 160px;
  }
}

/* sec3
===================================================== */
#sec3 {
  background-color: #e5cf9e;
  padding: 20vw 0 20vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #sec3 {
    padding: 100px 0 140px;
  }
}
#sec3 .ttl_wrap {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 769px) {
  #sec3 .ttl_wrap {
    position: relative;
    padding: 40px 0;
  }
}
@media screen and (min-width: 769px) {
  #sec3 .ttl_wrap .txt_4 {
    font-size: 18px;
    letter-spacing: 0.1rem;
  }
}
#sec3 .ttl_wrap .ttl_3 {
  margin: 3vw 0 6vw;
}
@media screen and (min-width: 769px) {
  #sec3 .ttl_wrap .ttl_3 {
    font-size: 52px;
    margin: 20px 0 40px;
  }
}
#sec3 .sec3_contens {
  position: relative;
  z-index: 5;
}
#sec3 .sec3_c_01 {
  margin: 0 auto 15vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 {
    margin: 0 auto 80px;
  }
}
#sec3 .sec3_c_01 .ttl_deco6 {
  width: 32.5333333333vw;
  position: absolute;
  top: -7vw;
  right: 1vw;
  z-index: -5;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_deco6 {
    width: 214px;
    top: -120px;
    right: 92px;
  }
}
#sec3 .sec3_c_02 {
  margin: 8vw auto 0;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_02 {
    margin: 20px auto 0;
  }
}
#sec3 .sec3_c_01,
#sec3 .sec3_c_02 {
  width: 92vw;
  background-color: #fff9e8;
  border-radius: 100vw 100vw 10px 10px;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01,
  #sec3 .sec3_c_02 {
    width: clamp(700px, 76.3888888889%, 1100px);
    border-radius: 60px;
  }
}
#sec3 .sec3_c_01 .ttl_wrap,
#sec3 .sec3_c_02 .ttl_wrap {
  color: #b58d1e;
  padding: 8vw 0 4vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap,
  #sec3 .sec3_c_02 .ttl_wrap {
    padding: 80px 0 50px;
  }
}
#sec3 .sec3_c_01 .ttl_wrap .ttl_img,
#sec3 .sec3_c_02 .ttl_wrap .ttl_img {
  width: 49.3333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap .ttl_img,
  #sec3 .sec3_c_02 .ttl_wrap .ttl_img {
    width: 226px;
  }
}
#sec3 .sec3_c_01 .ttl_wrap .ttl_img2,
#sec3 .sec3_c_02 .ttl_wrap .ttl_img2 {
  width: 41.6vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap .ttl_img2,
  #sec3 .sec3_c_02 .ttl_wrap .ttl_img2 {
    width: 195px;
  }
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap .ttl_deco1,
  #sec3 .sec3_c_02 .ttl_wrap .ttl_deco1 {
    margin: 0 auto;
  }
}
#sec3 .sec3_c_01 .ttl_wrap .ttl_1,
#sec3 .sec3_c_02 .ttl_wrap .ttl_1 {
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap .ttl_1,
  #sec3 .sec3_c_02 .ttl_wrap .ttl_1 {
    margin: 16px auto 40px;
  }
}
#sec3 .sec3_c_01 .ttl_wrap .ttl_4,
#sec3 .sec3_c_02 .ttl_wrap .ttl_4 {
  line-height: 1.2;
}
#sec3 .sec3_c_01 .ttl_wrap .txt_3,
#sec3 .sec3_c_02 .ttl_wrap .txt_3 {
  line-height: 1.6;
}
#sec3 .sec3_c_01 .ttl_wrap .ttl_lead,
#sec3 .sec3_c_02 .ttl_wrap .ttl_lead {
  margin: 8vw 0;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap .ttl_lead p:first-child,
  #sec3 .sec3_c_02 .ttl_wrap .ttl_lead p:first-child {
    margin-bottom: 10px;
  }
}
#sec3 .sec3_c_01 .ttl_wrap .ttl_lead p,
#sec3 .sec3_c_02 .ttl_wrap .ttl_lead p {
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap .ttl_lead p,
  #sec3 .sec3_c_02 .ttl_wrap .ttl_lead p {
    margin-bottom: 0px;
    line-height: 2.4;
  }
}
#sec3 .sec3_c_01 .ttl_wrap .ttl_lead span,
#sec3 .sec3_c_02 .ttl_wrap .ttl_lead span {
  background: linear-gradient(transparent 60%, rgba(226, 201, 120, 0.4) 60%);
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap .ttl_lead,
  #sec3 .sec3_c_02 .ttl_wrap .ttl_lead {
    margin: 0 auto;
  }
}
#sec3 .sec3_c_01 .ttl_wrap .ttl_lead.c_02,
#sec3 .sec3_c_02 .ttl_wrap .ttl_lead.c_02 {
  width: 73.3333333333vw;
  margin: 8vw auto;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap .ttl_lead.c_02,
  #sec3 .sec3_c_02 .ttl_wrap .ttl_lead.c_02 {
    width: clamp(700px, 76.3888888889%, 1100px);
    margin: 0 auto;
  }
}
#sec3 .sec3_c_01 .ttl_wrap .ttl_lead.c_02 .line2,
#sec3 .sec3_c_02 .ttl_wrap .ttl_lead.c_02 .line2 {
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_wrap .ttl_lead.c_02 .line2,
  #sec3 .sec3_c_02 .ttl_wrap .ttl_lead.c_02 .line2 {
    margin-bottom: 0;
  }
}
#sec3 .sec3_c_01 .present_wrap .arrow_box,
#sec3 .sec3_c_02 .present_wrap .arrow_box {
  position: relative;
  width: 73.3333333333vw;
  margin: 0 auto 10vw;
  line-height: 40px;
  background: #91391f;
  text-align: center;
  color: #ffffff;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .arrow_box,
  #sec3 .sec3_c_02 .present_wrap .arrow_box {
    width: 350px;
    line-height: 50px;
    margin: 0 auto 60px;
  }
}
#sec3 .sec3_c_01 .present_wrap .arrow_box:after,
#sec3 .sec3_c_02 .present_wrap .arrow_box:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(106, 90, 205, 0);
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-left-width: 6px;
  border-right-width: 6px;
  margin-left: -6px;
  border-top-color: #91391f;
  top: 96%;
  left: 50%;
}
#sec3 .sec3_c_01 .present_wrap .arrow_box2,
#sec3 .sec3_c_02 .present_wrap .arrow_box2 {
  position: relative;
  width: 73.3333333333vw;
  margin: 0 auto;
  line-height: 40px;
  background: #91391f;
  text-align: center;
  color: #ffffff;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .arrow_box2,
  #sec3 .sec3_c_02 .present_wrap .arrow_box2 {
    width: 350px;
    line-height: 50px;
    margin: 0 auto;
  }
}
#sec3 .sec3_c_01 .present_wrap .line2,
#sec3 .sec3_c_02 .present_wrap .line2 {
  width: 73.3333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .line2,
  #sec3 .sec3_c_02 .present_wrap .line2 {
    width: clamp(600px, 70%, 770px);
  }
}
#sec3 .sec3_c_01 .present_wrap .line2_2,
#sec3 .sec3_c_02 .present_wrap .line2_2 {
  width: 70.6666666667vw;
  margin: 6vw auto;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .line2_2,
  #sec3 .sec3_c_02 .present_wrap .line2_2 {
    width: clamp(600px, 70%, 770px);
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info,
#sec3 .sec3_c_02 .present_wrap .present_info {
  width: 70.6666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info,
  #sec3 .sec3_c_02 .present_wrap .present_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: clamp(600px, 69.0909090909%, 760px);
    gap: min(5.1948051948%, 60px);
    margin: 45px auto 80px;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_left,
#sec3 .sec3_c_02 .present_wrap .present_info .present_left {
  color: #b58d1e;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_left,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_left {
    width: min(49.3506493506%, 380px);
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_left a,
#sec3 .sec3_c_02 .present_wrap .present_info .present_left a {
  margin: 8vw auto;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_left a,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_left a {
    margin: 0 auto;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_left .item_name,
#sec3 .sec3_c_02 .present_wrap .present_info .present_left .item_name {
  width: 80%;
  line-height: 1.6;
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_left .item_name,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_left .item_name {
    margin-bottom: 0;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_left .img_box,
#sec3 .sec3_c_02 .present_wrap .present_info .present_left .img_box {
  position: relative;
  margin-bottom: 14vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_left .img_box,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_left .img_box {
    margin: 16px auto 60px;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_left .img_box img:nth-child(1),
#sec3 .sec3_c_02 .present_wrap .present_info .present_left .img_box img:nth-child(1) {
  width: 100%;
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_left .img_box img:nth-child(2),
#sec3 .sec3_c_02 .present_wrap .present_info .present_left .img_box img:nth-child(2) {
  position: absolute;
  width: 4vw;
  top: -6vw;
  right: 1vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_left .img_box img:nth-child(2),
  #sec3 .sec3_c_02 .present_wrap .present_info .present_left .img_box img:nth-child(2) {
    width: 20px;
    top: -35px;
    right: 5px;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_left .img_box img:nth-child(3),
#sec3 .sec3_c_02 .present_wrap .present_info .present_left .img_box img:nth-child(3) {
  position: absolute;
  width: 20.5333333333vw;
  bottom: -10vw;
  left: 1vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_left .img_box img:nth-child(3),
  #sec3 .sec3_c_02 .present_wrap .present_info .present_left .img_box img:nth-child(3) {
    width: 96px;
    bottom: -42px;
    left: 5px;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_left .img_box img:nth-child(4),
#sec3 .sec3_c_02 .present_wrap .present_info .present_left .img_box img:nth-child(4) {
  position: absolute;
  width: 3.4666666667vw;
  bottom: -10vw;
  right: 1vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_left .img_box img:nth-child(4),
  #sec3 .sec3_c_02 .present_wrap .present_info .present_left .img_box img:nth-child(4) {
    width: 18px;
    bottom: -40px;
    right: 5px;
  }
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_left .ttl_2,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_left .ttl_2 {
    font-size: 20px;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_left .txt_3,
#sec3 .sec3_c_02 .present_wrap .present_info .present_left .txt_3 {
  line-height: 1.6;
  text-align: left;
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_right,
#sec3 .sec3_c_02 .present_wrap .present_info .present_right {
  color: #b58d1e;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_right,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_right {
    width: min(44.1558441558%, 320px);
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_right ul,
#sec3 .sec3_c_02 .present_wrap .present_info .present_right ul {
  width: 65.3333333333vw;
  margin: 0 0 0 auto;
  text-align: left;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_right ul,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_right ul {
    width: min(96%, 320px);
    margin: 0 0 0 auto;
    line-height: 2.8;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_right li,
#sec3 .sec3_c_02 .present_wrap .present_info .present_right li {
  width: 100%;
  height: fit-content;
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_right .list_info,
#sec3 .sec3_c_02 .present_wrap .present_info .present_right .list_info {
  position: relative;
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_right .list_info .list_deco,
#sec3 .sec3_c_02 .present_wrap .present_info .present_right .list_info .list_deco {
  top: 0.5vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_right .list_info .list_deco,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_right .list_info .list_deco {
    top: 13%;
    left: -9%;
  }
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_right .txt_4,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_right .txt_4 {
    font-size: 13px;
    letter-spacing: 0.1rem;
  }
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_right .txt_5,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_right .txt_5 {
    font-size: 12px;
    letter-spacing: 0.05rem;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_right .detail,
#sec3 .sec3_c_02 .present_wrap .present_info .present_right .detail {
  margin-top: 2vw;
  text-align: left;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_right .detail,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_right .detail {
    margin-top: 0px;
  }
}
#sec3 .sec3_c_01 .present_wrap .present_info .present_right .arrow_1,
#sec3 .sec3_c_02 .present_wrap .present_info .present_right .arrow_1 {
  width: 3.7333333333vw;
  margin: 4vw auto 6vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .present_info .present_right .arrow_1,
  #sec3 .sec3_c_02 .present_wrap .present_info .present_right .arrow_1 {
    width: 16px;
    margin: 24px auto 0;
  }
}
#sec3 .sec3_c_01 .present_wrap .next_info,
#sec3 .sec3_c_02 .present_wrap .next_info {
  text-align: center;
  letter-spacing: 0.1rem;
  color: #b58d1e;
  padding: 12vw 0;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .next_info,
  #sec3 .sec3_c_02 .present_wrap .next_info {
    padding: 56px 0 72px;
    font-size: 18px;
  }
}
#sec3 .sec3_c_01 .present_wrap .next_info img,
#sec3 .sec3_c_02 .present_wrap .next_info img {
  display: block;
  width: 22.4vw;
  margin: 6vw auto 0;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .present_wrap .next_info img,
  #sec3 .sec3_c_02 .present_wrap .next_info img {
    width: 100px;
    margin: 35px auto 0;
  }
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .ttl_4.en_1,
  #sec3 .sec3_c_02 .ttl_4.en_1 {
    font-size: 36px;
    margin: 30px auto;
  }
}
#sec3 .sec3_c_01 .IL_wrap,
#sec3 .sec3_c_02 .IL_wrap {
  width: 73.3333333333vw;
  margin: 0 auto;
  color: #b58d1e;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap,
  #sec3 .sec3_c_02 .IL_wrap {
    width: clamp(600px, 63.6363636364%, 700px);
  }
}
#sec3 .sec3_c_01 .IL_wrap .IL_ttl img,
#sec3 .sec3_c_02 .IL_wrap .IL_ttl img {
  width: 10.6666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .IL_ttl img,
  #sec3 .sec3_c_02 .IL_wrap .IL_ttl img {
    width: 40px;
  }
}
#sec3 .sec3_c_01 .IL_wrap .IL_ttl .ttl_2,
#sec3 .sec3_c_02 .IL_wrap .IL_ttl .ttl_2 {
  text-align: center;
  margin: 5vw auto 8vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .IL_ttl .ttl_2,
  #sec3 .sec3_c_02 .IL_wrap .IL_ttl .ttl_2 {
    font-size: 24px;
    margin: 20px auto 40px;
  }
}
#sec3 .sec3_c_01 .IL_wrap ul p,
#sec3 .sec3_c_02 .IL_wrap ul p {
  text-align: left;
}
#sec3 .sec3_c_01 .IL_wrap .li_ttl,
#sec3 .sec3_c_02 .IL_wrap .li_ttl {
  display: flex;
  align-items: center;
  position: relative;
}
#sec3 .sec3_c_01 .IL_wrap .li_ttl .hide,
#sec3 .sec3_c_02 .IL_wrap .li_ttl .hide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(160, 136, 106, 0.75);
  position: absolute;
  inset: 0;
  z-index: 1;
}
#sec3 .sec3_c_01 .IL_wrap .li_ttl .hide p,
#sec3 .sec3_c_02 .IL_wrap .li_ttl .hide p {
  color: #fff;
  font-size: max(3.7333333333vw, 14px);
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .li_ttl .hide p,
  #sec3 .sec3_c_02 .IL_wrap .li_ttl .hide p {
    font-size: 16px;
  }
}
#sec3 .sec3_c_01 .IL_wrap .ttl_num,
#sec3 .sec3_c_02 .IL_wrap .ttl_num {
  font-size: max(11.7333333333vw, 44px);
  position: relative;
  padding: 3.5vw 6vw 3.5vw 4vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .ttl_num,
  #sec3 .sec3_c_02 .IL_wrap .ttl_num {
    font-size: 56px;
    padding: 20px 40px 20px 30px;
  }
}
#sec3 .sec3_c_01 .IL_wrap .ttl_num img,
#sec3 .sec3_c_02 .IL_wrap .ttl_num img {
  width: 7vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .ttl_num img,
  #sec3 .sec3_c_02 .IL_wrap .ttl_num img {
    width: 32px;
  }
}
#sec3 .sec3_c_01 .IL_wrap .ttl_num::after,
#sec3 .sec3_c_02 .IL_wrap .ttl_num::after {
  content: "";
  display: block;
  width: 1px;
  height: 60%;
  background-color: #e2c978;
  position: absolute;
  top: 22%;
  right: 0;
}
#sec3 .sec3_c_01 .IL_wrap .live_ttl,
#sec3 .sec3_c_02 .IL_wrap .live_ttl {
  padding-left: 4vw;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .live_ttl,
  #sec3 .sec3_c_02 .IL_wrap .live_ttl {
    font-size: 18px;
    padding-left: 25px;
  }
}
#sec3 .sec3_c_01 .IL_wrap .live_day,
#sec3 .sec3_c_02 .IL_wrap .live_day {
  width: fit-content;
  position: relative;
  left: 9vw;
  text-align: left;
  line-height: 2;
  padding: 3vw 0 2vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .live_day,
  #sec3 .sec3_c_02 .IL_wrap .live_day {
    width: clamp(560px, 56.3636363636%, 620px);
    margin: 0 auto;
    font-size: 15px;
    padding: 16px 0 10px;
    left: 25px;
  }
}
#sec3 .sec3_c_01 .IL_wrap .live_txt,
#sec3 .sec3_c_02 .IL_wrap .live_txt {
  width: 65.3333333333vw;
  margin: 0 auto 5vw;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .live_txt,
  #sec3 .sec3_c_02 .IL_wrap .live_txt {
    width: clamp(560px, 56.3636363636%, 620px);
    margin: 0 auto 20px;
    font-size: 13px;
  }
}
#sec3 .sec3_c_01 .IL_wrap .txt_1,
#sec3 .sec3_c_02 .IL_wrap .txt_1 {
  text-align: center;
  color: #b58d1e;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .txt_1,
  #sec3 .sec3_c_02 .IL_wrap .txt_1 {
    font-size: 20px;
  }
}
#sec3 .sec3_c_01 .IL_wrap .arrow_1,
#sec3 .sec3_c_02 .IL_wrap .arrow_1 {
  width: 3.7333333333vw;
  margin: 4vw auto 6vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .arrow_1,
  #sec3 .sec3_c_02 .IL_wrap .arrow_1 {
    width: 16px;
    margin: 20px auto 34px;
  }
}
#sec3 .sec3_c_01 .IL_wrap .toIG,
#sec3 .sec3_c_02 .IL_wrap .toIG {
  padding: 12vw 0 16vw;
}
@media screen and (min-width: 769px) {
  #sec3 .sec3_c_01 .IL_wrap .toIG,
  #sec3 .sec3_c_02 .IL_wrap .toIG {
    padding: 56px 0 92px;
  }
}

#sec4 {
  background-color: #1d2c45;
  padding: 20vw 0 16vw;
  /* スライド設定
   ===================================================== */
  /* 自動取得 ===================================================== */
}
@media screen and (min-width: 769px) {
  #sec4 {
    padding: 100px 0 140px;
  }
}
#sec4 .ttl_wrap {
  text-align: center;
  color: #e2c978;
}
@media screen and (min-width: 769px) {
  #sec4 .ttl_wrap {
    position: relative;
    padding: 40px 0;
  }
}
@media screen and (min-width: 769px) {
  #sec4 .ttl_wrap .txt_4 {
    font-size: 18px;
    letter-spacing: 0.1rem;
  }
}
#sec4 .ttl_wrap .ttl_1 {
  margin: 3vw 0 6vw;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #sec4 .ttl_wrap .ttl_1 {
    font-size: 40px;
    margin: 20px 0 40px;
  }
}
#sec4 .ttl_wrap h2 img {
  width: 34.1333333333vw;
  margin: 0 auto 8vw;
}
@media screen and (min-width: 769px) {
  #sec4 .ttl_wrap h2 img {
    width: 190px;
    margin: 0 auto 46px;
  }
}
@media screen and (min-width: 769px) {
  #sec4 .ttl_wrap .ttl_deco5 {
    width: 32px;
  }
}
@media screen and (min-width: 769px) {
  #sec4 .ttl_wrap .ttl_deco2 {
    top: 20px;
  }
}
#sec4 .ttl_wrap .ttl_lead {
  width: 78.9333333333vw;
  margin: 10vw auto 16vw;
  color: #fff;
  letter-spacing: 0.08rem;
}
@media screen and (min-width: 769px) {
  #sec4 .ttl_wrap .ttl_lead {
    margin: 50px auto 60px;
  }
}
#sec4 .ttl_wrap .ttl_lead p:first-child {
  margin-bottom: 5vw;
}
@media screen and (min-width: 769px) {
  #sec4 .ttl_wrap .ttl_lead p:first-child {
    margin-bottom: 10px;
  }
}
#sec4 .sec4_contents {
  text-align: center;
  width: 86.9333333333vw;
  padding: 13vw 0 0;
  margin: 0 auto;
  border: #e2c978 solid 0.2vw;
  position: relative;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  #sec4 .sec4_contents {
    width: clamp(700px, 76.3888888889%, 1100px);
    border: #e2c978 solid 0.8px;
    padding: 90px 0;
  }
}
#sec4 .sec4_contents::before {
  content: "";
  border: #e2c978 solid 0.2vw;
  background-color: #f4f4f4;
  position: absolute;
  border-radius: 3px;
  top: 4px;
  left: 4px;
  bottom: 4px;
  right: 4px;
}
@media screen and (min-width: 769px) {
  #sec4 .sec4_contents::before {
    border: #e2c978 solid 0.8px;
  }
}
#sec4 .sec4_contents .deco_1 {
  width: 34.6666666667vw;
  position: absolute;
  top: -10vw;
  left: 6vw;
}
@media screen and (min-width: 769px) {
  #sec4 .sec4_contents .deco_1 {
    width: 188px;
    top: -8%;
    left: 16%;
  }
}
#sec4 .slide2 .swiper-slide {
  position: relative;
  transform: scale(0.8);
  transition: 0.7s;
}
#sec4 .slide2 .swiper-slide .item_comment,
#sec4 .slide2 .swiper-slide .item_info {
  display: none;
  transition: 0.5s;
}
#sec4 .slide2 .swiper-slide .item_info:hover {
  opacity: 0.4;
}
#sec4 .slide2 .swiper-slide .item_info > p {
  font-size: max(3.7333333333vw, 14px);
  line-height: 1.4;
  margin-bottom: 2.5vw;
}
@media screen and (min-width: 769px) {
  #sec4 .slide2 .swiper-slide .item_info > p {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media screen and (min-width: 769px) {
  #sec4 .slide2 .swiper-slide {
    transform: scale(0.7);
  }
}
#sec4 .slide2 .swiper-slide img {
  height: auto;
  width: 100%;
}
#sec4 .slide2 .swiper-slide-active {
  opacity: 1;
  /* 中央のスライドは薄くしない */
  transform: scale(1);
  /* 中央のスライドは小さくしない */
  z-index: 1;
  /* 中央のスライドを一番上にする */
}
#sec4 .slide2 .swiper-slide-active .item_comment,
#sec4 .slide2 .swiper-slide-active .item_info {
  display: block;
}
#sec4 .slide2 .swiper-slide-next .item_comment,
#sec4 .slide2 .swiper-slide-next .item_info,
#sec4 .slide2 .swiper-slide-prev .item_comment,
#sec4 .slide2 .swiper-slide-prev .item_info {
  display: none;
}
#sec4 .slide2 .swiper-button-next,
#sec4 .slide2 .swiper-button-prev {
  padding: 0;
  position: absolute;
  width: 10vw;
  height: 10vw;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  #sec4 .slide2 .swiper-button-next,
  #sec4 .slide2 .swiper-button-prev {
    width: 6%;
    height: 6%;
  }
}
#sec4 .slide2 .swiper-button-next::after,
#sec4 .slide2 .swiper-button-prev::after {
  display: none;
}
#sec4 .slide2 .swiper-button-next {
  background-image: url(../images/arrow7.svg);
  right: 12%;
  top: 48vw;
}
@media screen and (min-width: 769px) {
  #sec4 .slide2 .swiper-button-next {
    right: 31%;
    top: 31%;
  }
}
#sec4 .slide2 .swiper-button-prev {
  background-image: url(../images/arrow8.svg);
  left: 12%;
  top: 48vw;
}
@media screen and (min-width: 769px) {
  #sec4 .slide2 .swiper-button-prev {
    left: 31%;
    top: 31%;
  }
}
#sec4 .gift_wrap {
  width: calc(86.9333333333vw - 10px);
  overflow: hidden;
  margin: 0 auto 10vw;
  color: #b58d1e;
}
@media screen and (min-width: 769px) {
  #sec4 .gift_wrap {
    width: clamp(660px, 90%, 1000px);
    margin: 0 auto 65px;
  }
}
#sec4 .gift_wrap ul {
  text-align: left;
}
#sec4 .gift_wrap ul .price_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  vertical-align: center;
}
#sec4 .gift_wrap .creditAjax_img1500 {
  margin-bottom: 2vw;
}
@media screen and (min-width: 769px) {
  #sec4 .gift_wrap .creditAjax_img1500 {
    margin-bottom: 15px;
  }
}
#sec4 .gift_wrap .creditAjax_item {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.3;
  margin-bottom: 1vw;
}
@media screen and (min-width: 769px) {
  #sec4 .gift_wrap .creditAjax_item {
    margin-bottom: 8px;
  }
}
#sec4 .gift_wrap .creditAjax_price {
  font-size: max(3.4666666667vw, 13px);
}
@media screen and (min-width: 769px) {
  #sec4 .gift_wrap .creditAjax_price {
    font-size: 18px;
    margin-bottom: 0px;
  }
}
#sec4 .gift_wrap .creditAjax_price__proper::before {
  content: "¥";
}
#sec4 .gift_wrap .creditAjax_price__sale {
  color: rgb(200, 38, 38);
  font-size: 1.2em;
  margin-left: 5px;
}
#sec4 .gift_wrap .creditAjax_price__sale::before {
  content: "→ ¥";
  font-size: 0.9em;
}
#sec4 .gift_wrap .creditAjax_price__off {
  color: rgb(200, 38, 38);
  font-size: 0.6em;
}
#sec4 .gift_wrap .creditAjax_price__off::before {
  content: "(";
}
#sec4 .gift_wrap .creditAjax_price__off::after {
  content: ")";
}
@media screen and (min-width: 769px) {
  #sec4 .gift_wrap .buy_btn1 {
    font-size: 14px;
  }
}
#sec4 .gift_wrap .line1 {
  margin: 3vw auto;
}
@media screen and (min-width: 769px) {
  #sec4 .gift_wrap .line1 {
    margin: 20px auto;
  }
}
#sec4 .gift_wrap .item_comment {
  text-align: left;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #sec4 .gift_wrap .item_comment {
    line-height: 1.6;
  }
}
#sec4 .gift_wrap .buy_btn1 {
  position: relative;
  width: 12vw;
  height: 5.5vw;
  background-color: #b58d1e;
  color: #fff;
  font-size: max(3.2vw, 12px);
  border-radius: 1px;
}
@media screen and (min-width: 769px) {
  #sec4 .gift_wrap .buy_btn1 {
    font-size: 13px;
    width: 60px;
    height: 27px;
  }
}
#sec4 .gift_wrap .buy_btn1 img {
  width: 6.9333333333vw !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  #sec4 .gift_wrap .buy_btn1 img {
    width: 30px !important;
  }
}
@media screen and (min-width: 769px) {
  #sec4 .all_item a {
    margin: 50px auto 0;
  }
}

#sec5 {
  position: relative;
  background-color: #f4f4f4;
  overflow-x: hidden;
}
#sec5 .wrapping_wrap {
  color: #b58d1e;
  text-align: center;
  width: 94.6666666667vw;
  padding: 20vw 0 18vw;
  margin: 20vw auto 16vw;
  border: #b58d1e solid 0.2vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #sec5 .wrapping_wrap {
    width: clamp(640px, 69.4444444444%, 1000px);
    border: #b58d1e solid 1px;
    padding: 110px 0 100px;
    margin: 160px auto 150px;
  }
}
#sec5 .wrapping_wrap::before {
  content: "";
  border: #b58d1e solid 0.2vw;
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  right: 4px;
}
@media screen and (min-width: 769px) {
  #sec5 .wrapping_wrap::before {
    border: #b58d1e solid 1px;
  }
}
#sec5 .ttl_wrap {
  text-align: center;
  color: #b58d1e;
}
@media screen and (min-width: 769px) {
  #sec5 .ttl_wrap {
    position: relative;
  }
}
#sec5 .ttl_wrap .txt_1 {
  color: #b58d1e;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 769px) {
  #sec5 .ttl_wrap .txt_1 {
    font-size: 22px;
    letter-spacing: 0.1rem;
  }
}
#sec5 .ttl_wrap .ttl_1 {
  margin: 3vw 0 4vw;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #sec5 .ttl_wrap .ttl_1 {
    font-size: 40px;
    margin: 20px 0 40px;
  }
}
@media screen and (min-width: 769px) {
  #sec5 .ttl_wrap .ttl_deco5 {
    width: 32px;
  }
}
@media screen and (min-width: 769px) {
  #sec5 .ttl_wrap .ttl_deco2 {
    top: 20px;
  }
}
#sec5 .ttl_wrap .ttl_lead {
  width: 78.6666666667vw;
  margin: 6vw auto;
  letter-spacing: 0.08rem;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  #sec5 .ttl_wrap .ttl_lead {
    width: clamp(500px, 73%, 1000px);
    margin: 50px auto;
  }
}
#sec5 .ttl_wrap .ttl_lead p:first-child {
  margin-bottom: 5vw;
}
@media screen and (min-width: 769px) {
  #sec5 .ttl_wrap .ttl_lead p:first-child {
    margin-bottom: 10px;
  }
}
#sec5 .slide3 {
  width: 78.6666666667vw;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #sec5 .slide3 {
    width: 460px;
  }
}
#sec5 .sec5_deco img {
  position: absolute;
}
#sec5 .sec5_deco img:first-child {
  width: 32vw;
  top: -17vw;
  right: -2vw;
}
@media screen and (min-width: 769px) {
  #sec5 .sec5_deco img:first-child {
    width: 210px;
    top: -115px;
    right: -10px;
  }
}
#sec5 .sec5_deco img:last-child {
  width: 34.1333333333vw;
  bottom: -8vw;
  left: -11vw;
}
@media screen and (min-width: 769px) {
  #sec5 .sec5_deco img:last-child {
    width: 220px;
    bottom: -60px;
    left: -45px;
  }
}

#sec6 {
  background-color: #fff;
  padding: 20vw 0 0;
  color: #b58d1e;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #sec6 {
    padding: 100px 0 120px;
  }
}
@media screen and (min-width: 769px) {
  #sec6 .ttl_wrap {
    position: relative;
    padding: 40px 0 30px;
  }
}
#sec6 .ttl_wrap .txt_1 {
  letter-spacing: 0.1rem;
  color: #b58d1e;
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #sec6 .ttl_wrap .txt_1 {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
#sec6 .ttl_wrap .ttl_4 {
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #sec6 .ttl_wrap .ttl_4 {
    font-size: 52px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 769px) {
  #sec6 .ttl_wrap .txt_4 {
    font-size: 18px;
    letter-spacing: 0.1rem;
  }
}
#sec6 .ttl_wrap .ttl_1 {
  margin: 3vw 0 4vw;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #sec6 .ttl_wrap .ttl_1 {
    font-size: 40px;
    margin: 20px 0 px;
  }
}
#sec6 .shop_img {
  width: 78.6666666667vw;
  margin: 0 auto;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  #sec6 .shop_img {
    width: 648px;
  }
}
#sec6 .shop_display {
  margin-top: 12vw;
}
@media screen and (min-width: 769px) {
  #sec6 .shop_display {
    margin-top: 50px;
  }
}
#sec6 .shop_display .ttl_deco3 {
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  #sec6 .shop_display .ttl_deco3 {
    margin-bottom: 30px;
  }
}
#sec6 .leeep_wrap {
  width: 94.6666666667vw;
  margin: 0 0 16vw auto;
}
@media screen and (min-width: 769px) {
  #sec6 .leeep_wrap {
    width: min(85.7142857143vw, 1200px);
    margin: 0 auto 120px;
  }
}
#sec6 .deli_info {
  background-color: #e5cf9e;
  width: 100%;
  padding-top: 4vw;
  padding-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #sec6 .deli_info {
    width: min(69.4444444444%, 1000px);
    margin: 0 auto;
    padding: 20px 0;
  }
}
#sec6 .deli_info .deli_wrap {
  width: 92vw;
  margin: 0 auto;
  padding: 10vw 0;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  #sec6 .deli_info .deli_wrap {
    width: min(100% - 40px, 960px);
    padding: 60px 0 50px;
  }
}
#sec6 .deli_info .deli_icon {
  width: 9.3333333333vw;
  margin: 6vw auto;
}
@media screen and (min-width: 769px) {
  #sec6 .deli_info .deli_icon {
    width: 44px;
    margin: 40px auto;
  }
}
#sec6 .deli_info .txt_1 {
  color: #b58d1e;
  letter-spacing: 0.1rem;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  #sec6 .deli_info .txt_1 {
    font-size: 18px;
    margin-bottom: 50px;
    padding: 0 40px;
  }
}
#sec6 .deli_info .txt_4 {
  margin-bottom: 2vw;
}
@media screen and (min-width: 769px) {
  #sec6 .deli_info .txt_4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
#sec6 .deli_info .ttl_1 {
  margin: 0;
}
@media screen and (min-width: 769px) {
  #sec6 .deli_info .ttl_1 {
    font-size: 40px;
  }
}
#sec6 .deli_info .all_item {
  margin: 0 auto;
  font-size: max(3.4666666667vw, 13px);
}
@media screen and (min-width: 769px) {
  #sec6 .deli_info .all_item {
    font-size: 15px;
  }
}
#sec6 .deli_info .all_item a {
  margin: 7vw auto 0;
}
@media screen and (min-width: 769px) {
  #sec6 .deli_info .all_item a {
    margin: 40px auto 20px;
  }
}

#sec7 {
  background-color: #f8f8f8;
  padding: 20vw 0 25vw;
  color: #91391f;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #sec7 {
    padding: 100px 0 140px;
  }
}
@media screen and (min-width: 769px) {
  #sec7 .ttl_wrap {
    position: relative;
    padding: 40px 0 30px;
  }
}
#sec7 .ttl_wrap .ttl_4 {
  margin-bottom: 4vw;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #sec7 .ttl_wrap .ttl_4 {
    font-size: 52px;
    margin-bottom: 40px;
  }
}
#sec7 .ttl_wrap .txt_4 {
  margin-bottom: 2vw;
}
@media screen and (min-width: 769px) {
  #sec7 .ttl_wrap .txt_4 {
    font-size: 18px;
    letter-spacing: 0.1rem;
  }
}
#sec7 .item_list_wrap .item_list {
  color: #91391f;
  width: 92vw;
  margin: 10vw auto 16vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  text-align: left;
  column-gap: 4vw;
  row-gap: 10vw;
}
@media screen and (min-width: 769px) {
  #sec7 .item_list_wrap .item_list {
    width: clamp(700px, 76.3888888889%, 1100px);
    margin: 20px auto 100px;
    column-gap: 2%;
    row-gap: 60px;
  }
}
#sec7 .item_list_wrap .item_list > div, #sec7 .item_list_wrap .item_list > li {
  width: 44vw;
  letter-spacing: 0.05rem;
  font-size: max(2.9333333333vw, 11px);
}
@media screen and (min-width: 769px) {
  #sec7 .item_list_wrap .item_list > div, #sec7 .item_list_wrap .item_list > li {
    width: 23.5%;
    font-size: 12px;
  }
}
#sec7 .all_item {
  display: block;
  text-align: center;
  letter-spacing: 0.1rem;
}
#sec7 .all_item a {
  background-color: #91391f;
  margin: 0 auto;
}

#sec8 {
  position: relative;
  z-index: 10;
  background-color: #fff;
  padding: 17vw 0 9vw;
}
@media screen and (min-width: 769px) {
  #sec8 {
    padding: 100px 0 55px;
  }
}
#sec8 .sns_link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6vw;
}
@media screen and (min-width: 769px) {
  #sec8 .sns_link {
    gap: 27px;
  }
}
#sec8 .sns_link a:first-child {
  width: 6vw;
}
@media screen and (min-width: 769px) {
  #sec8 .sns_link a:first-child {
    width: 26px;
  }
}
#sec8 .sns_link a:last-child {
  width: 5.5vw;
}
@media screen and (min-width: 769px) {
  #sec8 .sns_link a:last-child {
    width: 23px;
  }
}
#sec8 .brand_top {
  width: 49.6vw;
  margin: 11vw auto 13vw;
}
@media screen and (min-width: 769px) {
  #sec8 .brand_top {
    margin: 55px auto 50px;
    width: 210px;
  }
}
#sec8 .copyright {
  width: 60.8vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #sec8 .copyright {
    width: 254px;
  }
}

/* 自動抽出共通 ===================================================== */
.item_list a,
.c_01_ranking a,
.c_01_base.swiper-wrapper a {
  position: relative;
  color: inherit;
}
.item_list img,
.c_01_ranking img,
.c_01_base.swiper-wrapper img {
  margin-bottom: 1.5vw;
}
@media screen and (min-width: 769px) {
  .item_list img,
  .c_01_ranking img,
  .c_01_base.swiper-wrapper img {
    margin-bottom: 12px;
  }
}
.item_list img + span,
.c_01_ranking img + span,
.c_01_base.swiper-wrapper img + span {
  color: #fff;
  font-size: 0.5rem;
  padding: 0.4px 4px 0.8px;
}
@media screen and (min-width: 769px) {
  .item_list img + span,
  .c_01_ranking img + span,
  .c_01_base.swiper-wrapper img + span {
    font-size: 0.7rem;
    padding: 0.6px 6px 1px;
  }
}
.item_list .ico_box,
.c_01_ranking .ico_box,
.c_01_base.swiper-wrapper .ico_box {
  display: none;
}
.item_list .ico_box + p,
.c_01_ranking .ico_box + p,
.c_01_base.swiper-wrapper .ico_box + p {
  display: none;
}
.item_list .textOverflow,
.item_list .label,
.c_01_ranking .textOverflow,
.c_01_ranking .label,
.c_01_base.swiper-wrapper .textOverflow,
.c_01_base.swiper-wrapper .label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.4;
  margin-top: 1vw;
  margin-bottom: 1vw;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media screen and (min-width: 769px) {
  .item_list .textOverflow,
  .item_list .label,
  .c_01_ranking .textOverflow,
  .c_01_ranking .label,
  .c_01_base.swiper-wrapper .textOverflow,
  .c_01_base.swiper-wrapper .label {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
.item_list .salecolor,
.item_list .salecolor + .price,
.c_01_ranking .salecolor,
.c_01_ranking .salecolor + .price,
.c_01_base.swiper-wrapper .salecolor,
.c_01_base.swiper-wrapper .salecolor + .price {
  display: inline;
  color: rgb(200, 38, 38);
}
.item_list a > p:last-child::after,
.c_01_ranking a > p:last-child::after,
.c_01_base.swiper-wrapper a > p:last-child::after {
  content: "BUY";
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: playfair-display, serif;
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
  font-size: max(2.4vw, 9px);
}
@media screen and (min-width: 769px) {
  .item_list a > p:last-child::after,
  .c_01_ranking a > p:last-child::after,
  .c_01_base.swiper-wrapper a > p:last-child::after {
    font-size: 12px;
  }
}

.c_01_base.swiper-wrapper img + span,
.c_01_ranking img + span {
  background-color: #b58d1e;
}

.item_list img + span {
  background-color: #91391f;
}

a.creditAjax_link:hover {
  opacity: 1;
}

#sec1,
#sec2,
#sec3,
#sec4,
#sec5,
#sec6,
#sec7,
#sec8 {
  overflow-x: hidden;
}

/* 点滅 ===================================================== */
.blinking {
  -webkit-animation: blink 1.5s ease-in-out infinite alternate;
  -moz-animation: blink 1.5s ease-in-out infinite alternate;
  animation: blink 1.5s ease-in-out infinite alternate;
}

.blinking2 {
  -webkit-animation: blink2 1.5s ease-in-out infinite alternate;
  -moz-animation: blink2 1.5s ease-in-out infinite alternate;
  animation: blink2 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink2 {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0.2;
  }
  80% {
    opacity: 1;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotate {
  animation: rotate 10s infinite linear;
}

@keyframes scale {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(0.6);
  }
  100% {
    transform: scale(1.2);
  }
}
.scale {
  animation: scale 2s infinite linear;
}

.fade1,
.fade2 {
  opacity: 0;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade_on {
  opacity: 1;
  /* 元の位置に */
}

.snow {
  /*雪の色*/
  color: snow;
  /*雪の大きさ*/
  font-size: max(1.6vw, 6px);
  /*初期位置*/
  position: fixed;
  top: 0;
  left: -5%;
  /*雪を適当な幅で降らせる*/
  text-shadow: 40vw -600px 6px, 60vw -430px 6px, 20vw -500px 2px, 50vw -700px 6px, 0vw -400px 3px, 5vw -300px 2px, 15vw -580px 10px, 63vw -180px 6px, 86vw -320px 6px;
  /*雪アニメーション1*/
  animation: roll 20s linear infinite;
}
@media screen and (min-width: 769px) {
  .snow {
    font-size: 10px;
  }
}

/*2つめの雪アニメーション*/
.snow2nd {
  animation: anim 15s linear infinite;
  top: 0;
  left: -5%;
}

@keyframes roll {
  0% {
    transform: rotate(-10deg);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: rotate(10deg);
    top: 180%;
    opacity: 0;
  }
}
@keyframes anim {
  100% {
    color: transparent;
    top: 160%;
  }
}/*# sourceMappingURL=style.css.map */