@charset "UTF-8";
/* CSS Document */
html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  max-width: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
body {
  color: #1B284F; /* RGB */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  line-height: 2.4rem;
  text-align: center;
  word-break: break-word;
  font-feature-settings: "palt";
  letter-spacing: clamp(0.05em, 0.1vw, 0.12em);
}
section h2 {
  font-size: clamp(2.0rem, 5vw, 2.4rem);
}
h3 {
  font-size: clamp(2.4rem, 6vw, 4.0rem);
}

a:hover {
  opacity: 0.5;
}
.none {
  display: none;
}

p {
  font-size: clamp(16px, 4vw, 20px);
  line-height: 1.8;
  font-weight: 100;
}

.inner {
 max-width: calc(1000px + 8%);
 margin: auto;	
}

@media (max-width: 1024px) {
.inner-sp {
	width: calc(100% - 59px); 
	margin: 0 auto;
	}
}
*{box-sizing:border-box}