@charset "utf-8";

html {
	font-size: 62.5%;
	font-display: swap;
}

/* [ WEB Fonts ]=================================== */
/*
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
http://www.webdesignleaves.com/pr/plugins/fontawesome_01.html
*/
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
/*	font-display: swap;*/
	src: local('Noto Sans Japanese'), url('../fonts/notosans/NotoSansCJKjp-Regular.eot');
	src: local('Noto Sans Japanese'), url('../fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/notosans/NotoSansCJKjp-Regular.woff') format('woff'),
		url('../fonts/notosans/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
	font-family: 'Noto Sans Jp Bold';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Jp Bold'), url('../fonts/notosans/NotoSansJP-Bold.eot');
	src: local('Noto Sans Jp Bold'), url('../fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
		url("../fonts/notosans/NotoSansJP-Bold.woff2") format("woff2"), 
		url('../fonts/notosans/NotoSansJP-Bold.woff') format('woff'),
		url('../fonts/notosans/NotoSansJP-Bold.ttf')  format('truetype');
}

@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
/*	font-display: auto;*/
	src: local('Font Awesome 5 Brands'), url('../fonts/fontawesome/fa-brands-400.eot');
	src: local('Font Awesome 5 Brands'), url("../fonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), 
		url("../fonts/fontawesome/fa-brands-400.woff") format("woff"), 
		url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"), 
		url("../fonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
	font-family: 'Font Awesome 5 Solid';
	font-weight: 900;
/*	font-display: auto;*/
	src: local('Font Awesome 5 Solid'), url('../fonts/fontawesome/fa-solid-900.eot');
	src: local('Font Awesome 5 Solid'), url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), 
		url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), 
		url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), 
		url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
	font-family: 'Oswald';
	font-weight: 300;
/*	font-display: auto;*/
	src: local('Oswald'), url('../fonts/oswald/Oswald-Light.eot');
	src: local('Oswald'), url("../fonts/fontawesome/Oswald-Light.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/oswald/Oswald-Light.woff2") format("woff2"), 
		url("../fonts/oswald/Oswald-Light.woff") format("woff"), 
		url("../fonts/oswald/Oswald-Light.ttf") format("truetype");
}


.pageBody #mainImageBox .copyBox h1 .subTitle, 
input, textarea, select, 
body {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.serif { font-family: "Sawarabi Mincho"; }

.oswald, 
#specialBody .specialNumberDl dt .countSubNumber, 
#specialBody .specialNumberDl dt .countNumber, 
.pageBody #mainImageBox .copyBox h1, 
#homeNewsBox h2, 
#mainMenuBox .flexBox > li a::before { font-family: "Oswald", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans JP', sans-serif; }
.englishTitle {
	font-size: 180%;
	font-family: "Oswald", sans-serif;
	margin-right: 0.5em;
}

/*.newIconSpan::after, */
.newslistDl dd a::after, 
#footerBox a#backToTopBtn::before, 
#headerBox #telBox::before, 
#footerBox #footerMainContentBox a::before, 
.newslistDl dd a::after, 
.wfAwesome {
	font-family: 'Font Awesome 5 Solid';
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transform: translate(0, 0);
}
#headerBox #telBox::before {
	font-size: 25px;
	content: '\f095';
	color: rgba(255, 255, 255, 1);
}
#footerBox a#backToTopBtn::before { content: '\f062'; }
#footerBox #footerMainContentBox a { position: relative; margin-left: 1em; display: inline-block; }
#footerBox #footerMainContentBox a::before {
	content: '\f101';
	position: absolute;
	top: 0;
	left: -1em;
}
#footerBox #footerMainContentBox .flexBox > li.information > a:first-child::before, 
#footerBox #footerMainContentBox .flexBox > li.business > a:first-child::before, 
#footerBox #footerMainContentBox .flexBox > li.technology > a:first-child::before, 
#footerBox #footerMainContentBox .flexBox > li.recruitment > a:first-child::before {
	content: none;
}

.newslistDl dd a::after { content: '\f0a9'; margin-left: 0.25em; }

#homeNewsBox .newIconSpan, 
#newsBody .newIconSpan { position: relative; }
	.newIconSpan::after {
		content: 'NEW';
		font-size: 1.0rem;
		display: inline-block;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 1);
		color: rgba(0, 82, 183, 1);
		text-align: center;
		line-height: 24px;
		margin: 0 0.25em;
	}
	#homeNewsBox .newIconSpan::after, 
	#newsBody .newIconSpan::after {
		position: absolute;
		display: block;
		top: -0.5rem;
		left: -26px;
		margin: 0;
	}