@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
メインビジュアル
---------------------------------------------------------------------------------------------------------------------
*/
.page-upper {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 95%, #1BADAA 95%, #1BADAA 100%);
  width: 100%;
  height: auto;
  position: relative; }
  @media (min-width: 1024px) {
    .page-upper {
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, #1BADAA 70%, #1BADAA 100%); } }
  @media (min-width: 1250px) {
    .page-upper {
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 57%, #1BADAA 57%, #1BADAA 100%); } }
  .page-upper .page-upper-in .header-hito {
    width: 50%;
    position: absolute;
    top: -30px;
    right: 0; }
    @media (min-width: 1024px) {
      .page-upper .page-upper-in .header-hito {
        top: -10%; } }
  .page-upper .page-upper-in .contents {
    position: relative;
    margin: 0 0 0 5%;
    padding-top: 100px; }
    @media (min-width: 1024px) {
      .page-upper .page-upper-in .contents {
        padding-top: 170px; } }
    .page-upper .page-upper-in .contents h2 {
      font-size: 6.0vw;
      line-height: 1.4em;
      width: 90%; }
      @media (min-width: 768px) {
        .page-upper .page-upper-in .contents h2 {
          font-size: 5vw; } }
      @media (min-width: 1024px) {
        .page-upper .page-upper-in .contents h2 {
          font-size: 2.5em;
          width: 50%; } }
      @media (min-width: 1200px) {
        .page-upper .page-upper-in .contents h2 {
          font-size: 2.5em; } }
  .page-upper .page-upper-in #photo-loop {
    background-color: rgba(255, 255, 255, 0);
    padding: 60px 0 0; }
    @media (min-width: 1024px) {
      .page-upper .page-upper-in #photo-loop {
        padding: 100px 0 80px; } }

.komidashi {
  margin-bottom: 40px; }
  @media (min-width: 1024px) {
    .komidashi {
      margin-bottom: 80px; } }
  .komidashi .slideAnimeRightLeft {
    padding: 0 10px 0 0; }
  .komidashi h2 {
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-size: 1.6em;
    line-height: 1.0em; }
    @media (min-width: 768px) {
      .komidashi h2 {
        font-size: 2.0em; } }
    @media (min-width: 1024px) {
      .komidashi h2 {
        font-size: 3.0em; } }
  .komidashi h3 {
    font-size: 1.125em;
    line-height: 1.0em;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .komidashi h3 {
        font-size: 1.25em; } }
    @media (min-width: 1024px) {
      .komidashi h3 {
        font-size: 1.5em; } }