main {
	margin-top: 64px;
	font-size: 17px;
}

nav.with-backlink {
	padding-left: 50px;
}

nav.with-backlink a.backlink {
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	height: 60px;
	line-height: 60px;
	display: block;
	width: 40px;
	border-right: 1px solid #e8eaeb;
	color: #6c757d;
	opacity: 0.6;
}

section.welcome p,
section.welcome ul li {
	line-height: 1.8em;
}

section.welcome .overview {
	background-image: url('/welcome/assets/images/welcome/overview_bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.welcome .overview h2 {
	font-size: 1.1rem;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin: 1.5em 0;
	color: #4a4a4a;
}

section.welcome .download {
	border: 1px solid #4a4a4a;
}

section.welcome .download .dl-caption {
	text-align: center;
	margin-top: -0.7em;
}

section.welcome .download .dl-caption span {
	font-size: 0.8rem;
	background-color: #f8f8f8;
	padding: 0 1em;
	font-family: inherit;
}

section.welcome .download .dl-content {
	padding: 0 1em 1em 1em;
	text-align: center;
}

section.welcome .download .dl-content span {
	font-size: 0.8rem;
	display: inline-block;
}

section.welcome .download .dl-content a {
	width: 160px;
}

section.welcome .download .dl-content a img {
	width: 100%;
}

section.welcome h3 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #4a4a4a;
	margin-top: 3em;
	margin-bottom: 1em;
}

section.welcome ul {
	list-style: none;
	padding: 0;
}

section.welcome ul li {
	padding-left: 1em;
	text-indent: -0.5em;
	font-size: 0.9rem;
}

section.welcome ul li::before {
	content: "・";
	display: inline-block;
	width: 0.5em;
}

/* 顔アイコン付き */
section.welcome ul.face-icon {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-indent: 0;
}

section.welcome ul.face-icon li {
	padding-left: 0;
	text-indent: 0;
}

section.welcome ul.face-icon li::before {
	font-family: 'Font Awesome 5 Free';
	width: 1em;
	margin-right: 0.5em;
}

section.welcome ul.face-icon li:nth-child(odd)::before {
	content: '\f119';
}

section.welcome ul.face-icon li:nth-child(even)::before {
	content: '\f5b8';
}

section.welcome ul.face-icon li:nth-child(even) {
	color: #fa7208;
	margin-bottom: 1em;
}

section.welcome .tbl-wrapper {
	overflow-x: scroll;
	margin-bottom: 10px;
}

section.welcome .tbl-wrapper::-webkit-scrollbar {
	height: 10px;
}

section.welcome .tbl-wrapper::-webkit-scrollbar-thumb {
	background-color: #0041c3;
	border: none;
	border-radius: 10px;
}

section.welcome .tbl-wrapper::-webkit-scrollbar-track {
	background-color: #dedede;
	border-radius: 10px;
}

section.welcome table {
	table-layout: fixed;
	width: 100%;
	min-width: 880px;
	border-collapse: separate;
	border-spacing: 0;
	position: relative;
	margin-bottom: 10px;
}

section.welcome table::before {
	border: solid 4px #0041c3;
	content: "";
	display: block;
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 70px;
}

section.welcome table th,
section.welcome table td {
	text-align: center;
	border-right: solid 1px #b0b0b0;
	border-bottom: solid 1px #b0b0b0;
	vertical-align: middle;
	height: 70px;
}

section.welcome table th {
	font-weight: 700;
	background-color: #e3e3e3;
}

section.welcome table td {
	font-size: 1.3rem;
}

section.welcome table td.tbl-cross {
	font-size: 1.7rem;
}

section.welcome table thead th {
	border-top: solid 1px #b0b0b0;
}

section.welcome table .tbl-sticky {
	border-left: solid 1px #b0b0b0;
	position: sticky;
	left: 0;
}

section.welcome table .tbl-accent {
	color: #0041c3;
}

section.welcome table .tbl-accent th {
	color: #0041c3;
}

section.welcome table .tbl-accent td {
	font-size: 1.8rem;
}

section.welcome .dl-wrapper,
section.welcome .dl-wrapper .download .dl-caption span {
	background-color: #e9eaee;
}

section.welcome .voices .voice-icon .voice-icon-img {
	margin-right: 1em;
}

section.welcome .voices .voice-icon .voice-icon-caption {
	font-size: 1rem;
	font-weight: 700;
}

section.welcome .voices .voice-icon .voice-icon-caption span {
	color: #0041c3;
}

section.welcome .voices img {
	width: 100%;
}

section.welcome .voices h4 {
	font-size: 1rem;
	font-weight: 700;
	color: #4a4a4a;
}

section.welcome .faq .faq-mark {
	margin-right: 1.5em;
}

section.welcome .faq .faq-mark span {
	display: block;
	font-size: 1.4rem;
	height: 2em;
	width: 2em;
	line-height: 2em;
	text-align: center;
	border: 1px solid #d6d6d6;
	border-radius: 50%;
	color: #d6d6d6;
}

section.welcome .faq h5 {
	font-size: 1rem;
	font-weight: 700;
	color: #4a4a4a;
	line-height: 1.8em;
}

section.welcome .faq p {
	border-bottom: 1px solid #d6d6d6;
	padding: 1em 0;
}
