/***** base CSS *****/

/* ==========================================================================
   Variables
   ========================================================================== */

:root {
	--min-width: 375;
	--max-width: 1440;

	--space-25-35: clamp(25px, 21.479px + 0.939vw, 35px);
	--space-20-40: clamp(20px, 12.958px + 1.878vw, 40px);

	--primary: #66C7BC;
	--primary-light: #66C7BC33;
	--primary-lighter: #66C7BC1A;
	--color-adm-event: #96A4D3;
	--event-light: #96A4D333;
	--event-lighter: #96A4D31A;
	--news: #E2CD69;
	--news-light: #E2CD6933;
	--news-lighter: #E2CD691A;
	--parents: #EAA5A8;
	--parents-light: #EAA5A833;
	--parents-lighter: #EAA5A81A;
	--call: #EBAD86;
	--call-light: #EBAD8633;
	--call-lighter: #EBAD861A;
	--system: #A684B0;
	--system-light: #A684B033;
	--system-lighter: #A684B01A;
	--image: #FFADC5;
	--image-light: #FFADC533;
	--image-lighter: #FFADC51A;
	--tayori: #C0B37E;
	--tayori-light: #C0B37E33;
	--tayori-lighter: #C0B37E1A;
	--note: #AFA59A;
	--note-light: #AFA59A33;
	--note-lighter: #AFA59A1A;
	--gray-100: #F7F8F9;
	--gray-300: #E5E5E5;
	--gray-500: #999999;
	--gray-600: #A8B0BA;
	--text: #08131A;
	--text-light: #474747;

	--font-gothic: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
	--font_en: "Bookman Old Style", "Calisto MT", serif;
	--font-size-14-16: clamp(1.4rem, 1.330rem + 0.3vw, 1.6rem);
	--font-size-14-17: clamp(1.4rem, 1.294rem + 0.451vw, 1.7rem);
	--font-size-15-16: clamp(1.5rem, 1.465rem + 0.15vw, 1.6rem);
	--font-size-15-17: clamp(1.5rem, 1.430rem + 0.3vw, 1.7rem);
	--font-size-16-18: clamp(1.6rem, 1.530rem + 0.3vw, 1.8rem);
	--font-size-16-17: clamp(1.6rem, 1.530rem + 0.3vw, 1.8rem);
	--font-size-19-22: clamp(1.9rem, 1.794rem + 0.451vw, 2.2rem);
	--font-size-20-24: clamp(2rem, 1.859rem + 0.601vw, 2.4rem);
	--font-size-24-30: clamp(2.4rem, 2.189rem + 0.901vw, 3rem);
	--font-size-40-60: clamp(4rem, 3.296rem + 3.005vw, 6rem);
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
}



/* ==========================================================================
   Reset / Normalize
   ========================================================================== */

html {
	height: 100%;
	font-size: 62.5%; /* 10px */
	-webkit-text-size-adjust: 100%
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { 
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
	color: var(--text);
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}

body {
	background-color: #FFFFFF;
	height: 100%;
	font-size: var(--font-size-16-18);
	font-family: var(--font-gothic);
	font-weight: var(--font-weight-regular);
	line-height: 1.6;
}



/* ==========================================================================
   Base
   ========================================================================== */
.base {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.base h1 {
	display: block;
	text-align: center;
}
.bs_domain_name {
	margin: 0;
	text-align: center;
	font-size: var(--font-size-19-22);
	font-weight: 400;
}

.bs_err_wrap {
	max-width: 95%;
	margin: 0 auto;
}

.bs_err_title {
	font-size: var(--font-size-24-30);
	margin-bottom: 30px;
}
.bs_err_wrap .bs_domain_name {
	margin-bottom: 20px;
}