@charset "UTF-8";
/* CSS Document */
@import url("themecolor.css");
@import url("utility.css");
@import url("header.css");
@import url("footer.css");
@import url("nav.css");

/*===================================
basic_css commonLayout

_1. reset
_2. setup

_3. common
　-3-1　containerq
　-3-2　header
		-3-3　navi
　-3-4　page-up
　-3-5　footer

_4. class
_5. other


/*=========================================
_1. reset
=========================================*/
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body,
h1,h2,h3,h4,h5,h6,p,
dl,dt,dd,
form,fieldset,legend,pre,blockquote,
em,
button,
address,
noscript {
	margin: 0px;
	padding: 0px;
	font-family:'Roboto', メイリオ, Meiryo, Osaka, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-style: normal;
	line-height: 1.7em;
	font-size: 1.6rem;
	font-weight: normal;
	font-variant: normal;
}

ul,ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

table{
	text-align:left;
	border-spacing: 0;
}

th {
	font-weight: 400;
}

img {
	margin:0px;
	padding:0px;
	border:0;
}

.clear {
	height:0px;
	line-height:0;
	font-size:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/*=========================================
_2. setup
=========================================*/
body {
	background-color:#FFF;
	color:#333;
}

a,a:link,a:visited {
	text-decoration: none;
	color: var(--primary-color);
}

.pc-view {
	display: block;
}

.sp-view {
	display: none;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}


@media (max-width: 768px) {
	.pc-view {
		display: none;
	}

	.sp-view {
		display: block;
	}
}