@charset "UTF-8";
/* *** variables model *** */
/* radius */
/* *** common variables *** */
/* break point 
---------------------------------------------- */
/* hover style
---------------------------------------------- */
/* color
---------------------------------------------- */
/* *** ①One-Tone *** */
/* *** ②Two-Tone *** */
/* *** mixins *** */
/* break point */
/* hover */
/* -----------------------------------------------
  ① clamp関数
----------------------------------------------- */
/* --- 10px = 1rem --- */
/* -----------------------------------------------
  ② Y軸減少計算
----------------------------------------------- */
/* --- 画面を縮小させた際にコンテンツのY軸距離を広げる関数 --- */
.bev-contents {
  /* メインビジュアル */
  /* 導入 */
}
.bev-contents .main-visual {
  position: relative;
}
.bev-contents .main-visual .logo {
  position: absolute;
}
@media (min-width: 769px) {
  .bev-contents .main-visual .logo {
    width: min(20%, 380px);
    top: 6.4%;
    right: 22%;
  }
}
@media (max-width: 768px) {
  .bev-contents .main-visual .logo {
    top: 11.54%;
    left: 50%;
    transform: translateX(-50%);
    width: 62%;
  }
}
@media (max-width: 768px) {
  .bev-contents .intro-area .anchor-btns {
    flex-wrap: wrap;
  }
}
@media (min-width: 769px) {
  .bev-contents .intro-area .anchor-btns li {
    flex-basis: auto;
  }
}
@media (max-width: 768px) {
  .bev-contents .intro-area .anchor-btns li {
    flex-basis: calc(50% - 8px);
  }
}/*# sourceMappingURL=basic.css.map */