@charset "UTF-8";
/*

	sans
	weight
	900 black
	700 bold
	400 regular

Korolev Bold
font-family: korolev, sans-serif;
font-weight: 700;
font-style: normal;

Korolev Medium
font-family: korolev, sans-serif;
font-weight: 500;
font-style: normal;

Korolev Light
font-family: korolev, sans-serif;
font-weight: 300;
font-style: normal;

*/
/******************************************
*******************************************/
/***********
  サイズ変換
************/
/*********
ブレイクポイント
**********/
/*********
ホバー
**********/
#contents .lifeContents .kvSection header {
  transition: 2s 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  transform: scale(1.03);
}
@media (min-width: 769px) {
  #contents .lifeContents .kvSection header {
    transition: 2s 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: scale(1);
  }
}
#contents .lifeContents .kvSection .kvImgs {
  filter: brightness(1.2);
  transition: 1.8s 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#contents .lifeContents .kvSection .kvBuyBtn,
#contents .lifeContents .kvSection .kvDate {
  opacity: 0;
  transition: 1.8s 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 769px) {
  #contents .lifeContents .kvSection .kvBuyBtn,
  #contents .lifeContents .kvSection .kvDate {
    opacity: 0;
    transition: 1.8s 2.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
#contents .lifeContents .kvSection.OPend header {
  opacity: 1;
  filter: brightness(1) blur(0);
  transform: scale(1);
}
#contents .lifeContents .kvSection.OPend .kvImgs {
  filter: brightness(1);
}
#contents .lifeContents .kvSection.OPend .kvImgs img {
  transform: translate(0);
}
#contents .lifeContents .kvSection.OPend .kvBuyBtn,
#contents .lifeContents .kvSection.OPend .kvDate {
  opacity: 1;
}
#contents .lifeContents [data-fadeIn] {
  opacity: 0;
  filter: blur(3px);
}
@media (min-width: 769px) {
  #contents .lifeContents [data-pcFadeIn] {
    opacity: 0;
    filter: blur(3px);
  }
}
#contents .lifeContents [data-blurIn] {
  opacity: 0;
  transform: scale(0.9);
  filter: blur(3px);
}
@media (max-width: 768px) {
  #contents .lifeContents [data-spBlurIn] {
    opacity: 0;
    transform: scale(0.9);
    filter: blur(3px);
  }
}
#contents .lifeContents [data-slideIn] {
  opacity: 0;
  transform: scale(1) translate(0, 4vw);
  filter: blur(1px);
}
@media (min-width: 769px) {
  #contents .lifeContents [data-pcSlideIn] {
    opacity: 0;
    transform: scale(1) translate(0, clamp(30px, 1.563vw, 100vw));
    filter: blur(1px);
  }
}
#contents .lifeContents [data-titleIn] .titleIn {
  display: block;
  overflow: hidden;
  opacity: 0;
  filter: blur(3px);
}
#contents .lifeContents [data-titleIn] .titleIn .titleInText {
  transform: translate(0, 80%);
  position: relative;
  filter: brightness(0.5);
}
@media (min-width: 769px) {
  #contents .lifeContents [data-pcTitleIn] .titleIn {
    display: block;
    overflow: hidden;
    opacity: 0;
    filter: blur(3px);
  }
  #contents .lifeContents [data-pcTitleIn] .titleIn .titleInText {
    transform: translate(0, 80%);
    position: relative;
    filter: brightness(0.5);
  }
}
@media (min-width: 769px) {
  #contents .lifeContents .movieArchiveItem {
    opacity: 0;
    transform: scale(1) translate(0, clamp(30px, 1.563vw, 100vw));
    filter: brightness(1.2);
  }
}
#contents .lifeContents .aboutCopy {
  opacity: 0;
  transform: scale(1);
  filter: blur(1px);
}
#contents .lifeContents .aboutLayout .aboutText {
  display: inline-block;
  opacity: 0;
  transform: translate(0) scale(1);
  filter: blur(1px);
}
#contents .lifeContents .aboutLayout i span {
  -webkit-mask-image: url("/dearme/en/assets/img/mask/04.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 0% 0%;
  -webkit-mask-position: center center;
  mask-image: url("/dearme/en/assets/img/mask/04.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 0% 0%;
  mask-position: center center;
  background-repeat: no-repeat;
}
#contents .lifeContents .aboutLayout i span img, #contents .lifeContents .aboutLayout i span video {
  transform: scale(1.12);
}
#contents .lifeContents .storyCopy li {
  filter: drop-shadow(0 0 0.391vw #fff);
}
#contents .lifeContents .storyCopy li img {
  opacity: 0;
  transform: translate(0) scale(1);
}
#contents .lifeContents .specMovieWrap {
  -webkit-mask-image: url("/dearme/en/assets/img/mask/04.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 0% 0%;
  -webkit-mask-position: center center;
  mask-image: url("/dearme/en/assets/img/mask/04.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 0% 0%;
  mask-position: center center;
  background-repeat: no-repeat;
}
#contents .lifeContents .specMovieWrap img, #contents .lifeContents .specMovieWrap video {
  transform: scale(1.12);
}
#contents .lifeContents .storyContents_item .storyContents_touch {
  opacity: 0;
}
#contents .lifeContents .storyContents_item .storyContents_touch i {
  transform: scale(1.2);
}
#contents .lifeContents .storyContents_item .storyContents_img {
  opacity: 0;
  transform: scale(1) translate(0);
  filter: blur(1px);
  -webkit-mask-image: url("/dearme/en/assets/img/mask/04.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 0% 0%;
  -webkit-mask-position: center center;
  mask-image: url("/dearme/en/assets/img/mask/04.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 0% 0%;
  mask-position: center center;
  background-repeat: no-repeat;
  transform: scale(1);
}
#contents .lifeContents .storyContents_item .storyContents_text {
  opacity: 0;
  transform: scale(1) translate(-2vw, 0);
  filter: blur(1px);
}

.windowloaded #contents .lifeContents [data-fadeIn].animated,
.windowloaded #contents .lifeContents [data-blurIn].animated {
  opacity: 1;
  transform: translate(0);
  filter: blur(0);
  transition: 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1), filter 1.11s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 769px) {
  .windowloaded #contents .lifeContents [data-pcFadeIn].animated {
    opacity: 1;
    transform: translate(0);
    filter: blur(0);
    transition: 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1), filter 1.11s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media (max-width: 768px) {
  .windowloaded #contents .lifeContents [data-spBlurIn].animated {
    opacity: 1;
    transform: translate(0);
    filter: blur(0);
    transition: 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1), filter 1.11s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.windowloaded #contents .lifeContents [data-slideIn].animated {
  opacity: 1;
  transform: translate(0);
  filter: blur(0);
  transition: 1.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 769px) {
  .windowloaded #contents .lifeContents [data-pcSlideIn].animated {
    opacity: 1;
    transform: translate(0);
    filter: blur(0);
    transition: 1.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.windowloaded #contents .lifeContents [data-titleIn].animated .titleIn {
  opacity: 1;
  filter: blur(0);
  transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.windowloaded #contents .lifeContents [data-titleIn].animated .titleIn .titleInText {
  transform: translate(0, 0%);
  transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1);
  filter: brightness(1);
}
@media (min-width: 769px) {
  .windowloaded #contents .lifeContents [data-pcTitleIn].animated .titleIn {
    opacity: 1;
    filter: blur(0);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .windowloaded #contents .lifeContents [data-pcTitleIn].animated .titleIn .titleInText {
    transform: translate(0, 0%);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1);
    filter: brightness(1);
  }
}
@media (min-width: 769px) {
  .windowloaded #contents .lifeContents .movieSection h2.animated ~ .movieArchive .movieArchiveItem {
    opacity: 1;
    transform: scale(1) translate(0);
    filter: brightness(1);
    transition: 1.5s 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
.windowloaded #contents .lifeContents .aboutTitle.animated + .aboutCopy {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
  transition: 2s 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 768px) {
  .windowloaded #contents .lifeContents .aboutLayout.animated .aboutText {
    opacity: 1;
    transform: translate(0);
    transition: 1.5s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: blur(0);
  }
  .windowloaded #contents .lifeContents .aboutLayout i.animated span {
    opacity: 1;
    -webkit-mask-size: 150% 150%;
            mask-size: 150% 150%;
    filter: blur(0);
    transition: 2.4s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .windowloaded #contents .lifeContents .aboutLayout i.animated span img, .windowloaded #contents .lifeContents .aboutLayout i.animated span video {
    transform: scale(1);
    transition: transform 1.2s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 1.2s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media (min-width: 769px) {
  .windowloaded #contents .lifeContents .aboutHeaderWrap.animated ~ .aboutLayout i span {
    opacity: 1;
    -webkit-mask-size: 150% 150%;
            mask-size: 150% 150%;
    transition: 2.4s 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    filter: blur(0);
  }
  .windowloaded #contents .lifeContents .aboutHeaderWrap.animated ~ .aboutLayout i span img, .windowloaded #contents .lifeContents .aboutHeaderWrap.animated ~ .aboutLayout i span video {
    transform: scale(1);
    transition: 1.2s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .windowloaded #contents .lifeContents .aboutHeaderWrap.animated ~ .aboutLayout .aboutText {
    opacity: 1;
    transform: translate(0);
    transition: 1.5s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: blur(0);
  }
}
.windowloaded #contents .lifeContents .specMovieWrap.animated,
.windowloaded #contents .lifeContents .aboutAfterImg.animated span {
  opacity: 1;
  -webkit-mask-size: 150% 150%;
          mask-size: 150% 150%;
  transition: 2.4s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.windowloaded #contents .lifeContents .specMovieWrap.animated img, .windowloaded #contents .lifeContents .specMovieWrap.animated video,
.windowloaded #contents .lifeContents .aboutAfterImg.animated span img,
.windowloaded #contents .lifeContents .aboutAfterImg.animated span video {
  transform: scale(1);
  transition: transform 1.2s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 1.2s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1.2s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.windowloaded #contents .lifeContents .storyCopy.animated li:nth-child(1) {
  filter: drop-shadow(0 0 0 #fff);
  transition: 1.8s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.windowloaded #contents .lifeContents .storyCopy.animated li:nth-child(2) {
  filter: drop-shadow(0 0 0 #fff);
  transition: 1.8s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.windowloaded #contents .lifeContents .storyCopy.animated li:nth-child(3) {
  filter: drop-shadow(0 0 0 #fff);
  transition: 1.8s 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.windowloaded #contents .lifeContents .storyCopy.animated li:nth-child(1) img {
  opacity: 1;
  transform: translate(0);
  transition: 1.8s 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: blur(0);
}
.windowloaded #contents .lifeContents .storyCopy.animated li:nth-child(2) img {
  opacity: 1;
  transform: translate(0);
  transition: 1.8s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: blur(0);
}
.windowloaded #contents .lifeContents .storyCopy.animated li:nth-child(3) img {
  opacity: 1;
  transform: translate(0);
  transition: 1.8s 2.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: blur(0);
}
.windowloaded #contents .lifeContents .storyContents_item.animated .storyContents_touch {
  opacity: 1;
  transition: 1.2s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.windowloaded #contents .lifeContents .storyContents_item.animated .storyContents_touch i {
  transform: scale(1);
  transition: 1.2s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.windowloaded #contents .lifeContents .storyContents_item.animated .storyContents_img {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
  -webkit-mask-size: 150% 150%;
          mask-size: 150% 150%;
  transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.windowloaded #contents .lifeContents .storyContents_item.animated .storyContents_text {
  opacity: 1;
  transition: 1.2s 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translate(0);
  filter: blur(0);
}
.windowloaded #contents .lifeContents .storyContents_item.animated.play .storyContents_touch {
  opacity: 0;
  transition: 0.33s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.windowloaded #contents .lifeContents .storyContents_item.animated.play .storyContents_touch i {
  transform: scale(1.22);
  transition: 0.33s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 769px) {
  .windowloaded #contents .lifeContents .storyContents_item.animated.play .storyContents_touch {
    opacity: 0;
    transition: 0.6s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .windowloaded #contents .lifeContents .storyContents_item.animated.play .storyContents_touch i {
    transform: scale(1.22);
    transition: 0.6s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

@keyframes line {
  0% {
    transform: rotate(0);
  }
  33% {
    transform: rotate(120deg);
  }
  66% {
    transform: rotate(240deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes gradeSteps {
  0% {
    transform: rotate(0);
    background-size: 100vw 100%;
  }
  25% {
    transform: rotate(180);
    background-size: 300vw 100%;
  }
  50% {
    transform: rotate(0);
    background-size: 400vw 100%;
  }
  75% {
    transform: rotate(180);
    background-size: 600vw 100%;
  }
  100% {
    background-size: 300vw 100%;
  }
}
@keyframes gradeSteps2 {
  0% {
    transform: rotate(0);
    background-size: 100% 100%;
  }
  25% {
    transform: rotate(180);
    background-size: 200% 100%;
  }
  50% {
    transform: rotate(0);
    background-size: 300% 100%;
  }
  75% {
    transform: rotate(180);
    background-size: 200% 100%;
  }
  100% {
    background-size: 150% 100%;
  }
}
#contents .lifeContents {
  background-color: #f6f4ef;
}
#contents .lifeContents .floatingBuyBtn {
  position: fixed;
  width: 21.094vw;
  left: 2.148vw;
  bottom: 2.148vw;
  z-index: 1000;
  transform: translate(0, 0) scale(0.92);
  transition: 0.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: none;
  opacity: 0;
}
#contents .lifeContents .floatingBuyBtn.showBuy {
  transform: translate(0) scale(1);
  opacity: 1;
  pointer-events: auto;
  transition: 0.6s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#contents .lifeContents .floatingBuyBtn a {
  display: block;
}
#contents .lifeContents .floatingBuyBtn a i {
  display: block;
}
#contents .lifeContents .floatingBuyBtn a i img {
  animation: line 8s steps(4) infinite;
}
@media (hover: hover) and (pointer: fine) {
  #contents .lifeContents .floatingBuyBtn a:hover span img {
    transform: scale(1.08);
    filter: brightness(1.2);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
}
#contents .lifeContents .floatingBuyBtn span {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  display: block;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
#contents .lifeContents .floatingBuyBtn span img {
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .lifeContents .kvSection {
  position: relative;
  height: 136.523vw;
  z-index: 0;
  background-color: #fff;
}
#contents .lifeContents .kvSection::before {
  content: "";
  width: 100vw;
  height: 100%;
  z-index: 0;
  background: url(/dearme/en/assets/img/kv/bg.webp) no-repeat center top/100% auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
#contents .lifeContents .kvOP {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 1000;
  background: url(/dearme/en/assets/img/op/bg.webp) no-repeat center center/cover;
}
#contents .lifeContents .kvOP li ~ li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
}
#contents .lifeContents .kvOP li {
  opacity: 0;
}
#contents .lifeContents .kvOP li.show {
  opacity: 1;
  z-index: 1;
}
#contents .lifeContents .kvOP li.show.next {
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 2;
}
#contents .lifeContents .kvOP.end {
  opacity: 0;
  filter: brightness(1);
  transition: filter 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
}
#contents .lifeContents .kvTitle {
  padding: 19.141vw 0 0;
  z-index: 10;
  position: relative;
}
#contents .lifeContents .kvLogo {
  padding: 2.734vw 0 0;
  z-index: 10;
  position: relative;
}
#contents .lifeContents .kvDate {
  position: absolute;
  left: 0;
  bottom: 4.199vw;
  z-index: 100;
  width: 100%;
  pointer-events: none;
}
#contents .lifeContents .kvBuyBtn {
  width: 27.734vw;
  position: absolute;
  left: 8.203vw;
  top: 85.156vw;
  z-index: 100;
}
#contents .lifeContents .kvBuyBtn a {
  display: block;
}
#contents .lifeContents .kvBuyBtn a i {
  display: block;
}
#contents .lifeContents .kvBuyBtn a i img {
  animation: line 6s steps(3) infinite;
}
@media (hover: hover) and (pointer: fine) {
  #contents .lifeContents .kvBuyBtn a:hover span img {
    transform: scale(1.08);
    filter: brightness(1.2);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
}
#contents .lifeContents .kvBuyBtn span {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  display: block;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
#contents .lifeContents .kvBuyBtn span img {
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .lifeContents .kvImgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  pointer-events: none;
}
#contents .lifeContents .newsSection {
  position: relative;
  overflow: hidden;
  z-index: 10;
  background: url(/dearme/en/assets/img/news/bg.webp) no-repeat center bottom/100% auto;
}
#contents .lifeContents .newsSection::before {
  content: "";
  background-color: #d3ebfc;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, -47.363vw);
  z-index: 0;
  pointer-events: none;
}
#contents .lifeContents .newsWrap {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
  padding-bottom: 11.719vw;
}
#contents .lifeContents .newsWrap h2 {
  padding: 5.371vw 0 0;
}
#contents .lifeContents .newsWrap h2 img {
  height: 2.93vw;
  width: auto;
}
#contents .lifeContents .newsWrap ul {
  padding: 3.027vw 3.223vw 0 0;
}
#contents .lifeContents .newsWrap ul li {
  font-size: 3.223vw;
  line-height: 1.818;
  display: flex;
  flex-direction: column;
  padding: 3.32vw 0 0;
  border-bottom: 0.195vw solid #626e76;
}
#contents .lifeContents .newsWrap ul li i {
  background-color: #fff;
  display: flex;
  width: 17.578vw;
  height: 3.125vw;
  justify-content: center;
  align-items: center;
  padding: 0 0 0.293vw;
  margin-bottom: 1.172vw;
}
#contents .lifeContents .newsWrap ul li b {
  padding-bottom: 0.586vw;
  display: block;
  letter-spacing: 0.06em;
}
#contents .lifeContents .newsWrap ul li a {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  #contents .lifeContents .newsWrap ul li a:hover {
    text-decoration: none;
  }
}
#contents .lifeContents .movieSection {
  background-color: #f6f4ef;
  position: relative;
  z-index: 0;
}
#contents .lifeContents .movieWrap {
  position: relative;
  padding: 15.137vw 0 37.109vw;
  display: block;
  margin: -9.766vw 0 -29.297vw;
  overflow: hidden;
}
#contents .lifeContents .movieWrap h2 {
  position: relative;
  z-index: 20;
  padding: 0 0 5.664vw;
}
#contents .lifeContents .movieWrap::before {
  content: "";
  background: url(/dearme/en/assets/img/movie/bg.webp) no-repeat center top/100vw 224.609vw;
  height: 112.305vw;
  width: 100vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -24.414vw);
}
#contents .lifeContents .movieWrap::after {
  content: "";
  background: url(/dearme/en/assets/img/movie/bg.webp) no-repeat center bottom/100vw 224.609vw;
  height: 112.305vw;
  width: 100vw;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 9.082vw);
}
#contents .lifeContents .movieArchive {
  position: relative;
  z-index: 20;
  padding: 0 7.813vw;
}
#contents .lifeContents .movieArchiveItem {
  padding-bottom: 9.766vw;
}
#contents .lifeContents .movieArchiveItem_wrap {
  border: 0.293vw solid #3c93ea;
  font-size: 0;
  line-height: 1;
  box-shadow: 1.855vw 1.855vw 4.785vw rgba(0, 0, 0, 0.13);
}
#contents .lifeContents .movieArchiveItem_wrap img {
  display: block;
}
#contents .lifeContents .movieArchiveItem a {
  display: block;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  #contents .lifeContents .movieArchiveItem a {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .lifeContents .movieArchiveItem a:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(0.95);
  }
}
#contents .lifeContents .movieArchiveItem a i {
  width: 24.414vw;
  height: 24.414vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: block;
}
#contents .lifeContents .movieArchiveItem a i::before, #contents .lifeContents .movieArchiveItem a i::after {
  width: 24.414vw;
  height: 24.414vw;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
#contents .lifeContents .movieArchiveItem a i::before {
  background: url(/dearme/en/assets/img/btn_play.webp) no-repeat center center/100% 100%;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .lifeContents .movieArchiveItem a i::after {
  background: url(/dearme/en/assets/img/btn_playLine.webp) no-repeat center center/100% 100%;
  animation: line 6s steps(3) infinite;
}
@media (hover: hover) and (pointer: fine) {
  #contents .lifeContents .movieArchiveItem a:hover i::before {
    transform: scale(1.08);
    filter: brightness(1.2);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
}
#contents .lifeContents .movieArchiveItem p {
  margin-top: 5.371vw;
  display: flex;
  justify-content: center;
}
#contents .lifeContents .movieArchiveItem p span {
  display: inline-flex;
  background-color: #d3ebfc;
  font-size: 4.297vw;
  letter-spacing: 0.012em;
  justify-content: center;
  padding: 0 9.375vw;
  height: 8.789vw;
  align-items: center;
}
#contents .lifeContents .aboutSection {
  padding: 0vw 0 0;
  text-align: center;
}
#contents .lifeContents .aboutSection::before {
  content: "";
  background: url(/dearme/en/assets/img/about/bg02.webp) no-repeat center top/auto 100%;
  height: 39.063vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 100%;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  #contents .lifeContents .aboutSection {
    z-index: 1;
  }
}
#contents .lifeContents .aboutHeader {
  position: relative;
  height: 42.383vw;
  /*
  mask-image: url("/dearme/en/assets/img/about/title.webp") ,  url("/dearme/en/assets/img/about/copy01.webp"),  url("/dearme/en/assets/img/about/copy02.webp");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size:100vw 100%;
  mask-position:center center;  
  */
}
#contents .lifeContents .aboutHeaderWrap {
  display: block;
}
#contents .lifeContents .aboutHeader span {
  display: block;
  width: 100%;
  z-index: 200;
  overflow: hidden;
  height: 42.383vw;
}
#contents .lifeContents .aboutHeader_grade {
  background: url("/dearme/en/assets/img/about/grade01.webp") no-repeat center center/100vw 100%;
  animation: gradeSteps 8s steps(4) infinite;
}
#contents .lifeContents .aboutHeader h2 {
  height: 11.719vw;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: url("/dearme/en/assets/img/about/title.webp");
          mask-image: url("/dearme/en/assets/img/about/title.webp");
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100vw auto;
          mask-size: 100vw auto;
  -webkit-mask-position: center top;
          mask-position: center top;
}
#contents .lifeContents .aboutHeader h2 span {
  background-position: center top;
  position: absolute;
  top: 0;
}
#contents .lifeContents .aboutHeader h2 img {
  width: 100vw;
  height: 100%;
  opacity: 0;
}
#contents .lifeContents .aboutHeader p {
  height: 30.664vw;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: url("/dearme/en/assets/img/about/copy01.webp"), url("/dearme/en/assets/img/about/copy02.webp");
          mask-image: url("/dearme/en/assets/img/about/copy01.webp"), url("/dearme/en/assets/img/about/copy02.webp");
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100vw auto;
          mask-size: 100vw auto;
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
}
#contents .lifeContents .aboutHeader p span {
  background-position: center bottom;
  position: absolute;
  bottom: 0;
}
#contents .lifeContents .aboutHeader p img {
  width: 100vw;
  height: 100%;
  opacity: 0;
}
#contents .lifeContents .aboutLayout {
  background-color: #f6f4ef;
}
@media (max-width: 768px) {
  #contents .lifeContents .aboutLayout {
    margin-bottom: -14.648vw;
  }
}
#contents .lifeContents .aboutLayout p {
  font-size: 3.711vw;
  line-height: 2.105;
  font-weight: 600;
}
#contents .lifeContents .aboutLayout i {
  position: relative;
  margin-top: 2.93vw;
  display: flex;
  justify-content: center;
}
#contents .lifeContents .aboutLayout i img {
  width: 100vw;
  height: auto;
  mix-blend-mode: multiply;
  display: block;
}
#contents .lifeContents .aboutLayout i::before {
  content: "";
  background: url(/dearme/en/assets/img/about/bg03.webp) no-repeat center top/auto 100%;
  height: 94.629vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -11.4%);
  width: 100%;
  z-index: 0;
  pointer-events: none;
}
#contents .lifeContents .aboutLayout i span {
  display: flex;
  mix-blend-mode: multiply;
  display: block;
}
#contents .lifeContents .aboutLayout2 p {
  font-size: 3.418vw;
  line-height: 1.886;
  font-weight: 600;
}
#contents .lifeContents .aboutLayout2_item h3 {
  display: flex;
  justify-content: center;
  -webkit-mask-image: url("/dearme/en/assets/img/about/title02.webp");
          mask-image: url("/dearme/en/assets/img/about/title02.webp");
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100vw 100%;
          mask-size: 100vw 100%;
  -webkit-mask-position: center center;
          mask-position: center center;
}
@media (max-width: 768px) {
  #contents .lifeContents .aboutLayout2_item h3 {
    margin-bottom: -7.813vw;
  }
}
#contents .lifeContents .aboutLayout2_item h3 img {
  width: 100vw;
  height: auto;
  opacity: 0;
}
#contents .lifeContents .aboutLayout2_item h3 b {
  display: block;
  background: url(/dearme/en/assets/img/about/grade01.webp) no-repeat center top/100% auto;
  animation: gradeSteps2 4s steps(4) infinite;
}
@media (max-width: 768px) {
  #contents .lifeContents .aboutLayout2_item:nth-child(2) {
    margin-top: -23.242vw;
  }
}
#contents .lifeContents .aboutLayout2_item:nth-child(2) h3 {
  -webkit-mask-image: url("/dearme/en/assets/img/about/title03.webp");
          mask-image: url("/dearme/en/assets/img/about/title03.webp");
}
@media (max-width: 768px) {
  #contents .lifeContents .aboutLayout2_item:nth-child(2) h3 {
    margin-bottom: -1.953vw;
  }
}
#contents .lifeContents .aboutLayout2_item:nth-child(2) h3 b {
  background: url(/dearme/en/assets/img/about/grade02.webp) no-repeat center top/100% auto;
}
@media (max-width: 768px) {
  #contents .lifeContents .aboutLayout2_item:nth-child(3) {
    margin-top: -17.578vw;
  }
}
#contents .lifeContents .aboutLayout2_item:nth-child(3) h3 {
  -webkit-mask-image: url("/dearme/en/assets/img/about/title04.webp");
          mask-image: url("/dearme/en/assets/img/about/title04.webp");
}
@media (max-width: 768px) {
  #contents .lifeContents .aboutLayout2_item:nth-child(3) h3 {
    margin-bottom: -1.953vw;
  }
}
#contents .lifeContents .aboutLayout2_item:nth-child(3) h3 b {
  background: url(/dearme/en/assets/img/about/grade02.webp) no-repeat center top/100% auto;
}
#contents .lifeContents .aboutAfterImg {
  mix-blend-mode: multiply;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  #contents .lifeContents .aboutAfterImg {
    margin: -11.328vw 0 0;
  }
}
#contents .lifeContents .aboutAfterImg img {
  width: 100vw;
  height: auto;
  mix-blend-mode: multiply;
}
#contents .lifeContents .aboutAfterImg span {
  display: block;
  mix-blend-mode: multiply;
}
@media (max-width: 768px) {
  #contents .lifeContents .aboutStoryWrap {
    margin-bottom: -12.695vw;
  }
}
#contents .lifeContents .storySection {
  height: 337.207vw;
  background: url(/dearme/en/assets/img/story/bg01.webp) no-repeat center top/100% auto;
  background-blend-mode: multiply;
  padding: 50.781vw 0 19.531vw;
}
@media (max-width: 768px) {
  #contents .lifeContents .storySection {
    margin: -36.816vw 0 0;
    z-index: 0;
  }
}
#contents .lifeContents .storyCopy {
  height: 13.867vw;
  position: relative;
  margin: 5.859vw 0 0;
  z-index: 100;
}
@media (max-width: 768px) {
  #contents .lifeContents .storyCopy {
    margin-bottom: 3.223vw;
  }
}
#contents .lifeContents .storyCopy li {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
#contents .lifeContents .storyCopy img {
  height: 100%;
  width: 100%;
}
#contents .lifeContents .storyContents {
  padding: 4.883vw 0 0;
}
#contents .lifeContents .storyContents_item {
  position: relative;
}
@media (max-width: 768px) {
  #contents .lifeContents .storyContents_item:nth-child(2) {
    margin-top: 11.719vw;
  }
  #contents .lifeContents .storyContents_item:nth-child(3) {
    margin-top: 11.719vw;
  }
}
#contents .lifeContents .storyContents_item.play {
  pointer-events: none;
}
#contents .lifeContents .storyContents_item.play .storyContents_touch i span::before {
  transform: translate(-50%, -50%) scale(3);
  transition: 0.6s;
}
@media (min-width: 769px) {
  #contents .lifeContents .storyContents_item.play .storyContents_touch i span::before {
    transform: translate(-50%, -50%) scale(3);
    transition: 0.6s 0.2s;
  }
}
#contents .lifeContents .storyContents_item.play .storyContents_img img {
  opacity: 0;
}
#contents .lifeContents .storyContents_item.play .storyContents_img video {
  opacity: 1;
}
#contents .lifeContents .storyContents_img {
  mix-blend-mode: multiply;
}
#contents .lifeContents .storyContents_img video,
#contents .lifeContents .storyContents_img img {
  mix-blend-mode: multiply;
  pointer-events: none;
  opacity: 0;
}
#contents .lifeContents .storyContents_img img {
  opacity: 1;
  width: 100%;
  height: auto;
}
#contents .lifeContents .storyContents_img video {
  width: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 100;
  pointer-events: none;
}
@media (max-width: 768px) {
  #contents .lifeContents .storyContents_img {
    margin-bottom: 4.883vw;
  }
}
#contents .lifeContents .storyContents_touch {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 62.5vw;
  cursor: pointer;
  z-index: 100;
}
#contents .lifeContents .storyContents_touch i::before {
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) and (pointer: fine) {
  #contents .lifeContents .storyContents_touch:hover i::before {
    transform: scale(1.08);
    filter: brightness(1.2);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
}
#contents .lifeContents .storyContents_touch i {
  width: 21.484vw;
  height: 21.484vw;
  position: absolute;
  left: 7.813vw;
  top: 0%;
  transform: translate(0%, 0%);
  z-index: 10;
  display: block;
}
#contents .lifeContents .storyContents_touch i span {
  display: block;
  height: 100%;
  position: relative;
}
#contents .lifeContents .storyContents_touch i span::before {
  content: "";
  border: 1.367vw solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%) scale(0);
  filter: blur(12px);
}
#contents .lifeContents .storyContents_touch i::before, #contents .lifeContents .storyContents_touch i::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
#contents .lifeContents .storyContents_touch i::before {
  background: url(/dearme/en/assets/img/btn_touch.webp) no-repeat center center/100% 100%;
}
#contents .lifeContents .storyContents_touch i::after {
  background: url(/dearme/en/assets/img/btn_touchLine.webp) no-repeat center center/100% 100%;
  animation: line 6s steps(3) infinite;
}
#contents .lifeContents .storyContents_touch i.item02 {
  left: auto;
  right: 0.879vw;
}
#contents .lifeContents .storyContents_touch i.item03 {
  left: 8.203vw;
}
@media (max-width: 768px) {
  #contents .lifeContents .storyContents .storyContents_touch[data-id=movie03] {
    top: -4.883vw;
  }
}
#contents .lifeContents .specSection {
  position: relative;
  background-color: #f7f5f1;
  background: url(/dearme/en/assets/img/spec/bg.webp) no-repeat center top/100% auto;
  background-blend-mode: multiply;
  padding: 19.531vw 0 0vw;
}
@media (max-width: 768px) {
  #contents .lifeContents .specSection {
    height: 173.828vw;
    height: 144.531vw;
  }
}
@media (max-width: 768px) {
  #contents .lifeContents .specHeader h2 {
    margin: 0 0 7.227vw 0;
  }
}
#contents .lifeContents .specHeader p {
  padding: 0 11.719vw;
}
@media (max-width: 768px) {
  #contents .lifeContents .specHeader p {
    margin: 7.227vw 0;
  }
}
#contents .lifeContents .specHeader p a {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  #contents .lifeContents .specHeader p a {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .lifeContents .specHeader p a:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.4);
  }
}
#contents .lifeContents .specList dl {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  #contents .lifeContents .specList dl {
    margin-top: -2.148vw;
  }
}
#contents .lifeContents .specList dl::before {
  content: "";
  background-color: #1d1d1c;
  width: 0.195vw;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
#contents .lifeContents .specList dl dt {
  width: 50%;
  text-align: right;
  padding: 0 3.906vw 0 0;
  font-size: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 8.789vw;
}
#contents .lifeContents .specList dl dt img {
  height: 2.441vw;
  width: auto;
}
#contents .lifeContents .specList dl dd {
  width: 50%;
  padding: 0 0 0 3.32vw;
  font-size: 2.832vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  height: 8.789vw;
}
#contents .lifeContents .specMovieWrap {
  display: block;
  height: 100%;
  position: relative;
}
#contents .lifeContents .specMovie {
  mix-blend-mode: multiply;
}
#contents .lifeContents .specMovie video,
#contents .lifeContents .specMovie img {
  mix-blend-mode: multiply;
  opacity: 0;
}
#contents .lifeContents .specMovie i {
  display: block;
  position: relative;
}
#contents .lifeContents .specMovie i video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  opacity: 1;
}
@media (max-width: 768px) {
  #contents .lifeContents .specMovie {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -10.059vw;
  }
}
#contents .lifeContents .film {
  position: relative;
  z-index: 0;
  height: 29.297vw;
  overflow: hidden;
  background: url(/dearme/en/assets/img/film/bg.webp) no-repeat center center/auto 100%;
}
#contents .lifeContents .film img {
  height: 29.297vw;
  width: auto;
}
#contents .lifeContents .film .films > .swiper-wrapper {
  transition-timing-function: linear;
}
#contents .lifeContents .film .filmsItem {
  width: 41.016vw;
}
#contents .lifeContents .film .filmsItem_in {
  position: relative;
  width: 41.016vw;
  z-index: -1;
  filter: drop-shadow(-0.684vw 0.684vw rgba(53, 52, 55, 0.3));
}
#contents .lifeContents .film .filmsItem.-parent {
  position: relative;
}
#contents .lifeContents .film .filmsItem.-parent::before {
  content: "";
  width: 100%;
  height: 29.297vw;
  background: url(/dearme/en/assets/img/film/pin.webp) no-repeat center center/auto 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 10;
}

@media (min-width: 769px) {
  #contents .lifeContents {
    background-color: #fff;
    /*
    &::after{content: ''; width: 1100px; border-left: 1px solid #3c93ea; border-right: 1px solid #3c93ea;
      height: 100vh; position: fixed; left: 50%; top: 0; z-index: 1100; pointer-events: none;
      transform: translate(-50%,0);
    }
    &::before{content: ''; left: 50%; position: fixed; height: 100vh; pointer-events: none; background-color: red; width: 1px;
      top: 0; z-index: 11111;
    }*/
  }
  #contents .lifeContents .-spItem {
    display: none;
  }
  #contents .lifeContents .floatingBuyBtn {
    position: fixed;
    width: clamp(128px, 6.667vw, 100vw);
    left: clamp(26px, 1.354vw, 100vw);
    bottom: clamp(26px, 1.354vw, 100vw);
    z-index: 1000;
  }
  #contents .lifeContents .floatingBuyBtn span {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    display: block;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
  }
  #contents .lifeContents .floatingBuyBtn span img {
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .lifeContents .kvSection {
    height: clamp(740px, 38.542vw, 100vw);
  }
  #contents .lifeContents .kvSection::before {
    content: "";
    width: clamp(1920px, 100vw, 100vw);
    height: clamp(740px, 38.542vw, 100vw);
    z-index: 0;
    background: url(/dearme/en/assets/img/kv/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 100vw) clamp(740px, 38.542vw, 100vw);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
  }
  #contents .lifeContents .kvOP {
    position: absolute;
    left: 50%;
    top: 0;
    width: clamp(1920px, 100vw, 100vw);
    height: clamp(740px, 38.542vw, 100vw);
    z-index: 1000;
    transform: translate(-50%, 0);
    background: url(/dearme/en/assets/img/op/bg@pc.webp) no-repeat center center/cover;
  }
  #contents .lifeContents .kvOP li ~ li {
    position: absolute;
    left: 0;
    top: 0;
    width: clamp(1920px, 100vw, 100vw);
    height: clamp(740px, 38.542vw, 100vw);
  }
  #contents .lifeContents .kvOP li ~ li img {
    width: clamp(1920px, 100vw, 100vw);
    height: clamp(740px, 38.542vw, 100vw);
  }
  #contents .lifeContents .kvTitle {
    padding: clamp(168px, 8.75vw, 100vw) 0 0;
    padding: clamp(268px, 13.958vw, 100vw) 0 0;
    width: clamp(1100px, 57.292vw, 100vw);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
  }
  #contents .lifeContents .kvTitle img {
    width: 100%;
    height: auto;
  }
  #contents .lifeContents .kvLogo {
    padding: clamp(236px, 12.292vw, 100vw) 0 0;
    padding: clamp(336px, 17.5vw, 100vw) 0 0;
    width: clamp(1100px, 57.292vw, 100vw);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
  }
  #contents .lifeContents .kvLogo img {
    width: 100%;
    height: auto;
  }
  #contents .lifeContents .kvDate {
    width: clamp(1100px, 57.292vw, 100vw);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
  }
  #contents .lifeContents .kvDate img {
    width: 100%;
    height: auto;
  }
  #contents .lifeContents .kvBuyBtn {
    width: clamp(200px, 10.417vw, 100vw);
    left: auto;
    right: 50%;
    top: clamp(420px, 21.875vw, 100vw);
    margin-right: clamp(334px, 17.396vw, 100vw);
  }
  #contents .lifeContents .kvBuyBtn span {
    display: block;
    width: 100%;
    height: auto;
  }
  #contents .lifeContents .kvImgs {
    position: absolute;
    left: 50%;
    top: 0;
    width: clamp(1920px, 100vw, 100vw);
    pointer-events: none;
    display: flex;
    justify-content: center;
    transform: translate(-50%, 0);
  }
  #contents .lifeContents .kvImgs img {
    width: clamp(1920px, 100vw, 100vw);
    height: auto;
  }
  #contents .lifeContents .newsSection {
    position: relative;
    overflow: hidden;
    z-index: 10;
    background: url(/dearme/en/assets/img/news/bg@pc.webp) no-repeat center bottom/clamp(1920px, 100vw, 100vw) auto;
  }
  #contents .lifeContents .newsSection::before {
    content: "";
    background-color: #d3ebfc;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(0, min(-120px, -6.25vw));
    z-index: 0;
    pointer-events: none;
  }
  #contents .lifeContents .newsWrap {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
    width: clamp(1100px, 57.292vw, 100vw);
    margin: 0 auto;
    padding: clamp(28px, 1.458vw, 100vw) 0 clamp(100px, 5.208vw, 100vw) clamp(394px, 20.521vw, 100vw);
  }
  #contents .lifeContents .newsWrap h2 {
    padding: clamp(0px, 0vw, 100vw) 0 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    pointer-events: none;
  }
  #contents .lifeContents .newsWrap h2 img {
    height: clamp(26px, 1.354vw, 100vw);
    width: auto;
    position: relative;
    top: min(-30px, -1.563vw);
  }
  #contents .lifeContents .newsWrap ul {
    padding: clamp(0px, 0vw, 100vw) clamp(150px, 7.813vw, 100vw) 0 0;
  }
  #contents .lifeContents .newsWrap ul li {
    font-size: clamp(17px, 0.885vw, 100vw);
    line-height: 1.818;
    padding: clamp(22px, 1.146vw, 100vw) 0 clamp(3px, 0.156vw, 100vw);
    border-bottom: 1px solid #000;
  }
  #contents .lifeContents .newsWrap ul li i {
    background-color: #fff;
    display: flex;
    width: clamp(96px, 5vw, 100vw);
    height: clamp(18px, 0.938vw, 100vw);
    padding: 0 0 clamp(1px, 0.052vw, 100vw);
    margin-bottom: clamp(4px, 0.208vw, 100vw);
  }
  #contents .lifeContents .newsWrap ul li b {
    padding-bottom: clamp(6px, 0.313vw, 100vw);
    display: block;
    letter-spacing: 0.06em;
  }
  #contents .lifeContents .movieSection {
    background-color: #f6f4ef;
    position: relative;
    z-index: 0;
  }
  #contents .lifeContents .movieWrap {
    position: relative;
    width: clamp(1100px, 57.292vw, 100vw);
    margin: min(-100px, -5.208vw) auto 0;
    padding: clamp(0px, 0vw, 100vw) 0 clamp(0px, 0vw, 100vw);
    overflow: visible;
  }
  #contents .lifeContents .movieWrap h2 {
    position: relative;
    z-index: 20;
    padding: clamp(200px, 10.417vw, 100vw) 0 clamp(46px, 2.396vw, 100vw);
    text-align: center;
    display: flex;
    justify-content: center;
  }
  #contents .lifeContents .movieWrap h2 img {
    width: clamp(1100px, 57.292vw, 100vw);
    height: auto;
  }
  #contents .lifeContents .movieWrap::before {
    content: "";
    background: url(/dearme/en/assets/img/movie/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 100vw) clamp(1788px, 93.125vw, 100vw);
    height: clamp(1788px, 93.125vw, 100vw);
    width: clamp(1920px, 100vw, 100vw);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, min(-30px, -1.563vw));
  }
  #contents .lifeContents .movieWrap::after {
    content: "";
    background: url(/dearme/en/assets/img/movie/bg.webp) no-repeat center bottom/100vw 224.609vw;
    height: 112.305vw;
    width: 100vw;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 9.082vw);
    display: none;
  }
  #contents .lifeContents .movieArchive {
    position: relative;
    z-index: 20;
    padding: 0 clamp(0px, 0vw, 100vw) clamp(100px, 5.208vw, 100vw);
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  #contents .lifeContents .movieArchiveItem {
    padding-bottom: clamp(0px, 0vw, 100vw);
    width: clamp(470px, 24.479vw, 100vw);
    margin: 0 clamp(15px, 0.781vw, 100vw);
  }
  #contents .lifeContents .movieArchiveItem_wrap {
    border: clamp(2px, 0.104vw, 100vw) solid #3c93ea;
    box-shadow: clamp(19px, 0.99vw, 100vw) clamp(19px, 0.99vw, 100vw) clamp(49px, 2.552vw, 100vw) rgba(0, 0, 0, 0.13);
  }
  #contents .lifeContents .movieArchiveItem_wrap img {
    width: 100%;
    height: auto;
  }
  #contents .lifeContents .movieArchiveItem a {
    display: block;
    position: relative;
  }
  #contents .lifeContents .movieArchiveItem a i {
    width: clamp(130px, 6.771vw, 100vw);
    height: clamp(130px, 6.771vw, 100vw);
  }
  #contents .lifeContents .movieArchiveItem a i::before, #contents .lifeContents .movieArchiveItem a i::after {
    width: clamp(130px, 6.771vw, 100vw);
    height: clamp(130px, 6.771vw, 100vw);
    content: "";
  }
  #contents .lifeContents .movieArchiveItem p {
    margin-top: clamp(18px, 0.938vw, 100vw);
    display: flex;
    justify-content: center;
  }
  #contents .lifeContents .movieArchiveItem p span {
    display: inline-flex;
    background-color: #d3ebfc;
    font-size: clamp(17px, 0.885vw, 100vw);
    min-width: clamp(300px, 15.625vw, 100vw);
    padding: 0 0;
    height: clamp(36px, 1.875vw, 100vw);
    align-items: center;
  }
  #contents .lifeContents .aboutSection {
    padding: clamp(56px, 2.917vw, 100vw) 0 0;
    text-align: center;
    background-color: #f6f4ef;
    min-height: clamp(1357px, 70.677vw, 100vw);
  }
  #contents .lifeContents .aboutSection::before {
    content: "";
    background: url(/dearme/en/assets/img/about/bg02@pc.webp) no-repeat center top/auto 100%;
    height: clamp(236px, 12.292vw, 100vw);
    width: clamp(1920px, 100vw, 100vw);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    z-index: 0;
    pointer-events: none;
  }
  #contents .lifeContents .aboutSection::after {
    content: "";
    background: url(/dearme/en/assets/img/about/bg04@pc.webp) no-repeat center bottom/clamp(1920px, 100vw, 100vw) clamp(1292px, 67.292vw, 100vw);
    height: clamp(1292px, 67.292vw, 100vw);
    width: clamp(1920px, 100vw, 100vw);
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, min(0px, 0vw));
  }
  #contents .lifeContents .aboutHeader {
    position: relative;
    height: clamp(280px, 14.583vw, 100vw);
    width: clamp(1100px, 57.292vw, 100vw);
    margin: 0 auto;
    /*
    mask-image: url("/dearme/en/assets/img/about/title@pc.webp") ,  url("/dearme/en/assets/img/about/copy01@pc.webp"),  url("/dearme/en/assets/img/about/copy02@pc.webp");
    mask-mode: alpha;
    mask-repeat: no-repeat;
    mask-size:pc(1100) 100%;
    mask-position:center center;  
    span{display: block; width: 100%; height: pc(280); z-index: 200; overflow: hidden;}
    &_grade{
      background: url("/dearme/en/assets/img/about/grade01@pc.webp") no-repeat center center / pc(1100) 100%;  
    }
    h2,
    p{
      width: 100%;
      opacity: 0; height: 100%; display: flex; justify-content: center;
      img{width: 100%; height: 100%; opacity: 0;}
    }
      */
  }
  #contents .lifeContents .aboutHeader span {
    height: clamp(280px, 14.583vw, 100vw);
  }
  #contents .lifeContents .aboutHeader_grade {
    background: url("/dearme/en/assets/img/about/grade01@pc.webp") no-repeat center center/clamp(1100px, 57.292vw, 100vw) 100%;
  }
  #contents .lifeContents .aboutHeader h2 {
    height: clamp(76px, 3.958vw, 100vw);
    -webkit-mask-image: url("/dearme/en/assets/img/about/title@pc.webp");
            mask-image: url("/dearme/en/assets/img/about/title@pc.webp");
    mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: clamp(1100px, 57.292vw, 100vw) auto;
            mask-size: clamp(1100px, 57.292vw, 100vw) auto;
    -webkit-mask-position: center top;
            mask-position: center top;
  }
  #contents .lifeContents .aboutHeader h2 span {
    background-position: center top;
    position: absolute;
    top: 0;
  }
  #contents .lifeContents .aboutHeader h2 img {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  #contents .lifeContents .aboutHeader p {
    height: clamp(204px, 10.625vw, 100vw);
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-mask-image: url("/dearme/en/assets/img/about/copy01@pc.webp"), url("/dearme/en/assets/img/about/copy02@pc.webp");
            mask-image: url("/dearme/en/assets/img/about/copy01@pc.webp"), url("/dearme/en/assets/img/about/copy02@pc.webp");
    mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: clamp(1100px, 57.292vw, 100vw) auto;
            mask-size: clamp(1100px, 57.292vw, 100vw) auto;
    -webkit-mask-position: center bottom;
            mask-position: center bottom;
  }
  #contents .lifeContents .aboutHeader p span {
    background-position: center bottom;
    position: absolute;
    bottom: 0;
  }
  #contents .lifeContents .aboutHeader p img {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  #contents .lifeContents .aboutLayout {
    background-color: #f6f4ef;
    display: flex;
    flex-direction: row-reverse;
    width: clamp(1200px, 62.5vw, 100vw);
    margin: 0 auto;
    align-items: center;
    position: relative;
    left: min(-50px, -2.604vw);
    background-color: none;
  }
  #contents .lifeContents .aboutLayout p {
    font-size: clamp(20px, 1.042vw, 100vw);
    line-height: 2.4;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    position: relative;
    z-index: 10;
  }
  #contents .lifeContents .aboutLayout i {
    position: relative;
    width: clamp(528px, 27.5vw, 100vw);
    left: min(-24px, -1.25vw);
    background-color: #f6f4ef;
    display: flex;
    justify-content: center;
  }
  #contents .lifeContents .aboutLayout i img {
    width: clamp(528px, 27.5vw, 100vw);
    height: auto;
    position: relative;
    z-index: 10;
  }
  #contents .lifeContents .aboutLayout i::after {
    content: "";
    background: url(/dearme/en/assets/img/about/bg03@pc.webp) no-repeat center top/auto clamp(706px, 36.771vw, 100vw);
    height: clamp(706px, 36.771vw, 100vw);
    width: clamp(1920px, 100vw, 100vw);
    position: absolute;
    left: min(-380px, -19.792vw);
    top: min(-190px, -9.896vw);
    transform: translate(0%, 0);
    z-index: 0;
    pointer-events: none;
    z-index: 0;
  }
  #contents .lifeContents .aboutLayout2 {
    width: clamp(1000px, 52.083vw, 100vw);
    margin: clamp(60px, 3.125vw, 100vw) auto 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
  }
  #contents .lifeContents .aboutLayout2 p {
    font-size: clamp(17px, 0.885vw, 100vw);
    line-height: 1.941;
    font-weight: 600;
  }
  #contents .lifeContents .aboutLayout2 p ~ p {
    margin-top: clamp(5px, 0.26vw, 100vw);
  }
  #contents .lifeContents .aboutLayout2_item h3 {
    display: flex;
    justify-content: center;
    margin-bottom: clamp(18px, 0.938vw, 100vw);
    -webkit-mask-image: url("/dearme/en/assets/img/about/title02@pc.webp");
            mask-image: url("/dearme/en/assets/img/about/title02@pc.webp");
    mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: clamp(500px, 26.042vw, 100vw) 100%;
            mask-size: clamp(500px, 26.042vw, 100vw) 100%;
    -webkit-mask-position: center center;
            mask-position: center center;
  }
  #contents .lifeContents .aboutLayout2_item h3 img {
    width: clamp(500px, 26.042vw, 100vw);
    height: auto;
    opacity: 0;
  }
  #contents .lifeContents .aboutLayout2_item h3 b {
    display: block;
    background: url(/dearme/en/assets/img/about/grade02@pc.webp) no-repeat center top/100% auto;
  }
  #contents .lifeContents .aboutLayout2_item:nth-child(2) h3 {
    -webkit-mask-image: url("/dearme/en/assets/img/about/title03@pc.webp");
            mask-image: url("/dearme/en/assets/img/about/title03@pc.webp");
  }
  #contents .lifeContents .aboutLayout2_item:nth-child(2) h3 b {
    background: url(/dearme/en/assets/img/about/grade03@pc.webp) no-repeat center top/100% auto;
  }
  #contents .lifeContents .aboutLayout2_item:nth-child(3) {
    margin-top: clamp(20px, 1.042vw, 100vw);
  }
  #contents .lifeContents .aboutLayout2_item:nth-child(3) h3 {
    -webkit-mask-image: url("/dearme/en/assets/img/about/title04@pc.webp");
            mask-image: url("/dearme/en/assets/img/about/title04@pc.webp");
  }
  #contents .lifeContents .aboutLayout2_item:nth-child(3) h3 b {
    background: url(/dearme/en/assets/img/about/grade04@pc.webp) no-repeat center top/100% auto;
  }
  #contents .lifeContents .aboutAfterImg {
    display: none;
    mix-blend-mode: multiply;
    justify-content: center;
  }
  #contents .lifeContents .aboutAfterImg img {
    width: 100vw;
    height: auto;
    mix-blend-mode: multiply;
  }
  #contents .lifeContents .aboutStoryWrap {
    background-color: #f7f5f1;
  }
  #contents .lifeContents .storySection {
    background-color: #f7f5f1;
    min-height: clamp(2116px, 110.208vw, 100vw);
    height: auto;
    background: url(/dearme/en/assets/img/story/bg01@pc.webp) no-repeat center top/clamp(1920px, 100vw, 100vw) auto;
    background-blend-mode: multiply;
    padding: clamp(298px, 15.521vw, 100vw) 0 clamp(230px, 11.979vw, 100vw);
    margin: min(-210px, -10.938vw) auto min(-205px, -10.677vw);
  }
  #contents .lifeContents .storyHeader {
    width: clamp(1100px, 57.292vw, 100vw);
    margin: 0 auto;
    position: relative;
  }
  #contents .lifeContents .storyHeader img {
    width: 100%;
    height: auto;
  }
  #contents .lifeContents .storyCopy {
    height: auto;
    position: relative;
    margin: 0 auto 0;
    width: clamp(1100px, 57.292vw, 100vw);
    padding: clamp(50px, 2.604vw, 100vw) 0 0;
  }
  #contents .lifeContents .storyCopy li {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    margin-bottom: clamp(15px, 0.781vw, 100vw);
  }
  #contents .lifeContents .storyCopy li.-spItem {
    display: none;
  }
  #contents .lifeContents .storyCopy img {
    height: auto;
    width: clamp(1100px, 57.292vw, 100vw);
  }
  #contents .lifeContents .storyContents {
    padding: clamp(192px, 10vw, 100vw) 0 0;
    width: clamp(1100px, 57.292vw, 100vw);
    margin: 0 auto;
  }
  #contents .lifeContents .storyContents_item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(1100px, 57.292vw, 100vw);
    position: relative;
  }
  #contents .lifeContents .storyContents_img video,
  #contents .lifeContents .storyContents_img img {
    mix-blend-mode: multiply;
    pointer-events: none;
  }
  #contents .lifeContents .storyContents_touch {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 62.5vw;
  }
  #contents .lifeContents .storyContents_touch i {
    width: clamp(112px, 5.833vw, 100vw);
    height: clamp(114px, 5.938vw, 100vw);
    position: absolute;
    left: 0;
    top: 0%;
  }
  #contents .lifeContents .storyContents_touch i::before {
    background: url(/dearme/en/assets/img/btn_touch.webp) no-repeat center center/100% auto;
  }
  #contents .lifeContents .storyContents_touch i::after {
    background: url(/dearme/en/assets/img/btn_touchLine.webp) no-repeat center center/100% auto;
  }
  #contents .lifeContents .storyContents_touch span::before {
    content: "";
    border: clamp(14px, 0.729vw, 100vw) solid rgba(255, 255, 255, 0.2);
  }
  #contents .lifeContents .storyContents_text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
  #contents .lifeContents .storyContents_item:nth-child(1) .storyContents_img {
    position: relative;
    left: min(-270px, -14.063vw);
    width: clamp(562px, 29.271vw, 100vw);
  }
  #contents .lifeContents .storyContents_item:nth-child(1) .storyContents_img video {
    width: clamp(562px, 29.271vw, 100vw);
  }
  #contents .lifeContents .storyContents_item:nth-child(1) .storyContents_text img {
    width: clamp(1100px, 57.292vw, 100vw);
    height: auto;
  }
  #contents .lifeContents .storyContents_item:nth-child(2) {
    margin-top: clamp(42px, 2.188vw, 100vw);
  }
  #contents .lifeContents .storyContents_item:nth-child(2) .storyContents_img {
    position: relative;
    left: clamp(260px, 13.542vw, 100vw);
    width: clamp(586px, 30.521vw, 100vw);
  }
  #contents .lifeContents .storyContents_item:nth-child(2) .storyContents_img video {
    width: clamp(586px, 30.521vw, 100vw);
  }
  #contents .lifeContents .storyContents_item:nth-child(2) .storyContents_text img {
    width: clamp(1100px, 57.292vw, 100vw);
    height: auto;
  }
  #contents .lifeContents .storyContents_item:nth-child(3) {
    margin-top: clamp(90px, 4.688vw, 100vw);
  }
  #contents .lifeContents .storyContents_item:nth-child(3) .storyContents_img {
    width: clamp(634px, 33.021vw, 100vw);
  }
  #contents .lifeContents .storyContents_item:nth-child(3) .storyContents_img video {
    width: clamp(634px, 33.021vw, 100vw);
  }
  #contents .lifeContents .specSection {
    position: relative;
    background-color: #f7f5f1;
    background: url(/dearme/en/assets/img/spec/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 100vw) clamp(906px, 47.188vw, 100vw);
    background-blend-mode: multiply;
    padding: clamp(0px, 0vw, 100vw) 0 clamp(0px, 0vw, 100vw);
    height: clamp(832px, 43.333vw, 100vw);
  }
  #contents .lifeContents .specEffectWrap, #contents .lifeContents .specWrap {
    display: flex;
    width: clamp(1100px, 57.292vw, 100vw);
    margin: 0 auto;
    justify-content: center;
    align-items: center;
  }
  #contents .lifeContents .specWrap {
    padding: clamp(94px, 4.896vw, 100vw) 0 0;
  }
  #contents .lifeContents .specHeader {
    width: clamp(420px, 21.875vw, 100vw);
    position: relative;
    top: min(-15px, -0.781vw);
    top: min(15px, 0.781vw);
  }
  #contents .lifeContents .specHeader h2 {
    margin-bottom: clamp(38px, 1.979vw, 100vw);
  }
  #contents .lifeContents .specHeader h2 img {
    width: 100%;
    height: auto;
  }
  #contents .lifeContents .specHeader p {
    padding: 0 clamp(0px, 0vw, 100vw);
    display: flex;
    justify-content: center;
  }
  #contents .lifeContents .specHeader p a {
    display: block;
  }
  #contents .lifeContents .specList {
    width: clamp(420px, 21.875vw, 100vw);
  }
  #contents .lifeContents .specList dl {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    align-items: flex-start;
    padding: clamp(4px, 0.208vw, 100vw) 0;
  }
  #contents .lifeContents .specList dl::before {
    content: "";
    background-color: #1d1d1c;
    width: 1px;
    height: 100%;
    position: absolute;
    left: clamp(204px, 10.625vw, 100vw);
    top: 0;
    transform: translate(0);
  }
  #contents .lifeContents .specList dl dt {
    width: clamp(204px, 10.625vw, 100vw);
    text-align: right;
    padding: clamp(2px, 0.104vw, 100vw) clamp(23px, 1.198vw, 100vw) 0 0;
    font-size: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: clamp(50px, 2.604vw, 100vw);
  }
  #contents .lifeContents .specList dl dt img {
    height: clamp(13px, 0.677vw, 100vw);
    width: auto;
  }
  #contents .lifeContents .specList dl dd {
    width: clamp(216px, 11.25vw, 100vw);
    padding: 0 0 clamp(2px, 0.104vw, 100vw) clamp(20px, 1.042vw, 100vw);
    font-size: clamp(17px, 0.885vw, 100vw);
    display: flex;
    align-items: center;
    height: clamp(50px, 2.604vw, 100vw);
  }
  #contents .lifeContents .specMovie {
    position: absolute;
    left: 50%;
    bottom: min(-98px, -5.104vw);
    width: clamp(1100px, 57.292vw, 100vw);
    transform: translate(-50%, 0);
    mix-blend-mode: multiply;
    display: flex;
    justify-content: center;
  }
  #contents .lifeContents .specMovie img {
    mix-blend-mode: multiply;
    width: clamp(904px, 47.083vw, 100vw);
    height: auto;
  }
  #contents .lifeContents .film {
    position: relative;
    z-index: 100;
    height: clamp(225px, 11.719vw, 100vw);
    overflow: hidden;
    background: url(/dearme/en/assets/img/film/bg@pc.webp) no-repeat center center/auto 100%;
  }
  #contents .lifeContents .film img {
    height: clamp(225px, 11.719vw, 100vw);
    width: auto;
  }
  #contents .lifeContents .film .films > .swiper-wrapper {
    transition-timing-function: linear;
  }
  #contents .lifeContents .film .filmsItem {
    width: clamp(315px, 16.406vw, 100vw);
  }
  #contents .lifeContents .film .filmsItem_in {
    position: relative;
    width: clamp(315px, 16.406vw, 100vw);
    filter: drop-shadow(min(-7px, -0.365vw) clamp(7px, 0.365vw, 100vw) rgba(53, 52, 55, 0.3));
  }
  #contents .lifeContents .film .filmsItem.-parent {
    position: relative;
  }
  #contents .lifeContents .film .filmsItem.-parent::before {
    content: "";
    width: 100%;
    height: clamp(225px, 11.719vw, 100vw);
    background: url(/dearme/en/assets/img/film/pin.webp) no-repeat center center/auto 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    z-index: 110;
  }
}/*# sourceMappingURL=top.css.map */