@charset "UTF-8";
/*!  stylesheet energyclub (generated by scss compiler)
	Copyright (C) 2018 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, May 8, 2018
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/**
#	/\n/	"===BR==="
#	/\/\*.*?\*\//	""
#	/===BR===/	"\n"
#	/[ ]+$/	""
#	/^\n/	""
#	/}/	"}\n"
*/
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*! stylesheet base globals v1.00 (http://www.sofrosune.net/) */ /*! stylesheet mixins v1.00 (http://www.sofrosune.net/) */ /*! stylesheet common set v1.00 (http://www.sofrosune.net/) */
/**/
/*! stylesheet base reset v1.00 (http://www.sofrosune.net/) */
/* === reset css === */
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
}

html {
	font-family: "Trebuchet MS", Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	line-height: 1.5;
	font-size: 0.75rem;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	html {
		font-family: "Trebuchet MS", Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	}
}
@media print, screen and (min-width: 720px) {
	html {
		font-size: 0.875rem;
	}
}
@media print, screen and (min-width: 960px) {
	html {
		font-size: 1rem;
	}
}
p, li, dt, dd, th, td, pre {
	-ms-line-break: normal;
	line-break: normal;
	-ms-word-break: normal;
	word-break: normal;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre {
	margin-top: 0;
}

h1 {
	font-size: 2.5rem;
	line-height: 1;
	margin-bottom: 1.5rem;
}

h2 {
	font-size: 2rem;
	line-height: 1.3333;
	margin-bottom: 1.5rem;
}

h3 {
	font-size: 1.75rem;
	line-height: 1;
	margin-bottom: 1.5rem;
}

h4 {
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}

h5 {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}

h6 {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

figure {
	margin: 0px 0px;
}

/*! stylesheet base text v1.00 (http://www.sofrosune.net/) */
/* === text === */
.text-left {
	text-align: left;
}

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

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

.text-justify {
	text-align: justify;
}

.text-top {
	vertical-align: top;
}

.text-middle {
	vertical-align: middle;
}

.text-bottom {
	vertical-align: bottom;
}

.text-nowrap {
	white-space: nowrap;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

a:link {
	color: #006cb4;
}

a:visited {
	color: #006cb4;
}

a:active {
	color: #006cb4;
}

a:hover {
	color: #dc143c;
	text-decoration: none;
	background-color: #fdd;
}

/*! stylesheet base mark v1.00 (http://www.sofrosune.net/) */
/* === mark === */
.mark-pdf::after {
	content: url("../images/icon/icon-pdf.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-pdf::before {
	content: url("../images/icon/icon-pdf.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-pict::after {
	content: url("../images/icon/icon-pict.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-pict::before {
	content: url("../images/icon/icon-pict.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-txt::after {
	content: url("../images/icon/icon-txt.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-txt::before {
	content: url("../images/icon/icon-txt.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-html::after {
	content: url("../images/icon/icon-html.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-html::before {
	content: url("../images/icon/icon-html.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-xml::after {
	content: url("../images/icon/icon-xml.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-xml::before {
	content: url("../images/icon/icon-xml.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-doc::after {
	content: url("../images/icon/icon-doc.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-doc::before {
	content: url("../images/icon/icon-doc.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-xls::after {
	content: url("../images/icon/icon-xls.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-xls::before {
	content: url("../images/icon/icon-xls.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-ppt::after {
	content: url("../images/icon/icon-ppt.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-ppt::before {
	content: url("../images/icon/icon-ppt.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-zip::after {
	content: url("../images/icon/icon-zip.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-zip::before {
	content: url("../images/icon/icon-zip.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-mov::after {
	content: url("../images/icon/icon-mov.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-mov::before {
	content: url("../images/icon/icon-mov.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-misc::after {
	content: url("../images/icon/icon-misc.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-misc::before {
	content: url("../images/icon/icon-misc.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-book::after {
	content: url("../images/sign/book-21x13.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-book::before {
	content: url("../images/sign/book-21x13.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-rhand::after {
	content: url("../images/sign/hand-right-16x16.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-rhand::before {
	content: url("../images/sign/hand-right-16x16.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-lhand::after {
	content: url("../images/sign/hand-left-16x16.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-lhand::before {
	content: url("../images/sign/hand-left-16x16.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-uhand::after {
	content: url("../images/sign/hand-up-16x16.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-uhand::before {
	content: url("../images/sign/hand-up-16x16.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-dhand::after {
	content: url("../images/sign/hand-down-16x16.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-dhand::before {
	content: url("../images/sign/hand-down-16x16.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-link::after {
	content: url("../images/sign/link-16x16.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-link::before {
	content: url("../images/sign/link-16x16.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-pop::after {
	content: url("../images/sign/popmsg-16x16.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-pop::before {
	content: url("../images/sign/popmsg-16x16.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-zoom::after {
	content: url("../images/sign/zoom-16x16.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-zoom::before {
	content: url("../images/sign/zoom-16x16.png");
	vertical-align: middle;
	padding-right: 4px;
}

.mark-zoomhint::after {
	content: url("../images/sign/zoomhint-10x10.png");
	vertical-align: middle;
	padding-left: 4px;
}

.mark2-zoomhint::before {
	content: url("../images/sign/zoomhint-10x10.png");
	vertical-align: middle;
	padding-right: 4px;
}

/*! stylesheet base fig-align v1.00 (http://www.sofrosune.net/) */
/* === figure align=== */
/** Usage:
<div class="fig-align left"><!-- left,center,right -->
<figure style="max-width:50%;"><!-- 100% for center -->
<img src="PATH" />
<figcaption class="center">CAPTION</figcaption>
</figure>
<p>TEXT</p>
</div><!--/fig-align-->
*/
.fig-align figure {
	display: inline-block;
	margin: 0rem 0rem 1rem 0rem;
	max-width: 100%;
}

.fig-align.left figure {
	float: left;
	margin-right: 2rem;
	max-width: 50%;
}

.fig-align.left figure img {
	width: 100%;
}

.fig-align.right figure {
	float: right;
	margin-left: 2rem;
	max-width: 50%;
}

.fig-align.right figure img {
	width: 100%;
}

.fig-align.center figure {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 100%;
}

.fig-align.center figure img {
	max-width: 100%;
}

.fig-align figcaption {
	margin-top: 5px;
	line-height: 1.2;
	font-size: 90%;
}

.fig-align figcaption.left {
	text-align: left;
}

.fig-align figcaption.right {
	text-align: right;
}

.fig-align figcaption.center {
	text-align: center;
}

.fig-align::after {
	display: block;
	clear: both;
	content: "";
}

/*! stylesheet base figure v1.00 (http://www.sofrosune.net/) */
/* === figure === */
/** Usage: .image-left
<figure class="image-left">
<img style="width:50%;min-width:128px;max-width:192px;" src="images00photo-384x288.jpg" alt="" border="0" />
<p>RIGHT TEXT</p>
</figure>
*/
.image-left img {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.image-left::after {
	display: block;
	clear: both;
	content: "";
}

/** Usage: .image-left-caption
<div class="clearfix">
<figure class="image-left-caption" style="width:50%;min-width:128px;max-width:192px;">
<img src="images/00photo-384x288.jpg" alt="" border="0" />
<figcaption class="caption text-center">CAPTION</figcaption>
</figure>
<p>RIGHT TEXT</p>
</div>
*/
.image-left-caption {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.image-left-caption img {
	width: 100%;
}

.image-left-caption .caption {
	padding-top: 4px;
	font-size: 0.874rem;
	line-height: 1.24;
}

/** Usage: .image-right
<figure class="image-right">
<img style="width:50%;min-width:128px;max-width:192px;" src="images00photo-384x288.jpg" alt="" border="0" />
<p>LEFT TEXT</p>
</figure>
*/
.image-right img {
	float: right;
	margin-left: 1rem;
	margin-bottom: 1rem;
}

.image-right::after {
	display: block;
	clear: both;
	content: "";
}

/** Usage: .image-right-caption
<div class="clearfix">
<figure class="image-right-caption" style="width:50%;min-width:128px;max-width:192px;">
<img src="images/00photo-384x288.jpg" alt="" border="0" />
<figcaption class="caption text-center">CAPTION</figcaption>
</figure>
<p>RIGHT TEXT</p>
</div>
*/
.image-right-caption {
	float: right;
	margin-left: 1rem;
	margin-bottom: 1rem;
}

.image-right-caption img {
	width: 100%;
}

.image-right-caption .caption {
	padding-top: 4px;
	font-size: 0.874rem;
	line-height: 1.24;
}

/** Usage: .image-center
<figure class="image-center">
<img style="width:50%;min-width:128px;max-width:192px;" src="images/00photo-384x288.jpg" alt="" border="0" />
</figure>
*/
.image-center img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.image-center::after {
	display: block;
	clear: both;
	content: "";
}

/** Usage: .image-center-caption
<div class="clearfix">
<figure class="image-center-caption" style="width:50%;min-width:128px;max-width:192px;" >
<imgsrc="images/00photo-384x288.jpg" alt="" border="0" />
<figcaption class="caption text-center">CAPTION</figcaption>
</figure>
</div>
*/
.image-center-caption {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.image-center-caption img {
	display: block;
}

.image-center-caption .caption {
	padding-top: 4px;
	font-size: 0.874rem;
	line-height: 1.24;
}

/*! stylesheet base list v1.00 (http://www.sofrosune.net/) */
/* === list (ul/ol) === */
ul.list-normal, ol.list-normal {
	margin-left: 2rem;
	padding-left: 0px;
}

ul.list-normal.no-bullet, ol.list-normal.no-bullet {
	list-style-type: none;
}

ul.list-normal li, ol.list-normal li {
	margin-left: 0px;
	padding-left: 0px;
}

ul.list-sepa, ol.list-sepa {
	margin-left: 2rem;
	padding-left: 0px;
}

ul.list-sepa li, ol.list-sepa li {
	margin-bottom: 5px;
	border-bottom: 1px dotted #c0c0c0;
}

/* === list (dl) === */
dl.dl-standard {
	margin-left: 1rem;
}

dl.dl-standard dt {
	font-weight: bold;
}

dl.dl-standard dd {
	margin-left: 1rem;
	margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 480px) {
	dl.dl-standard.compact-sm-up dt {
		float: left;
		clear: left;
		width: 1rem;
	}
	dl.dl-standard.compact-sm-up dd {
		margin-left: 1rem;
	}
	dl.dl-standard.compact-sm-up.dt-1 dt {
		width: 1rem;
	}
	dl.dl-standard.compact-sm-up.dt-1 dd {
		margin-left: 1rem;
	}
	dl.dl-standard.compact-sm-up.dt-2 dt {
		width: 2rem;
	}
	dl.dl-standard.compact-sm-up.dt-2 dd {
		margin-left: 2rem;
	}
	dl.dl-standard.compact-sm-up.dt-3 dt {
		width: 3rem;
	}
	dl.dl-standard.compact-sm-up.dt-3 dd {
		margin-left: 3rem;
	}
	dl.dl-standard.compact-sm-up.dt-4 dt {
		width: 4rem;
	}
	dl.dl-standard.compact-sm-up.dt-4 dd {
		margin-left: 4rem;
	}
	dl.dl-standard.compact-sm-up.dt-5 dt {
		width: 5rem;
	}
	dl.dl-standard.compact-sm-up.dt-5 dd {
		margin-left: 5rem;
	}
	dl.dl-standard.compact-sm-up.dt-6 dt {
		width: 6rem;
	}
	dl.dl-standard.compact-sm-up.dt-6 dd {
		margin-left: 6rem;
	}
	dl.dl-standard.compact-sm-up.dt-7 dt {
		width: 7rem;
	}
	dl.dl-standard.compact-sm-up.dt-7 dd {
		margin-left: 7rem;
	}
	dl.dl-standard.compact-sm-up.dt-8 dt {
		width: 8rem;
	}
	dl.dl-standard.compact-sm-up.dt-8 dd {
		margin-left: 8rem;
	}
	dl.dl-standard.compact-sm-up.dt-9 dt {
		width: 9rem;
	}
	dl.dl-standard.compact-sm-up.dt-9 dd {
		margin-left: 9rem;
	}
	dl.dl-standard.compact-sm-up.dt-10 dt {
		width: 10rem;
	}
	dl.dl-standard.compact-sm-up.dt-10 dd {
		margin-left: 10rem;
	}
	dl.dl-standard.compact-sm-up.dt-11 dt {
		width: 11rem;
	}
	dl.dl-standard.compact-sm-up.dt-11 dd {
		margin-left: 11rem;
	}
	dl.dl-standard.compact-sm-up.dt-12 dt {
		width: 12rem;
	}
	dl.dl-standard.compact-sm-up.dt-12 dd {
		margin-left: 12rem;
	}
}
@media print, screen and (min-width: 720px) {
	dl.dl-standard.compact-md-up dt {
		float: left;
		clear: left;
		width: 1rem;
	}
	dl.dl-standard.compact-md-up dd {
		margin-left: 1rem;
	}
	dl.dl-standard.compact-md-up.dt-1 dt {
		width: 1rem;
	}
	dl.dl-standard.compact-md-up.dt-1 dd {
		margin-left: 1rem;
	}
	dl.dl-standard.compact-md-up.dt-2 dt {
		width: 2rem;
	}
	dl.dl-standard.compact-md-up.dt-2 dd {
		margin-left: 2rem;
	}
	dl.dl-standard.compact-md-up.dt-3 dt {
		width: 3rem;
	}
	dl.dl-standard.compact-md-up.dt-3 dd {
		margin-left: 3rem;
	}
	dl.dl-standard.compact-md-up.dt-4 dt {
		width: 4rem;
	}
	dl.dl-standard.compact-md-up.dt-4 dd {
		margin-left: 4rem;
	}
	dl.dl-standard.compact-md-up.dt-5 dt {
		width: 5rem;
	}
	dl.dl-standard.compact-md-up.dt-5 dd {
		margin-left: 5rem;
	}
	dl.dl-standard.compact-md-up.dt-6 dt {
		width: 6rem;
	}
	dl.dl-standard.compact-md-up.dt-6 dd {
		margin-left: 6rem;
	}
	dl.dl-standard.compact-md-up.dt-7 dt {
		width: 7rem;
	}
	dl.dl-standard.compact-md-up.dt-7 dd {
		margin-left: 7rem;
	}
	dl.dl-standard.compact-md-up.dt-8 dt {
		width: 8rem;
	}
	dl.dl-standard.compact-md-up.dt-8 dd {
		margin-left: 8rem;
	}
	dl.dl-standard.compact-md-up.dt-9 dt {
		width: 9rem;
	}
	dl.dl-standard.compact-md-up.dt-9 dd {
		margin-left: 9rem;
	}
	dl.dl-standard.compact-md-up.dt-10 dt {
		width: 10rem;
	}
	dl.dl-standard.compact-md-up.dt-10 dd {
		margin-left: 10rem;
	}
	dl.dl-standard.compact-md-up.dt-11 dt {
		width: 11rem;
	}
	dl.dl-standard.compact-md-up.dt-11 dd {
		margin-left: 11rem;
	}
	dl.dl-standard.compact-md-up.dt-12 dt {
		width: 12rem;
	}
	dl.dl-standard.compact-md-up.dt-12 dd {
		margin-left: 12rem;
	}
}
dl.compact dt {
	float: left;
	clear: left;
	font-weight: bold;
	width: 1rem;
}

dl.compact dd {
	margin-left: 1rem;
}

dl.compact.dt-1 dt {
	width: 1rem;
}

dl.compact.dt-1 dd {
	margin-left: 1rem;
}

dl.compact.dt-2 dt {
	width: 2rem;
}

dl.compact.dt-2 dd {
	margin-left: 2rem;
}

dl.compact.dt-3 dt {
	width: 3rem;
}

dl.compact.dt-3 dd {
	margin-left: 3rem;
}

dl.compact.dt-4 dt {
	width: 4rem;
}

dl.compact.dt-4 dd {
	margin-left: 4rem;
}

dl.compact.dt-5 dt {
	width: 5rem;
}

dl.compact.dt-5 dd {
	margin-left: 5rem;
}

dl.compact.dt-6 dt {
	width: 6rem;
}

dl.compact.dt-6 dd {
	margin-left: 6rem;
}

dl.compact.dt-7 dt {
	width: 7rem;
}

dl.compact.dt-7 dd {
	margin-left: 7rem;
}

dl.compact.dt-8 dt {
	width: 8rem;
}

dl.compact.dt-8 dd {
	margin-left: 8rem;
}

dl.compact.dt-9 dt {
	width: 9rem;
}

dl.compact.dt-9 dd {
	margin-left: 9rem;
}

dl.compact.dt-10 dt {
	width: 10rem;
}

dl.compact.dt-10 dd {
	margin-left: 10rem;
}

dl.compact.dt-11 dt {
	width: 11rem;
}

dl.compact.dt-11 dd {
	margin-left: 11rem;
}

dl.compact.dt-12 dt {
	width: 12rem;
}

dl.compact.dt-12 dd {
	margin-left: 12rem;
}

/* === list item === */
li.no-bullet {
	list-style-type: none;
}

/* === legend === */
/*! stylesheet base flexbox v1.00 (http://www.sofrosune.net/) */
/* === flexbox === */
/** Usage: .flexbox

*/
.flexbox {
	display: -webkit-flex;
	display: -ms-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexbox.inline {
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
}

.flexbox.nowrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.flexbox.warp {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexbox.justify-start {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flexbox.justify-end {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flexbox.justify-center {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flexbox.justify-between {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flexbox.justify-around {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexbox.valign-start {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.flexbox.valign-end {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.flexbox.valign-center {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/*! stylesheet base button v1.00 (http://www.sofrosune.net/) */
/* === img:hover === */
/** Usage: .img:hover
<a href="#"><img src="sample.png" /></a>
*/
a img {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}

a:hover img {
	opacity: 0.7;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}

/*! stylesheet base multicols v1.00 (http://www.sofrosune.net/) */
/* === column === */
/** Usage: .mcols-SIZE
<div class="mcols-15em">
text text ...
</div>
*/
.mcols-2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

.mcols-3 {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
}

.mcols-4 {
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
}

.mcols-5 {
	-webkit-columns: 5;
	-moz-columns: 5;
	columns: 5;
}

.mcols-10em {
	-webkit-columns: 10em;
	-moz-columns: 10em;
	columns: 10em;
}

.mcols-12em {
	-webkit-columns: 12em;
	-moz-columns: 12em;
	columns: 12em;
}

.mcols-15em {
	-webkit-columns: 15em;
	-moz-columns: 15em;
	columns: 15em;
}

.mcols-18em {
	-webkit-columns: 18em;
	-moz-columns: 18em;
	columns: 18em;
}

.mcols-20em {
	-webkit-columns: 20em;
	-moz-columns: 20em;
	columns: 20em;
}

.mcols-24em {
	-webkit-columns: 24em;
	-moz-columns: 24em;
	columns: 24em;
}

@media only screen and (max-width: 479px) {
	.mcols-xs-1 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.mcols-xs-2 {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	.mcols-xs-3 {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
	.mcols-xs-4 {
		-webkit-columns: 4;
		-moz-columns: 4;
		columns: 4;
	}
	.mcols-xs-5 {
		-webkit-columns: 5;
		-moz-columns: 5;
		columns: 5;
	}
}
@media only screen and (min-width: 480px) and (max-width: 719px) {
	.mcols-sm-1 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.mcols-sm-2 {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	.mcols-sm-3 {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
	.mcols-sm-4 {
		-webkit-columns: 4;
		-moz-columns: 4;
		columns: 4;
	}
	.mcols-sm-5 {
		-webkit-columns: 5;
		-moz-columns: 5;
		columns: 5;
	}
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
	.mcols-md-1 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.mcols-md-2 {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	.mcols-md-3 {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
	.mcols-md-4 {
		-webkit-columns: 4;
		-moz-columns: 4;
		columns: 4;
	}
	.mcols-md-5 {
		-webkit-columns: 5;
		-moz-columns: 5;
		columns: 5;
	}
}
@media print, screen and (min-width: 960px) {
	.mcols-lg-1 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.mcols-lg-2 {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	.mcols-lg-3 {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
	.mcols-lg-4 {
		-webkit-columns: 4;
		-moz-columns: 4;
		columns: 4;
	}
	.mcols-lg-5 {
		-webkit-columns: 5;
		-moz-columns: 5;
		columns: 5;
	}
}
/* === multi-cols === */
/** Usage: .multi-cols
<div class="multi-cols">
<div class="box-4">cols 1</div>
<div class="box-4">cols 2</div>
<div class="box-4">cols 3</div>
</div>
*/
div.multicols {
	display: table;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-spacing: 1rem 5px;
}

@media only screen and (max-width: 479px) {
	div.multicols {
		display: block;
	}
}
div.multicols .box-4 {
	display: table-cell;
	width: 33.333%;
}

@media only screen and (max-width: 479px) {
	div.multicols .box-4 {
		display: block;
		width: 100%;
	}
}
/*! stylesheet base table v1.00 (http://www.sofrosune.net/) */
/* === table : table-standard === */
table.table-standard {
	border-collapse: collapse;
	border: 0px;
	background-color: transparent;
}

table.table-standard td, table.table-standard th {
	padding: 0.25rem 0.5rem;
	line-height: 1.24;
	font-size: 1rem;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

@media print, screen and (min-width: 960px) {
	table.table-standard td, table.table-standard th {
		font-size: 0.875rem;
	}
}
table.table-standard td:last-child, table.table-standard th:last-child {
	border-right: 1px solid #c0c0c0;
}

table.table-standard tr:first-child td, table.table-standard tr:first-child th {
	border-top: 1px solid #c0c0c0;
}

/* === table : table-modern === */
table.table-modern {
	border-collapse: collapse;
	border: 0px;
	background-color: transparent;
}

table.table-modern td, table.table-modern th {
	padding: 0.25rem 0.5rem;
	line-height: 1.24;
	font-size: 1rem;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #c0c0c0;
}

@media print, screen and (min-width: 960px) {
	table.table-modern td, table.table-modern th {
		font-size: 0.875rem;
	}
}
table.table-modern td:nth-child(n+2), table.table-modern th:nth-child(n+2) {
	border-left: 1px solid #c0c0c0;
}

table.table-modern tr:first-child td, table.table-modern tr:first-child th {
	border-top: 1px solid #c0c0c0;
}

/* === table tr,th,td : compact, spec, noside, thead, font-small, stripe, hover === */
table.compact td, table.compact th {
	padding: 0.125rem 0.25rem;
	line-height: 1.1;
	font-size: 0.875rem;
}

table.spec td:first-child {
	background-color: #f1f1f5;
}

table.spec tr:first-child td {
	background-color: #e9eff0;
}

table.spec.nohead tr:first-child td {
	background-color: transparent;
}

table.spec.nohead tr:first-child td:first-child {
	background-color: #f1f1f5;
}

table.spec.noside td:first-child {
	background-color: transparent;
}

table.spec.noside tr:first-child td:first-child {
	background-color: #e9eff0;
}

table.thead th {
	background-color: #f1f1f5;
	font-weight: normal;
}

table.thead thead > tr > th, table.thead tr.thead > th, table.thead th.thead {
	background-color: #e9eff0;
}

table.font-small th, table.font-small td {
	font-size: 0.9rem;
}

@media print, screen and (min-width: 720px) {
	table.font-small th, table.font-small td {
		font-size: 0.8rem;
	}
}
table.striped tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

table.striped2 tr:nth-of-type(even) {
	background-color: #f9f9f9;
}

table.hover tr:hover {
	background-color: #f5f5f5;
}

/* === div > table : table-responsive-BREAKPOINT === */
@media only screen and (max-width: 719px) {
	div.table-responsive-sm {
		overflow-x: auto;
		min-height: 0.01%;
	}
	div.table-responsive-sm table {
		width: 100%;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	div.table-responsive-sm table td, div.table-responsive-sm table th {
		white-space: nowrap;
	}
}
@media only screen and (max-width: 479px) {
	div.table-responsive-xs {
		overflow-x: auto;
		min-height: 0.01%;
	}
	div.table-responsive-xs table {
		width: 100%;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	div.table-responsive-xs table td, div.table-responsive-xs table th {
		white-space: nowrap;
	}
}
/* === div > table : table-folding === */
/** Usage: .table-folding.(folding-sm|folding-xs).(folding-label-auto|folding-label-N)
<div class="table-folding folding-xs folding-lable-3">
<table>
<thead>
<tr>
<th>LABEL1</th>
<th>LABEL2</th>
<th>LABEL3</th>
</tr>
</thead>
<tbody>
<tr>
<th>VALUE1</th>
<td label="LABEL2">VALUE2</td>
<td label="LABEL3">VALUE3</td>
</tr>
</tbody>
</table>
</div><!--/.table-folding-->
*/
div.table-folding table {
	width: 100%;
	border-collapse: collapse;
}

div.table-folding table thead th {
	background: #e9eff0;
	padding: 2px 4px;
	border-top: #c0c0c0 solid 1px;
	border-right: #c0c0c0 solid 1px;
	border-bottom: #c0c0c0 solid 1px;
	border-left: #c0c0c0 solid 1px;
	text-align: left;
	font-weight: normal;
}

div.table-folding table thead th:last-child {
	border-right: #c0c0c0 solid 1px;
}

div.table-folding table tbody th {
	background: #f1f1f5;
	padding: 2px 4px;
	border-bottom: #c0c0c0 solid 1px;
	border-left: #c0c0c0 solid 1px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

div.table-folding table tbody tr:last-child th {
	border-bottom: #c0c0c0 solid 1px;
}

div.table-folding table tbody td {
	background: #fff;
	padding: 2px 4px;
	border-left: #c0c0c0 solid 1px;
	border-bottom: #c0c0c0 solid 1px;
	border-right: #c0c0c0 solid 1px;
	vertical-align: top;
}

div.table-folding.folding-lg table thead {
	display: none;
}

div.table-folding.folding-lg table tbody th {
	display: block;
	text-align: left;
	border-right: #c0c0c0 solid 1px;
	border-top: #c0c0c0 solid 1px;
}

div.table-folding.folding-lg table tbody td {
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: none;
}

div.table-folding.folding-lg table tbody td:last-child {
	border-bottom: #c0c0c0 solid 1px;
	margin-bottom: 1rem;
}

div.table-folding.folding-lg table tbody td::before {
	content: attr(label) " :";
	float: left;
	clear: both;
}

@media print, screen and (min-width: 960px) {
	div.table-folding.folding-lg table tbody td::before {
		font-size: 0.875rem;
	}
}
div.table-folding.folding-lg.folding-label-1 table tbody td p {
	margin-left: 1rem;
}

div.table-folding.folding-lg.folding-label-2 table tbody td p {
	margin-left: 2rem;
}

div.table-folding.folding-lg.folding-label-3 table tbody td p {
	margin-left: 3rem;
}

div.table-folding.folding-lg.folding-label-4 table tbody td p {
	margin-left: 4rem;
}

div.table-folding.folding-lg.folding-label-5 table tbody td p {
	margin-left: 5rem;
}

div.table-folding.folding-lg.folding-label-6 table tbody td p {
	margin-left: 6rem;
}

div.table-folding.folding-lg.folding-label-7 table tbody td p {
	margin-left: 7rem;
}

div.table-folding.folding-lg.folding-label-8 table tbody td p {
	margin-left: 8rem;
}

@media only screen and (max-width: 959px) {
	div.table-folding.folding-md table thead {
		display: none;
	}
	div.table-folding.folding-md table tbody th {
		display: block;
		text-align: left;
		border-right: #c0c0c0 solid 1px;
		border-top: #c0c0c0 solid 1px;
	}
	div.table-folding.folding-md table tbody td {
		display: block;
		padding-top: 1px;
		padding-bottom: 1px;
		border-bottom: none;
	}
	div.table-folding.folding-md table tbody td:last-child {
		border-bottom: #c0c0c0 solid 1px;
		margin-bottom: 1rem;
	}
	div.table-folding.folding-md table tbody td::before {
		content: attr(label) " :";
		float: left;
		clear: both;
	}
	div.table-folding.folding-md.folding-label-1 table tbody td p {
		margin-left: 1rem;
	}
	div.table-folding.folding-md.folding-label-2 table tbody td p {
		margin-left: 2rem;
	}
	div.table-folding.folding-md.folding-label-3 table tbody td p {
		margin-left: 3rem;
	}
	div.table-folding.folding-md.folding-label-4 table tbody td p {
		margin-left: 4rem;
	}
	div.table-folding.folding-md.folding-label-5 table tbody td p {
		margin-left: 5rem;
	}
	div.table-folding.folding-md.folding-label-6 table tbody td p {
		margin-left: 6rem;
	}
	div.table-folding.folding-md.folding-label-7 table tbody td p {
		margin-left: 7rem;
	}
	div.table-folding.folding-md.folding-label-8 table tbody td p {
		margin-left: 8rem;
	}
}
@media only screen and (max-width: 719px) {
	div.table-folding.folding-sm table thead {
		display: none;
	}
	div.table-folding.folding-sm table tbody th {
		display: block;
		text-align: left;
		border-right: #c0c0c0 solid 1px;
		border-top: #c0c0c0 solid 1px;
	}
	div.table-folding.folding-sm table tbody td {
		display: block;
		padding-top: 1px;
		padding-bottom: 1px;
		border-bottom: none;
	}
	div.table-folding.folding-sm table tbody td:last-child {
		border-bottom: #c0c0c0 solid 1px;
		margin-bottom: 1rem;
	}
	div.table-folding.folding-sm table tbody td::before {
		content: attr(label) " :";
		float: left;
		clear: both;
	}
	div.table-folding.folding-sm.folding-label-1 table tbody td p {
		margin-left: 1rem;
	}
	div.table-folding.folding-sm.folding-label-2 table tbody td p {
		margin-left: 2rem;
	}
	div.table-folding.folding-sm.folding-label-3 table tbody td p {
		margin-left: 3rem;
	}
	div.table-folding.folding-sm.folding-label-4 table tbody td p {
		margin-left: 4rem;
	}
	div.table-folding.folding-sm.folding-label-5 table tbody td p {
		margin-left: 5rem;
	}
	div.table-folding.folding-sm.folding-label-6 table tbody td p {
		margin-left: 6rem;
	}
	div.table-folding.folding-sm.folding-label-7 table tbody td p {
		margin-left: 7rem;
	}
	div.table-folding.folding-sm.folding-label-8 table tbody td p {
		margin-left: 8rem;
	}
}
@media only screen and (max-width: 479px) {
	div.table-folding.folding-xs table thead {
		display: none;
	}
	div.table-folding.folding-xs table tbody th {
		display: block;
		text-align: left;
		border-right: #c0c0c0 solid 1px;
		border-top: #c0c0c0 solid 1px;
	}
	div.table-folding.folding-xs table tbody td {
		display: block;
		padding-top: 1px;
		padding-bottom: 1px;
		border-bottom: none;
	}
	div.table-folding.folding-xs table tbody td:last-child {
		border-bottom: #c0c0c0 solid 1px;
		margin-bottom: 1rem;
	}
	div.table-folding.folding-xs table tbody td::before {
		content: attr(label) " :";
		float: left;
		clear: both;
	}
	div.table-folding.folding-xs.folding-label-1 table tbody td p {
		margin-left: 1rem;
	}
	div.table-folding.folding-xs.folding-label-2 table tbody td p {
		margin-left: 2rem;
	}
	div.table-folding.folding-xs.folding-label-3 table tbody td p {
		margin-left: 3rem;
	}
	div.table-folding.folding-xs.folding-label-4 table tbody td p {
		margin-left: 4rem;
	}
	div.table-folding.folding-xs.folding-label-5 table tbody td p {
		margin-left: 5rem;
	}
	div.table-folding.folding-xs.folding-label-6 table tbody td p {
		margin-left: 6rem;
	}
	div.table-folding.folding-xs.folding-label-7 table tbody td p {
		margin-left: 7rem;
	}
	div.table-folding.folding-xs.folding-label-8 table tbody td p {
		margin-left: 8rem;
	}
}
/* === table tr,th,td : cell-head, cell-side === */
table tr.cell-head, table th.cell-head, table td.cell-head {
	background-color: #e9eff0;
}

table tr.cell-side, table th.cell-side, table td.cell-side {
	background-color: #f1f1f5;
}

/* === table : {first|last|rest|mid}-{left,center,right} === */
table.first-left td:first-child, table.first-left th:first-child {
	text-align: left;
}

table.last-left td:last-child, table.last-left th:last-child {
	text-align: left;
}

table.rest-left td:not(:first-child), table.rest-left th:not(:first-child) {
	text-align: left;
}

table.mid-left td:not(:first-child):not(:last-child), table.mid-left th:not(:first-child):not(:last-child) {
	text-align: left;
}

table.first-right td:first-child, table.first-right th:first-child {
	text-align: right;
}

table.last-right td:last-child, table.last-right th:last-child {
	text-align: right;
}

table.rest-right td:not(:first-child), table.rest-right th:not(:first-child) {
	text-align: right;
}

table.mid-right td:not(:first-child):not(:last-child), table.mid-right th:not(:first-child):not(:last-child) {
	text-align: right;
}

table.first-center td:first-child, table.first-center th:first-child {
	text-align: center;
}

table.last-center td:last-child, table.last-center th:last-child {
	text-align: center;
}

table.rest-center td:not(:first-child), table.rest-center th:not(:first-child) {
	text-align: center;
}

table.mid-center td:not(:first-child):not(:last-child), table.mid-center th:not(:first-child):not(:last-child) {
	text-align: center;
}

table.first-nowrap td:first-child, table.first-nowrap th:first-child {
	white-space: nowrap;
}

table.last-nowrap td:last-child, table.last-nowrap th:last-child {
	white-space: nowrap;
}

table.rest-nowrap td:not(:first-child), table.rest-nowrap th:not(:first-child) {
	white-space: nowrap;
}

table.mid-nowrap td:not(:first-child):not(:last-child), table.mid-nowrap th:not(:first-child):not(:last-child) {
	white-space: nowrap;
}

/*! stylesheet base grid v1.00 (http://www.sofrosune.net/) */
/** Usage: grid
<div class="container[-fluid]">
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-3"></div>
<div class="col-sm-6 col-md-4 col-lg-3 bottom-spacing-sm"></div>
<div class="col-sm-6 col-md-4 col-lg-3 bottom-spacing-md"></div>
<div class="col-sm-6 col-md-4 col-lg-3"></div>
</div>
</div>
*/
/* === grid system === */
.container {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.container::after {
	display: block;
	clear: both;
	content: "";
}

.container-fluid {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin-right: auto;
	margin-left: auto;
}

.container-fluid::after {
	display: block;
	clear: both;
	content: "";
}

.row {
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}

.row::after {
	display: block;
	clear: both;
	content: "";
}

@media only screen and (max-width: 719px) {
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-0 {
		margin-left: 0px;
	}
	.col-sm-1 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 8.3333333333%;
	}
	.col-sm-pull-1 {
		right: 8.3333333333%;
	}
	.col-sm-push-1 {
		left: 8.3333333333%;
	}
	.col-sm-offset-1 {
		margin-left: 8.3333333333%;
	}
	.col-sm-2 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 16.6666666667%;
	}
	.col-sm-pull-2 {
		right: 16.6666666667%;
	}
	.col-sm-push-2 {
		left: 16.6666666667%;
	}
	.col-sm-offset-2 {
		margin-left: 16.6666666667%;
	}
	.col-sm-3 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 25%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-4 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 33.3333333333%;
	}
	.col-sm-pull-4 {
		right: 33.3333333333%;
	}
	.col-sm-push-4 {
		left: 33.3333333333%;
	}
	.col-sm-offset-4 {
		margin-left: 33.3333333333%;
	}
	.col-sm-5 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 41.6666666667%;
	}
	.col-sm-pull-5 {
		right: 41.6666666667%;
	}
	.col-sm-push-5 {
		left: 41.6666666667%;
	}
	.col-sm-offset-5 {
		margin-left: 41.6666666667%;
	}
	.col-sm-6 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 50%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-7 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 58.3333333333%;
	}
	.col-sm-pull-7 {
		right: 58.3333333333%;
	}
	.col-sm-push-7 {
		left: 58.3333333333%;
	}
	.col-sm-offset-7 {
		margin-left: 58.3333333333%;
	}
	.col-sm-8 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 66.6666666667%;
	}
	.col-sm-pull-8 {
		right: 66.6666666667%;
	}
	.col-sm-push-8 {
		left: 66.6666666667%;
	}
	.col-sm-offset-8 {
		margin-left: 66.6666666667%;
	}
	.col-sm-9 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 75%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-10 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 83.3333333333%;
	}
	.col-sm-pull-10 {
		right: 83.3333333333%;
	}
	.col-sm-push-10 {
		left: 83.3333333333%;
	}
	.col-sm-offset-10 {
		margin-left: 83.3333333333%;
	}
	.col-sm-11 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 91.6666666667%;
	}
	.col-sm-pull-11 {
		right: 91.6666666667%;
	}
	.col-sm-push-11 {
		left: 91.6666666667%;
	}
	.col-sm-offset-11 {
		margin-left: 91.6666666667%;
	}
	.col-sm-12 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 100%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.bottom-spacing-sm {
		padding-bottom: 2rem;
	}
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
	.col-md-pull-0 {
		right: auto;
	}
	.col-md-push-0 {
		left: auto;
	}
	.col-md-offset-0 {
		margin-left: 0px;
	}
	.col-md-1 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 8.3333333333%;
	}
	.col-md-pull-1 {
		right: 8.3333333333%;
	}
	.col-md-push-1 {
		left: 8.3333333333%;
	}
	.col-md-offset-1 {
		margin-left: 8.3333333333%;
	}
	.col-md-2 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 16.6666666667%;
	}
	.col-md-pull-2 {
		right: 16.6666666667%;
	}
	.col-md-push-2 {
		left: 16.6666666667%;
	}
	.col-md-offset-2 {
		margin-left: 16.6666666667%;
	}
	.col-md-3 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 25%;
	}
	.col-md-pull-3 {
		right: 25%;
	}
	.col-md-push-3 {
		left: 25%;
	}
	.col-md-offset-3 {
		margin-left: 25%;
	}
	.col-md-4 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 33.3333333333%;
	}
	.col-md-pull-4 {
		right: 33.3333333333%;
	}
	.col-md-push-4 {
		left: 33.3333333333%;
	}
	.col-md-offset-4 {
		margin-left: 33.3333333333%;
	}
	.col-md-5 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 41.6666666667%;
	}
	.col-md-pull-5 {
		right: 41.6666666667%;
	}
	.col-md-push-5 {
		left: 41.6666666667%;
	}
	.col-md-offset-5 {
		margin-left: 41.6666666667%;
	}
	.col-md-6 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 50%;
	}
	.col-md-pull-6 {
		right: 50%;
	}
	.col-md-push-6 {
		left: 50%;
	}
	.col-md-offset-6 {
		margin-left: 50%;
	}
	.col-md-7 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 58.3333333333%;
	}
	.col-md-pull-7 {
		right: 58.3333333333%;
	}
	.col-md-push-7 {
		left: 58.3333333333%;
	}
	.col-md-offset-7 {
		margin-left: 58.3333333333%;
	}
	.col-md-8 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 66.6666666667%;
	}
	.col-md-pull-8 {
		right: 66.6666666667%;
	}
	.col-md-push-8 {
		left: 66.6666666667%;
	}
	.col-md-offset-8 {
		margin-left: 66.6666666667%;
	}
	.col-md-9 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 75%;
	}
	.col-md-pull-9 {
		right: 75%;
	}
	.col-md-push-9 {
		left: 75%;
	}
	.col-md-offset-9 {
		margin-left: 75%;
	}
	.col-md-10 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 83.3333333333%;
	}
	.col-md-pull-10 {
		right: 83.3333333333%;
	}
	.col-md-push-10 {
		left: 83.3333333333%;
	}
	.col-md-offset-10 {
		margin-left: 83.3333333333%;
	}
	.col-md-11 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 91.6666666667%;
	}
	.col-md-pull-11 {
		right: 91.6666666667%;
	}
	.col-md-push-11 {
		left: 91.6666666667%;
	}
	.col-md-offset-11 {
		margin-left: 91.6666666667%;
	}
	.col-md-12 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 100%;
	}
	.col-md-pull-12 {
		right: 100%;
	}
	.col-md-push-12 {
		left: 100%;
	}
	.col-md-offset-12 {
		margin-left: 100%;
	}
	.bottom-spacing-md {
		padding-bottom: 2rem;
	}
}
@media print, screen and (min-width: 960px) {
	.col-lg-pull-0 {
		right: auto;
	}
	.col-lg-push-0 {
		left: auto;
	}
	.col-lg-offset-0 {
		margin-left: 0px;
	}
	.col-lg-1 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 8.3333333333%;
	}
	.col-lg-pull-1 {
		right: 8.3333333333%;
	}
	.col-lg-push-1 {
		left: 8.3333333333%;
	}
	.col-lg-offset-1 {
		margin-left: 8.3333333333%;
	}
	.col-lg-2 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 16.6666666667%;
	}
	.col-lg-pull-2 {
		right: 16.6666666667%;
	}
	.col-lg-push-2 {
		left: 16.6666666667%;
	}
	.col-lg-offset-2 {
		margin-left: 16.6666666667%;
	}
	.col-lg-3 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 25%;
	}
	.col-lg-pull-3 {
		right: 25%;
	}
	.col-lg-push-3 {
		left: 25%;
	}
	.col-lg-offset-3 {
		margin-left: 25%;
	}
	.col-lg-4 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 33.3333333333%;
	}
	.col-lg-pull-4 {
		right: 33.3333333333%;
	}
	.col-lg-push-4 {
		left: 33.3333333333%;
	}
	.col-lg-offset-4 {
		margin-left: 33.3333333333%;
	}
	.col-lg-5 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 41.6666666667%;
	}
	.col-lg-pull-5 {
		right: 41.6666666667%;
	}
	.col-lg-push-5 {
		left: 41.6666666667%;
	}
	.col-lg-offset-5 {
		margin-left: 41.6666666667%;
	}
	.col-lg-6 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 50%;
	}
	.col-lg-pull-6 {
		right: 50%;
	}
	.col-lg-push-6 {
		left: 50%;
	}
	.col-lg-offset-6 {
		margin-left: 50%;
	}
	.col-lg-7 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 58.3333333333%;
	}
	.col-lg-pull-7 {
		right: 58.3333333333%;
	}
	.col-lg-push-7 {
		left: 58.3333333333%;
	}
	.col-lg-offset-7 {
		margin-left: 58.3333333333%;
	}
	.col-lg-8 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 66.6666666667%;
	}
	.col-lg-pull-8 {
		right: 66.6666666667%;
	}
	.col-lg-push-8 {
		left: 66.6666666667%;
	}
	.col-lg-offset-8 {
		margin-left: 66.6666666667%;
	}
	.col-lg-9 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 75%;
	}
	.col-lg-pull-9 {
		right: 75%;
	}
	.col-lg-push-9 {
		left: 75%;
	}
	.col-lg-offset-9 {
		margin-left: 75%;
	}
	.col-lg-10 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 83.3333333333%;
	}
	.col-lg-pull-10 {
		right: 83.3333333333%;
	}
	.col-lg-push-10 {
		left: 83.3333333333%;
	}
	.col-lg-offset-10 {
		margin-left: 83.3333333333%;
	}
	.col-lg-11 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 91.6666666667%;
	}
	.col-lg-pull-11 {
		right: 91.6666666667%;
	}
	.col-lg-push-11 {
		left: 91.6666666667%;
	}
	.col-lg-offset-11 {
		margin-left: 91.6666666667%;
	}
	.col-lg-12 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: 100%;
	}
	.col-lg-pull-12 {
		right: 100%;
	}
	.col-lg-push-12 {
		left: 100%;
	}
	.col-lg-offset-12 {
		margin-left: 100%;
	}
	.bottom-spacing-lg {
		padding-bottom: 2rem;
	}
}
/*! stylesheet base form v1.00 (http://www.sofrosune.net/) */
/* === font-family === */
input, textarea, select {
	font-family: sans-serif !important;
}

/* === ios appearance reset === */
textarea, select {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: #000;
	max-width: 100%;
}

input[type=text], input[type=textbox] {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: #000;
	margin: 1px 0px;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 1px 2px;
}

input[type=radio], input[type=checkbox] {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: #000;
	margin: 1px 0px;
	border: 1px solid #ccc;
	border-radius: 0;
}

input[type=submit],
input[type=button] {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: #000;
	margin: 1px 0px;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 3px 2px;
	background-color: #eef4fc;
}

/*! stylesheet base print v1.00 (http://www.sofrosune.net/) */
/* === print === */
@media print {
	body {
		-webkit-print-color-adjust: exact;
		width: 960px !important;
	}
}
/*! stylesheet base utilities v1.00 (http://www.sofrosune.net/) */
/* === clearfixl === */
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

/* === element control === */
.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.hidden {
	display: none !important;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	visibility: hidden;
}

/* === conditional hide control === */
@media only screen and (max-width: 351px) {
	.hidden-xs-under {
		display: none !important;
	}
}
@media only screen and (max-width: 479px) {
	.hidden-xs {
		display: none !important;
	}
}
@media print, screen and (min-width: 352px) {
	.hidden-xs-up {
		display: none !important;
	}
}
@media only screen and (min-width: 480px) and (max-width: 719px) {
	.hidden-sm-but-xs {
		display: none !important;
	}
}
@media only screen and (max-width: 719px) {
	.hidden-sm-down {
		display: none !important;
	}
}
@media only screen and (max-width: 719px) {
	.hidden-sm {
		display: none !important;
	}
}
@media print, screen and (min-width: 480px) {
	.hidden-sm-up {
		display: none !important;
	}
}
@media only screen and (max-width: 959px) {
	.hidden-md-down {
		display: none !important;
	}
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
	.hidden-md {
		display: none !important;
	}
}
@media print, screen and (min-width: 720px) {
	.hidden-md-up {
		display: none !important;
	}
}
@media print, screen and (min-width: 960px) {
	.hidden-lg {
		display: none !important;
	}
}
/* === conditional hide br === */
@media only screen and (max-width: 479px) {
	.br-hidden-xs-down br {
		display: none !important;
	}
}
@media only screen and (max-width: 719px) {
	.br-hidden-sm-down br {
		display: none !important;
	}
}
@media only screen and (max-width: 959px) {
	.br-hidden-md-down br {
		display: none !important;
	}
}
/* === conditional resize control === */
@media print, screen and (min-width: 960px) {
	.max-width-50-lg-up {
		max-width: 50% !important;
	}
}
@media print, screen and (min-width: 720px) {
	.max-width-50-md-up {
		max-width: 50% !important;
	}
}
@media print, screen and (min-width: 480px) {
	.max-width-50-sm-up {
		max-width: 50% !important;
	}
}
@media print, screen and (min-width: 960px) {
	.max-width-75-lg-up {
		max-width: 75% !important;
	}
}
@media print, screen and (min-width: 720px) {
	.max-width-75-md-up {
		max-width: 75% !important;
	}
}
@media print, screen and (min-width: 480px) {
	.max-width-75-sm-up {
		max-width: 75% !important;
	}
}
/* === multi columns === */
@media print, screen and (min-width: 960px) {
	.mcols-3-lg-up {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
		column-rule: 1px solid #c0c0c0;
		column-gap: 2rem;
	}
}
.mcols-3-lg-up.no-rule {
	column-rule: none;
}

@media print, screen and (min-width: 960px) {
	.mcols-2-lg-up {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		column-rule: 1px solid #c0c0c0;
		column-gap: 2rem;
	}
}
.mcols-2-lg-up.no-rule {
	column-rule: none;
}

@media print, screen and (min-width: 720px) {
	.mcols-3-md-up {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
		column-rule: 1px solid #c0c0c0;
		column-gap: 2rem;
	}
}
.mcols-3-md-up.no-rule {
	column-rule: none;
}

@media print, screen and (min-width: 720px) {
	.mcols-2-md-up {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		column-rule: 1px solid #c0c0c0;
		column-gap: 2rem;
	}
}
.mcols-2-md-up.no-rule {
	column-rule: none;
}

@media print, screen and (min-width: 480px) {
	.mcols-2-sm-up {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		column-rule: 1px solid #c0c0c0;
		column-gap: 2rem;
	}
}
.mcols-2-sm-up.no-rule {
	column-rule: none;
}

/*! stylesheet base set v1.00 (http://www.sofrosune.net/) */ /*! stylesheet base globals v1.00 (http://www.sofrosune.net/) */ /*! stylesheet mixins v1.00 (http://www.sofrosune.net/) */ /*! stylesheet common set v1.00 (http://www.sofrosune.net/) */
/**/
/*! stylesheet style jtools v1.00 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2019 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, April 6, 2019
	Version: 1.01, December 24, 2019 (set width:100% to img for MSIE workaround)
	Version: 1.02, October 27, 2022 (added icons to popicon)
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/* === popicon === */
/** Usage: .popicon
//	<a class="popicon" href="docs/sample.pdf"><img src="images/thumb.png" /></a>
//	<a class="popicon" href="images/sample.png"><img src="images/thumb.png" /></a>
*/
a.popimg {
	display: inline-block;
	position: relative;
	zoom: 1;
}

a.popimg div.popzoom {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop-zoom-128x128.png");
	background-size: contain;
	z-index: 2;
}

a.popimg _:-ms-lang(x)::-ms-backdrop, a.popimg img {
	width: 100%; /*workaround for MS-IE 11*/
	z-index: 1;
}

a.popicon {
	display: inline-block;
	position: relative;
	zoom: 1;
}

a.popicon div.popicon-pdf {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop-pdf-128x128.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-zoom {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop-zoom-128x128.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-txt {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-txt-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-text {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-text-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-html {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-html-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-xml {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-xml-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-eps {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-eps-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-gif {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-gif-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-jpg {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-jpg-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-png {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-png-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-tiff {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-tiff-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-mp3 {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-mp3-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-mp4 {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-mp4-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-doc {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-doc-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-docx {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-docx-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-xls {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-xls-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-xlsx {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-xlsx-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-ppt {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-ppt-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-pptx {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-pptx-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon div.popicon-zip {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 3rem;
	height: 3rem;
	background: left top no-repeat url("../images/icon/pop2-zip-224x224.png");
	background-size: contain;
	z-index: 2;
}

a.popicon _:-ms-lang(x)::-ms-backdrop, a.popicon img {
	width: 100%; /*workaround for MS-IE 11*/
	z-index: 1;
}

/* end of style */
/*! stylesheet style audit v1.00 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2015 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, July 27, 2015
	Version: 1.01, April 21, 2023
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/* === audit === */
/** Usage: 
<div id="login-head">HEAD</div>
<div id="login-pane" style="x-height:160px;">
<form action="login-TEMP.html" method="post">
<div class="login-form-title">TITLE<span class="btn-close"><a href="../index.html" title="Close">[x] Close</a></span></div>
<table class="login-form-table" border="0" cellspacing="0" cellpadding="0">
<tr><td class="login-form-label" valign="top">Username:</td><td class="login-form-text" valign="top"><input class="textbox" type="text" name="username" width="12" value="" /><br /></td></tr>
<tr><td class="login-form-label">Password:</td><td class="login-form-text"><input class="textbox" type="password" name="password" width="12" value="" /></td></tr>
<tr><td></td><td class="login-form-text"><input class="submit" type="submit" value="Login" /></td></tr>
</table>
<div class="login-form-caption">CAPTION</div>
</form>
</div><!--/#login-pane-->
*/
#home-container.chap-audit {
	position: fixed;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 100%;
	height: 100%;
	background-color: #808080;
	/*
		background:black;
		opacity:0.60; filter:alpha(opacity=60);
		z-index:100;
	*/
}

#login-head {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -102px;
	margin-left: -160px;
	height: 32px;
	width: 320px;
	padding: 2px 0px;
	background-color: #448;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	color: #dfd;
}

#login-pane {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -70px;
	margin-left: -160px;
	height: 140px;
	width: 320px;
	padding: 15px 30px;
	background-color: #fff;
	font-size: 12px;
}

#login-pane .login-form-title {
	margin: 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #0050b2;
}

#login-pane .login-form-title .btn-close {
	float: right;
	font-size: 12px;
	font-weight: normal;
}

#login-pane .login-form-table {
	margin: 4px auto;
}

#login-pane .login-form-table td {
	padding: 3px 2px;
}

#login-pane .login-form-table td:first-child {
	white-space: nowrap;
}

#login-pane .login-form-label {
	text-align: right;
}

#login-pane .login-form-caption {
	line-height: 1.2;
	font-size: 11px;
	color: #666666;
}

#login-pane input.textbox {
	padding: 3px 4px;
	font-family: monospace;
	background-color: #fffff7;
	border: 1px solid darkgray;
}

#login-pane input.submit {
	padding: 3px 10px;
	background-color: #e6e6fa;
	border: 1px solid darkgray;
	cursor: pointer;
}

/*! stylesheet style breakpoints v1.00 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2015 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, July 27, 2015
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/* === breakpoints === */
/** Usage: .breakpoints
*/
@media print {
	#bp-statusbox {
		display: none !important;
	}
}
/* end of style */
/*! stylesheet style listing v1.00 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2015 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, July 27, 2015
	Version: 1.01; April 5, 2016 (changed the name glossary to terms)
*/
/* === listing (items) === */
/** Usage: .listing-items
<ul class="listing-items">
<li><a class="litebox mark-pop" href="sample.html" title="TITLE">LABEL</a></li>
</ul>
*/
ul.listing-items {
	margin-left: 2rem;
	padding-left: 0px;
}

ul.listing-items li {
	margin-left: 0px;
	padding-left: 0px;
}

ul.listing-items-pop {
	list-style-type: none;
	text-align: left;
	font-size: 12px;
	line-height: 1.2;
}

ul.listing-items-pop::after {
	display: block;
	clear: both;
	content: "";
}

ul.listing-items-pop li {
	margin: 2px 5px;
	padding-top: 4px;
	padding-left: 8px;
	background: left 5px no-repeat url("../images/drop/bull-sq3-red-right.png");
	border-bottom: 1px dotted #c0c0c0;
}

ul.listing-items-pop li a {
	color: #006cb4;
}

ul.listing-items-pop li a.mark-pop::after {
	vertical-align: -5px !important;
}

/* === listing (terms) === */
/** Usage: .listing-terms
<dl class="listing-terms">
<dt><a class="mark-pdf" href="sample.pdf" title="TITLE" target="viewDoc">LABEL</a></dt>
<dd>MEMO</dd>
</dl>
*/
dl.listing-terms {
	margin-left: 2em;
}

dl.listing-terms dt {
	font-weight: bold;
}

dl.listing-terms dt:not(:first-child) {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted #c0c0c0;
}

dl.listing-terms dd {
	margin-left: 1rem;
}

/* end of style */
/*! stylesheet litebox v2.00 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2013 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, April 28, 2013
	Version: 2.00, August 11, 2015
	Version: 2.01, September 11, 2016 (workaround for iOS iframe auto scroll)
	Version: 2.02, December 4, 2019 (adjust parameters)
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/*== litebox note ==*/
/** Usage: litebox-note
<body>
<div id="litebox-note">
TEXT
</div>
</body>
*/
#litebox-note * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#litebox-note {
	margin: 0px 0px;
	border: 5px dotted #8080ff;
	padding: 10px 10px;
	max-width: 480px;
	min-width: 240px;
	background-color: #f7f7f7;
	line-height: 1.5;
}

/*== litebox pane ==*/
/** Usage: litebox-pane
<aside id="litebox-pane">
<div id="litebox-backlayer" style="display:none;"></div>
<div id="litebox-forelayer" style="display:none; height: 160px; width: 480px; margin-top: -80px; margin-left: -240px;">
	<div id="litebox-close"></div>
	<div id="litebox-container">
		<iframe frameborder="0" border="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" allowtransparency="yes" src="note-20150818_1.html" style="height: 162px; width: 482px;">
			...
			<div id="litebox-note">
				...
			</div>
			...
		</iframe>
	</div>
</div>
</aside>
*/
#litebox-backlayer {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: black;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 120;
}

#litebox-forelayer {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -250px;
	height: 480px;
	width: 500px;
	background: white;
	z-index: 121;
}

#litebox-close {
	position: absolute;
	top: -16px;
	right: -16px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	/*border:0px solid transparent;*/
	/*background:transparent;*/
	/*background-color:red;*/
	background: left top no-repeat url("../images/buttons/close-red-32x32.png");
	z-index: 122;
}

#litebox-close:hover {
	background-image: url("../images/buttons/close-gray-32x32.png");
}

img.litebox {
	cursor: pointer;
}

#litebox-container {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#litebox-container > iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/* end of style */
/*! stylesheet utils showarch v1.00 (http://www.sofrosune.net/) */
/* === showarch === */
/** Usage: .showarch
<div class="showarch">
<div class="showarch-navi">
<div class="showarch-navi-prev"><a href="#">[Show prev]</a> (N items rest)</div>
<div class="showarch-navi-next">(N items rest) <a href="#">[Show next]</a></div>
</div>
<ul>
<li><span class="date">2015.09.01</span><span class="subject"><a class="litebox mark-pop" href="../news/topic-20150901_1.html">New announcement</a></span></li>
</ul>
</ul>
</div>
*/
.showarch div.showarch-navi {
	margin: 4px 5px;
	font-size: 12px;
	line-height: 1.2;
}

.showarch div.showarch-navi::after {
	display: block;
	clear: both;
	content: "";
}

.showarch div.showarch-navi .showarch-navi-btns .showarch-navi-prev {
	float: left;
}

.showarch div.showarch-navi .showarch-navi-btns .showarch-navi-next {
	float: right;
}

.showarch div.showarch-navi .showarch-navi-btns a {
	display: inline-block;
	border-radius: 0.2rem;
	padding: 1px 0.3rem;
	background-color: #f60;
	color: #fff;
}

.showarch div.showarch-navi .showarch-navi-btns a:hover {
	background-color: #f93;
}

.showarch div.showarch-navi .showarch-navi-tags {
	clear: both;
	padding-top: 5px;
	text-align: center;
}

.showarch div.showarch-navi .showarch-navi-tags a {
	display: inline-block;
	margin: 1px 1px;
	border: 1px solid #8a8;
	padding: 0px 1px;
	background-color: #eef;
}

.showarch div.showarch-navi .showarch-navi-tags a.itemhit {
	background-color: #dfd;
}

.showarch div.showarch-navi .showarch-navi-tags a.items-pre::before {
	content: "...";
}

.showarch div.showarch-navi .showarch-navi-tags a.items-post::after {
	content: "...";
}

.showarch div.showarch-navi .showarch-navi-tags a:hover {
	color: #dc143c;
	background-color: #fdd;
	text-decoration: none;
}

.showarch ul.showarch-list {
	margin-left: 2rem;
	padding-left: 0px;
	text-align: left;
	line-height: 1.2;
}

.showarch ul.showarch-list::after {
	display: block;
	clear: both;
	content: "";
}

.showarch ul.showarch-list li {
	margin-left: 0px;
	padding-left: 0px;
}

.showarch ul.showarch-list li span {
	display: inline;
	padding-top: 4px;
}

.showarch ul.showarch-list li span.date {
	float: none;
	width: auto;
	color: #666666;
}

.showarch ul.showarch-list li span.subject {
	margin-left: 1rem;
}

@media print, screen and (min-width: 480px) {
	.showarch ul.showarch-list li span {
		display: block;
		padding-top: 4px;
	}
	.showarch ul.showarch-list li span.date {
		float: left;
		width: 64px;
		color: #666666;
	}
	.showarch ul.showarch-list li span.subject {
		margin-left: 69px;
	}
}
.showarch ul.showarch-list li a {
	color: #006cb4;
}

.showarch ul.showarch-list li a.mark-pop::after {
	vertical-align: -5px !important;
}

@media print, screen and (min-width: 720px) {
	.showarch.showarch-mcols-2-md-up ul.showarch-list {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
}
@media print, screen and (min-width: 480px) {
	.showarch.showarch-mcols-2-sm-up ul.showarch-list {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
}
/*! stylesheet home newslist4 v6.00 (http://www.sofrosune.net/) */
/* === newslist === */
/** Usage: .newslist
<div class="newslist">
<div class="newslist-navi">
<div class="newslist-navi-prev"><a href="#">[Show prev]</a> (N items rest)</div>
<div class="newslist-navi-next">(N items rest) <a href="#">[Show next]</a></div>
</div>
<ul>
<li><span class="date">2015.09.01</span><span class="subject"><a class="litebox mark-pop" href="../news/topic-20150901_1.html">New announcement</a></span></li>
</ul>
</ul>
</div>
*/
.newslist div.newslist-navi {
	margin: 4px 5px;
	font-size: 12px;
	line-height: 1.2;
}

.newslist div.newslist-navi::after {
	display: block;
	clear: both;
	content: "";
}

.newslist div.newslist-navi .newslist-navi-btns .newslist-navi-prev {
	float: left;
}

.newslist div.newslist-navi .newslist-navi-btns .newslist-navi-next {
	float: right;
}

.newslist div.newslist-navi .newslist-navi-tags {
	clear: both;
	padding-top: 5px;
	text-align: center;
}

.newslist div.newslist-navi .newslist-navi-tags a {
	display: inline-block;
	margin: 1px 1px;
	border: 1px solid #8a8;
	padding: 0px 1px;
	background-color: #eef;
}

.newslist div.newslist-navi .newslist-navi-tags a.itemhit {
	background-color: #dfd;
}

.newslist div.newslist-navi .newslist-navi-tags a.items-pre::before {
	content: "...";
}

.newslist div.newslist-navi .newslist-navi-tags a.items-post::after {
	content: "...";
}

.newslist div.newslist-navi .newslist-navi-tags a:hover {
	color: #dc143c;
	background-color: #fdd;
	text-decoration: none;
}

.newslist ul {
	list-style-type: none;
	text-align: left;
	font-size: 12px;
	line-height: 1.2;
}

.newslist ul::after {
	display: block;
	clear: both;
	content: "";
}

.newslist ul li {
	margin: 2px 5px;
	padding-left: 8px;
	background: left 5px no-repeat url("../images/drop/bull-sq3-red-right.png");
	border-bottom: 1px dotted #c0c0c0;
}

.newslist ul li span {
	display: block;
	padding-top: 4px;
}

.newslist ul li span.date {
	float: left;
	width: 64px;
	color: #666666;
}

.newslist ul li span.subject {
	margin-left: 69px;
}

.newslist ul li a {
	color: #006cb4;
}

.newslist ul li a.mark-pop::after {
	vertical-align: -5px !important;
}

/*! stylesheet style sitemap v1.01 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2007 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version:1.00, March 13, 2007
	Version:1.20, October 21, 2007
	Version:1.21, January 26, 2010 (Separate first-child, last-child for MS-IE8)
	Version:1.30, October 28, 2015 (Revised for html5) 
	Version:1.31, August 19, 2018 () 
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/* === sitemap === */
/** Usage: .sitemap
<div class="sitemap">
<div class="sitemap-title"><a href="#" title="">TITLE</a></div>
<div class="sitemap-tree">
<ul>
	<li><a href="#" title="">ITEM10</a></li>
	<li><a href="#" title="">ITEM20</a></li>
	<li class="none"></li>
	<li><a href="#" title="">ITEM30</a>
		<ul>
			<li><a href="#" title="">ITEM30_01a<br />30_01b</a></li>
			<li><a href="#" title="">ITEM30_02</a></li>
			<li><a href="#" title="">ITEM-30_03</a></li>
		</ul></li>
	<li><a href="#" title="">ITEM40</a></li>
	<li><a href="#" title="">ITEM50</a></li>
</ul>
</div>
</div>
*/
.sitemap {
	margin: 0px 0px;
	padding: 0px 0px;
	line-height: 1.2;
}

.sitemap .sitemap-title {
	margin: 0px 0px;
	font-weight: bold;
	font-size: 13px;
}

.sitemap .sitemap-title a {
	border: 1px solid #a0a0a0;
	padding: 2px 4px 2px 4px;
	color: #006cb4;
	background-color: #eef;
}

.sitemap .sitemap-title a:hover {
	color: #dc143c;
	background-color: #fdd;
}

.sitemap .sitemap-tree {
	margin: 0px 0px;
	padding: 0px 0px;
}

.sitemap .sitemap-tree ul {
	margin: 0px 0px;
	padding-left: 12px;
}

.sitemap .sitemap-tree ul li {
	list-style-type: none;
	margin: 0px 0px;
	padding: 1px 0px 2px 15px;
	background: left -6px no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIKCSBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTYgODAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiA4MDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iYmFja2dyb3VuZCI+CjwvZz4KPGcgaWQ9ImxheWVyXzAxIj4KCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU1NjQ3RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxIiB5MT0iMCIgeDI9IjEiIHkyPSI4MDAiLz4KCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU1NjQ3RiIgc3Ryb2tlLXdpZHRoPSIyLjAwNTIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjAiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMTUiLz4KPC9nPgo8L3N2Zz4K");
	font-size: 13px;
	line-height: 1.2;
}

.sitemap .sitemap-tree ul li:first-child, .sitemap .sitemap-tree ul li.first {
	padding-top: 7px;
	background-position: left 0px;
}

.sitemap .sitemap-tree ul li:last-child, .sitemap .sitemap-tree ul li.last {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIKCSBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iYmFja2dyb3VuZCI+CjwvZz4KPGcgaWQ9ImxheWVyXzAxIj4KCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU1NjQ3RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxIiB5MT0iMCIgeDI9IjEiIHkyPSIxNiIvPgoJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTU2NDdGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjAiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMTUiLz4KPC9nPgo8L3N2Zz4K");
}

.sitemap .sitemap-tree ul li.none {
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: left -20px;
}

.sitemap::after {
	display: block;
	clear: both;
	content: "";
}

/* end of style */
/*! stylesheet style slideshow v4.00 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2015 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, December 3, 2009
	Version: 1.10, December 5, 2009
	Version: 2.00, October 25, 2010 (changed to JSON method)
	Version: 3.00, June 17, 2012 (forked to ver. 3)
	Version: 4.00, August 17, 2015 (forked to ver. 4)
	Version: 4.01, November 21, 2019 (added control)
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/* === slideshow === */
/** Usage: .slideshow
<div class="slideshow" style="">
<div class="slideshow-control" style="width:4%;x-height:48px;min-width:24px;bottom:3%;left:calc(50% - 2%);x-background-color:#fee;"><a href="#CONTROL" onclick="slideshow.control(this,'toggle',{path_pause:'scenes/slideshow-pause-128x128.png',path_play:'scenes/slideshow-play-128x128.png'});"><img src="scenes/slideshow-pause-128x128.png" /></a></div>
<img class="base" src="scenes/scene-base-640x240.png" border="0" />
<ul data-config="loop:true;">
	<li class="active vanish" data-config="duration:2;" style="opacity: 1;"><img src="scenes/scene-01-640x240.png" alt="" border="0" /></li>
	<li class="" data-config="duration:2;" style="opacity: 1;"><img src="scenes/scene-02-640x240.png" alt="" border="0" /></li>
	<li class="" data-config="duration:2;" style="opacity: 1;"><img src="scenes/scene-03-640x240.png" alt="" border="0" /></li>
	<li class="" data-config="duration:2;" style="opacity: 1;"><img src="scenes/scene-04-640x240.png" alt="" border="0" /></li>
	<li class="" data-config="duration:5;" style="opacity: 1;"><a href="index.html" title="" target="_self"><img src="scenes/scene-05-640x240.png" alt="" border="0" /></a></li>
</ul>
</div>
*/
.slideshow {
	position: relative;
}

.slideshow::after {
	display: block;
	clear: both;
	content: "";
}

.slideshow > img.base {
	visibility: hidden;
}

.slideshow > ul {
	list-style-type: none;
}

.slideshow > ul li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px 0px;
	padding: 0px 0px;
	z-index: 80;
}

.slideshow > ul li.active {
	display: block;
	z-index: 82;
}

.slideshow > ul li.vanish {
	display: block;
	z-index: 81;
}

.slideshow > ul li img {
	display: block;
	margin: 0px auto;
	width: 100%;
}

.slideshow .slideshow-control {
	position: absolute;
	z-index: 83;
}

.slideshow a:hover {
	background-color: transparent;
}

/* end of style */
/*! stylesheet utils passbox v1.00 (http://www.sofrosune.net/) */
/* === passbox === */
/** Usage: .passbox
*/
div.passbox ul.passbox-filelist {
	border: 3px double #c0c0c0;
	padding: 0px 0px;
	list-style-type: none;
}

div.passbox ul.passbox-filelist li {
	padding: 0.1rem 0.5rem;
	border-bottom: 1px dotted #c0c0c0;
}

div.passbox ul.passbox-filelist li:last-child {
	border-bottom: none;
}

div.passbox div.passbox-control span.passbox-note {
	font-size: 12px;
}

div.passbox div.passbox-control input.submit {
	padding: 2px 0.5rem;
	border-radius: 0.3rem;
	font-size: 12px;
	color: #006cb4;
	cursor: pointer;
}

div.passbox div.passbox-control input.submit:hover {
	color: #dc143c;
	background-color: #fdd;
}

div.passbox div.passbox-control input.text {
	padding: 2px 0.2rem;
	font-size: 12px;
	width: 100%;
	cursor: pointer;
	background-color: #eef4fc;
}

@media print, screen and (min-width: 480px) {
	div.passbox div.passbox-control input.text {
		width: 75%;
	}
}
div.passbox div.passbox-control input.text:hover {
	background-color: #fee;
}

/*!  stylesheet utils (generated by scss compiler)
	Copyright (C) 2015 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, July 27, 2015
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/* end of style */
/*! stylesheet home globals home v1.00 (http://www.sofrosune.net/) */ /*! stylesheet home globals override v1.00 (http://www.sofrosune.net/) */ /*! stylesheet base globals v1.00 (http://www.sofrosune.net/) */ /*! stylesheet mixins v1.00 (http://www.sofrosune.net/) */ /*! stylesheet common set v1.00 (http://www.sofrosune.net/) */
/**/
/*! stylesheet home base v1.00 (http://www.sofrosune.net/) */
/* === page layout === */
#home-container {
	width: 100%;
}

@media print, screen and (min-width: 960px) {
	#home-container {
		width: 960px;
		margin: 0px auto;
	}
}
/* === header === */
#header {
	width: 100%;
}

#header-top {
	padding: 0.5rem 1rem;
}

#header-top::after {
	display: block;
	clear: both;
	content: "";
}

#header-top a:hover {
	background-color: transparent;
}

#header-top .header-logo {
	float: left;
}

#header-top .header-logo img {
	height: 48px;
}

#header-top .header-title {
	float: left;
	line-height: 1.2;
	font-size: 1.2rem;
	font-weight: bold;
	padding-top: 0.6rem;
}

@media print, screen and (min-width: 480px) {
	#header-top .header-title {
		font-size: 20px;
		padding-top: 13px;
		text-shadow: 1px 1px 1px #fff, 2px 2px 2px #c0c0c0;
	}
}
#header-top .header-search {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

#header-top .header-guide {
	float: right;
}

#header-top .header-guide img {
	height: 24px;
	margin-top: 1rem;
}

@media print, screen and (min-width: 480px) {
	#header-top .header-guide img {
		height: 32px;
		margin-top: 0.5rem;
	}
}
#header-navi {
	z-index: 100;
	margin-top: 2px;
}

#header-navi::after {
	display: block;
	clear: both;
	content: "";
}

#header-navi .header-menu > ul {
	position: relative;
	text-align: center;
}

@media print, screen and (min-width: 720px) {
	#header-navi .header-menu > ul {
		text-align: left;
	}
}
#header-navi .header-menu > ul li {
	list-style-type: none;
}

#header-navi .header-menu > ul > li {
	display: inline-block;
	position: relative;
	width: 48%;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	background-color: #efe;
}

@media print, screen and (min-width: 480px) {
	#header-navi .header-menu > ul > li {
		width: 32%;
		margin-left: 1px;
		margin-right: 1px;
	}
}
@media print, screen and (min-width: 720px) {
	#header-navi .header-menu > ul > li {
		width: auto;
		margin-left: 1px;
		margin-right: 1px;
	}
}
#header-navi .header-menu > ul > li > a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	padding: 4px 0px;
	border-radius: 8px;
	text-align: center;
	font-size: 14px;
	background-color: #2e7c39;
}

@media print, screen and (min-width: 480px) {
	#header-navi .header-menu > ul > li > a {
		padding: 3px 0.5rem;
		border-radius: 5px;
	}
}
@media print, screen and (min-width: 960px) {
	#header-navi .header-menu > ul > li > a {
		padding: 1px 1rem;
	}
}
#header-navi .header-menu > ul > li > a span {
	display: inline-block;
	color: #fff;
}

#header-navi .header-menu > ul > li > a:hover span {
	color: #fcc;
}

#header-navi .header-menu > ul > li > ul {
	display: none;
	position: absolute;
	padding-top: 1px;
	text-align: left;
	background-color: #ccc;
	z-index: 101;
}

#header-navi .header-menu > ul > li > ul > li {
	background-color: #666;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
}

#header-navi .header-menu > ul > li > ul > li > a {
	display: inline-block;
	width: 100%;
	padding: 2px 1rem;
	font-size: 14px;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
}

#header-navi .header-menu > ul > li > ul > li > a span {
	display: inline-block;
	color: #fff;
}

#header-navi .header-menu > ul > li > ul > li > a:hover {
	background-color: transparent;
}

#header-navi .header-menu > ul > li > ul > li > a:hover span {
	color: #fcc;
}

#header-navi .header-menu > ul > li > ul > li.itemhit > a span {
	color: #fcc;
}

#header-navi .header-menu > ul > li > ul > li > ul {
	margin-left: 1rem;
}

#header-navi .header-menu > ul > li > ul > li > ul > li {
	font-size: 12px;
}

#header-navi .header-menu > ul > li > ul > li > ul > li > a {
	padding: 0px 1rem;
}

#header-navi .header-menu > ul > li > ul > li > ul > li > a span {
	display: inline-block;
	color: #fff;
}

#header-navi .header-menu > ul > li > ul > li > ul > li > a:hover {
	background-color: transparent;
}

#header-navi .header-menu > ul > li > ul > li > ul > li > a:hover span {
	color: #fcc;
}

#header-navi .header-menu > ul > li > ul > li > ul > li.itemhit > a span {
	color: #fcc;
}

/* === header-banner ===*/
/* === header-status ===*/
#header-status {
	padding: 3px 1rem 1px 1rem;
	font-size: 0.8rem;
	background-color: #fee;
}

#header-status::after {
	display: block;
	clear: both;
	content: "";
}

#header-status .status-navi {
	float: left;
	text-align: left;
}

#header-status .status-navi ul li {
	list-style-type: none;
	display: inline-block;
}

#header-status .status-navi ul li::before {
	content: url("../images/drop/bull-corp-12x12.png");
	vertical-align: middle;
	padding-right: 4px;
}

#header-status .status-auth {
	float: right;
	text-align: right;
}

/* === path-navi ===*/
#path-navi {
	padding: 10px 1rem 0px 1rem;
	font-size: 12px;
	line-height: 1.2;
}

#path-navi::after {
	display: block;
	clear: both;
	content: "";
}

#path-navi ul {
	list-style-type: none;
}

#path-navi ul::after {
	display: block;
	clear: both;
	content: "";
}

#path-navi ul li {
	float: left;
}

#path-navi ul li:first-child::before {
	content: "■";
	color: #666666;
}

#path-navi ul li::after {
	content: ">";
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#path-navi ul li:last-child::after {
	content: "";
}

#path-navi ul li a {
	color: #006cb4;
}

/* === main === */
#main {
	width: 100%;
	margin: 20px 0px;
	padding: 0px 16px;
}

@media print, screen and (min-width: 960px) {
	#main {
		width: 960px;
		float: left;
	}
}
/* === main section === */
#main section {
	margin-bottom: 2rem;
}

#main section.top-section h1,
#main section.page-section h1 {
	color: #0050b2;
	font-size: 1.8rem;
	line-height: 1.2;
	margin: 0 0.5rem 1rem 0.5rem;
	text-shadow: 1px 1px 1px #fff, 2px 2px 2px #c0c0c0;
}

#main section.top-section h1::before,
#main section.page-section h1::before {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	margin-right: 4px;
	height: 1.4rem;
	width: 1.3rem;
	background-color: #0050b2;
}

#main section.top-section h2,
#main section.page-section h2 {
	color: #0050b2;
	font-size: 1.4rem;
	line-height: 1.2;
	margin-bottom: 0.5rem;
}

#main section.top-section h2 small,
#main section.page-section h2 small {
	font-size: 0.75em;
	font-weight: normal;
}

@media print, screen and (min-width: 720px) {
	#main section.top-section h2 small,
	#main section.page-section h2 small {
		font-size: 0.64em;
	}
}
#main section.top-section h2 small.text-right,
#main section.page-section h2 small.text-right {
	float: right;
	padding-top: 0.2em;
	padding-right: 2em;
}

#main section.top-section p.main-text,
#main section.page-section p.main-text {
	margin-bottom: 1rem;
	text-align: justify;
	font-size: 1rem;
	line-height: 1.5;
}

#main section.page-title h1, #main section.page-title h2 {
	color: #005dca;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main section.page-title h1 {
	font-size: 2.25rem;
	line-height: 1.3;
	text-shadow: 1px 1px 1px #fff, 2px 2px 2px #ccc;
}

#main section.page-title h2 {
	font-size: 1rem;
}

#main section.page-title h2 span {
	border-bottom: 1px solid #336;
}

/* === main parts === */
#main .column {
	margin-bottom: 1rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}

#main .column h2 {
	text-decoration: double underline;
}

@media print, screen and (min-width: 720px) {
	#main .column h2.nocap-if-md-up::before {
		content: "";
	}
}
#main .column h3 {
	font-size: 1.1rem;
	line-height: 1.2;
	margin-bottom: 0.5rem;
}

#main .column p, #main .column ul, #main .column ol, #main .column dl {
	line-height: 1.5;
}

@media print, screen and (min-width: 960px) {
	#main .column p, #main .column ul, #main .column ol, #main .column dl {
		font-size: 0.875rem;
	}
}
@media print, screen and (min-width: 720px) {
	#main .column p.mcols-2-md-up {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		column-rule: 1px solid #c0c0c0;
		column-gap: 2rem;
	}
}
#main .column.col-md-6, #main .column.col-lg-6 {
	padding-right: 1rem;
	padding-left: 1rem;
}

#main .column.headline {
	position: relative;
}

#main .column.headline .headline-text {
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
	x-background-color: #fee;
	color: #fff;
	text-shadow: 2px 2px 1px #448, -2px -2px 1px #88f;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Trebuchet MS", Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-weight: bold;
	font-size: calc(2em + 4 * (100vw - 600px) / 400);
}

@media print, screen and (min-width: 720px) {
	#main .column.headline figure {
		max-width: 80%;
	}
}
#main .column.newslist {
	padding-right: 0px;
	padding-left: 0px;
}

#main .column.newslist::after {
	display: block;
	clear: both;
	content: "";
}

#main .column.newslist h2 {
	margin-bottom: 0.5rem;
}

#main .column.newslist h2 span {
	display: inline-block;
	border: 1px solid #c0c0c0;
	background-color: #f0f0f0;
	padding: 2px 8px;
	color: #000;
	font-weight: normal;
	font-size: 1rem;
}

#main .column.remark {
	margin: 1rem 0rem 1.5rem 0rem;
	border: 2px solid #906;
	padding-right: 0px;
	padding-left: 0px;
}

#main .column.remark::after {
	display: block;
	clear: both;
	content: "";
}

#main .column.remark .remark-title {
	padding: 4px 1rem;
	color: #fff;
	font-size: 1.15rem;
	font-weight: bold;
	background-color: #906;
}

#main .column.remark .remark-text {
	padding: 0.5rem 0.5rem;
}

#main .column.address {
	margin-bottom: 1rem;
}

#main .column.address::after {
	display: block;
	clear: both;
	content: "";
}

#main .column.address h2 {
	display: inline-block;
	padding: 2px 8px;
	background-color: #005dca;
	text-shadow: none !important;
	text-align: center;
}

#main .column.address h2::before {
	content: "";
}

#main .column.address h2 span {
	display: inline-block;
	color: #fff;
	font-weight: normal;
	font-size: 1rem;
}

#main .column.address fieldset {
	display: inline-block;
	border-radius: 10px;
	border: 1px solid #c0c0c0;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

#main .column.address fieldset legend {
	margin-left: 1rem;
}

#main .column.address fieldset legend span {
	display: inline-block;
	padding-left: 1rem;
	padding-right: 1rem;
	color: #fff;
	font-size: 1rem;
	font-weight: normal;
	background-color: #a0a0a0;
}

#main .headline {
	margin-bottom: 1rem;
}

#main .headline p, #main .headline ul, #main .headline ol, #main .headline dl {
	line-height: 1.5;
}

@media print, screen and (min-width: 960px) {
	#main .headline p, #main .headline ul, #main .headline ol, #main .headline dl {
		font-size: 0.875rem;
	}
}
#main .headline p .btn-more, #main .headline ul .btn-more, #main .headline ol .btn-more, #main .headline dl .btn-more {
	float: right;
}

/* === sidebar === */
#sidebar-nouse {
	width: 100%;
	margin: 20px auto;
}

@media print, screen and (min-width: 960px) {
	#sidebar-nouse {
		width: 256px;
		float: right;
	}
}
#sidebar-nouse::after {
	display: block;
	clear: both;
	content: "";
}

#sidebar-nouse div.menu {
	margin-bottom: 15px;
	text-align: left;
	font-size: 12px;
}

#sidebar-nouse div.banner {
	margin-bottom: 15px;
	text-align: center;
	font-size: 14px;
	width: 240px;
	margin-left: auto;
	margin-right: auto;
}

#sidebar-nouse p {
	font-size: 12px;
	line-height: 1.3;
	margin-bottom: 10px;
}

/* === sidebar === */
#sidebar {
	display: none;
}

#sidebar::after {
	display: block;
	clear: both;
	content: "";
}

@media print, screen and (min-width: 720px) {
	#sidebar {
		display: block;
		float: right;
		width: 256px;
	}
}
#main-sidebar::after {
	display: block;
	clear: both;
	content: "";
}

@media print, screen and (min-width: 720px) {
	#main-sidebar {
		float: left;
		width: calc(100% - 256px);
	}
}
/* === sidebar menu === */
#sidebar-menu::after {
	display: block;
	clear: both;
	content: "";
}

#sidebar-menu .menu-title {
	background-color: #005dca;
	border: 1px solid #ccc;
	text-align: center;
}

#sidebar-menu .menu-title a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	padding: 2px 1rem;
}

#sidebar-menu .menu-title a span {
	display: inline-block;
	color: #fff;
}

#sidebar-menu .menu-title a:hover {
	background-color: #005dca;
}

#sidebar-menu .menu-title a:hover span {
	color: #fcc;
}

#sidebar-menu > ul {
	list-style-type: none;
	background-color: #ccc;
}

#sidebar-menu > ul > li {
	background-color: #666;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
}

#sidebar-menu > ul > li > a {
	display: inline-block;
	width: 100%;
	padding: 2px 1rem;
	font-size: 14px;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
}

#sidebar-menu > ul > li > a span {
	display: inline-block;
	color: #fff;
}

#sidebar-menu > ul > li > a:hover {
	background-color: transparent;
}

#sidebar-menu > ul > li > a:hover span {
	color: #fcc;
}

#sidebar-menu > ul > li > ul {
	display: none;
}

#sidebar-menu > ul > li.menuhit > ul {
	display: inherit;
}

#sidebar-menu > ul > li.itemhit > a span {
	color: #fcc;
}

#sidebar-menu > ul > li > ul {
	margin-left: 1rem;
	list-style-type: none;
}

#sidebar-menu > ul > li > ul > li {
	font-size: 0.875rem;
}

#sidebar-menu > ul > li > ul > li > a {
	padding: 0px 1rem;
}

#sidebar-menu > ul > li > ul > li > a span {
	display: inline-block;
	color: #fff;
}

#sidebar-menu > ul > li > ul > li > a:hover {
	background-color: transparent;
}

#sidebar-menu > ul > li > ul > li > a:hover span {
	color: #fcc;
}

#sidebar-menu > ul > li > ul > li.itemhit > a span {
	color: #fcc;
}

/* === footer === */
#footer {
	width: 100%;
	clear: both;
	padding: 10px 20px;
	background: #f0f0f0;
}

@media print, screen and (min-width: 960px) {
	#footer {
		border-radius: 10px;
	}
}
#footer-navi::after {
	display: block;
	clear: both;
	content: "";
}

#footer-navi .footer-menu > ul li {
	list-style-type: none;
	font-size: 12px;
}

#footer-navi .footer-menu > ul > li {
	display: inline-block;
	padding-right: 1rem;
	vertical-align: top;
	font-size: 14px;
}

#footer-navi .footer-menu > ul > li::before {
	content: url("../images/drop/bull-info-12x12.png");
	vertical-align: middle;
	padding-right: 4px;
}

#footer-navi .footer-menu > ul > li > ul {
	display: none;
	margin-left: 1rem;
}

#footer-navi .footer-menu > ul > li > ul > li > ul > li::before {
	content: "- ";
}

#footer-navi .footer-menu > ul.info-menu > li::before {
	content: url("../images/drop/arrow-blue-right.png");
	vertical-align: 0.15rem;
	padding-right: 2px;
}

#footer-search {
	margin: 0px 0px 10px;
}

#copyright {
	text-align: right;
	color: #444444;
	font-size: 0.75rem;
}

/*! stylesheet home club v1.00 (http://www.sofrosune.net/) */
/* === main column === */
/** Usage: .TEMP

*/
/* === header parts === */
/* === main parts === */
#main .club-step-navi {
	text-align: center;
}

#main .club-step-navi::after {
	display: block;
	clear: both;
	content: "";
}

#main .club-step-navi:first-child {
	margin-bottom: 1rem;
}

#main .club-step-navi:last-child {
	margin-top: 1rem;
}

#main .club-step-navi span.club-step-title {
	display: inline-block;
	color: #3398cc;
	font-size: 133%;
}

#main .club-step-navi a {
	display: inline-block;
	padding: 2px 1rem;
	border-radius: 5px;
	font-size: 12px;
	color: #fff;
	background-color: #3398cc;
}

#main .club-step-navi a:hover {
	color: #faa;
	background-color: #3398cc;
}

#main .club-step-navi a.club-step-prev {
	float: left;
}

#main .club-step-navi a.club-step-prev::before {
	content: "◀ ";
}

#main .club-step-navi a.club-step-next {
	float: right;
}

#main .club-step-navi a.club-step-next::after {
	content: " ▶";
}

#main .column.club h2 {
	text-decoration: none;
}

#main .column.club p {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

/*! stylesheet home contest v1.00 (http://www.sofrosune.net/) */
/* === main column === */
/** Usage: .TEMP

*/
/* === main parts === */
#main .column.contest h2 {
	text-decoration: none;
}

#main .column.contest p {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

/*! stylesheet home seminar v1.00 (http://www.sofrosune.net/) */
/* === seminar column === */
/** Usage: .TEMP
*/
#main .column.seminar h2 {
	color: #009844;
	text-decoration: none;
}

#main .column.seminar h2.seminar-award {
	display: inline-block;
	padding: 2px 1em;
	color: #fff;
	background-color: #666;
	font-size: 1.2rem;
}

#main .column.seminar p {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

#main .column.seminar dl.seminar-info dt {
	float: left;
	clear: left;
	width: 1rem;
}

#main .column.seminar dl.seminar-info dd {
	margin-left: 1rem;
}

#main .column.seminar dl.seminar-info.dt-4 dt {
	width: 4rem;
}

#main .column.seminar dl.seminar-info.dt-4 dd {
	margin-left: 4rem;
}

#main .column.seminar dl.seminar-info.dt-5 dt {
	width: 5rem;
}

#main .column.seminar dl.seminar-info.dt-5 dd {
	margin-left: 5rem;
}

#main .column.seminar dl.seminar-info.dt-6 dt {
	width: 6rem;
}

#main .column.seminar dl.seminar-info.dt-6 dd {
	margin-left: 6rem;
}

#main .column.seminar dl.seminar-agenda {
	padding: 1rem 1rem;
	border: 3px double #c0c0c0;
}

#main .column.seminar dl.seminar-agenda dt {
	font-weight: bold;
}

#main .column.seminar dl.seminar-agenda dd {
	margin-left: 1rem;
}

#main .column.seminar dl.seminar-agenda dd::after {
	display: block;
	clear: both;
	content: "";
}

@media print, screen and (min-width: 480px) {
	#main .column.seminar dl.seminar-agenda dd {
		margin-left: 3rem;
	}
}
/*! stylesheet home sitemap v1.00 (http://www.sofrosune.net/) */
/* === column sitemap === */
/** Usage: .TEMP

*/
#main .column.col-sitemap {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

@media print, screen and (min-width: 480px) {
	#main .column.col-sitemap {
		width: 49%;
	}
}
@media print, screen and (min-width: 720px) {
	#main .column.col-sitemap {
		width: 32.5%;
	}
}
@media print, screen and (min-width: 960px) {
	#main .column.col-sitemap {
		width: 24%;
	}
}
#main .column.col-sitemap .sitemap-title {
	display: none;
}

#main .column.col-sitemap .menu-title {
	margin: 0px 0px;
	font-weight: bold;
	font-size: 13px;
}

#main .column.col-sitemap .menu-title a {
	border: 1px solid #a0a0a0;
	padding: 2px 4px 2px 4px;
	color: #006cb4;
	background-color: #eef;
}

#main .column.col-sitemap .menu-title a:hover {
	color: #dc143c;
	background-color: #fdd;
}

/*! stylesheet base table v1.00 (http://www.sofrosune.net/) */
/* === table : table-listbox === */
table.table-listbox {
	border-collapse: collapse;
	border: 0px;
	background-color: transparent;
}

table.table-listbox td, table.table-listbox th {
	padding: 0.25rem 0.5rem;
	line-height: 1.24;
	font-size: 1rem;
	text-align: left;
	vertical-align: top;
}

@media print, screen and (min-width: 960px) {
	table.table-listbox td, table.table-listbox th {
		font-size: 0.875rem;
	}
}
/*! stylesheet home top v1.00 (http://www.sofrosune.net/) */
/* === top header-navi === */
/* === top headline === */
/** Usage: .top-headline
*/
#top-headline figure {
	max-width: 100%;
}

@media print, screen and (min-width: 720px) {
	#top-headline figure {
		max-width: 100% !important;
	}
}
@media print, screen and (min-width: 720px) {
	#top-banner {
		font-size: 1em;
	}
}
#top-banner a:hover {
	background-color: transparent;
}

#top-banner ul {
	margin-top: 0.5rem;
}

#top-banner ul li {
	margin-top: 0.5rem;
}

/* === top column === */
@media print, screen and (min-width: 720px) {
	#main .column.top-headline {
		float: left;
		margin-right: -288px;
		padding-right: 288px;
		width: 100%;
	}
}
#main .column.top-headline figure .fig {
	position: relative;
}

#main .column.top-headline figure .fig p {
	position: absolute;
	margin-left: 50%;
	width: 90%;
	left: -45%;
	top: 10%;
	line-height: 1.2;
}

@media print, screen and (min-width: 352px) {
	#main .column.top-headline figure .fig p {
		width: 90%;
		left: -45%;
		line-height: 1.2;
	}
}
@media print, screen and (min-width: 480px) {
	#main .column.top-headline figure .fig p {
		width: 80%;
		left: -40%;
		line-height: 1.5;
	}
}
@media print, screen and (min-width: 720px) {
	#main .column.top-headline figure .fig p {
		width: 80%;
		left: -40%;
		line-height: 1.2;
	}
}
@media print, screen and (min-width: 960px) {
	#main .column.top-headline figure .fig p {
		width: 80%;
		left: -40%;
		line-height: 1.5;
	}
}
@media print, screen and (min-width: 720px) {
	#main .column.top-banner {
		float: right;
		width: 288px;
	}
}
#main .column.top-banner ul {
	text-align: center;
}

#main .column.top-banner ul li {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 0.5rem;
	max-width: 288px;
}

@media only screen and (max-width: 719px) {
	#main .column.top-banner ul li {
		width: 49%;
	}
}
@media only screen and (max-width: 479px) {
	#main .column.top-banner ul li {
		width: 100%;
	}
}
#main .column.top-banner ul li a:hover {
	background-color: transparent;
}

#main .column.top-board {
	display: inline-block;
	vertical-align: top;
	margin: 0px auto 1rem auto;
	padding-left: 0px;
	padding-right: 0px;
	border: 3px solid #358f42;
	width: 100%;
}

#main .column.top-board::after {
	display: block;
	clear: both;
	content: "";
}

@media print, screen and (min-width: 480px) {
	#main .column.top-board {
		width: 100%;
	}
}
@media print, screen and (min-width: 720px) {
	#main .column.top-board {
		width: 100%;
	}
}
#main .column.top-board .board-title {
	padding: 4px 0rem;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-shadow: 1px 1px 1px #444 !important;
	text-align: center;
	background-color: #2e7c39;
}

#main .column.top-board .board-title .btn-go {
	float: right;
	padding-right: 1rem;
}

#main .column.top-board .board-title .btn-go a:hover {
	background-color: transparent;
}

#main .column.top-board .board-title .btn-go a img {
	border: 1px solid #fff;
	border-radius: 5px;
}

#main .column.top-board .board-label {
	padding: 8px 8px;
	border-bottom: 2px dashed #c0c0c0;
	background-color: #eef8fe;
}

#main .column.top-board .board-label::after {
	display: block;
	clear: both;
	content: "";
}

#main .column.top-board .board-label a.btn-more2 {
	display: none;
}

#main .column.top-board .board-text {
	padding: 8px 8px;
	min-height: 120px;
}

#main .column.top-board .board-text::after {
	display: block;
	clear: both;
	content: "";
}

#main .column.top-board .board-text .menu-title {
	display: none;
}

#main .column.top-board .board-text > ul {
	margin-left: 0.3rem;
	padding-left: 0px;
	font-size: 0.875rem;
}

#main .column.top-board .board-text > ul > li {
	list-style-type: none;
	vertical-align: top;
}

#main .column.top-board .board-text > ul > li::before {
	content: url("../images/drop/arrow-blue-right.png");
	padding-right: 2px;
}

#main .column.top-board .board-text > ul > li > ul {
	display: none;
}

#main .column.top-board .board-text > ul li.list-normal {
	margin-left: 0px;
	padding-left: 0px;
}

#main .column.top-board .board-text dl {
	padding: 40px 10px 10px 10px;
}

#main .column.top-board .board-text dl::after {
	display: block;
	clear: both;
	content: "";
}

#main .column.top-board .board-text dl dt {
	float: left;
	width: 50%;
	padding: 0px;
	border-bottom: 1px dotted #c0c0c0;
}

#main .column.top-board .board-text dl dd {
	float: right;
	width: 50%;
	text-align: right;
	border-bottom: 1px dotted #c0c0c0;
}

#main .column.top-board .btn-more2 {
	display: inline-block;
	float: right;
	margin-bottom: 4px;
	color: #006cb4;
	width: 40px;
	height: 40px;
	font-size: 12px;
	border: 3px solid #f16581;
	border-radius: 24px;
	text-align: center;
	padding-top: 8px;
	background-color: #fea;
}

#main .column.top-board .btn-more2:hover {
	background-color: #ffe477;
}

/*! stylesheet home utilities v1.00 (http://www.sofrosune.net/) */
/* === hide controls === */
@media only screen and (max-width: 479px) {
	.br-hidden-xs-down br {
		display: none !important;
	}
}
@media only screen and (max-width: 719px) {
	.br-hidden-sm-down br {
		display: none !important;
	}
}
@media only screen and (max-width: 959px) {
	.br-hidden-md-down br {
		display: none !important;
	}
}
/* === menu controls === */
#header .hidden-header {
	display: none !important;
}

#sidebar .hidden-sidebar {
	display: none !important;
}

#footer .hidden-footer {
	display: none !important;
}

/* === bg-paint === */
.bg-paint {
	background: -webkit-linear-gradient(65deg, #ffdd33, #f8af4f, #b2ff77, #62d1a1);
	background: -moz-linear-gradient(65deg, #ffdd33, #f8af4f, #b2ff77, #62d1a1);
	background: linear-gradient(25deg, #ffff88, #ffcc66, #b2ff77, #74f8bf);
	background-size: 400% 400%;
	-webkit-animation: bg-paint-anim 30s ease infinite;
	-moz-animation: bg-paint-anim 30s ease infinite;
	animation: bg-paint-anim 30s ease infinite;
}

@-webkit-keyframes bg-paint-anim {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@-moz-keyframes bg-paint-anim {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes bg-paint-anim {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
/* === search === */
.search-form .search-form-input {
	float: left;
	font-size: 12px;
	line-height: 1.5;
	color: #666;
	width: 160px;
	height: 28px;
	padding: 5px 10px;
	border: 1px solid #c0c0c0;
	background-color: #eee;
}

@media only screen and (max-width: 719px) {
	.search-form .search-form-input {
		width: 50%;
	}
}
@media only screen and (max-width: 351px) {
	.search-form .search-form-input {
		width: 75%;
	}
}
.search-form .search-form-submit {
	float: left;
	width: 28px;
	height: 28px;
	border: none;
	background: 4px center no-repeat url("../images/sign/search-20x20.png");
	background-color: #069;
}

@media only screen and (max-width: 719px) {
	.search-form .search-form-submit {
		color: #fff;
		text-align: right;
		padding-right: 0.5rem;
	}
}
.search-form::after {
	display: block;
	clear: both;
	content: "";
}

/* === utilities button === */
/** Usage: .btn-more
*/
.btn-more {
	display: inline-block;
	color: #006cb4;
	font-size: 11px;
	border: 1px solid #c0c0c0;
	box-shadow: 1px 1px 3px #c0c0c0;
	border-radius: 0 7px;
	padding: 4px 16px 4px 8px;
	background: right center no-repeat url("../images/drop/arrow-16x16.png");
	background-color: #f5f5f5;
}

@media print, screen and (min-width: 720px) {
	.btn-more {
		padding: 2px 16px 2px 8px;
	}
}
.btn-more:hover {
	background-color: #e8e8e8;
}

/* === list (dl) === */
dl.access {
	margin-left: 0rem;
}

@media print, screen and (min-width: 720px) {
	dl.access {
		margin-left: 1rem;
	}
}
dl.access dt {
	font-weight: bold;
}

@media print, screen and (min-width: 480px) {
	dl.access dt {
		float: left;
		width: 6rem;
		padding-right: 0.5rem;
		text-align: right;
		background-color: #eef;
	}
}
dl.access dd {
	margin-left: 1rem;
	margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 480px) {
	dl.access dd {
		margin-left: 6.5rem;
	}
}
dl.history {
	margin-left: 0rem;
}

@media print, screen and (min-width: 720px) {
	dl.history {
		margin-left: 1rem;
	}
}
dl.history dt {
	border-bottom: 2px dotted #c0c0c0;
	font-weight: bold;
}

dl.history dt > span {
	x-width: 6rem;
	padding-left: 1rem;
	padding-right: 1rem;
	background-color: #eef;
	x-text-align: center;
	font-weight: bold;
	border: 1px solid #c0c0c0;
}

dl.history dd {
	margin-left: 0px;
	margin-bottom: 0.5rem;
}

dl.history dd::after {
	display: block;
	clear: both;
	content: "";
}

dl.history dd ul {
	margin-left: 0rem;
	list-style-type: none;
}

dl.history dd ul li span.date {
	display: block;
	float: left;
	width: 2.5rem;
	text-align: right;
}

dl.history dd ul li span.text {
	display: block;
	margin-left: 3rem;
}

/* === list (mcols) === */
ul.list-mcols {
	margin-left: 1rem;
	padding-left: 0px;
}

ul.list-mcols li {
	margin-left: 0.75rem;
	padding-left: 0px;
}

ul.list-mcols.no-bullet {
	list-style-type: none;
}

ul.list-mcols.no-bullet li {
	margin-left: 0px;
}

/* === list (toc) === */
ul.list-toc {
	margin-left: 2rem;
	padding-left: 0px;
}

ul.list-toc.no-bullet {
	list-style-type: none;
}

ul.list-toc li {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 5px;
}

ul.list-toc li > a {
	display: inline-block;
	border-bottom: 1px dotted #c0c0c0;
}

ul.list-toc li ul {
	margin-left: 1rem;
	padding-left: 0px;
}

ul.list-toc li ul li {
	display: inline-block;
	margin-right: 1rem;
}

ul.list-toc li ul li::before {
	content: ">";
	padding-right: 0.2em;
}

/* === list (stack) === */
.stack-listing {
	margin: 0px 0px 10px 10px;
}

/* === list (archive) === */
.archive-listing {
	margin: 0px 0px 10px 0px;
	border: 1px solid #c0c0c0;
	border-right-width: 3px;
	border-bottom-width: 3px;
	padding: 4px 5px;
}

.archive-listing dl {
	margin: 0px 0px;
}

.archive-listing dl dt {
	float: left;
	margin-bottom: 4px;
	width: 5em;
	background-color: #e9eff0;
	font-weight: bold;
	text-align: center;
}

.archive-listing dl dd {
	margin-left: 5rem;
	margin-bottom: 4px;
	border-bottom: 1px dotted #c0c0c0;
}

.archive-listing dl dd a {
	display: inline-block;
	padding: 0px 3px 0px 3px;
	white-space: nowrap;
}

.archive-listing dl dd span {
	padding: 0px 2px 0px 0px;
	white-space: nowrap;
}

/* === list (queue) === */
.queue-listing {
	margin: 0px 0px 10px 0px;
	border: 3px double #c0c0c0;
	padding: 2px 5px;
}

.queue-listing a, .queue-listing span {
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

/* === flow columns === */
/** Usage:
<ul class="flow-columns col3 w280">
<li>LEFT</li>
<li>CENTER</li>
<li>RIGHT</li>
</ul><!--/flex-columns-->
*/
.flow-columns {
	text-align: center;
}

.flow-columns::after {
	display: block;
	clear: both;
	content: "";
}

.flow-columns li {
	display: inline-block;
	margin-bottom: 1rem;
}

@media print, screen and (min-width: 480px) {
	.flow-columns.col2 li {
		width: 48%;
	}
	.flow-columns.col3 li {
		width: 32%;
	}
	.flow-columns.w280 li {
		min-width: 280px;
	}
	.flow-columns.w240 li {
		min-width: 240px;
	}
}
@media print, screen and (min-width: 720px) {
	.flow-columns li {
		width: 100% !important;
	}
}
.flow-columns3 {
	text-align: center;
}

.flow-columns3::after {
	display: block;
	clear: both;
	content: "";
}

.flow-columns3 li {
	display: inline-block;
	margin-bottom: 1rem;
}

@media print, screen and (min-width: 480px) {
	.flow-columns3 li {
		max-width: 480px;
	}
}
@media print, screen and (min-width: 720px) {
	.flow-columns3 li {
		width: 48%;
	}
}
@media print, screen and (min-width: 960px) {
	.flow-columns3 li {
		width: 32%;
	}
}
@media print, screen and (min-width: 720px) {
	.flow-columns3.fix-side li {
		width: 100% !important;
	}
}
/* === flex columns === */
/** Usage:
<ul class="flex-columns col2">
<li>LEFT</li>
<li>RIGHT</li>
</ul><!--/flex-columns-->
*/
/*
.flex-columns2 {
	@include clearfix();
	text-align:center;
	li {
		display:inline-block;
		width:48%;
		@include if-mobile() {
			width:100%;
		}
		//background-color:#eef;
	}
}
*/
/* === fieldset === */
fieldset.tagbox {
	margin: 0.5rem 0px;
	border: 2px solid #c0c0c0;
	border-radius: 8px;
	padding: 0rem 1rem;
}

fieldset.tagbox p {
	line-height: 1.2;
}

fieldset.tagbox legend {
	margin-left: 1rem;
}

/* === arrow down === */
/** Usage:
<div class="arrow-down" style="margin:10px auto 0px auto;"></div>
*/
.arrow-down {
	position: relative;
	width: 0px;
	height: 0px;
	border: 16px solid transparent;
	border-bottom-width: 0px;
	border-top-color: #607fba;
}

.arrow-down:after {
	position: absolute;
	content: "";
	top: -24px; /*-32px*/
	left: -8px;
	width: 16px;
	height: 16px;
	background: #607fba;
}

/*! stylesheet home misc v1.00 (http://www.sofrosune.net/) */
/* === TEMP === */
/** Usage: .TEMP

*/
/* === menu controls === */
@media only screen and (max-width: 479px) {
	#footer-navi .footer-menu .main-menu .menu-top-00 {
		display: inline-block !important;
	}
}
/*! stylesheet home set v1.00 (http://www.sofrosune.net/) */ /*! stylesheet base globals v1.00 (http://www.sofrosune.net/) */ /*! stylesheet mixins v1.00 (http://www.sofrosune.net/) */ /*! stylesheet common set v1.00 (http://www.sofrosune.net/) */
/**/
/*! stylesheet style shownews v1.00 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2015 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, April 25, 2016
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/* === newslist === */
.newslist ul li {
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: none;
	font-size: 12px;
	line-height: 1.2;
}

.newslist ul li span {
	display: inline;
	padding-top: 4px;
}

.newslist ul li span.date {
	float: none;
	width: auto;
	color: #666666;
}

.newslist ul li span.subject {
	margin-left: 1rem;
}

@media print, screen and (min-width: 480px) {
	.newslist ul li span {
		display: block;
		padding-top: 4px;
	}
	.newslist ul li span.date {
		float: left;
		width: 64px;
		color: #666666;
	}
	.newslist ul li span.subject {
		margin-left: 69px;
	}
}
/* end of style */
/*!  stylesheet utils (generated by scss compiler)
	Copyright (C) 2015 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, July 27, 2015
	Creation date: Thu Jun 15 2023 16:23:55 GMT+0900
*/
/* end of style */
/* end of style */