@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900");

/*
	Twenty by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/


html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}


.posi-rela { position:relative; }


input::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/*
	input, select, textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
	}
*/


.page-break {
	page-break-before: always;
}


/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: #efefef;	/*#f3f6fa;*/
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}
/*
	body, input, select, textarea {
		color: #5b5b5b;	/*#7c8081;*/
		/*font-family: 'Lato', sans-serif;*/
/*		font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
		font-size: 15pt;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}
*/
	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		color: #3fb1a3;
		text-decoration: none;
/*
		border-bottom: dotted 1px;
*/
	}

		a:hover {
/*
			border-bottom-color: transparent;
*/			
		}
#nav a {
/*
	border-radius:2em;

		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
*/
}
#nav a:hover {
	color:rgba(66,33,11,1.0);
	text-shadow: inherit;
}
	strong, b {
		font-weight: 900;	/*400;*/
		color:#341B2B;
		letter-spacing:-0.01em;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1.75em;
		margin-bottom: 1em;
		text-transform: uppercase;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border: 0;
		}

	h2 {
		font-size: 19.75pt;	/*1.5em;*/
		letter-spacing: 0.1em;
	}

h1.two {
	font-size: 13.75pt;
	line-height: 1.5em;
	margin-left: inherit;
	text-align: center;
	font-weight: 300;
	letter-spacing: 0.1em;
}

		h2.two {
			font-size: 11.75pt;
			line-height: 1.4em;
			margin-left: inherit;
			text-align: left;
		}
		p.two {
			font-size:11.75pt;
			line-height:1.2em;
		}

	h3 {
		font-size: 1.15em;
		letter-spacing: 0.025em;
	}

		h3.three {
			font-size: 12.75pt;
			font-weight:600;
			letter-spacing: -0.02em;
			height:3em;
			color:#341B2B;

			text-indent: inherit;
			border-bottom: inherit;
			padding: inherit;
			margin: inherit;
		}
		p.three {
			font-size:9.75pt;
			text-align: justify;
			line-height: 1.8em;
		}
			p.three span {
				font-size:7.75pt;
			}
		p.four {
			font-size:11.75pt;
			text-align: center;
			line-height: 1.6em;
		}


	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;
		width: 1400px;
	}

		.container.medium {
			width: 1050px;
		}

		@media screen and (max-width: 1680px) {

			.container {
				width: 1200px;
			}

				.container.medium {
					width: 900px;
				}

		}

		@media screen and (max-width: 1280px) {

			.container {
				width: 960px;
			}

				.container.medium {
					width: 735px;
				}

		}

		@media screen and (max-width: 980px) {

			.container {
				width: 95%;
			}

				.container.medium {
					width: 71.25%;
				}

		}
		@media screen and (max-width: 991px) {
			#staff .staff-box {
				margin:-10px;
			}
		}
		@media screen and (max-width: 840px) {

			.container {
				width: 95%;
			}

				.container.medium {
					width: 95%;
				}

		}

		@media screen and (max-width: 736px) {

			.container {
				width: 100%;
			}

				.container.medium {
					width: 100%;
				}

		}

/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0px;
			margin-left: 0px;
		}

			.row.gtr-0 > * {
				padding: 0px 0 0 0px;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0px;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0px;
				}

		.row.gtr-25 {
			margin-top: -12.5px;
			margin-left: -12.5px;
		}

			.row.gtr-25 > * {
				padding: 12.5px 0 0 12.5px;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -12.5px;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 12.5px;
				}

		.row.gtr-50 {
			margin-top: -25px;
			margin-left: -25px;
		}

			.row.gtr-50 > * {
				padding: 25px 0 0 25px;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -25px;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 25px;
				}

		.row {
			margin-top: -50px;
			margin-left: -50px;
		}

			.row > * {
				padding: 50px 0 0 50px;
			}

			.row.gtr-uniform {
				margin-top: -50px;
			}

				.row.gtr-uniform > * {
					padding-top: 50px;
				}

		.row.gtr-150 {
			margin-top: -75px;
			margin-left: -75px;
		}

			.row.gtr-150 > * {
				padding: 75px 0 0 75px;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -75px;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 75px;
				}

		.row.gtr-200 {
			margin-top: -100px;
			margin-left: -100px;
		}

			.row.gtr-200 > * {
				padding: 100px 0 0 100px;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -100px;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 100px;
				}

		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-wide {
					order: -1;
				}

				.row > .col-1-wide {
					width: 8.33333%;
				}

				.row > .off-1-wide {
					margin-left: 8.33333%;
				}

				.row > .col-2-wide {
					width: 16.66667%;
				}

				.row > .off-2-wide {
					margin-left: 16.66667%;
				}

				.row > .col-3-wide {
					width: 25%;
				}

				.row > .off-3-wide {
					margin-left: 25%;
				}

				.row > .col-4-wide {
					width: 33.33333%;
				}

				.row > .off-4-wide {
					margin-left: 33.33333%;
				}

				.row > .col-5-wide {
					width: 41.66667%;
				}

				.row > .off-5-wide {
					margin-left: 41.66667%;
				}

				.row > .col-6-wide {
					width: 50%;
				}

				.row > .off-6-wide {
					margin-left: 50%;
				}

				.row > .col-7-wide {
					width: 58.33333%;
				}

				.row > .off-7-wide {
					margin-left: 58.33333%;
				}

				.row > .col-8-wide {
					width: 66.66667%;
				}

				.row > .off-8-wide {
					margin-left: 66.66667%;
				}

				.row > .col-9-wide {
					width: 75%;
				}

				.row > .off-9-wide {
					margin-left: 75%;
				}

				.row > .col-10-wide {
					width: 83.33333%;
				}

				.row > .off-10-wide {
					margin-left: 83.33333%;
				}

				.row > .col-11-wide {
					width: 91.66667%;
				}

				.row > .off-11-wide {
					margin-left: 91.66667%;
				}

				.row > .col-12-wide {
					width: 100%;
				}

				.row > .off-12-wide {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-25 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 10px;
						}

				.row.gtr-50 {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row.gtr-50 > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 20px;
						}

				.row {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row > * {
						padding: 0.4em;
/*
						padding: 40px 0 0 40px;
*/
					}

					.row.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-uniform > * {
							padding-top: 40px;
						}

				.row.gtr-150 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-150 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 60px;
						}

				.row.gtr-200 {
					margin-top: -80px;
					margin-left: -80px;
				}

					.row.gtr-200 > * {
						padding: 80px 0 0 80px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -80px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 80px;
						}

		}

		@media screen and (max-width: 1280px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-normal {
					order: -1;
				}

				.row > .col-1-normal {
					width: 8.33333%;
				}

				.row > .off-1-normal {
					margin-left: 8.33333%;
				}

				.row > .col-2-normal {
					width: 16.66667%;
				}

				.row > .off-2-normal {
					margin-left: 16.66667%;
				}

				.row > .col-3-normal {
					width: 25%;
				}

				.row > .off-3-normal {
					margin-left: 25%;
				}

				.row > .col-4-normal {
					width: 33.33333%;
				}

				.row > .off-4-normal {
					margin-left: 33.33333%;
				}

				.row > .col-5-normal {
					width: 41.66667%;
				}

				.row > .off-5-normal {
					margin-left: 41.66667%;
				}

				.row > .col-6-normal {
					width: 50%;
				}

				.row > .off-6-normal {
					margin-left: 50%;
				}

				.row > .col-7-normal {
					width: 58.33333%;
				}

				.row > .off-7-normal {
					margin-left: 58.33333%;
				}

				.row > .col-8-normal {
					width: 66.66667%;
				}

				.row > .off-8-normal {
					margin-left: 66.66667%;
				}

				.row > .col-9-normal {
					width: 75%;
				}

				.row > .off-9-normal {
					margin-left: 75%;
				}

				.row > .col-10-normal {
					width: 83.33333%;
				}

				.row > .off-10-normal {
					margin-left: 83.33333%;
				}

				.row > .col-11-normal {
					width: 91.66667%;
				}

				.row > .off-11-normal {
					margin-left: 91.66667%;
				}

				.row > .col-12-normal {
					width: 100%;
				}

				.row > .off-12-normal {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-25 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 10px;
						}

				.row.gtr-50 {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row.gtr-50 > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 20px;
						}

				.row {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row > * {
						padding: 0.8em 0 0 2.4em;	/*40px 0 0 40px;*/
					}

					.row.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-uniform > * {
							padding-top: 40px;
						}

				.row.gtr-150 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-150 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 60px;
						}

				.row.gtr-200 {
					margin-top: -80px;
					margin-left: -80px;
				}

					.row.gtr-200 > * {
						padding: 80px 0 0 80px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -80px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 80px;
						}

		}

		@media screen and (max-width: 980px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-narrow {
					order: -1;
				}

				.row > .col-1-narrow {
					width: 8.33333%;
				}

				.row > .off-1-narrow {
					margin-left: 8.33333%;
				}

				.row > .col-2-narrow {
					width: 16.66667%;
				}

				.row > .off-2-narrow {
					margin-left: 16.66667%;
				}

				.row > .col-3-narrow {
					width: 25%;
				}

				.row > .off-3-narrow {
					margin-left: 25%;
				}

				.row > .col-4-narrow {
					width: 33.33333%;
				}

				.row > .off-4-narrow {
					margin-left: 33.33333%;
				}

				.row > .col-5-narrow {
					width: 41.66667%;
				}

				.row > .off-5-narrow {
					margin-left: 41.66667%;
				}

				.row > .col-6-narrow {
					width: 50%;
				}

				.row > .off-6-narrow {
					margin-left: 50%;
				}

				.row > .col-7-narrow {
					width: 58.33333%;
				}

				.row > .off-7-narrow {
					margin-left: 58.33333%;
				}

				.row > .col-8-narrow {
					width: 66.66667%;
				}

				.row > .off-8-narrow {
					margin-left: 66.66667%;
				}

				.row > .col-9-narrow {
					width: 75%;
				}

				.row > .off-9-narrow {
					margin-left: 75%;
				}

				.row > .col-10-narrow {
					width: 83.33333%;
				}

				.row > .off-10-narrow {
					margin-left: 83.33333%;
				}

				.row > .col-11-narrow {
					width: 91.66667%;
				}

				.row > .off-11-narrow {
					margin-left: 91.66667%;
				}

				.row > .col-12-narrow {
					width: 100%;
				}

				.row > .off-12-narrow {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -7.5px;
					margin-left: -7.5px;
				}

					.row.gtr-25 > * {
						padding: 7.5px 0 0 7.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -7.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 7.5px;
						}

				.row.gtr-50 {
					margin-top: -15px;
					margin-left: -15px;
				}

					.row.gtr-50 > * {
						padding: 15px 0 0 15px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -15px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 15px;
						}

				.row {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-150 {
					margin-top: -45px;
					margin-left: -45px;
				}

					.row.gtr-150 > * {
						padding: 45px 0 0 45px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -45px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 45px;
						}

				.row.gtr-200 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-200 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 60px;
						}

		}

		@media screen and (max-width: 840px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-narrower {
					order: -1;
				}

				.row > .col-1-narrower {
					width: 8.33333%;
				}

				.row > .off-1-narrower {
					margin-left: 8.33333%;
				}

				.row > .col-2-narrower {
					width: 16.66667%;
				}

				.row > .off-2-narrower {
					margin-left: 16.66667%;
				}

				.row > .col-3-narrower {
					width: 25%;
				}

				.row > .off-3-narrower {
					margin-left: 25%;
				}

				.row > .col-4-narrower {
					width: 33.33333%;
				}

				.row > .off-4-narrower {
					margin-left: 33.33333%;
				}

				.row > .col-5-narrower {
					width: 41.66667%;
				}

				.row > .off-5-narrower {
					margin-left: 41.66667%;
				}

				.row > .col-6-narrower {
					width: 50%;
				}

				.row > .off-6-narrower {
					margin-left: 50%;
				}

				.row > .col-7-narrower {
					width: 58.33333%;
				}

				.row > .off-7-narrower {
					margin-left: 58.33333%;
				}

				.row > .col-8-narrower {
					width: 66.66667%;
				}

				.row > .off-8-narrower {
					margin-left: 66.66667%;
				}

				.row > .col-9-narrower {
					width: 75%;
				}

				.row > .off-9-narrower {
					margin-left: 75%;
				}

				.row > .col-10-narrower {
					width: 83.33333%;
				}

				.row > .off-10-narrower {
					margin-left: 83.33333%;
				}

				.row > .col-11-narrower {
					width: 91.66667%;
				}

				.row > .off-11-narrower {
					margin-left: 91.66667%;
				}

				.row > .col-12-narrower {
					width: 100%;
				}

				.row > .off-12-narrower {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -7.5px;
					margin-left: -7.5px;
				}

					.row.gtr-25 > * {
						padding: 7.5px 0 0 7.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -7.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 7.5px;
						}

				.row.gtr-50 {
					margin-top: -15px;
					margin-left: -15px;
				}

					.row.gtr-50 > * {
						padding: 15px 0 0 15px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -15px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 15px;
						}

				.row {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-150 {
					margin-top: -45px;
					margin-left: -45px;
				}

					.row.gtr-150 > * {
						padding: 45px 0 0 45px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -45px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 45px;
						}

				.row.gtr-200 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-200 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 60px;
						}

		}

		@media screen and (max-width: 736px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-mobile {
					order: -1;
				}

				.row > .col-1-mobile {
					width: 8.33333%;
				}

				.row > .off-1-mobile {
					margin-left: 8.33333%;
				}

				.row > .col-2-mobile {
					width: 16.66667%;
				}

				.row > .off-2-mobile {
					margin-left: 16.66667%;
				}

				.row > .col-3-mobile {
					width: 25%;
				}

				.row > .off-3-mobile {
					margin-left: 25%;
				}

				.row > .col-4-mobile {
					width: 33.33333%;
				}

				.row > .off-4-mobile {
					margin-left: 33.33333%;
				}

				.row > .col-5-mobile {
					width: 41.66667%;
				}

				.row > .off-5-mobile {
					margin-left: 41.66667%;
				}

				.row > .col-6-mobile {
					width: 50%;
				}

				.row > .off-6-mobile {
					margin-left: 50%;
				}

				.row > .col-7-mobile {
					width: 58.33333%;
				}

				.row > .off-7-mobile {
					margin-left: 58.33333%;
				}

				.row > .col-8-mobile {
					width: 66.66667%;
				}

				.row > .off-8-mobile {
					margin-left: 66.66667%;
				}

				.row > .col-9-mobile {
					width: 75%;
				}

				.row > .off-9-mobile {
					margin-left: 75%;
				}

				.row > .col-10-mobile {
					width: 83.33333%;
				}

				.row > .off-10-mobile {
					margin-left: 83.33333%;
				}

				.row > .col-11-mobile {
					width: 91.66667%;
				}

				.row > .off-11-mobile {
					margin-left: 91.66667%;
				}

				.row > .col-12-mobile {
					width: 100%;
				}

				.row > .off-12-mobile {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -7.5px;
					margin-left: -7.5px;
				}

					.row.gtr-25 > * {
						padding: 7.5px 0 0 7.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -7.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 7.5px;
						}

				.row.gtr-50 {
					margin-top: -15px;
					margin-left: -15px;
				}

					.row.gtr-50 > * {
						padding: 15px 0 0 15px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -15px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 15px;
						}

				.row {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-150 {
					margin-top: -45px;
					margin-left: -45px;
				}

					.row.gtr-150 > * {
						padding: 45px 0 0 45px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -45px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 45px;
						}

				.row.gtr-200 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-200 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 60px;
						}

		}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}
/*
	header {
		padding-top:2em;
	}
*/
	header.major {
		padding-bottom: 2em;
	}
	
	header.special {
		margin-bottom: 5em;
		padding-top: 7em;
		position: relative;
		text-align: center;
	}

		header.special:before,
		header.special:after {
			border-bottom: solid 1.5px #341B2B;
			border-top: solid 1.5px #341B2B;
			content: '';
			height: 7px;
			opacity: 0.1;
			position: absolute;
			top: 1.75em;
			width: 43%;
		}

		header.special:before {
			left: 0;
		}
		header.special:after {
			right: 0;
		}

		header.special h2 {
			/*
			margin-bottom: 0;
			*/
		}

			header.special h2 .subtitle {
				font-size: 14.75pt;
				margin: 0 auto 1.6em;
			}

		header.special h2 + p {
			margin-bottom: 0;
			padding-top: 1.5em;
		}

		header.special .icon {
			cursor: default;
			height: 7em;
			left: 0;
			position: absolute;
			text-align: center;
			top: 1em;
			width: 100%;
		}

			header.special .icon:before {
				font-size: 3.5em;
				opacity: 0.35;
			}


			header.special .icon-diamond {
				background-image: url("../../images/diamond.svg");
				background-size: contain;
				background-position: center center;
				background-repeat: no-repeat;
				width: 3.6em;
				height: 3.0em;
				display: block;
				position: absolute;
				top: 0.8em;	/*0.4em;*/
				left: 0;
				right: 0;
				margin: 0 auto;
			}
			header.special .icon-silkhat {
				background-image: url("../../images/diamond.svg");
				background-size: contain;
				background-position: center center;
				background-repeat: no-repeat;
				width: 3.6em;
				height: 3.0em;
				display: block;
				position: absolute;
				top: 0.8em;	/*0.4em;*/
				left: 0;
				right: 0;
				margin: 0 auto;
			}
			header.special .icon-silkhat-2 {
				background-image: url("../../images/silkhat2.svg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				width: 4em;
				height: 4em;
				display: block;
				position: absolute;
				top: 0.4em;
				left: 0;
				right: 0;
				margin: 0 auto;
			}

	footer > :last-child {
		margin-bottom: 0;
	}

	footer.major {
		padding-top: 3em;
	}

/* Form */
/*
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(124, 128, 129, 0.2);
		border-radius: 0;
		color: inherit;
		display: block;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			border-color: #83d3c9;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	::-webkit-input-placeholder {
		color: inherit;
		opacity: 0.5;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	::-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	:-ms-input-placeholder {
		color: inherit;
		opacity: 0.5;
	}

/* Image */

	.image {
		border: 0;
		position: relative;
	}

		.image:before {
			background: url("images/overlay.png");
			content: '';
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

		.image.fit {
			display: block;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

		.image.featured {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.featured img {
				display: block;
				width: 100%;
			}

/* Icon */

	.icon {
		text-decoration: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}

		.icon.circle {
			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			border: 0;
			border-radius: 100%;
			display: inline-block;
			font-size: 1.25em;
			height: 2.25em;
			left: 0;
			line-height: 2.25em;
			text-align: center;
			text-decoration: none;
			top: 0;
			width: 2.25em;
		}

			.icon.circle:hover {
				top: -0.2em;
			}

			.icon.circle.fa-twitter {
				background: #70aecd;
				color: #fff;
			}

				.icon.circle.fa-twitter:hover {
					background: #7fb7d2;
				}

			.icon.circle.fa-facebook-f {
				background: #7490c3;
				color: #fff;
			}

				.icon.circle.fa-facebook-f:hover {
					background: #829bc9;
				}

			.icon.circle.fa-google-plus-g {
				background: #db6b67;
				color: #fff;
			}

				.icon.circle.fa-google-plus-g:hover {
					background: #df7b77;
				}

			.icon.circle.fa-github {
				background: #dcad8b;
				color: #fff;
			}

				.icon.circle.fa-github:hover {
					background: #e1b89b;
				}

			.icon.circle.fa-dribbble {
				background: #da83ae;
				color: #fff;
			}

				.icon.circle.fa-dribbble:hover {
					background: #df93b8;
				}

		.icon.featured {
			cursor: default;
			display: block;
			margin: 0 0 1.5em 0;
			opacity: 0.35;
			text-align: center;
			color:#341B2B;
		}

			.icon.featured:before {
				font-size: 5em;
				line-height: 1em;
			}

		.icon > .label {
			display: none;
		}



.icon3-box {
	width: 10em;
	height:8em;
	margin: 0 auto 1.6em;
	display: block;
}


/* List */

	ol {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

/* Icons */

	ul.icons {
		list-style: none;
		padding-left: 0;
		cursor: default;
		margin:0.8em auto 0.4em;
	}

		ul.icons li {
			display: inline-block;
			line-height: 1em;
			padding-left: 0.5em;
		}

			ul.icons li:first-child {
				padding-left: 0;
			}

/* Featured Icons */

	ul.featured-icons {
		cursor: default;
		margin: -0.75em 0 0 0;
		opacity: 0.35;
		overflow: hidden;
		position: relative;
		list-style: none;
		padding-left: 0;
	}

		ul.featured-icons li {
			display: block;
			float: left;
			text-align: center;
			width: 50%;
			padding-left: 0;
			margin-bottom: 1em;
		}

			ul.featured-icons li .icon {
				display: inline-block;
				font-size: 5.5em;
				height: 1em;
				line-height: 1.5em;
				width: 1em;
			}

/* Buttons */

	ul.buttons {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}

		ul.buttons:last-child {
			margin-bottom: 0;
		}

		ul.buttons li {
			display: inline-block;
			padding: 0 0 0 1.5em;
		}

			ul.buttons li:first-child {
				padding: 0;
			}

		ul.buttons.stacked li {
			display: block;
			padding: 1.5em 0 0 0;
		}

			ul.buttons.stacked li:first-child {
				padding: 0;
			}

/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #7c8081;
				color: #fff;
			}

/* Button */


.button0 {
	display: inline-block;
	width: auto;	/*auto;*/
	/* height: 50px; */
	/* line-height: 50px; */
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #111;
	z-index: 0;
	padding: 0.4em 1.6em;
	border: groove 5px #999;	/*double 5px #8B0000;*/
	border-radius: 12em;
	line-height: 1.2em;
	/*text-shadow: 0px 1px 3px #333;*/
	margin: 0.8em auto;
	font-size:9.75pt;
	letter-spacing:-0.01em;
}
		.button0:before{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-1;
			left:0;
			transition:0.5s;
			background:linear-gradient(#fff,#efefef);
			border-radius: 12em;
		}
		.button0:after{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-2;
			left:0;
			background:linear-gradient(#eee,#ccc);
			border-radius: 12em;
		}
	.button0:hover:before{
		opacity:0;
	}


.button0a {
	display: block;
	width: 100%;	/*auto;*/
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #111;
	z-index: 0;
	padding: 0.4em 1.6em;
	border: groove 5px #999;	/*double 5px #8B0000;*/
	border-radius: 12em;
	line-height: 1.2em;
	/*text-shadow: 0px 1px 3px #333;*/
	margin: 0.8em auto;
	font-size:9.75pt;
	letter-spacing:-0.01em;
}
		.button0a:before{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-1;
			left:0;
			transition:0.5s;
			background:linear-gradient(#fff,#efefef);
			border-radius: 12em;
		}
		.button0a:after{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-2;
			left:0;
			background:linear-gradient(#eee,#ccc);
			border-radius: 12em;
		}
	.button0a:hover:before{
		opacity:0;
	}
.button0a2 {
	display: block;
	width: 100%;	/*auto;*/
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #111;
	z-index: 0;
	padding: 0.4em 1.6em;
	border: groove 5px #999;	/*double 5px #8B0000;*/
	border-radius: 12em;
	line-height: 1.2em;
	/*text-shadow: 0px 1px 3px #333;*/
	margin: 0.8em auto;
	font-size:11.75pt;
	letter-spacing:-0.02em;
}
		.button0a2:before{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-1;
			left:0;
			transition:0.5s;
			background:linear-gradient(#fff,#efefef);
			border-radius: 12em;
		}
		.button0a2:after{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-2;
			left:0;
			background:linear-gradient(#eee,#ccc);
			border-radius: 12em;
		}
	.button0a2:hover:before{
		opacity:0;
	}



.button0b {
	display: block;
	width: 100%;	/*auto;*/
	height:auto;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #111;
	z-index: 0;
	padding: 0.8em 0.4em;	/*0.4em 1.6em;*/
	border: groove 5px #999;	/*double 5px #8B0000;*/
	border-radius: 12em;
	line-height: 1.2em;
	/*text-shadow: 0px 1px 3px #333;*/
	margin: 0.8em auto;
	font-size:11.25pt;
	font-weight:600;
	letter-spacing:-0.01em;
}
		.button0b:before{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-1;
			left:0;
			transition:0.5s;
			background:linear-gradient(#fff,#efefef);
			border-radius: 12em;
		}
		.button0b:after{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-2;
			left:0;
			background:linear-gradient(#eee,#ccc);
			border-radius: 12em;
		}
	.button0b:hover:before{
		opacity:0;
	}


.button1a {
	display: inline-block;
	width: auto;	/*90%;*/
	/* height: 50px; */
	/* line-height: 50px; */
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #fff;
	z-index: 0;
	padding: 0.8em 2.4em;
	border: groove 5px;	/*double 5px #8B0000;*/
	border-radius: 12em;
	line-height: 1.4em;
	text-shadow: 0px 1px 3px #333;
	margin: 0 auto;
	font-size:14.75pt;
	font-weight:600;
	letter-spacing:0.1em;
}
		.button1a:before{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-1;
			left:0;
			transition:0.5s;
			background:linear-gradient(#036eb8,#02538a);
			/*
			background:linear-gradient(#CC1722,#640303);
			*/
			border-radius: 12em;
		}
		.button1a:after{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-2;
			left:0;
			background:linear-gradient(#81c3f0,#0081d9);
			/*
			background:linear-gradient(#FF000F,#aa0202);
			*/
			border-radius: 12em;
		}
	.button1a:hover:before{
		opacity:0;
	}
@media screen and (max-width: 1084px) {
	.button1a {
		font-size:10.75pt;
	}
}

.button1b {
	display: inline-block;
	width: 90%;
	/* height: 50px; */
	/* line-height: 50px; */
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #fff;
	z-index: 0;
	padding: 0.8em 0.4em;
	border: groove 5px;	/*double 5px #8B0000;*/
	border-radius: 12em;
	line-height: 1.4em;
	text-shadow: 0px 1px 3px #333;
	margin: 0 auto;
	font-size:11.75pt;
	letter-spacing:0.1em;
}
		.button1b:before{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-1;
			left:0;
			transition:0.5s;
			background:linear-gradient(#CC1722,#640303);
			border-radius: 12em;
		}
		.button1b:after{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-2;
			left:0;
			background:linear-gradient(#FF000F,#aa0202);
			border-radius: 12em;
		}
	.button1b:hover:before{
		opacity:0;
	}
@media screen and (max-width: 600px) {
	.button1a {
		width: 98%;
		padding: 0.8em 1.2em;
		line-height: 1.2em;
		margin: 0 auto;
		font-size:10.75pt;
		letter-spacing:0.05em;
	}
	.button1b {
		width: 98%;
		padding: 0.8em 1.2em;
		line-height: 1.2em;
		margin: 0 auto;
		font-size:10.75pt;
		letter-spacing:0.05em;
	}
}

.button2 {
	display: inline-block;
	width: 90%;
	/* height: 50px; */
	/* line-height: 50px; */
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #fff;
	z-index: 0;
	padding: 0.8em 0.4em;
	border: groove 5px;	/*double 5px #8B0000;*/
	border-radius: 12em;
	line-height: 1.4em;
	text-shadow: 0px 1px 3px #333;
/*
	box-shadow: 1px 4px 6px #ccc;
*/
	margin: 0 auto;	/* 0.8em;*/
	font-size:11.75pt;
	letter-spacing:0.2em;
}
		.button2:before{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-1;
			left:0;
			transition:0.5s;
			background:linear-gradient(#036eb8,#02538a);
	/*
			background:linear-gradient(#CC1722,#640303);
			background:linear-gradient(#E61E2B,#8B0000);
			background:linear-gradient(#00ccff,#0066ff);
	*/
			border-radius: 12em;
		}
		.button2:after{
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			z-index:-2;
			left:0;
			background:linear-gradient(#81c3f0,#0081d9);
	/*
			background:linear-gradient(#FF000F,#aa0202);
			background:linear-gradient(#8B0000,#E61E2B);
			background:linear-gradient(#ff3300,#ff9900);
	*/
			border-radius: 12em;
		}
	.button2:hover:before{
		opacity:0;
	}


.button3 {
	display: inline-block;
	width: 75%;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #fff;
	z-index: 0;
	padding: 0.8em 0.4em 0.4em;
	border: groove 5px;	/*double 5px #8B0000;*/
	border-radius: 12em;
	line-height: 1.2em;
	text-shadow: 0px 1px 3px #333;
	box-shadow: 1px 4px 6px #ccc;
	margin: 0 auto 0.8em;
}
	.button3:before{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-1;
		left:0;
		transition:0.5s;
		background:linear-gradient(#036eb8,#02538a);
/*
		background:linear-gradient(#CC1722,#640303);

		background:linear-gradient(#E61E2B,#8B0000);	/*	あお
		background:linear-gradient(#E61E2B,#8B0000);
		background:linear-gradient(#00ccff,#0066ff);
*/
		border-radius: 12em;
	}
	.button3:after{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-2;
		left:0;
		background:linear-gradient(#81c3f0,#0081d9);
/*
		background:linear-gradient(#FF000F,#aa0202);

		background:linear-gradient(#609EFF,#0637CA);	/*あお
		background:linear-gradient(#8B0000,#E61E2B);
		background:linear-gradient(#ff3300,#ff9900);
*/
		border-radius: 12em;
	}
	.button3:hover:before{
		opacity:0;
	}

@media screen and (max-width: 600px) {
	.button3 {
/*
		display: inline-block;
		position: relative;
		text-decoration: none;
		text-align: center;
		color: #fff;
		z-index: 0;
		padding: 0.4em 0.4em;
		border: groove 5px;
		border-radius: 12em;
		line-height: 1.4em;
		text-shadow: 0px 1px 3px #333;
		box-shadow: 1px 4px 6px #ccc;
		margin: 0 auto 0.8em;
*/
		font-size:10.75pt;
		width: 95%;
		line-height:1.2em;
	}
}


.button4 {
	display: inline-block;
	width: 95%;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #fff;
	z-index: 0;
	padding: 0.8em 1.6em;
	border: groove 5px;	/*double 5px #8B0000;*/
	border-radius: 12em;
	line-height: 1.2em;
	text-shadow: 0px 1px 3px #333;
	box-shadow: 1px 4px 6px #ccc;
	margin: 0.8em auto 0.8em;
	font-size:11.75pt;
	letter-spacing:-0.01em;
	max-width: inherit;
}
	.button4:before{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-1;
		left:0;
		transition:0.5s;
		background:linear-gradient(#036eb8,#02538a);
/*
		background:linear-gradient(#CC1722,#640303);
*/
		border-radius: 3em;
	}
	.button4:after{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-2;
		left:0;
		background:linear-gradient(#81c3f0,#0081d9);
/*		
		background:linear-gradient(#FF000F,#aa0202);
*/
		border-radius: 3em;
	}
	.button4:hover:before{
		opacity:0;
	}
@media screen and (max-width: 600px) {
}

.button5 {
	color: #111;
	font-size: 16.75pt;
	line-height: 1.2em;
	border: solid 3px #0081d9;
	display: block;
	padding: 0.8em 0.4em 0.4em;
	margin: 0 auto 1.6em;
	border-radius: 6px;
	text-shadow: 0px 1px 6px #aaa;
	background-color: #fff;
}	
	.button5:hover {
		color: #fff;
		background-color: #81c3f0;
	}






.button3b {
	display: inline-block;
	width: 100%;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #fff;
	z-index: 0;
	padding: 0.4em 0.4em 0.4em;
	border: groove 5px;	/*double 5px #8B0000;*/
	border-radius: 6px;
	line-height: 1.6em;
	text-shadow: 0px 1px 3px #333;
	box-shadow: 1px 4px 6px #ccc;
	margin: 0 auto 0.8em;
}
	.button3b:before{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-1;
		left:0;
		transition:0.5s;
		background:linear-gradient(#036eb8,#02538a);
		border-radius: 6px;
	}
	.button3b:after{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-2;
		left:0;
		background:linear-gradient(#81c3f0,#0081d9);
		border-radius: 6px;
	}
	.button3b:hover:before{
		opacity:0;
	}

@media screen and (max-width: 600px) {
	.button3b {
		font-size:10.75pt;
		width: 95%;
		line-height:1.2em;
	}
}










.buttonFlow {
	display: inline-block;
	width: 100%;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #036eb8;
	z-index: 0;
	padding: 0.8em 0.4em;
	border: groove 4px;	/*double 5px #8B0000;*/
	line-height: 1.2em;
	text-shadow: 0px 1px 3px #aaa;
	box-shadow: 1px 4px 6px #ccc;
	margin: 0 auto 0.8em;
	border-radius: 6px;
}
	.buttonFlow:before{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-1;
		left:0;
		transition:0.5s;
		background: linear-gradient(#fff,#fff);
		/*
		background:linear-gradient(#036eb8,#02538a);
		background: linear-gradient(rgba(129, 195, 240, 0.6),rgba(0, 129, 217, 0.6));
		*/
		border-radius: 6px;
	}
	.buttonFlow:after{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-2;
		left:0;
		background:linear-gradient(#eee,#ccc);
		/*
		background: linear-gradient(#81c3f0,#0081d9);
		background: linear-gradient(rgba(3, 110, 184, 0.6),rgba(2, 83, 138, 0.6));
		*/
		border-radius: 6px;
	}
	.buttonFlow:hover:before{
		opacity:0;
	}
	.buttonFlow .text-color {
		color:#111;
	}
@media screen and (max-width: 600px) {
	.buttonFlow {
		font-size:10.75pt;
		width: 95%;
		line-height:1.2em;
	}
}


.buttonFlow2 {
	display: inline-block;
	width: 100%;
	height:4.8em;
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #036eb8;
	z-index: 0;
	padding: 0.8em 0.4em;
	border: groove 4px;	/*double 5px #8B0000;*/
	line-height: 1.2em;
	text-shadow: 0px 1px 3px #aaa;
	box-shadow: 1px 4px 6px #ccc;
	margin: 0 auto 0.8em;
	border-radius: 6px;
}
	.buttonFlow2:before{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-1;
		left:0;
		transition:0.5s;
		background: linear-gradient(#fff,#fff);
		/*
		background:linear-gradient(#036eb8,#02538a);
		background: linear-gradient(rgba(129, 195, 240, 0.6),rgba(0, 129, 217, 0.6));
		*/
		border-radius: 6px;
	}
	.buttonFlow2:after{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		z-index:-2;
		left:0;
		background:linear-gradient(#eee,#ccc);
		/*
		background: linear-gradient(#81c3f0,#0081d9);
		background: linear-gradient(rgba(3, 110, 184, 0.6),rgba(2, 83, 138, 0.6));
		*/
		border-radius: 6px;
	}
	.buttonFlow2:hover:before{
		opacity:0;
	}
	.buttonFlow2 .text-color {
		color:#111;
	}
	
	.buttonFlow2 .set-text-box {
		margin: 0 auto;
		display: inline-block;
	}

		.buttonFlow2 .set-text-box .set-text {
			display:inline-block;
			width:auto;
			height:auto;
			position:relative;
		}
			.buttonFlow2 .set-text-box .set-text:after {
				white-space: pre;
				content: '';
				font-size: 14.25pt;
				color:#111;
				
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateY(-50%) translateX(-50%);
				-webkit-transform: translateY(-50%) translateX(-50%);
	
				display: inline-block;
				width: auto;
				background-color: aqua;
			}
		.buttonFlow2 .set-text-box .set-text-s {
			color:#111;
			margin-top:0.4em;
/*
			display:block;
			position:relative;
*/
		}
		
		
		
		.buttonFlow2 .set-text-box .set-text-icon {
			display:inline-block;

			background-image: url("../../images/icon/icon_toroku_b.svg");
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			width: 3.2em;
			height: 2.8em;
			position:absolute;
			top:-0.1em;
			left:-3.6em;
		}


/*
		.buttonFlow2 .set-text-box .set-text:before {
			content:"";
			background-image: url("../../images/icon/icon_toroku_b.svg");
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			width: 3.2em;
			height: 2.8em;
			display: block;

			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%) translateX(0);
			-webkit-transform: translateY(-50%) translateX(0);
		}
*/		
		
@media screen and (max-width: 600px) {
	.buttonFlow2 {
		font-size:10.75pt;
		width: 95%;
		line-height:1.2em;
	}
}






.iconbox-flow {
	background-image: url("../../images/icon/icon_toroku_b.svg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 3.2em;
	height: 2.8em;
	display: block;
	position: absolute;
	top: 0.4em;
	left: 0.4em;
	margin: 0 auto;
}




/*
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button, 
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	background: none;
	border: double 6px;
	border-radius: 24em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 11.75pt;
	font-weight: 300;
	letter-spacing: 2px;
	padding: 0.8em 1.6em;
	line-height: 1.6em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background:linear-gradient(#036eb8,#02538a);
}
*/



input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button, 
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	background: none;
	border: double 5px;	/*solid 1px;*/
	border-radius: 6em;	/*8em;*/
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 10.75pt;
	font-weight: 300;
	letter-spacing: 0.05em;
	/*min-width: 18em;*/
	padding: 0.8em 1.6em;
	line-height: 1.2em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background:linear-gradient(#036eb8,#02538a);
	/*background-color: #8B0000;	/*#E61E2B;	/*rgba(171,34,28,0.8);*/
	/*transition : all 0.5s ease 0s;*/

}
		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {

			background:linear-gradient(#81c3f0,#0081d9);
/*			background-color: #E61E2B;	/*#8B0000;	/*#E61E2B;	/*rgba(171,34,28,0.8);*/

/*
			background: rgba(66,33,11,0.9);
*/
			border-color: inherit;
		}

/*
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: none;
		border: solid 1px;
		border-radius: 2em;
		color: inherit;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 900;
		letter-spacing: 2px;
		min-width: 18em;
		padding: 0 0.75em;
		line-height: 3.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		background-color:rgba(171,34,28,0.8);
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background: rgba(188, 202, 206, 0.15);
			border-color: inherit;
		}
*/


	input[type="button"].moshikomi, 
	input[type="submit"].moshikomi, 
	input[type="reset"].moshikomi, 
	button.moshikomi, 
	.button.moshikomi {
		background: #9F0808;
		border-color: #BDBBBA;
		color: #fff !important;
		line-height: 1.2em;
		padding: 0.8em 1.6em 0.4em;
		margin: 1.6em auto;
		box-shadow: 0 1px 3px #333;
		border-radius: 64px;
	}

			input[type="button"].moshikomi:hover,
			input[type="submit"].moshikomi:hover,
			input[type="reset"].moshikomi:hover,
			button.moshikomi:hover,
			.button.moshikomi:hover {
				background: #42210be6 !important;
				border-color: #42210be6 !important;
			}










		input[type="button"].primary,
		input[type="submit"].primary,
		input[type="reset"].primary,
		button.primary,
		.button.primary {
			background: #83d3c9;
			border-color: #83d3c9;
			color: #fff !important;
		}

			input[type="button"].primary:hover,
			input[type="submit"].primary:hover,
			input[type="reset"].primary:hover,
			button.primary:hover,
			.button.primary:hover {
				background: #96dad1 !important;
				border-color: #96dad1 !important;
			}

		input[type="button"].fit,
		input[type="submit"].fit,
		input[type="reset"].fit,
		button.fit,
		.button.fit {
			width: 100%;
		}

		input[type="button"].small,
		input[type="submit"].small,
		input[type="reset"].small,
		button.small,
		.button.small {
			font-size: 0.7em;
			min-width: 14em;
			padding: 0.5em 0;
		}

/* Wrapper */

	.wrapper {
		margin-bottom: 5em;
		padding: 5em;
	}

		.wrapper.style1 {
			padding: 0;
		}

		.wrapper.style2 {
/*
			background-color: #83d3c9;
			background-image: url("images/light-bl.svg"), url("images/light-br.svg");
			background-position: bottom left, bottom right;
			background-repeat: no-repeat, no-repeat;
			background-size: 25em, 25em;
			color: #fff;
*/
			background-color: rgba(52, 27, 43, 1.0);	/*#080910;*/
			background-image: url("../../images/silkhat_man1.svg");
			background-position: 90% center;
			background-repeat: no-repeat;
			background-size: contain;
			color: #fff;

		}

			.wrapper.style2 input[type="button"]:hover,
			.wrapper.style2 input[type="submit"]:hover,
			.wrapper.style2 input[type="reset"]:hover,
			.wrapper.style2 button:hover,
			.wrapper.style2 .button:hover {
				background: rgba(255, 255, 255, 0.15) !important;
			}

			.wrapper.style2 input[type="button"].primary,
			.wrapper.style2 input[type="submit"].primary,
			.wrapper.style2 input[type="reset"].primary,
			.wrapper.style2 button.primary,
			.wrapper.style2 .button.primary {
				background: #fff;
				border-color: #fff;
				color: #83d3c9 !important;
			}

				.wrapper.style2 input[type="button"].primary:hover,
				.wrapper.style2 input[type="submit"].primary:hover,
				.wrapper.style2 input[type="reset"].primary:hover,
				.wrapper.style2 button.primary:hover,
				.wrapper.style2 .button.primary:hover {
					border-color: inherit !important;
					color: #fff !important;
				}

		.wrapper.style3 {
			background: #fff;
			color: inherit;
		}

		.wrapper.style4 {
			background: #fff;
			color: inherit;
			padding: 4em;
		}


		.wrapper.style5 {
/*
			background-color: #83d3c9;
			background-image: url("images/light-bl.svg"), url("images/light-br.svg");
			background-position: bottom left, bottom right;
			background-repeat: no-repeat, no-repeat;
			background-size: 25em, 25em;
			color: #fff;
*/
			background-color: rgba(52, 27, 43, 1.0);	/*#080910;*/
			background-image: url("../../images/silkhat_man1.svg");
			background-position: 90% center;
			background-repeat: no-repeat;
			background-size: contain;
			color: #fff;
			margin:1.6em auto;
		}



/* Header */

	@-moz-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@-ms-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	#header {
		background: rgba(3,110,184,0.8);	/*#9D221F;	/*#BB2A27;	/*rgba(66,33,11,0.9);	/*#fff;*/
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.9);
		color: inherit;
		cursor: default;
		font-size: 0.8em;
		left: 0;
		padding: 0.6em 1.5em;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 11;
		
		margin:0 auto;
		height:5em;	/*6.4em;*/
	}

		#header h1 {
			font-weight: 900;
			margin: 0;
			padding:0;
		}

			#header h1 span {
				font-weight: 300;
			}
			#header h1 img.yri {
				/*
				width:320px;
				*/
				height:1.8em;
			}

				#header h1 .userlog {
					position: absolute;
					top: 0.4em;
					right: 0.4em;
					color: #fff;
					font-size: 9.75pt;
					background-color: #2f3279;
					padding: 0.2em 0.8em 0.1em;
					border-radius: 6px;
					font-weight: normal;
					letter-spacing:0;
				}


				.ydb-toolbar-btn {
					color: #fff;
					font-size: 9.75pt;
					background-color: #2f3279;
					padding: 0.2em 1.2em 0.1em 2.4em;
					border-radius: 12px;
					font-weight: normal;
					letter-spacing:0;
					position:relative;
				}
				.ydb-toolbar-btn:hover {
					color: #fff;
					background-color: rgb(163, 209, 249);
				}

					.ydb-toolbar-btn .login {
						position: absolute;
						display: block;
						width: 1.4em;
						height: 1.4em;
						background-image: url(../../images/login.svg);
						background-position: center center;
						background-repeat: no-repeat;
						background-size: cover;
						top: 0.3em;
						left: 0.5em;
					}
					.ydb-toolbar-btn .logout {
						position: absolute;
						display: block;
						width: 1.4em;
						height: 1.4em;
						background-image: url(../../images/logout.svg);
						background-position: center center;
						background-repeat: no-repeat;
						background-size: cover;
						top: 0.3em;
						left: 0.5em;
					}
					.ydb-toolbar-btn .mypage {
						position: absolute;
						display: block;
						width: 1.4em;
						height: 1.4em;
						background-image: url(../../images/user.svg);
						background-position: center center;
						background-repeat: no-repeat;
						background-size: cover;
						top: 0.3em;
						left: 0.5em;
					}
					


		
		#header nav {
			letter-spacing: 0.075em;
			position: absolute;
			right: 0;	/*1.5em;*/
			left:0;	
			
			text-align:center;
			
			text-transform: uppercase;
/*
			top: 0.75em;
*/
			bottom:0.4em;
		}

			#header nav ul {
				list-style: none;
				padding-left: 0;
				margin:0.8em auto 0;
				font-size:0;
			}

				#header nav ul li {
					display: inline-block;
					margin-left: 0.0em;	/*0.4em;	/*1.5em;*/
					padding-left: 0;
					border-left:solid 1px #b9b9b9;
				}
				#header nav ul li:first-child {
					border-left:none;
				}
					#header nav ul li > ul {
						display: none;
					}

					#header nav ul li a {
					/*	border: solid 1px #fff;	/*transparent;*/
						color: #fff;	/*#341B2B;	/*inherit;*/
						display: inline-block;
						line-height: 1em;
						padding: 0.2em 0.6em;	/*0.6em;	/*0.6em 0.75em;*/
/*						padding: 0.3em 0.4em 0.2em;	/*0.6em;	/*0.6em 0.75em;*/
						text-decoration: none;
						text-shadow:1px 1px 2px #000;	/*, 1px 1px 3px #111, 1px 1px 1px #111, 0px 0px 6px #ccc;*/
						
						font-size:11.25pt;
						/*
						background-color:rgba(204,23,34,0.6);
						*/
						letter-spacing:-0.03em;
					}
/*
					#header nav ul li a:hover {
						color:#333;
						background-color:rgba(255,255,255,0.6);
					}
*/



					#header nav ul li input[type="button"],
					#header nav ul li input[type="submit"],
					#header nav ul li input[type="reset"],
					#header nav ul li button,
					#header nav ul li .button {
						font-size: 1em;
						min-width: 0;
						width: auto;
					}

					#header nav ul li.submenu > a {
						text-decoration: none;
					}

						#header nav ul li.submenu > a:before {
							-moz-osx-font-smoothing: grayscale;
							-webkit-font-smoothing: antialiased;
							display: inline-block;
							font-style: normal;
							font-variant: normal;
							text-rendering: auto;
							line-height: 1;
							text-transform: none !important;
							font-family: 'Font Awesome 5 Free';
							font-weight: 900;
						}

						#header nav ul li.submenu > a:before {
							content: '\f107';
							margin-right: 0.65em;
						}

					#header nav ul li.active > a, #header nav ul li:hover > a {
/*
						-moz-transition: all 0.2s ease-in-out;
						-webkit-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						transition: all 0.2s ease-in-out;
						background: rgba(250, 250, 250, 0.8);
*/
						background: rgba(255,255,255,0.9);	/*rgba(188, 202, 206, 0.5);*/
						color:#111;	/*deeppink;	/*#fff;*/

					}

					#header nav ul li.current > a {
						font-weight: 900;
					}

		#header.reveal {
			-moz-animation: reveal-header 0.5s;
			-webkit-animation: reveal-header 0.5s;
			-ms-animation: reveal-header 0.5s;
			animation: reveal-header 0.5s;
		}

		#header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-ms-animation: none;
			animation: none;
			background: rgba(3,110,184,0.8);	/*transparent;*/
			box-shadow: none;
			color: #fff;
			padding: 0.6em 2.4em;	/*2em 2.5em;*/
			position: absolute;
			margin:0 auto;
			height:5.5em;

		}

			#header.alt nav {

				left:0;
				right:0;
				top: 3.4em;
				text-align:center;


/*
				right: 0.8em;	/*2.5em;*/
/*				top: 1.8em;	/*1.75em;*/

			}

				#header.alt nav ul li.active > a, #header.alt nav ul li:hover > a {
/*
					border: solid 1px;
*/
				}

			#header.alt nav ul li a {
				/*
				border:none;
				letter-spacing:-0.08em;
				*/
			}
/* Dropotron */

	.dropotron {
		list-style: none;
		padding-left: 0;
		background: #fff;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
		line-height: 2.25em;
		min-width: 13em;
		padding: 1em 0;
		text-transform: uppercase;
		margin-top: calc(-1em + 1px);
	}

		.dropotron.level-0 {
			font-size: 0.7em;
			font-weight: 400;
			margin-top: 1.5em;
		}

			.dropotron.level-0:before {
				border-bottom: solid 0.5em #fff;
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				content: '';
				left: 0.75em;
				position: absolute;
				top: -0.45em;
			}

		.dropotron > li {
			border-top: solid 1px rgba(124, 128, 129, 0.2);
			padding-left: 0;
		}

			.dropotron > li > a {
				-moz-transition: none;
				-webkit-transition: none;
				-ms-transition: none;
				transition: none;
				color: inherit;
				text-decoration: none;
				padding: 0 1em;
				border: 0;
			}

			.dropotron > li:hover > a {
				background: #83d3c9;
				color: #fff;
			}

			.dropotron > li:first-child {
				border-top: 0;
			}

/* Banner */

	@-moz-keyframes reveal-banner {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@-webkit-keyframes reveal-banner {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@-ms-keyframes reveal-banner {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@keyframes reveal-banner {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}


.mincho {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.mincho span {
	font-size:90%;
	margin:0 0.1em;
}

	#banner {
		background-attachment: scroll, scroll, scroll, fixed;
		background-color: #645862;

/*
		background-image: url("images/light-bl.svg"), url("images/light-br.svg"), url("images/overlay.png"), url("../../images/banner.jpg");
		background-position: bottom left, bottom right, top left, top center;
		background-repeat: no-repeat, no-repeat, repeat, no-repeat;
		background-size: 25em, 25em, auto, cover;
*/
		color: #fff;
		cursor: default;
		padding: 0;	/*6em 0;*/
		text-align: left;	/*center;*/
/*
		background-image: url("../../images/ring_c.jpg");
		background-image: url("../../images/toppage_woman.png");
*/
		background-image: url("../../images/base_red.png");
		background-image: url("../../images/base_c.jpg");

		background-size: cover;	/*contain;*/
		background-position: center right;
		background-repeat: no-repeat;
		background-color:#f3f6fa;

		position:relative;
		display: inline-block;
		width: 100%;
		height: auto;	/*32em;*/

		overflow:hidden;
		border-bottom:solid 10px #000;
		position:relative;
	}

/*
		#banner .woman {
			background-image: url("../../images/toppage_woman.png");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			background-color:#f3f6fa;
		}
*/

		#banner .woman {
			background-image: url("../../images/women2.png");
			background-size: cover;
			background-position: left center;
			background-repeat: no-repeat;
			background-color: initial;
			position: absolute;
			width: 52%;
			height: 100%;
			top: 0;
			right: 0;
			margin: 0;
			padding: 0;
		}


#banner .inner {
/*
	-moz-animation: reveal-banner 1s 0.25s ease-in-out;
	-webkit-animation: reveal-banner 1s 0.25s ease-in-out;
	-ms-animation: reveal-banner 1s 0.25s ease-in-out;
	animation: reveal-banner 1s 0.25s ease-in-out;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
*/
	/* background: rgba(52, 27, 43, 0.5); */
	color: #fff;
	display: block;
	opacity: 1;
	padding: 5em 0em 0em 0em;	/*5em 3em 3em 4em;*/
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	left: 0;
	background-color: rgba(238, 238, 238,0.5);
}

		#banner .inner-x {
			-moz-animation: reveal-banner 1s 0.25s ease-in-out;
			-webkit-animation: reveal-banner 1s 0.25s ease-in-out;
			-ms-animation: reveal-banner 1s 0.25s ease-in-out;
			animation: reveal-banner 1s 0.25s ease-in-out;
			-moz-animation-fill-mode: forwards;
			-webkit-animation-fill-mode: forwards;
			-ms-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			/*background: rgba(52, 27, 43, 0.5);*/
			color: #fff;
			display: block;
			opacity: 0;
			padding: 5em 3em 3em 4em;
			text-align: center;
			position: absolute;
			width: auto;
			height: auto;
			z-index: 10;
		}


#banner .inner header .site-logo {
	width: 65%;
	height: 17.5em;
	margin: 0;
	background-image: url("../../images/title7.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 2em;
	right: 5em;
}

#banner .inner header .site-logo-img {
	width: 45%;
	height: 15em;
	margin: 0;
	background-image: url("../../images/title2img.svg");
	background-position: left top;	/*center center;*/
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 4em;
	left: 0em;
}
@media screen and (min-width: 736px) {


}

			#banner .inner header {
				/*display: inline-block;*/
				/*border-bottom: double 3px;	/*solid 2px;*/
				/*border-top: double 3px;	/*solid 2px;*/
				margin: 0 0 0.8em 0;	/*0 0 2em 0;*/
				padding: 3px 0 3px 0;
			}


				#banner .inner header .site-logo-x {
				
					width: 100%;	/*28em;	/*100%;	/*26em;*/
					height: auto;	/*10em;	/*12em;*/
					margin:0.8em auto 0.4em;


					font-weight: 600;
					text-align: left;
					line-height: 1.2em;
					font-size: 29.75pt;
					text-shadow: 1px 1px 3px #333;


					display: block;

					background-image: url("../../images/title2.svg");
					background-position: center center;
					background-repeat: no-repeat;
					background-size: contain;	/*cover;*/

				}
					#banner .inner header .site-logo span {
						font-size: 26.75pt;
					}




#banner .inner header .site-title-bar {
	background-color: rgba(66,33,11,0.9);
	width: 100%;
	height: auto;
	font-size:88%;
}
#banner .inner header .site-title-bar:before {
/*
	content:"YRI オープンインキュベーションプラットフォーム";
*/
	content:"YRI OPEN INCUBATION PLATFORM";
}

#banner .inner header .site-subtitle {
	margin: 0.8em 0;
	text-align: left;
	text-indent: 0.5em;	/*1em;*/
	font-size: 17.75pt;
	text-shadow: 1px 1px 3px #333;
	line-height: 1.6em;
	font-weight:600;
}



				#banner .inner header h2 {
					border-bottom: solid 2px;
					border-top: solid 2px;
					font-size: 2.5em;
					font-weight: 900;
					letter-spacing: 0.2em;
					margin: 0;
					padding-left: 0.05em;
					position: relative;
					text-transform: uppercase;
				}

			#banner .inner p {
				letter-spacing: 0.3em;
				margin: 0;
				text-transform: uppercase;
			}


				#banner .inner p a {
					color: inherit;
					font-weight: 400;
					text-decoration: none;
				}

			#banner .inner footer {
				margin: 1.6em 0 0 0;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 2em;
			}

/* Main */

	#main,
	#features,
	#progress,
	#staff,
	#genseki,
	#flow,
	#project,
	#contact
	{
		background-image: url("images/dark-tl.svg"), url("images/dark-tr.svg"), url("images/dark-bl.svg"), url("images/dark-br.svg");
		background-position: top left, top right, bottom left, bottom right;
		background-repeat: no-repeat;
		background-size: 25em;
		padding: 4em 0 2em;	/*7em 0;*/
	}

	#features 
	{
		background-image: url("images/dark-tl.svg"), url("images/dark-tr.svg"), url("images/dark-bl.svg"), url("images/dark-br.svg");
		background-position: top left, top right, bottom left, bottom right;
		background-repeat: no-repeat;
		background-size: 25em;
		padding: 2em 0 2em;	/*7em 0;*/
	}

	#info
	{
		background-image: url("images/dark-tl.svg"), url("images/dark-tr.svg"), url("images/dark-bl.svg"), url("images/dark-br.svg");
		background-position: top left, top right, bottom left, bottom right;
		background-repeat: no-repeat;
		background-size: 25em;
		padding: 6em 0 2em;	/*7em 0;*/
	}


		#flow
		{
			padding: 6em 0 2em;	/*7em 0;*/
		}

		#main > :last-child {
			margin-bottom: 0;
		}

		#main .sidebar section {
			border-top: solid 1px rgba(124, 128, 129, 0.2);
			margin: 3em 0 0 0;
			padding: 3em 0 0 0;
		}

			#main .sidebar section:first-child {
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}
/*
	body.index #main,
	body.index #features,
	body.index #progress
	{
		padding-top: 3.6em;	/*2em;	/*5em;*/
	}
/*
	body.index #staff,
	body.index #genseki
	{
		padding-top: 5.8em;	/*5.4em;*/
	}


	#application
	{
		padding-top: 6.4em;	/*5.4em;*/
	}
	.app-area {
		padding-top: 6.0em;
	}
	


	body.index #main .container,
	body.index #features .container,
	body.index #progress .container
	{
		margin-top: 2em;	/*5em;*/
	}


/* CTA */

	#cta {
		background-attachment: scroll, scroll, scroll, fixed;
		background-color: #645862;
		background-image: url("images/light-tl.svg"), url("images/light-tr.svg"), url("images/overlay.png"), url("../../images/banner.jpg");
		background-position: top left, top right, top left, bottom center;
		background-repeat: no-repeat, no-repeat, repeat, no-repeat;
		background-size: 25em, 25em, auto, cover;
		color: #fff;
		padding: 5em;
		text-align: center;
	}

		#cta header {
			margin-bottom: 2em;
		}

/* Footer */

	#footer {
		background: #1a1a1a;	/*#FFE0E6;	/*#E8EEF4;*/
		color: #efefef;		/*#4a4246;	/*#7c8081;*/
		padding: 2em 1em 1em 1em;
		text-align: center;
	}


	#footer ul {
	}



		#footer .copyright {
			font-size: 0.8em;
			line-height: 1em;
		}

			#footer .copyright a {
				color: #fff;	/*inherit;*/
				letter-spacing:0.25em;
			}
				#footer .copyright a:hover {
					color: #ccc;	/*inherit;*/
				}
			#footer ul.copyright {
				margin:1.6em auto;
			}
			#footer .copyright li {
				display: inline-block;
				margin-left: 1em;
				padding-left: 1em;
				border-left: dotted 1px;
			}

				#footer .copyright li:first-child {
					margin: 0;
					padding: 0;
					border: 0;
				}

/* Wide */


	/*@media screen and (max-width: 2460px) {*/
	@media screen and (min-width: 1281px) {
		/* Basic */
			body, input, select, textarea {
				font-size: 14pt;
			}
		/* Section/Article */
			header.special {
				padding-top: 5.5em;
				margin-bottom: 0;	/*4em;*/
			}
		#page-wrapper {
			width:1280px;*/
			margin:0 auto;
			box-shadow: 0 0 6px #ccc;
			background-color:#f3f6fa;
			margin:0 auto;
		}
		#header {
			width:1280px;*/
			margin:0 auto;
			left:0;
			right:0;
		}
		#banner {
			width:1280px;*/
			margin:0 auto;
			height:auto;	/*32em;	/*50em;*/
		}
			#banner .inner header .site-logo {
				/*height: 12em;	/*20em;*/
			}		
			#banner .inner header .site-title-bar {
				font-size: 12.75pt;
				padding:0.3em 0 0.2em;
			}
	}


	/*@media screen and (max-width: 2460px) {*/
	@media screen and (min-width: 1085px) and (max-width: 1280px ) {
		/* Basic */
			body, input, select, textarea {
				font-size: 14pt;
			}
		/* Section/Article */
			header.special {
				padding-top: 5.5em;
				margin-bottom: 0;	/*4em;*/
			}
		#page-wrapper {
			width:100%;	/*1280px;*/
			margin:0 auto;
			box-shadow: 0 0 6px #ccc;
			background-color:#f3f6fa;
		}
		#header {
			width:100%;	/*1280px;*/
			margin:0 auto;
			left:0;
			right:0;
			
			/*
			height:6.0em;
			*/
		}
		#banner {
			width:100%;	/*1280px;*/
			margin:0 auto;
			height:auto;	/*28em;	/*50em;*/
		}
			#banner .inner header .site-logo {
/*
				height: 12em;	/*20em;*/
*/
			}		
			#banner .inner header .site-title-bar {
				font-size: 12.75pt;
				padding:0.3em 0 0.2em;
				
				letter-spacing: 0.12em;
				margin:0 auto 1.6em;
			}
	}






/* Normal */

	/*
	@media screen and (max-width: 1280px) {
	*/
	@media screen and (max-width: 1084px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 13pt;
				letter-spacing: 0.025em;
				line-height: 1.65em;
			}

			h1, h2, h3, h4, h5, h6 {
				line-height: 1.5em;
			}

		/* Section/Article */

			header.major {
				padding-bottom: 1.5em;
			}

			footer.major {
				padding-top: 2em;
			}

		/* Wrapper */

			.wrapper {
				margin-bottom: 4em;
				padding: 4em 3em;
			}

				.wrapper.style4 {
					padding: 3em;
				}

		/* Header */

			#header nav ul li {
				margin-left: 0.1em;	/*1em;*/
			}

		/* Banner */

			#banner {
				background-attachment: scroll;
			}

		/* CTA */

			#cta {
				padding: 4em;
				background-attachment: scroll;
			}

		/* Footer */

			#footer {
				padding: 4em;
			}

	}

/* Narrow */

	/*@media screen and (max-width: 980px) {*/
	@media screen and (max-width: 1084px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 13pt;
				letter-spacing: 0.025em;
				line-height: 1.5em;
			}

		/* Section/Article */

			header br {
				/*display: none;*/
			}

			#banner .inner header .site-subtitle {
				text-align: center;
			}




			header.major {
				padding-bottom: 1em;
			}

			header.special {
				padding-left: 2.5em;
				padding-right: 2.5em;
			}

			footer.major {
				padding-top: 1.5em;
			}

		/* Wrapper */

			.wrapper {
				margin-bottom: 3em;
				padding: 3em 2.5em;
			}

				.wrapper.special br {
					display: none;
				}

				.wrapper.style1 {
					padding: 0 2.5em;
				}

				.wrapper.style2 {
					background-size: 15em;
				}

				.wrapper.style4 {
					padding: 2.5em;
				}

		/* Banner */

			#banner {
				/*background-size: 15em, 15em, auto, cover;*/
			}

		/* Main */

			#main {
				background-size: 15em;
			}

		/* CTA */

			#cta {
				background-size: 15em, 15em, auto, cover;
				padding: 3em;
			}

	}

/* Narrower */

	#navPanel, #navButton {
		display: none;
	}

/*	@media screen and (max-width: 840px) {*/
	@media screen and (max-width: 1084px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			header.major {
				padding-bottom: 0.25em;
			}

			header.special {
				margin-bottom: 1.6em;	/*4em;*/
				padding-top: 5em;
			}

				header.special:before, header.special:after {
					width: 40%;
				}

				header.special h2 + p {
					padding-top: 1.25em;
				}

		/* Section/Article */

			section {
				margin: 1em 0 1em 0;
			}

				section:first-child {
					margin-top: 0;
				}

		/* Button */

			input[type="button"].small,
			input[type="submit"].small,
			input[type="reset"].small,
			button.small,
			.button.small {
				font-size: 0.8em;
				min-width: 18em;
				padding: 0.75em 0;
			}

		/* Featured Icons */

			ul.featured-icons {
				margin: 0;
			}

				ul.featured-icons li {
					display: inline-block;
					float: none;
					width: auto;
				}

					ul.featured-icons li .icon {
						font-size: 4em;
						width: 1.25em;
					}

		/* Buttons */

			ul.buttons li {
				display: block;
				padding: 1em 0 0 0;
			}

		/* Header */

			#header {
				display: none;
			}

		/* Banner */

			#banner {
				margin: 0;
			}

		/* Wrapper */

			.wrapper.special-alt {
				text-align: center;
			}

			.wrapper.style4 {
				padding-bottom: 3em;
			}

		/* Main */

			#main {
				padding: 5em 0;
			}

				#main .sidebar {
					border-top: solid 1px rgba(124, 128, 129, 0.1);
					padding-top: 3em;
				}

					#main .sidebar section {
						border-top: 0;
						padding-top: 0;
					}

			body.index #main {
				padding-top: 4.5em;
			}

		/* CTA */

			#cta {
				margin: 0;
			}

		/* Footer */

			#footer {
				padding: 4em 1.5em;
			}

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 60px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
			}

#navButton .header-logo {
/*
	background-image: url(../../images/yri_incu_logo_hd_w.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;	/*40%;	/*contain;*/
*/
	width: 100%;	/*auto;*/
	height: 3.2em;
	background-color: RGBa(3, 110, 164,0.9);	/*#9D221F;*/
}
	#navButton .header-logo-img {
		background-image: url(../../images/yri_incu_logo_hd_w.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;	/*40%;	/*contain;*/
		width: 77%;	/*auto;*/
		height: 3.2em;
		margin:auto;
	}


				#navButton .toggle {
					text-decoration: none;
					height: 60px;
					left: 0;
					position: absolute;
					text-align: center;
					top: 0;
					width: 100%;
					border: 0;
					outline: 0;
				}

					#navButton .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						text-rendering: auto;
						line-height: 1;
						text-transform: none !important;
						font-family: 'Font Awesome 5 Free';
						font-weight: 900;
					}

					#navButton .toggle:before {
						color: #fff;
						content: '\f0c9';
						font-size: 1em;
						height: 40px;
						left: 10px;
						line-height: 40px;
						opacity: 0.5;
						position: absolute;
						top: 11px;
						width: 60px;
						z-index: 1;
					}

					#navButton .toggle:after {
						background: rgba(163, 169, 170, 0.0);
						border-radius: 2px;
						content: '';
						height: 40px;
						left: 10px;
						position: absolute;
						top: 10px;
						width: 60px;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #1c2021;
				color: #fff;
				font-size: 0.8em;
				letter-spacing: 0.075em;
				text-transform: uppercase;
				padding: 0.8em;	/*0.25em 0.75em 1em 0.75em;*/
			}

				#navPanel .link {
					border: 0;
					border-top: solid 1px #666;	/*rgba(255, 255, 255, 0.05);*/
					color: inherit;
					display: block;
					height: 3em;
					line-height: 3em;
					opacity: 0.75;
					text-decoration: none;
					padding-left:0.8em;
				}

					#navPanel .link.depth-0 {
						font-weight: 900;
					}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;736
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}

/* Mobile */

	@media screen and (max-width: 736px) {

		/* Basic */

			body {
				min-width: 320px;
			}

			h2 {
				font-size: 1.25em;
				letter-spacing: 0.1em;
			}

			h3 {
				font-size: 1em;
				letter-spacing: 0.025em;
			}

			p {
				text-align: justify;
			}

		/* Section/Article */

			header {
				text-align: center;
			}

				header.major {
					padding-bottom: 0;
				}

				header.special {
					margin-bottom: 0;	/*3em;*/
					padding-left: 1.5em;
					padding-right: 1.5em;
				}

					header.special:before, header.special:after {
						width: 38%;
					}

					header.special .icon {
						font-size: 0.75em;
						top: 1.5em;
					}

				header p {
					text-align: center;
				}

			footer.major {
				padding-top: 0;
			}

		/* Icon */

			.icon.circle {
				font-size: 1em;
			}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				max-width: 20em;
				width: 100%;
			}

				input[type="button"].fit,
				input[type="submit"].fit,
				input[type="reset"].fit,
				button.fit,
				.button.fit {
					width: auto;
				}

		/* Icons */

			ul.icons li {
				padding-left: 0.25em;
			}

		/* Featured Icons */

			ul.featured-icons li .icon {
				width: 1.1em;
			}

		/* Buttons */

			ul.buttons {
				text-align: center;
			}

		/* Wrapper */

			.wrapper {
				margin-bottom: 2.5em;
				padding: 2.25em 1.5em;
			}

				.wrapper.special br {
					display: none;
				}

				.wrapper.style1 {
					padding: 0 1.5em;
				}

				.wrapper.style2 {
					background-size: 10em;
					padding: 2.25em 1.5em;
				}

				.wrapper.style4 {
					background-size: 10em;
					padding: 1.5em 1.5em 3em 1.5em;
				}

		/* Banner */

			#banner {
				/*
				background-size: 10em, 10em, auto, cover;
				padding: 6em 0;
				*/
				height:24em;	/*24em;	/*26em;*/
			}

				#banner .inner {
					display: block;
					left : 0;
					right: 0;
					margin:0 auto;
/*
					padding: 2em 1.5em;
					background: none;
					display: block;
					padding: 0 1.5em;
*/
				}


				#banner .woman {
					width: 66%;
					height: 100%;
					top: 0;
					right: 0;
					margin: 0;
					padding: 0;
				}


				#banner .inner header .site-logo {
					width: 100%;
					height: 12em;
					background-size: contain;
					margin: 0.8em auto;
					top:2em;
					left:0;
					right:0;
				}
				#banner .inner header .site-logo-img {
					display:none;
				}
	}


	@media screen and (max-width: 600px) {
		#banner .inner header .site-logo {
			width: 100%;
			height: 12em;
			background-size: contain;
			margin: 0.8em auto;
		}
		#banner .inner header .site-logo br {
			display:none;
		}
	}

#banner .inner header .site-title-bar {
	font-size: 80%;
}
#banner .inner header .site-subtitle {
	font-size: 100%;
}



					#banner .inner header h2 {
						font-size: 1.5em;
					}

					#banner .inner p {
						text-align: center;
					}

					#banner .inner br {
						/*display: none;*/
					}

		/* Main */

			#main {
				background-size: 10em;
				padding: 3.5em 0 2.5em 0;
			}

			body.index #main {
				padding: 2.5em 0 0 0;
			}

			body.contact #main {
				padding-bottom: 0;
			}

		/* CTA */

			#cta {
				background-size: 10em, 10em, auto, cover;
				padding: 3em 1.5em;
			}

		/* Footer */

			#footer {
				padding: 0.8em 0.8em 1.6em;	/*3em 1.5em;*/
/*
				position: absolute;
				width: 100%;
				bottom: 0;
*/
			}

				#footer .copyright li {
					display: inline-block;
					margin: 1em 0 0 0.4em;
/*
					display: block;
					margin: 1em 0 0 0;
					padding: 0;
					border: 0;
*/
				}

		/* Nav */

			#navButton .toggle:before {
				top: 8px;
				left: 8px;
				width: 50px;
				height: 34px;
				line-height: 34px;
			}

			#navButton .toggle:after {
				top: 8px;
				left: 8px;
				width: 50px;
				height: 34px;
			}





.note-s { font-size:8.25pt; line-height: initial; margin-top:0.8em; }
.note-s2 { font-size:10.25pt; line-height: initial; margin-top:1.6em; margin-bottom:0.4em; }
.note-s3 { font-size:9.25pt; line-height: initial; }





	ul.note-s3,
	ol.note-s3
	{
		padding:0;
		margin:1.6em 1.6em 0.4em;
		line-height:1.6em;
	}
		ul.note-s3 li,
		ol.note-s3 li
		{
		}


	ul.note-s4,
	ol.note-s4
	{
		padding: 0 1.0em 0 2em;
		margin: 0;
		text-indent:-2.0em;
		line-height: 1.4em;
		list-style-type: none;
		font-size:8.75pt;
	}
		ul.note-s4 li,
		ol.note-s4 li
		{
			margin:0 0 0.4em;
		}


	#flow ul.note-s5,
	ul.note-s5,
	ol.note-s5
	{
		padding: 0 1.0em 0 1.0em;
		margin: 0;
		text-indent:-1.0em;
		line-height: 1.4em;
		list-style-type: none;
		font-size:8.75pt;
	}
		ul.note-s5 li,
		ol.note-s5 li
		{
			margin:0 0 0.4em 0;
		}

	.sanjo-area ul.note-s5b,
	ul.note-s5b
	{
		padding: 0 1.0em 0 0;
		margin: 0;
		text-indent:-1.0em;
		line-height: 1.2em;
		list-style-type: none;
		font-size:8.75pt;
	}
		.sanjo-area ul.note-s5b li,
		ul.note-s5b li
		{
			margin:0 0 0.4em 0;
		}



.incu-about-box {
	width: 75%;
	margin: 2.4em auto 0.8em;
	padding: 0.4em 0.8em;
	text-align: left;
	font-size: 10.75pt;
/*
	overflow: hidden;
	zoom: 1;
*/
}

	.incu-about-box h3 {
		text-indent: -1em;
		font-size: 13.75pt;
		font-weight:600;
		border-bottom: dotted 1px #640303;
		padding: 0 0.0em 0.8em;
		margin: 0.8em auto 0.8em;
		text-align:center;
		color:#640303;
	}
		.incu-about-box h3 span {
			font-size: 10.75pt;
			padding-top:0.4em 0 0; 
		}
	.incu-about-box h4 {
		font-size: 12.75pt;
		font-weight:600;

		background-color: brown;
		display: inline-block;
		border-radius: 24px;
		padding: 0.2em 1.6em 0.1em;
		margin: 0 0 0.8em;
		color: #fff;
	}

		.incu-about-box h4.private,
		h4.private
		{
			font-size: 12.75pt;
			font-weight:600;
	
			background-color: #64D8FF;
			display: inline-block;
			border-radius: 24px;
			padding: 0.2em 1.6em 0.1em;
			margin: 0 0 0.8em;
			color: #333;
		}
		.incu-about-box h4.public,
		h4.public
		{
			font-size: 12.75pt;
			font-weight:600;
	
			background-color: #D4E8D6;
			display: inline-block;
			border-radius: 24px;
			padding: 0.2em 1.6em 0.1em;
			margin: 0 0 0.8em;
			color: #333;
		}


.stat-count-box {
	position: relative;
	display: block;
	width: 100%;
	height: 7em;
	margin:0 auto 3.2em;
}
.stat-count {
	text-align: center;
	/*background-color: #1b4b88;*/
	color:#fff;
	height: 7em;
	width: 7em;
	border-radius: 100%;
	position: relative;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
	background: #b7deed; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;

	box-shadow: 1px 1px 3px #ccc;

}


.stat-timer,
.stat-timerx10,
.stat-timerx100,
.stat-timerx1000,
.jqcnt
{
	font-size: 31.75pt;
	/*font-family: 'Lato', sans-serif;*/
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;	
	text-shadow: 1px 1px 3px #333;
	letter-spacing:-0.01em;
	
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	
}

.stat-head {
/*
	position: absolute;
	top: -1.6em;
	left: 0;
	right: 0;
*/
	font-size: 10.75pt;
	font-weight:600;
	color:#333;
	line-height:1.2em;
	padding:0.4em;
	text-align:center;
}
.stat-head.gyosyu::before { content: "取扱業種"; }
.stat-head.bunya::before { content: "取扱分野"; }
.stat-head.shina::before { content: "取扱品目"; }
.stat-head.net::before { white-space: pre; content: "ネットワーク\A企業数"; }
.stat-head.repo::before { white-space: pre; content: "調査レポート\A年間"; }
.stat-head.kenkyu::before { content: "リサーチャー"; }
.stat-head.sogyo::before { content: "創業"; }


.stat-foot {
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
	font-size: 11.75pt;
	text-shadow: 1px 1px 3px #333;
}
.stat-foot.gyosyu::before { content: "業種"; }
.stat-foot.bunya::before { content: "分野"; }
.stat-foot.shina::before { content: "品目"; }
.stat-foot.net::before { content: "社"; }
.stat-foot.repo::before { content: "冊"; }
.stat-foot.kenkyu::before { content: "人"; }
.stat-foot.sogyo::before { content: "年"; }




		.incu-about-box h4.top1,
		h4.top1
		{
			font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
			font-size: 13.75pt;
			text-align: center;
			background: inherit;
			color: #02538A;	/*#9D221F;*/
			font-weight: 600;
			margin: 0.8em auto 1.6em;
/*
			width: 100%;
			clear: both;
*/
			border-radius: initial;
			padding: 0;
			display: block;
			line-height:1.4em;
		}
@media screen and (max-width: 600px) {
		.incu-about-box h4.top1,
		h4.top1
		{
			font-size: 13.75pt;
			margin: 0 1.6em 1.6em;
		}
}
		.incu-about-box h4.top2,
		h4.top2
		{
			font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
			font-size: 15.75pt;
			text-align: center;
			background: inherit;
			color: #9D221F;
			font-weight: 600;
			margin: 2.4em auto 0.8em;
			width: 100%;
			clear: both;
			border-radius: initial;
			padding: 0.8em 0;
			display: block;
			line-height: 1.4em;
			border: double 3px #9D221F;
		}

		.incu-about-box h4.top3,
		h4.top3
		{
			font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
			font-size: 14.75pt;
			text-align: center;
			background: inherit;
			color: #333;
			font-weight: 600;
			margin: 1.6em auto 1.6em;
			width: 100%;
			clear: both;
			border-radius: initial;
			padding: 0;
			display: block;
			line-height:1.6em;
		}


			h5.top3 {
				margin: 0.8em auto 0.8em;
				display: inline-block;
				padding: 0.2em 0.8em 0.2em;
				color: #02538a;	/*#9D221F;*/
				font-size: 20.75pt;
				font-weight:600;
				font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
				letter-spacing: 0.2em;
				border-bottom:solid 1px #02538a;	/*#9D221F;*/
			}

			h5.top4 {
				margin: 0.4em auto 0.8em;
				display: inline-block;
				padding: 0.2em 0.8em 0.2em;
				color: #02538a;
				font-size: 15.75pt;
				font-weight: 600;
				font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
				letter-spacing: 0.2em;
				border-bottom: inherit;
				line-height: 1.6em;
			}

@media screen and (max-width: 600px) {
			h5.top3 {
				letter-spacing: 0.05em;
			}
}


	.incu-about-box p,
	p.top,
	p
	{
		overflow: hidden;
		zoom: 1;
		line-height:1.6em;
		text-align:justify;
		font-size:12.75pt;
	}
	p.st1,
	.st1
	{
		color:#02538a;	/*#5c23db;*/
		font-weight:600;
	}
	
@media screen and (max-width: 600px) {
	.incu-about-box p,
	p.top,
	p
	{
		line-height:1.6em;
		text-align:justify;
		font-size:10.75pt;
		padding:0 1.2em;
	}
}
	
		.incu-about-box p.type,
		p.type
		{
			font-size:10.75pt;
			padding:0 0.8em;
			
		}
		
		.img-type {
			width:65%;
			margin:0 auto;
		}
		
		
	.incu-about-box-flow {
		float: left;
		margin: 0 1.2em 3.4em 0;
		width:50%;
	}
		.incu-about-box-flow2 {
			margin: 0 auto 0.8em;
		}
@media screen and (max-width: 992px) {	/*	736px */
	.incu-about-box {
		width: 100%;
	}
}
@media screen and (max-width: 673px) {	/*	736px */
	.incu-about-box-flow {
		width: 100%;
		float:inherit;
		margin:0.4em auto;
	}
}

h2.toppage1
{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;

	font-size: 19.75pt;	/*24.75pt;*/
	letter-spacing: 0.1em;
	color: inherit;
	font-weight: 300;
	line-height: 1.4em;	/*1.75em;*/
	margin-bottom: 0.4em;	/*1.2em;*/
	text-transform: uppercase;
	margin-left: inherit;
}
@media screen and (max-width: 1084px) {
	h2.toppage1 {
		font-size: 18.75pt;
		line-height: 1.2em;
	}
}

h2.toppage,
#application h2.toppage,
#contact h2.toppage
{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;

	font-size: 19.75pt;	/*24.75pt;*/
	letter-spacing: 0.1em;
	color: inherit;
	font-weight: 300;
	line-height: 1.6em;	/*1.75em;*/
	margin-bottom: 0.4em;	/*1.2em;*/
	text-transform: uppercase;
	margin-left: inherit;
}
@media screen and (max-width: 600px) {
	h2.toppage,
	#application h2.toppage,
	#contact h2.toppage
	{
		font-size: 18.25pt;
		letter-spacing: 0.00em;
		font-weight:600;
		margin-bottom: 0.4em;
	}
}

h3.toppage {
	/* font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; */
	font-size: 11.75pt;
	letter-spacing: inherit;
	color: inherit;
	font-weight: 300;
	line-height: 1.6em;	/*inherit;*/
	margin-bottom: inherit;
	text-transform: inherit;
	margin-left: inherit;
	margin: 0.8em auto;
	text-indent: inherit;
	border: inherit;
	padding: 0;
}




.progress-box {
	border: solid 2px #ccc;
	height: 14em;
	/*overflow: hidden;*/
	display: block;
	padding: 0.4em 0.8em;
	position: relative;
	margin:0 auto 3.2em;
	color:#111;
}
	.progress-box:hover {
		border: solid 2px #CC1722;
	}
.progress-box .shien-category {
	margin: 0.4em -0.8em 0;
	background-color: #ddd;
	font-size: 11.75pt;
	text-align: center;
}
.progress-box .shien-title {
	margin: 0.4em 0 0;
	/* background-color: #ddd; */
	font-size: 10.75pt;
	text-align: left;
	padding: 0;
	line-height: 1.2em;
	overflow: hidden;
	height:2.4em;
}

.progress-box .shien-status {
	font-size: 9.75pt;
	position: absolute;
	background-color: inherit;
	padding: 0;
	margin: 0;
	display: block;
	top: 0;
	left: 0;
	color: #fff;
}
	.progress-box .shien-status .text {
		font-size: 8.75pt;
		display: inline-block;
		padding: 0.1em 0.8em 0;
		margin: 3px;
		border-radius: 15px;
		line-height:1.6em;
	}

		.progress-box .shien-status .text.NEW { background-color:#CC1722; }

		.progress-box .shien-status .text.NEW:before { content : "新着案件"; }


.progress-box .day-base {
	position: absolute;
	bottom: -2.4em;	/*-36px;*/
	left: 0;
	width: 100%;
	background-color: #000;
	height: 2em;
	display: inline-block;
	right: 0;
	margin: 0 auto;
	z-index: -1;
}

.progress-box .day {
	font-size: 9.75pt;
	position: absolute;
	background-color: #666;
	padding: 0 0.4em 0 2.8em;
	margin:3px;
	display: block;
	color: #fff;
	bottom: 0px;
}
	.progress-box .day:before {
		font-size: 8.75pt;
		position: absolute;
		left: 0.4em;
	}
	.progress-box .day.st { left: 0; }
	.progress-box .day.st:before { content: "開始"; }
	.progress-box .day.ed { right: 0; }
	.progress-box .day.ed::before { content: "終了"; }



.progress-box .img-box {
	width: 8em;
	height: 8em;
	margin: 0.4em auto;
	display: block;
}
.progress-box .img-box.img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.progress-box .img-box.img.sample { background-image: url(../../images/mrx.svg); }



.img-shadow1 {
	box-shadow: 1px 4px 6px #999;
}


.btn-base-top {
	width: 100%;	/*75%;*/
	text-align: center;
	margin: 1.6em auto;
	padding: 0.8em 0 0.6em;
	border: solid 2px #02538a;	/*darkred;*/
	line-height: 1.4em;
	font-size: 12.75pt;
	/* background-color: #8B0000; */
	/* background-image: linear-gradient(to top, #8B0000 0%, #E61E2B 80%); */
	background: #bc0f00;
	background: -moz-linear-gradient(-45deg, #bc0f00 0%, #e61e2b 50%, #8b0000 100%);
	background: -webkit-linear-gradient(-45deg, #bc0f00 0%,#e61e2b 50%,#8b0000 100%);
	background: linear-gradient(145deg, #eee 0%,#fff 50%,#ccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0f00', endColorstr='#8b0000',GradientType=1 );
	border-radius: 12px;
	color: #fff;
	/* box-shadow: 1px 4px 6px #999; */
}
	.btn-base-footer {
		width: 75%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		border: inherit;
		line-height: 1.4em;
		font-size: 12.75pt;
		background: inherit;
		border-radius: inherit;
		color: #fff;
	}

	.btn-base-top h1 {
		margin: 0 auto;
		padding: 0.8em;
		color: #111;	/*#8b0000;*/
		font-size: 13.75pt;
		font-weight: normal;
		letter-spacing: 0.05em;
		/*text-shadow: 0px 3px 2px #333;*/
		line-height:1.2em;
	}
		.btn-base-top h1 strong {
			font-size: 105%;
			letter-spacing: 0.1em;
			color: #f00;
		}
@media screen and (max-width: 600px) {
	.btn-base-top h1 {
		font-size: 11.75pt;
	}
}

@media screen and (max-width: 992px) {	/*	736px */
	.btn-base-top {
		width: 95%;
	}
}





.btn-base-top-w90 {
	width: 96%;
	text-align: center;
	margin: 1.6em auto;
	padding: 0 0 0.0em;
	border: solid 3px darkred;
	line-height: 1.4em;
	font-size: 12.75pt;
	/* background-color: #8B0000; */
	/* background-image: linear-gradient(to top, #8B0000 0%, #E61E2B 80%); */
	background: #bc0f00;
	background: -moz-linear-gradient(-45deg, #bc0f00 0%, #e61e2b 50%, #8b0000 100%);
	background: -webkit-linear-gradient(-45deg, #bc0f00 0%,#e61e2b 50%,#8b0000 100%);
	background: linear-gradient(145deg, #eee 0%,#fff 50%,#ccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0f00', endColorstr='#8b0000',GradientType=1 );
	border-radius: 12px;
	color: #fff;
	/* box-shadow: 1px 4px 6px #999; */
}
	.btn-base-top-w90 h1 {
		margin: 0 auto;
		padding: 0.8em 0 0.0em;
		color: #111;	/*#8b0000;*/
		font-size: 13.75pt;
		font-weight: normal;
		letter-spacing: 0.05em;
		/*text-shadow: 0px 3px 2px #333;*/
		line-height:1.2em;
	}
		.btn-base-top-w90 h1 strong {
			font-size: 105%;
			letter-spacing: 0.1em;
			color: #f00;
		}
@media screen and (max-width: 992px) {	/*	736px */
	.btn-base-top-w90 {
		width: 95%;
	}
}








.btn-base-top .button {
}





.btn-base-top a.btn {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}

.btn-base-top a.btn-c {
	font-size: 1.8rem;
	position: relative;
	padding: 2rem 4rem 2rem 2rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #fff;
	border-radius: 100vh;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#007adf),
		to(#00ecbc)
	);
/*
	background-image: -webkit-linear-gradient(left, #007adf 0%, #00ecbc 100%);
	background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
*/
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);


	background-image: linear-gradient(to top, #8B0000 0%, #E61E2B 80%);


}

.btn-base-top a.btn-c:before {
	font-family: "Font Awesome 5 Free";
	font-size: 1.6rem;
	line-height: 1;
	position: absolute;
	top: calc(50% - 0.8rem);
	right: 1rem;
	margin: 0;
	padding: 0;
	content: "\f30b";
}

.btn-base-top a.btn-c:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	color: #fff;
}





/* flow */
/*
* {
	box-sizing: border-box;
}
body {
	min-height: 100vh;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
*/


#flow h2 {
	font-size: 19.75pt;
	margin: 0 auto;
	padding: 0;
	line-height: 1.4em;
}


#flow ul {
	padding: 0;
}
#flow li {
	list-style-type: none;
}
	#flow .flow .box ul.note-s4,
	#flow ol.note-s4
	{
		padding: 0 1.0em 0 2em;
		margin: 1.2em 0 0.4em;
/*
		text-indent:-2.0em;
		line-height: 1.4em;
		list-style-type: none;
		font-size:8.75pt;
*/
	}
		#flow .flow .box ul.note-s4 li, 
		#flow ol.note-s4 li {
			margin: 0.4em 0 0.4em;
			padding: 0 1.0em 0 0em;
			line-height: 1.4em;
			text-indent: -2.0em;
			font-size: 9.75pt;
		}


#flow dt {
}
#flow dd {
	margin-left: 0.8em;
	font-size:10.25pt;
	flex-basic:55%;
}

#flow .flow > li {
	position: relative;
}
#flow .flow > li:not(:last-child) {
	margin-bottom: 40px;
}
#flow .flow > li:not(:first-child)::before {
	content: "";
	height: 60px;
	display: block;
	/*border-left: 4px dotted #e5e5e5;*/
	position: absolute;
	top: -40px;
	left: -webkit-calc(10% + 30px - 2px);
	left: calc(10% + 30px - 2px);
	z-index: 10;
}
#flow .flow > li dl {
	width: 100%;
	padding: 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid rgb(107,144,219);
	border-radius: 10px;
	position: relative;
}
#flow .flow > li:not(:last-child) dl::before,
#flow .flow > li:not(:last-child) dl::after {
	content: "";
	border: solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#flow .flow > li:not(:last-child) dl::before {
	border-width: 22px;
	border-top-color: rgb(107,144,219);
}
#flow .flow > li:not(:last-child) dl::after {
	border-width: 20px;
	border-top-color: #fff;
}


#flow .flow > li dl dt {
	font-size: 11.75pt;
	font-weight: 300;
	color: rgb(107,144,219);
	-ms-flex-preferred-size: 20%;
	/*flex-basis: 40%;*/
	/* margin-right: 2vw; */
	text-align: center;
	width: 40em;
	position: relative;
}

/*
#flow .flow > li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: rgb(107,144,219);
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	margin-right: 2vw;
	text-align: center;
}
*/
#flow .flow > li dl dt .icon {
	font-size: 12px;
	color: #fff;
	background: rgb(107,144,219);
	background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
	background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
	padding: 5px 10px;
	margin-bottom: 10px;
	display: block;
	border-radius: 20px;
	position: relative;
	z-index: 100;
}




#flow .flow .box {
	width: 100%;
	padding: 1.6em 0.8em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
/*
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
*/
	border: 2px solid rgba(0,129,217, 1.0);	/*rgb(107,144,219);*/
	border-radius: 10px;
	position: relative;
	background-color:#fff;
	font-size: 10.75pt;
	line-height: 1.4em;
}
	#flow .flow > li:not(:last-child) .box::before,
	#flow .flow > li:not(:last-child) .box::after {
		content: "";
		border: solid transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#flow .flow > li:not(:last-child) .box::before {
		border-width: 22px;
		border-top-color: rgba(0,129,217, 1.0);	/*rgb(107,144,219);*/
	}
	#flow .flow > li:not(:last-child) .box::after {
		border-width: 20px;
		border-top-color: #fff;
	}
	

#flow .flow .box ul li {
	margin:1.6em 0 0;
	padding:0;
	text-align: justify;
	line-height:1.6em;
	letter-spacing:-0.01em;
	position:relative;
	font-size:11.75pt;
}
	#flow .flow .box ul li span {
		font-size:8.75pt;
	}

	#flow .flow .box .note-s ul li {
		padding-left:1em;
		text-indent:-1em;
		font-size:9.75pt;
	}

.btn-kiyaku {
	background-color: #808080;
	border:solid 1px #808080;
	color: #fff;
	margin:0 0.2em;
	padding: 0 0.4em;
	border-radius: 12px;
	font-size:9.75pt;
}
	.btn-kiyaku:hover {
		background-color: #fff;
		border:solid 1px #808080;
		color: #808080;
	}
	
#flow .flow .box .step {
	text-align:center;
	font-size: 13.75pt;
	letter-spacing:0.1em;
}
	#flow .flow .box .step strong {
		font-weight: 300;
		color: #111;
		letter-spacing: 0.10em;
		font-size:13.25pt;
	}
		#flow .flow .box .step strong div {
			font-weight: 300;
			font-size:9.75pt;
		}

#flow .flow .box .step .icon {
	background: #aa0202;	/*rgb(107,144,219);*/
	background: -moz-linear-gradient(left, #aa0202 0%, #FF000F 100%);
	background: -webkit-linear-gradient(left, #aa0202 0%,#FF000F 100%);
	background: linear-gradient(to right, #aa0202 0%,#FF000F 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0202', endColorstr='#FF000F',GradientType=1 );

/* 	before 
	background: #CC1722;	/*rgb(107,144,219);*/
/*	background: -moz-linear-gradient(left, #CC1722 0%, #640303 100%);
	background: -webkit-linear-gradient(left, #CC1722 0%,#640303 100%);
	background: linear-gradient(to right, #CC1722 0%,#640303 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC1722', endColorstr='#640303',GradientType=1 );
*/

/*
	background: rgb(107,144,219);
	background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
	background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
*/
	font-size: 10.75pt;
	color: #fff;
	padding: 0.2em;
	margin-bottom: 1.2em;	/*10px;*/
	display: block;
	border-radius: 20px;
	position: relative;
	z-index: 100;

	box-shadow: 1px 2px 3px #999;
	height: inherit;
	position: inherit;

}













/* form-nav */

.progressbar {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex
	flex-wrap: wrap;
	margin:0 auto 1.6em;
}
.progressbar .item {
	position: relative;
	width: 33%;
	text-align: center;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 13px 0;
	line-height: 1.5;
	background: #640303;
	color: #fff;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 100%;
	content: '';
	border: 27px solid transparent;
	border-left: 20px solid #640303;
	margin: auto;
}
.progressbar .item:not(:last-child)::before {
	margin-left: 1px;
	border-left-color: #FFF;
}

@media screen and (max-width: 767px) {
.progressbar .item {
	font-size: 11px;
	line-height: 1.4;
	padding: 10px 0;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
	border-width: 25px;
	border-left-width: 12px;
}
}

/* active */

.progressbar .item.active {
	z-index: 1;
	background: #0070BD;
	color: #FFF;
}
.progressbar .item.active:not(:last-child)::after {
	border-left-color: #0070bd;
}
.progressbar .item.active:not(:last-child)::before {
	border-left: none;
}


.balloon1-wrap {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex
	flex-wrap: wrap;
	margin:0 auto 1.6em;
}
/*
.box {

	width: 31%;
	margin: 1%;
	background-color: #eee;	/*#e0edff;*/
}
*/

#flow .flow-box ul {
	margin:0 auto;
}
#flow .flow-box ul li {
}
#flow .flow-box ul .box {
	width: 31%;
	float:left;
}

#flow .balloon1-right {
	position: relative;
	display: inline-block;
	margin: 0.8em 0.4em;	/*1.5em 15px 1.5em 0;*/
	padding: 0.8em 1.2em 1.6em; /*	*/7px 10px;
	/*
	min-width: 120px;
	max-width: 100%;
	*/
	color: #555;
	font-size: 16px;
	background: #e0edff;
}
	#flow .balloon1-right:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -15px;
		border: 15px solid transparent;
		border-left: 15px solid #e0edff;
	}
	#flow .balloon1-right h1 {
		font-size: 14.75pt;
		margin: 0 auto 0.4em;
		padding: 0 0 0.1em;
		line-height: 1.6em;
		color: #111;
		border-bottom: solid 1px deepskyblue;
	}

	#flow .balloon1-right p {
		margin: 0;
		padding: 0;
		font-size:10.75pt;
		line-height:1.4em;
	}

	#flow .balloon1-right:last-child:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -0px;
		border: 0px solid transparent;
		border-left: 0px solid #e0edff;
	}

#flow .flow-img {
	display: block;
	width: 100%;
	height: 10em;
	background-color: none;	/*aliceblue;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index:10;
}
	#flow .flow-img.img01 { background-image: url(../../images/flow3_1.png); }
	#flow .flow-img.img02 { background-image: url(../../images/flow3_2.png); }
	#flow .flow-img.img03 { background-image: url(../../images/flow3_3.png); }
	#flow .flow-img.img04 { background-image: url(../../images/flow3_4.png); }
	#flow .flow-img.img05 { background-image: url(../../images/flow3_5.png); }
	#flow .flow-img.img06 { background-image: url(../../images/flow3_6.png); }

#flow .posi-rela {
	position: relative;
	display: block;
	height: 100%;
	/* background-color: #eee; */
}
#flow .text-box {
/*
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%) translateX(-0%);
	-webkit- transform: translateY(-50%) translateX(-0%);
	*/
}







body {
/*
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
*/
}
/*
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
*/






#application .kiyaku,
.kiyaku {
	font-size:10.75pt;
	line-height:1.6em;
	color:#333;
}
	#application .kiyaku h1,
	.kiyaku h1 {
		font-size: 12.25pt;
		position: relative;
		line-height: 1.4em;
		font-weight: 600;
		padding: inherit;
		box-sizing: inherit;
		margin: 0.8em 0 0.8em 1.6em;
		color: #333;
		letter-spacing: 0.1em;
	}
	#application .kiyaku h2,
	.kiyaku h2 {
		font-size: 11.75pt;
		line-height: 1.4em;
		margin-top: 2.4em;
		margin-bottom: 0.4em;
		text-shadow: inherit;
		font-weight:600;
	}	
	#application .kiyaku h3,
	.kiyaku h3 {
		font-size: 10.75pt;
		line-height: 1.4em;
		margin-top: 1.6em;
		margin-bottom: 0.0em;
		text-shadow: inherit;
		border: none;
		font-weight:600;
	}	
	#application .kiyaku h5,
	.kiyaku h5 {
		text-indent: 0;
		font-size: 10.75pt;
		border: none;
		margin: 0 0 0.4em -2.0em;
		padding: 0 0 0 0;
		color: inherit;
	}

	#application .kiyaku p,
	.kiyaku p {
		font-size:10.25pt;
	}
	#application .kiyaku ul,
	.kiyaku ul {
	}
		#application .kiyaku ul li,
		.kiyaku ul li {
			list-style-type:none;
			margin:0 0 1.6em;
		}
	#application .kiyaku ol,
	.kiyaku ol {
	}
		#application .kiyaku ol li,
		.kiyaku ol li {
			list-style-type:none;
/*			counter-increment: cnt;
*/
			text-indent: -1.4em;
			padding-left: 2em;
			padding-right:0.8em;
			margin-bottom:0.4em;
		}
			#application .kiyaku ol li:before,
			.kiyaku ol li:before {
/*				content: "(" counter(cnt) ")";
*/
			}
		#application .kiyaku ol li ol,
		.kiyaku ol li ol {
			margin-left:-1.2em;	/*0em;.*/
		}
			#application .kiyaku ol li ol li,
			.kiyaku ol li ol li {
				text-indent: -1.0em;
				padding-left: 1.0em;
			}
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
.ribbon-new-wrapper {	
	display: block;
	position: relative;
	margin: 15px auto;
	padding: 10px 0;
	width: 300px;
	background: #f1f1f1;
	box-sizing: border-box;
	}

.ribbon-new {	
	display: inline-block;
	position: absolute;
	top: -1.8em;
	left:10px;	/*right: 10px;*/
	margin: 0;
	padding: 10px 0 7px;
	z-index: 2;
	width: 60px;
	height:30px;
	text-align: center;
	color: white;
	font-size: 11.75pt;
	background: #fa8383;
	border-radius: 2px 0 0 0;
}

.ribbon-new:before {
	position: absolute;
	content: '';
	top: 0;
	right: -5px;
	border: none;
	border-bottom: solid 6px #d07676;
	border-right: solid 5px transparent;
}

.ribbon-new:after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 10px solid #fa8383;
}


/* shien */
.ribbon-new.shien { background:#75D0F7; }
	.ribbon-new.shien:before { border-bottom: 6px solid #60AACA; }
	.ribbon-new.shien:after { border-top: 10px solid #75D0F7; }
/* shinsa */
.ribbon-new.shinsa { background:#FFC860; }
	.ribbon-new.shinsa:before { border-bottom: 6px solid #D0A450; }
	.ribbon-new.shinsa:after { border-top: 10px solid #FFC860; }
/* syuryo */
.ribbon-new.syuryo { background:#ffb6c1; }
	.ribbon-new.syuryo:before { border-bottom: 6px solid #ffb6c1; }
	.ribbon-new.syuryo:after { border-top: 10px solid #ffb6c1; }

/* PR */
.ribbon-new.PR { background:#7F9CFE; }
	.ribbon-new.PR:before { border-bottom: 6px solid #7F9CFE; }
	.ribbon-new.PR:after { border-top: 10px solid #7F9CFE; }

.ribbon-txt {
	font-size:9.75pt;
	color:#333;
	text-shadow:0px 0px 2px #ccc;
}
	.ribbon-txt.shien:after { content:"支援中"; }
	.ribbon-txt.shinsa:after { content:"審査中"; }
	.ribbon-txt.syuryo:after { content:"支援終了"; }
	.ribbon-txt.new:after { content:"NEW"; color:#fff; }
	.ribbon-txt.PR:after { content:"PR"; color:#fff; font-size:13.75pt; }


/* color sample */
/*
F77A76	赤
75D0F7	青
FFC860	黄
7F9CFE	青
ACDA75	緑
A6D4C9	緑
*/








							
								.row-eq-height-2 {
									display:flex;
									flex-wrap:wrap;
									margin:0;
									padding:0;
									border:none;
								}
								.box-A {
									border: solid 1px #ccc;
									width: 100%;
									height: 100%;
									display: inline-block;
									float:left;
									position:relative;
									background-color:#fff;
									color:#333;
									border-radius: 12px;
								}
									.box-A:hover {
										border: solid 1px #036eb8;
									}

.box-A .toroku {
	position: absolute;
	right: 8px;
	top: 8px;
	height: auto;
	font-size:7.75pt;
	border-bottom:solid 1px #aaa;
	color:#333;
	padding-bottom:0.4em;
}
	.box-A .toroku:before {
		content:"登録日:";
		font-size:6.75pt;
	}

.box-A .img-box {
	width: 100%;
	height: 7em;
	position:relative;
	
	overflow:hidden;
	max-height:8em;
	margin-top:1.6em;
}
	.box-A .img-box img {
		width: 88%;	/*auto;	/*88%;*/
		height: auto;	/*5em; /*auto*/
		position: absolute;
		top: 50%;	/*60%;*/
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);		
	}
	.box-A .shien-title {
		line-height: 1.4em;
		font-size: 10.75pt;
		padding: 0.8em 1.6em 0.8em;
		margin:0.8em auto 1.6em;
		border-top:dotted 1px #666;
/*
		position: absolute;
		top: 8em;
*/
		display:block;
		min-height:8em;
		text-align: justify;
}
		.box-A .shien-syosai {
			padding: 0.2em 0.4em;
			position: absolute;
			bottom: 0;
			display: block;
			background-color: rgba(2, 83, 138,0.8);
			width: 100%;
			color: #fff;
			border-bottom-left-radius: 12px;
			border-bottom-right-radius: 12px;
			
		}
		.box-A .shien-syosai:before {
			content:"詳細はこちらから";
			font-size: 9.75pt;
		}

.box-A .syamei-txt {
	font-size: 11.75pt;
	font-weight: 600;
	border-top: dotted 1px #666;
	padding: 0.8em 1.6em 0.4em;
	margin:0.4em 0;
	min-height: 3.6em;
	text-align: left;
	height: 4.8em;
	overflow: hidden;
	line-height:1.4em;
}
/*
.box-A .syamei-txt {
	font-size: 12.75pt;
	font-weight:600;
	border-top: dotted 1px #666;
	padding: 0.8em 0 0.6em;
	min-height:3.6em;
}
*/
	.box-A .syamei-txt .small {
		font-size: 9.75pt;
		font-weight:300;
		margin-top:0.4em;
	}
.box-A .shien-txt {
	font-size: 9.75pt;
	padding: 0.6em;
	background-color: #ccc;
	text-align: center;
	height:2.0em
	overflow: hidden;
	white-space: nowrap;
}
.box-A .jigyotitle-txt {
	font-size: 10.25pt;
	padding: 0.8em 2.0em 0.6em;
	text-align: justify;
	line-height: 1.6em;
	background-color: #fff;
	height: 5.8em;
	overflow: hidden;
	margin: 0.8em auto;
}
/*
.box-A .jigyotitle-txt {
	font-size: 10.25pt;
	padding: 0.8em 1.2em 0.6em;
	text-align: justify;
	line-height:1.4em;
	background-color: #fff;
}
*/
	.box-A .jigyotitle-txt:before {
	}
	
.box-A .naiyo-txt {
	font-size: 9.75pt;
	padding: 0.8em 1.2em;
	text-align: justify;
	line-height:1.4em;
	height: 5em;
	overflow: auto;
	margin: 0 0 1.6em;
}
	.box-A .naiyo-txt::before {
		content: "事業内容\A";
		font-size: 8.25pt;
		margin-bottom: 0.4em;
		padding: 0.1em 1.2em 0.0em;
		background: #333;
		border-radius: 0px;
		color: #fff;
		/* display: block; */
		white-space: pre;
	}


.box-A .footer {
	background-color: #494F52;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2.8em;
	z-index: 99;
}
.box-A .syosai-btn {
	height: 1.4em;
	text-align: center;
	background: #02538a;
	transition : all 0.5s ease 0s;
}
	.box-A .syosai-btn::before {
		content: "詳細はこちらから";
		font-size: 9.25pt;
		padding: 0.2em 0.8em;
		color: #fff;
	}
.box-A .syosai-btn:hover {
	background: #039eb8;
}
									
									
									
									
/* project ----- */
	.project-area {
		margin:0 auto;
	}
	.project-area .project-gaiyo {
		display: inline-block;
		width: 100%;
		margin:0 auto 0.8em;
		padding: 1.6em 1.6em 0.8em;
		font-size: 10.75pt;
		line-height: 1.4em;
		color: #111;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}


			/*
			font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
			*/
	.project-area h1 {
			font-size: 14.75pt;
			letter-spacing: 0.05em;
			font-weight: 600;
			margin:0.8em 0.4em 0.8em;
	}
			.project-area h1.naiyo {
					font-size: 12.75pt;
					letter-spacing: 0.02em;
					font-weight: 300;
					margin:0;
					padding:0;
					color:#002640;
			}
			.project-area h1.tsuyomi {
					font-size: 11.25pt;
					letter-spacing: 0.02em;
					font-weight: normal;
					margin:0.0em 0.4em;
					padding:0;
					line-height:1.6em;
			}
		.project-area h1.project-title {
			/*
			font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
			*/
			font-size: 15.75pt;
			letter-spacing: 0.05em;
			font-weight: 600;
		}
		#form1 .project-area h2,
		.project-area h2
		{
				/*font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
				*/
				font-size: 12.25pt;
				line-height:1.6em;
				letter-spacing: 0.05em;
				font-weight: 300;
				margin:0.4em 0.8em 0.4em;
				padding:0.0em 0.8em 0;
				/*
				border-top:dotted 1px #999;
				*/
		}

		#form1 .sanjo-box,
		.sanjo-box
		{
			margin:0.0em 1.6em 0.8em;
		}

	.project-area h2 {
	}

	.project-area .status {
/*
		position: absolute;
		right: 8px;
		top: 8px;
		height: auto;
*/
		font-size: 10.75pt;
		/*border-bottom: solid 1px #aaa;*/
		color: #333;
		padding-bottom: 0.2em;
	}
		.project-area .status.toroku::before {
			content: "登録日:";
			font-size: 7.75pt;
			letter-spacing:0.1em;
		}
		.project-area .status.syuryo::before {
			content: "終了日:";
			font-size: 7.75pt;
			letter-spacing:0.1em;
		}


.project-area h3 {
	text-indent: 0.8em;
	border: inherit;
	padding: 0;
	font-size: 11.75pt;
	margin: 0.4em 0 0.4em;
	font-weight: 600;
	color: #0f4c9b;
	letter-spacing: 0.1em;
}
	.project-area .shine-typename {
		font-size: 10.75pt;
		margin: 0.4em 0.4em 0.4em 1.2em;
	}

	.project-area p {
		font-size: 11.25pt;
		line-height: 1.6em;
		padding: 0 0.8em;
	}
		.project-area .sanjo-box p
		{
			font-size: 11.75pt;
			line-height: 1.2em;
			padding: 0 0.8em;
		}


.project-area h1 .small,
.project-area h2 .small,
.project-area h3 .small 
{
	font-size: 9.75pt;
	font-weight:normal;
	margin-bottom:0.2em;
}
	.project-area .h-small {
		font-size: 9.25pt;
		font-weight: normal;
		margin-bottom: 0.2em;
		display: inline-block;
		background-color: #ccc;
		padding: 0.2em 1.6em 0.1em;
		border-radius: 14px;
	}


.project-area .control-group {
	/*
	margin: 0em 0.8em 1.6em;
	*/
	margin: 0.4em 0.8em 0.4em;
}
.project-area .form-control {
	display: block;
	width: 100%;
	height: auto;
	padding: 1.6em 1.6em;
	font-size: 11.25pt;
	line-height: 1.6em;
/*
	padding: 0.8em 1.2em;
	font-size: 11.75pt;
	line-height: 1.4em;
*/
	color: #111;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.project-area .form-control-2 {
	display: block;
	width: 100%;
	height: auto;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.project-area .form-control-3 {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 1.6em 1.6em;
	font-size: 11.25pt;
	line-height: 1.6em;
	color: #111;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.project-contact-area {
	margin: 0 15px;
	background: #deeeff;
	padding: 0.4em 1.6em;
}






/* STAFF ----- */

#staff .row-eq-height-3 {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	border: none;
}

#staff .staff-box {
	background:#fff;
	padding:0.8em;
	margin:0 -10px;
}
#staff h4 {
	font-size: 12.75pt;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 0.8em;
	text-shadow: inherit;
	height:2.4em;
}
#staff h3.three {
	font-size: 14.75pt;
	font-weight: 600;
	letter-spacing: 0;
	height: 3em;
	color: #341B2B;
	text-indent: inherit;
	border-bottom: inherit;
	padding: inherit;
	margin: inherit;
	line-height: 1.4em;
}
#staff h3.three .small {
	margin-bottom:0.4em;
}
#staff .icon3-box {
	width: 8em;
	height: auto;
	margin: 0 auto 0.4em;
	display: block;
}
#staff ul {
	text-align: left;
	font-size: 10.75pt;
	margin: 0.4em 0em;
	border-top: dotted 1px #333;
	padding: 0.8em 0em;
}
#staff ul li {
	margin: 0 0 0 0.8em;
	padding: 0;
}

#staff p.note {
	font-size: 8.75pt;
	text-align: left;
	text-indent: inherit;
	padding: 0;
	line-height: 1.2em;
}


/* genseki */
/*
#genseki .genseki-box,
#genseki a.genseki-box,
*/
.genseki-box {

	background: #fff;
	padding: 0 0 0.8em;
	width: 100%;
	display: block;
	border: solid 2px #ccc;
	position: relative;
	color:#333;
}
/*
	#genseki .genseki-box:hover + .kigyo_copy_btn2,
	a.genseki-box:hover {
		/*border: solid 1px #3e5280;*/
/*
		background-color: #3e5280;
	}
*/
/*
	#genseki a.genseki-box:hover {
		border: solid 1px #3e5280;
		background-color: #efefef;
	}
*/
	.genseki-box:hover {
		border: solid 2px #3e5280;
	}


#genseki .icon3-box {	/* index.php project */
	width: auto;	/*100%;*/
	height: 5.2em;	/*5em;	/*auto;*/
	margin: 0 auto 0.4em;	/*0.8em auto;	/*0 auto 0.8em;*/
	padding:0;
	display: block;
}

	#genseki .kigyo_copy {
		/*
		font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
		*/
		display: block;
		width: 96%;
		height:10em;	/*8.4em;*/
		padding: 1.6em 0.8em 0.4em;
		margin:0 auto;
		line-height: 1.4em;
		
		overflow:hidden;
		font-size:10.75pt;
		text-align:justify;	/*left;*/
		
		border-bottom:dotted 1px #ccc;
		
	}
		#genseki .kigyo_copy p {
			margin: inherit;
			color: #111;
		}

	#genseki .kigyo_copy_btn {
		position: absolute;
		width: 100%;
		height: auto;
		background-color: #3e5280;
		bottom: 0;
		padding: 0.4em;
		margin:0.8em auto 0;
		font-size: 9.75pt;
		color:#fff;
		display:none;
	}

	#genseki .kigyo_copy_btn2 {
		/* position: absolute; */
		width: auto;
		height: auto;
		background-color: #757575;
		bottom: 0;
		padding: 0.4em 1.6em;
		margin: 0.8em auto 0;
		font-size: 9.75pt;
		color: #fff;
		display: inline-block;
		border-radius: 24px;
	}
		#genseki .kigyo_copy_btn2:hover {
			background-color: #339fff;
		}
/*
	#genseki .kigyo_copy_btn2:hover,
	#genseki .genseki-box:hover
	{
		background-color: #757575;
	}
*/
	#genseki .kigyo-logo-img {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;	/*cover;*/

		width: auto;
		height: 7em;
		display: block;
		margin:0.4em 0.4em 1.6em;
/*
		background-image: url(/yriincubation/file.php?table=yri_incubation2&id=34&file=file_logo01);
		background-color: brown;
*/

/*
		position: absolute;
		bottom: 1.4em;
		left: 0;
		right: 0;
*/
	}
	#genseki h3.kigyo-name {
/*
		font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
*/
		font-size: 13.75pt;	/*9.75pt;*/
		font-weight: 600;
		letter-spacing: 0.05em;
		/*height: 3em;*/
		color: #341B2B;
		text-indent: inherit;
		border-bottom: inherit;
		padding: 1.6em 0.4em;	/*0.2em 0.8em;*/
		margin: inherit;
		line-height: 1.2em;
		background-color: #3e5280;
		color: #fff;
	}
	#genseki h3.kigyo-name .small {
		margin-bottom:0.4em;
	}



#genseki .icon4-box {	/* index.php vendor */
	width: 100%;
	height: auto;
	margin: 0.0em auto 0.4em;
	padding:0;
	display: block;
}

#genseki h3.three {
	font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size: 12.75pt;	/*9.75pt;*/
	font-weight: 600;
	letter-spacing: 0;
	height: 3em;
	color: #341B2B;
	text-indent: inherit;
	border-bottom: inherit;
	padding: 1.6em 0.4em;	/*0.2em 0.8em;*/
	margin: inherit;
	line-height: 1.2em;
}
#genseki h3.three .small {
	margin-bottom:0.4em;
}


#genseki h3.four {
	font-size: 10.25pt;
	font-weight: 600;
	letter-spacing: 0;
	height: 3em;
	color: #341B2B;
	text-indent: inherit;
	border-bottom: inherit;
	padding: 0.2em 0.8em;
	margin: 0 auto 0.8em;
	line-height: 1.2em;
}






.ribbon18-wrapper {
	display: block;
	position: relative;
	margin: 15px auto;
	padding: 10px 0;
	width: 300px;
	height: 150px;
	background: #f1f1f1;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
	box-sizing: border-box;
}

.ribbon18-content {
/*
	display:none;
*/
	position: absolute;
	top: -6px;
	right: -6px;
	width: 89px;
	height: 91px;
	overflow: hidden;
	z-index:1;
	}

.ribbon18 {
	display: inline-block;
	position: absolute;
	padding: 7px 0;
	left: -23px;
	top: 22px;
	width: 160px;
	text-align: center;
	font-size: 11.75pt;
	line-height: 16px;
	background: linear-gradient(to right, #4298fa 0%,#8fcdff 100%);
	color: #fff;
	text-shadow: 0 2px 2px #56a1f3;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
	.ribbon18:before,
	.ribbon18:after {
		position: absolute;
		content: "";
		border-top: 4px solid #3672b6;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		bottom: -4px;
	}
	.ribbon18:before {
		left: 14px;
	}
	.ribbon18:after {
		right: 18px;
	}
	.ribbon18 .text-pr {
		width: auto;
		height: auto;
		display: block;
		margin: auto auto;
	}
	.ribbon18 .text-pr:before {
		content:"PR";
	}







.ribbon-new-2 {
	display: inline-block;
	position: absolute;
	padding: 7px 0;
	left: -23px;
	top: 22px;
	width: 160px;
	text-align: center;
	font-size: 11.75pt;
	line-height: 16px;
	background: linear-gradient(to right, #fa8383 0%,#ffa0a0 100%);
	color: #fff;
	text-shadow: 0 2px 2px #d07676;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
	.ribbon-new-2:before,
	.ribbon-new-2:after {
		position: absolute;
		content: "";
		border-top: 4px solid #d07676;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		bottom: -4px;
	}
	.ribbon-new-2:before {
		left: 14px;
	}
	.ribbon-new-2:after {
		right: 18px;
	}
	.ribbon-new-2 .text {
		width: auto;
		height: auto;
		display: block;
		margin: auto auto;
	}
	.ribbon-new-2 .text:before {
		content:"NEW";
	}


.ribbon-shinsa {
	display: inline-block;
	position: absolute;
	padding: 7px 0;
	left: -23px;
	top: 22px;
	width: 160px;
	text-align: center;
	font-size: 11.75pt;
	line-height: 16px;
	background: linear-gradient(to right, #FFC860 0%,#FFC860 100%);
	color: #fff;
	text-shadow: 0 2px 2px #D0A450;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
	.ribbon-shinsa:before,
	.ribbon-shinsa:after {
		position: absolute;
		content: "";
		border-top: 4px solid #D0A450;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		bottom: -4px;
	}
	.ribbon-shinsa:before {
		left: 14px;
	}
	.ribbon-shinsa:after {
		right: 18px;
	}
	.ribbon-shinsa .text {
		width: auto;
		height: auto;
		display: block;
		margin: auto auto;
	}
	.ribbon-shinsa .text:before {
		content:"審査中";
	}


.ribbon-shien {
	display: inline-block;
	position: absolute;
	padding: 7px 0;
	left: -23px;
	top: 22px;
	width: 160px;
	text-align: center;
	font-size: 11.75pt;
	line-height: 16px;
	background: linear-gradient(to right, #75D0F7 0%,#60AACA 100%);
	color: #fff;
	text-shadow: 0 2px 2px #75D0F7;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
	.ribbon-shien:before,
	.ribbon-shien:after {
		position: absolute;
		content: "";
		border-top: 4px solid #75D0F7;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		bottom: -4px;
	}
	.ribbon-shien:before {
		left: 14px;
	}
	.ribbon-shien:after {
		right: 18px;
	}
	.ribbon-shien .text {
		width: auto;
		height: auto;
		display: block;
		margin: auto auto;
	}
	.ribbon-shien .text:before {
		content:"支援中";
	}


.ribbon-syuryo {
	display: inline-block;
	position: absolute;
	padding: 7px 0;
	left: -23px;
	top: 22px;
	width: 160px;
	text-align: center;
	font-size: 11.75pt;
	line-height: 16px;
	background: linear-gradient(to right, #ffb6c1 0%,#ffb6c1 100%);
	color: #fff;
	text-shadow: 0 2px 2px #ffb6c1;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
	.ribbon-syuryo:before,
	.ribbon-syuryo:after {
		position: absolute;
		content: "";
		border-top: 4px solid #ffb6c1;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		bottom: -4px;
	}
	.ribbon-syuryo:before {
		left: 14px;
	}
	.ribbon-syuryo:after {
		right: 18px;
	}
	.ribbon-syuryo .text {
		width: auto;
		height: auto;
		display: block;
		margin: auto auto;
	}
	.ribbon-syuryo .text:before {
		content:"終了";
	}













.seeds {
}
.seeds h3 {
	text-indent: 0.01em;
	font-size: 15.75pt;
	font-weight: 600;
	border-bottom: dotted 1px #036eb8;
	padding: 0 0.0em 0.8em;
	margin: 0.8em auto 0.8em;
	text-align: center;
	color: #02538a;
}
.seeds p {
	overflow: hidden;
	line-height: 1.6em;
	text-align: left;
	font-size: 12.75pt;
}
.seeds h3.three {
	font-size: 12.75pt;
	font-weight: 600;
	letter-spacing: -0.02em;
	height: 3em;
	color: #341B2B;
	text-indent: inherit;
	border-bottom: inherit;
	padding: inherit;
	margin: inherit;
	text-align:left;
}
	.seeds h3.pt4 {
		padding-top:0.4em;
	}
	.seeds h3.pt8 {
		padding-top:0.8em;
	}
.seeds p.three {
	font-size: 9.75pt;
	text-align: justify;
	line-height: 1.4em;
	margin:0.8em 0;
}
.seeds .icon3-box {
	width: 8em;
	height: 7em;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}


.bg-seeds {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	position: absolute;
	width: 95%;
	height: 100%;
	/*background-color: #ccc;*/
}
@media screen and (max-width: 991px) {	/*	736px */
	.bg-seeds {
		position: inherit;
		width: 100%;
		height: 7em;
		display: inline-block;
	}

}
.bg-seeds.type01 {
	background-image: url(../../images/seeds01.svg);
}
.bg-seeds.type02 {
	background-image: url(../../images/seeds02.svg);
}
.bg-seeds.type03 {
	background-image: url(../../images/seeds03.svg);
}
.bg-seeds.type04 {
	background-image: url(../../images/seeds04.svg);
}




.table {
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 85%;
}

.table .tdw1 { width: 18%; }

.table-sm th,
.table-sm td {
	padding: 0;
}

.table .th-w-10p {
	width:10%;
}
.table .th-w-20p {
	width:20%;
}
.table .th-w-60p {
	width:60%;
}
.table .th-w-70p {
	width:70%;
}
.table .th-w-80p {
	width:80%;
}


table th,
table td {
	padding: 1.4em 1.2em;
}

#form1 .table-vendor {
	width:96%;
	margin:0 auto;
}


.list-group .info-list-group-item {
	font-size: 10.75pt;
	text-align: left;
	display: inline-block;
	width: 100%;
	height:auto;
	padding: 0.8em 0.2em;
	line-height: 1.4em;
	
}

a.kotira {
	color: #111;
	margin: 0;
	padding: 0.1em 0.4em 0;
	border-bottom: solid 2px #9D221F;
	font-weight: 600;
	font-size: 9.5pt;
}
	.kotira:hover {
		color: #333;
		font-weight: normal;
		border-bottom: solid 2px #C45F5D;
/*
		background-color: #C45F5D;
		color: #fff;
		padding: 0 0.4em 0;
		border-radius: 12px;
		margin: 0;
*/
	}


.container.tokucho {
	padding: 0em 1.6em 0.8em;
	margin:0 auto;
}


.genseki-text {
}
	.genseki-text p {
		text-align:center;
	}
	.genseki-text ul {
		margin:1.6em auto;
	}
	.genseki-text ul li {
		margin-right:1.2em;
	}

.form-control.form-control-contact {
	height:auto;
	padding:0.8em;
	margin:0.2em auto 0.4em;
	background-color: rgba(129, 195, 240, 0.2);
	font-weight:600;
}


#contact .text-box {
	margin: 0 auto 0.4em;
	padding: 0 1.6em;
}
	#contact .text-box p {
		font-size:11.75pt;
		text-align:center;
	}




.button-info-box {
	position: fixed;
	background-color: rgba(3,110,184,0.5);
	height: 16em;
	width: 2.0em;
	bottom: 5em;
	left: 0;
	z-index: 15;
	padding: 0.8em 0.8em;
	line-height: 1.0em;
	color: #fff;

	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;	
}
	.button-info-box:hover {
		background-color: rgba(129,195,240,0.9);
	}
		.button-info-box::after {
			content: "支援を希望する方はこちらから";
			font-size: 10.75pt;
			position: absolute;
			width: 1.2em;
			height: auto;
			/* background-color: #ccc; */
			top: 3.0em;
			left: 0.6em;
			line-height:1.1em;
		}
		.button-info-box::before {
			content: "";
			background-image: url("../../images/icon/icon_info_w.svg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			display: block;
			width: 1.2em;
			height: 1.2em;
			top: 0.5em;
			left: 0.4em;
		}





	#project h2.toppage-project {
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
		font-size: 14.75pt;
		letter-spacing: 0.1em;
		color: inherit;
		font-weight: 300;
		line-height: 1.6em;
		margin-bottom: 1.2em;
		text-transform: uppercase;
		margin-left: inherit;
	}
	.komoku-L {
		font-size:9.75pt;
		text-align:right;
	}
	.komoku-R {
		font-size:11.75pt;
		text-align:left;
		color:#333;
		line-height:1.2em;
	}









ul.sitemap {
	line-height:1.6em;
	text-align:center;
	margin:1.6em auto 0.4em;
}
	ul.sitemap li {
		padding-left:0;
	}
		ul.sitemap li .small {
			font-size: 8.75pt;
			line-height: 1.2em;
			margin: 1.6em 0 0;
			display: block;
			text-align:center;
		}
/*
		ul.sitemap li a {
			color:#333;
		}
		ul.sitemap li a:hover{
			color:#9D221F;
			border-bottom:solid 1px #9D221F;
		}
*/
		ul.sitemap li a {
			color: #333;
			display: block;
			padding: 0.4em;
			border: solid 1px #ccc;
			margin: 0.4em auto 0.8em;
			border-radius: 6px;
		}
		ul.sitemap li a:hover {
			background-color:rgba(2,83,138,0.3);
		}

.info-day {
	text-align: center;
	font-size: 11.75pt;
	padding: 0.4em 0.2em;
}
.info-title {
	text-align: left;
	font-size: 12.75pt;
/*	font-weight:600;*/
	padding: 0.4em 0.2em;
}

a.list-group-item.info-bar {
	background-color: #fff;
	border: 1px solid #ddd;
}
	a.list-group-item.info-bar:hover {
		background-color: #c1e2f9;
		border: 1px solid #ddd;
	}


.btn-seeds {
	position: absolute;
	top: 5.4em;
	right: 1em;
	background-image: url("../../images/btn-seeds-of.svg");
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
	width: 8em;
	height: 8em;
	z-index: 10;
	transition: .4s;
}
	.btn-seeds:hover {
		background-image: url("../../images/btn-seeds-on.svg");
	}
@media screen and (max-width: 1084px) {
	.btn-seeds {
		top:4em;
		width:7em;
	}
}
@media screen and (max-width: 736px) {
	.btn-seeds {
		top:3em;
		width:5em;
	}
}

.btn-yri {
	position: absolute;
	bottom: 1.0em;
	right: 2.0em;
	background-image: url("../../images/logo_yri_j_b.svg");
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
	width: 14em;
	height: 1.2em;
	z-index: 10;
	transition: .4s;
}
@media screen and (max-width: 1084px) {
	.btn-yri {
		display:none;
	}
}
@media screen and (max-width: 736px) {
}



.btn-yri-2 {
	display:none;
}
@media screen and (max-width: 1084px) {
	.btn-yri-2 {
		display:block;
		margin:auto;
		background-image: url("../../images/logo_yri_j_b.svg");
		background-size: contain;
		background-position: center right;
		background-repeat: no-repeat;
		width: 14em;
		height: 1.2em;
		z-index: 10;
		transition: .4s;
		position: absolute;
		bottom: 1em;
		left: 0;
		right: 0;
	}
}


.btn-circle-stitch {
	display: inline-block;
	text-decoration: none;
	background: #87befd;
	color: #FFF;
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	box-shadow: 0px 0px 0px 5px #87befd;
	border: dashed 1px #FFF;
	transition: .4s;

position: absolute;
top: 7.5em;
right: 2em;
z-index: 10;

}

.btn-circle-stitch:hover {
	background: #668ad8;
	box-shadow: 0px 0px 0px 5px #668ad8;
}





	.bg{
		position: relative;
		width: 100%;
		height: 24em;	/*32em;	/*300px;*/
	}
		@media screen and (min-width: 1281px) {
			.bg{
				height: 28em;	/*32em;	/*300px;*/
			}
		}


	.video{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	.video video{
		position: absolute;
		top: 50%;
		left: 50%;
		object-fit: cover;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
	}
	
	#banner .inner header .site-logo2 {
		width: 80%;
		height: 13.5em;
		margin: auto;
		background-image: url("../../images/title9.svg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 0.8em;
		right: 0;
		left:0;
	}
	#banner .inner {
		background-color: rgba(238, 238, 238,0.0);
	}

	#banner .site-logo-3 {
		display: inline-block;
		width: 100%;
		height: auto;

		position: absolute;
		top: 55%;
		left: 50%;
		transform: translateY(8%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}

@media screen and (max-width: 1084px) {
	#banner .inner header .site-logo2 {
		width: 98%;
	}
}




.yri-chara-box {
	background-color: #fff;
	display: block;
	width: 100%;
	height: auto;
/*
	border: solid 2px #02538a;
*/
	border: solid 1px #efefef;
	border-radius: 3px;
	position:relative;
	margin:0 auto 0.8em;

	box-shadow: 1px 1px 3px #ccc;
	border-radius: 4px;

}
.yri-chara-box .yri-chara-img {
	width: 5em;
	height: 100%;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	background-color: #fff;
}



	.yri-chara-box .yri-chara-img.img-01 { background-image: url(../../images/yri_chara01.svg); }
	.yri-chara-box .yri-chara-img.img-02 { background-image: url(../../images/yri_chara02.svg); }
	.yri-chara-box .yri-chara-img.img-03 { background-image: url(../../images/yri_chara03.svg); }
	
	
	.yri-chara-box .yri-title {
		position: absolute;
		top:0.8em;
		left:6em;
		z-index: 1;
		color: #2f3279;
		text-align: left;
		display: inline-block;
		padding: 0.4em 0;
		font-size: 12.75pt;
		font-weight:600;
		letter-spacing:0.04em;
		line-height:1.2em;
*/
		text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
					-1px 1px 0 #FFF, 1px -1px 0 #FFF,
					 0px 1px 0 #FFF,  0-1px 0 #FFF,
					-1px 0 0 #FFF, 1px 0 0 #FFF;
*/
	}
	.yri-chara-box .text-box {
		margin:3.4em 0 0 5em;
		padding:0.4em 0.8em;
	}
		.yri-chara-box .text-box p {
			margin: 0 auto;
			padding: 0;
			font-size: 9.75pt;
			line-height: 1.4em;
		}
		.yri-chara-box .text-box ul {
			font-size: 8.75pt;
			margin: 0.4em auto;
		}
		.yri-chara-box .text-box ul li {
			margin : 0.2em 0.4em;
			line-height:1.2em;
		}





.yri-chara-box2 {
	background-color: #fff;
	display: block;
	width: 100%;
	height: auto;
/*
	border: solid 2px #02538a;
*/
	border: solid 1px #efefef;
	border-radius: 3px;
	position:relative;

	box-shadow: 1px 1px 3px #ccc;
	border-radius: 4px;

}
.yri-chara-box2 .yri-chara-img {
	width: 100%;
	height: 7em;	/*8em;	/*6em;*/
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;	/*contain;	/*cover;*/
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	display: inline-block;
	background-color: #fff;
}
	.yri-chara-box2 .yri-chara-img.img-04 { background-image: url(../../images/yri_building.svg); }
	.yri-chara-box2 .yri-chara-img.img-05 { background-image: url(../../images/yri_ydb.svg); }
	.yri-chara-box2 .yri-chara-img.img-06 { background-image: url(../../images/yri_kyodo.svg); }
	
	.yri-chara-box2 .yri-title {
/*
		position: absolute;
		top:0.8em;
		left:6em;
		z-index: 1;
/*
		background-color: rgba(47,50,121,0.8);
*/
		color: #2f3279;
		text-align: center;
		display: block;
		padding: 0.4em 0 0.4em;
		font-size: 12.75pt;
		font-weight:600;
		letter-spacing:0.04em;
		line-height: 1.2em;
	}
		.yri-chara-box2 .yri-title .small {
			font-size: 11.25pt;
			font-weight:normal;
		}
	
	.yri-chara-box2 .text-box {
		margin:0.8em auto 0.4em;
/*
		margin:7em auto 0.4em;
		margin:6em auto 0.4em;
*/
		padding:0.4em 0.8em;
	}
		.yri-chara-box2 .text-box p {
			margin: 0 auto;
			padding: 0;
			font-size: 9.75pt;
			line-height: 1.4em;
		}
		.yri-chara-box2 .text-box ul {
			font-size: 8.75pt;
			margin: 0.4em auto;
		}
		.yri-chara-box2 .text-box ul li {
			margin : 0.2em 0.4em;
			line-height:1.2em;
		}
@media screen and (max-width: 991px) {
	.yri-chara-box2 .yri-chara-img {
		background-size: contain;	/*cover;*/
	}
}
/*
@media screen and (max-width: 991px) {
	.yri-chara-box2 .yri-chara-img {
		width:40%;
		background-size: contain;	/*cover;*/
	}
	.yri-chara-box2 .text-box {
		margin: 0.4em 0 0.4em 15em;
		width: 55%;
		display: inline-block;
		text-align: left;
	}
}
*/
.adjust-box-bg {
	background-color:rgba(2, 83, 138,0.1);
}

.side-box {
/*
	margin-left:-15px;
	margin-right:-15px;
*/
	background-color:rgba(2, 83, 138,0.1);
	font-size: 10.75pt;
	padding: 1.6em 0.8em;
	line-height:1.2em;
	display:table;
	width:100%;
}
	.side-box p {
		font-size:10.75pt;
	}
	.side-box p.sub {
		padding:0.4em 0.0em 0;
		line-height:1.4em;
		font-size:10.75pt;
		letter-spacing:-0.01em;
	}

	.side-box ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}




#ydb-user dl {
	padding: 1.6em 0 0;	/*15px 0;
/*
	border-bottom: 1px solid #ccc;
*/
}
#ydb-user dt {
	padding: 0.4em;
	clear: left;
	float: left;
	width: 35%;
	font-size: 8.75pt;
	font-weight: normal;
	line-height: 1.6em;
	border: solid 1px rgba(2,83,138,1);
	border-radius: 3px;
	text-align: center;
	margin: 0 auto 0.8em;
	/* background-color: rgba(2,83,138,0.2); */
	color: #001c2f;
	box-shadow: 3px 3px 1px rgba(2,83,138,0.2);
}

#ydb-user dd {
	padding: 0.4em 0.4em;
	margin: 0 0 0.4em 45%;
	font-size: 10.75pt;
	font-weight: normal;
	line-height: 1.6em;
}
		#ydb-user dd.name {
			font-size:11.75pt;
			font-weight:600;
			padding: 0.2em 0.4em;
		}


/*
	#ydb-user dt {
		padding-bottom: 0.4em;
		clear: left;
		float: left;
		width: 40%;
		font-size: 8.75pt;
		font-weight:normal;
		line-height: 1.6em;
	}
	#ydb-user dd {
		padding-bottom: 0.4em;
		margin-left:41%;
		font-size: 10.75pt;
		font-weight:normal;
		line-height: 1.6em;
	}
*/
/*
@media screen and (min-width: 768px) {
	#ydb-user dt {
		clear: left;
		float: left;
		width: 10%;
	}
		#ydb-user dd {
			margin-left: 11%;
		}
	}
*/
#ydb-user .YDB-sanjo {
	text-align: center;
	/* background-color: #fff; */
	color: #111;
	padding: 0.8em 0.4em;
	margin: 0 auto 2.4em;
	font-size: 11.75pt;
	border-radius: 3px;
	letter-spacing: 0.1em;
	/* font-weight: 600; */
	border: solid 1px #02538a;
	box-shadow: 3px 3px 1px rgba(2, 83, 138,0.2);
}


.posi-rela {
	position:relative;
}

	.img-ydb-logo {
		width: 100%;
		height: 8em;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		display: inline-block;
		background-color: inherit;
		background-image: url(../../images/yri_ydb_v2.svg);
		
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		
	}
	.img-ydb {
		background-image: url(../../images/YDB_TOKYO_20210728_2.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover; /*contain;*/
		display: block;
		width: 100%;
		height: 8em;
		margin-bottom:0.8em;
	}
	h3.ydb {
		text-align:center;
		text-indent:0;
		line-height:1.6em;
		margin:0 auto;
		color: #2f3279;
		font-weight:600;
	}
	p.ydb-text {
		font-size:10.75pt;
		line-height:1.6em;
	}
	
	
	


/*
	a.btn-moshikomi {
		background-image: url(../../images/btn_moshikomi_of.svg);
		background-repeat: no-repeat;
		background-position: center center;
		display: inline-block;
		width: 75%;
		height: 12em;
	}
		a.btn-moshikomi:hover {
			background-image: url(../../images/btn_moshikomi_on.svg);
		}
		
*/
	.btn-moshikomi {
		position: relative;
		width: 100%;
		height: 10em;
		margin: 0 auto;
		display: block;
		cursor: pointer;
	}
		.btn-moshikomi img {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			width: 100%;
			display: block;
			-webkit-transition: .4s ease-in-out;
			transition: .4s ease-in-out;
		}
		.btn-moshikomi:hover img:nth-of-type(2) {
			opacity: 0;
		}

	
	
button.close {
	text-align: right;
	position: absolute;
	top: 1em;
	right: 1em;
}





	#genseki .genseki-box-2 {
		display: block;
		background-color: #fff;
		width: 100%;
		padding: 3em 0.8em 0.4em;
		text-align: left;
		position: relative;
		border: solid 1px #ccc;
		border-radius: 8px;
	}
		#genseki .genseki-box-2:hover {
			border: solid 1px #333;
		}
		#genseki .genseki-box-2 .syamei:hover {
			text-decoration: underline;
			color: #222;
		}
		#genseki .genseki-box-2 .header {
			background-color: rgba(194,210,221,0.8);
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 3em;
			z-index: 0;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
		}
		#genseki .genseki-box-2 img.img-logo {
			width: auto;	/*55%;*/
			height:5em;
			margin: 0 0 1.6em;
			position: absolute;
			top: 1.2em;
			left: 0.8em;
			z-index: 1;
			background-color: rgba(255, 255, 255,1.0);
			border: solid 1px #eee;
			box-shadow: 0px 0px 8px #aeb0b3;
			padding: 0.4em;
			border-radius:6px;
		}
		#genseki .genseki-box-2 .syamei {
			clear: both;
			color: #333;
			font-size: 11.75pt;
			padding: 5.4em 1.6em 0.8em;
			font-weight: 600;
		}
		#genseki .genseki-box-2 .text-box {
			font-size: 10.75pt;
			color: #333;
			padding: 0 1.8em 0.4em;
			line-height: 1.4em;
		}
			#genseki .genseki-box-2 .text-box::before {
				content: "事業内容";
				font-size: 8.25pt;
				display: block;
				background-color: #5d606f;
				padding: 0.2em 0.4em 0;
				width: 7em;
				text-align: center;
				border-radius: 15px;
				margin-bottom: 0.4em;
				line-height: 1.0em;
				color: #fff;
			}
			
	#progress .progress-box-1 {
		display: block;
		background-color: #fff;
		width: 100%;
		padding: 3em 0.8em 0.4em;
		text-align: left;
		position: relative;
		border: solid 1px #ccc;
		border-radius: 8px;
	}
		#progress .progress-box-1:hover {
			border: solid 1px #333;
		}
		#progress .progress-box-1 .syamei:hover {
			text-decoration: underline;
			color: #222;
		}
		#progress .progress-box-1 .header {
			background-color: rgba(2,83,138,0.9);
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 3em;
			z-index: 0;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
		}
		#progress .progress-box-1 img.img-logo {
			max-width: 65%;
			height: auto;
			margin: 0 0 1.6em;
			position: absolute;
			top: 2.2em;	/*1.6em;*/
			left: 0.8em;
			z-index: 1;
			background-color: rgba(255, 255, 255,1.0);
			border: solid 1px #eee;
			box-shadow: 0px 0px 8px #aeb0b3;
			padding: 0.4em;
			border-radius:6px;
			max-height:7em;
		}
		#progress .progress-box-1 .syamei {
			clear: both;
			color: #333;
			font-size: 11.75pt;
			padding: 8.0em 0.8em 0.8em;
			font-weight: 600;
		}
		#progress .progress-box-1 .text-box {
			font-size: 10.75pt;
			color: #333;
			padding: 0.4em 0.8em 0.4em;
			line-height: 1.4em;
		}
/*
			#progress .progress-box-1 .text-box::before {
				content: "事業概要";
				font-size: 8.25pt;
				display: block;
				background-color: #5d606f;
				padding: 0.2em 0.4em 0;
				width: 7em;
				text-align: center;
				border-radius: 15px;
				margin-bottom: 0.4em;
				line-height: 1.0em;
				color: #fff;
			}
*/
#progress .progress-box-1 .toroku {
	position: absolute;
	left: 1.6em;
	top: 1.2em;
	height: auto;
	font-size:7.75pt;
	border-bottom:none;
	color:#fff;
	padding-bottom:0;
	z-index:1;
	letter-spacing:0.05em;
}
	#progress .progress-box-1 .toroku:before {
		content:"登録日:";
		font-size:6.75pt;
	}

			
.ydb-toolbar {
	position: absolute;
	right: 0.4em;
	top: 0.4em;
	display: inline-block;
}



#seeds {
	padding-top:5.2em;
}


.sanjo-area {
}
	.sanjo-area h2 {
		font-size: 12.75pt;
		border-bottom: solid 1px #ccc;
		color:#02538a;
	}
	.sanjo-area p {
		line-height: 1.6em;
		font-size: 11.75pt;
		overflow: inherit;
		text-align: inherit;
	}
	.sanjo-area ul {
		font-size: 11.75pt;
		margin-left: 0.8em;
		line-height: 1.6em;
	}
	.sanjo-area ul li {
	}
	.sanjo-area .note {
		font-size: 9.5pt;
		text-indent: inherit;
		padding-left: inherit;
	}







#form1 label,
#form2 label,
label
{
	font-size: 10.75pt;
	margin-left: 0.8em;
	white-space: nowrap;
	padding-top: 4px;
}





.navLeftMenu {
	margin:0.8em 0;
}
.navLeftMenu a {
	color:#111;
	opacity: 0.75;
}
.navLeftMenu a:hover {
	color:#111;
	opacity: 1.0;
}


.btn2 {
/*
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
/*
	display: inline-block;
*/
	position: relative;
	padding: 0;	/*1rem 4rem;*/
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 6px;
}
	.btn--shadow {
		border-radius: 6px;
		-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
	}

ul.top-genseki-select {
}
	ul.top-genseki-select li {
		width: 16em;
		height: 5em;
	}
	.btn-kibo {
		display: block;
		width: auto;
		height: 4em;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		border-bottom: 1px solid #333;
		border-radius: 6px;
	}	
		.btn-kibo:hover {
			margin-top:5px;
			border-bottom: 1px solid #333;
		}
		.btn-kibo.shien { background-image: url(../../images/btn_shienkibo_of.png); }
		.btn-kibo.genseki { background-image: url(../../images/btn_genseki_of.png); }


.top-genseki-select2 {
	margin:0.4em auto 0.8em;
}
	.top-genseki-select2 a {
		display:block;
		margin-bottom:0.2em;
		box-shadow: 1px 2px 1px #aaa;
		transition : all 0.5s ease 0s;
	}
		.top-genseki-select2 a:hover {
			opacity:0.6;
		}

	@media screen and (max-width: 1085px) {
		.top-genseki-select2 {
			/*
			bottom:2em;
			*/
		}
	}
	@media screen and (max-width: 659px) {
		.top-genseki-select2 {
			/*
			bottom:2em;
			*/
		}
	}
	.btn-kibo2 {
		display: block;
		width: auto;
		height: 4em;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		border-bottom: 1px solid #333;
		border-radius: 6px;
	}	
		.btn-kibo2:hover {
			margin-top:5px;
			border-bottom: 1px solid #333;
		}
		.btn-kibo2.shien { background-image: url(../../images/btn_shienkibo_of.png); }
		.btn-kibo2.genseki { background-image: url(../../images/btn_genseki_of.png); }



.callcenter-box {
	border: groove 3px #013f6a;
	border-radius: 6px;
	position: relative;
	padding: 1.6em 0.8em 0.4em;
	margin: 0 auto;
	font-size: 10.75pt;
	background-color: #02538a;
	color: #fff;
}
		.callcenter-box .callcenter-img {
			display: block;
			width: auto;
			height: 4em;
			background-image: url(../../images/callcenter.svg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
		}
	.callcenter-box p {
		font-size:10.75pt;
		margin:0;
	}
@media screen and (max-width: 991px) {
	.callcenter-box {
		display:none;
	}
}

.btn.btn-pdf-box {
	position:relative;
	padding:1.2em 0.4em;
	margin:0.4em 0.2em;
	min-width:31.0%;
}

.btn.btn-img-box {
	position:relative;
	padding:0.4em 0.4em;
	margin:0.2em 1px;
}
	.btn.btn-img-box img {
		height:10em;
		margin:auto;
	}

.btn-icon-box {
	position: absolute;
	width: 2.8em;
	height: 2.8em;
	left: 1.6em;
	top: 50%;
	transform: translateY(-50%) translateX(0%);
	-webkit-transform: translateY(-50%) translateX(0%);
	
}
.btn-icon-box.icon-pdf {
	background-image: url(../../images/icon_pdf_wh.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.project-ul {
	margin:auto;
	padding:0;
	text-align:center;
}
	.project-ul li {
		display: inline-block;
		padding-right: 2px;
		padding-left: 2px;
		/*max-width:31.0%*/
	}



	#project h2.toppage-project {
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
		font-size: 14.75pt;
		letter-spacing: 0.1em;
		color: inherit;
		font-weight: 300;
		line-height: 1.6em;
		margin-bottom: 1.2em;
		text-transform: uppercase;
		margin-left: inherit;
	}
	.komoku-L {
		font-size:10.75pt;
		text-align:right;
		line-height:1.6em;
		/*margin-top:0.4em;*/
	}
	.komoku-R {
		font-size:12.75pt;
		text-align:left;
		color:#333;
		line-height:1.6em;
	}

@media screen and (max-width: 991px) {
	.komoku-L {
		text-align:left;
		font-size:8.75pt;
	}
}

.vendor-box-top {
/*
	background: #fff;
	margin: 0 auto 0.8em;
	padding: 1.6em 1.6em 0.8em;
	display: inline-block;

	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.project-area .project-gaiyo {
*/
	display: inline-block;
	width: 100%;
	margin: 0 auto 0.8em;
	padding: 1.6em 1.6em 0.8em;
	font-size: 10.75pt;
	line-height: 1.4em;
	color: #111;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.project-area .vendor-box-top h1 {
	font-size: 14.75pt;
	letter-spacing: 0.05em;
	font-weight: 600;
	margin: 1.6em 0.4em 1.6em;
}