@charset "utf-8";
/* -----------------------------------------------------------------
 .intro
----------------------------------------------------------------- */
.intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding: 14vw 0;
  background: url("../img/about/bg_paper01.webp") repeat;
  background-size: 300px;
  transform: scale(.8);
}
.intro_inner {
  width: min(800px,70vw);
  margin-left: auto;
  margin-right: auto;
}
/*----------js----------*/
.intro.js_is_visible {
  transform: scale(1);
}
@media screen and (max-width: 767px) {
  .intro {
    min-height: inherit;
    padding: 10vw 0;
  }
  .intro_inner {
    width: 80%;
  }
}
/* -----------------------------------------------------------------
 .c_message_image
----------------------------------------------------------------- */
.c_message_image {
  display: block;
  width: min(1000px,90.66vw);
  margin-left: auto;
  margin-right: auto;
}
.message01 .c_message_image {
  width: min(1000px,90.66vw);
  transform: scale(.8);
}
.message02 .c_message_image {
  width: min(1400px,90.66vw);
  transform: scale(.8);
}
.message03 .c_message_image {
  width: 95vw;
  transform: scale(.8);
}
/*----------js----------*/
.message01 .c_message_image.js_is_visible {
  transform: scale(1);
}
.message02 .c_message_image.js_is_visible {
  transform: scale(1);
}
.message03 .c_message_image.js_is_visible {
  transform: scale(1);
}
/* -----------------------------------------------------------------
 .c_message_title
----------------------------------------------------------------- */
.c_message_title,
.c_message_body {
  width: min(950px,85vw);
  margin-left: auto;
  margin-right: auto;
}

/* -----------------------------------------------------------------
 .slider_separator
----------------------------------------------------------------- */
.slider_separator {
  width: min(500px,50vw);
  margin-left: auto;
  margin-right: auto;
  transform: scale(.8);
}
/*----------js----------*/
.slider_separator.js_is_visible {
  transform: scale(1);
}

/* -----------------------------------------------------------------
 .feel_free
----------------------------------------------------------------- */
.feel_free p {
  text-align: center;
}