@charset "UTF-8";
/* ---------------font--------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
.mincyou {
  font-family: 'Noto Serif Japanese', serif;
  font-weight: 500;
}
/* --------------------共通-------------------- */
.sp_only {
  display: none;
}

.pc_only {
  display: block;
}
body {
  font-family: 'Yu Gothic', '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
  background: #FFFFFF;
}
@media screen and (max-width:767px) {
  body {
    min-width: auto;
  }
}
img {
  max-width: 100%;
  height: auto;
 }
h2 {
   color: #A57B4D;
   font-size: 2.396vw;
   margin: 16px 0 60px;
  }
.wrap {
    margin: 80px 0 140px;
  }
.btn_brown{
  max-width: 700px;
  width: 46vw;
  background: #A57B4D;
  padding: 16px;
  color: #fff !important;
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  margin-top: 60px;
}
.lineup_img {
  margin: 0 auto;
   width: 186px;
   height: 124px;
}

@media screen and (max-width:767px) {
  .sp_only {
    display: block;
  }

  .pc_only {
    display: none;
  }
  h2 {
    font-size: 5.7vw;
    text-align: center;
    margin: 16px 0 20px;
  }
  .wrap {
    margin: 24px 0 69px;
  }
  .lineup_img {
    width: 20vw;
    height: auto;
  }
  .btn_brown{
    width: 100%;
    font-size: 18px;
  }
}

/* --------------------MV-------------------- */
.MV h1 img,
.subMV {
  width: 100%;
}

/* --------------------アプローチ-------------------- */
.approach {
  width: 100%;
  margin-bottom:112px;
}
.approach_inner {
  max-width: 1384px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.approach_color_img {
  width: 80vw;
}

@media screen and (max-width:767px) {
  .approach {
    margin-bottom: 60px;
  }
  .approach_sp_img{
    width: 70%;
    margin-bottom: 20px;
  }
  .approach_inner {
    margin: 0 50px;
  }
}
/* -

/* --------------------選べる4カラー-------------------- */
.choice {
  width: 100%;
  margin-top: 24px;
}
.choice_inner {
  max-width: 1384px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.choice_type_img{
  width: 90vw;
}

@media screen and (max-width:767px) {
  .choice_inner {
    margin: 0 40px;
  }
  .choice_img_box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 60px;
  }
}
/* -