@charset "UTF-8";

/*───────────────────────────
  ベーシックリセットCSS
───────────────────────────*/

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


html {
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
}
body {
	min-height: 100vh;
	text-rendering: optimizeLegibility;
}

ol,
ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

button,
input,
select,
textarea {
	font: inherit;
	background: none;
	border: none;
	outline: none;
}


a {
  color: inherit;
  text-decoration: none;
}

/*clearfix*/
.clearfix:after {
   content: "";
   display: block;
   clear: both;
}

[hidden] {
	display: none !important;
}




/*───────────────────────────
  共通 CSS
───────────────────────────*/
body {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background-color: #2b2b2b;
	position: relative;
}

/*header {
	width: 100%;
	height: 50px;
	padding-top: env(safe-area-inset-top);
	background-color: #2b2b2b;
	z-index: 30!important;
	position: fixed;
}

h1 {
	width: 80px;
	margin: 0 auto;
	padding-top: 8px;
}*/

h2 {
	padding-top: 30px;
	padding-bottom: 30px;
	font-family: "Ubuntu", sans-serif;
	font-size: 65px;
	font-weight: 700;
	text-align: left;
	letter-spacing: -0.05em;

}

h3 {
	width: 100%;
	font-size: 19px;

}

h4 {
	font-size: 15.5px;	
}

section {
	padding: 30px 5px 50px;
}

a:hover {
	opacity: 0.6;
	transition: all 0.3s ease 0s;

}

p {
	font-size: 13.5px;
	letter-spacing: 0.09em;
   text-align: justify;
}


/* ===== Scroll Reveal (lightweight) ===== */
.c-reveal{
	opacity:0;
	transform:var(--c-reveal-transform, translateY(var(--c-reveal-distance,16px)));
	transition:
	opacity var(--c-reveal-duration,1200ms) var(--c-reveal-ease, cubic-bezier(.2,.8,.2,1)),
	transform var(--c-reveal-duration,1200ms) var(--c-reveal-ease, cubic-bezier(.2,.8,.2,1));
	will-change: opacity, transform;
}
.c-reveal.is-in{ opacity:1; transform:none; }

/* 方向（既定はdown） */
[data-reveal="up"]    { --c-reveal-transform: translateY(calc(var(--c-reveal-distance,16px) * -1)); }
[data-reveal="down"]  { --c-reveal-transform: translateY(var(--c-reveal-distance,48px)); }
[data-reveal="left"]  { --c-reveal-transform: translateX(calc(var(--c-reveal-distance,68px) * -1)); }
[data-reveal="right"] { --c-reveal-transform: translateX(var(--c-reveal-distance,68px)); }
[data-reveal="fade"]  { --c-reveal-transform: translateY(0); }
[data-reveal="zoom"]  { --c-reveal-transform: scale(.96); }


@media (prefers-reduced-motion: reduce){
	.c-reveal{ transition:none; opacity:1; transform:none; }
}




@media screen and (min-width: 679px) {


   header {
      height: 70px;
   }

   .site-logo {
      width: 120px;
   }

   h2 {
      padding-top: 60px;
      font-size: 85px;
   }

   h3 {
   	font-size: 24px;
   }

	h4 {
      font-size: 21px;
   }

   p {
		font-size: 15px;

   }


}

@media screen and (min-width: 1023px) {

	h3 {
      font-size: 28px;		
	}

	h4 {
      font-size: 22px;		
	}

	p {
      font-size: 16px;
	}


}