@charset "utf-8";

/* ==========================
	default style
============================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,em,address,small {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
ul,ol,li {
	list-style-type: none;
}
img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
}
a img {
	vertical-align: middle;
}
a {
	display: inline-block;
	text-decoration: none;
}
strong {
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}
button,input[type=submit] {
	background: none;
	border: 0;
	padding: 0;
}
input[type=text],input[type=email],input[type=tel],textarea {
	border-radius: 0;
	outline: none;
}
input[type=radio],input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
* {
	box-sizing: border-box;
}

/* font reset */
body {
	font-family: sans-serif;
	line-height: 1;
}
input,button,textarea,select {
	color: inherit;
	font: inherit;
}

/* HTML5 */
article,aside,figure,figcaption,footer,header,nav,section,main,picture {
	display: block;
	margin: 0;
	padding: 0;
}

/* ==========================
	base style
============================= */
html {
	overflow: auto;
	scroll-behavior: smooth;
}
body {
	color: #0A3E86;
	font-family: "hiragino sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 auto;
	overflow-x: hidden;
}
a {
	color: #0A3E86;
}
#main {
	letter-spacing: .05rem;
	line-height: 1.5;
}
.c-mark { /* Android Chromeで©などにCSSが当たらない不具合回避 */
	font-family: Verdana,"Droid Sans","メイリオ",sans-serif;
}
@media print, screen and (min-width: 1200px) {
}
@media print, screen and (min-width: 820px) {
	html {
		font-size: 16px;
	}
	.sponly {
		display: none !important;
	}
}
@media screen and (max-width: 820px) {
	body {
		min-width: 320px;
		width: 100vw;
	}
	.pconly {
		display: none !important;
	}
}