@charset "utf-8";
/* レイアウトのためのCSS */

/*html { font-size: 62.5%; }*/

html {
  font-size: 100%; /* = 16px */
}

body {
	color: #343434;
	font-size: 1rem; /* = 16px */
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
}

h1 {
  font-size: 2rem; /* = 32px */
}

small {
  font-size: 0.875rem; /* = 14px */
}

body{
    font-family: 'Noto Sans JP', sans-serif;
	color: #343434;
	font-size:1rem;
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
}

.notoserif {
    font-family: 'Noto Serif JP', serif;
}




.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}


.bg-gradient-diagonal {
  /* 左上から右下へのグラデーション */
  background: linear-gradient(150deg, rgb(250,214,137,0.75) 10%, rgba(250,214,137, 0.2) 50%, rgba(255,186,132,0.6) 90%);
}


.title {
	font-size: 2.6rem;
	font-weight: 900;
}

@media screen and (max-width: 768px)  {
	.title {
		font-size: 1.8rem;
	}
	
}

.shadow-text {
/* offset-x | offset-y | blur-radius | color | opacity */
	text-shadow: 2 2 0px rgb(0, 0, 0, 0.8);
}