@charset "utf-8";

/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/* visible or hidden
--------------------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {

  /* line 112, ../scss/_snipet.scss */
  .visible-pc {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {

  /* line 115, ../scss/_snipet.scss */
  .visible-pctb {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) {

  /* line 118, ../scss/_snipet.scss */
  .visible-tbsp {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {

  /* line 121, ../scss/_snipet.scss */
  .visible-sp {
    display: none !important;
  }
}

/* line 123, ../scss/_snipet.scss */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

@media (max-width: 991px) {

  /* line 127, ../scss/_snipet.scss */
  .hidden-tab {
    display: none !important;
  }

  /* line 130, ../scss/_snipet.scss */
  .visible-tab {
    display: block !important;
  }
}

@media (max-width: 767px) {

  /* line 135, ../scss/_snipet.scss */
  .hidden-xs {
    display: none !important;
  }

  /* line 138, ../scss/_snipet.scss */
  .visible-xs {
    display: block !important;
  }
}

/*--------
lenis推奨css
-------*/
/* line 147, ../scss/_snipet.scss */
html.lenis {
  height: auto;
}

/* line 151, ../scss/_snipet.scss */
.lenis.lenis-smooth {
  scroll-behavior: auto;
}

/* line 155, ../scss/_snipet.scss */
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

/* line 159, ../scss/_snipet.scss */
.lenis.lenis-stopped {
  overflow: hidden;
}

/* line 163, ../scss/_snipet.scss */
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

@keyframes drawCircle {
  0% {
    transform: rotateZ(90deg);
  }

  to {
    transform: rotateZ(-90deg);
    stroke-dashoffset: 0;
  }
}

@keyframes undrawCircle {
  0% {
    transform: rotate(270deg);
    stroke-dashoffset: -50;
  }

  to {
    transform: rotate(90deg);
    stroke-dashoffset: 0;
  }
}

/* line 190, ../scss/_snipet.scss */
.drawCircle .drawCircleWrap {
  width: 100px;
  height: 100px;
  z-index: 2;
}

/* line 194, ../scss/_snipet.scss */
.drawCircle .drawCircleWrap .drawCircleOuter {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  position: relative;
  transition: .2s ease-in-out 0s;
}

/* line 211, ../scss/_snipet.scss */
.drawCircle .drawCircleWrap .drawCircleBorder,
.drawCircle .drawCircleWrap .drawCircleBorderBg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 219, ../scss/_snipet.scss */
.drawCircle .drawCircleWrap .drawCircleBorderBg circle {
  fill: none;
  stroke-width: 1px;
  stroke: rgba(255, 255, 255, 0.3);
}

/* line 226, ../scss/_snipet.scss */
.drawCircle .drawCircleWrap .drawCircleBorder circle {
  transform-origin: 50% 50%;
  fill: none;
  stroke: #fff;
  stroke-opacity: 1;
  stroke-dasharray: 150;
  stroke-dashoffset: 24;
  stroke-width: 1px;
  visibility: 0;
  animation-name: drawCircle;
  animation-duration: .8s;
  animation-iteration-count: 1;
  animation-fill-mode: backwards;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* line 246, ../scss/_snipet.scss */
.drawCircle:hover .drawCircleOuter .drawCircleBorder circle {
  transition: visibility 0s .8s;
  animation-name: undrawCircle;
  animation-duration: .8s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* line 257, ../scss/_snipet.scss */
.contentsRow {
  display: flex;
  flex-wrap: wrap;
  gap: 0 30px;
}

/* line 261, ../scss/_snipet.scss */
.contentsRow .contentsCol1_2 {
  width: calc(50% - 15px);
}

/* line 264, ../scss/_snipet.scss */
.contentsRow .contentsCol1_3 {
  width: 33.33%;
  width: calc(33.33% - 20px);
}

/* line 268, ../scss/_snipet.scss */
.contentsRow .contentsCol1_32 {
  width: calc(33.33% - 15px);
}

/* line 271, ../scss/_snipet.scss */
.contentsRow .contentsCol2_32 {
  width: calc(66.66% - 15px);
}

/* line 274, ../scss/_snipet.scss */
.contentsRow .contentsCol1_4 {
  width: calc(25% - 22.5px);
}

/* line 277, ../scss/_snipet.scss */
.contentsRow .contentsCol1_5 {
  width: calc(20% - 24px);
}

/*
使用するフォントを読み込んでください
*/
/*animation
------------------------------------------*/
@keyframes transformLeftRight {
  0% {
    transform: translate(-100%, 100%);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes transformRightLeft {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(100%, -100%);
  }
}

/*common
------------------------------------------*/
/* line 45, ../scss/_siteCommon.scss */
* {
  backface-visibility: hidden;
}

/* line 49, ../scss/_siteCommon.scss */
::-webkit-scrollbar-track {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.3);
}

/* line 54, ../scss/_siteCommon.scss */
::-webkit-scrollbar {
  width: 2px;
}

/* line 58, ../scss/_siteCommon.scss */
::-webkit-scrollbar-thumb {
  background-color: #f5f5f5;
}

/*全体のフォント指定*/
/* line 67, ../scss/_siteCommon.scss */
body {
  font-family: 'Cinzel', 'Cormorant Garamond', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

/*font*/
/* line 71, ../scss/_siteCommon.scss */
.sanserif {
  font-family: YakuHanJP_Noto, 'Roboto', "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", eiryo, sans-serif;
}

/* line 75, ../scss/_siteCommon.scss */
.serif {
  font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

/* line 79, ../scss/_siteCommon.scss */
html {
  overflow-y: scroll;
  font-size: 62.5%;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 87, ../scss/_siteCommon.scss */
body {
  position: relative;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.6;
  background: #000;
  background-attachment: fixed;
  color: #3C4531;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  margin: auto;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "palt";
}

/* line 106, ../scss/_siteCommon.scss */
h1 {
  font-weight: 400;
  margin-bottom: 10px;
}

/* line 109, ../scss/_siteCommon.scss */
h2,
h3,
h4,
h5 {
  font-weight: 300;
  line-height: 2;
}

/* line 113, ../scss/_siteCommon.scss */
main {
  overflow-x: hidden;
}

/* line 115, ../scss/_siteCommon.scss */


/* line 120, ../scss/_siteCommon.scss */
.sb {
  font-weight: 600;
}

/* line 124, ../scss/_siteCommon.scss */
a:hover {
  text-decoration: none;
}

/* line 127, ../scss/_siteCommon.scss */
a {
  cursor: pointer !important;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes loopCustom {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* line 147, ../scss/_siteCommon.scss */
.floatingCV {
  border-radius: 10px;
  /*background: linear-gradient(90deg, #D8995F 0%, #F47500 100%);/*orange*/
  background: linear-gradient(90deg, #6A9F8E 0%, #4A7869 100%);
  /*lightgreen*/
  box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.08);
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  width: 185px;
  height: 80px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.4s all ease;
}

@media only screen and (max-width: 767px) {

  /* line 147, ../scss/_siteCommon.scss */
  .floatingCV {
    right: 10px;
    bottom: 10px;
  }
}

/* line 162, ../scss/_siteCommon.scss */
.floatingCV a.arrowLink {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

/* line 169, ../scss/_siteCommon.scss */
.floatingCV a.arrowLink.is-hover:hover .imgWrap figure {
  background: #EEECE0;
}

/* line 170, ../scss/_siteCommon.scss */
.floatingCV a.arrowLink.is-hover:hover .imgWrap figure img {
  transform: scale(1);
}

/* line 175, ../scss/_siteCommon.scss */
.floatingCV a.arrowLink.is-hover:hover .circle {
  background: #fff;
}

/* line 177, ../scss/_siteCommon.scss */
.floatingCV a.arrowLink.is-hover:hover .circle span.arrow::before {
  background: url("../imgs/elements/arrow.svg");
}

/* line 178, ../scss/_siteCommon.scss */
.floatingCV a.arrowLink.is-hover:hover .circle span.arrow::after {
  background: url("../imgs/elements/arrow.svg");
}

/* line 184, ../scss/_siteCommon.scss */
.floatingCV .dots {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 3;
  background: #fff;
  border-radius: 99px;
  width: 4px;
  height: 4px;
  transition: 0.4s all ease;
}

/* line 195, ../scss/_siteCommon.scss */
.floatingCV .hoverWrap {
  opacity: 0;
  transition: 0.4s all ease;
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

/* line 205, ../scss/_siteCommon.scss */
.floatingCV .hoverWrap .ja {
  font-size: 20px;
}

/* line 206, ../scss/_siteCommon.scss */
.floatingCV .hoverWrap .en {
  font-size: 14px;
  margin-bottom: 30px;
}

/* line 207, ../scss/_siteCommon.scss */
.floatingCV .hoverWrap .circle {
  width: 30px;
  height: 30px;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin: 0 auto;
}

/* line 209, ../scss/_siteCommon.scss */
.floatingCV .hoverWrap .circle span.arrow::before,
.floatingCV .hoverWrap .circle span.arrow::after {
  background: url("../imgs/elements/arrow_w.svg");
}

/* line 213, ../scss/_siteCommon.scss */
.floatingCV .loopWrapper {
  position: relative;
  width: 100%;
  transition: 0.4s all ease;
}

/* line 217, ../scss/_siteCommon.scss */
.floatingCV .loopWrapper .loop {
  animation: loopCustom 10s linear infinite;
  color: #FFF;
  font-size: 15px;
}

/* line 222, ../scss/_siteCommon.scss */
.floatingCV .loopWrapper .loop2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0%;
  animation: loopCustom 10s -5s linear infinite;
}

/* line 230, ../scss/_siteCommon.scss */
.floatingCV:hover {
  height: 240px;
  border-radius: 100px;
}

/* line 231, ../scss/_siteCommon.scss */
.floatingCV:hover .dots {
  opacity: 0;
}

/* line 232, ../scss/_siteCommon.scss */
.floatingCV:hover .hoverWrap {
  opacity: 1;
  width: 100%;
}

/* line 233, ../scss/_siteCommon.scss */
.floatingCV:hover .loopWrapper {
  opacity: 0;
}

/* line 238, ../scss/_siteCommon.scss */
.floatingCV-sp {
  position: fixed;
  bottom: 10px;
  border-radius: 10px;
  background: #898471;
  box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.08);
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  width: calc(100% - 20px);
  height: 80px;
  padding: 10px;
  box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.08);
  gap: 5px;
}

/* line 251, ../scss/_siteCommon.scss */
.floatingCV-sp .floatingCV {
  position: relative;
  bottom: inherit;
  right: inherit;
  bottom: auto;
  right: auto;
  width: 40%;
  font-size: 11px;
  height: 60px;
  color: #fff;
  box-shadow: none;
  border: 1px solid rgba(248, 247, 241, 0.2);
}

/* line 253, ../scss/_siteCommon.scss */
.floatingCV-sp .floatingCV.telBtn,
.floatingCV-sp .floatingCV.contactBtn {
  background: linear-gradient(90deg, #9E9987 0%, #898471 100%);
  width: 30%;
}

/* line 256, ../scss/_siteCommon.scss */
.floatingCV-sp .floatingCV a {
  justify-content: center;
}

/* line 258, ../scss/_siteCommon.scss */
.floatingCV-sp .floatingCV .loopWrapper .loop {
  font-size: 11px;
}

@media only screen and (max-width: 767px) {

  /* line 238, ../scss/_siteCommon.scss */
  .floatingCV-sp {
    display: flex !important;
  }
}

/* line 263, ../scss/_siteCommon.scss */
.fullWrap {
  width: 90vw;
  max-width: none;
  margin: 0 auto;
  margin-left: 10vw;
}

@media only screen and (max-width: 991px) {

  /* line 263, ../scss/_siteCommon.scss */
  .fullWrap {
    width: calc(100% - 60px);
    margin-left: 60px;
  }
}

@media only screen and (max-width: 767px) {

  /* line 263, ../scss/_siteCommon.scss */
  .fullWrap {
    width: calc(100% - 30px);
    margin-left: 30px;
  }
}

/* line 277, ../scss/_siteCommon.scss */
.largeWrap {
  width: calc(100% - 200px);
  max-width: none;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {

  /* line 277, ../scss/_siteCommon.scss */
  .largeWrap {
    width: calc(100% - 120px);
  }
}

@media only screen and (max-width: 767px) {

  /* line 277, ../scss/_siteCommon.scss */
  .largeWrap {
    width: calc(100% - 60px);
  }
}

/* line 288, ../scss/_siteCommon.scss */
.middleWrap {
  width: 80vw;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {

  /* line 288, ../scss/_siteCommon.scss */
  .middleWrap {
    width: calc(100% - 120px);
  }
}

@media only screen and (max-width: 767px) {

  /* line 288, ../scss/_siteCommon.scss */
  .middleWrap {
    width: calc(100% - 60px);
  }
}

/* line 298, ../scss/_siteCommon.scss */
.smallWrap {
  width: calc(100% - 200px);
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {

  /* line 298, ../scss/_siteCommon.scss */
  .smallWrap {
    width: calc(100% - 120px);
  }
}

@media only screen and (max-width: 767px) {

  /* line 298, ../scss/_siteCommon.scss */
  .smallWrap {
    width: calc(100% - 60px);
  }
}

/* line 310, ../scss/_siteCommon.scss */
.contentsTtl {
  font-size: 18px;
  color: #F47500;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {

  /* line 310, ../scss/_siteCommon.scss */
  .contentsTtl {
    font-size: 16px;
    margin-bottom: 40px;
  }
}

/* arrowLink */
/* line 317, ../scss/_siteCommon.scss */
a.arrowLink .circle {
  transition: 0.4s all ease;
  width: 60px;
  height: 60px;
  border: 1px solid rgba(60, 69, 49, 0.3);
  border-radius: 999px;
  padding: 20px;
}

@media only screen and (max-width: 767px) {

  /* line 317, ../scss/_siteCommon.scss */
  a.arrowLink .circle {
    width: 48px;
    height: 48px;
    padding: 15px;
  }
}

/* line 324, ../scss/_siteCommon.scss */
a.arrowLink .circle span.arrow {
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: 0.4s all ease;
  position: relative;
}

/* line 325, ../scss/_siteCommon.scss */
a.arrowLink .circle span.arrow::before,
a.arrowLink .circle span.arrow::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../imgs/elements/arrow.svg");
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

/* line 331, ../scss/_siteCommon.scss */
a.arrowLink.is-hover span.arrow::before {
  animation-name: transformLeftRight;
  animation-delay: 0.2s;
}

/* line 332, ../scss/_siteCommon.scss */
a.arrowLink.is-hover span.arrow::after {
  animation-name: transformRightLeft;
}

/* line 336, ../scss/_siteCommon.scss */
a.arrowLink.is-hover:hover .imgWrap figure {
  background: #EEECE0;
}

/* line 337, ../scss/_siteCommon.scss */
a.arrowLink.is-hover:hover .imgWrap figure img {
  transform: scale(1);
}

/* line 342, ../scss/_siteCommon.scss */
a.arrowLink.is-hover:hover .circle {
  background: #3C4531;
}

/* line 344, ../scss/_siteCommon.scss */
a.arrowLink.is-hover:hover .circle span.arrow::before {
  /*animation-name: transformRightLeft;animation-delay: 0s;*/
  background: url("../imgs/elements/arrow_w.svg");
}

/* line 345, ../scss/_siteCommon.scss */
a.arrowLink.is-hover:hover .circle span.arrow::after {
  /*animation-name: transformLeftRight;animation-delay: 0.2s;*/
  background: url("../imgs/elements/arrow_w.svg");
}

/* line 352, ../scss/_siteCommon.scss */
figure.paraImg {
  position: relative;
  height: 800px;
  overflow: hidden;
}

@media only screen and (max-width: 1440px) {

  /* line 352, ../scss/_siteCommon.scss */
  figure.paraImg {
    height: 650px;
  }
}

@media only screen and (max-width: 1200px) {

  /* line 352, ../scss/_siteCommon.scss */
  figure.paraImg {
    height: 60vh;
  }
}

/* line 358, ../scss/_siteCommon.scss */
figure.paraImg img {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  bottom: -100%;
  margin: auto;
  height: auto;
  width: auto;
  max-width: 100%;
}

@media only screen and (max-width: 1200px) {

  /* line 358, ../scss/_siteCommon.scss */
  figure.paraImg img {
    top: 0;
    bottom: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    transform: translateY(0) !important;
  }
}

/* line 379, ../scss/_siteCommon.scss */
.swipeWrap {
  -webkit-overflow-scrolling: touch;
  /* スムーズなスクロールを有効化（iOSの場合） */
  scrollbar-width: 2px !important;
  /* スクロールバーの幅を指定（一般的なブラウザ） */
  scrollbar-color: #F8F7F1 rgba(248, 247, 241, 0.4);
  /* スクロールバーの色を指定（一般的なブラウザ） */
}

/* Webkit系ブラウザ（Chrome, Safari）用のスクロールバーのスタイル */
/* line 385, ../scss/_siteCommon.scss */
.swipeWrap::-webkit-scrollbar {
  width: 2px !important;
  height: 2px;
}

/* line 390, ../scss/_siteCommon.scss */
.swipeWrap::-webkit-scrollbar-track {
  background-color: rgba(248, 247, 241, 0.4);
  border-radius: 4px;
  /* スクロールバーの角丸 */
}

/* line 395, ../scss/_siteCommon.scss */
.swipeWrap::-webkit-scrollbar-thumb {
  background-color: #F8F7F1;
  border-radius: 4px;
  /* スクロールバーの角丸 */
}

/* line 400, ../scss/_siteCommon.scss */
.swipeWrapG {
  -webkit-overflow-scrolling: touch;
  /* スムーズなスクロールを有効化（iOSの場合） */
  scrollbar-width: 2px !important;
  /* スクロールバーの幅を指定（一般的なブラウザ） */
  scrollbar-color: #3C4531 rgba(59, 68, 48, 0.4);
  /* スクロールバーの色を指定（一般的なブラウザ） */
}

/* Webkit系ブラウザ（Chrome, Safari）用のスクロールバーのスタイル */
/* line 406, ../scss/_siteCommon.scss */
.swipeWrapG::-webkit-scrollbar {
  width: 2px !important;
  height: 2px;
}

/* line 411, ../scss/_siteCommon.scss */
.swipeWrapG::-webkit-scrollbar-track {
  background-color: rgba(59, 68, 48, 0.4);
  border-radius: 4px;
  /* スクロールバーの角丸 */
}

/* line 416, ../scss/_siteCommon.scss */
.swipeWrapG::-webkit-scrollbar-thumb {
  background-color: #3C4531;
  border-radius: 4px;
  /* スクロールバーの角丸 */
}

/*lower
------------------------------------------*/
/* line 1019, ../scss/_siteCommon.scss */
html.is-load02 .lower main .sec-kv .txtWrap .ttlWrap {
  clip-path: inset(0 0 0 0);
}

/* line 1031, ../scss/_siteCommon.scss */
html.is-load03 .lower main .sec-kv .txtWrap .bodyCopy {
  clip-path: inset(0 0 0 0);
}

/* line 1048, ../scss/_siteCommon.scss */
.lower p.bodyCopy {
  line-height: 2.5;
}

@media only screen and (max-width: 767px) {

  /* line 1048, ../scss/_siteCommon.scss */
  .lower p.bodyCopy {
    line-height: 1.8;
  }
}

/* line 1051, ../scss/_siteCommon.scss */
.lower .sec-kv {
  position: relative;
  margin-top: 20vw;
}

@media only screen and (max-width: 991px) {

  /* line 1051, ../scss/_siteCommon.scss */
  .lower .sec-kv {
    margin-top: 25vw;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1051, ../scss/_siteCommon.scss */
  .lower .sec-kv {
    margin-top: 0;
  }
}

/* line 1054, ../scss/_siteCommon.scss */
.lower .sec-kv .circle {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vw;
  z-index: 1;
  clip-path: inset(0 100% 0 0);
  transition: .5s ease-in-out 0s;
}

@media only screen and (max-width: 991px) {

  /* line 1054, ../scss/_siteCommon.scss */
  .lower .sec-kv .circle {
    width: 120vw;
    height: 120vw;
    transform: translate(-50%, -35%);
  }
}

/* line 1066, ../scss/_siteCommon.scss */
.lower .sec-kv .circle figure img {
  animation: 6s linear rotate infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 767px) {

  /* line 1075, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* line 1077, ../scss/_siteCommon.scss */
.lower .sec-kv .innerWrap .txtWrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
}

@media only screen and (max-width: 991px) {

  /* line 1077, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap .txtWrap {
    flex-direction: column;
    margin-bottom: 60px;
  }
}

/* line 1079, ../scss/_siteCommon.scss */
.lower .sec-kv .innerWrap .txtWrap .ttlWrap {
  width: 50%;
  clip-path: inset(0 100% 0 0);
  transition: 0.8s all ease;
}

@media only screen and (max-width: 991px) {

  /* line 1079, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap .txtWrap .ttlWrap {
    width: 100%;
  }
}

/* line 1081, ../scss/_siteCommon.scss */
.lower .sec-kv .innerWrap .txtWrap .ttlWrap h3 {
  font-size: 48px;
  font-weight: 300;
  margin-bottom: 60px;
}

@media only screen and (max-width: 1280px) {

  /* line 1081, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap .txtWrap .ttlWrap h3 {
    font-size: 42px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 991px) {

  /* line 1081, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap .txtWrap .ttlWrap h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

/* line 1085, ../scss/_siteCommon.scss */
.lower .sec-kv .innerWrap .txtWrap .ttlWrap h2 {
  font-size: 20px;
  font-weight: 300;
}

@media only screen and (max-width: 991px) {

  /* line 1085, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap .txtWrap .ttlWrap h2 {
    font-size: 16px;
    margin-bottom: 40px;
  }
}

/* line 1087, ../scss/_siteCommon.scss */
.lower .sec-kv .innerWrap .txtWrap .ttlWrap h2 span {
  font-size: 14px;
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {

  /* line 1087, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap .txtWrap .ttlWrap h2 span {
    display: none;
  }
}

/* line 1092, ../scss/_siteCommon.scss */
.lower .sec-kv .innerWrap .txtWrap .bodyCopy {
  width: calc(50% - 100px);
  font-size: 16px;
  clip-path: inset(0 100% 0 0);
  transition: 0.8s all ease;
}

@media only screen and (max-width: 991px) {

  /* line 1092, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap .txtWrap .bodyCopy {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1092, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap .txtWrap .bodyCopy {
    font-size: 13px;
  }
}

/* line 1097, ../scss/_siteCommon.scss */
.lower .sec-kv .innerWrap .mvWrap {
  z-index: 2;
  position: relative;
}

@media only screen and (max-width: 767px) {

  /* line 1097, ../scss/_siteCommon.scss */
  .lower .sec-kv .innerWrap .mvWrap {
    margin-bottom: 40px;
  }
}

/*sec-nextContents
------------------------------------------*/
/* line 1110, ../scss/_siteCommon.scss */
.sec-nextContents a {
  padding: 100px 0;
  display: block;
}

@media only screen and (max-width: 767px) {

  /* line 1110, ../scss/_siteCommon.scss */
  .sec-nextContents a {
    padding: 80px 0;
  }
}

/* line 1112, ../scss/_siteCommon.scss */
.sec-nextContents a .middleWrap {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {

  /* line 1112, ../scss/_siteCommon.scss */
  .sec-nextContents a .middleWrap {
    align-items: center;
  }
}

/* line 1114, ../scss/_siteCommon.scss */
.sec-nextContents a .middleWrap .txtWrap {
  display: flex;
}

@media only screen and (max-width: 767px) {

  /* line 1114, ../scss/_siteCommon.scss */
  .sec-nextContents a .middleWrap .txtWrap {
    flex-direction: column;
  }
}

/* line 1116, ../scss/_siteCommon.scss */
.sec-nextContents a .middleWrap .txtWrap h2.contentsTtl {
  margin-right: 120px;
}

@media only screen and (max-width: 767px) {

  /* line 1116, ../scss/_siteCommon.scss */
  .sec-nextContents a .middleWrap .txtWrap h2.contentsTtl {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* line 1119, ../scss/_siteCommon.scss */
.sec-nextContents a .middleWrap .txtWrap h3 {
  font-size: 4vw;
  line-height: 1;
  transform: translateX(0);
  transition: 0.4s all ease;
}

@media only screen and (max-width: 991px) {

  /* line 1119, ../scss/_siteCommon.scss */
  .sec-nextContents a .middleWrap .txtWrap h3 {
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 1.4;
  }
}

/* line 1121, ../scss/_siteCommon.scss */
.sec-nextContents a .middleWrap .txtWrap h3 span {
  font-size: 16px;
}

@media only screen and (max-width: 767px) {

  /* line 1121, ../scss/_siteCommon.scss */
  .sec-nextContents a .middleWrap .txtWrap h3 span {
    font-size: 11px;
  }
}

/* line 1126, ../scss/_siteCommon.scss */
.sec-nextContents a .middleWrap .circle {
  width: 6vw;
  height: 6vw;
  padding: 2.2vw;
}

@media only screen and (max-width: 991px) {

  /* line 1126, ../scss/_siteCommon.scss */
  .sec-nextContents a .middleWrap .circle {
    width: 60px;
    height: 60px;
    padding: 18px;
  }
}

/* line 1133, ../scss/_siteCommon.scss */
.sec-nextContents a.is-hover:hover .txtWrap h3 {
  transform: translateX(10%);
}

/*sec-siteContents
------------------------------------------*/
/* line 1141, ../scss/_siteCommon.scss */
.sec-siteContents {
  background: #F8F7F1;
  border-top: 1px solid rgba(59, 68, 48, 0.4);
}

/* line 1143, ../scss/_siteCommon.scss */
.sec-siteContents .container {
  width: calc(100% - 200px);
  height: 100vh;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {

  /* line 1143, ../scss/_siteCommon.scss */
  .sec-siteContents .container {
    width: calc(100% - 120px);
  }
}

@media only screen and (max-width: 991px) {

  /* line 1143, ../scss/_siteCommon.scss */
  .sec-siteContents .container {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1143, ../scss/_siteCommon.scss */
  .sec-siteContents .container {
    width: calc(100% - 60px);
  }
}

/* line 1152, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap {
  width: 65%;
  margin: auto;
  padding: 0px 5.2vw 0 0;
  position: relative;
}

@media only screen and (max-width: 991px) {

  /* line 1152, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap {
    width: 100%;
    padding: 100px 0;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1152, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap {
    padding: 80px 0 60px;
  }
}

/* line 1159, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap::before {
  content: "";
  background: rgba(59, 68, 48, 0.4);
  position: absolute;
  width: 1px;
  height: 100vh;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 991px) {

  /* line 1159, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap::before {
    display: none;
  }
}

/* line 1163, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap h2 {
  font-size: 18px;
  color: #F47500;
  font-weight: 300;
  margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {

  /* line 1163, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap h2 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1170, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox {
    padding-left: 30px;
  }
}

/* line 1172, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a {
  position: relative;
  display: block;
  padding: 20px 0;
  position: relative;
}

@media only screen and (max-width: 991px) {

  /* line 1172, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a {
    padding: 40px 0;
  }
}

/* line 1178, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(60, 69, 49, 0.3);
}

/* line 1187, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background: rgba(60, 69, 49, 0.64);
  transition: .3s ease-in-out 0s;
}

/* line 1198, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a:hover::after {
  width: 100%;
}

/* line 1202, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a:hover .flex::before {
  clip-path: inset(0 0 0 0);
}

/* line 1205, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a:hover .flex .num {
  color: #F8F7F1;
}

/* line 1209, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a:hover .flex .pageTtl .en {
  color: #F8F7F1;
}

/* line 1212, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a:hover .flex .pageTtl .jp {
  color: #F8F7F1;
}

/* line 1216, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a:hover .flex .bodyCopy {
  color: #F8F7F1;
}

/* line 1221, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a .flex {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {

  /* line 1221, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex {
    margin-bottom: 0px;
  }
}

/* line 1227, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a .flex::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #3C4531;
  clip-path: inset(100% 0 0 0);
  transition: .25s ease-in-out 0s;
}

/* line 1238, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .num {
  position: relative;
  z-index: 3;
  font-size: 18px;
  width: 3vw;
  transition: .25s ease-in-out 0s;
}

@media only screen and (max-width: 991px) {

  /* line 1238, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .num {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1238, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .num {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1247, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex figure {
    margin-bottom: 20px;
  }
}

/* line 1250, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl {
  width: 14vw;
  padding-right: 2vw;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 991px) {

  /* line 1250, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl {
    width: 30vw;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1250, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl {
    width: auto;
  }
}

/* line 1258, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl p {
  display: inline-block;
}

/* line 1259, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl .jp {
  transition: .25s ease-in-out 0s;
  font-size: 1.2vw;
  margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {

  /* line 1259, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl .jp {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1259, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl .jp {
    margin-bottom: 5px;
    font-size: 20px;
  }
}

/* line 1266, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl .en {
  transition: .25s ease-in-out 0s;
  font-size: 14px;
  line-height: 1;
}

@media only screen and (max-width: 991px) {

  /* line 1266, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl .en {
    font-size: 32px;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1266, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .pageTtl .en {
    font-size: 12px;
  }
}

/* line 1274, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .bodyCopy {
  position: relative;
  z-index: 3;
  width: 25vw;
  font-size: 13px;
  opacity: 0.75;
  line-height: 1.85;
  transition: .25s ease-in-out 0s;
}

@media only screen and (max-width: 991px) {

  /* line 1274, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .bodyCopy {
    width: 35vw;
  }
}

@media only screen and (max-width: 767px) {

  /* line 1274, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .bodyCopy {
    display: none;
  }
}

/* line 1285, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .circle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border: 1px solid rgba(60, 69, 49, 0.3);
  border-radius: 999px;
  padding: 22px;
}

@media only screen and (max-width: 1440px) {

  /* line 1285, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .circle {
    width: 3.2vw;
    padding: 1vw;
    height: 3.2vw;
  }
}

@media only screen and (max-width: 991px) {

  /* line 1285, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsGuideWrap .contentsBox a .flex .circle {
    width: 48px;
    height: 48px;
    transform: translateY(0);
    padding: 16px;
    bottom: 40px;
    top: auto;
  }
}

/* line 1302, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsImgWrap {
  width: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5.2vw;
  position: relative;
}

@media only screen and (max-width: 991px) {

  /* line 1302, ../scss/_siteCommon.scss */
  .sec-siteContents .container .contentsImgWrap {
    display: none;
  }
}

/* line 1310, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsImgWrap .contentsImg {
  position: absolute;
  width: 100%;
  padding: 6vw 5.2vw;
  background: #EEECE0;
  transition: .25s ease-in-out 0s;
  z-index: 1;
  /*&::before{content: "";width: calc(100% - 160px);height: calc(100% - 200px);background: $mainGreen;position: absolute;top: 100px;left: 80px;}*/
}

/* line 1318, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsImgWrap .contentsImg figure {
  overflow: hidden;
  background: #3C4531;
  clip-path: inset(100% 0 0 0);
  opacity: 0;
  transition: .25s ease-in-out 0s;
  position: relative;
}

/* line 1323, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsImgWrap .contentsImg figure img {
  transform: scale(1.2);
  transition: .25s ease-in-out 0s;
}

/* line 1328, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsImgWrap .contentsImg.is-active {
  display: block;
  z-index: 3;
}

/* line 1330, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsImgWrap .contentsImg.is-active figure {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}

/* line 1332, ../scss/_siteCommon.scss */
.sec-siteContents .container .contentsImgWrap .contentsImg.is-active figure img {
  transform: scale(1);
}

/*inview
------------------------------------------*/
/* line 1344, ../scss/_siteCommon.scss */
.del01 {
  transition-delay: 0.1s !important;
}

/* line 1345, ../scss/_siteCommon.scss */
.del02 {
  transition-delay: 0.2s !important;
}

/* line 1346, ../scss/_siteCommon.scss */
.del03 {
  transition-delay: 0.3s !important;
}

/* line 1347, ../scss/_siteCommon.scss */
.del04 {
  transition-delay: 0.4s !important;
}

/* line 1348, ../scss/_siteCommon.scss */
.del05 {
  transition-delay: 0.5s !important;
}

/* line 1349, ../scss/_siteCommon.scss */
.del06 {
  transition-delay: 0.6s !important;
}

/* line 1350, ../scss/_siteCommon.scss */
.del07 {
  transition-delay: 0.7s !important;
}

/* line 1351, ../scss/_siteCommon.scss */
.del08 {
  transition-delay: 0.8s !important;
}

/* line 1352, ../scss/_siteCommon.scss */
.del09 {
  transition-delay: 0.9s !important;
}

/* line 1353, ../scss/_siteCommon.scss */
.del10 {
  transition-delay: 1s !important;
}

/* line 1356, ../scss/_siteCommon.scss */
.innerTtl.view::before {
  transition: 0.6s all ease;
  width: 0;
}

/* line 1359, ../scss/_siteCommon.scss */
.innerTtl.view.is-view::before {
  width: 100%;
}

/*img-caps
------------------------------------------*/
/* line 1364, ../scss/_siteCommon.scss */
figure {
  position: relative;
}

/* line 1365, ../scss/_siteCommon.scss */
.img-caps {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 10px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1;
  padding: 5px 5px 6px 6px;
  color: #fff;
  letter-spacing: -.02em;
  z-index: 5;
  text-align: right;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

/* line 1370, ../scss/_siteCommon.scss */
.img-caps.black {
  color: #333;
}

/* line 1371, ../scss/_siteCommon.scss */
.img-caps.shadow {
  color: #fff;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.8), 0px 0px 7px rgba(0, 0, 0, 0.8);
}

/* line 1372, ../scss/_siteCommon.scss */
.img-caps.under {
  bottom: -22px;
}

/* line 1373, ../scss/_siteCommon.scss */
.img-caps.left {
  left: 0;
  text-align: left;
}

/* line 1374, ../scss/_siteCommon.scss */
.img-caps.bg {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 2px 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

  /* line 1377, ../scss/_siteCommon.scss */
  .img-caps {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* line 1, ../scss/_transition.scss */
.l-transfar {
  pointer-events: none;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: transparent;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  z-index: 99999;
  will-change: transform;
}

/* line 18, ../scss/_transition.scss */
.l-transfar_item {
  position: relative;
  height: 100vh;
  width: 5.555vw;
  will-change: transform;
}

/* line 25, ../scss/_transition.scss */
.l-transfar_item::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(1.1);
  width: 100%;
  height: 100%;
  /*background: #D4D8C2;*/
  background: linear-gradient(45deg, #282926 0%, #423E35 100%);
  content: "";
  -webkit-animation: pageShow 0.5s ease-out forwards;
  animation: pageShow 0.5s ease-out forwards;
  transform-origin: right;
  will-change: transform;
}

/* line 41, ../scss/_transition.scss */
.l-transfar_item::after {
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(1.1);
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #282926 0%, #423E35 100%);
  content: "";
  transform-origin: left;
  will-change: transform;
  clip-path: inset(0 100% 0 0);
}

/* line 55, ../scss/_transition.scss */
.l-transfar_item:nth-child(1)::before {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/* line 60, ../scss/_transition.scss */
.l-transfar_item:nth-child(2)::before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

/* line 65, ../scss/_transition.scss */
.l-transfar_item:nth-child(3)::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

/* line 70, ../scss/_transition.scss */
.l-transfar_item:nth-child(4)::before {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}

/* line 75, ../scss/_transition.scss */
.l-transfar_item:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

/* line 80, ../scss/_transition.scss */
.l-transfar_item:nth-child(5)::before {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

/* line 85, ../scss/_transition.scss */
.l-transfar_item:nth-child(6)::before {
  -webkit-animation-delay: 0.52s;
  animation-delay: 0.52s;
}

/* line 90, ../scss/_transition.scss */
.l-transfar_item:nth-child(7)::before {
  -webkit-animation-delay: 0.54s;
  animation-delay: 0.54s;
}

/* line 95, ../scss/_transition.scss */
.l-transfar_item:nth-child(8)::before {
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}

/* line 100, ../scss/_transition.scss */
.l-transfar_item:nth-child(9)::before {
  -webkit-animation-delay: 0.57s;
  animation-delay: 0.57s;
}

/* line 105, ../scss/_transition.scss */
.l-transfar_item:nth-child(10)::before {
  -webkit-animation-delay: 0.58s;
  animation-delay: 0.58s;
}

/* line 110, ../scss/_transition.scss */
.l-transfar_item:nth-child(11)::before {
  -webkit-animation-delay: 0.59s;
  animation-delay: 0.59s;
}

/* line 115, ../scss/_transition.scss */
.l-transfar_item:nth-child(12)::before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

/* line 120, ../scss/_transition.scss */
.l-transfar_item:nth-child(13)::before {
  -webkit-animation-delay: 0.61s;
  animation-delay: 0.61s;
}

/* line 125, ../scss/_transition.scss */
.l-transfar_item:nth-child(14)::before {
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

/* line 130, ../scss/_transition.scss */
.l-transfar_item:nth-child(15)::before {
  -webkit-animation-delay: 0.67s;
  animation-delay: 0.67s;
}

/* line 135, ../scss/_transition.scss */
.l-transfar_item:nth-child(16)::before {
  -webkit-animation-delay: 0.72s;
  animation-delay: 0.72s;
}

/* line 140, ../scss/_transition.scss */
.l-transfar_item:nth-child(17)::before {
  -webkit-animation-delay: 0.77s;
  animation-delay: 0.77s;
}

/* line 145, ../scss/_transition.scss */
.l-transfar_item:nth-child(18)::before {
  -webkit-animation-delay: 0.87s;
  animation-delay: 0.87s;
}

/* line 150, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(1)::before {
  -webkit-animation-delay: 6.05s;
  animation-delay: 6.05s;
}

/* line 155, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(2)::before {
  -webkit-animation-delay: 6.3s;
  animation-delay: 6.3s;
}

/* line 160, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(3)::before {
  -webkit-animation-delay: 6.4s;
  animation-delay: 6.4s;
}

/* line 165, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(4)::before {
  -webkit-animation-delay: 6.45s;
  animation-delay: 6.45s;
}

/* line 170, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(5) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

/* line 175, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(5)::before {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

/* line 180, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(6)::before {
  -webkit-animation-delay: 6.52s;
  animation-delay: 6.52s;
}

/* line 185, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(7)::before {
  -webkit-animation-delay: 6.54s;
  animation-delay: 6.54s;
}

/* line 190, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(8)::before {
  -webkit-animation-delay: 6.56s;
  animation-delay: 6.56s;
}

/* line 195, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(9)::before {
  -webkit-animation-delay: 6.57s;
  animation-delay: 6.57s;
}

/* line 200, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(10)::before {
  -webkit-animation-delay: 6.58s;
  animation-delay: 6.58s;
}

/* line 205, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(11)::before {
  -webkit-animation-delay: 6.59s;
  animation-delay: 6.59s;
}

/* line 210, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(12)::before {
  -webkit-animation-delay: 6.6s;
  animation-delay: 6.6s;
}

/* line 215, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(13)::before {
  -webkit-animation-delay: 6.61s;
  animation-delay: 6.61s;
}

/* line 220, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(14)::before {
  -webkit-animation-delay: 6.62s;
  animation-delay: 6.62s;
}

/* line 225, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(15)::before {
  -webkit-animation-delay: 6.67s;
  animation-delay: 6.67s;
}

/* line 230, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(16)::before {
  -webkit-animation-delay: 6.72s;
  animation-delay: 6.72s;
}

/* line 235, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(17)::before {
  -webkit-animation-delay: 6.77s;
  animation-delay: 6.77s;
}

/* line 240, ../scss/_transition.scss */
.l-transfar-front .l-transfar_item:nth-child(18)::before {
  -webkit-animation-delay: 6.87s;
  animation-delay: 6.87s;
}

/* line 245, ../scss/_transition.scss */
.l-transfar.is-transfar {
  pointer-events: auto;
  cursor: unset;
}

/* line 250, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item::after {
  -webkit-animation: pageMove 0.5s ease-in forwards;
  animation: pageMove 0.5s ease-in forwards;
}

/* line 255, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(1)::after {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

/* line 260, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(2)::after {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

/* line 265, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(3)::after {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

/* line 270, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(4)::after {
  -webkit-animation-delay: 0.42s;
  animation-delay: 0.42s;
}

/* line 275, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(5)::after {
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

/* line 280, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(6)::after {
  -webkit-animation-delay: 0.46s;
  animation-delay: 0.46s;
}

/* line 285, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(7)::after {
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
}

/* line 290, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(8)::after {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

/* line 295, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(9)::after {
  -webkit-animation-delay: 0.52s;
  animation-delay: 0.52s;
}

/* line 300, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(10)::after {
  -webkit-animation-delay: 0.54s;
  animation-delay: 0.54s;
}

/* line 305, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(11)::after {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}

/* line 310, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(12)::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

/* line 315, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(13)::after {
  -webkit-animation-delay: 0.61s;
  animation-delay: 0.61s;
}

/* line 320, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(14)::after {
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

/* line 325, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(15)::after {
  -webkit-animation-delay: 0.67s;
  animation-delay: 0.67s;
}

/* line 330, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(16)::after {
  -webkit-animation-delay: 0.72s;
  animation-delay: 0.72s;
}

/* line 335, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(17)::after {
  -webkit-animation-delay: 0.77s;
  animation-delay: 0.77s;
}

/* line 340, ../scss/_transition.scss */
.l-transfar.is-transfar .l-transfar_item:nth-child(18)::after {
  -webkit-animation-delay: 0.87s;
  animation-delay: 0.87s;
}

/*@-webkit-keyframes pageShow {
	0% {
		transform: scaleY(1.1);
		transform-origin: right;
	}
	100% {
		transform: scaleY(0);
		transform-origin: right;
	}
}

@keyframes pageShow {
	0% {
		transform: scaleY(1.1);
		transform-origin: right;
	}
	100% {
		transform: scaleY(0);
		transform-origin: right;
	}
}

@-webkit-keyframes pageMove {
	0% {
		transform: scaleY(0);
		transform-origin: left;
	}
	100% {
		transform: scaleY(1.1);
		transform-origin: left;
	}
}

@keyframes pageMove {
	0% {
		transform: scaleY(0);
		transform-origin: left;
	}
	100% {
		transform: scaleY(1.1);
		transform-origin: left;
	}
}*/
@-webkit-keyframes pageShow {
  0% {
    clip-path: inset(0 0 0 0);
  }

  100% {
    clip-path: inset(0 100% 0 0);
  }
}

@keyframes pageShow {
  0% {
    clip-path: inset(0 0 0 0);
  }

  100% {
    clip-path: inset(0 100% 0 0);
  }
}

@-webkit-keyframes pageMove {
  0% {
    clip-path: inset(0 0 0 100%);
  }

  100% {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes pageMove {
  0% {
    clip-path: inset(0 0 0 100%);
  }

  100% {
    clip-path: inset(0 0 0 0);
  }
}


/* フェードインアニメーション
============================================== */
/*--------------------inview-------------------*/
.js-invew-up {
  overflow: hidden;
  display: inline-block;
  padding-bottom: 1rem;
}

.js-invew-up .overflowhidden {
  transform: translateY(120%);
  transition: 0.4s ease;
  line-height: 1;
  display: inline-block;
}

.js-invew-up.is-inview .overflowhidden {
  transform: translateY(0%);
}

.js-inview-fade {
  opacity: 0;
  transition: .6s ease;
}

.js-inview-fade.is-inview {
  opacity: 1;
}

/* 時間差フェードインアニメーション */
/* 1秒間かけてフェードイン */
.fadeIn1s {
  animation-name: fadeIn1s;
  animation-delay: 1s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform: translateY(-50px);
  opacity: 0;
}

@keyframes fadeIn1s {
  0% {}

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* 1.5秒間かけてフェードイン */
.fadeIn1500ms {
  animation-name: fadeIn1500ms;
  animation-delay: 1500ms;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform: translateY(50px);
  opacity: 0;
}

@keyframes fadeIn1500ms {
  0% {}

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* 0.5秒間かけてフェードイン */
.fadeIn500ms {
  animation-name: fadeIn500ms;
  animation-delay: 500ms;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform: translateX(50px);
  opacity: 0;
}

@keyframes fadeIn500ms {
  0% {}

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* 2秒間かけてフェードイン */
.fadeIn2s {
  animation-name: fadeIn2s;
  animation-delay: 2s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform: translateX(-50px);
  opacity: 0;
}

@keyframes fadeIn2s {
  0% {}

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* 2.5秒間かけてフェードイン */
.fadeIn2500ms {
  animation-name: fadeIn2500ms;
  animation-delay: 2.5s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform: translateX(-50px);
  opacity: 0;
}

@keyframes fadeIn2500ms {
  0% {}

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* 3秒間かけてフェードイン */
.fadeIn3s {
  animation-name: fadeIn3s;
  animation-delay: 3s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform: translateY(50px);
  opacity: 0;
}

@keyframes fadeIn3s {
  0% {}

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* 4秒間かけてフェードイン */
.fadeIn4s {
  animation-name: fadeIn4s;
  animation-delay: 4s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform: translateY(50px);
  opacity: 0;
}

@keyframes fadeIn4s {
  0% {}

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* mv_title
================================ */
.mv_title {
  position: absolute;
  bottom: 0%;
  left: 50px;
  font-size: 150px;
  font-size: clamp(10rem, 4.286rem + 7.44vw, 15rem);
  color: #fff;
  line-height: .6;
}

.mv_title span {
  color: #fff;
  display: inline-block;
}

@media only screen and (max-width:767px) {
  .mv_title {
    font-size: 64px;
    left: 10px;
    /* text-shadow: 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3), 
    0px 0px 10px rgba(0, 0, 0, 0.3); */
  }
}

#pageMainTtl {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 100%;
  padding-right: 420px;
  color: #fff;
  font-size: 12px;
  letter-spacing: .1em;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  z-index: 99;
}

#pageMainTtl span {
  margin: 0 5px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  #pageMainTtl {
    width: 90%;
    padding: 0;
    font-size: 9px;
  }

  #pageMainTtl span {
    font-size: 11px;
  }
}