@charset "UTF-8";
/** 2024 BOSO-Computer
* Global Reset CSS
*/

*,
*:BEFORE,
*:AFTER {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	/* Chrome/Safari/ほとんどのiOSブラウザ */
	-moz-box-sizing: border-box;
	/* Firefox */
	box-sizing: border-box;
	/* paddingとborderを要素のwidthとheightに含む */
}

@import url('https://googleapis.com');

body {
	font-family:
		"Noto Sans JP",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
	color: #525252;
}

html {
	font-size: 16px;
}

html,
body {
	width: 100%;
}

html {
	line-height: 1.5;
}

body {
	min-height: 100%;
	min-width: 100%;
}

div,
p,
dl,
dt,
dd,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
main,
article,
aside,
header,
footer,
section,
nav {
	display: block;
	word-break: break-all;
}

ul,
ol {
	list-style: none;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

a {
	text-decoration: none;
}

:root {
	--fp-blue: #0878c9;
	--fp-blue-dark: #07599e;
	--fp-blue-light: #e8f5ff;
	--fp-sky: #59b8ef;
	--fp-navy: #12385e;
	--fp-text: #263f58;
	--fp-gray: #6c8195;
	--fp-border: #d7eafa;
	--fp-white: #fff;
	--fp-shadow: 0 5px 20px rgba(20, 91, 145, .09);
}

/***** 画面サイズ768px以上の指定 *****/
@media screen and (min-width:768px) {
	html {
		font-size: 16px;
	}
}

/***** 画面サイズ960px以上の指定 *****/
@media screen and (min-width:960px) {
	html {
		font-size: 18px;
	}
}