@charset "utf-8";
/*
[ font.css ]
Utility Classes for Bootstrap4
Office BASE
*/

/*****************************
	Font Family
******************************/

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

body,
.notosans {
	font-family: 'Noto Sans JP', sans-serif;
}

.notoserif {
	font-family: 'Noto Serif JP', serif;
}

/*****************************
	Font Sizes
******************************/

/* フォントサイズ（共通） */

.font-size-05 {
	font-size: .5rem;
}

.font-size-06 {
	font-size: .6rem;
}

.font-size-07 {
	font-size: .7rem;
}

.font-size-08 {
	font-size: .8rem;
}

.font-size-09 {
	font-size: .9rem;
}

.font-size-10 {
	font-size: 1rem;
}

.font-size-11 {
	font-size: 1.1rem;
}

.font-size-12 {
	font-size: 1.2rem;
}

.font-size-13 {
	font-size: 1.3rem;
}

.font-size-14 {
	font-size: 1.4rem;
}

.font-size-15 {
	font-size: 1.5rem;
}

.font-size-16 {
	font-size: 1.6rem;
}

.font-size-17 {
	font-size: 1.7rem;
}

.font-size-18 {
	font-size: 1.8rem;
}

.font-size-19 {
	font-size: 1.9rem;
}

.font-size-20 {
	font-size: 2rem;
}

.font-size-21 {
	font-size: 2.1rem;
}

.font-size-22 {
	font-size: 2.2rem;
}

.font-size-23 {
	font-size: 2.3rem;
}

.font-size-24 {
	font-size: 2.4rem;
}

.font-size-25 {
	font-size: 2.5rem;
}

.font-size-26 {
	font-size: 2.6rem;
}


/* フォントサイズ（相対） */

.font-size-05em {
	font-size: .5em;
}

.font-size-06em {
	font-size: .6em;
}

.font-size-07em {
	font-size: .7em;
}

.font-size-08em {
	font-size: .8em;
}

.font-size-09em {
	font-size: .9em;
}

/* letter spacing */

.letter-spacing-005 {
	letter-spacing: .05em;
}

.letter-spacing-03 {
	letter-spacing: .3em;
}

.letter-spacing-05 {
	letter-spacing: .5em;
}

.letter-spacing-1 {
	letter-spacing: 1em;
}

.letter-spacing-8p {
	letter-spacing: 8px;
}


.line-height-12 {
	line-height: 1.2;
}

.line-height-15 {
	line-height: 1.5;
}

.line-height-18 {
	line-height: 1.8;
}

.line-height-20 {
	line-height: 2;
}

/*****************************
	PC (width > 768px)
******************************/

@media(min-width: 768px){

/*****************************
	フォントサイズ（PC）
******************************/

.font-size-md-08 {
	font-size: .8rem;
}

.font-size-md-09 {
	font-size: .9rem;
}

	.font-size-md-10 {
		font-size: 1rem;
	}

	.font-size-md-11 {
		font-size: 1.1rem;
	}

	.font-size-md-12 {
		font-size: 1.2rem;
	}

	.font-size-md-13 {
		font-size: 1.3rem;
	}

	.font-size-md-14 {
		font-size: 1.4rem;
	}

	.font-size-md-15 {
		font-size: 1.5rem;
	}

	.font-size-md-16 {
		font-size: 1.6rem;
	}

	.font-size-md-17 {
		font-size: 1.7rem;
	}

	.font-size-md-18 {
		font-size: 1.8rem;
	}

	.font-size-md-19 {
		font-size: 1.9rem;
	}

	.font-size-md-20 {
		font-size: 2rem;
	}

	.font-size-md-21 {
		font-size: 2.1rem;
	}

	.font-size-md-22 {
		font-size: 2.2rem;
	}

	.font-size-md-23 {
		font-size: 2.3rem;
	}

	.font-size-md-24 {
		font-size: 2.4rem;
	}

	.font-size-md-26 {
		font-size: 2.5rem;
	}

	.font-size-md-28 {
		font-size: 2.8rem;
	}

	.font-size-md-30 {
		font-size: 3rem;
	}

	.font-size-md-32 {
		font-size: 3.2rem;
	}

	.font-size-md-34 {
		font-size: 3.4rem;
	}

	.font-size-md-36 {
		font-size: 3.6rem;
	}

	.font-size-md-38 {
		font-size: 3.8rem;
	}

	.font-size-md-40 {
		font-size: 4rem;
	}

	.font-size-md-42 {
		font-size: 4.2rem;
	}

	.font-size-md-44 {
		font-size: 4.4rem;
	}

	.font-size-md-46 {
		font-size: 4.6rem;
	}

	.font-size-md-48 {
		font-size: 4.8rem;
	}

	.font-size-md-50 {
		font-size: 4rem;
	}

}