@charset "UTF-8";
html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}
html,body,div,p,img,table,th,td,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,blockquote,pre,form,fieldset,input,textarea{margin:0;padding:0;}
li,dt,dd{list-style:none}
h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal;text-align:left}
p{margin:0}html,body,div,p,a,table,th,td,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,blockquote,pre,form,fieldset,input,textarea,select,option{font-size:20px;line-height:1.9em;}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}

li,ol,ul,dl{margin-bottom:0;margin-top:0;list-style: none;}
li li{font-size:inherit}
img{border:0;vertical-align:bottom}
input{line-height:100%;padding:2px;margin:1px 0}
select{margin:1px 0}
textarea{padding:2px;font-size:100%;width:99%}
optgroup{color:#000}fieldset{border:0}

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


	
iframe{
margin: 0;
padding: 0;
}



a{
	color: #06c;
	text-decoration: none;
}
a:link {
}
a:visited{
}
a:hover{
	color: #e60;
	text-decoration: underline;
}
a:active{
}
a.on{
	color: #f60;
	text-decoration: underline;
}


:root {
  --font-base: 20px;
  --font-x-small: calc(var(--font-base) * 0.5); 
  --font-small: calc(var(--font-base) * 0.875); 
  --font-text: var(--font-base);
  --font-l-text: calc(var(--font-base) * 1.1);
  --font-normal: calc(var(--font-base) * 2);
  --font-midium: calc(var(--font-base) * 2.8);
  --font-large: calc(var(--font-base) * 3.6);
  --font-x-large: calc(var(--font-base) * 8);
  --main-width: 1100px;
  --sub-width:900px;
  --right-green:#edf3c6;
  --yellow:#fff67f;
  --green:#c4d700;
  --deepgreen:#00a040;
  --red:#e72119;
  --black:#040000;
  --pink:#e4007f;
  --softgreen:#8bc63f;
}

html {
  font-size: var(--font-base);
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
  line-height: 1.6;
  overflow-x:hidden;
}

.font-base{
    font-size:var(--font-base);
}
.font-small{
    font-size:var(--font-small);
}
.font-text{
    font-size:var(--font-text);
}
.font-l-text{
    font-size:var(--font-l-text);
}
.font-normal{
    font-size:var(--font-normal);
}
.font-midium{
    font-size:var(--font-midium);
}
.font-large{
    font-size:var(--font-large);
}
.font-x-large{
    font-size:var(--font-x-large);
}

.red{
    color:var(--red);
}