@charset "UTF-8";
html {
		font-size: 12pt;
}
html header {
		z-index: 9999;
}
html header > .uk-margin {
		margin-top: 10px;
		margin-bottom: 0;
		position: absolute;
}
html header > .uk-margin > form {
		display: inline;
		position: relative;
		width: auto;
}
html header > .uk-margin > form svg {
		position: absolute;
		left: 15px;
		top: 3px;
}
html header > .uk-margin > form input {
		border-radius: 50px;
		width: 265px;
		padding-right: 0;
		padding-left: 40px !important;
		transition: width 0.3s ease-out;
		background-color: #fff;
}
html header .nav_switch {
		text-align: right;
		font-size: 2rem;
		display: none;
}
html #nav span.runningtitle {
		display: none;
}
html #nav > h3 {
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 5px;
		word-break: break-all;
		line-height: 1.75rem;
}
html #nav > h3.chapter.active > span,
html #nav > h3.chapter > a > span,
html #nav > h3.chapter > a > span > span,
html #nav > h3.chapter span:not([class]) {
		margin-right: 1rem;
}
html #nav > ul {
		margin-top: 5px;
}
html #nav > ul li {
		list-style: none;
		line-height: 1.2rem;
		margin-bottom: 0.5rem;
}
html #contents {
		padding-bottom: 20px;
}
html #contents .sr_pagenavi a {
		color: #1e87f0;
		text-decoration: underline;
}
html #contents .sr_pagenavi a:hover {
		color: lightcoral;
}
html #contents div div.pagenavi, html #contents article div.pagenavi {
		margin-bottom: 1rem;
		width: 100%;
}
html #contents div div.pagenavi > a, html #contents article div.pagenavi > a {
		display: block;
}
html #contents div div.pagenavi > a::before, html #contents article div.pagenavi > a::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "";
		display: inline-block;
		margin-right: 0.5rem;
}
html #contents div div.pagenavi > a.h2,
html #contents div div.pagenavi > a.h3, html #contents article div.pagenavi > a.h2,
html #contents article div.pagenavi > a.h3 {
		display: flex;
}
html #contents div div.pagenavi > a.h2, html #contents article div.pagenavi > a.h2 {
		padding-left: 1rem;
}
html #contents div div.pagenavi > a.h3, html #contents article div.pagenavi > a.h3 {
		padding-left: 2rem;
}
html #contents div.framepage .frame_layout0, html #contents article.framepage .frame_layout0 {
		margin: 20px auto 60px;
}
html #contents div.framepage .frame_layout0 h4, html #contents article.framepage .frame_layout0 h4 {
		font-size: 12pt;
		margin: 10px 0;
		padding-left: 0;
}
html #contents div.framepage .frame_layout0 h4::before, html #contents article.framepage .frame_layout0 h4::before {
		content: none;
}
html #contents div.framepage .frame_layout0 ul, html #contents article.framepage .frame_layout0 ul {
		margin: 10px 0;
}
html #contents h1 {
		font-size: 2rem;
		padding: 2rem 1rem 1rem;
		margin-top: 0px;
}
html #contents h1 span:not([class]) {
		margin-right: 1rem;
}
html #contents h2 {
		font-size: 1.75rem;
		color: #fff;
		padding: 0.5rem 1rem;
}
html #contents h2 a {
		color: white;
}
html #contents .spcon {
		display: flex;
		flex-direction: row;
		width: 100%;
		padding: 1rem 0;
}
html #contents .spcon > .sp_co {
		width: 60%;
}
html #contents .spcon > .sp_co > h2 {
		color: #666;
		position: relative;
		padding: 0.5rem 2.5rem 0.5rem 0;
}
html #contents .spcon > .sp_co > h2 button {
		cursor: pointer;
		position: absolute;
		background-color: white;
		right: 1px;
		bottom: 5px;
		width: 38px;
		height: 38px;
		border-radius: 38px;
		border: solid;
		padding: 0;
		font-size: 1.5rem;
		transform: rotate(90deg);
		transition-duration: 0.3s;
}
html #contents .spcon > .sp_co > h2 button.open {
		transform: rotate(-90deg);
		transition-duration: 0.3s;
}
html #contents .spcon h2 {
		padding-left: 0;
		background-color: initial;
}
html #contents h3 {
		position: relative;
		font-size: 1.5rem;
		padding: 0.5rem 2rem;
}
html #contents h3::before {
		position: absolute;
		content: "";
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 1em;
}
html #contents h4 {
		position: relative;
		font-weight: bold;
		padding-left: 1.5rem;
}
html #contents h4::before {
		position: absolute;
		content: "■";
		left: 0;
}
html #contents div.qa h4 {
		margin-top: 20px;
		margin-bottom: 0;
		padding-left: 40px;
}
html #contents div.qa h4::before {
		content: "";
		position: absolute;
		font-size: 1rem;
		width: 2rem;
		height: 2rem;
		top: 0;
		left: 0;
		background: url(../img/Question_icon.svg) no-repeat;
		background-size: contain;
}
html #contents h5 {
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 5px;
}
html #contents p {
		margin: 0;
}
html #contents article.spread {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
html #contents article.spread > h1 {
		flex: 0 0 100%;
}
html #contents article > p.beginning,
html #contents article > span.mainhead {
		display: none;
}
html #contents article > div > div.secnum, html #contents article > div > div.header > p {
		display: none;
}
html #contents li {
		margin-bottom: 1rem;
}
html #contents article > ul > li > ul {
		padding-left: 20px;
		padding-top: 10px;
}
html #contents ul {
		list-style: initial;
		margin-bottom: 20px;
}
html #contents ul.uk-pagination {
		list-style: none;
}
html #contents ul.hyphenlist > li {
		position: relative;
		list-style: none;
		padding-left: 1em;
}
html #contents ul.hyphenlist > li::before {
		position: absolute;
		content: "-";
		left: 0;
}
html #contents ul > li > ul {
		padding-left: 0;
}
html #contents ul.caution {
		position: relative;
		list-style: initial;
		margin: 20px 0;
		padding: 5px 5px 5px 70px;
		min-height: 45px;
}
html #contents ul.caution::before {
		content: "";
		position: absolute;
		font-size: 1rem;
		width: 2rem;
		height: 2rem;
		top: 7px;
		left: 7px;
		background: url(../img/Ref_important.svg) no-repeat;
		background-size: contain;
		transform: rotateZ(30deg);
}
html #contents ul.caution > li p,
html #contents ul.caution .hyphenlist {
		margin-bottom: 0;
}
html #contents ul.note {
		position: relative;
		list-style: initial;
		margin: 20px 0;
		padding: 5px 0 5px 70px;
		min-height: 45px;
}
html #contents ul.note::before {
		content: "";
		position: absolute;
		font-size: 1rem;
		width: 2rem;
		height: 2rem;
		top: 7px;
		left: 7px;
		background: url(../img/Ref_note.svg) no-repeat;
		background-size: contain;
}
html #contents ul.note > li p {
		margin-bottom: 0;
}
html #contents ul.footnote, html #contents ul.annot {
		list-style: none;
		padding-left: 0;
}
html #contents ul.line_list {
		list-style: none;
		padding-left: 0;
}
html #contents ul.line_list > li {
		border-left: solid 5px #f8b517;
		padding-left: 1em;
}
html #contents ul.line_list > li .inline {
		vertical-align: middle;
		width: auto;
		height: 18px;
}
html #contents ul.footnote > li {
		position: relative;
		margin-left: 2rem;
		margin-bottom: 5px;
}
html #contents ul.footnote > li > p > span {
		position: absolute;
		display: block;
		top: 0;
		width: 2rem;
		left: -2.25rem;
		text-align: right;
}
html #contents ol {
		counter-reset: ol-counter;
		list-style: none;
		padding: 0;
		margin: 0;
}
html #contents ol.s11 {
		counter-reset: ol-counter 10;
}
html #contents ol.s12 {
		counter-reset: ol-counter 11;
}
html #contents ol.s13 {
		counter-reset: ol-counter 12;
}
html #contents ol.s14 {
		counter-reset: ol-counter 13;
}
html #contents ol.s15 {
		counter-reset: ol-counter 14;
}
html #contents ol.s16 {
		counter-reset: ol-counter 15;
}
html #contents ol.s17 {
		counter-reset: ol-counter 16;
}
html #contents ol.s18 {
		counter-reset: ol-counter 17;
}
html #contents ol.s19 {
		counter-reset: ol-counter 18;
}
html #contents ol.s20 {
		counter-reset: ol-counter 19;
}
html #contents ol > li {
		position: relative;
		padding-left: 2rem;
}
html #contents ol > li::before {
		position: absolute;
		content: counter(ol-counter);
		counter-increment: ol-counter;
		border: 1px solid;
		border-radius: 50%;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 0.75rem;
		height: 20px;
		width: 20px;
		top: 2px;
		left: 0;
}
html #contents ol.bracket_round > li::before {
		border: none;
		font-size: 1.1em;
		content: "(" counter(ol-counter) ")";
		top: -2px;
}
html #contents ol.process > li {
		display: block;
		position: relative;
		padding-left: 3rem;
}
html #contents ol.process > li::before {
		position: absolute;
		display: block;
		border: none;
		font-size: 2rem;
		top: -3px;
		height: 25px;
		width: 75px;
		text-align: right;
		left: -35px;
}
html #contents ol.process > li > p:first-child {
		font-size: 1.75rem;
}
html #contents ol.process_s > li::before {
		border: none;
		font-size: 1.25em;
		content: counter(ol-counter) ")";
}
html #contents ol.process_s > li:nth-child(n+10)::before {
		left: -0.25em;
}
html #contents ol.process_s > li > p:first-child {
		font-size: 1.25em;
}
html #contents table:not(.column3) {
		margin: 0.5rem 0;
}
html #contents table:not(.column3) tr th,
html #contents table:not(.column3) tr td {
		vertical-align: top;
		padding: 5px;
}
html #contents table:not(.column3) tr th {
		text-align: left;
		font-weight: normal;
		background-color: #d9d9d9;
}
html #contents table:not(.column3) tr td.tb_center,
html #contents table:not(.column3) tr th.tb_center {
		text-align: center;
}
html #contents table:not(.column3) tr td.tb_center p,
html #contents table:not(.column3) tr th.tb_center p {
		margin-bottom: 0;
}
html #contents table:not(.column3).border_black, html #contents table:not(.column3).border_black_heavy {
		border: solid 1px #999999;
		border-collapse: collapse;
}
html #contents table:not(.column3).border_black th,
html #contents table:not(.column3).border_black td {
		border: solid 1px #999999;
}
html #contents table:not(.column3).border_black_heavy th,
html #contents table:not(.column3).border_black_heavy td {
		border: solid 1px #999999;
}
html #contents table:not(.column3).border_black th p,
html #contents table:not(.column3).border_black td p {
		margin-bottom: 0;
}
html #contents table:not(.column3).border_black_heavy th p,
html #contents table:not(.column3).border_black_heavy td p {
		margin-bottom: 0;
}
html #contents table:not(.column3).column3 td {
		width: 100%;
		display: block;
}
html #contents table.noclass tr th {
		text-align: left;
		font-weight: bold;
		background-color: #fff;
}
html #contents .cautionmark {
		position: relative;
		font-size: 2rem;
		color: #000;
		padding-left: 1.1em;
}
html #contents .cautionmark::before {
		content: "";
		position: absolute;
		font-size: 1rem;
		width: 2rem;
		top: 5px;
		left: 0;
		height: 2rem;
		background: url(../img/Ref_caution.svg) no-repeat;
		background-size: contain;
}
html #contents .hit {
		background-color: #ffbbbb;
}
html #contents .overflow_table {
		overflow-x: scroll;
}
html div#contents:before {
		z-index: -100;
}
html article.cover > h2 .runningsection,
html article.cover > h2 > dfn {
		display: none;
}
html p.lead {
		margin-bottom: 5px;
}
html a.ref_tocpage {
		text-decoration: underline;
		color: #0044cc;
}
html .result_item ul {
		display: flex;
		list-style: none !important;
		padding-left: 0;
		margin-top: 5px;
}
html .result_item li {
		margin-right: 5px;
}
html .result_item li::before {
		content: " > ";
}
html .result_item li:first-child::before {
		content: "";
}
html .fa-hand-point-right {
		margin: 0 5px;
}
html.trg #contents .sect1 table.noclass {
		border-collapse: collapse;
		border-spacing: 0;
}
html.trg #contents .sect1 table.noclass thead tr th {
		text-align: center;
		color: #000;
		background-color: #f8b517;
}
html.trg #contents .sect1 table.noclass tbody tr {
		border-bottom: solid 2px #f8b517;
}
html.trg #contents .sect1 table.noclass tbody tr td {
		vertical-align: top;
}
html.trg #contents .sect1 table.noclass tbody tr td ul {
		margin: 10px 0;
}
html.trg #contents .sect1 table.noclass tbody tr td ul li {
		margin-bottom: 5px;
}
html body > div#main,
html body > header {
		max-width: 1200px;
		min-width: 1200px;
		margin-left: auto;
		margin-right: auto;
}
html body > header {
		height: 60px;
		position: relative;
}
html body #main {
		margin-top: -60px;
}
html body #main #nav, html body #main #contents {
		overflow-y: scroll;
		overflow-x: hidden;
}
html body #main #nav {
		/* height: calc(100vh - 60px); */
		height: calc(100vh - 70px - 2rem);
		margin-top: 70px;
		padding: 0 40px 2rem 0;
		flex: 1;
		min-width: 200px;
		border-right: 1px solid lightgray;
}
html body #main #contents {
		/* height: calc(100vh - 60px); */
		scroll-behavior: smooth;
		height: calc(100vh - 2rem);
		padding: 0 10px 2rem 0;
		margin: 0 0 0 40px;
		flex: 3;
}
html h1 .runningtitle {
		display: none;
}
html .runningsection,
html .index {
		display: none;
}
html dfn {
		font-style: initial;
}
html p > img.actualinline {
		width: auto;
		height: auto;
}
html .runningsection,
html .index {
		display: none;
}
html dfn {
		font-style: initial;
}
html .uk-grid-divider > :not(.uk-first-column)::before {
		right: -40px;
		border-left: none;
}
html footer {
		position: absolute;
		max-width: 1200px;
		min-width: 1200px;
		margin: 0 auto;
		text-align: center;
		left: 0;
		right: 0;
		bottom: 10px;
}
html .totop {
		position: fixed;
		right: 10px;
		bottom: 10px;
		display: block;
		background-color: #FFF;
		padding: 1.5rem;
		border-radius: 0.25rem;
		z-index: 999;
		font-weight: 600;
}
html .totop:hover {
		color: #FFF;
}
html body.top {
		position: relative;
}
html body.top header, html body.top div#top_main, html body.top footer {
		max-width: 720px;
		min-width: 720px;
		margin-left: auto;
		margin-right: auto;
}
html body.top header {
		position: relative;
		height: 99px;
		border-bottom: solid 1px #e5e5e5;
		z-index: 2;
}
html body.top header .topimage {
		position: relative;
}
html body.top header .topimage img {
		margin-top: 20px;
}
html body.top header .topimage img.logo {
		max-width: 110px;
}
html body.top header .topimage img.model {
		position: absolute;
		display: block;
		right: 0;
		top: 0;
}
html body.top div#top_main {
		justify-content: space-between;
		position: relative;
		max-width: 720px;
		min-width: 720px;
		height: 100vh;
		margin-top: -100px;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: center;
}
html body.top div#top_main > h1 {
		margin-top: 10px;
		position: absolute;
		width: 100%;
		text-align: center;
		padding-left: 0;
		left: 50%;
		transform: translate(-50%, 130px);
		-webkit-transform: translate(-50%, 130px);
		-ms-transform: translate(-50%, 130px);
}
html body.top div#top_main > p {
		color: #000;
		margin-top: 10px;
		position: absolute;
		padding-left: 0;
		left: 50%;
		transform: translate(-50%, 200px);
		-webkit-transform: translate(-50%, 200px);
		-ms-transform: translate(-50%, 200px);
}
html body.top div#top_main > .uk-margin {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 350px);
		-webkit-transform: translate(-50%, 350px);
		-ms-transform: translate(-50%, 350px);
}
@media screen and (min-height: 750px) and (max-height: 1000px) {
		html body.top div#top_main > .uk-margin {
				transform: translate(-50%, 35vh);
				-webkit-transform: translate(-50%, 35vh);
				-ms-transform: translate(-50%, 35vh);
		}
}
@media screen and (max-height: 750px) {
		html body.top div#top_main > .uk-margin {
				transform: translate(-50%, 262px);
				-webkit-transform: translate(-50%, 262px);
				-ms-transform: translate(-50%, 262px);
		}
}
html body.top div#top_main > .uk-margin > .uk-search {
		transition: unset;
}
html body.top div#top_main > .uk-margin > .uk-search-default {
		position: relative;
		width: auto;
}
html body.top div#top_main > .uk-margin > .uk-search-default > .uk-icon {
		position: absolute;
		top: 10px;
		left: 10px;
}
html body.top div#top_main > .uk-margin > .uk-search-default > .uk-search-input {
		width: 350px;
		max-width: 350px;
		border-radius: 50px;
		padding-left: 40px;
		transition: unset;
		box-shadow: 0 0px 15px #eee;
		background-color: #fff;
}
html body.top div#top_main > div:last-child {
		display: flex;
		justify-content: space-evenly;
		position: absolute;
		width: 90%;
		left: 50%;
		transform: translate(-50%, 450px);
		-webkit-transform: translate(-50%, 450px);
		-ms-transform: translate(-50%, 450px);
}
@media screen and (min-height: 750px) and (max-height: 1000px) {
		html body.top div#top_main > div:last-child {
				transform: translate(-50%, 45vh);
				-webkit-transform: translate(-50%, 45vh);
				-ms-transform: translate(-50%, 45vh);
		}
}
@media screen and (max-height: 750px) {
		html body.top div#top_main > div:last-child {
				transform: translate(-50%, 330px);
				-webkit-transform: translate(-50%, 330px);
				-ms-transform: translate(-50%, 330px);
		}
}
html body.top div#top_main > div:last-child > h2 {
		margin: 0;
}
html body.top div#top_main > div:last-child > h2 > a {
		border-radius: 500px;
		font-weight: 600;
		/* background-color: $font-color; */
		width: 250px;
		max-width: 250px;
}
html body.top div#top_main > div:last-child > h2:nth-child(2) {
		left: 80px;
}
html body.top div#top_main > div:last-child > h2:nth-child(3) {
		right: 80px;
}
html body.top div#top_main > div:last-child > h2::before {
		display: none;
}
html body.top div#top_main > div:last-child > h2:hover a:hover {
		text-decoration: none;
}
html body.top div#top_main > div:last-child > h2:last-child a {
		line-height: 20px;
		padding: 15px;
}
html body.top div#top_main > div.topimage {
		position: relative;
		max-width: 720px;
		min-width: 720px;
		height: calc(100vh - 20px);
		min-height: 640px;
		padding-left: 0;
		margin: 0 auto;
		order: 2;
		background-position: center;
		background-color: rgba(255, 255, 255, 0.4);
		background-blend-mode: lighten;
		padding-top: 20px;
}
html body.top div#top_main > div.topimage > .logo {
		position: absolute;
}
html body.top div#top_main > div.topimage > .model {
		position: absolute;
		right: 0;
}
html body.top div#top_main > div.topimage > .main {
		margin-top: 100px;
		padding-top: 20px;
		border-top: solid 1px #e5e5e5;
}
html body.top div#top_main > div.topimage::before {
		border: none;
		max-width: 720px;
		min-width: 720px;
		height: 120px;
		left: 0;
		border-bottom: solid 1px #e5e5e5;
}
html body.top div#top_main > ul {
		width: 15vw;
		min-width: 280px;
		order: 1;
}
html body.top div#top_main > ul.uk-first-column {
		display: none;
		margin-top: 60px;
		padding-left: 0 !important;
		list-style: none;
}
html body.top div#top_main > ul.uk-first-column li {
		padding: 5px;
}
html body.top div#top_main > ul.uk-first-column li a {
		text-decoration: none;
}
html body.top footer {
		position: absolute;
		max-width: 720px;
		min-width: 720px;
		background-color: white;
		bottom: 0;
		padding-bottom: 10px;
		z-index: 3;
}
html body.top footer:after {
		color: #333333;
		content: attr(data-model);
		position: absolute;
		bottom: 10px;
		right: 5px;
		margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
		html *, html *:before, html *:after {
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
		}
		html .totop {
				padding: 1rem;
		}
		html body .uk-grid {
				display: block;
		}
		html body .uk-grid #nav {
				position: absolute;
		}
		html body > div#main,
html body > header {
				min-width: 320px;
				margin-left: initial;
				margin-right: initial;
		}
		html body > header {
				position: fixed;
				width: 100%;
				border-bottom: solid 1px lightgray;
				background-color: #fff;
		}
		html body > header > .uk-margin {
				position: static;
				margin-top: 0;
				padding-top: 10px;
				text-align: center;
		}
		html body > header > .uk-margin > form input {
				width: 65%;
				max-width: 265px;
		}
		html body > header .nav_switch {
				display: inline-flex;
				position: absolute;
				top: 19px;
				left: 10px;
		}
		html body > header .nav_switch > .uk-icon svg {
				width: 25px;
				height: 25px;
		}
		html body > header .nav_switch > .uk-icon:hover {
				color: initial;
		}
		html body > header .nav_switch > .uk-icon.nav_clicked svg rect:nth-of-type(1) {
				transform: translateX(5.5px) translateY(0px) rotate(45deg);
		}
		html body > header .nav_switch > .uk-icon.nav_clicked svg rect:nth-of-type(2) {
				display: none;
		}
		html body > header .nav_switch > .uk-icon.nav_clicked svg rect:nth-of-type(3) {
				transform: translateX(-8px) translateY(7px) rotate(-45deg);
		}
		html body #main {
				margin-top: 0;
		}
		html body #main #nav {
				border-right: none;
				min-width: initial;
				width: 100vw;
				height: 100vh;
				margin-top: 0;
				margin-left: -100vw;
				padding: 60px 10px 20px;
				background-color: #fff;
				z-index: 2;
				transition: all 100ms 0s ease;
		}
		html body #main .nav_open {
				margin-left: 0vw !important;
		}
		html body #main #contents {
				scroll-behavior: initial;
				margin: 0;
				padding: 60px 0 0;
				z-index: 1;
		}
		html body #main #contents .uk-article {
				padding: 0 20px 100px;
		}
		html body #main #contents article.spread {
				display: block;
		}
		html body #main #contents h1 {
				position: relative;
				left: 50%;
				transform: translateX(-50%);
				font-size: 1.5rem;
				padding: 1.5rem 0.75rem 0.75rem;
		}
		html body #main #contents h2 {
				font-size: 1.5rem;
		}
		html body #main #contents h3 {
				font-size: 1.25rem;
		}
		html body #main #contents h4 {
				font-size: 1.15rem;
		}
		html body #main #contents ol > li > p > img.screen, html body #main #contents ol > li > p > img.other {
				width: 100%;
				max-width: 100%;
		}
		html body #main #contents ol.process > li {
				padding-left: 2.1rem;
		}
		html body #main #contents ol.process > li:before {
				font-size: 1.75rem;
				width: 63px;
		}
		html body #main #contents ol.process > li > p:first-child {
				font-size: 1.5rem;
		}
		html body #main #contents ol.process > li > p > img.other {
				width: 100%;
				max-width: 100%;
		}
		html body #main #contents ol.process > li > p > img.screen {
				width: 100%;
		}
		html body #main #contents ol.process_s > li > p > img.screen, html body #main #contents ol.process_s > li > p > img.other {
				width: 100%;
				max-width: 100%;
		}
		html body #main #contents ul > li p img:not(.inline) {
				max-width: inherit;
		}
		html body #main #contents ul.caution, html body #main #contents ul.note {
				padding-top: 0;
				padding-left: 60px;
		}
		html body #main #contents ul.caution::before, html body #main #contents ul.note::before {
				width: 1.5rem;
				height: 1.5rem;
		}
		html body #main #contents table img.other, html body #main #contents table img.screen {
				width: auto !important;
		}
		html body #main #contents img {
				max-width: 100% !important;
		}
		html body #main #contents img.other, html body #main #contents img.screen {
				width: 100% !important;
		}
		html body #main #contents .spcon > .sp_co > h2 {
				font-size: 1.25rem;
		}
		html body #main #contents .spcon > .sp_co > h2 button {
				width: 28px;
				height: 28px;
				font-size: 1.25rem;
		}
		html body #main #contents table tr > td img, html body #main #contents table tr > th img {
				max-width: inherit;
		}
		html body.top header,
html body.top div#top_main,
html body.top footer {
				max-width: 100vw;
				min-width: initial;
		}
		html body.top header {
				height: 100%;
				padding-bottom: 10px;
		}
		html body.top header .topimage {
				position: static;
				display: flex;
				justify-content: space-around;
				align-items: flex-start;
		}
		html body.top header .topimage img {
				margin-top: 10px;
		}
		html body.top header .topimage img.logo {
				width: 25%;
		}
		html body.top header .topimage img.model {
				position: static;
				width: 50%;
		}
		html body.top div#top_main {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				margin-top: -70px;
				height: calc(100vh + 7px);
				background-size: contain !important;
		}
		html body.top div#top_main > p {
				transform: translate(-50%, 230px);
				-webkit-transform: translate(-50%, 230px);
				-ms-transform: translate(-50%, 230px);
		}
		html body.top div#top_main > h1 {
				text-align: center;
				margin-top: initial;
				position: static;
				left: auto;
				transform: none;
				-webkit-transform: none;
		}
		html body.top div#top_main > .uk-margin {
				text-align: center;
				position: static;
				left: auto;
				transform: none;
				-webkit-transform: none;
		}
		html body.top div#top_main > .uk-margin > .uk-search-default > .uk-search-input {
				width: 75vw;
		}
		html body.top div#top_main > div:last-child {
				display: block;
				text-align: center;
				width: 75%;
				position: static;
				left: auto;
				transform: none;
				-webkit-transform: none;
		}
		html body.top div#top_main > div:last-child > h2 > a {
				width: 75%;
		}
		html body.top div#top_main > div:last-child > h2:nth-child(2) {
				margin-top: 20px;
		}
		html body.top footer {
				bottom: 0;
		}
}
html div#contents img {
		max-width: 100%;
}
html div#contents article div.single_fullpage p.blockimg img:not(.inline) {
		width: 75%;
}
html div#contents article div.single_fullpage p.blockimg img:not(.inline).screen {
		width: 60%;
}
html div#contents article div.single p.blockimg img:not(.inline) {
		width: 75%;
}
html div#contents article div.single p.blockimg img:not(.inline).screen {
		width: 60%;
}
html div#contents article div.qa p.blockimg img:not(.inline), html div#contents article div.column_set p.blockimg img:not(.inline) {
		width: 60%;
}
html div#contents article div.qa p.blockimg img:not(.inline).screen, html div#contents article div.column_set p.blockimg img:not(.inline).screen {
		width: 60%;
}
html div#contents article > p.blockimg img:not(.inline) {
		width: 75%;
}
html div#contents article > p.blockimg img:not(.inline).screen {
		width: 60%;
}
html div#contents .inline {
		margin: 0 0.2em;
		width: auto;
		min-height: 18px;
		vertical-align: middle;
}
html div#contents .img_l_inline > img {
		margin: 0 0.2em;
		width: auto !important;
		min-height: 18px;
}
html div#contents .center_image {
		text-align: left;
}
html div#contents img.inline {
		width: auto;
}
html div#contents img.noclass {
		width: inherit !important;
		max-width: inherit !important;
}
html div#contents .spread .blockimg .screen,
html div#contents .spread .blockimg .other {
		max-width: 275px;
}
html div#contents .blockimg {
		text-align: left;
		margin: 1rem 0;
}
html div#contents table:not(.column3):not(.noclass) th img:not(.inline):not(.actualinline):not(.noclass), html div#contents table:not(.column3):not(.noclass) td img:not(.inline):not(.actualinline):not(.noclass) {
		width: 75% !important;
}
html div#contents table:not(.column3):not(.noclass) th img.inline, html div#contents table:not(.column3):not(.noclass) td img.inline {
		height: 28px;
}
html div#contents table:not(.column3):not(.noclass) th img.actualinline, html div#contents table:not(.column3):not(.noclass) td img.actualinline {
		width: inherit !important;
}
html div#contents ol > li > p > img.screen, html div#contents ol > li > p > img.other {
		width: 50%;
		max-width: 75%;
}
html div#contents ol.process > li > p > img.other {
		width: 60%;
		max-width: 75%;
}
html div#contents ol.process > li > p > img.screen {
		width: 60%;
}
html div#contents ol.process_s > li > p > img.screen, html div#contents ol.process_s > li > p > img.other {
		width: 60%;
		max-width: 75%;
}
html div#contents ul > li > p img:not(.inline) {
		background-color: white;
		width: 50%;
		max-width: 75%;
}
html div#contents ul.note > li p img:not(.inline), html div#contents ul.caution > li p img:not(.inline) {
		background-color: white;
		width: 50%;
		max-width: 75%;
}
html div#contents .spcon > .sp_img {
		width: 40%;
		padding: 0 1rem;
}
html div#contents .spcon > .sp_img img {
		display: block;
		margin: 0 auto;
		max-width: 200px !important;
}
html.userguide body.top div#top_main {
		background-image: url("../top_image/cover_GL_UG.svg");
		/*background: url("../top_image/cover_GL_UG.svg") center center no-repeat;*/
}
html.userguide body.top div#top_main > .uk-margin > form svg {
		color: #8cc31e;
}
html.userguide header > .uk-margin a:hover {
		color: #8cc31e;
}
html.userguide header > .uk-margin > form svg {
		color: #8cc31e;
}
html.userguide #nav .active {
		background-color: #e1eec4;
}
html.userguide #nav > h3.chapter:hover {
		background-color: #e1eec4;
}
html.userguide #nav > h3.chapter a {
		text-decoration: none;
		display: block;
}
html.userguide #nav > ul li:hover {
		background-color: #e1eec4;
}
html.userguide #nav > ul li a {
		text-decoration: none;
		display: block;
}
html.userguide body.top div#top_main > .uk-margin > .uk-search-default .uk-search-icon svg {
		color: #8cc31e;
}
html.userguide body.top div#top_main > div:last-child > h2 > a {
		background-color: #333;
}
html.userguide body.top div#top_main > div:last-child > h2 > a:hover {
		background-color: #666;
}
html.userguide body.top div#top_main > ul.uk-first-column li:hover {
		background-color: #e1eec4;
}
html.userguide #contents div div.pagenavi,
html.userguide #contents article div.pagenavi {
		border: 1px solid #8cc31e;
}
html.userguide #contents h1 {
		background-color: #e1eec4;
}
html.userguide #contents h2 {
		background-color: #8cc31e;
}
html.userguide #contents .spcon > .sp_co > h2 button {
		border-color: #8cc31e;
		color: #8cc31e;
}
html.userguide #contents .spcon > .sp_co > h2 button:hover {
		border-color: #78ac10;
		color: #78ac10;
		background-color: #f2f8e7;
}
html.userguide #contents .spcon h2 {
		background-color: inherit;
		border-bottom: solid 5px #8cc31e;
}
html.userguide #contents h3 {
		border: solid 2px #8cc31e;
}
html.userguide #contents h3::before {
		border-right: solid 1px #8cc31e;
		background-color: #e1eec4;
}
html.userguide #contents ul.caution {
		background-color: #e1eec4;
}
html.userguide #contents ul.note {
		border-top: solid 2px #8cc31e;
		border-bottom: solid 2px #8cc31e;
}
html.userguide .totop {
		border: solid 0.2rem #8cc31e;
		color: #8cc31e;
}
html.userguide .totop:hover {
		background-color: #8cc31e;
}
html.ag body.top div#top_main {
		background-image: url("../top_image/cover_GL_AG.svg");
}
html.ag body.top div#top_main > .uk-margin > form svg {
		color: #1b9cdd;
}
html.ag header > .uk-margin a:hover {
		color: #1b9cdd;
}
html.ag header > .uk-margin > form svg {
		color: #1b9cdd;
}
html.ag #nav .active {
		background-color: #bae2f8;
}
html.ag #nav > h3.chapter:hover {
		background-color: #bae2f8;
}
html.ag #nav > h3.chapter a {
		text-decoration: none;
		display: block;
}
html.ag #nav > ul li:hover {
		background-color: #bae2f8;
}
html.ag #nav > ul li a {
		text-decoration: none;
		display: block;
}
html.ag body.top div#top_main > .uk-margin > .uk-search-default .uk-search-icon svg {
		color: #1b9cdd;
}
html.ag body.top div#top_main > div:last-child > h2 > a {
		background-color: #333;
}
html.ag body.top div#top_main > div:last-child > h2 > a:hover {
		background-color: #666;
}
html.ag body.top div#top_main > ul.uk-first-column li:hover {
		background-color: #bae2f8;
}
html.ag #contents div div.pagenavi,
html.ag #contents article div.pagenavi {
		border: 1px solid #1b9cdd;
}
html.ag #contents h1 {
		background-color: #bae2f8;
}
html.ag #contents h2 {
		background-color: #1b9cdd;
}
html.ag #contents .spcon > .sp_co > h2 button {
		border-color: #1b9cdd;
		color: #1b9cdd;
}
html.ag #contents .spcon > .sp_co > h2 button:hover {
		border-color: #1597d8;
		color: #1597d8;
		background-color: #d1ecfa;
}
html.ag #contents .spcon h2 {
		border-bottom: solid 5px #1b9cdd;
}
html.ag #contents h3 {
		border: solid 2px #1b9cdd;
}
html.ag #contents h3::before {
		border-right: solid 1px #1b9cdd;
		background-color: #bae2f8;
}
html.ag #contents ul.caution {
		background-color: #bae2f8;
}
html.ag #contents ul.note {
		border-top: solid 2px #1b9cdd;
		border-bottom: solid 2px #1b9cdd;
}
html.ag #contents table.border_black td.tb_shade {
		background-color: #d9d9d9;
}
html.ag .totop {
		border: solid 0.2rem #1b9cdd;
		color: #1b9cdd;
}
html.ag .totop:hover {
		background-color: #1b9cdd;
}
html.trg body.top div#top_main {
		background-image: url("../top_image/cover_GL_TRG.svg");
}
html.trg body.top div#top_main > .uk-margin > form svg {
		color: #f8ba2a;
}
html.trg header > .uk-margin a:hover {
		color: #f8ba2a;
}
html.trg header > .uk-margin > form svg {
		color: #f8ba2a;
}
html.trg #nav .active {
		background-color: #fdf1c2;
}
html.trg #nav > h3.chapter:hover {
		background-color: #fdf1c2;
}
html.trg #nav > h3.chapter a {
		text-decoration: none;
		display: block;
}
html.trg #nav > ul li:hover {
		background-color: #fdf1c2;
}
html.trg #nav > ul li a {
		text-decoration: none;
		display: block;
}
html.trg body.top div#top_main > .uk-margin > .uk-search-default .uk-search-icon svg {
		color: #f8ba2a;
}
html.trg body.top div#top_main > div:last-child > h2 > a {
		background-color: #333;
}
html.trg body.top div#top_main > div:last-child > h2 > a:hover {
		background-color: #666;
}
html.trg body.top div#top_main > ul.uk-first-column li:hover {
		background-color: #fdf1c2;
}
html.trg #contents div div.pagenavi,
html.trg #contents article div.pagenavi {
		border: 1px solid #f8ba2a;
}
html.trg #contents h1 {
		background-color: #fdf1c2;
}
html.trg #contents h2 {
		background-color: #f8ba2a;
}
html.trg #contents .spcon > .sp_co > h2 button {
		border-color: #f8ba2a;
		color: #f8ba2a;
}
html.trg #contents .spcon > .sp_co > h2 button:hover {
		border-color: #fab410;
		color: #fab410;
		background-color: #f2f8e7;
}
html.trg #contents .spcon h2 {
		border-bottom: solid 5px #f8ba2a;
}
html.trg #contents h3 {
		border: solid 2px #f8ba2a;
}
html.trg #contents h3::before {
		border-right: solid 1px #f8ba2a;
		background-color: #fdf1c2;
}
html.trg #contents ul.caution {
		background-color: #fdf1c2;
}
html.trg #contents ul.note {
		border-top: solid 2px #f8ba2a;
		border-bottom: solid 2px #f8ba2a;
}
html.trg #contents table.border_black td.tb_shade {
		background-color: #fdf1c2;
}
html.trg #contents div.qa h4 {
		color: #f8ba2a;
}
html.trg .totop {
		border: solid 0.2rem #f8ba2a;
		color: #f8ba2a;
}
html.trg .totop:hover {
		background-color: #f8ba2a;
}
/*# sourceMappingURL=main.css.map */