@charset "utf-8";

:root{
}

#page_title{
  span{
    display:block;
    font-size: .7em;
  }
}

#youtube_space{
  width:min(860px,100%);
  margin:0 auto;
  aspect-ratio:  9 / 5;
  iframe{
    width:100%;
  }
}

#asita{
  margin:3rem auto 0 auto;
  width:min(760px,100%);
  h3{
    color:#EF6D37;
    font-size: 1.4em;
    inline-size: fit-content;
    margin-inline: auto;
    text-align: left;
  }
  p{
    margin:1rem auto 0 auto;
    line-height: 2em;
    text-align: left;

  }
}

#values{
  margin:3rem auto 0 auto;
  width:min(860px,100%);
  h3{
    font-size: 1.4em;
  }
  article{
    display:grid;
    grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr));
    gap:1rem;
    margin:2rem auto 0 auto;
    > div{
      border:2px solid #EF6D37;
      border-radius: .5em;
      padding:2em;
      background:#fffdf0;
      h4{
        color:#EF6D37;
        font-size: 1.3em;
        font-weight: 500;
      }
      p{
        margin:.7em auto 0 auto;
        inline-size: fit-content;
        margin-inline: auto;
        text-align: left;
        font-size: 1.2em;
      }
    }
  }
  figure{
    margin:2rem auto 0 auto;
    max-width: 80vw;
  }
}

#rnv_link{
  width:min(860px,100%);
  margin:3rem auto 0 auto;
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr));
  gap:1rem 2rem;
  padding:2rem;
  border:2px solid #ff8d6c;
  border-radius: .5em;
  background:#fff7ee;
  align-items: center;
  h3{
    font-size: 1.3em;
    font-weight: 400;
    span{
      font-size: .7em;
      display:block;
    }
  }
  a{
    display:block;
    font-size: 1.2em;
    font-weight: 400;
    background:#fd724f;
    color:white;
    padding:1.5em 2.5em 1.5em 1em ;
    border-radius: .5em;
    position: relative;
    &::before {
      display: inline-block;
      content: "";
      background-color: white;
        
            -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M247.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L179.2 256 41.9 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>');
            -webkit-mask-size: contain;
            mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M247.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L179.2 256 41.9 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>');
            mask-size: contain;
            mask-repeat: no-repeat;
        
            height: 1em;
            width: 1em;
        
            position: absolute;
            top: 50%;
            right: 1em;
            margin-top:-.5em;
            
            /*vertical-align: middle;  inline-block時、中央揃え 　　vertical-align: -2px;*/
    }
  }
}


form{
	div.g-recaptcha{
		> div{
			margin:20px auto 0 auto;
		}
	}
}