@charset "utf-8";
/* CSS Document 
   ここには、全ページ共通のベースとなるスタイルを記述する */


:root {
	--color-pink: #ED127C;
  --color-blue: #00A7D5;
  --color-green: #05B34D;
	--color-yellow: #F0A000;
	--color-black: #292E25;
}


html {
	overflow-y: scroll;
  font-size: 10px;
  scroll-behavior: smooth;
}
	

body{
	font-size:1.6rem;
  line-height: 1.8;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  letter-spacing: 0.8px;
  background-color: #FFFFFF;
	color: #292E25;
}

select, input, textarea, button, table{
	font-size:1.6rem;
  line-height: 1.8;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  letter-spacing: 0.8px;
  background-color: #FFFFFF;
	color: #292E25;
}

a{ text-decoration:none; }
small{ font-size: 1.1rem; }
h1{font-size: 4.7rem;
text-transform:none;}
h2{font-size: 2.5rem;
text-transform:none;}
h3{font-size: 2rem;
text-transform:none;}
h4{font-size: 2.5rem;
text-transform:none;}

@media screen and (max-width: 480px) {
h1{font-size: 3rem;}
h2{font-size: 1.8rem;}
h3{font-size: 1.8rem;}
h4{font-size: 1.8rem;}
body{font-size:1.4rem;}
select, input, textarea, button, table{font-size:1.4rem;}
}