@charset "utf-8";
/* --------------------------------------------------- */
/* base

/* --------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}
body {
  background: #f7f7f7;
  color: #222;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  letter-spacing: .05em;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
}
h1 {
  margin: 20px 0 0 20px;
}
h2, h3, h4, h5, h6, p {
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
}
ol, ul, li {
  list-style-type: none;
}
table {
  border-collapse: collapse;
}
img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
a {
  color: #000;
  outline: none;
  overflow: hidden;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
/* --------------------------------------------------- */
/* layout

/* --------------------------------------------------- */
/* header
-------------------------------------------- */
#header {
  background: #fff;
}
/* --------------------------------------------------- */
/* general

/* --------------------------------------------------- */
/* lead
-------------------------------------------- */
.eterno_standard_stellia-lead--a, .eterno_standard_stellia-lead--b {
  text-align: center;
}
.eterno_standard_stellia-lead--a {
  padding: 280px 0;
}
.eterno_standard_stellia-lead--b {
  padding: 280px 0 150px;
}
.eterno_standard_stellia-lead--c {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 240px 0;
}
.eterno_standard_stellia-lead--a h2, .eterno_standard_stellia-lead--b h2, .eterno_standard_stellia-lead--c h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin: 0 0 50px;
}
.eterno_standard_stellia-lead--a h2, .eterno_standard_stellia-lead--b h2 {
  font-size: 60px;
  line-height: 1.26;
}
.eterno_standard_stellia-lead--c h3 {
  font-size: 50px;
  line-height: 1.2;
}
.eterno_standard_stellia-lead--a h2 span {
  display: block;
  font-size: 24px;
  line-height: 1.25;
  margin: 10px 0 0;
}
.eterno_standard_stellia-lead--a p, .eterno_standard_stellia-lead--b p, .eterno_standard_stellia-lead--c p {
  font-size: 17px;
  line-height: 2.35;
}
.eterno_standard_stellia-lead--a p, .eterno_standard_stellia-lead--b p {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.eterno_standard_stellia-lead--b p {
  margin-bottom: 80px;
}
/* movie
-------------------------------------------- */
.eterno_standard_stellia-movie {}
.eterno_standard_stellia-movie video {
  display: block;
  object-fit: cover;
  width: 100%;
}
/* img
-------------------------------------------- */
.eterno_standard_stellia-imgs {}
.eterno_standard_stellia-imgs img {
  width: 100%;
}
/* --------------------------------------------------- */
/* module

/* --------------------------------------------------- */
/* wrapper
-------------------------------------------- */
.eterno_standard_stellia-wrapper {
  overflow: hidden;
}
.eterno_standard_stellia-wrapper *, .eterno_standard_stellia-wrapper *::before, .eterno_standard_stellia-wrapper *::after {
  box-sizing: border-box;
}
/* kv
-------------------------------------------- */
.eterno_standard_stellia-kv {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.eterno_standard_stellia-kv__bg {}
.eterno_standard_stellia-kv__bg img {
  opacity: 0;
}
.eterno_standard_stellia-kv__img {
  background: url("../images/kv-01.jpg") 50% 50% / cover no-repeat;
  height: 100%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  width: 100%;
}
.eterno_standard_stellia-kv--loaded .eterno_standard_stellia-kv__img {
  animation: eterno_standard_stelliaKvZoomOut 3s ease-out 0s 1 normal forwards;
  will-change: animation;
}
@keyframes eterno_standard_stelliaKvZoomOut {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.eterno_standard_stellia-kv__txt {
  color: #333;
  font-family: "Frutiger LT W01_65 Bold1475746";
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
  width: 1100px;
}
.eterno_standard_stellia-kv__txt h1 {
  font-size: 99px;
  margin: 0 0 15px;
}
.eterno_standard_stellia-kv__txt path {
  fill: transparent;
  stroke: transparent;
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  stroke-width: 1;
}
.eterno_standard_stellia-kv--loaded .eterno_standard_stellia-kv__txt path {
  animation: eterno_standard_stelliaTitleStroke 3s ease-in 3s 1 normal forwards;
  will-change: animation;
}
.eterno_standard_stellia-kv__txt p {
  font-size: 48px;
  opacity: 0;
}
.eterno_standard_stellia-kv--loaded .eterno_standard_stellia-kv__txt p {
  animation: eterno_standard_stelliaTextFadeUp 1s linear 5.5s 1 normal forwards;
  will-change: animation;
}
@media all and (-ms-high-contrast: none) {
  .eterno_standard_stellia-kv__txt path {
    fill: #333;
    opacity: 0;
    stroke: #333;
  }
  .eterno_standard_stellia-kv--loaded .eterno_standard_stellia-kv__txt path {
    animation: eterno_standard_stelliaTitleStrokeIE 1s ease-in 4s 1 normal forwards;
  }
}
@keyframes eterno_standard_stelliaTitleStroke {
  0% {
    fill: transparent;
    stroke: #333;
    stroke-dashoffset: 1000;
  }
  50% {
    fill: transparent;
  }
  100% {
    fill: #333;
    stroke-dashoffset: 0;
  }
}
@keyframes eterno_standard_stelliaTitleStrokeIE {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes eterno_standard_stelliaTextFadeUp {
  0% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
/* outline
-------------------------------------------- */
.eterno_standard_stellia-outline--a, .eterno_standard_stellia-outline--b {
  margin: 0 0 180px;
  padding: 0 30px;
  position: relative;
}
.eterno_standard_stellia-outline--a::after, .eterno_standard_stellia-outline--b::after {
  clear: both;
  content: "";
  display: block;
}
.eterno_standard_stellia-outline--a .eterno_standard_stellia-outline__img {
  height: auto;
  left: -30px;
  width: 100%;
}
.eterno_standard_stellia-outline--b .eterno_standard_stellia-outline__img {
  right: -30px;
  text-align: right;
}
.eterno_standard_stellia-outline--a .eterno_standard_stellia-outline__txt {
  float: right;
}
.eterno_standard_stellia-outline__txt {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .03);
  opacity: 0;
  padding: 120px 60px;
  position: relative;
  text-align: center;
  transform: translate(0, 150px);
  transition: all ease-out 1.5s .8s;
  width: 45.67%;
  z-index: 2;
}
.eterno_standard_stellia-intersected .eterno_standard_stellia-outline__txt {
  transform: translate(0, 50px);
  opacity: 1;
}
.eterno_standard_stellia-outline__txt h3 {
  font-family: "Frutiger LT W01_65 Bold1475746";
  font-size: 40px;
  line-height: 1.25;
  margin: 0 0 40px;
}
.eterno_standard_stellia-outline__txt p {
  font-size: 15px;
  line-height: 2;
}
.eterno_standard_stellia-outline__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.eterno_standard_stellia-outline__img::before {
  background: #f7f7f7;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: transform ease-out 1.8s;
  width: 100%;
}
.eterno_standard_stellia-intersected .eterno_standard_stellia-outline__img::before {
  transform: translate3d(100%, 0, 0);
}
/* detail
-------------------------------------------- */
.eterno_standard_stellia-detail {
  background: #f1f1f1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 160px 0 80px;
}
.eterno_standard_stellia-detail div {
  margin: 0 20px;
  padding: 0 0 80px;
  width: 34.28%;
  text-align: center;
}
.eterno_standard_stellia-detail h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.176;
  margin: 40px 0;
  text-align: center;
}
.eterno_standard_stellia-detail p {
  font-size: 16px;
  line-height: 1.75;
}
/* slider
-------------------------------------------- */
.eterno_standard_stellia-slider {}
.eterno_standard_stellia-slider .slick-dots li {
  height: 8px;
  width: 8px;
}
.eterno_standard_stellia-slider .slick-dots li button {
  background: #fff;
  border: 1px solid #696969;
  border-radius: 4px;
  height: 8px;
  padding: 0;
  width: 8px;
}
.eterno_standard_stellia-slider .slick-dots li.slick-active button {
  background: #696969;
}
.eterno_standard_stellia-slider .slick-dots li button::before {
  content: "";
}
/* fullcovering
-------------------------------------------- */
.eterno_standard_stellia-fullcovering {
  padding: 160px 0;
}
.eterno_standard_stellia-fullcovering div {
  margin: 0 auto;
  max-width: 880px;
}
.eterno_standard_stellia-fullcovering h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 38px;
  font-weight: 300;
  line-height: 1.3;
  margin: 40px 0;
  text-align: center;
}
.eterno_standard_stellia-fullcovering p {
  font-size: 16px;
  line-height: 1.875;
}
/* variation
-------------------------------------------- */
.eterno_standard_stellia-variation {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  text-align: center;
}
.eterno_standard_stellia-variation li {
  background: #fff;
  margin: 0 0 4px;
}
.eterno_standard_stellia-variation li:nth-child(1) {
  width: 100%;
}
.eterno_standard_stellia-variation li:nth-child(2) {
  width: 33.14%;
}
.eterno_standard_stellia-variation li:nth-child(3) {
  margin-left: .285%;
  margin-right: .285%;
  width: 33.29%;
}
.eterno_standard_stellia-variation li:nth-child(4) {
  width: 33%;
}
.eterno_standard_stellia-variation div {
  padding: 10px 10px 20px;
}
.eterno_standard_stellia-variation p:first-child {
  font-size: 17px;
  font-weight: bold;
  line-height: 2.35;
}
/* try
-------------------------------------------- */
.eterno_standard_stellia-try {
  background: #fff;
  padding: 210px 0 0;
  position: relative;
}
.eterno_standard_stellia-try div {
  left: 0;
  position: absolute;
  text-align: center;
  top: 130px;
  width: 100%;
}
.eterno_standard_stellia-try h2, .eterno_standard_stellia-try p {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.eterno_standard_stellia-try h2, .eterno_standard_stellia-try h2 + p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.26;
  margin-bottom: 30px;
}
.eterno_standard_stellia-try h2 {
  font-size: 60px;
}
.eterno_standard_stellia-try h2 + p {
  font-size: 40px;
}
.eterno_standard_stellia-try p + p {
  font-size: 17px;
  line-height: 2.35;
}
/* utility
-------------------------------------------- */
.eterno_standard_stellia-utility {
  margin: 0 auto;
  max-width: 1000px;
  padding: 80px 0 160px;
}
.eterno_standard_stellia-utility > p {
  margin: 0 0 80px;
  text-align: center;
}
.eterno_standard_stellia-utility > p a {
  background: #222;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  width: 37%;
}
.eterno_standard_stellia-utility ul {
  display: flex;
  justify-content: space-between;
}
.eterno_standard_stellia-utility li {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 30px 20px;
  width: 33.2%;
}
.eterno_standard_stellia-utility li p:first-child {
  font-family: "Gothic MB101 Medium";
  font-size: 16px;
  line-height: 1.625;
}
.eterno_standard_stellia-utility li a {
  display: inline-block;
  margin: 10px 0 0;
}
.eterno_standard_stellia-utility li a::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%0A%20%20%3Crect%20id%3D%22a%22%20data-name%3D%22b%22%20fill%3D%22%23333%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%224%22%20ry%3D%224%22%2F%3E%0A%20%20%3Cpath%20id%3D%22c%22%20data-name%3D%22d%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.5%2C5.136L14.864%2C10.5%2C9.5%2C15.864%22%2F%3E%0A%3C%2Fsvg%3E%0A") 0 0 / contain no-repeat;
  content: "";
  display: inline-block;
  height: 11px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  width: 11px;
}
.eterno_standard_stellia-utility div:first-child {
  padding: 0 10px;
}
.eterno_standard_stellia-utility__tel {}
.eterno_standard_stellia-utility__tel p:nth-child(2) {
  font-family: "Frutiger LT W01_65 Bold1475746";
  font-size: 28px;
  font-weight: bold;
  line-height: 1.64;
}
.eterno_standard_stellia-utility__tel p:nth-child(3) {
  font-size: 12px;
  line-height: 1.5;
}