@charset "UTF-8";
/* layout
===================================================== */
html {
  width: 100%;
  font-size: 3.4666666667vw;
  font-family: "kozuka-gothic-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
  background: #bbe2f1;
  color: #343434;
  scroll-behavior: smooth;
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 0.9027777778vw;
  }
}

body {
  overflow: hidden;
}

img {
  width: 100%;
  display: block;
  border: none;
}

a {
  display: block;
  text-decoration: none;
}

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

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

/* layout
===================================================== */
#footer {
  margin: 26.6666666667vw auto 9.3333333333vw;
  text-align: center;
  font-family: "contralto-big", sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  #footer {
    margin: 15.2777777778vw auto 4.1666666667vw;
  }
}
#footer .staff {
  margin-bottom: 21.3333333333vw;
}
@media screen and (min-width: 1024px) {
  #footer .staff {
    margin-bottom: 6.9444444444vw;
  }
}
#footer span {
  font-size: 5.8666666667vw;
  display: block;
  margin-bottom: 6.6666666667vw;
}
@media screen and (min-width: 1024px) {
  #footer span {
    font-size: 2.2916666667vw;
    margin-bottom: 1.7361111111vw;
  }
}
#footer p {
  margin-bottom: 2.6666666667vw;
}
#footer p a {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  #footer p {
    font-size: 1.1111111111vw;
    margin-bottom: 1.0416666667vw;
  }
}
#footer p.copy {
  font-size: 2.6666666667vw;
  margin-top: 26.6666666667vw;
}
@media screen and (min-width: 1024px) {
  #footer p.copy {
    font-size: 0.8333333333vw;
    margin-top: 9.7222222222vw;
  }
}
#footer .logo {
  width: 37.3333333333vw;
  margin: 0 auto;
  margin-bottom: 6.6666666667vw;
}
@media screen and (min-width: 1024px) {
  #footer .logo {
    width: 13.8888888889vw;
    margin-bottom: 2.7777777778vw;
  }
}

/* layout
===================================================== */
#fv {
  width: 100%;
  text-align: center;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 1024px) {
  #fv {
    padding: 0;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  #fv .fv_flex {
    width: 93.75vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 6.9444444444vw auto;
  }
}
#fv .title_l {
  margin: 0 auto;
  font-family: "contralto-big", sans-serif;
  font-size: 14.9333333333vw;
  line-height: 1;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  #fv .title_l {
    margin-left: 0;
    width: fit-content;
    font-size: 5.5555555556vw;
    padding-bottom: 1.3888888889vw;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  #fv .title_l h1 p {
    white-space: nowrap;
  }
}
#fv .title_l .tit_sub {
  font-weight: 300;
  font-size: 4.2666666667vw;
  margin: 5.3333333333vw 0 0 0;
}
@media screen and (min-width: 1024px) {
  #fv .title_l .tit_sub {
    font-size: 1.8055555556vw;
    margin: 2.5vw 0 0 0;
    margin-left: 2.5vw;
    white-space: nowrap;
  }
}
#fv .title_l .tit_sub span {
  display: inline-block;
  margin-right: 4vw;
  position: relative;
}
#fv .title_l .tit_sub span:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  #fv .title_l .tit_sub span {
    margin-right: 2.7777777778vw;
    margin-top: 0.9722222222vw;
  }
}
#fv .title_l .tit_sub span::after {
  position: absolute;
  content: "";
  background-image: url(../images/line.svg);
  width: 100%;
  height: 100%;
  bottom: -4px;
  left: calc(100% + 4px);
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  #fv .title_l .tit_sub span::after {
    background-size: 20px;
    bottom: -10%;
    left: calc(100% + 5px);
  }
}
#fv .title_l .tit_sub span:last-child::after {
  display: none;
}
@media screen and (min-width: 1024px) {
  #fv .title_l .tit_sub span.ts::after {
    display: none;
  }
}

.light_img {
  display: grid;
  width: 93.3333333333vw;
  gap: 1.3333333333vw;
  grid: repeat(3, auto)/repeat(3, 1fr);
  margin: 13.3333333333vw auto;
}
@media screen and (min-width: 1024px) {
  .light_img {
    width: 56.25vw;
    gap: 0.7638888889vw;
    grid: repeat(2, auto)/repeat(4, 1fr);
    margin: 0;
  }
}
.light_img li img {
  border-radius: 2.4vw;
}
@media screen and (min-width: 1024px) {
  .light_img li img {
    border-radius: 0.625vw;
  }
}

.line {
  width: 42.6666666667vw;
  margin: 18.6666666667vw auto;
  border-bottom: solid 1px #343434;
}
@media screen and (min-width: 1024px) {
  .line {
    width: 34.7222222222vw;
    margin: 0 auto;
    margin: 7.9861111111vw auto;
  }
}

/*--------------------------------------*
* ローディング
*--------------------------------------*/
/*--------------------------------------*
* v-if編 
*--------------------------------------*/
/*--------------------------------------*
*index
*--------------------------------------*/
#index {
  padding-bottom: 13.3333333333vw;
}
@media screen and (min-width: 1024px) {
  #index {
    padding-bottom: 4.1666666667vw;
  }
}

.read {
  width: 84vw;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 16vw;
  font-weight: 500;
  line-height: 2.1;
  font-size: 3.2vw;
}
@media screen and (min-width: 1024px) {
  .read {
    margin-bottom: 6.25vw;
    font-size: 1.0416666667vw;
    line-height: 2.5;
  }
}

.color_link {
  font-family: "contralto-big", sans-serif;
}
@media screen and (min-width: 1024px) {
  .color_link {
    font-size: 1.1111111111vw;
  }
}
.color_link ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.2vw;
  width: 86.4vw;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .color_link ul {
    display: flex;
    width: 64.9305555556vw;
    gap: 1.5972222222vw;
  }
}
.color_link ul li {
  position: relative;
  width: 41.3333333333vw;
  border: solid 1px #343434;
  border-radius: 6px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .color_link ul li {
    width: 15vw;
  }
}
.color_link ul li a {
  padding: 0.8vw 0 1.6vw;
}
@media screen and (min-width: 1024px) {
  .color_link ul li a {
    padding: 0.4166666667vw 0 0.6944444444vw;
  }
}

/*--------------------------------------*
*共通
*--------------------------------------*/
section {
  margin: 13.3333333333vw auto 0;
  padding-bottom: 10.6666666667vw;
  text-align: center;
  line-height: 2.1;
  letter-spacing: 0;
}
@media screen and (min-width: 1024px) {
  section {
    margin: 3.4722222222vw auto 0;
    padding-bottom: 2.7777777778vw;
  }
}

.col {
  font-size: 9.3333333333vw;
  font-family: "contralto-big", sans-serif;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .col {
    font-size: 2.7777777778vw;
  }
}

.text_fst {
  margin: 5.3333333333vw 0 8vw 0;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .text_fst {
    font-size: 0.9722222222vw;
    margin: 2.0833333333vw 0 2.4305555556vw 0;
    letter-spacing: 0.06em;
  }
}

.text_sec {
  margin: 0 auto;
  margin-bottom: 16vw;
  font-size: 3.2vw;
  font-weight: 400;
  width: 84vw;
}
@media screen and (min-width: 1024px) {
  .text_sec {
    font-size: 0.9027777778vw;
    margin-bottom: 5.2083333333vw;
    letter-spacing: 0.06em;
  }
}

.sec_bottom .item_in {
  display: grid;
  gap: 2.9333333333vw;
  grid-template-columns: repeat(2, 43.2vw);
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .sec_bottom .item_in {
    grid-template-columns: repeat(4, 16.3194444444vw);
    gap: 1.5277777778vw;
  }
}
.sec_bottom .item_in .item_li {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 1024px) {
  .sec_bottom .item_in .item_li {
    margin-bottom: 0.9027777778vw;
  }
}
.sec_bottom .item_in .item_li .item_link .item_name,
.sec_bottom .item_in .item_li .item_link .item_price {
  font-size: 2.6666666667vw;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .sec_bottom .item_in .item_li .item_link .item_name,
  .sec_bottom .item_in .item_li .item_link .item_price {
    font-size: 0.8333333333vw;
    letter-spacing: 0.06em;
  }
}
.sec_bottom .item_in .item_li .item_link .item_name {
  margin-top: 1.3333333333vw;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .sec_bottom .item_in .item_li .item_link .item_name {
    margin-top: 0.4861111111vw;
  }
}
.sec_bottom .item_in .item_li .item_link .item_price {
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .sec_bottom .item_in .item_li .item_link .item_price {
    line-height: 0.2;
  }
}
.sec_bottom .item_in .item_li .item_link .buy {
  color: white;
  background: #343434;
  width: 9.3333333333vw;
  display: inline-block;
  border-radius: 10px;
  font-size: 2.4vw;
  padding: 1.0666666667vw 0 0.5333333333vw 0;
  margin-left: 1.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .sec_bottom .item_in .item_li .item_link .buy {
    font-size: 0.7638888889vw;
    padding: 0.5555555556vw 0 0.5555555556vw 0;
    width: 3.125vw;
    margin-left: 0.5555555556vw;
  }
}

.all_link {
  width: 66.6666666667vw;
  border: solid 1px #343434;
  border-radius: 6px;
  font-size: 3.7333333333vw;
  font-family: "contralto-big", sans-serif;
  margin: 0 auto;
  margin: 4vw auto;
  padding-bottom: 0.8vw;
}
@media screen and (min-width: 1024px) {
  .all_link {
    width: 31.25vw;
    font-size: 1.1805555556vw;
    padding-bottom: 0.4166666667vw;
  }
}

/*--------------------------------------*
*コンテンツ
*--------------------------------------*/
.m_bl {
  background: linear-gradient(#f3b3bf, #f3b3bf) no-repeat;
  background-size: 100% 0.5em;
  background-position: 0 79%;
}

.m_ts {
  background: linear-gradient(#a7dfd6, #a7dfd6) no-repeat;
  background-size: 100% 0.5em;
  background-position: 0 79%;
}

.m_kt {
  background: linear-gradient(#a8d2fe, #a8d2fe) no-repeat;
  background-size: 100% 0.5em;
  background-position: 0 79%;
}

.m_op {
  background: linear-gradient(white, white) no-repeat;
  background-size: 100% 0.5em;
  background-position: 0 79%;
}

.sec04 {
  padding-bottom: 0;
}/*# sourceMappingURL=style.css.map */