.view_pc {
  display: block;
}

.view_pd {
  display: none;
}

.view_sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .view_pd {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .view_pc {
    display: none;
  }
  .view_sp {
    display: block;
  }
}
html:has(body.no-scrollbar),
body.no-scrollbar {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

html:has(body.no-scrollbar)::-webkit-scrollbar,
body.no-scrollbar::-webkit-scrollbar {
  display: none !important;
}

.concept {
  width: 100%;
  color: #231815;
  font-family: var(--f-ja);
}
.concept__top {
  width: 100%;
  height: 300vh;
  position: relative;
}
@media screen and (max-width: 767px) {
  .concept__top {
    height: 300vh;
  }
}

.concept__topImgArea {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  transition-duration: 0.6s;
  overflow: hidden;
}
.concept__topImgArea iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150% !important;
  height: 150% !important;
  min-height: 100vh;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .concept__topImgArea iframe {
    position: relative;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    min-width: 200.78vh;
    min-height: 100vh;
    transform: translate(-50%, -50%);
  }
}
.concept__topImgArea {
  /*
  .playerCover{
    position: absolute;
    inset: 0;
    overflow: hidden;
    transition: all .2s ease;
  }
  .playerInner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width:  max(100vw, calc(100svh * (16 / 9)));
    height: max(100svh, calc(100vw * (9 / 16)));
  }
  iframe,
  object,
  embed,
  video {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    aspect-ratio: 19/9;
  }
  */
}
.concept__topImgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-duration: 0.6s;
}
.concept__topImgArea::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 0.6s;
}
.concept__topImgArea.--black::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.54);
  position: absolute;
  top: 0;
  left: 0;
}
.concept__topImgArea.--opacity video,
.concept__topImgArea.--opacity iframe,
.concept__topImgArea.--opacity img {
  opacity: 0.07;
}

.concept__topCont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.concept__topSec {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .concept__topSec {
    padding: 0 20px;
    box-sizing: border-box;
  }
}
.concept__topSec.--1 .concept__topTitle img {
  width: min(31.3vw, 313px);
  height: auto;
}
@media screen and (max-width: 767px) {
  .concept__topSec.--1 .concept__topTitle img {
    width: 58.1428571429vw;
  }
}
.concept__topSec.--2 .concept__topTitle {
  font-family: var(--f-ja);
  color: #fff;
  font-size: min(2.4vw, 24px);
  font-weight: 100;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .concept__topSec.--2 .concept__topTitle {
    font-size: 4.5714285714vw;
  }
}
.concept__topSec.--2 .concept__topTitle img {
  width: min(31.3vw, 313px);
}
@media screen and (max-width: 767px) {
  .concept__topSec.--2 .concept__topTitle img {
    width: 58.1428571429vw;
  }
}
.concept__topSec.--2 .concept__topText {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .concept__topSec.--3 {
    padding: 14.2857142857vw 20px;
  }
}

.concept__topTitle {
  font-size: min(3.7vw, 37px);
  line-height: 1.35;
  font-family: var(--f-en);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .concept__topTitle {
    font-size: 6.7142857143vw;
  }
}
.concept__topTitle.--mb {
  margin-bottom: min(6vw, 60px);
}
@media screen and (max-width: 767px) {
  .concept__topTitle.--mb {
    margin-bottom: 14.2857142857vw;
  }
}

.concept__topTitleSup {
  font-size: min(1.6vw, 16px);
  line-height: 1.375;
  margin-top: min(0vw, 0px);
}
@media screen and (max-width: 767px) {
  .concept__topTitleSup {
    font-size: 3vw;
  }
}

.concept__topText {
  font-size: min(1.9vw, 19px);
  line-height: 4;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .concept__topText {
    font-size: 3.5714285714vw;
    letter-spacing: 0.1em;
  }
}

.concept__panArea {
  width: 100%;
  height: 100vh;
  position: relative;
}

.concept__panSec {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: translateY(100vh);
}
.concept__panSec::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 0.3s;
}
.concept__panSec.is-fixed {
  position: fixed;
}
.concept__panSec.is-bg::after {
  background-color: rgba(0, 0, 0, 0.54);
}
.concept__panSec.--1 {
  background-image: url(../img/concept-sec2-1.jpg);
}
@media screen and (max-width: 767px) {
  .concept__panSec.--1 {
    background-image: url(../img/concept-sec2-1-sp.jpg);
  }
}
.concept__panSec.--2 {
  background-image: url(../img/concept-sec2-3.jpg);
}
@media screen and (max-width: 767px) {
  .concept__panSec.--2 {
    background-image: url(../img/concept-sec2-3-sp.jpg);
  }
}
.concept__panSec.--3 {
  background-image: url(../img/concept-sec2-5.jpg);
}
@media screen and (max-width: 767px) {
  .concept__panSec.--3 {
    background-image: url(../img/concept-sec2-5-sp.jpg);
  }
}
.concept__panSec.--4 {
  background: #fff;
}
.concept__panSec.--4::after {
  display: none;
}

.concept__panSecInner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.concept__panSecCont {
  display: flex;
  justify-content: center;
  gap: min(7.2vw, 72px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .concept__panSecCont {
    flex-flow: column;
    align-items: center;
    gap: 7.1428571429vw;
  }
}

.concept__panSecContTitleArea {
  opacity: 0;
}

.concept__panSecContTitle {
  font-family: var(--f-en);
  font-size: min(1.8vw, 18px);
  line-height: 1.34;
  letter-spacing: 0.2em;
  color: #fff;
  margin-bottom: min(6.2vw, 62px);
}
@media screen and (max-width: 767px) {
  .concept__panSecContTitle {
    font-size: 3.4285714286vw;
    margin-bottom: 8.1428571429vw;
    text-align: center;
  }
}

.concept__panSecContTitleText {
  font-size: min(2.1vw, 21px);
  line-height: 2;
  color: #fff;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 767px) {
  .concept__panSecContTitleText {
    font-size: 4vw;
    text-align: center;
  }
}

.concept__panSecContImgArea {
  font-size: min(1vw, 10px);
  color: #fff;
  letter-spacing: 0.05em;
  text-align: right;
  opacity: 0;
  -webkit-mask-image: linear-gradient(to right, black, black);
          mask-image: linear-gradient(to right, black, black);
  -webkit-mask-size: 0% 100%;
          mask-size: 0% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .concept__panSecContImgArea {
    font-size: 1.8571428571vw;
    margin-bottom: 4.2857142857vw;
  }
}
.concept__panSecContImgArea p {
  margin-top: min(0.8vw, 8px);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .concept__panSecContImgArea p {
    margin-top: 0.7142857143vw;
  }
}

.concept__panSecContImgWrap {
  width: min(29.4vw, 294px);
  aspect-ratio: 294/357;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  .concept__panSecContImgWrap {
    width: 54.2857142857vw;
  }
}
.concept__panSecContImgWrap img {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 100px);
}

.concept__panSecContTextArea {
  align-self: flex-end;
  opacity: 1;
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 60px), transparent 100%), linear-gradient(to bottom, black calc(100% - 60px), transparent 100%);
          mask-image: linear-gradient(to right, black calc(100% - 60px), transparent 100%), linear-gradient(to bottom, black calc(100% - 60px), transparent 100%);
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
  -webkit-mask-size: 0% 0%;
          mask-size: 0% 0%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .concept__panSecContTextArea {
    align-self: center;
  }
}

.concept__panSecContText {
  font-size: min(1.3vw, 13px);
  line-height: 2;
  color: #fff;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .concept__panSecContText {
    font-size: 2.4285714286vw;
    text-align: center;
    line-height: 2.7;
  }
}

.concept__panSecImgArea4Wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.concept__panSecImgArea4 {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  justify-content: center;
  align-items: center;
  transform: translateX(min(-5vw, -50px));
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4 {
    transform: translateX(0);
    transform: translateY(-20px);
  }
}
.concept__panSecImgArea4 img {
  display: inline;
  max-width: min(30.3vw, 303px);
  width: auto;
  height: auto;
  grid-column: 1/2;
  grid-row: 1/2;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4 img {
    max-width: 50.8571428571vw;
  }
}
.concept__panSecImgArea4 img:nth-child(1) {
  margin-top: max(-6.5vw, -65px);
  transform: translate(-10px, -50px);
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4 img:nth-child(1) {
    margin-left: 11.4285714286vw;
    margin-top: -32.8571428571vw;
  }
}
.concept__panSecImgArea4 img:nth-child(2) {
  margin-top: min(8.5vw, 85px);
  margin-left: min(8vw, 80px);
  transform: translate(100px, -50px);
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4 img:nth-child(2) {
    margin-top: 11.4285714286vw;
    margin-left: auto;
    margin-right: -5.7142857143vw;
  }
}
.concept__panSecImgArea4 img:nth-child(3) {
  margin-top: min(3.5vw, 35px);
  margin-left: max(-7.5vw, -75px);
  transform: translate(-50px, -50px);
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4 img:nth-child(3) {
    margin-top: 0vw;
    margin-left: -2.8571428571vw;
  }
}
.concept__panSecImgArea4 img:nth-child(4) {
  margin-top: min(20vw, 200px);
  transform: translate(0, 100px);
  max-width: min(40vw, 400px);
  margin-top: min(10vw, 100px);
  margin-left: min(-2vw, -20px);
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4 img:nth-child(4) {
    margin-top: 7.1428571429vw;
    margin-left: 4.2857142857vw;
    max-width: 71.4285714286vw;
  }
}

.concept__panSecImgArea4Text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(35vw, 350px);
  position: absolute;
  width: 100%;
  margin-left: max(-13.5vw, -135px);
  transform: translateX(max(-10vw, -100px));
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4Text {
    flex-flow: column;
    justify-content: space-between;
    gap: 92.8571428571vw;
    margin-top: 114.2857142857vw;
    margin-left: 0;
    transform: translateX(0);
  }
}

.concept__panSecImgArea4TextTitle {
  font-family: var(--f-en);
  font-size: min(3.1vw, 31px);
  line-height: 1.34;
  letter-spacing: 0.2em;
  margin-left: min(50vw, 500px);
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4TextTitle {
    font-size: 5.7142857143vw;
    text-align: center;
    margin-left: 0;
    margin-top: -5.7142857143vw;
  }
}
.concept__panSecImgArea4TextTitle img {
  width: 23.4375vw;
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4TextTitle img {
    width: 57.1428571429vw;
  }
}

.concept__panSecImgArea4TextTitleSup {
  font-size: min(1.4vw, 14px);
  line-height: 1.375;
  letter-spacing: 0.4em;
  margin-top: min(0vw, 0px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .concept__panSecImgArea4TextTitleSup {
    font-size: 2.5714285714vw;
  }
}

.concept__skyTerrace {
  position: relative;
  background-color: #607f96;
}
.concept__skyTerrace::after {
  display: none;
}
.concept__skyTerrace .concept__skyTerraceInner {
  margin-bottom: -1px;
  width: 100%;
  height: 100vh;
  background-image: url(../img/concept-sec2-11.jpg);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: end;
}
@media screen and (max-width: 767px) {
  .concept__skyTerrace .concept__skyTerraceInner {
    height: auto;
    aspect-ratio: 1401/1562;
    background-image: url(../img/concept-sec2-11-sp.jpg);
  }
}
.concept__skyTerrace .concept__skyTerraceInner p {
  font-size: min(3vw, 30px);
  line-height: 1;
  color: #fff;
  font-family: var(--f-en);
  padding: min(2.3vw, 23px) min(3.6vw, 36px);
  box-sizing: border-box;
  opacity: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .concept__skyTerrace .concept__skyTerraceInner p {
    font-size: 5.5714285714vw;
    padding: 1.4285714286vw 2.1428571429vw;
  }
}
.concept__skyTerrace .concept__skyTerraceSupText {
  position: absolute;
  bottom: max(-1vw, -10px);
  left: 0;
  transform: translateY(100%);
  font-size: 0.78125vw;
  color: #fff;
  padding-left: min(1vw, 10px);
  line-height: 1.375;
  letter-spacing: 0.4em;
}
@media screen and (max-width: 767px) {
  .concept__skyTerrace .concept__skyTerraceSupText {
    bottom: -1.4285714286vw;
    font-size: 1.8571428571vw;
    padding-left: 1.4285714286vw;
  }
}

.concept__paraArea {
  width: 100%;
  background-image: url(../img/concept-bg1.jpg);
  background-size: cover;
  background-position: center;
  padding-top: min(15.5vw, 155px);
}
@media screen and (max-width: 767px) {
  .concept__paraArea {
    padding-top: 16.4285714286vw;
    background-image: url(../img/concept-bg1-sp.jpg);
  }
}

.concept__paraAreaImgSup {
  font-size: 0.78125vw;
  line-height: 1.375;
  letter-spacing: 0.4em;
  margin-top: 0.390625vw;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaImgSup {
    font-size: 1.8571428571vw;
    margin-top: 0.7142857143vw;
  }
}
.concept__paraAreaImgSup.--shadow {
  text-shadow: 0 0 4px rgba(0, 50, 150, 0.8);
}
.concept__paraAreaImgSup.--pl {
  padding-left: 0.78125vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaImgSup.--pl {
    padding-left: 1.4285714286vw;
  }
}
.concept__paraAreaImgSup.--pl2 {
  padding-left: 1.5625vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaImgSup.--pl2 {
    padding-left: 2.8571428571vw;
  }
}

.concept__paraAreaImgText {
  font-size: 1.5625vw;
  padding: 2.734375vw 1.5625vw;
  font-family: var(--f-en);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaImgText {
    font-size: 3.7142857143vw;
    padding: 5.7142857143vw 2.8571428571vw;
  }
}
@media screen and (max-width: 767px) {
  .concept__paraAreaImgText.--big {
    font-size: 5.5714285714vw;
  }
}

.concept__paraAreaImg {
  position: relative;
  z-index: 1;
}
.concept__paraAreaImg img {
  position: relative;
  z-index: 1;
}

.concept__paraAreaTop {
  width: 72.65625vw;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTop {
    width: 100%;
    flex-flow: column-reverse;
  }
}

.concept__paraAreaTopImgArea {
  width: 40.078125vw;
}
.concept__paraAreaTopImgArea img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTopImgArea {
    width: 72.2857142857vw;
  }
}

.concept__paraAreaTopTextArea {
  margin-bottom: 6.25vw;
  font-size: 1.875vw;
  line-height: 2.25;
  letter-spacing: 0.3em;
  color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTopTextArea {
    font-size: 4.5714285714vw;
    line-height: 2.25;
    text-align: center;
    margin-bottom: 14.2857142857vw;
  }
}

.concept__paraAreaTop2 {
  width: 72.65625vw;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -4.6875vw;
}
.concept__paraAreaTop2 img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTop2 {
    width: 100%;
    flex-flow: column-reverse;
    margin-top: 7.1428571429vw;
  }
}

.concept__paraAreaTop2TextArea {
  margin-top: 13.28125vw;
  font-size: 1.015625vw;
  line-height: 2.54;
  letter-spacing: 0.3em;
  color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTop2TextArea {
    margin-top: 11.4285714286vw;
    font-size: 2.4285714286vw;
    line-height: 2.5;
    text-align: center;
  }
}

.concept__paraAreaTop2ImgArea {
  width: 39.84375vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTop2ImgArea {
    width: 94.8571428571vw;
    margin-left: auto;
    margin-right: 0;
  }
  .concept__paraAreaTop2ImgArea img {
    width: 100%;
    height: auto;
  }
}

.concept__paraAreaTop3 {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 12.109375vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTop3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 17.1428571429vw;
  }
}
.concept__paraAreaTop3 .concept__paraAreaImgText {
  left: auto;
  right: 0;
}
.concept__paraAreaTop3 .concept__paraAreaImgSup {
  text-align: right;
  padding-right: 1.5625vw;
}
.concept__paraAreaTop3 .concept__paraAreaImgSup .concept__paraAreaImgText {
  padding-right: 2.8571428571vw;
}

.concept__paraAreaTop3ImgArea {
  width: 62.5vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTop3ImgArea {
    width: 90vw;
    margin-inline: auto;
  }
}
.concept__paraAreaTop3ImgArea img {
  width: 100%;
  height: auto;
}

.concept__paraAreaTop3-2 {
  width: 100%;
  display: flex;
  margin-top: -6.640625vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTop3-2 {
    margin-top: 8.5714285714vw;
  }
}

.concept__paraAreaTop3-2ImgArea {
  width: 62.5vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaTop3-2ImgArea {
    width: 88.5714285714vw;
  }
}
.concept__paraAreaTop3-2ImgArea img {
  width: 100%;
  height: auto;
}

.concept__paraAreaMiddle {
  width: 100%;
  margin-top: 7.8125vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaMiddle {
    margin-top: 15.7142857143vw;
  }
}

.concept__paraAreaMiddleImgArea {
  width: 100%;
}
.concept__paraAreaMiddleImgArea img {
  width: 100%;
  height: auto;
}

.concept__paraAreaBottom1 {
  width: 72.65625vw;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-top: 8.59375vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaBottom1 {
    width: 90.5714285714vw;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 14.2857142857vw;
  }
}
.concept__paraAreaBottom1 img {
  width: 100%;
  height: auto;
}

.concept__paraAreaBottom1ImgArea {
  width: 44.140625vw;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaBottom1ImgArea {
    width: 100%;
  }
}
.concept__paraAreaBottom1ImgArea img {
  width: 100%;
  height: auto;
}
.concept__paraAreaBottom1ImgArea .concept__paraAreaImgSup {
  text-align: right;
}
.concept__paraAreaBottom1ImgArea .concept__paraAreaImgText {
  left: auto;
  right: 0;
}

.concept__paraAreaBottom1TextArea {
  margin-top: 5.7142857143vw;
  font-size: 1.875vw;
  line-height: 2.3;
  letter-spacing: 0.3em;
  color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaBottom1TextArea {
    font-size: 4.5714285714vw;
    line-height: 2.25;
    text-align: center;
    transform: translateY(0);
    margin-bottom: 14.2857142857vw;
  }
}

.concept__paraAreaBottom2 {
  padding-bottom: 7.8125vw;
  width: calc(100% - (100% - 72.65625vw) / 2);
  display: flex;
  justify-content: space-between;
  margin-top: 3.90625vw;
  gap: 2.34375vw;
}
.concept__paraAreaBottom2 img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 930px) {
  .concept__paraAreaBottom2 {
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .concept__paraAreaBottom2 {
    padding-bottom: 14.2857142857vw;
    margin-top: 14.2857142857vw;
    width: 100%;
    flex-flow: column;
    gap: 0;
  }
}

.concept__paraAreaBottom2ImgArea {
  width: 60.9375vw;
}
.concept__paraAreaBottom2ImgArea img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaBottom2ImgArea {
    width: 88.5714285714vw;
    margin-right: 0;
    margin-left: auto;
  }
}

.concept__paraAreaBottom2TextArea {
  margin-top: 10.9375vw;
  font-size: 0.9375vw;
  line-height: 2.54;
  letter-spacing: 0.3em;
  color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .concept__paraAreaBottom2TextArea {
    font-size: 2.4285714286vw;
    line-height: 2.5;
    text-align: center;
    transform: translateY(0vw);
    margin-top: 8.5714285714vw;
    margin-bottom: 0vw;
  }
}

.concept__swiper {
  width: 100%;
  background: #fff;
  padding-top: min(15vw, 150px);
}
@media screen and (max-width: 767px) {
  .concept__swiper {
    padding-top: 11.4285714286vw;
    padding-bottom: 1.4285714286vw;
  }
}

.concept__swiperSlide {
  width: 60%;
  aspect-ratio: 613/434;
  max-height: min(60vw, 600px);
  cursor: pointer;
  background-size: cover;
  background-position: center;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .concept__swiperSlide {
    max-height: initial;
  }
}
.concept__swiperSlide.--1 {
  background-image: url(../img/swiper-1.jpg);
}
.concept__swiperSlide.--2 {
  background-image: url(../img/swiper-2.jpg);
}
.concept__swiperSlide.--3 {
  background-image: url(../img/swiper-3.jpg);
}
.concept__swiperSlide:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .concept__swiperSlide {
    width: 75%;
  }
}

.concept__swiperSlideOmote {
  width: 100%;
  height: 100%;
  background-image: url(../img/swiper-bg.png);
  background-size: cover;
  background-position: center;
  transition-duration: 0.3s;
  background-color: #fff;
}

.concept__swiperSlideOmote {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.concept__swiperSlideOmoteText1 {
  font-size: min(1.6vw, 16px);
  line-height: 1.75;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 767px) {
  .concept__swiperSlideOmoteText1 {
    font-size: 2.4285714286vw;
  }
}

.concept__swiperSlideOmoteText2 {
  font-size: min(3.2vw, 32px);
  line-height: 1.34;
  letter-spacing: 0.2em;
  font-family: var(--f-en);
  margin-top: min(1.5vw, 15px);
}
@media screen and (max-width: 767px) {
  .concept__swiperSlideOmoteText2 {
    font-size: 4.7142857143vw;
    margin-top: 2.1428571429vw;
  }
}

.concept__swiperSlideOmoteText3 {
  font-size: min(1.3vw, 13px);
  line-height: 1.77;
  letter-spacing: 0.3em;
  margin-top: min(0.3vw, 3px);
}
@media screen and (max-width: 767px) {
  .concept__swiperSlideOmoteText3 {
    font-size: 2vw;
    margin-top: 0.4285714286vw;
  }
}

.concept__swiperSlideOmoteText4 {
  font-size: min(2.2vw, 22px);
  line-height: 1.5;
  letter-spacing: 0.3em;
  margin-top: min(3.5vw, 35px);
}
@media screen and (max-width: 767px) {
  .concept__swiperSlideOmoteText4 {
    font-size: 3.4285714286vw;
    margin-top: 5vw;
  }
}

.concept__swiperSlideOmoteText5 {
  font-size: min(1.6vw, 16px);
  line-height: 1.34;
  letter-spacing: 0.2em;
  font-family: var(--f-en);
  margin-top: min(4vw, 40px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .concept__swiperSlideOmoteText5 {
    font-size: 2.8571428571vw;
    margin-top: 3.5714285714vw;
  }
}

.concept__swiper .swiper-button-prev,
.concept__swiper .swiper-button-next {
  position: absolute;
  top: 50% !important;
  margin-top: min(7.5vw, 75px) !important;
  transform: translateY(-50%);
  width: min(3vw, 30px);
  height: min(3vw, 30px);
}
.concept__swiper .swiper-button-prev svg,
.concept__swiper .swiper-button-next svg {
  display: none;
}
@media screen and (max-width: 767px) {
  .concept__swiper .swiper-button-prev,
  .concept__swiper .swiper-button-next {
    margin-top: 2.8571428571vw !important;
    width: 4.2857142857vw;
    height: 4.2857142857vw;
  }
}
.concept__swiper .swiper-button-prev {
  left: 20% !important;
  transform: translateX(-130%);
}
@media screen and (max-width: 767px) {
  .concept__swiper .swiper-button-prev {
    left: 13% !important;
    transform: translateX(-130%);
  }
}
.concept__swiper .swiper-button-next {
  right: 20% !important;
  transform: translateX(130%);
}
@media screen and (max-width: 767px) {
  .concept__swiper .swiper-button-next {
    right: 13% !important;
    transform: translateX(130%);
  }
}

.modal__content .swiper-button-prev,
.modal__content .swiper-button-next {
  top: 50%;
  transform: translateY(-20%);
}
.modal__content .swiper-button-prev svg,
.modal__content .swiper-button-next svg {
  display: none;
}
.modal__content .swiper-button-prev::after,
.modal__content .swiper-button-next::after {
  width: 30px;
  height: 30px;
}
.modal__content .swiper-pagination-bullet {
  width: 10px;
  height: 3px;
  border-radius: 0;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}

.swiper-button-prev::after {
  background-image: url(../img/arrow.svg);
}

.swiper-button-next::after {
  background-image: url(../img/arrow.svg);
  transform: scale(-1, 1);
}

.swiper-slide img {
  height: auto;
  width: 100%;
}

.concept__listWrap {
  width: 100%;
  text-align: center;
  padding: min(9vw, 90px) 0;
  box-sizing: border-box;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .concept__listWrap {
    padding: 14.2857142857vw 5vw 0vw;
    margin-top: -0.7142857143vw;
  }
}

.concept__list {
  display: inline-block;
  padding-left: 1.2em;
  list-style: none;
  text-align: left;
}

.concept__item {
  font-size: min(1vw, 10px);
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-indent: -1.2em;
}
@media screen and (max-width: 767px) {
  .concept__item {
    font-size: 1.8571428571vw;
  }
}

.gausInUp {
  opacity: 0;
  filter: blur(10px);
  transform: translateY(30px);
  will-change: opacity, filter, transform;
}
.gausInUp.on {
  animation: gausInUp 1s ease-out forwards;
}
.gausInUp.off {
  animation: gausOut 1s ease-out forwards;
}

.concept__top:has(.--opacity) .concept__topImgArea::after {
  background-color: rgba(0, 0, 0, 0);
}
.concept__top:has(.--opacity) .concept__topText {
  color: #231815;
}

@keyframes gausInUp {
  from {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}
@keyframes gausOut {
  from {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(-20px);
  }
}
/**************************\
  Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal__container {
  background-color: #fff;
  width: min(90.9vw, 909px);
  max-width: 90%;
  max-height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  padding: min(3.5vw, 35px) min(3vw, 30px);
}
@media screen and (max-width: 767px) {
  .modal__container {
    padding: 2.8571428571vw 2.8571428571vw;
  }
}

.modalCloseArea {
  display: flex;
  justify-content: flex-end;
}

.modal__header {
  text-align: center;
  box-sizing: border-box;
}

.modal__title {
  font-family: var(--f-en);
  font-size: min(2.1vw, 21px);
  line-height: 2;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .modal__title {
    font-size: 4vw;
  }
}

.modal__close {
  background: transparent;
  border: 0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .modal__close img {
    width: 10vw;
    height: auto;
  }
}

.modal__content {
  display: grid;
  grid-template-columns: 42% minmax(0, 1fr);
  gap: 4%;
  padding: min(4vw, 40px) min(7.2vw, 72px);
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .modal__content {
    grid-template-columns: 100%;
    gap: 0;
    padding: 2.8571428571vw 2.8571428571vw;
  }
}

@media screen and (max-width: 767px) {
  .modal__contentImgArea {
    width: 100%;
    margin-top: 2.8571428571vw;
  }
  .modal__contentImgArea img {
    width: 100%;
    height: auto;
  }
}

.modal__contentTextArea {
  margin-top: min(2vw, 20px);
}
@media screen and (max-width: 767px) {
  .modal__contentTextArea {
    margin-top: 2.8571428571vw;
  }
}

.modal__contentTextAreaTitleSup {
  font-family: var(--f-ja);
  font-size: min(1.2vw, 12px);
  line-height: 1.8;
  letter-spacing: 0.2em;
  margin-bottom: min(1vw, 10px);
}
@media screen and (max-width: 767px) {
  .modal__contentTextAreaTitleSup {
    font-size: 2.7142857143vw;
    margin-bottom: 1.4285714286vw;
  }
}

.modal__contentTextAreaTitle {
  font-family: "minerva-modern", "source-han-serif-jp-subset", sans-serif;
  font-size: min(2vw, 20px);
  line-height: 1.34;
  letter-spacing: 0.3em;
  margin-bottom: min(1vw, 10px);
  padding-bottom: min(0.7vw, 7px);
  border-bottom: 1px solid #231815;
}
@media screen and (max-width: 767px) {
  .modal__contentTextAreaTitle {
    font-size: 3.7142857143vw;
    margin-bottom: 1.4285714286vw;
    padding-bottom: 1vw;
  }
}
.modal__contentTextAreaTitle span {
  font-size: min(1.4vw, 14px);
  font-family: var(--f-ja);
}
@media screen and (max-width: 767px) {
  .modal__contentTextAreaTitle span {
    font-size: 2.5714285714vw;
  }
}

.modal__contentTextAreaText {
  font-family: var(--f-ja);
  font-size: min(1.2vw, 12px);
  line-height: 1.75;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .modal__contentTextAreaText {
    font-size: 2.2857142857vw;
  }
}

.modal__contentSwiper {
  padding-bottom: 20px;
  --swiper-pagination-bottom: 0;
  --swiper-pagination-color: #43535b;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

html,
body {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .header {
    max-width: 100vw;
  }
}

.pin-spacer {
  width: 100% !important;
  max-width: 100vw !important;
}/*# sourceMappingURL=concept.css.map */