@charset "UTF-8";
#hdrSct div.logoArea {
  display: none;
}
.clr-wh {
  --ttl-color: #fff;
}

.clr-bk {
  --ttl-color: #111;
}
.mainArea {
  width: 100%;
  height: 100dvh;
  /* position: fixed; */
  left: 0;
  top: 0;
  z-index: -1;
}
.mainArea .bgObj::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /* backdrop-filter: blur(20px); */
  top: 0;
  z-index: 15;
  pointer-events: none;
  left: 0;
  opacity: 0;
  transition: 0.4s ease;
}
.js-posScrolled .mainArea .bgObj::before {
  opacity: 1;
  transition: 0.4s ease;
  z-index: 10;
}

.mainArea .txtGlp {
  position: absolute;
  z-index: 10;
  width: 15.4em;
  left: 5%;
  bottom: 10vh;
  text-align: left;
  padding: 2%;
}
.mainArea .txtGlp .ttlObj {
}
.mainArea .txtGlp .txtObj {
  margin: 9% auto 0;
  text-align: justify;
}

.mainArea .bgObj {
  width: 100%;
  height: 100%;
  top: 0;
  width: 100%;
  position: fixed;
  z-index: -1;
}
.mainArea .bgObj video,
.mainArea .bgObj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
  .mainArea {
  }
  .mainArea .txtGlp {
  }
  .mainArea .txtGlp .ttlObj {
  }
  .mainArea .txtGlp .txtObj {
  }

  .mainArea .bgObj {
  }
  .mainArea .bgObj img {
  }
}
@media screen and (min-width: 1281px) {
}

/*====================================
cntsArea
====================================*/
.cntsArea {
  margin-top: 100lvh;
  /* margin-bottom: 100lvh; */
  padding: 0vh 0 0;
  /* border-top: 1px solid #fff; */
  /* margin: 0; */
  position: relative;
}
.cntsArea::after {
}
.cntsArea::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  /* background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(180, 180, 180, 0.35) 95%); */
}
.cntsArea .ttlBlk {
  /* height: 100vh; */
  width: 40%;
  position: fixed;
  top: 50vh;
  margin: 0 0 0 5%;
  z-index: 10;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  transition: 1s ease;
  opacity: 0;
}
.cntsArea .ttlBlk.is-fixed {
  opacity: 1;
  transition: 1s ease;
}
.cntsArea .ttlBlk .logo {
  width: min(15vw, 300px);
}
.cntsArea .ttlBlk .logo svg {
  fill: var(--ttl-color);
  transition: fill 0.35s ease;
}

.cntsArea .ttlSet {
  position: relative;
  overflow: hidden;
  height: 1.2em;
  width: 30%;
  margin: -2em 0 0 1em;
}

.cntsArea .ttlObj {
  position: absolute;
  inset: 0;
  margin: 0;
  display: flex;
  align-items: center;
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  color: var(--ttl-color);
  transition: color 0.35s ease;
}

.cntsArea .ttlObj span {
  display: block;
}

.cntsArea .ttlObj.is-current {
  transform: translateY(0);
  opacity: 1;
}
.cntsArea .ttlObj.is-current::before {
  content: "(";
}
.cntsArea .ttlObj.is-current::after {
  content: ")";
}

.cntsArea .bgObj {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.6s ease; /* 既存のクロスフェードはそのまま */
}
.cntsArea .bgObj.is-active {
  opacity: 1;
}

/* ブラー用の疑似要素：画像そのものではなく上に重ねたレイヤーだけをぼかす */
.cntsArea .bgObj::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}

/* 切り替わりの瞬間だけ発火するブラーパルス */
@keyframes bgBlurPulse {
  0% {
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
  }
  45% {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  100% {
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
  }
}

.bgObj.is-switching::after {
  animation: bgBlurPulse 0.7s ease;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
}
@media screen and (min-width: 1281px) {
}

/*====================================
aboutArea
====================================*/
.aboutArea {
  width: 56%;
  margin: 0 0 0 auto;
  padding: 20vh 5% 50vh 0;
  height: 50vh;
}
.aboutArea .txtGlp {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5%;
  z-index: 5;
  position: relative;
}
.aboutArea .txtGlp .txtSet {
  width: 47.5%;
  position: relative;
  text-align: left;
  padding: 5%;
}
.aboutArea .txtGlp .txtSet + .txtSet {
}
.aboutArea .txtGlp .txtSet .sTtlObj {
}
.aboutArea .txtGlp .txtSet .txtObj {
  margin: 3em 0 0;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
}
@media screen and (min-width: 1281px) {
}

/*====================================
brandArea
====================================*/
.brandArea {
  /* position: sticky; */
  /* top: 0; */
  margin: 10vh 0 0;
  padding: 100vh 0 0;
  /* min-height: 120vh; */
}
.brandArea .cntsWrap {
  position: relative;
  margin: 0 0 0;
  z-index: 10;
  padding: 0 0 20%;
  /* min-height: 200vh; */
}
.brandArea .txtBlk {
  width: 53%;
  margin: 0 2.5% 0 auto;
  text-align: left;
  position: relative;
  padding: 5% 2.5%;
}
.brandArea .txtGlp {
  width: 100%;
  margin: 0;
  text-align: left;
  display: flex;
  gap: 30px;
}
.brandArea .txtGlp .txtSet {
}
.brandArea .txtGlp .txtSet + .txtSet {
}
.brandArea .txtGlp .txtSet .sTtlObj {
}
.brandArea .txtGlp .txtSet .txtObj {
  margin: 4em 0 0;
}

.brandArea .modelList {
  display: flex;
  gap: 5%;
  width: 60%;
  margin: 12% auto 0 31%;
}
.brandArea .modelList .modelSet {
  text-align: left;
  width: 40%;
  transition: 0.2s ease;
}
.brandArea .modelList .modelSet .imgObj {
  overflow: hidden;
  border-radius: 30px;
}
.brandArea .modelList .modelSet .name {
  margin: 1.5em 0 0;
}
.brandArea .modelList .modelSet .links {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 0.5em 0 0;
}
.brandArea .modelList .modelSet .links .link {
}
.brandArea .modelList .modelSet .links .link + .link {
  margin: 0 0 0 0.5em;
}
.brandArea .modelList .modelSet .links .link + .link::before {
  content: "";
}

.brandArea .bgObj::before {
  content: "";
  transition: 0.8s ease;
  backdrop-filter: blur(10px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: 0.2s ease;
}
.brandArea .bgObj.is-active::before {
  opacity: 0;
  transition: 0.2s ease;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
  .brandArea {
  }
  .brandArea .txtGlp {
  }
  .brandArea .txtGlp .txtSet {
  }
  .brandArea .txtGlp .txtSet + .txtSet {
  }
  .brandArea .txtGlp .txtSet .sTtlObj {
  }
  .brandArea .txtGlp .txtSet .txtObj {
  }

  .brandArea .modelList {
  }
  .brandArea .modelList .modelSet {
  }
  .brandArea .modelList .modelSet .imgObj {
  }
  .brandArea .modelList .modelSet .name {
  }
  .brandArea .modelList .modelSet .links {
  }
  .brandArea .modelList .modelSet .links .link {
  }
  .brandArea .modelList .modelSet .links .link + .link {
  }
  .brandArea .modelList .modelSet .links .link + .link::before {
    content: "/.";
    padding: 0 0.25em 0 0;
  }
  .brandArea .bgObj {
  }
}
@media screen and (min-width: 1281px) {
}

/*====================================
beautyArea
====================================*/
.beautyArea {
  top: 0;
  padding: 80vh 0 0;
  min-height: 120vh;
}
.beautyArea .cntsWrap {
  position: relative;
  z-index: 10;
  padding: 0 0 20%;
  display: flex;
  flex-flow: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
}
.beautyArea .txtBlk {
  width: 29%;
  margin: 0 2.5% 0 0;
  text-align: left;
  position: relative;
  padding: 5% 2.5%;
}
.beautyArea .txtGlp {
  width: 100%;
  margin: 0;
  text-align: left;
  display: flex;
  gap: 30px;
  flex-flow: column;
}
.beautyArea .txtGlp .txtSet {
  color: #fff;
}
.beautyArea .txtGlp .txtSet + .txtSet {
}
.beautyArea .txtGlp .txtSet .sTtlObj {
}
.beautyArea .txtGlp .txtSet .txtObj {
  margin: 4em 0 0;
}

.beautyArea .articleLists {
  display: flex;
  gap: 5%;
  margin: 10% 5% 0 auto;
  flex-flow: column;
  width: 22%;
  row-gap: 50px;
}
.beautyArea .articleLists .articleSet {
  text-align: left;
  width: 100%;
  position: relative;
}
.beautyArea .articleLists .articleSet .imgObj {
  overflow: hidden;
  border-radius: 30px;
}
.beautyArea .articleLists .articleSet .name {
  margin: 1.5em 0 0;
  color: #fff;
}
.beautyArea .articleLists .articleSet a {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 0.5em 0 0;
  color: #fff;
}
.beautyArea .articleLists .articleSet .links .link {
}
.beautyArea .articleLists .articleSet .links .link + .link {
  margin: 0 0 0 0.5em;
}
.beautyArea .articleLists .articleSet .links .link + .link::before {
  content: "";
}
/* .beautyArea .bgObj {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 0;
} */
.beautyArea .bgObj::before {
  content: "";
  transition: 0.8s ease;
  backdrop-filter: blur(0px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.beautyArea:hover .bgObj::before {
  transition: 0.8s ease;
  backdrop-filter: blur(20px);
}
@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
  .beautyArea {
  }
  .beautyArea .txtGlp {
  }
  .beautyArea .txtGlp .txtSet {
  }
  .beautyArea .txtGlp .txtSet + .txtSet {
  }
  .beautyArea .txtGlp .txtSet .sTtlObj {
  }
  .beautyArea .txtGlp .txtSet .txtObj {
  }

  .beautyArea .articleLists {
  }
  .beautyArea .articleLists .articleSet {
  }
  .beautyArea .articleLists .articleSet .imgObj {
  }
  .beautyArea .articleLists .articleSet .name {
  }
  .beautyArea .articleLists .articleSet .links {
  }
  .beautyArea .articleLists .articleSet .links .link {
  }
  .beautyArea .articleLists .articleSet .links .link + .link {
  }
  .beautyArea .articleLists .articleSet .links .link + .link::before {
    content: "/.";
    padding: 0 0.25em 0 0;
  }
  .beautyArea .bgObj {
  }
}
@media screen and (min-width: 1281px) {
}

/*====================================
creatorArea
====================================*/
.creatorArea {
  /* position: sticky; */
  /* top: 0; */
  margin: 10vh 0 0;
  padding: 100vh 0 0;
  /* min-height: 120vh; */
}
.creatorArea .cntsWrap {
  position: relative;
  margin: 0 0 0;
  z-index: 10;
  padding: 0 0 20%;
  /* min-height: 200vh; */
}
.creatorArea .modelList {
  display: flex;
  gap: 70px 5%;
  width: 60%;
  margin: 12% 0 0 31%;
  flex-flow: wrap;
  justify-content: flex-end;
}
.creatorArea .modelList .modelSet {
  text-align: left;
  width: 40%;
  transition: 0.2s ease;
}
.creatorArea .modelList .modelSet .imgObj {
  overflow: hidden;
  border-radius: 30px;
}
.creatorArea .modelList .modelSet .name {
  margin: 1.5em 0 0;
}
.creatorArea .modelList .modelSet .links {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 0.5em 0 0;
}
.creatorArea .modelList .modelSet .links .link {
}
.creatorArea .modelList .modelSet .links .link + .link {
  margin: 0 0 0 0.5em;
}
.creatorArea .modelList .modelSet .links .link + .link::before {
  content: "";
}

.creatorArea .bgObj::before {
  content: "";
  transition: 0.8s ease;
  backdrop-filter: blur(10px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: 0.2s ease;
}
.creatorArea .bgObj.is-active::before {
  opacity: 0;
  transition: 0.2s ease;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
  .creatorArea {
  }
  .creatorArea .txtGlp {
  }
  .creatorArea .txtGlp .txtSet {
  }
  .creatorArea .txtGlp .txtSet + .txtSet {
  }
  .creatorArea .txtGlp .txtSet .sTtlObj {
  }
  .creatorArea .txtGlp .txtSet .txtObj {
  }

  .creatorArea .modelList {
  }
  .creatorArea .modelList .modelSet {
  }
  .creatorArea .modelList .modelSet .imgObj {
  }
  .creatorArea .modelList .modelSet .name {
  }
  .creatorArea .modelList .modelSet .links {
  }
  .creatorArea .modelList .modelSet .links .link {
  }
  .creatorArea .modelList .modelSet .links .link + .link {
  }
  .creatorArea .modelList .modelSet .links .link + .link::before {
    content: "/.";
    padding: 0 0.25em 0 0;
  }
  .creatorArea .bgObj {
  }
}
@media screen and (min-width: 1281px) {
}
/*====================================
officeArea
====================================*/
.officeArea {
  /* position: sticky; */
  /* top: 0; */
  margin: 10vh 0 0;
  padding: 100vh 0 0;
  /* min-height: 120vh; */
}
.officeArea .cntsWrap {
  position: relative;
  margin: 0 0 0;
  z-index: 10;
  padding: 0 0 20%;
  /* min-height: 200vh; */
}
.officeArea .txtBlk {
  width: 53%;
  margin: 0 2.5% 0 auto;
  text-align: left;
  position: relative;
  padding: 5% 2.5%;
}
.officeArea .txtGlp {
  width: 100%;
  margin: 0;
  text-align: left;
  display: flex;
  gap: 30px;
}
.officeArea .txtGlp .txtSet {
}
.officeArea .txtGlp .txtSet + .txtSet {
}
.officeArea .txtGlp .txtSet .sTtlObj {
}
.officeArea .txtGlp .txtSet .txtObj {
  margin: 4em 0 0;
}

.officeArea .bgObj::before {
  content: "";
  transition: 0.8s ease;
  backdrop-filter: blur(10px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: 0.2s ease;
}
.officeArea .bgObj.is-active::before {
  opacity: 0;
  transition: 0.2s ease;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
  .officeArea {
  }
  .officeArea .txtGlp {
  }
  .officeArea .txtGlp .txtSet {
  }
  .officeArea .txtGlp .txtSet + .txtSet {
  }
  .officeArea .txtGlp .txtSet .sTtlObj {
  }
  .officeArea .txtGlp .txtSet .txtObj {
  }

  .officeArea .modelList {
  }
  .officeArea .modelList .modelSet {
  }
  .officeArea .modelList .modelSet .imgObj {
  }
  .officeArea .modelList .modelSet .name {
  }
  .officeArea .modelList .modelSet .links {
  }
  .officeArea .modelList .modelSet .links .link {
  }
  .officeArea .modelList .modelSet .links .link + .link {
  }
  .officeArea .modelList .modelSet .links .link + .link::before {
    content: "/.";
    padding: 0 0.25em 0 0;
  }
  .officeArea .bgObj {
  }
}
@media screen and (min-width: 1281px) {
}

/*====================================
journalArea
====================================*/
.journalArea {
  /* position: sticky; */
  /* top: 0; */
  margin: 10vh 0 0;
  padding: 100vh 0 0;
  /* min-height: 120vh; */
}
.journalArea .cntsWrap {
  position: relative;
  margin: 0 0 0;
  z-index: 10;
  padding: 0 0 20%;
  /* min-height: 200vh; */
}
.journalArea .txtBlk {
  width: 53%;
  margin: 0 2.5% 0 auto;
  text-align: left;
  position: relative;
  padding: 5% 2.5%;
}
.journalArea .txtGlp {
  width: 100%;
  margin: 0;
  text-align: left;
  display: flex;
  gap: 30px;
}
.journalArea .txtGlp .txtSet {
}
.journalArea .txtGlp .txtSet + .txtSet {
}
.journalArea .txtGlp .txtSet .sTtlObj {
}
.journalArea .txtGlp .txtSet .txtObj {
  margin: 4em 0 0;
}

.journalArea .modelList {
  display: flex;
  gap: 5%;
  width: 60%;
  margin: 12% auto 0 31%;
}
.journalArea .modelList .modelSet {
  text-align: left;
  width: 40%;
  transition: 0.2s ease;
}
.journalArea .modelList .modelSet .imgObj {
  overflow: hidden;
  border-radius: 30px;
}
.journalArea .modelList .modelSet .name {
  margin: 1.5em 0 0;
}
.journalArea .modelList .modelSet .links {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 0.5em 0 0;
}
.journalArea .modelList .modelSet .links .link {
}
.journalArea .modelList .modelSet .links .link + .link {
  margin: 0 0 0 0.5em;
}
.journalArea .modelList .modelSet .links .link + .link::before {
  content: "";
}

.journalArea .bgObj::before {
  content: "";
  transition: 0.8s ease;
  backdrop-filter: blur(10px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: 0.2s ease;
}
.journalArea .bgObj.is-active::before {
  opacity: 0;
  transition: 0.2s ease;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
  .journalArea {
  }
  .journalArea .txtGlp {
  }
  .journalArea .txtGlp .txtSet {
  }
  .journalArea .txtGlp .txtSet + .txtSet {
  }
  .journalArea .txtGlp .txtSet .sTtlObj {
  }
  .journalArea .txtGlp .txtSet .txtObj {
  }

  .journalArea .modelList {
  }
  .journalArea .modelList .modelSet {
  }
  .journalArea .modelList .modelSet .imgObj {
  }
  .journalArea .modelList .modelSet .name {
  }
  .journalArea .modelList .modelSet .links {
  }
  .journalArea .modelList .modelSet .links .link {
  }
  .journalArea .modelList .modelSet .links .link + .link {
  }
  .journalArea .modelList .modelSet .links .link + .link::before {
    content: "/.";
    padding: 0 0.25em 0 0;
  }
  .journalArea .bgObj {
  }
}
@media screen and (min-width: 1281px) {
}
/*====================================
cafeArea
====================================*/
.cafeArea {
  /* position: sticky; */
  /* top: 0; */
  margin: 10vh 0 0;
  padding: 100vh 0 0;
  /* min-height: 120vh; */
}
.cafeArea .cntsWrap {
  position: relative;
  margin: 0 0 0;
  z-index: 10;
  padding: 0 0 20%;
  /* min-height: 200vh; */
}
.cafeArea .txtBlk {
  width: 53%;
  margin: 0 2.5% 0 auto;
  text-align: left;
  position: relative;
  padding: 5% 2.5%;
}
.cafeArea .txtGlp {
  width: 100%;
  margin: 0;
  text-align: left;
  display: flex;
  gap: 30px;
}
.cafeArea .txtGlp .txtSet {
}
.cafeArea .txtGlp .txtSet + .txtSet {
}
.cafeArea .txtGlp .txtSet .sTtlObj {
}
.cafeArea .txtGlp .txtSet .txtObj {
  margin: 4em 0 0;
}

.cafeArea .modelList {
  display: flex;
  gap: 5%;
  width: 60%;
  margin: 12% auto 0 31%;
}
.cafeArea .modelList .modelSet {
  text-align: left;
  width: 40%;
  transition: 0.2s ease;
}
.cafeArea .modelList .modelSet .imgObj {
  overflow: hidden;
  border-radius: 30px;
}
.cafeArea .modelList .modelSet .name {
  margin: 1.5em 0 0;
}
.cafeArea .modelList .modelSet .links {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 0.5em 0 0;
}
.cafeArea .modelList .modelSet .links .link {
}
.cafeArea .modelList .modelSet .links .link + .link {
  margin: 0 0 0 0.5em;
}
.cafeArea .modelList .modelSet .links .link + .link::before {
  content: "";
}

.cafeArea .bgObj::before {
  content: "";
  transition: 0.8s ease;
  backdrop-filter: blur(10px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: 0.2s ease;
}
.cafeArea .bgObj.is-active::before {
  opacity: 0;
  transition: 0.2s ease;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
  .cafeArea {
  }
  .cafeArea .txtGlp {
  }
  .cafeArea .txtGlp .txtSet {
  }
  .cafeArea .txtGlp .txtSet + .txtSet {
  }
  .cafeArea .txtGlp .txtSet .sTtlObj {
  }
  .cafeArea .txtGlp .txtSet .txtObj {
  }

  .cafeArea .modelList {
  }
  .cafeArea .modelList .modelSet {
  }
  .cafeArea .modelList .modelSet .imgObj {
  }
  .cafeArea .modelList .modelSet .name {
  }
  .cafeArea .modelList .modelSet .links {
  }
  .cafeArea .modelList .modelSet .links .link {
  }
  .cafeArea .modelList .modelSet .links .link + .link {
  }
  .cafeArea .modelList .modelSet .links .link + .link::before {
    content: "/.";
    padding: 0 0.25em 0 0;
  }
  .cafeArea .bgObj {
  }
}
@media screen and (min-width: 1281px) {
}

/*====================================
allianceArea
====================================*/
.allianceArea {
  /* position: sticky; */
  /* top: 0; */
  margin: 10vh 0 0;
  padding: 100vh 0 0;
  /* min-height: 120vh; */
}
.allianceArea .cntsWrap {
  position: relative;
  margin: 0 0 0;
  z-index: 10;
  padding: 0 0 20%;
  /* min-height: 200vh; */
}
.allianceArea .txtBlk {
  width: 53%;
  margin: 0 2.5% 0 auto;
  text-align: left;
  position: relative;
  padding: 5% 2.5%;
}
.allianceArea .txtGlp {
  width: 100%;
  margin: 0;
  text-align: left;
  display: flex;
  gap: 30px;
}
.allianceArea .txtGlp .txtSet {
}
.allianceArea .txtGlp .txtSet + .txtSet {
}
.allianceArea .txtGlp .txtSet .sTtlObj {
}
.allianceArea .txtGlp .txtSet .txtObj {
  margin: 4em 0 0;
}

.allianceArea .modelList {
  display: flex;
  gap: 5%;
  width: 60%;
  margin: 12% auto 0 31%;
}
.allianceArea .modelList .modelSet {
  text-align: left;
  width: 40%;
  transition: 0.2s ease;
}
.allianceArea .modelList .modelSet .imgObj {
  overflow: hidden;
  border-radius: 30px;
}
.allianceArea .modelList .modelSet .name {
  margin: 1.5em 0 0;
}
.allianceArea .modelList .modelSet .links {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 0.5em 0 0;
}
.allianceArea .modelList .modelSet .links .link {
}
.allianceArea .modelList .modelSet .links .link + .link {
  margin: 0 0 0 0.5em;
}
.allianceArea .modelList .modelSet .links .link + .link::before {
  content: "";
}

.allianceArea .bgObj::before {
  content: "";
  transition: 0.8s ease;
  backdrop-filter: blur(10px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: 0.2s ease;
}
.allianceArea .bgObj.is-active::before {
  opacity: 0;
  transition: 0.2s ease;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
  .allianceArea {
  }
  .allianceArea .txtGlp {
  }
  .allianceArea .txtGlp .txtSet {
  }
  .allianceArea .txtGlp .txtSet + .txtSet {
  }
  .allianceArea .txtGlp .txtSet .sTtlObj {
  }
  .allianceArea .txtGlp .txtSet .txtObj {
  }

  .allianceArea .modelList {
  }
  .allianceArea .modelList .modelSet {
  }
  .allianceArea .modelList .modelSet .imgObj {
  }
  .allianceArea .modelList .modelSet .name {
  }
  .allianceArea .modelList .modelSet .links {
  }
  .allianceArea .modelList .modelSet .links .link {
  }
  .allianceArea .modelList .modelSet .links .link + .link {
  }
  .allianceArea .modelList .modelSet .links .link + .link::before {
    content: "/.";
    padding: 0 0.25em 0 0;
  }
  .allianceArea .bgObj {
  }
}
@media screen and (min-width: 1281px) {
}
/*====================================
newsArea
====================================*/
.newsArea {
  /* position: sticky; */
  /* top: 0; */
  margin: 10vh 0 0;
  padding: 100vh 0 0;
  /* min-height: 120vh; */
}
.newsArea .cntsWrap {
  position: relative;
  margin: 0 0 0;
  z-index: 10;
  padding: 0 0 20%;
  /* min-height: 200vh; */
}
.newsArea .txtBlk {
  width: 53%;
  margin: 0 2.5% 0 auto;
  text-align: left;
  position: relative;
  padding: 5% 2.5%;
}
.newsArea .txtGlp {
  width: 100%;
  margin: 0;
  text-align: left;
  display: flex;
  gap: 30px;
}
.newsArea .txtGlp .txtSet {
}
.newsArea .txtGlp .txtSet + .txtSet {
}
.newsArea .txtGlp .txtSet .sTtlObj {
}
.newsArea .txtGlp .txtSet .txtObj {
  margin: 4em 0 0;
}

.newsArea .articleLists {
  display: flex;
  gap: 5%;
  row-gap: 60px;
  width: 60%;
  margin: 12% auto 0 31%;
  flex-flow: wrap;
}
.newsArea .articleLists .articleSet {
  text-align: left;
  width: 30%;
  transition: 0.2s ease;
}
.newsArea .articleLists .articleSet .imgObj {
  overflow: hidden;
  border-radius: 30px;
}
.newsArea .articleLists .articleSet .name {
  margin: 1.5em 0 0;
}
.newsArea .articleLists .articleSet .links {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 0.5em 0 0;
}
.newsArea .articleLists .articleSet .links .link {
}
.newsArea .articleLists .articleSet .links .link + .link {
  margin: 0 0 0 0.5em;
}
.newsArea .articleLists .articleSet .links .link + .link::before {
  content: "";
}

.newsArea .bgObj::before {
  content: "";
  transition: 0.8s ease;
  backdrop-filter: blur(10px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: 0.2s ease;
}
.newsArea .bgObj.is-active::before {
  opacity: 0;
  transition: 0.2s ease;
}

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
  .newsArea {
  }
  .newsArea .txtGlp {
  }
  .newsArea .txtGlp .txtSet {
  }
  .newsArea .txtGlp .txtSet + .txtSet {
  }
  .newsArea .txtGlp .txtSet .sTtlObj {
  }
  .newsArea .txtGlp .txtSet .txtObj {
  }

  .newsArea .articleLists {
  }
  .newsArea .articleLists .articleSet {
  }
  .newsArea .articleLists .articleSet .imgObj {
  }
  .newsArea .articleLists .articleSet .name {
  }
  .newsArea .articleLists .articleSet .links {
  }
  .newsArea .articleLists .articleSet .links .link {
  }
  .newsArea .articleLists .articleSet .links .link + .link {
  }
  .newsArea .articleLists .articleSet .links .link + .link::before {
    content: "/.";
    padding: 0 0.25em 0 0;
  }
  .newsArea .bgObj {
  }
}
@media screen and (min-width: 1281px) {
}
/*====================================

====================================*/
@media screen and (min-width: 769px) {
}
@media screen and (min-width: 961px) {
}
@media screen and (min-width: 1281px) {
}

.js-bgFxd {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 100lvh;
}
.js-bgFxd .bgObj {
  position: fixed; /* 常に画面に固定し、is-active切り替え時にクロスフェードさせる */
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  will-change: opacity;
}
.js-bgFxd .bgObj.is-active {
  opacity: 1;
}
.js-bgFxd .bgObj picture {
  display: block;
  width: 100%;
  height: 100%;
}
.js-bgFxd .bgObj picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.12) translateY(0);
  will-change: transform;
}
.js-bgFxd .cntsWrap {
  position: relative;
  z-index: 10;
}

/*====================================
sectionNav（右側の現在位置ナビゲーション）
====================================*/
.sectionNav {
  position: fixed;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1010;
  display: flex;
  flex-flow: column;
  align-items: center;
  transition: filter 0.3s ease;
}

.js-spMenuOn .sectionNav {
  filter: blur(4px);
  pointer-events: none;
}

.sectionNav-dots {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 20px 10px;
  list-style: none;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  border-radius: 999px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

.sectionNav-dot {
  position: relative;
}

.sectionNav-dotLink {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  transition:
    background 0.3s ease,
    transform 0.3s ease;
}

.sectionNav-dot.is-current .sectionNav-dotLink {
  background: #111;
  transform: scale(1.6);
}

.sectionNav-dotLink::after {
  content: attr(data-label);
  position: absolute;
  top: 50%;
  right: calc(100% + 14px);
  transform: translateY(-50%);
  padding: 0.35em 0.9em;
  font-size: 11px;
  letter-spacing: 0.1em;
  white-space: nowrap;
  color: #111;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.sectionNav-dotLink:hover::after,
.sectionNav-dotLink:focus-visible::after {
  opacity: 1;
  transform: translateY(-50%) translateX(-4px);
}

@media screen and (max-width: 768px) {
  .sectionNav {
    display: none;
  }
}