@charset "UTF-8";
.container {
  width: calc( 100% - 7vmin); }

.cushion-area {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: calc( 100% - 7vmin);
  height: 100%;
  opacity: .5; }
  .cushion-area .cushion {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    height: 100%;
    background-color: #ffffff; }

.landing-content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .landing-content .landing-title {
    font-weight: 600;
    font-family: ShreeDev0714, "Shree Devanagari 714";
    font-size: 8vmin;
    line-height: 8vmin;
    -webkit-margin-before: 5vmin;
            margin-block-start: 5vmin;
    -webkit-margin-after: 8vmin;
            margin-block-end: 8vmin;
    text-decoration: underline; }
  .landing-content .sub-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2vmin;
    padding-top: 5vmin;
    padding-bottom: 5vmin; }
    .landing-content .sub-title .english {
      width: 20vmin;
      text-align: center;
      line-height: 1;
      font-family: ShreeDev0714, "Shree Devanagari 714";
      font-weight: bolder;
      border-bottom: thin solid #707070; }
    .landing-content .sub-title .japanese {
      line-height: 1;
      font-size: 1.5vmin; }
  .landing-content .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 4;
    padding-bottom: 10vmin; }
  .landing-content .line-image {
    width: 100%;
    height: 100%; }
  .landing-content .top-visual {
    width: 100%;
    position: relative; }
    .landing-content .top-visual .visual {
      height: 60vmin; }
      .landing-content .top-visual .visual .main-image {
        position: absolute;
        top: 10vmin;
        right: 5%;
        width: 40%;
        height: 45vmin;
        -o-object-fit: cover;
           object-fit: cover;
        border: thin solid #707070; }
      .landing-content .top-visual .visual .back-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 45vmin;
        -o-object-fit: cover;
           object-fit: cover;
        filter: blur(5px); }
  .landing-content .consept-area {
    width: 100%; }
  .landing-content .about-area {
    width: 100%; }

@media screen and (max-width: 428px) {
  /* 414px以下に適用されるCSS（スマホ用） */
  .container {
    width: 100%;
    padding-top: 0; }
  .cushion-area {
    width: 100%; }
    .cushion-area .cushion {
      width: 92%; }
  .landing-content .landing-title {
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 3vmin;
            margin-block-end: 3vmin; }
  .landing-content .sub-title {
    font-size: 4vmin;
    padding-top: 5vmin;
    padding-bottom: 4vmin; }
    .landing-content .sub-title .english {
      width: 40vmin;
      line-height: 1; }
    .landing-content .sub-title .japanese {
      line-height: 1;
      font-size: 2.5vmin; }
  .landing-content .content {
    line-height: 4;
    padding-bottom: 5vmin;
    font-size: 3.3vmin; }
  .landing-content .top-visual .visual {
    height: 70vmin; }
    .landing-content .top-visual .visual .main-image {
      top: unset;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 60%; }
    .landing-content .top-visual .visual .back-image {
      top: 0;
      left: 0;
      width: 100vmin;
      height: 60vmin;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 70% 0;
         object-position: 70% 0;
      filter: unset; } }