@charset "UTF-8";
/* ベース */
.pc_none {
  display: none;
}
@media only screen and (max-width: 860px) {
  .pc_none {
    display: block;
  }
}

@media only screen and (max-width: 860px) {
  .sp_none {
    display: none;
  }
}

.no_link {
  display: none;
}

:root {
  font-size: 62.5%;
}
@media only screen and (max-width: 860px) {
  :root {
    font-size: 62.5%;
  }
}

* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all ease-in 0.2s;
}
a:hover {
  opacity: 0.6;
}

button:hover {
  opacity: 0.6;
}

ul,
ol {
  list-style: none;
}

dt {
  font-weight: normal;
}

body {
  position: relative;
  font-feature-settings: "palt" 1;
  font-kerning: none;
  font-family: "Zen Kaku Gothic Antique", "Roboto", "Helvetica Neue", Arial, "Lato", "Noto Sans JP", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-weight: 400;
  color: #333333;
  margin-left: auto;
  margin-right: auto;
  /* background-color: $white; */
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 860px) {
  body {
    max-width: none;
    min-width: auto;
  }
}
body.js_fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

.el_preload {
  display: none;
}

/* layout */
.ly_sticky {
  position: sticky;
  background-color: #ffffff;
}

.ly_main_inner {
  max-width: 1106px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 860px) {
  .ly_main_inner {
    width: 91%;
  }
}

.ly_underPage {
  padding-top: 11px;
}
@media only screen and (max-width: 860px) {
  .ly_underPage {
    padding-top: 3%;
  }
}

.el_thin {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.ly_header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  padding: 27px 0;
  height: 68px;
  z-index: 5;
}
@media only screen and (max-width: 860px) {
  .ly_header {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.ly_header_inner {
  width: 92%;
  max-width: 1306px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 860px) {
  .ly_header_inner {
    width: 91%;
  }
}

.bl_header {
  background-color: #ffffff;
}
.bl_header_logo {
  width: 90px;
  position: absolute;
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
  z-index: 60;
}
.bl_header_logo_img {
  fill: #333333;
}

.el_gnavBtn {
  width: 20px;
  stroke: #333333;
  cursor: pointer;
}
.el_gnavBtn_img {
  transition: all ease 0.5s;
}
.el_gnavBtn:hover {
  stroke: #CFB6AA;
  opacity: 1;
}

.content {
  display: none;
}

.ly_gnav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CFB6AA;
  z-index: 50;
  overflow-y: auto;
  display: none;
}
.ly_gnav_inner {
  width: 92%;
  max-width: 1306px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 860px) {
  .ly_gnav_inner {
    width: 91%;
  }
}
.ly_gnav_head {
  padding: 27px 0;
  height: 68px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 860px) {
  .ly_gnav_head {
    padding: 0;
  }
}
.ly_gnav_head_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.bl_gnav_logo {
  width: 90px;
  margin: auto;
  position: absolute;
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
}
.bl_gnav_logo_img {
  fill: #ffffff;
}
.bl_gnav_main {
  text-align: center;
  font-family: "Aboreto", "Shippori Mincho", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "BIZUDMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding-top: 5px;
  padding-bottom: 46px;
}
@media only screen and (max-width: 860px) {
  .bl_gnav_main {
    text-align: left;
    padding-top: 5%;
    padding-bottom: 9.5%;
  }
}
.bl_gnav_main_ttl {
  color: #ffffff;
  font-size: 1.7rem;
  letter-spacing: -0.05em;
}
.bl_gnav_main_item {
  margin-top: 26px;
}
.bl_gnav_main_item:nth-of-type(n + 2) {
  margin-top: 38px;
}
.bl_gnav_main_item_en {
  font-size: 3rem;
  letter-spacing: -0.07em;
  line-height: 1;
}
.bl_gnav_main_item_en strong {
  font-weight: 400;
  display: block;
  font-size: 4.2rem;
}
@media only screen and (max-width: 860px) {
  .bl_gnav_main_item_en strong {
    font-size: 3.7rem;
  }
}
.bl_gnav_main_item_jp {
  font-size: 1.7rem;
  margin-top: 0.5em;
}
.bl_gnav_btm {
  background-color: #FFFAF0;
  text-align: center;
  padding: 52px 0;
}
@media only screen and (max-width: 860px) {
  .bl_gnav_btm {
    padding: 9.1% 0;
    text-align: left;
  }
}
.bl_gnav_sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-family: "Aboreto", "Shippori Mincho", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "BIZUDMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  row-gap: 68px;
  column-gap: 132px;
}
@media only screen and (max-width: 860px) {
  .bl_gnav_sub {
    display: block;
  }
}
.bl_gnav_sub_item__solo {
  width: 100%;
}
@media only screen and (max-width: 860px) {
  .bl_gnav_sub_item:nth-of-type(n + 2) {
    margin-top: 32px;
  }
}
.bl_gnav_sub_item_en {
  font-size: 2.3rem;
  letter-spacing: -0.05em;
}
.bl_gnav_sub_item_jp {
  font-size: 1.5rem;
  margin-top: 0.6em;
}
@media only screen and (max-width: 860px) {
  .bl_gnav_sub_item_jp {
    margin-top: 0.3em;
  }
}
.bl_gnav_sub_item_jp__mini {
  font-size: 1.3rem;
}
.bl_gnav_foot {
  margin-top: 67px;
}
@media only screen and (max-width: 860px) {
  .bl_gnav_foot {
    margin-top: 9.2%;
  }
}
.bl_gnav_foot_sns {
  font-family: "Prata", serif;
  font-size: 1.5rem;
}
.bl_gnav_foot_sns_link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media only screen and (max-width: 860px) {
  .bl_gnav_foot_sns_link {
    justify-content: flex-start;
  }
}
.bl_gnav_foot_logo {
  margin-top: 40px;
}
.bl_gnav_foot_address {
  margin-top: 18px;
  font-size: 1.4rem;
  font-family: "Aboreto", "Shippori Mincho", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "BIZUDMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.ly_footer {
  margin-top: 232px;
}
@media only screen and (max-width: 860px) {
  .ly_footer {
    margin-top: 19.6%;
  }
}
.ly_footer_inner {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.bl_foot {
  text-align: center;
  padding-bottom: 28px;
}
.bl_foot_follow {
  font-family: "Prata", serif;
  font-size: 1.5rem;
  letter-spacing: 0;
}
.bl_foot_follow_icon {
  display: block;
  margin-top: 0.5em;
}
@media only screen and (max-width: 860px) {
  .bl_foot_follow_icon {
    margin-top: 0.8em;
  }
}
.bl_foot_list {
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0em;
  font-size: 1.5rem;
  margin-top: 26px;
}
@media only screen and (max-width: 860px) {
  .bl_foot_list {
    margin-top: 1.7em;
    font-size: 1.4rem;
  }
}
.bl_foot_list_item {
  padding: 0 0.6em;
}
.bl_foot_list_item:nth-of-type(n + 2) {
  border-left: 1px solid #333333;
}
@media only screen and (max-width: 860px) {
  .bl_foot_list_link {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
}
.bl_foot_link {
  margin-top: 1em;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
.bl_foot_link span {
  display: inline;
}
.bl_foot_address {
  margin-top: 54px;
}
.bl_foot_address_txt {
  font-size: 14px;
  font-family: "Aboreto", "Shippori Mincho", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "BIZUDMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-top: 20px;
}
.bl_foot_copy {
  font-family: "Aboreto", "Shippori Mincho", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "BIZUDMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-top: 33px;
  font-size: 12px;
}

/* component */
.ff_biz {
  font-family: "BIZ UDGothic";
}

/* PLUS */
.lts_p02 {
  letter-spacing: 0.02em;
}

.lts_p025 {
  letter-spacing: 0.025em;
}

.lts_p05 {
  letter-spacing: 0.05em;
}

.lts_p06 {
  letter-spacing: 0.06em;
}

.lts_p08 {
  letter-spacing: 0.08em;
}

/* MINUS */
.lts_m02 {
  letter-spacing: -0.02em;
}

.lts_m025 {
  letter-spacing: -0.025em;
}

.lts_m04 {
  letter-spacing: -0.04em;
}

.lts_m05 {
  letter-spacing: -0.05em;
}

.lts_m1 {
  letter-spacing: -0.1em;
}

.lts_m12 {
  letter-spacing: -0.12em;
}

.lts_m15 {
  letter-spacing: -0.15em;
}

.lts_m2 {
  letter-spacing: -0.2em;
}

.lts_m22 {
  letter-spacing: -0.22em;
}

.lts_m25 {
  letter-spacing: -0.25em;
}

.bl_btn_ttl {
  font-size: 1.5rem;
  margin-bottom: 2.2em;
  text-align: center;
  font-family: "Shippori Mincho", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "BIZUDMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 860px) {
  .bl_btn_ttl {
    margin-bottom: 2em;
  }
}
.bl_btn_link {
  border: 1px solid #333333;
  text-align: center;
  display: block;
  width: 100%;
  font-size: 1.8rem;
  letter-spacing: 0;
  position: relative;
  background-color: #ffffff;
  font-family: "Aboreto", "Shippori Mincho", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "BIZUDMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding: 1.3em 0 1.1em;
}
.bl_btn_icon {
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  background-image: url(../img/common/icon_arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  bottom: 50%;
  transform: translateY(50%);
  right: 1.5em;
}

.bl_slide_item {
  width: 344px;
  margin: 0 18px;
}
@media only screen and (max-width: 860px) {
  .bl_slide_item {
    margin: 0 4vw;
    width: 91%;
  }
}
.bl_slide_nav {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 38px;
}
@media only screen and (max-width: 860px) {
  .bl_slide_nav {
    margin-top: 4.2%;
    max-width: none;
    width: 91%;
  }
}
.bl_slide_arrow {
  width: 10px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
.bl_slide_arrow__prev {
  background-image: url(../img/common/arrow_prev.svg);
}
.bl_slide_arrow__next {
  background-image: url(../img/common/arrow_next.svg);
}

.js_fade {
  opacity: 0;
  transition: all cubic-bezier(0.85, 0.27, 0.38, 0.96) 0.8s;
}
.js_fade__btm {
  transform: translateY(1vw);
}
.js_fade__top {
  transform: translateY(-1vw);
}
.js_fade.is_active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

#mouse_pointer {
  width: 100px;
  height: 100px;
  position: fixed;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background: transparent;
  z-index: 60;
  visibility: hidden;
  pointer-events: none;
}
#mouse_pointer .mouse_pointer_circle {
  fill: transparent;
  stroke: #333333;
  stroke-width: 1px;
  stroke-dasharray: 0 366;
  transition: all ease 0.5s;
}
#mouse_pointer.link {
  visibility: visible;
  backdrop-filter: blur(1px);
}
@media only screen and (max-width: 860px) {
  #mouse_pointer.link {
    display: none;
  }
}
#mouse_pointer.link .mouse_pointer_circle {
  stroke-dasharray: 366 366;
}
/*# sourceMappingURL=maps/common.css.map */