@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* SP時の倍率 1.5 から 1.7 に変更 */
/* padding margin */
/* 縦書き */
/* 内径 */
/* sb
---------------------------------------------------------------------------*/
.sb {
  margin-bottom: 0; }

/* bdrhdl
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .bdrhdl .ja small {
    display: block;
    margin-top: 1em; } }

/* intr
---------------------------------------------------------------------------*/
.intr {
  position: relative;
  z-index: 10; }
  .intr-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1128px;
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .intr-bg {
        height: 86.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .intr-bg {
        height: 176vw; } }
    .intr-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
  .intr-tx {
    padding-top: 160px;
    margin-bottom: 520px; }
    @media screen and (max-width: 1300px) {
      .intr-tx {
        padding-top: 12.3076923077vw;
        margin-bottom: 40vw; } }
    @media screen and (max-width: 480px) {
      .intr-tx {
        padding-top: 44vw; } }
  .intr-img {
    position: relative; }
    @media screen and (max-width: 480px) {
      .intr-img {
        display: none; } }
    .intr-img li {
      position: relative;
      width: calc(100% / 3);
      color: #ffffff; }
      @media screen and (max-width: 480px) {
        .intr-img li {
          width: 80%; }
          .intr-img li img {
            width: 100%;
            height: 58vw;
            object-fit: cover;
            object-position: center;
            font-family: "object-fit: cover; object-position: center;"; } }
      .intr-img li.catch {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 48px;
        text-align: center;
        width: 100%; }
        @media screen and (max-width: 1300px) {
          .intr-img li.catch {
            bottom: 3.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .intr-img li.catch {
            bottom: auto;
            top: 50%;
            transform: translate(-50%, -50%);
            line-height: 2.1; } }
      .intr-img li .caption {
        position: absolute;
        right: 1em;
        bottom: 1em; }
  .intr-sl {
    display: none; }
    @media screen and (max-width: 480px) {
      .intr-sl {
        display: block;
        position: relative; }
        .intr-sl .swiper-slide {
          width: 78.6666666667vw; }
        .intr-sl-img {
          position: relative;
          width: 64vw;
          margin-left: auto;
          margin-right: auto; }
          .intr-sl-img .caption {
            position: absolute;
            font-size: 3.4666666667vw;
            bottom: .5em;
            right: .5em; }
        .intr-sl-navigation > * {
          position: absolute;
          top: 36vw;
          width: 6.6666666667vw;
          height: 12vw; }
        .intr-sl-navigation-prev {
          left: 7vw; }
        .intr-sl-navigation-next {
          right: 7vw; } }

/* transition
---------------------------------------------------------------------------*/
.transition ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 192px;
  height: 192px;
  border-radius: 50%;
  border: 1px solid #909DA8; }
  @media screen and (max-width: 1300px) {
    .transition ul li {
      width: 14.7692307692vw;
      height: 14.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .transition ul li {
      width: 28vw;
      height: 28vw; } }
  .transition ul li > div {
    width: 100%; }
  .transition ul li .name {
    padding-left: 0.6em; }
  .transition ul li + li {
    position: relative;
    margin-left: 70px; }
    @media screen and (max-width: 1300px) {
      .transition ul li + li {
        margin-left: 5.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .transition ul li + li {
        margin-left: 4vw; } }
    .transition ul li + li::before {
      position: absolute;
      content: "";
      width: 53px;
      height: 1px;
      top: 105px;
      left: -62px;
      background-color: #909DA8; }
      @media screen and (max-width: 1300px) {
        .transition ul li + li::before {
          width: 4.0769230769vw;
          top: 8.0769230769vw;
          left: -4.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .transition ul li + li::before {
          width: 3vw;
          top: 14vw;
          left: -3.7vw; } }

/* heritage
---------------------------------------------------------------------------*/
.heritage-wrap {
  position: relative;
  width: 1280px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .heritage-wrap {
      width: 98.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .heritage-wrap {
      width: 100%; } }
.heritage-box {
  width: 1280px;
  height: 800px;
  overflow: scroll;
  scroll-snap-type: both mandatory; }
  @media screen and (max-width: 1300px) {
    .heritage-box {
      width: 98.4615384615vw;
      height: 61.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .heritage-box {
      width: 100%;
      height: 120vw; } }
  .heritage-box article {
    position: relative;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    transition: 0.5s ease;
    width: 100%;
    height: 800px; }
    @media screen and (max-width: 1300px) {
      .heritage-box article {
        height: 61.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .heritage-box article {
        height: 120vw; } }
  .heritage-box-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .heritage-box-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
  .heritage-box-tx {
    position: absolute;
    left: 100px;
    bottom: 64px; }
    @media screen and (max-width: 1300px) {
      .heritage-box-tx {
        bottom: 4.9230769231vw;
        left: 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .heritage-box-tx {
        bottom: 8.5333333333vw;
        left: 6.6666666667vw; } }
    .heritage-box-tx .season {
      color: rgba(255, 255, 255, 0.5); }
.heritage-navi {
  position: absolute;
  right: 95px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff; }
  @media screen and (max-width: 1300px) {
    .heritage-navi {
      right: 7.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .heritage-navi {
      right: 6.6666666667vw;
      top: 6.6666666667vw;
      transform: translateY(0); } }
  .heritage-navi li {
    font-size: 16px; }
    @media screen and (max-width: 1300px) {
      .heritage-navi li {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .heritage-navi li {
        font-size: 3.6266666667vw; } }
  .heritage-navi li + li {
    position: relative;
    padding-top: 80px; }
    @media screen and (max-width: 1300px) {
      .heritage-navi li + li {
        padding-top: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .heritage-navi li + li {
        padding-top: 10.6666666667vw; } }
    .heritage-navi li + li::before {
      position: absolute;
      content: "";
      width: 1px;
      height: 76px;
      background-color: #ffffff;
      top: 0;
      right: 5px; }
      @media screen and (max-width: 1300px) {
        .heritage-navi li + li::before {
          height: 5.8461538462vw;
          right: 0.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .heritage-navi li + li::before {
          height: 10.1333333333vw;
          right: 1vw; } }
  .heritage-navi a {
    position: relative;
    padding-right: 30px; }
    @media screen and (max-width: 1300px) {
      .heritage-navi a {
        padding-right: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .heritage-navi a {
        padding-right: 6vw; } }
    .heritage-navi a::after {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #ffffff;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
      @media screen and (max-width: 1300px) {
        .heritage-navi a::after {
          width: 0.7692307692vw;
          height: 0.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .heritage-navi a::after {
          width: 2vw;
          height: 2vw; } }
.heritage-scrl {
  position: absolute;
  right: 180px;
  bottom: 0;
  width: 25px; }
  @media screen and (max-width: 1300px) {
    .heritage-scrl {
      right: 13.8461538462vw;
      width: 1.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .heritage-scrl {
      right: 6.6666666667vw;
      width: 5vw; } }

/* aesthetic
---------------------------------------------------------------------------*/
.aesthetic-ttl {
  position: relative; }
  .aesthetic-ttl-bg {
    width: 100%;
    height: 490px; }
    @media screen and (max-width: 1300px) {
      .aesthetic-ttl-bg {
        height: 37.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .aesthetic-ttl-bg {
        height: 80vw; } }
    .aesthetic-ttl-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
  .aesthetic-ttl-tx {
    position: absolute;
    width: 1080px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 48px; }
    @media screen and (max-width: 1300px) {
      .aesthetic-ttl-tx {
        width: 83.0769230769vw;
        bottom: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .aesthetic-ttl-tx {
        width: 86.6666666667vw;
        bottom: 6.4vw; } }

/* sld
---------------------------------------------------------------------------*/
.sld-wrap {
  position: relative;
  width: 1300px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .sld-wrap {
      width: 100vw; } }
  @media screen and (max-width: 480px) {
    .sld-wrap {
      width: 100vw; } }
  .sld-wrap .swiper-slide {
    height: auto; }
.sld-item {
  height: 100%;
  padding: 0 10px; }
  @media screen and (max-width: 1300px) {
    .sld-item {
      padding: 0 0.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .sld-item {
      padding: 0 3.3333333333vw; } }
.sld-img {
  width: 960px;
  margin-left: auto;
  margin-right: 0; }
  @media screen and (max-width: 1300px) {
    .sld-img {
      width: 73.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .sld-img {
      width: 93.3333333333vw; } }
.sld-tx {
  position: absolute;
  width: 482px;
  left: 56px;
  bottom: 0;
  background-color: #E7EFF5;
  padding: 64px 40px; }
  @media screen and (max-width: 1300px) {
    .sld-tx {
      width: 37.0769230769vw;
      left: 4.3076923077vw;
      padding: 4.9230769231vw 3.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .sld-tx {
      position: relative;
      width: 93.3333333333vw;
      height: calc(100% - 47.4vw);
      left: auto;
      bottom: auto;
      padding: 8.5333333333vw 5.3333333333vw; } }
.sld-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px; }
  @media screen and (max-width: 1300px) {
    .sld-navigation {
      width: 12.3076923077vw;
      margin-top: 2.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .sld-navigation {
      width: 32vw;
      margin-top: 5.3333333333vw; } }
  .sld-navigation::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    background-color: #909DA8;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 1300px) {
      .sld-navigation::before {
        height: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .sld-navigation::before {
        height: 6vw; } }
  .sld-navigation-prev, .sld-navigation-next {
    width: 10px; }
    @media screen and (max-width: 1300px) {
      .sld-navigation-prev, .sld-navigation-next {
        width: 0.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .sld-navigation-prev, .sld-navigation-next {
        width: 2vw; } }
.sld-pagination {
  position: relative;
  width: 1080px !important;
  left: auto;
  bottom: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .sld-pagination {
      width: 83.0769230769vw !important;
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .sld-pagination {
      width: 86.6666666667vw !important;
      margin-bottom: 8.5333333333vw; } }
  .sld-pagination > span {
    background-color: transparent;
    width: auto;
    opacity: 1;
    font-size: 16px; }
    @media screen and (max-width: 1300px) {
      .sld-pagination > span {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .sld-pagination > span {
        font-size: 3.6266666667vw; } }
    .sld-pagination > span + span {
      position: relative;
      margin-left: 2em !important; }
      .sld-pagination > span + span::after {
        position: absolute;
        content: "｜";
        left: -1.8em; }
    @media (hover: hover) {
      .sld-pagination > span {
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        .sld-pagination > span:hover {
          cursor: pointer;
          color: rgba(34, 59, 82, 0.6); }
          .sld-pagination > span:hover::after {
            color: #223B52; } }
  .sld-pagination.sld01-pagination > span:nth-of-type(1)::before {
    content: "歴史"; }
  .sld-pagination.sld01-pagination > span:nth-of-type(2)::before {
    content: "学び"; }
  .sld-pagination.sld01-pagination > span:nth-of-type(3)::before {
    content: "おもてなし"; }
  .sld-pagination.sld02-pagination > span:nth-of-type(1)::before {
    content: "建築思想"; }
  .sld-pagination.sld02-pagination > span:nth-of-type(2)::before {
    content: "和の美意識"; }
  .sld-pagination.sld02-pagination > span:nth-of-type(3)::before {
    content: "空間の調和"; }

/* philosophy
---------------------------------------------------------------------------*/
.philosophy-wrap {
  position: relative; }
.philosophy-box {
  width: 100%;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  overflow: scroll;
  scroll-snap-type: both mandatory; }
  @media screen and (max-width: 1300px) {
    .philosophy-box {
      height: 61.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .philosophy-box {
      width: 100%;
      height: 120vw; } }
  .philosophy-box article {
    position: relative;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    transition: 0.5s ease;
    width: 100%;
    height: 800px; }
    @media screen and (max-width: 1300px) {
      .philosophy-box article {
        height: 61.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .philosophy-box article {
        height: 120vw; } }
  .philosophy-box-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .philosophy-box-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
  .philosophy-box-tx {
    position: absolute;
    left: calc(50% - 540px);
    top: 50%;
    transform: translateY(-50%); }
    @media screen and (max-width: 1300px) {
      .philosophy-box-tx {
        left: calc(50% - 41.53846vw); } }
    @media screen and (max-width: 480px) {
      .philosophy-box-tx {
        left: 6.6666666667vw;
        top: auto;
        transform: translateY(0);
        bottom: 6.6666666667vw; } }
    .philosophy-box-tx .season {
      color: rgba(255, 255, 255, 0.5); }
.philosophy-navi {
  position: absolute;
  right: calc(50% - 540px);
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff; }
  @media screen and (max-width: 1300px) {
    .philosophy-navi {
      right: calc(50% - 41.53846vw); } }
  @media screen and (max-width: 480px) {
    .philosophy-navi {
      right: 6.6666666667vw;
      top: 6.6666666667vw;
      transform: translateY(0); } }
  .philosophy-navi li {
    text-align: right;
    font-size: 16px; }
    @media screen and (max-width: 1300px) {
      .philosophy-navi li {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .philosophy-navi li {
        font-size: 3.6266666667vw; } }
  .philosophy-navi li + li {
    position: relative;
    padding-top: 134px; }
    @media screen and (max-width: 1300px) {
      .philosophy-navi li + li {
        padding-top: 10.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .philosophy-navi li + li {
        padding-top: 17.8666666667vw; } }
    .philosophy-navi li + li::before {
      position: absolute;
      content: "";
      width: 1px;
      height: 130px;
      background-color: #ffffff;
      top: 0;
      right: 5px; }
      @media screen and (max-width: 1300px) {
        .philosophy-navi li + li::before {
          height: 10vw;
          right: 0.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .philosophy-navi li + li::before {
          height: 17.3333333333vw;
          right: 1vw; } }
  .philosophy-navi a {
    position: relative;
    padding-right: 30px; }
    @media screen and (max-width: 1300px) {
      .philosophy-navi a {
        padding-right: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .philosophy-navi a {
        padding-right: 6vw; } }
    .philosophy-navi a::after {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #ffffff;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
      @media screen and (max-width: 1300px) {
        .philosophy-navi a::after {
          width: 0.7692307692vw;
          height: 0.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .philosophy-navi a::after {
          width: 2vw;
          height: 2vw; } }
.philosophy-scrl {
  position: absolute;
  right: calc(50% - 470px);
  bottom: 0;
  width: 25px; }
  @media screen and (max-width: 1300px) {
    .philosophy-scrl {
      right: calc(50% - 36.15384vw);
      width: 1.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .philosophy-scrl {
      right: 6.6666666667vw;
      width: 5vw; } }

/* wide-sl
---------------------------------------------------------------------------*/
.wide-sl {
  position: relative;
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  /* アクティブ以外を透過 */
  /* pagination */ }
  @media screen and (max-width: 1300px) {
    .wide-sl {
      width: 98.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .wide-sl {
      width: 100vw; } }
  .wide-sl-box {
    position: relative; }
    .wide-sl-box-bg img {
      width: 100%;
      height: 800px;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
      @media screen and (max-width: 1300px) {
        .wide-sl-box-bg img {
          height: 61.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .wide-sl-box-bg img {
          height: 120vw; } }
    .wide-sl-box-tx {
      position: absolute;
      left: 100px;
      bottom: 64px; }
      @media screen and (max-width: 1300px) {
        .wide-sl-box-tx {
          bottom: 4.9230769231vw;
          left: 7.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .wide-sl-box-tx {
          bottom: 8.5333333333vw;
          left: 6.6666666667vw; } }
      .wide-sl-box-tx .season {
        color: rgba(255, 255, 255, 0.5); }
  .wide-sl .swiper-slide {
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease;
    opacity: 0.5; }
    .wide-sl .swiper-slide.swiper-slide-active {
      opacity: 1; }
  .wide-sl .widesl-pagination {
    position: absolute;
    z-index: 10;
    left: auto;
    bottom: auto;
    right: 95px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px; }
    @media screen and (max-width: 1300px) {
      .wide-sl .widesl-pagination {
        right: 7.3076923077vw;
        width: 0.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .wide-sl .widesl-pagination {
        right: 6.6666666667vw;
        width: 2vw;
        top: 6.6666666667vw;
        transform: translateY(0); } }
    .wide-sl .widesl-pagination .swiper-pagination-bullet {
      position: relative;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #ffffff;
      opacity: .5;
      margin: 0;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        .wide-sl .widesl-pagination .swiper-pagination-bullet {
          width: 0.7692307692vw;
          height: 0.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .wide-sl .widesl-pagination .swiper-pagination-bullet {
          width: 2vw;
          height: 2vw; } }
      .wide-sl .widesl-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }
      .wide-sl .widesl-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-top: 80px; }
        @media screen and (max-width: 1300px) {
          .wide-sl .widesl-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
            margin-top: 6.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .wide-sl .widesl-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
            margin-top: 10.6666666667vw; } }
        .wide-sl .widesl-pagination .swiper-pagination-bullet + .swiper-pagination-bullet::before {
          position: absolute;
          content: "";
          width: 1px;
          height: 76px;
          background-color: #ffffff;
          top: -80px;
          right: 4.5px; }
          @media screen and (max-width: 1300px) {
            .wide-sl .widesl-pagination .swiper-pagination-bullet + .swiper-pagination-bullet::before {
              height: 5.8461538462vw;
              top: -6.1538461538vw;
              right: 0.3461538462vw; } }
          @media screen and (max-width: 480px) {
            .wide-sl .widesl-pagination .swiper-pagination-bullet + .swiper-pagination-bullet::before {
              height: 10.1333333333vw;
              top: -10.6666666667vw;
              right: 0.9vw; } }
      .wide-sl .widesl-pagination .swiper-pagination-bullet::after {
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        text-align: right;
        white-space: nowrap;
        color: #ffffff;
        letter-spacing: .3em;
        margin-right: 1em;
        width: auto; }
        @media screen and (max-width: 1300px) {
          .wide-sl .widesl-pagination .swiper-pagination-bullet::after {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .wide-sl .widesl-pagination .swiper-pagination-bullet::after {
            font-size: 3.6266666667vw; } }

.heritage-sl .widesl-pagination .swiper-pagination-bullet:nth-of-type(1)::after {
  content: "春"; }
.heritage-sl .widesl-pagination .swiper-pagination-bullet:nth-of-type(2)::after {
  content: "夏"; }
.heritage-sl .widesl-pagination .swiper-pagination-bullet:nth-of-type(3)::after {
  content: "秋"; }
.heritage-sl .widesl-pagination .swiper-pagination-bullet:nth-of-type(4)::after {
  content: "冬"; }

.philosophy-sl .widesl-pagination .swiper-pagination-bullet:nth-of-type(1)::after {
  content: "Our Vision - 志"; }
.philosophy-sl .widesl-pagination .swiper-pagination-bullet:nth-of-type(2)::after {
  content: "Sacred Location - 意味"; }
.philosophy-sl .widesl-pagination .swiper-pagination-bullet:nth-of-type(3)::after {
  content: "Living Legacy - 想い"; }