@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/*--Layout--*/
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

ul, ol, li { list-style: none; }

body { position: relative; font-family: 'Noto Sans JP', sans-serif; line-height: 1.6; }
body * { box-sizing: border-box; }
body img { max-width: 100%; }

a { color: #666; text-decoration: none; transition: 0.4s; }
a:hover { color: #c00; }
a:hover img { opacity: 0.9; }

header { padding: 15px 0; position: sticky; top: 0; background: #fff; z-index: 9999; }
header > div { width: 1080px; margin: auto; display: flex; align-items: center; }
@media (max-width: 1080px) { header > div { width: auto; margin-right: 10px; margin-left: 10px; } }
header h1 { width: 300px; }
header ul { margin-left: auto; display: flex; }
header ul a { width: 10em; padding: 7px 0; text-align: center; display: block; background: #000; color: #fff; margin-left: 10px; font-size: 0.9375rem; }
@media (max-width: 768px) { header > div { flex-direction: column; }
  header ul { margin: 10px auto; } }

#catch { overflow: hidden; position: relative; display: flex; align-items: center; max-height: 600px; }
#catch .slide { width: 100%; height: calc(100% - 30px); }
#catch .slide img { max-width: initial; width: 100%; }
#catch .catch-copy { position: absolute; background: rgba(255, 255, 255, 0.9); inset: 0; margin: auto; height: 7em; width: 40em; display: flex; justify-content: center; align-items: center; }
#catch .catch-copy p { text-align: center; font-size: 1.125rem; font-weight: bold; }
@media (max-width: 768px) { #catch { max-height: initial; }
  #catch .slide { height: auto; }
  #catch .catch-copy { width: 100%; background: rgba(255, 255, 255, 0.8); }
  #catch .catch-copy p { font-size: 1rem; } }

main { overflow: hidden; }

body.mailform header, body.privacypolicy header { border-bottom: 1px solid #000; }

body.mailform main { width: 1080px; margin: auto; padding: 3vw 0; }
@media (max-width: 1080px) { body.mailform main { width: auto; margin-right: 10px; margin-left: 10px; } }
body.mailform main .recruit-sec5-form:before { background: none; }
body.mailform main ul.error { margin-bottom: 1em; }
body.mailform main ul.error li { list-style-type: disc; }
body.mailform main ul.error li:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 0.5em; content: ""; font-size: 80%; }

body.thankyou main h3 { font-size: 1.25rem; font-weight: bold; margin-bottom: 20px; }
body.thankyou main p { margin-bottom: 2em; }

body.privacypolicy main { width: 1080px; margin: auto; padding: 3vw 0; }
@media (max-width: 1080px) { body.privacypolicy main { width: auto; margin-right: 10px; margin-left: 10px; } }
body.privacypolicy main > div { margin-top: 1em; padding-top: 1em; border-top: solid 1px #ddd; }
body.privacypolicy main > div:last-child { border-top: none; text-align: right; }
body.privacypolicy main h3 { font-size: 1.125rem; font-weight: bold; margin-bottom: 10px; }
body.privacypolicy main p + p, body.privacypolicy main p + ul { margin-top: 1em; }
body.privacypolicy main ul { padding-left: 2em; }
body.privacypolicy main ul li { list-style-type: disc; }

.top-sec1, .top-sec4, .top-sec5 { width: 1080px; margin: auto; }
@media (max-width: 1080px) { .top-sec1, .top-sec4, .top-sec5 { width: auto; margin-right: 10px; margin-left: 10px; } }

.top-sec1 h2, .top-sec2 h2, .top-sec3 h2, .top-sec4 h2, .top-sec5 h2, .recruit-sec1 h2, .recruit-sec2 h2, .recruit-sec3 h2, .recruit-sec4 h2, .recruit-sec5 h2 { font-family: 'Gelasio', sans-serif; font-weight: 500; font-size: 2.5rem; text-align: center; }

.top-sec1 { padding: 3vw 0 5vw; }
.top-sec1 h2 { color: #888; }
.top-sec1 div, .top-sec1 p, .top-sec1 h3 { text-align: center; }
.top-sec1 .top-sec1-lead { font-size: 1.125rem; margin-bottom: 20px; }
.top-sec1 img { width: 150px; }
.top-sec1 h3 { font-size: 1.25rem; font-weight: bold; }
.top-sec1 ul { display: flex; flex-wrap: wrap; }
.top-sec1 ul > * { width: calc( ( 100% - 30px * ( 3 - 1) ) / 3 ); }
.top-sec1 ul > *:nth-child(n) { margin-right: 30px; }
.top-sec1 ul > *:nth-child(3n) { margin-right: 0; }
@media (max-width: 768px) { .top-sec1 ul { justify-content: space-between; }
  .top-sec1 ul li:nth-child(n) { width: 100%; margin: 0 0 20px; }
  .top-sec1 p br { display: none; } }

.top-sec2 { height: 300px; }
.top-sec2 h2 { color: #fff; text-shadow: 0 0 5px #000; background: url("../_img/top-sec2.jpg") center bottom/cover no-repeat; padding: 40px 0; }

.top-sec3 { background: url("../_img/top-sec3.jpg") center bottom/cover no-repeat; padding: 5vw 0; }
.top-sec3 > div { width: 960px; margin: auto; background: rgba(255, 255, 255, 0.95); padding: 20px; }
@media (max-width: 960px) { .top-sec3 > div { width: auto; margin-right: 10px; margin-left: 10px; } }
.top-sec3 h2 { color: #888; }
.top-sec3 table { width: auto; margin: 40px auto; }
.top-sec3 table th, .top-sec3 table td { padding: 5px 15px; vertical-align: top; text-shadow: 0 0 2px white; }
.top-sec3 table + a { display: block; background: #888; color: #fff; width: 9em; margin: 3em auto 0; text-align: center; padding: 10px; }
.top-sec3 table + a:hover { background: #c00; }
@media (max-width: 768px) { .top-sec3 table tbody, .top-sec3 table tr, .top-sec3 table th, .top-sec3 table td { display: block; text-align: left; } }

#goTop { position: fixed; bottom: 10px; right: 10px; width: 20px; height: 20px; background: #000; display: block; }

.top-sec4 { position: relative; padding: 3vw 0; }
.top-sec4:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: #ddd; z-index: -1; }
.top-sec4 h2 { color: #888; margin-bottom: 20px; }
.top-sec4 h3 { font-size: 1.25rem; font-weight: bold; }
.top-sec4 > div { display: flex; }
@media (max-width: 768px) { .top-sec4 > div { flex-direction: column; }
  .top-sec4 > div .top-sec4-map, .top-sec4 > div .top-sec4-info { width: 100%; margin: auto; } }
.top-sec4 .top-sec4-map { width: 600px; margin-right: 40px; flex-shrink: 0; }
.top-sec4 .top-sec4-map iframe { width: 100%; height: 360px; }
.top-sec4 .top-sec4-info > div { margin-bottom: 20px; }

.top-sec5 { padding: 3vw 0; text-align: center; /*
a{
	display: block;
	width: 50%;
	text-align: center;
	background: #000;
	color: #fff;
	margin: auto;
	
	&:hover{
		opacity: 0.8;
	}
}*/ }
.top-sec5 h2 { color: #888; margin-bottom: 20px; }
.top-sec5 a { text-decoration: underline; }
.top-sec5 > ul { width: 960px; margin: auto; }
@media (max-width: 960px) { .top-sec5 > ul { width: auto; margin-right: 0; margin-left: 0; } }
.top-sec5 > ul li { margin-bottom: 1em; }
.top-sec5 > ul input[type="text"], .top-sec5 > ul input[type="email"], .top-sec5 > ul textarea { width: 100%; padding: 0.5em; border: solid 1px #ccc; }

.recruit-sec1 { padding: 3vw 0; text-align: center; background: url("../_img/t2.jpg") center/cover no-repeat; }
.recruit-sec1 ul { width: 1280px; margin: auto; display: flex; flex-wrap: wrap; }
@media (max-width: 1280px) { .recruit-sec1 ul { width: auto; margin-right: 10px; margin-left: 10px; } }
.recruit-sec1 ul > * { width: calc( ( 100% - 30px * ( 4 - 1) ) / 4 ); }
.recruit-sec1 ul > *:nth-child(n) { margin-right: 30px; }
.recruit-sec1 ul > *:nth-child(4n) { margin-right: 0; }
.recruit-sec1 li { display: flex; flex-direction: column; }
.recruit-sec1 li img { display: block; }
.recruit-sec1 .recruit-sec1-info { background: rgba(0, 0, 0, 0.8); color: #fff; height: 100%; padding: 10px; }
.recruit-sec1 .recruit-sec1-lead { font-style: italic; font-size: 2rem; margin-bottom: 50px; }
.recruit-sec1 h3 { font-size: 1.25rem; margin-bottom: 10px; line-height: 1.2; }
.recruit-sec1 h3 span { display: block; font-size: 1rem; line-height: 1.5; }
@media (max-width: 768px) { .recruit-sec1 { padding: 30px 0; }
  .recruit-sec1 .recruit-sec1-lead { font-size: 1.25rem; }
  .recruit-sec1 ul { display: flex; flex-wrap: wrap; }
  .recruit-sec1 ul > * { width: calc( ( 100% - 10px * ( 2 - 1) ) / 2 ); }
  .recruit-sec1 ul > *:nth-child(n) { margin-right: 10px; }
  .recruit-sec1 ul > *:nth-child(2n) { margin-right: 0; }
  .recruit-sec1 li { margin-bottom: 20px; }
  .recruit-sec1 h3 { font-size: 1.125rem; }
  .recruit-sec1 p { font-size: 0.9375rem; } }

.recruit-sec2 { width: 1080px; margin: auto; text-align: center; padding: 3vw 0; }
@media (max-width: 1080px) { .recruit-sec2 { width: auto; margin-right: 10px; margin-left: 10px; } }
.recruit-sec2 > ul { width: 960px; margin: auto; display: flex; flex-wrap: wrap; }
.recruit-sec2 > ul > * { width: calc( ( 100% - 30px * ( 3 - 1) ) / 3 ); }
.recruit-sec2 > ul > *:nth-child(n) { margin-right: 30px; }
.recruit-sec2 > ul > *:nth-child(3n) { margin-right: 0; }
.recruit-sec2 > ul > li { margin-bottom: 40px; }
.recruit-sec2 > ul img { max-width: 200px; }
.recruit-sec2 h3 { font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; }
@media (max-width: 960px) { .recruit-sec2 ul { width: auto; } }
@media (max-width: 768px) { .recruit-sec2 ul { display: flex; flex-wrap: wrap; }
  .recruit-sec2 ul > * { width: calc( ( 100% - 30px * ( 2 - 1) ) / 2 ); }
  .recruit-sec2 ul > *:nth-child(n) { margin-right: 30px; }
  .recruit-sec2 ul > *:nth-child(2n) { margin-right: 0; }
  .recruit-sec2 ul img { max-width: 40vw; } }

.recruit-sec3 { text-align: center; background: #ddd; padding: 3vw 0; }
.recruit-sec3 h2 { margin-bottom: 10px; }
.recruit-sec3 h3 { font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; font-size: 1.125rem; }
.recruit-sec3 ul { width: 1080px; margin: 40px auto 0; display: flex; flex-wrap: wrap; }
.recruit-sec3 ul > * { width: calc( ( 100% - 30px * ( 3 - 1) ) / 3 ); }
.recruit-sec3 ul > *:nth-child(n) { margin-right: 30px; }
.recruit-sec3 ul > *:nth-child(3n) { margin-right: 0; }
@media (max-width: 768px) { .recruit-sec3 ul { flex-direction: column; }
  .recruit-sec3 ul > *:nth-child(n) { width: 100%; margin-right: 0; } }
@media (max-width: 960px) { .recruit-sec3 ul { width: auto; padding-left: 10px; padding-right: 10px; } }
@media (max-width: 768px) { .recruit-sec3 ul { justify-content: space-between; }
  .recruit-sec3 ul li { margin-bottom: 20px; } }
.recruit-sec3 .recruit-sec3-img { width: 200px; height: 200px; margin: auto auto 20px; border-radius: 50%; background: #fff; overflow: hidden; position: relative; }
.recruit-sec3 .recruit-sec3-img img, .recruit-sec3 .recruit-sec3-img picture, .recruit-sec3 .recruit-sec3-img source { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; height: auto; }
@media (max-width: 768px) { .recruit-sec3 .recruit-sec3-img { width: 40vw; height: 40vw; } }
.recruit-sec3 .recruit-sec3-img img { height: 100%; width: auto; max-width: initial; }

.recruit-sec4 { width: 960px; margin: auto; padding: 3vw 0; }
@media (max-width: 960px) { .recruit-sec4 { width: auto; margin-right: 10px; margin-left: 10px; } }
.recruit-sec4 .slide { margin-top: 40px; }
.recruit-sec4 .thumb li { padding: 3px; }
.recruit-sec4 .slide-arrow { position: absolute; bottom: 0; top: 0; z-index: 1; border: 0; background: rgba(255, 255, 255, 0.8); height: 40px; width: 40px; margin: auto; }
.recruit-sec4 .slide-arrow:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.recruit-sec4 .prev-arrow { left: 0; }
.recruit-sec4 .prev-arrow:before { content: '\f104'; }
.recruit-sec4 .next-arrow { right: 0; }
.recruit-sec4 .next-arrow:before { content: '\f105'; }

.recruit-sec5 { padding: 3vw 0 0; /*h3{
	@include l-bs();
	font-size: $large;
	font-weight: bold;
	margin-bottom: 10px;
	border-left:solid 7px #000;
	padding-left:5px;
}*/ /*.recruit-sec5-form{
	border-collapse: collapse;
	border-top:solid 1px #ddd;
	
	tr{
		border-bottom: 1px solid #ddd;
	}
	th{
		text-align-last: left;
	}
	span.require{
		font-size: $xsmall;
		background: #c00;
		color: #fff;
		padding: 0 10px;
		margin-left: 2em;
	}
	
	& + a{
		margin-top: 40px;
		display: block;
		background: #000;
		color: #fff;
		width: 9em;
		margin: 3em auto 0;
		text-align: center;
		padding: 10px;
	}
}*/ }
.recruit-sec5 h2 { margin-bottom: 10px; }
.recruit-sec5 .recruit-sec5-lead { text-align: center; font-size: 1.125rem; font-weight: bold; margin-bottom: 40px; }
.recruit-sec5 table { width: 1080px; margin: auto; }
@media (max-width: 1080px) { .recruit-sec5 table { width: auto; margin-right: 10px; margin-left: 10px; } }
.recruit-sec5 table th, .recruit-sec5 table td { padding: 5px 10px; }
.recruit-sec5 .recruit-sec5-info { margin-bottom: 40px; }
.recruit-sec5 .recruit-sec5-info th, .recruit-sec5 .recruit-sec5-info td { border: solid 1px #ddd; }
.recruit-sec5 .recruit-sec5-info th { background: #d0d0d0; }
@media (max-width: 768px) { .recruit-sec5 table tbody, .recruit-sec5 table tr, .recruit-sec5 table th, .recruit-sec5 table td { display: block; }
  .recruit-sec5 .recruit-sec5-lead { font-size: 1rem; }
  .recruit-sec5 .recruit-sec5-lead br { display: none; } }

.recruit-sec5-form { width: 1080px; margin: auto; position: relative; display: flex; padding: 2vw 0; }
@media (max-width: 1080px) { .recruit-sec5-form { width: auto; margin-right: 10px; margin-left: 10px; } }
.recruit-sec5-form:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: #ddd; z-index: -1; }
.recruit-sec5-form h3 { background: #000; color: #fff; font-size: 1.25rem; display: flex; flex-shrink: 0; justify-content: center; align-items: center; padding: 1em; margin-right: 1em; }
.recruit-sec5-form > ul { padding: 20px; display: flex; flex-wrap: wrap; background: #fff; }
.recruit-sec5-form > ul > li { width: calc( 50% - 40px ); margin: 20px 20px; }
.recruit-sec5-form > ul > li.x2 { width: 100%; }
.recruit-sec5-form [name="name"], .recruit-sec5-form [name="kana"], .recruit-sec5-form [name="tel"], .recruit-sec5-form [name="email"], .recruit-sec5-form textarea { width: 100%; }
.recruit-sec5-form [name="age"] { width: 4em; }
.recruit-sec5-form a[target="_blank"] { text-decoration: underline; }
.recruit-sec5-form input[type="submit"] { width: 100%; border-radius: 0; border: none; background: #557; color: #fff; cursor: pointer; padding: 10px; }
.recruit-sec5-form input[type="submit"]:hover { opacity: 0.8; }
.recruit-sec5-form .recruit-sec5-form-label { font-weight: bold; margin-bottom: 5px; }
.recruit-sec5-form span.require { font-size: 0.75rem; background: #c00; color: #fff; padding: 0 10px; margin-left: 1em; }
.recruit-sec5-form .recruit-sec5-form-check { margin-top: 1em; }
@media (max-width: 768px) { .recruit-sec5-form { flex-direction: column; }
  .recruit-sec5-form:before { background: transparent; }
  .recruit-sec5-form h3 { margin: 0; }
  .recruit-sec5-form > ul { padding: 20px 0; }
  .recruit-sec5-form > ul li { width: 100%; margin: 20px 5px; } }

.recruit-sec4 { text-align: center; padding: 3vw 0; }

footer { border-top: solid 1px #000; text-align: center; }
footer h2 { font-size: 1.25rem; margin-bottom: 20px; }
footer .footer-info { padding: 3vw 0; }
footer .footer-privacy { font-size: 0.9375rem; text-align: center; margin: 20px auto; }
footer .footer-privacy a:before { font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-right: 3px; content: ""; }
footer .copyright { color: #000; font-size: 0.875rem; text-align: center; }

/*--CPU--*/
.form-item-error li { font-size: 0.875rem; color: #080; }
.form-item-error li:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 0.5em; content: ""; }

.trione-form-btns { display: flex; justify-content: space-between; }
.trione-form-btns > form { width: 49%; }
.trione-form-btns > form input[type="submit"] { width: 80%; border-radius: 0; border: none; background: #557; color: #fff; cursor: pointer; padding: 10px; }
.trione-form-btns > form input[type="submit"]:hover { opacity: 0.8; }
.trione-form-btns > form:nth-child(1) { text-align: right; }

.u-mg0 { margin: 0px !important; }

.u-mt0 { margin-top: 0px !important; }

.u-mr0 { margin-right: 0px !important; }

.u-mb0 { margin-bottom: 0px !important; }

.u-ml0 { margin-left: 0px !important; }

.u-pd0 { padding: 0px !important; }

.u-pt0 { padding-top: 0px !important; }

.u-pr0 { padding-right: 0px !important; }

.u-pb0 { padding-bottom: 0px !important; }

.u-pl0 { padding-left: 0px !important; }

.u-mg10 { margin: 10px !important; }

.u-mt10 { margin-top: 10px !important; }

.u-mr10 { margin-right: 10px !important; }

.u-mb10 { margin-bottom: 10px !important; }

.u-ml10 { margin-left: 10px !important; }

.u-pd10 { padding: 10px !important; }

.u-pt10 { padding-top: 10px !important; }

.u-pr10 { padding-right: 10px !important; }

.u-pb10 { padding-bottom: 10px !important; }

.u-pl10 { padding-left: 10px !important; }

.u-mg20 { margin: 20px !important; }

.u-mt20 { margin-top: 20px !important; }

.u-mr20 { margin-right: 20px !important; }

.u-mb20 { margin-bottom: 20px !important; }

.u-ml20 { margin-left: 20px !important; }

.u-pd20 { padding: 20px !important; }

.u-pt20 { padding-top: 20px !important; }

.u-pr20 { padding-right: 20px !important; }

.u-pb20 { padding-bottom: 20px !important; }

.u-pl20 { padding-left: 20px !important; }

.u-mg30 { margin: 30px !important; }

.u-mt30 { margin-top: 30px !important; }

.u-mr30 { margin-right: 30px !important; }

.u-mb30 { margin-bottom: 30px !important; }

.u-ml30 { margin-left: 30px !important; }

.u-pd30 { padding: 30px !important; }

.u-pt30 { padding-top: 30px !important; }

.u-pr30 { padding-right: 30px !important; }

.u-pb30 { padding-bottom: 30px !important; }

.u-pl30 { padding-left: 30px !important; }

.u-mg40 { margin: 40px !important; }

.u-mt40 { margin-top: 40px !important; }

.u-mr40 { margin-right: 40px !important; }

.u-mb40 { margin-bottom: 40px !important; }

.u-ml40 { margin-left: 40px !important; }

.u-pd40 { padding: 40px !important; }

.u-pt40 { padding-top: 40px !important; }

.u-pr40 { padding-right: 40px !important; }

.u-pb40 { padding-bottom: 40px !important; }

.u-pl40 { padding-left: 40px !important; }

.u-mg50 { margin: 50px !important; }

.u-mt50 { margin-top: 50px !important; }

.u-mr50 { margin-right: 50px !important; }

.u-mb50 { margin-bottom: 50px !important; }

.u-ml50 { margin-left: 50px !important; }

.u-pd50 { padding: 50px !important; }

.u-pt50 { padding-top: 50px !important; }

.u-pr50 { padding-right: 50px !important; }

.u-pb50 { padding-bottom: 50px !important; }

.u-pl50 { padding-left: 50px !important; }

.u-fs-xxsmall { font-size: 0.75rem; }

.u-fs-xsmall { font-size: 0.875rem; }

.u-fs-small { font-size: 0.9375rem; }

.u-fs-normal { font-size: 1rem; }

.u-fs-large { font-size: 1.125rem; }

.u-fs-xlarge { font-size: 1.25rem; }

.u-fs-xxlarge { font-size: 1.5rem; }

.u-fs-xxxlarge { font-size: 1.75rem; }

.u-fc-text { color: #333; }

.u-fc-strong { color: #fed900; }

.u-fc-coution { color: #004471; }

.u-fc-hover { color: #c00; }

.u-ls-disc { list-style-type: disc !important; padding-left: 1.5em !important; }

.u-ls-circle { list-style-type: circle !important; padding-left: 1.5em !important; }

.u-ls-square { list-style-type: square !important; padding-left: 1.5em !important; }

.u-ls-decimal { list-style-type: decimal !important; padding-left: 1.5em !important; }

.u-ls-ur { list-style-type: upper-roman !important; padding-left: 1.5em !important; }

.u-ls-none { list-style-type: none !important; padding-left: 1.5em !important; }

.u-ls-play li:before { font-family: 'FontAwesome'; margin-right: 0.5em; content: ""; }

.u-ls-cog li:before { font-family: 'FontAwesome'; margin-right: 0.5em; content: ""; }

.u-caution { color: #c00; }

.u-require { padding: 2px 5px; background: #c20f17; color: #fff; border-radius: 4px; margin: 0 4px; }

a.u-btn { background-color: #fff; color: #2a71b9; border: solid 1px #2a71b9; border-radius: 4px; display: inline-block; padding: 0.3em 1em; text-decoration: none; }

.u-fb { font-weight: bold; }

.u-tr { text-align: right; }

.u-tc { text-align: center; }

.u-tl { text-align: left; }

.u-w100 { width: 100% !important; }

/*# sourceMappingURL=d8_style.css.map */