@charset "UTF-8";

/*[WebFonts Include]----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Sharp');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans:wght@400;700&display=swap');
@import url('https://use.fontawesome.com/releases/v5.15.3/css/all.css');

/*[  AssetsInclude Elements  ]----------------------------------------------------------------*/

/*:: Font Awesome (https://fontawesome.com/) ::*/
i.fa{
	display: inline-block;
	margin: 0 0.5em 0 0;
}

	i.fa-twitter{
		color: #4BAEEA;
	}
	i.fa-facebook{
		color: #375B95;
	}

	i.fa-instagram{
		color: #D93177;
	}





/*:: Material Icons (https://fonts.google.com/icons) ::*/
		section p .material-icons{
			margin: 0 0.25rem 0 0;
			vertical-align: middle;
			color: #666;
			font-size: 1rem;
		}
		section p *:hover > .material-icons{
			color: inherit;
		}
		section p *:active > .material-icons{
			color: inherit;
		}

/*:: Fix Flash Of Unstyled Text (FOUT) ::*/
/*
	html {
		visibility: hidden;
	}
		html.wf-active, html.loading-delay {
		visibility: visible;
	}
*/



/*[  Common Setting  ]----------------------------------------------------------------*/

/*:: Document ::*/
	html{
		font-size: 16px; /* = 1rem */
		line-height: 1.8;

		font-family: 'Lato', 'Noto Sans JP', 'BIZ UDGothic', sans-serif;
		font-weight: 400;
		font-style: normal;
		color: black;
	}
@media screen and (max-width: 768px) {
	html{
		font-size: 14px; /* = 1rem */
	}
}

/*:: Headings ::*/
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Lato', 'Noto Sans JP', 'BIZ UDGothic', sans-serif;
		font-style: normal;
		font-weight: 700;
		line-height: 1.4;
	}

	h1 {
	}
	h2 {
	}
	h3 {
	}
	h4 {
	}
	h5 {
	}
	h6 {
	}


/*:: BOLD ::*/
	b, strong {
		font-weight: bolder;
	}



/*[  Main Contents Text ]----------------------------------------------------------------*/

/*:: Standard Paragraph  ::*/
	section p{
		margin: 0.8rem 0 0 0;
		line-height: 2;
	}
	section p.nowrap{
		white-space: nowrap;
	}

/*:: Text Links  ::*/
	section a{
		transition: color 0.1s;
	}
	section a:visited{
	}
	section a:hover{
	}
	section a:active{
	}

	section p a{
		color: #0066FF;
	}
	section p a:visited{
		/*color: #0066FF;*/
	}
	section p a:hover{
		color: #0066FF;
		text-decoration: underline;
	}
	section p a:active{
		color: #0066FF;
		text-decoration: underline;
	}

	section td a{
		color: #0066FF;
	}
	section td a:visited{
		color: #0066FF;
	}
	section td a:hover{
		color: #0066FF;
		text-decoration: underline;
	}
	section td a:active{
		color: #0066FF;
		text-decoration: underline;
	}

	article li a{
	}
	article li a:visited{
	/*	color: #0066FF;*/
	}
	article li a:hover{
		color: #0066FF;
		text-decoration: underline;
	}
	article li a:active{
		color: #0066FF;
		text-decoration: underline;
	}