@charset "UTF-8";

/*---------------------------------------------------------------------------------------------------------------------
　reset.css
---------------------------------------------------------------------------------------------------------------------*/
/* The root element */
html									{ font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* Sections */
body 									{ font-family: sans-serif; margin: 0; }
h1,h2,h3,h4,h5,h6 				{ font-size: 1em; margin: 0; }

/* Grouping content */
p,blockquote,dl,dd,figure 		{ margin: 0; }
hr 									{ color: inherit; height: auto; -moz-box-sizing: content-box; box-sizing: content-box; }
pre 									{ font-family: monospace, sans-serif; white-space: pre-wrap; word-wrap: break-word; margin: 0; }
ol,ul 								{ padding: 0; margin: 0;}
li 									{ list-style: none; }

/* Text-level semantics */
a:focus 								{ outline: thin dotted; }
a:hover,a:active 					{ outline: 0; }
strong,b 							{ font-weight: bold; }
small 								{ font-size: 0.83em; }
q 										{ quotes: none; }
abbr[title] 						{ border-bottom: 1px dotted; }
code,samp,kbd 						{ font-family: monospace, sans-serif; }
mark 									{ color: black; background-color: yellow; }
sub,sup 								{ font-size: 0.83em; line-height: 0; vertical-align: baseline; position: relative; }
sub 									{ bottom: -0.25em; }
sup 									{ top: -0.5em; }
br 									{  *letter-spacing: 0;}

/* Embedded content */
img 									{ border: 0; -ms-interpolation-mode: bicubic; vertical-align:bottom;}
svg:not(:root) 					{ overflow: hidden; }

/* Tabular data */
table 								{ border-collapse: collapse; border-spacing: 0; }
caption 								{ padding: 0; text-align: left; }
th,td 								{ text-align: left; vertical-align: baseline; padding: 0; }

/* Forms */
form 															{ margin: 0; }
fieldset 													{ border: 0; padding: 0; margin: 0; }
legend 														{ border: 0;  *margin-left: -7px; }
input,button,select,textarea 							{ font-family: inherit; font-size: 1em; color: inherit; margin: 0; }
input,button 												{ line-height: normal; vertical-align: inherit; *vertical-align: middle; }
input::-moz-focus-inner, 
button::-moz-focus-inner 								{ border: 0; padding: 0;}
input[type="search"] 									{ -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]:focus 							{ outline-offset: -2px; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
input[type="checkbox"],input[type="radio"] 		{ box-sizing: border-box; padding: 0; }
input[type="submit"],input[type="reset"],
input[type="button"],button 							{ cursor: pointer; -webkit-appearance: button;  *overflow: visible;}
select 														{ background-color: inherit; line-height: normal; }
textarea 													{ vertical-align: top; overflow: auto;  *font-family: sans-serif; }
/*---------------------------------------------------------------------------------------------------------------------
　base.css
---------------------------------------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

html,body {
	width: 100%; 
	font: 16px "Noto Sans JP", sans-serif;
	letter-spacing: 0;
	color: #333333;
	line-height: 1.8;
}

* {
	box-sizing: border-box;
}

/*------------------------------
	a
-------------------------------*/
a { 
	color: #333333;
	text-decoration:none;
}

a:focus { 
	outline: none; 
}

@media (any-hover: hover) {
	a {
		transition: color 0.4s;
	}

	a:hover { 
		color: #2043b4;
	}

	a:hover img {
		opacity: 0.7;
	}
}

/*------------------------------
	img
-------------------------------*/
img {
	max-width: 100%;
	transition: opacity 0.4s;
}

@media screen and (max-width: 750px) {
	img {
		width: 100%;
	}
}