@charset "utf-8";

/* CSS Document */

/* ======================================================
	[layout] footer
	@import"../css/test_line.css";
	------------------------------------------------------
	○px以上 + 印刷モード	@media print, screen and (min-width : ○px) {}
	○px以上				@media (min-width : ○px) {}
	○px以下				@media (max-width : ○px) {}
	------------------------------------------------------
	 [sp]		     ～  479	
	([tablet]	 480 ～     )
	 [pc]		1025 ～
====================================================== */
/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
/*.ModeSP */*
{
}
}

/* [print] */
@media print {
}


/* ======================================================
	Side
------------------------------------------------------ */
.Side
{
}

/* ======================================================
	side・固定
------------------------------------------------------ */
.sideArea
{
	display: flex;
	flex-direction: column;
	gap: 1px;
	position: absolute;
	top: 5em;
	right: 0;
	text-align: center;
	letter-spacing: normal;
	z-index: 500;
	background-color: rgba(255,255,255,0.9);
}
/*
	width: 4em;
	float: right;
	align-items: flex-end;
	margin-top: 1em;
	font-weight: bold;
*/

.sideArea>*
{
	font-size: 0.8em;
	width: 100%;
}

.sideArea>*>*
{
	width: 100%;
}

/*
.sideArea ul
{
	margin: 0;
	list-style: none;
	border-width: 1px 0 0 1px;
}
.sideArea li
{
	margin: 0;
	border-bottom-width: 1px;
}

.sideArea li:not(:last-of-type)
{
}

.sideArea li>.Wrap
{
	display: inline-block;
}

.sideArea a
{
	display: block;
}
*/

.sideArea a
{
	width: 100%;
}

.sideArea a:after
{
	content: none;
}
/*
	padding: 1em;
	width: 3em;
	line-height: 1.05;
	text-align: center;
*/

.sideArea a>*
{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*
.sideArea a>*
{
	display: block;
}
*/

.sideArea a>*:not([class])
{
	height: 2em;
	line-height: 2em;
}

.sideArea a:hover
{
}

.sideArea .Icon a
{
	padding: 1em;
}

.sideArea .Icon .Img
{
}

.sideArea a .icon
{
	margin-right: 0;
	width: initial;
	height: initial;
	line-height: initial;
	margin-bottom: 0.5em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.sideArea .Icon a
{
	padding-left: 0.5em;
	padding-right: 0.5em;
}
}

/* [print] */
@media print {
}


/* ======================================================
	上へ戻る
------------------------------------------------------ */
#Document
{
}

.FooterBtn
{
	position: fixed;
	right: 1em;
	letter-spacing: 0;
	z-index: 99;
	bottom: 0;
}

/*
	left: 0em;
*/

.FooterBtn>.Wrap
{
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.FooterBtn a
{
	text-decoration: none;
	display: inline-block;
}

.BackTop,
.BackTop.Btn a
{
	border-radius: 100em;
}

.BackTop.Btn
{
	display: inline-block;
	font-size: 1.5em;
	line-height: 2em;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
}
/*　→ <script>本体で指定
	margin-bottom: -1em;
*/


.BackTop.Btn a
{
	display: block;
	width: 2em;
	height: 2em;
}
/*
	border-width: 1px;
*/

.BackTop.Btn a:before,
.BackTop.Btn a:after
{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: auto;
	margin-right: auto;
}

.BackTop.Btn a:before
{
	width: 0.5em;
	height: 0.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.BackTop.Btn a:after
{
	width: 0;
	height: 0.75em;
	border-left-width: 1px;
	transform: translateX(-50%) translateY(-50%);
}

.BackTop a:hover
{
	opacity: 0.8;
}

.BackTop a:hover:before
{
}

.BackTop a:hover:after
{
}

/* 止まったら */
.stop .FooterBtn
{
}

.stop .FooterBtn .BackTop a
{
}

.stop .BackTop a
{
	background-color: transparent;
}

.stop .BackTop a:before,
.stop .BackTop a:after
{
}

.BackTop.Icon
{
}

.BackTop.Icon a
{
}

.BackTop.Icon .Img
{
}

.BackTop.Icon .Img:before
{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 2.5em;
	height: 2.5em;
	background-image: none;
}


/* ======================================================
	<footer>
------------------------------------------------------ */
.Footer
{
	clear: both;
	text-align: center;
	margin: 0;
}
/*
	border-top-width: 1px;
	padding-top: 1em;
	font-size: 0.8em;
*/

.Footer>.Wrap
{
}

.Footer div:not(.Flex)>ul
{
	margin: 0;
	list-style: none;
	text-align: inherit;
}

.Footer ul li
{
}

.Footer :where(a, .a)
{
	color: inherit;
}

.Footer>.Wrap>*
{
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top-width: 1px;
}

/*
.Footer>.Wrap>*:nth-of-type(1)
{
	background-color: rgba(255,255,255,0.8);
}

.Footer>.Wrap>*:nth-of-type(2)
{
	background-color: rgba(255,255,255,0.5);
}

.Footer>.Wrap>*:nth-of-type(3)
{
	background-color: rgba(255,255,255,0.25);
}

.Footer>.Wrap>*:nth-of-type(4)
{
}

.Footer>.Wrap>*:nth-of-type(5)
{
	background-color: rgba(0,0,0,0.1);
}

.Footer>.Wrap>*:nth-of-type(6)
{
	background-color: rgba(0,0,0,0.2);
}

.Footer>.Wrap>*:last-of-type
{
}
*/

/* menu */
/*
.Footer .Menu	{
	text-align: center;
}
.Footer .Menu >.Wrap	{
}
.Footer .Menu ul	{
}
.Footer .Menu ul ul	{
	font-size: 1em;
}
.Footer .Menu li	{
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	margin-bottom: 0;
}
.Footer .Menu li:not(:first-of-type)	{
	margin-left: 2em;
}
.Footer .Menu li:not(:last-of-type)	{
	margin-right: 2em;
}
.Footer .Menu a	{
	display: block;
}
.Footer .Menu a:before	{
}
.Footer .Menu .icon	{
	margin-right: 0.5em;
}
.Footer .Menu .icon img	{
	width: 1.5em;
	height: 1.5em;
}
*/

.Footer .ContactDetails
{
	padding-top: 2em;
	padding-bottom: 2em;
}

.Footer .Info
{
	padding-top: 2em;
	padding-bottom: 2em;
}
/*
	background-color: rgba(255,255,255,1.0);
*/

.Footer .Info>.Wrap
{
	display: inline-flex;
	align-items: center;
}


.Footer .Info .Navi
{
	text-align: left;
	margin-left: 1em;
}

.Footer .Info .Navi>*
{
}

.Footer .Info .Navi .title
{
	font-weight: bold;
	padding-right: 1em;
	white-space: nowrap;
}


.Footer .Menu
{
	font-size: 0.8em;
	display: flex;
	gap: 2em 5em;
	text-align: right;
}
/*
*/

.Footer .Menu ul
{
	display: inline-flex;
	gap: 2em;
}

.Footer .Menu ul>li
{
	width: auto;
	margin: 0;
}

.Footer .Menu .title
{
}

.Footer .Copy
{
	clear: both;
	text-align: center;
}

.Footer .Copy>.Wrap
{
	font-size: 0.8em;
}

.Footer .Copy a
{
	color: inherit;
}