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

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

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

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

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

.bg-blue {
	background: #28588F;
}

.bg-blue-light {
	background: #226897;
}

.bg-blue-dark {
	background: #00588b;
}

.bg-navy {
	background: #003862;
}

.bg-lightgray {
	background: #f5f5f5;
}

.bg-black {
	background: #000;
}

.bg-gray-gradient {
	background: linear-gradient(to top, #393939, #e0e0e0);
}

.text-blue {
	color: #002A5A;
}

.text-gray {
	color: #707070;
}

.text-shadow-036 {
	text-shadow: 0px 3px 6px rgba(0,0,0,.63);
}

.btn-gray {
	display: inline-block;
	background: #999;
	color: #fff;
}

.btn-gray:hover {
	color: #fff;
	background: #aaa;
	text-decoration: none;
}

.btn-white {
	display: inline-block;
	background: #fff;
	color: #555;
}

.btn-white:hover {
	color: #555;
	background: #fafafa;
	text-decoration: none;
}

/*****************************
	All Media
******************************/

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

.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-07em {
	font-size: .7em;
}

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

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

/* border */

.border-bottom-1 {
	border-bottom: 1px solid #707070;
}

/* letter spacing */

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

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

/* line height */

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

/* text indent */

.text-indent-1 {
	text-indent: 1em;
}

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

@media(min-width: 768px){

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

	.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-25 {
		font-size: 2.5rem;
	}

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