@charset "utf-8";
/* CSS Document */

/*==============================*/
/*  */
/*==============================*/
header{
	position: sticky; top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px 14px 20px;
	z-index: 9998;
	width: 100%;
	background: #fff;
	box-shadow: 1px 2px 6px 0px rgba(153,153,153,0.7);
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		header{
			padding: 14px 10px 14px 12px;
		}
	}

/*---------------------------------
   
---------------------------------*/
header p.headerLogo{
	position: relative; top: -4px;
	width: 184px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		header p.headerLogo{
			position: relative; top: -2px;
			width: 144px;
		}
	}

/*---------------------------------
   
---------------------------------*/
header div{
	display: flex;
	align-items: center;
	gap: 22px;
}

/*-- 
------------------------- */
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		header div p.headerDate{ display: none;}
	}

/*-- 
------------------------- */
header div p.applicationBtn{
	width: 224px;
	text-align: center;
}
header div p.applicationBtn a{
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 0 11px 0;
	color: #fff;
	background: linear-gradient(to bottom,  #00a9dd 1%,#97dff5 100%);
	border-radius: 200px;
	box-shadow: 1px 2px 8px 0px rgba(153,153,153,0.3);
}
header div p.applicationBtn a span{
	position: relative; top: 2px;
	display: inline-block;
	padding: 1px 12px 0 12px;
	background: #fff;
	border-radius: 200px;
	color: #00ABDC;
	font-size: 13px;
	line-height: 1.3em;
}

	/* ======= SP =======*/
	@media (max-width: 767px) {
		header div p.applicationBtn{ width: 144px;}
		header div p.applicationBtn a{
			padding: 8px 0 9px 0;
			font-size: 14px;
			font-weight: 400;
		}
		header div p.applicationBtn a span{
			display: none;
		}
	}


/*==============================*/
/* 背景設定 */
/*==============================*/
.bg-grad{
	position: relative;
	padding-bottom: 72px;
	min-height: 1200px;
	background: linear-gradient(45deg,  #bee7ff 0%,#ffffff 42%,#f0faff 74%,#bee7ff 100%);
	z-index: 0;
}
.bg-grad::before{
	position: absolute; top: 0; right: 0;
	content: "";
	width: 60%;
	aspect-ratio:1665/916;
	background: url("/common/img/conference/accounting-ai2026/bg-gradation.webp");
	background-size: cover;
	z-index: -1;
}

.bg-grad::after{
	position: absolute; bottom: 0; left: 0;
	content: "";
	width: 60%;
	aspect-ratio:1665/916;
	background: url("/common/img/conference/accounting-ai2026/bg-gradation.webp");
	background-size: cover;
	transform: rotate(180deg);
	z-index: -1;
}


/*==============================*/
/* タイトル */
/*==============================*/
.conferenceTitle{
	margin-bottom: 40px;
	color: #15BAEC;
	font-size: 80px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}
.conferenceTitle span{
	color: #CCEBF4;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		.conferenceTitle{
			margin-bottom: 40px;
			font-size: 56px;
		}
		.conferenceTitle span{
		}
	}


/*==============================*/
/* MainVisual */
/*==============================*/
.mainVisual{
	position: relative;
	width: 100%;
	height: clamp(520px, 33.33vw, 640px);
	background: url("/common/img/conference/accounting-ai2026/mainvisual.webp") center center no-repeat;
	background-size: auto 100%;
}

	/* ======= SP =======*/
	@media screen and (max-width: 1150px){
		.mainVisual{
			height: auto;
			aspect-ratio: 1920 / 640;
			background-size: 100% auto;
		}
	}
	/* ======= SP =======*/
	@media screen and (max-width: 767px){
		.mainVisual{
			height: auto;
			background: url("/common/img/conference/accounting-ai2026/mainvisual-sp.webp") center center no-repeat;
			aspect-ratio: 750 / 1040;
			background-size: 100% auto;
		}
	}



/*==============================*/
/* 協賛企業 */
/*==============================*/
section.presentingCompanies-wrap{
	padding-top: 56px;
	padding-bottom: 64px;
}

ul.presentingCompanies{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 16px;
}
ul.presentingCompanies li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(calc(100% - 20px * 3) / 4);
	text-align: center;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		ul.presentingCompanies li{ width: calc(calc(100% - 16px * 2) / 3);}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		ul.presentingCompanies li{ width: calc(calc(100% - 16px * 2) / 3);}
	}
	/* ======= SP =======*/
	@media (max-width: 600px) {
		ul.presentingCompanies{ gap: 20px 16px;}
		ul.presentingCompanies li{ width: calc(calc(100% - 16px * 1) / 2);}
		
		ul.presentingCompanies li:nth-child(1) img{ width: 152px;}
		ul.presentingCompanies li:nth-child(2) img{ width: 152px;}
		ul.presentingCompanies li:nth-child(3) img{ width: 144px;}
		ul.presentingCompanies li:nth-child(4) img{ width: 144px;}
		ul.presentingCompanies li:nth-child(7) img{ width: 120px;}
	}


/*==============================*/
/*  */
/*==============================*/
section.conferenceAbout{
	position: relative;
	margin-bottom: 0px;
	padding-top: 72px;
}
section.conferenceAbout::before{
	position: absolute; top: 0; left: 0;
	content: "";
	width: 100%;
	height: 480px;
	background: url("/common/img/conference/accounting-ai2026/bg-about.webp");
	background-size: cover;
	z-index: -1;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		section.conferenceAbout::before{
			position: absolute; top: 0; left: 0;
			height: 400px;
		}
	}


/*---------------------------------
   Title
---------------------------------*/
section.conferenceAbout h2{
	margin-right: calc( calc( 100% - 1120px ) / 2 );
	margin-bottom: 8px;
	color: #fff;
	text-align: right;
	font-size: 84px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.01em;
	opacity: 0.8;
}

	/* ======= PC以下 =======*/
	@media (max-width: 1300px) {
		section.conferenceAbout h2{
			margin-right: 24px;
		}
	}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		section.conferenceAbout h2{
			margin-bottom: 4px;
			font-size: 66px;
		}
	}

/*---------------------------------

---------------------------------*/
section.conferenceAbout div{
	position: relative;
	margin-left: calc( calc( 100% - 980px ) / 2 );
	padding: 52px 40px 40px 56px;
	padding-right: 20%;
	color: #fff;
	background: linear-gradient(135deg,  #00a9dd 0%,#99e0f5 100%);
	z-index: 99;
}
section.conferenceAbout div h3{
	margin-bottom: 16px;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 0.02em;
}
section.conferenceAbout div p{
	margin-left: 12px;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0.02em;
	text-align: justify;
}

section.conferenceAbout div p.aboutBtn{
	max-width: 240px;
}
section.conferenceAbout div p.aboutBtn a{
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 16px 8px 16px 0;
	color: #04ABDD;
	background: #fff;
	border-radius: 8px;
	box-shadow: 1px 2px 8px 0px rgba(153,153,153,0.3);
}
section.conferenceAbout div p.aboutBtn a:hover{
	transform: translateY(4px);
	box-shadow: none;
}

section.conferenceAbout div p.aboutBtn a span{
	position: relative; top: 2px;
	display: inline-block;
	padding: 1px 16px 2px 16px;
	background: linear-gradient(to bottom,  #00a9dd 1%,#97dff5 100%);
	border-radius: 200px;
	color: #fff;
	font-size: 14px;
	line-height: 1.3em;
}

	/* ======= PC以下 =======*/
	@media (max-width: 1300px) {
		section.conferenceAbout div{
			margin-left: 80px;
			padding: 56px 40px 40px 40px;
		}
		section.conferenceAbout div h3{
			margin-bottom: 16px;
			font-size: 26px;
			font-weight: 600;
		}
		section.conferenceAbout div p{
			margin-left: 12px;
		}
	}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		section.conferenceAbout div{
			margin-left: 40px;
			padding: 56px 40px 40px 40px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		section.conferenceAbout div{
			margin-left: 24px;
			padding: 40px 26px 36px 28px;
		}
		section.conferenceAbout div h3{
			margin-bottom: 16px;
			font-size: 22px;
		}
		section.conferenceAbout div p{
			margin-left: 0px;
			font-size: 14px;
			line-height: 1.618em;
		}
	}


/*==============================*/
/*  */
/*==============================*/
section.keynoteSession-wrap{
	position: relative;
	overflow: hidden;
	margin-top: -120px;
	margin-bottom: -420px;
	padding-top: 240px;
	padding-bottom: 440px;
}
section.keynoteSession-wrap::before{
	position: absolute; top: -640px; left: -160px;
	content: "";
	width: 250vw;
	height: 160px;
	background: #F3FCFF;
	clip-path: polygon(
		0 0,
		0 100%,
		100% 50%,
		100% 50%
	);
	transform: rotate(35deg);
	transform-origin: left center;
	z-index: -1;
}
section.keynoteSession-wrap::after{
	position: absolute; bottom: 300px; left: -60vw;
	content: "";
	width: 250vw;
	height: 160px;
	background: #F3FCFF;
	clip-path: polygon(
		0 0,
		0 100%,
		100% 55%,
		100% 45%
	);

	transform: scaleX(-1) rotate(16deg);
	transform-origin: center center;
	z-index: -1;
}
	

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		section.keynoteSession-wrap{
			margin-top: -120px;
			margin-bottom: -420px;
			padding-top: 240px;
		}
		section.keynoteSession-wrap::before{
			position: absolute; top: -440px; left: -360px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		section.keynoteSession-wrap{
			margin-top: -120px;
			margin-bottom: -420px;
			padding-top: 240px;
		}
		section.keynoteSession-wrap::before{
			position: absolute; top: -480px; left: -300px;
			clip-path: polygon(
				0 0,
				0 100%,
				100% 55%,
				100% 45%
			);
			transform: rotate(45deg);
		}
	}



/*---------------------------------

---------------------------------*/
section.keynoteSession-wrap h2{
	margin-bottom: 40px;
	color: #15BAEC;
	font-size: 80px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1.2em;
	letter-spacing: 0.01em;
}
section.keynoteSession-wrap h2 span{
	display: block;
	margin-left: -80px;
	color: #CCEBF4;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
section.keynoteSession-wrap h2 small{
	display: block;
	margin-top: 20px;
	color: #000;
	font-size: 24px;
	font-weight: 700;
}
	/* ======= TB：個別設定 =======*/
	@media screen and (min-width: 768px) and (max-width: 1300px) {
		section.keynoteSession-wrap h2{
			margin-bottom: 40px;
			margin-left: 48px;
		}
		section.keynoteSession-wrap h2 span{
			margin-left: -48px;
		}
		section.keynoteSession-wrap h2 small{
			margin-top: 20px;
			font-size: 24px;
			font-weight: 700;
		}
	}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		section.keynoteSession-wrap h2{
			margin-bottom: 40px;
			margin-left: 24px;
			font-size: 64px;
			line-height: 1em;
		}
		section.keynoteSession-wrap h2 span{
			display: block;
			margin-left: -32px;
	}
		section.keynoteSession-wrap h2 small{
			display: block;
			margin-top: 20px;
			color: #000;
			font-size: 22px;
			font-weight: 700;
		}
	}
	

/*---------------------------------

---------------------------------*/
div.keynoteSession{ counter-reset: settion;}

div.keynoteSession-box{
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 48px;
	padding: 52px 56px 56px 88px;
	background: #F5F6F8;
	border-radius: 10px;
}
div.keynoteSession-box:not(:last-child){ margin-bottom: 32px;}

div.keynoteSession-box::before{
	position: absolute; top: 0; left: 0;
	content: "";
	width: 44px;
	height: 100%;
	background: linear-gradient(to bottom,  #00a9dd 1%,#97dff5 100%);
	border-radius: 10px 0 0 10px;
}
div.keynoteSession-box::after{
	position: absolute; top: 60px; left: -28px;
	content: "SEMINAR 0"counter(settion) ;
	counter-increment: settion;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.03em;
	transform: rotate(90deg);
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.keynoteSession-box{
			gap: 40px;
			padding: 52px 48px 56px 80px;
		}
		div.keynoteSession-box:not(:last-child){ margin-bottom: 28px;}

		div.keynoteSession-box::before{
			position: absolute; top: 0; left: 0;
			width: 40px;
		}
		div.keynoteSession-box::after{
			position: absolute; top: 60px; left: -26px;
			content: "SESSION 0"counter(settion) ;
			font-size: 15px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.keynoteSession-box{
			flex-direction: column;
			gap: 0px;
			padding: 44px 28px 40px 64px;
		}
		div.keynoteSession-box:not(:last-child){ margin-bottom: 20px;}
		
		div.keynoteSession-box::before{
			position: absolute; top: 0; left: 0;
			width: 32px;
		}
		div.keynoteSession-box::after{
			position: absolute; top: 64px; left: -34px;
			font-size: 16px;
		}
	}


/*-- 
------------------------- */
div.keynoteSession-box div.keynoteSession-content{
	flex: 1;
	min-width: 0;
}
div.keynoteSession-box div.keynoteSession-content h3{
	margin-bottom: 16px;
	color: #000;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.6em;
}
div.keynoteSession-box div.keynoteSession-content h3 small{
	display: block;
	position: relative;
	margin-bottom: 14px;
	padding-left: 32px;
	color: #00ABDC;
	font-size: 20px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.03em;
}
div.keynoteSession-box div.keynoteSession-content h3 small::before{
	position: absolute; top: 0px; left: 0;
	content: "";
	width: 24px;
	height: 24px;
	background: url("/common/img/conference/accounting-ai2026/icon-time.svg");
}

div.keynoteSession-box div.keynoteSession-content p{
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 1.8em;
}
div.keynoteSession-box div.keynoteSession-content p:last-child{ margin-bottom: 0px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.keynoteSession-box div.keynoteSession-content{ flex: auto;}
		div.keynoteSession-box div.keynoteSession-content h3{
			position: relative;
			margin-bottom: 16px;
			padding-right: 24px;
			font-size: 21px;
			line-height: 1.5em;
			cursor: pointer;
		}
		div.keynoteSession-box div.keynoteSession-content h3::before{
			position: absolute; top: 50%; right: 0px;
			content: "";
			width: 10px;
			height: 10px;
			margin-top: 14px;
			border-right: 2px solid #18282b;
			border-bottom: 2px solid #18282b;
			transform: rotate(45deg);
			transition: transform .3s ease, margin-top .3s ease;
		}

		div.keynoteSession-box div.keynoteSession-content h3::after{
			content: none;
		}

		div.keynoteSession-box div.keynoteSession-content.is-open h3::before{
			margin-top: 20px;
			transform: rotate(-135deg);
		}
		
		
		div.keynoteSession-box div.keynoteSession-content h3 small{
			margin-bottom: 12px;
			padding-left: 30px;
			font-size: 18px;
		}
		div.keynoteSession-box div.keynoteSession-content h3 small::before{
			position: absolute; top: 1px; left: 0;
			width: 22px;
			height: 22px;
		}

		div.keynoteSession-box div.keynoteSession-content p{
			overflow: hidden;
			max-height: 0;
			margin-top: 0;
			margin-bottom: 0;
			opacity: 0;
			transition: max-height .4s ease, opacity .3s ease, margin .3s ease;
			color: #333;
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 0.02em;
			line-height: none;
		}

		div.keynoteSession-box div.keynoteSession-content.is-open p{
			max-height: 160px;
			opacity: 1;
			line-height: 1.7em;
			margin-bottom: 16px;
		}
		
	}




/*-- 
------------------------- */
div.keynoteSession-box button.keynote-modal-open{
	position: relative;
	margin-top: 16px;
	flex: 0 0 280px;
	background: none;
	cursor: pointer;
	text-align: left;
}
div.keynoteSession-box button.keynote-modal-open:hover{ opacity: 0.8;}
div.keynoteSession-box button.keynote-modal-open dl{
	display: flex;
	flex-direction: column;
}
div.keynoteSession-box button.keynote-modal-open dl dt{
	order: 2;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.02em;
}
div.keynoteSession-box button.keynote-modal-open dl dt small{
	display: block;
	margin-bottom: 4px;
	color: #656565;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.618em;
}
div.keynoteSession-box button.keynote-modal-open dl dd{
	order: 1;
	position: relative;
	margin-bottom: 28px;
	z-index: 1;
}
div.keynoteSession-box button.keynote-modal-open dl dd::before{
	position: absolute; bottom: -8px; right: -8px;
	content: "";
	width: 100%;
	height: 80%;
	border: 2px solid #00ABDC;
	z-index: -1;
}


div.keynoteSession-box button.keynote-modal-open figure{
	position: absolute; bottom: -52px; right: 0;
	width: 88px;
	
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.keynoteSession-box button.keynote-modal-open{
			margin-top: 0px;
			flex: auto;
		}
		div.keynoteSession-box button.keynote-modal-open figure{ display: none;}
	}



/*-- 
------------------------- */
.keynote-modal{
	position: fixed; top: 0; left: 0;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 9998;
}

.keynote-modal.is-active{ display: block;}

.keynote-modal-bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}

.keynote-modal-content{
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 40px);
	max-width: 800px;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
	padding: 40px;
	background: #fff;
	border-radius: 12px;
	transform: translate(-50%, -50%);
}

.keynote-modal-close{
	position: absolute; top: 16px; right: 16px;
	width: 40px;
	height: 40px;
	border: none;
	background: none;
	color: #000;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}



.keynote-modal-content div.publishedBooks dl{
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 24px;
}
.keynote-modal-content div.publishedBooks dl dt{
	order: 2;
	flex: 1;
	min-width: 0;
	color: #000;
	font-size: 20px;
	font-weight: 600;
}
.keynote-modal-content div.publishedBooks dl dt small{
	display: block;
	margin-bottom: 4px;
	color: #656565;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.618em;
}
.keynote-modal-content div.publishedBooks dl dd{
	order: 1;
	flex: 0 0 96px;
}
.keynote-modal-content div.publishedBooks dl dd img{ border-radius: 50%;}


.keynote-modal-content div.publishedBooks p{ font-size: 15px;}


	/* ======= SP以上 =======*/
	@media (min-width: 768px) {
		.keynote-modal-content div.publishedBooks ul{ display: none;}
	}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		.keynote-modal-content{
			padding: 40px 28px;
			max-height: calc(100vh - 240px);
		}
		.keynote-modal-close{
			position: absolute; top: 8px; right: 8px;
		}
		
		.keynote-modal-content div.publishedBooks p{
			color: #333;
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 0.02em;
			line-height: 1.618em;
		}
		.keynote-modal-content div.publishedBooks ul{ margin-top: 20px;}
		.keynote-modal-content div.publishedBooks ul li{ width: 104px;}
	}

/*==============================*/
/*  */
/*==============================*/
section.specialSettion-wrap h2{
	margin-bottom: 40px;
	margin-left: -8px;
	color: #15BAEC;
	font-size: 80px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1.15em;
	letter-spacing: 0.01em;
}
section.specialSettion-wrap h2 span{
	margin-left: -88px;
	color: #CCEBF4;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
section.specialSettion-wrap h2 small{
	display: block;
	margin-top: 12px;
	margin-left: 8px;
	color: #000;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0.02em;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		section.specialSettion-wrap h2{
			margin-bottom: 32px;
			margin-left: 24px;
			font-size: 80px;
		}
		section.specialSettion-wrap h2 span{
			margin-left: -36px;
		}
		section.specialSettion-wrap h2 small{
			display: block;
			margin-top: 12px;
			margin-left: 8px;
			color: #000;
			font-size: 24px;
			font-weight: 600;
			letter-spacing: 0.02em;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		section.specialSettion-wrap h2{
			margin-bottom: 32px;
			margin-left: 0px;
			font-size: 50px;
		}
		section.specialSettion-wrap h2 span{
			margin-left: -20px;
		}
		section.specialSettion-wrap h2 small{
			margin-top: 12px;
			margin-left: 0px;
			font-size: 20px;
		}
	}



/*---------------------------------

---------------------------------*/
div.specialSettion{
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
}
div.specialSettion dl{
	display: flex;
	flex-direction: column;
	width: calc(calc(100% - 48px * 2) / 3);
}
div.specialSettion dl dt{
	order: 2;
	margin-left: 8px;
	color: #000;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.02em;
}
div.specialSettion dl dt small{
	display: block;
	margin-bottom: 4px;
	color: #656565;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5em;
}
div.specialSettion dl dd{
	order: 1;
	position: relative;
	margin-bottom: 32px;
}
div.specialSettion dl dd::before{
	position: absolute; bottom: -9px; right: -9px;
	content: "";
	width: 100%;
	height: 80%;
	border: 2px solid #00ABDC;
	z-index: -1;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.specialSettion{ gap: 40px;}
		div.specialSettion dl{ width: calc(calc(100% - 40px * 1) / 2);}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.specialSettion{
			flex-direction: column;
			gap: 28px;
		}
		div.specialSettion dl{
			display: flex;
			align-items: center;
			flex-direction: row;
			gap: 16px;
			width: 100%;
		}
		div.specialSettion dl dt{
			flex: 1;
			min-width: 0;
			font-size: 18px;
		}
		
		div.specialSettion dl dt small{
			font-size: 12px;
		}
		div.specialSettion dl dd{
			flex: 0 0 80px;
			margin-bottom: 0;
			
		}
		div.specialSettion dl dd img{
			border-radius: 50%;
		}
		div.specialSettion dl dd::before{
			display: none;
		}

	}





/*==============================
timeTable　背景設定
==============================*/
section.timeTable-wrap{
	position: relative;
	margin-top: 200px;
	padding-top: 136px;
	padding-bottom: 96px;
	background: linear-gradient(45deg,  #bee7ff 0%,#ffffff 42%,#f0faff 74%,#bee7ff 100%); 
}
section.timeTable-wrap h2{
	position: absolute; top: -82px;
	margin-left: -64px;
	background: linear-gradient(90deg, #0BADDE 40%, #82D8F2 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 80px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}
section.timeTable-wrap h2 small{
	display: block;
	margin-top: 12px;
	margin-left: 64px;
	background: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: #000;
	color: #000;
	font-size: 24px;
	font-weight: 700;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1260px) {
		section.timeTable-wrap h2{ margin-left: 0px;}
		section.timeTable-wrap h2 small{ margin-left: 24px;}
	}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		section.timeTable-wrap{
			margin-top: 152px;
			padding-top: 96px;
			padding-bottom: 80px;
		}
		section.timeTable-wrap h2{
			position: absolute; top: -58px;
			margin-left: -12px;
			font-size: 58px;
		}
		section.timeTable-wrap h2 small{
			margin-left: 20px;
			font-size: 20px;
		}
	}


/*==============================
timeTable
==============================*/
div.timeTable-detail{
	margin-bottom: 96px;
}
div.timeTable-detail dl{
	display: flex;
	gap: 20px;
}
div.timeTable-detail dl dt{
	position: relative;
	flex: 0 0 160px;
	padding-left: 32px;
	color: #00ABDC;
	font-size: 19px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.03em;
}
div.timeTable-detail dl dt::before{
	position: absolute; top: 0px; left: 0;
	content: "";
	width: 24px;
	height: 24px;
	background: url("/common/img/conference/accounting-ai2026/icon-time.svg");
}
div.timeTable-detail dl dd{
	flex: 1;
	min-width: 0;
}
div.timeTable-detail dl dd p{
	color: #000;
	font-size: 15px;
	line-height: 1.618em;
}
div.timeTable-detail dl dd a:hover{ opacity: 0.7;}

div.timeTable-detail > dl:first-child,
div.timeTable-detail > dl:last-child{ margin-left: 32px;}

div.timeTable-detail > div{
	display: flex;
	flex-wrap: wrap;
	gap: 36px 44px;
	margin: 28px 0;
	padding: 48px 32px 44px 32px;
	background: #fff;
	box-shadow: 0 0 24px #365e6c1a;
	border-radius: 10px;
}
div.timeTable-detail > div dl{ width: calc(calc(100% - 44px * 1) / 2);}

div.timeTable-detail > div dl:nth-child(3){ width: 100%;}


div.timeTable-detail > div dl dd ul{
	margin-top: 12px;
	display: flex;
	gap: 16px;
	width: min(326px,100%);
}
div.timeTable-detail > div dl dd ul li{ width: calc(calc(100% - 16px * 3) / 4);}
div.timeTable-detail > div dl dd ul li img{ border-radius: 50%;}


	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.timeTable-detail dl{
			gap: 0;
			flex-direction: column;
		}
		div.timeTable-detail dl dt{
			flex: auto;
			margin-bottom: 8px;
			padding-left: 32px;
		}
		div.timeTable-detail dl dt::before{
			position: absolute; top: 0px; left: 0;
		}
		div.timeTable-detail dl dd{
			flex: auto;
			padding-left: 32px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.timeTable-detail{ margin-bottom: 88px;}
		div.timeTable-detail dl dt{ font-size: 18px;}
		div.timeTable-detail dl dt::before{ position: absolute; top: 0px; left: 0;}

		div.timeTable-detail > dl:first-child,
		div.timeTable-detail > dl:last-child{ margin-left: 24px;}

		div.timeTable-detail > div{
			flex-direction: column;
			gap: 36px 44px;
			margin: 24px 0;
			padding: 40px 28px 44px 24px;
		}
		div.timeTable-detail > div dl{ width: 100%;}

		div.timeTable-detail > div dl dd ul{
			margin-top: 12px;
			gap: 12px;
		}
		div.timeTable-detail > div dl dd ul li{ width: calc(calc(100% - 12px * 3) / 4);}
	}
	/* ======= SP =======*/
	@media (max-width: 480px) {
		div.timeTable-detail dl{
			gap: 0;
			flex-direction: column;
		}
		div.timeTable-detail dl dt{
			flex: auto;
			margin-bottom: 8px;
			padding-left: 32px;
		}
		div.timeTable-detail dl dt::before{
			position: absolute; top: 0px; left: 0;
		}
		div.timeTable-detail dl dd{
			flex: auto;
			padding-left: 32px;
		}
		div.timeTable-detail > div{
			gap: 32px 0;
			margin: 24px 0;
		}
	}


/*==============================
timeTableリスト
==============================*/
div.timeTable{
	display: flex;
	background: #fff;
	box-shadow: 0 0 24px #365e6c1a;
	border-radius: 10px;
	margin-bottom: 40px;
}
div.timeTable:not(:last-child){ margin-bottom: 28px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.timeTable{ flex-direction: column; margin-bottom: 32px;}
		div.timeTable:not(:last-child){ margin-bottom: 20px;}
	}


/*---------------------------------

---------------------------------*/
p.timeTable-caution{
	font-size: 14px;
	line-height: 1.618em;
}

/*---------------------------------

---------------------------------*/
div.timeTable div.timeTable-title{
	flex: 0 0 280px;
	padding: 42px 0 0 36px;
	background: linear-gradient(to bottom,  #00a9dd 1%,#97dff5 100%);
	border-radius: 10px 0 0 10px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.timeTable div.timeTable-title{
			flex: auto;
			padding: 18px 24px 20px 24px;
			border-radius: 10px 10px 0 0;
		}
	}

/*-- 
------------------------- */
div.timeTable div.timeTable-title h3{
	margin-bottom: 24px;
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.618em;
}
div.timeTable div.timeTable-title p{
	position: relative;
	padding-left: 30px;
	color: #fff;
	font-size: 19px;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.03em;
}
div.timeTable div.timeTable-title p::before{
	position: absolute; top: 1px; left: 0;
	content: "";
	width: 22px;
	height: 22px;
	background: url("/common/img/conference/accounting-ai2026/icon-time-white.svg");
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.timeTable div.timeTable-title h3{
			margin-bottom: 6px;
			font-size: 20px;
		}
		div.timeTable div.timeTable-title p{
			padding-left: 20px;
			font-size: 14px;
		}
		div.timeTable div.timeTable-title p::before{
			position: absolute; top: 0px; left: 0;
			width: 16px;
			height: 16px;
		}
	}


/*---------------------------------

---------------------------------*/
div.timeTable div.timeTable-content{
	flex: 1;
	min-width: 0;
	position: relative;
	padding: 40px 40px 64px 40px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.timeTable div.timeTable-content{
			flex: 1;
			padding: 28px 28px 64px 28px;
		}
	}

/*-- 
------------------------- */
div.timeTable div.timeTable-content div.timeTable-info h4{
	margin-bottom: 28px;
	color: #000;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.6em;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.timeTable div.timeTable-content div.timeTable-info h4{
			margin-bottom: 28px;
			font-size: 20px;
			line-height: 1.5em;
		}
	}


/*---------------------------------
  開閉ボタン
---------------------------------*/
div.timeTable div.timeTable-content button.readBtn{
	position: absolute; bottom: 24px; right: 24px;
	cursor: pointer;
	background: none;
	color: #000;
}

div.timeTable div.timeTable-content button.readBtn span{
	position: relative;
	display: inline-block;
	padding-right: 32px;
}
div.timeTable-content button.readBtn span::after{
	position: absolute; top: 4px; right: 0;
	content: "+";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: linear-gradient(to bottom,  #03aadd 0%,#8edcf3 100%);
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	line-height: 1.1em;
}
div.timeTable-content button.readBtn.active span::after{
	position: absolute; top: 4px; right: 0;
	content: "－";
	font-size: 14px;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.timeTable-content button.readBtn span::after{
			position: absolute; top: 1px; right: 0;
			font-size: 18px;
			padding-bottom: 3px;
		}
		div.timeTable-content button.readBtn.active span::after{
			position: absolute; top: 1px; right: 0;
			padding-bottom: 1px;
		}
	}



/*-- 開閉コンテンツ
------------------------- */
div.timeTable-content .openWrap{
	max-height: 0;
	overflow: hidden;
	transition: max-height .4s ease;
}

div.timeTable-content .openItem{
	opacity: 0;
	transition: opacity .3s ease;
	border-top: 1px solid #ccc;
	padding: 32px 0 40px 0;
	margin: 40px 0 0 0;
}

div.timeTable-content .openItem p{ font-size: 15px;}
div.timeTable-content .openItem p:not(:last-child){ margin-bottom: 14px;}

div.timeTable-content button.active + .openWrap .openItem{ opacity: 1;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.timeTable-content .openItem p{
			color: #333;
			font-size: 15px;
			line-height: 1.8em;
			font-weight: 400;
			letter-spacing: 0.02em;
			text-align: justify;
		}
		div.timeTable-content .openItem p:not(:last-child){
			margin-bottom: 16px;
		}
	}


/*---------------------------------
  モーダル
---------------------------------*/
div.modal{
	position: fixed; top: 0; left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s ease;
	z-index: 9999;
}

div.modal.active{
	opacity: 1;
	visibility: visible;
}
div.modal-bg{
	position: absolute; top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}



/*-- 開閉コンテンツ
------------------------- */
div.modal-content{
	position: absolute; top: 50%; left: 50%;
	width: calc(100% - 48px);
	max-width: 720px;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
	padding: 48px;
	background: #fff;
	border-radius: 10px;
	transform: translate(-50%, -50%);
}
div.timeTable div.timeTable-content div.modal-content dl{
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 24px;
}
div.timeTable div.timeTable-content div.modal-content dl dt{
	order: 2;
	flex: 1;
	min-width: 0;
	color: #000;
	font-size: 20px;
	font-weight: 600;
}
div.timeTable div.timeTable-content div.modal-content dl dt small{
	display: block;
	margin-bottom: 4px;
	color: #656565;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.618em;
}
div.timeTable div.timeTable-content div.modal-content dl dd{
	order: 1;
	flex: 0 0 96px;
}
div.timeTable div.timeTable-content div.modal-content dl dd img{ border-radius: 50%;}


div.timeTable div.timeTable-content div.modal-content p{ font-size: 15px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.modal-content{
			position: absolute; top: 50%; left: 50%;
			padding: 40px 28px;
		}
		div.timeTable div.timeTable-content div.modal-content p{
			color: #333;
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 0.02em;
			line-height: 1.618em;
		}
	}


/*-- 閉じるボタン
------------------------- */
button.modal-close{
	position: absolute; top: 16px; right: 16px;
	width: 40px;
	height: 40px;
	border: none;
	background: none;
	color: #000;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		button.modal-close{
			position: absolute; top: 8px; right: 8px;
		}
	}


/*-- モーダルボタン
------------------------- */
div.timeTable div.timeTable-content div.timeTable-info > div{
	display: flex;
	flex-wrap: wrap;
	gap: 28px 20px;
}
div.timeTable div.timeTable-content button.modalBtn{
	cursor: pointer;
	display: block;
	width: calc(calc(100% - 20px * 1) / 2);
	background: none;
	text-align: left;
}
div.timeTable div.timeTable-content button.modalBtn:hover{ opacity: 0.7;}

div.timeTable div.timeTable-content button.modalBtn dl{
	display: flex;
	align-items: center;
	gap: 16px;
}
div.timeTable div.timeTable-content button.modalBtn dl dt{
	order: 2;
	flex: 1;
	min-width: 0;
	color: #000;
	font-size: 18px;
	font-weight: 600;
}
div.timeTable div.timeTable-content button.modalBtn dl dt small{
	display: block;
	margin-bottom: 4px;
	color: #656565;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.618em;
}
div.timeTable div.timeTable-content button.modalBtn dl dd{
	order: 1;
	flex: 0 0 80px;
}
div.timeTable div.timeTable-content button.modalBtn dl dd img{ border-radius: 50%;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.timeTable div.timeTable-content div.timeTable-info > div{
			flex-direction: column;
			gap: 28px 20px;
		}
		div.timeTable div.timeTable-content button.modalBtn{
			cursor: pointer;
			display: block;
			width: 100%;
			background: none;
			text-align: left;
		}
		div.timeTable div.timeTable-content button.modalBtn:hover{ opacity: 0.7;}

		div.timeTable div.timeTable-content button.modalBtn dl{
			display: flex;
			align-items: center;
			gap: 16px;
		}
		div.timeTable div.timeTable-content button.modalBtn dl dt{
			order: 2;
			flex: 1;
			min-width: 0;
			color: #000;
			font-size: 18px;
			font-weight: 600;
		}
		div.timeTable div.timeTable-content button.modalBtn dl dt small{
			display: block;
			margin-bottom: 4px;
			color: #656565;
			font-size: 12px;
			font-weight: 400;
			line-height: 1.618em;
		}
		div.timeTable div.timeTable-content button.modalBtn dl dd{
			order: 1;
			flex: 0 0 80px;
		}
		div.timeTable div.timeTable-content button.modalBtn dl dd img{ border-radius: 50%;}
	}



/*==============================*/
/*  */
/*==============================*/

/*---------------------------------

---------------------------------*/
section.outlineWrap h2{
	display: inline-block;
	margin-bottom: 28px;
	background: linear-gradient(90deg, #0BADDE 40%, #82D8F2 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 80px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}
section.outlineWrap h2 small{
	display: block;
	margin-top: 12px;
	margin-left: 64px;
	background: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: #000;
	color: #000;
	font-size: 24px;
	font-weight: 600;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		section.outlineWrap h2{
			margin-bottom: 28px;
			margin-left: -12px;
		}
		section.outlineWrap h2 small{
			margin-top: 2px;
			margin-left: 24px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		section.outlineWrap h2{
			margin-bottom: 28px;
			margin-left: -12px;
			font-size: 66px;
		}
		section.outlineWrap h2 small{
			margin-top: 2px;
			margin-left: 24px;
			font-size: 22px;
		}
	}



/*---------------------------------

---------------------------------*/
div.conferenceOutline{
	width: min(928px,100%);
	margin: 0 auto;
}

div.conferenceOutline dl{
	display: flex;
	align-items: flex-start;
	gap: 24px;
	padding: 32px 0;
	border-bottom: 1px solid #ccc;
}
div.conferenceOutline dl:first-child{ border-top: 1px solid #ccc;}
div.conferenceOutline dl dt{
	flex: 0 0 144px;
	padding: 5px 0 7px 0;
	background: linear-gradient(to right,  #00a9dd 0%,#89daf3 100%);
	border-radius: 200px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3em;
}
div.conferenceOutline dl dd{
	flex: 1;
	min-width: 0;
}


div.conferenceOutline dl dd.conferenceOutline-date{
	position: relative; top: -10px;
	margin-bottom: -8px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1em;
}
div.conferenceOutline dl dd.conferenceOutline-date span{
	position: relative;
	display: inline-block;
	margin-right: 40px;
	font-size: 44px;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.02em;
	vertical-align: baseline;
}
div.conferenceOutline dl dd.conferenceOutline-date span::before{
	position: absolute; bottom: 2px; right: -26px;
	content: "";
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid #000;;
}
div.conferenceOutline dl dd.conferenceOutline-date span::after{
	position: absolute; bottom: -9px; right: -23px;
	content: "水";
	font-size: 14px;
	font-weight: 500;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.conferenceOutline dl{
			flex-direction: column;
			gap: 16px;
			padding: 28px 0 30px 0;
		}
		div.conferenceOutline dl dt{
			flex: auto;
			width: min(120px,100%);
			padding: 5px 0 7px 0;
			font-size: 14px;
		}
		div.conferenceOutline dl dd{ flex: 1;}
		
		div.conferenceOutline dl dd.conferenceOutline-date{
			position: relative; top: 0px;
			margin-bottom: -8px;
			font-size: 20px;
		}
	}




/*==============================*/
/* エントリーフォーム */
/*==============================*/
section.entryWrap{
	padding-top: 0px;
	padding-bottom: 96px;
}

/*---------------------------------

---------------------------------*/
section.entryWrap h2{
	position: relative; top: -36px;
	display: inline-block;
	margin-bottom: 20px;
	background: linear-gradient(90deg, #0BADDE 40%, #82D8F2 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 80px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}
section.entryWrap h2 small{
	display: block;
	margin-top: 8px;
	margin-left: 48px;
	background: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: #000;
	color: #000;
	font-size: 24px;
	font-weight: 600;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		section.entryWrap h2{
			margin-bottom: 28px;
			margin-left: -12px;
		}
		section.entryWrap h2 small{
			margin-top: 2px;
			margin-left: 24px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		section.entryWrap h2{
			position: relative; top: -28px;
			margin-bottom: 8px;
			margin-left: -12px;
			font-size: 66px;
		}
		section.entryWrap h2 small{
			margin-top: 2px;
			margin-left: 24px;
			font-size: 22px;
		}
	}
	


/*---------------------------------

---------------------------------*/
.entryContent-wrap{
	width: min(1024px,100%);
	margin: 0 auto;
	padding: 80px 88px;
	background: #fff;
	box-shadow: 0 0 24px #365e6c1a;
	border-radius: 20px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		.entryContent-wrap{
			padding: 80px 48px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		.entryContent-wrap{
			padding: 56px 28px;
		}
	}




/*==============================*/
/* プライバシーポリシー */
/*==============================*/
div.conferencePrivacy{
	width: min(824px,100%);
	margin: 0 auto;
}

/*---------------------------------
   Title
---------------------------------*/
div.conferencePrivacy h2{
	margin-bottom: 12px;
	color: #000;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
}

/*---------------------------------
   Title
---------------------------------*/
div.conferencePrivacy div dl{
	display: flex;
	gap: 24px;
}
div.conferencePrivacy div dl:not(:last-child){ margin-bottom: 24px;}
div.conferencePrivacy div dl dt{
	flex: 0 0 320px;
	color: #000;
	font-weight: 600;
}
div.conferencePrivacy div dl dd{
	flex: 1;
	min-width: 0;
}
div.conferencePrivacy div dl dd a{
	color: #007BA8;
	text-decoration: underline;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.conferencePrivacy div dl{
			flex-direction: column;
			gap: 24px;
		}
		div.conferencePrivacy div dl dt{ flex: auto;}
		div.conferencePrivacy div dl dd{ flex: auto;}
		
		div.conferencePrivacy div dl dd a{ overflow-wrap: anywhere;}
	}



/*==============================*/
/* Contact */
/*==============================*/
div.conferenceContact{
	padding: 88px 0 74px 0;
	background: url("/common/img/conference/accounting-ai2026/bg-contact.webp");
	background-size: cover;
	text-align: center;
}
div.conferenceContact h2{
	margin-bottom: 28px;
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 0.02em;
}

div.conferenceContact p{
	width: min(240px,100%);
	margin: 0 auto;
}
div.conferenceContact p a{
	position: relative;
	display: block;
	padding: 16px 0px 16px 0;
	background: #fff;
	border-radius: 8px;
	box-shadow: 1px 2px 8px 0px rgba(153,153,153,0.3);
	color: #04ABDD;
	font-size: 16px;
	font-weight: 500;
}
div.conferenceContact p a:hover{
	transform: translateY(4px);
	box-shadow: none;
}
div.conferenceContact p a::before{
	position: absolute; top: 50%; right: 10px;
	content: "";
	width: 24px;
	height: 24px;
	background: linear-gradient(to bottom,  #00a9dd 1%,#97dff5 100%);
	border-radius: 50%;
	transform: translateY(-50%);
}
div.conferenceContact p a::after{
	position: absolute; top: 50%; right: 20px;
	content: "";
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -3px;
}


/*==============================*/
/* footer */
/*==============================*/
footer{
	padding: 56px 64px 36px 64px;
	border-bottom: 8px solid var(--themecolor);
	background: #fff;
}
footer > div{
	display: flex; display: -webkit-flex;
	justify-content: space-between; -webkit-justify-content: space-between;
	gap: 0 24px;
}
	/* ======= PC以上 =======*/
	@media (min-width: 1500px) {
		footer{ padding: 56px 10% 36px 10%;}
	}
	/* ======= PC：個別設定 =======*/
	@media screen and (min-width: 1025px) and (max-width: 1310px) {
		footer{ padding: 56px 44px 36px 44px;}
		footer > div{ margin-bottom: 24px;}
	}
	/* ======= TB =======*/
	@media (max-width: 1024px) {
		footer > div{
			flex-direction: column; -webkit-flex-direction: column;
			margin-bottom: 40px;
		}
	}
	/* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
		footer > div{
			flex-direction: column; -webkit-flex-direction: column;
			margin-bottom: 40px;
		}
    }
    /* ======= SP =======*/
	@media (max-width: 767px) {
		footer{ padding: 48px 0px 16px 0px;}
		footer > div{
			flex-direction: column; -webkit-flex-direction: column;
			margin-bottom: 40px;
		}
	}


/*---------------------------------
   footerInfo
---------------------------------*/
div.footerInfo{ margin-top: -12px;}

	/* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
		div.footerInfo{
			margin-top: 0px;
			margin-bottom: 28px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.footerInfo{
			margin-top: 0px;
			margin-bottom: 40px;
			padding: 0 24px;
		}
	}


/*-- 
------------------------- */
div.footerInfo p.footerLogo{ margin-bottom: 24px;}
div.footerInfo p.footerLogo a:hover{ opacity: 0.6}

	/* ======= TB以下 =======*/
	@media (max-width: 1024px) {
		div.footerInfo p.footerLogo{
			margin-bottom: 16px;
			text-align: center;
		}
	}
	/* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.footerInfo p.footerLogo{
			margin-bottom: 16px;
		}
		div.footerInfo p.footerLogo img{ width: 216px;}
	}


/*-- 
------------------------- */

/*-- 電話番号 -- */
div.footerInfo address div.telBox { margin-bottom: 16px;}
div.footerInfo address div.telBox a{
	display: flex;
	flex-wrap: wrap;
}
div.footerInfo address div.telBox a:hover{ opacity: 0.7;}
div.footerInfo address div.telBox a > p{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-right: 26px;
	color: var(--themecolor);
	font-size: 38px;
	font-weight: bold;
	line-height: 1em;
}
div.footerInfo address div.telBox a > p img{
	position: relative; top: 3px;
	display: block;
	line-height: 1em;
}

div.footerInfo address div.telBox a div dl{
	display: flex;
	line-height: 1.3em;
}
div.footerInfo address div.telBox a div dl dt{
	margin-right: 20px;
	font-size: 17px;
}
div.footerInfo address div.telBox a div dl dd{ font-size: 17px;}

div.footerInfo address div.telBox a div p{
	font-size: 12px;
	line-height: 1.2em;
}


/*-- 住所 -- */
div.footerInfo address dl.addressInfo{ padding-left: 36px;}
div.footerInfo address dl.addressInfo dt{
	color: #000;
	font-size: 18px;
	font-weight: 600;
}
div.footerInfo address dl.addressInfo dd p{
	margin-bottom: 8px;
	font-size: 15px;
}

div.footerInfo address dl.addressInfo dd ul{
	display: flex;
}

div.footerInfo address dl.addressInfo dd ul li:not(:last-child){ margin-right: 16px;}
div.footerInfo address dl.addressInfo dd ul li a:hover{ opacity: 0.6;}

	/* ======= PC：個別設定 =======*/
    @media screen and (min-width: 1025px) and (max-width: 1310px) {
		div.footerInfo address div.telBox a{ flex-direction: column;}
		div.footerInfo address div.telBox a > p{ margin-bottom: 4px;}
		div.footerInfo address div.telBox a div{ padding-left: 36px;}
	}
	/* ======= TB以下 =======*/
    @media (max-width: 1024px) {
		div.footerInfo address{
			display: flex;
			flex-direction: column-reverse;
		}
		
		/*-- 電話番号 -- */
		div.footerInfo address div.telBox {
			margin: 0 auto;
			border: 1px solid var(--themecolor);
			border-radius: 5px;
		}
		div.footerInfo address div.telBox a { padding: 18px 28px 20px 28px;}
		
		/*-- 住所 -- */
		div.footerInfo address dl.addressInfo{
			margin-bottom: 24px;
			padding-left: 0px;
		}
		div.footerInfo address dl.addressInfo dt{
			margin-bottom: 6px;
			text-align: center;
		}
		div.footerInfo address dl.addressInfo dd p{ text-align: center;}
		div.footerInfo address dl.addressInfo dd ul{ justify-content: center; -webkit-justify-content: center;}
	}
	/* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
		/*-- 電話番号 -- */
		div.footerInfo address div.telBox a{ justify-content: center;}
		div.footerInfo address div.telBox a > p{ margin-right: 20px;}
	}
	/* ======= SP以上 =======*/
	@media (min-width: 768px) {
		div.footerInfo address dl.addressInfo dd p br{ display: none;}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		/*-- 電話番号 -- */
		div.footerInfo address div.telBox{
			max-width: 344px;
			width: 100%;
		}
		div.footerInfo address div.telBox a{
			flex-direction: column;
			align-items: center;
		}
		div.footerInfo address div.telBox a > p{
			margin-bottom: 4px;
			margin-right: 0px;
			font-size: 32px;
		}
		div.footerInfo address div.telBox a > p img{
			position: relative; top: 2px;
			width: 22px;
		}
		div.footerInfo address div.telBox a div{ padding-left: 12px;}
		div.footerInfo address div.telBox a div dl dt{
			margin-right: 12px;
			font-size: 16px;
		}
		div.footerInfo address div.telBox a div dl dd{ font-size: 16px;}
		div.footerInfo address div.telBox a div p{ font-size: 11px;}
		

		/*-- 住所 -- */
		div.footerInfo address dl.addressInfo{
			margin-bottom: 12px;
			padding-left: 0px;
		}
		div.footerInfo address dl.addressInfo dt{
			font-size: 17px;
		}
		div.footerInfo address dl.addressInfo dd p{
			margin-bottom: 8px;
			font-size: 14px;
			line-height: 1.414em;
		}
		div.footerInfo address dl.addressInfo dd ul li:not(:last-child){ margin-right: 16px;}
	}


/*---------------------------------
   footerLink
---------------------------------*/
footer div.footerLink{
	width: 100%;
	max-width: 672px;
}

footer div.footerLink > dl{ margin-bottom: 24px;}
footer div.footerLink dl dd div.ft-panelContent{ display: flex; display: -webkit-flex;}

footer div.footerLink dl dd div dl dt{
	margin-bottom: 18px;
	padding-bottom: 6px;
	color: #000000;
	font-size: 19px;
	font-weight: 600;
}

	
	/* ======= SP以上 =======*/
	@media (min-width: 768px) {
		footer div.footerLink > dl > dt{ display: none;}
		
		footer div.footerLink dl dd div dl:nth-child(1) dt{ padding-bottom: 5px;}
		footer div.footerLink dl dd div dl:nth-child(1) dt img{ position: relative; top: -6px;}
		footer div.footerLink dl dd div dl:nth-child(1) dd{ padding-left: 34px;}
	}
	/* ======= TB以下 =======*/
	@media (max-width: 1024px) {
		footer div.footerLink{ max-width: 100%;}
	}
 	/* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
    }
    /* ======= SP =======*/
	@media (max-width: 767px) {
		footer div.footerLink dl dd div dl dt{ display: none;}
		
		/*-- アコーディオン -- */
		footer div.footerLink > dl{ margin-bottom: 32px;}
		footer div.footerLink > dl dt.ft-accordion + dd {
			margin: 0; 
			padding: 0;
			max-height: 0; 
			overflow: hidden;
			transition: max-height .3s ease, padding .3s ease;
		}
		footer div.footerLink > dl > dd div.ft-panelContent{
			flex-direction: column; -webkit-flex-direction: column;
			padding-top: 24px;
			opacity: 0;
			transition: opacity 0.2s ease-out;
		}
				
		footer div.footerLink > dl > dt{
			position: relative;
			padding: 14px 0;
			background: var(--themecolor);
			color: #fff;
			text-align: center;
			font-size: 16px;
		}
		footer div.footerLink > dl > dt::before{
			position: absolute; bottom: -10px; left: 50%;
			content: "";
			width: 24px;
			height: 24px;
			background: #fff;
			border: 1px solid var(--themecolor);
			border-radius: 50%;
			margin-left: -12px;
		}
		footer div.footerLink > dl > dt::after{
			position: absolute; bottom: -1px; right: 50%;
			content: "";
			width: 8px;
			height: 8px;
			border-top: 2px solid var(--themecolor);
			border-right: 2px solid var(--themecolor);
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			margin-right: -4px;
		}
		footer div.footerLink > dl > dt.active::after{
			position: absolute; bottom: -3px; right: 50%;
			content: "";
			width: 8px;
			height: 8px;
			border-top: 2px solid var(--themecolor);
			border-right: 2px solid var(--themecolor);
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			margin-right: -4px;
		}
	}


/*-- サービス一覧
------------------------- */
footer div.footerLink dl.serviceList{
	flex: 1;
	margin-right: 32px;
}
footer div.footerLink dl.serviceList dt{ border-bottom: 1px solid #00ABDC;}
footer div.footerLink dl.serviceList dd ul{
	display: flex; display: -webkit-flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
	gap: 7px 4px;
	max-width: 360px;
}
footer div.footerLink dl.serviceList dd ul li{
	width: calc( calc( 100% - calc( 4px * 1 ) ) / 2 );
	line-height: 1.414em;
}
footer div.footerLink dl.serviceList dd ul li a{
	position: relative;
	display: inline-block;
	padding-left: 20px;
	font-size: 15px;
	line-height: 1.414em;
}
footer div.footerLink dl.serviceList dd ul li a::before{
	position: absolute; top: 6px; left: 0;
	content: "";
	width: 11px;
	height: 10px;
	background: url("/common/img/share/icon-footer-link.svg");
}
footer div.footerLink dl.serviceList dd ul li a:hover{
	color: #00abdc;
	text-decoration: underline;
}

	/* ======= SP以上 =======*/
	@media (min-width: 768px) {
		footer div.footerLink dl.serviceList dd ul li:nth-child(1){ display: none;}
	}
	/* ======= PC：個別設定 =======*/
	@media screen and (min-width: 1025px) and (max-width: 1310px) {
		footer div.footerLink dl.serviceList{
			margin-right: 24px;
		}
		footer div.footerLink dl.serviceList dd ul{ gap: 5px 4px;}
		footer div.footerLink dl.serviceList dd ul li a{
			padding-left: 20px;
			font-size: 14px;
		}
	}
    /* ======= SP =======*/
	@media (max-width: 767px) {
		footer div.footerLink dl.serviceList{ margin-right: 0px;}
		footer div.footerLink dl.serviceList dd ul{
			gap: 0px 0px;
			max-width: 100%;
			border-top: 1px solid #ccc;
		}
		footer div.footerLink dl.serviceList dd ul li{ width: 50%;}
		footer div.footerLink dl.serviceList dd ul li a{
			display: block;
			padding: 10px 0;
			font-size: 14px;
			text-align: center;
			border-bottom: 1px solid #ccc;
		}
		footer div.footerLink dl.serviceList dd ul li:nth-child(odd){ border-right: 1px solid #ccc;;}
		footer div.footerLink dl.serviceList dd ul li a::before{ display: none;}
	}


/*-- 企業情報
------------------------- */
footer div.footerLink dl.companyInfo{
	max-width: 224px;
	width: 100%;
}
footer div.footerLink dl.companyInfo dt{ border-bottom: 1px solid #969696;}

/*-- 本サイトリンク -- */
footer div.footerLink dl.companyInfo dd ul:first-child{ margin-bottom: 16px;}
footer div.footerLink dl.companyInfo dd ul:first-child li{ line-height: 1.414em;}
footer div.footerLink dl.companyInfo dd ul:first-child li:not(:last-child){ margin-bottom: 2px;}
footer div.footerLink dl.companyInfo dd ul:first-child li a{
	position: relative;
	padding-right: 22px;
	font-size: 15px;
}

footer div.footerLink dl.companyInfo dd ul:first-child li a:hover{
	color: #00abdc;
	text-decoration: underline;
}

/*-- 採用サイトリンク -- */
footer div.footerLink dl.companyInfo dd ul:last-child li a{
	position: relative;
	display: block;
	padding: 6px 12px 6px 10px;
	border: 1px solid #D5D5D5;
	font-size: 14px;
	background: #fff;
}
footer div.footerLink dl.companyInfo dd ul:last-child li:not(:last-child){ margin-bottom: 9px;}
footer div.footerLink dl.companyInfo dd ul:last-child li a::before{
	position: absolute; top: 50%; right: 8px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #00abdc;
	border-width: 6px 0px 6px 10px;
	margin-top: -6px;
}
footer div.footerLink dl.companyInfo dd ul:last-child li a:hover{ background: #EFFAFD;}

 	/* ======= SP以上 =======*/
	@media (min-width: 768px) {
		footer div.footerLink dl.companyInfo dd ul:first-child li a::before{
			position: absolute; top: 3px; right: 0;
			content: "";
			width: 14px;
			height: 14px;
			background: url("/common/img/share/icon-link.svg");
		}
	}
	/* ======= PC：個別設定 =======*/
	@media screen and (min-width: 1025px) and (max-width: 1310px) {
		footer div.footerLink dl.companyInfo{ max-width: 216px;}

		/*-- 本サイトリンク -- */
		footer div.footerLink dl.companyInfo dd ul:first-child{ margin-bottom: 16px;}
		footer div.footerLink dl.companyInfo dd ul:first-child li a{ font-size: 14px;}

		/*-- 採用サイトリンク -- */
		footer div.footerLink dl.companyInfo dd ul:last-child li a{ padding: 6px 12px 6px 10px;}
		footer div.footerLink dl.companyInfo dd ul:last-child li:not(:last-child){ margin-bottom: 9px;}
	}
    /* ======= SP =======*/
	@media (max-width: 767px) {
		footer div.footerLink dl.companyInfo{
			max-width: 100%;
			width: 100%;
		}

		/*-- 本サイトリンク -- */
		footer div.footerLink dl.companyInfo dd ul:first-child{ margin-bottom: 24px;}
		footer div.footerLink dl.companyInfo dd ul:first-child li:not(:last-child){ margin-bottom: 2px;}
		footer div.footerLink dl.companyInfo dd ul:first-child li a{
			display: block;
			padding: 7px 0 7px 34px;
			font-size: 14px;
			border-bottom: 1px solid #ccc;
		}
		footer div.footerLink dl.companyInfo dd ul:first-child li a::before{
			position: absolute; top: 50%; left: 12px;
			content: "";
			width: 14px;
			height: 14px;
			background: url("/common/img/share/icon-link.svg");
			margin-top: -7px;
		}
		footer div.footerLink dl.companyInfo dd ul:first-child li a::after{
			position: absolute; top: 50%; right: 12px;
			content: "";
			width: 8px;
			height: 8px;
			border-top: 1px solid #969696;
			border-right: 1px solid #969696;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			margin-top: -4px;
		}
		
		/*-- 採用サイトリンク -- */
		footer div.footerLink dl.companyInfo dd ul:last-child{
			display: flex; display: -webkit-flex;
			justify-content: space-between; -webkit-justify-content: space-between;
			padding: 8px;
			background: #ccc;
		}
		footer div.footerLink dl.companyInfo dd ul:last-child li{ width: calc(50% - 1px);}
		footer div.footerLink dl.companyInfo dd ul:last-child li a{
			padding: 7px 9px 7px 7px;
			font-size: 12px;
		}
		footer div.footerLink dl.companyInfo dd ul:last-child li:not(:last-child){ margin-bottom: 0px;}
		footer div.footerLink dl.companyInfo dd ul:last-child li a::before{
			position: absolute; top: 50%; right: 5px;
			border-width: 5px 0px 5px 8px;
			margin-top: -5px;
		}
	}


/*-- サブリンク
------------------------- */
footer div.footerLink div.subLink{
	display: flex;
	align-items: center;
}

/*-- メリービズDX -- */
footer div.footerLink div.subLink > p{	
	flex: 1;
	margin-right: 32px;
	border-bottom: 1px solid #252F69;
}
footer div.footerLink div.subLink > p a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 20px;
	padding-bottom: 12px;
}
footer div.footerLink div.subLink > p a:hover{ opacity: 0.6;}
footer div.footerLink div.subLink > p a span{
	position: relative;
	display: inline-block;
	padding-top: 2px;
	padding-right: 52px;
	color: #252F69;
	font-size: 14px;
	font-weight: 600;
}
footer div.footerLink div.subLink > p a span::before{
	position: absolute; top: 50%; right: 0;
	content: "";
	width: 43px;
	height: 14px;
	background:  url("/common/img/share/icon-triangle-pc.svg");
	background-size: contain;
	margin-top: -6px;
}

/*-- 個人情報 -- */
footer div.footerLink div.subLink div{
	display: flex; display: -webkit-flex;
	align-items: center; -webkit-align-items: center;
	width: 224px;
}
footer div.footerLink div.subLink div ul{ margin-right: 10px;}
footer div.footerLink div.subLink div ul li{ line-height: 1.3em;}
footer div.footerLink div.subLink div ul li:not(:last-child){ margin-bottom: 6px;}
footer div.footerLink div.subLink div ul li a{
	display: inline-block;
	font-size: 14px;
	line-height: 1.3em;
}
footer div.footerLink div.subLink div ul li a:hover{
	color: #00abdc;
	text-decoration: underline;
}
footer div.footerLink div.subLink div p{ margin-right: -36px;}
footer div.footerLink div.subLink div p:hover{ opacity: 0.6;}

	/* ======= PC：個別設定 =======*/
	@media screen and (min-width: 1025px) and (max-width: 1310px) {
		/*-- メリービズDX -- */
		footer div.footerLink div.subLink > p{	
			margin-right: 24px;
		}
		footer div.footerLink div.subLink > p a{
			padding-right: 0px;
			padding-bottom: 12px;
		}
		footer div.footerLink div.subLink > p a span{
			padding-right: 48px;
			font-size: 13px;
		}
		footer div.footerLink div.subLink > p a span::before{
			position: absolute; top: 50%; right: 0;
			width: 40px;
			height: 13px;
			margin-top: -5px;
		}
	}
	/* ======= TB：個別設定 =======*/
    @media screen and (min-width: 768px) and (max-width: 800px) {
		/*-- メリービズDX -- */
		footer div.footerLink div.subLink > p a{ padding-right: 0px;}
    }
    /* ======= SP =======*/
	@media (max-width: 767px) {
		footer div.footerLink div.subLink{
			align-items: flex-start;
			flex-direction: column;
			padding: 0 24px;
		}
		
		/*-- メリービズDX -- */
		footer div.footerLink div.subLink > p{
			width: 100%;
			margin-right: 0px;
			margin-bottom: 12px;
			border: 1px solid #252F69;
		}
		footer div.footerLink div.subLink > p a{
			padding: 10px;
		}
		footer div.footerLink div.subLink > p a img{ width: 104px;}
		
		footer div.footerLink div.subLink > p a span{
			padding-top: 1px;
			padding-right: 18px;
			font-size: 12px;
			letter-spacing: -0.04em;
		}
		footer div.footerLink div.subLink > p a span::before{
			width: 11px;
			height: 13px;
			background:  url("/common/img/share/icon-triangle-sp.svg");
			margin-top: -5px;
		}
		
		
		/*-- 個人情報 -- */
		footer div.footerLink div.subLink div{
			justify-content: space-between;
			width: 100%;
		}
		footer div.footerLink div.subLink div ul{
			margin-right: 10px;
		}
		footer div.footerLink div.subLink div ul li a{ font-size: 14px;}
		
		footer div.footerLink div.subLink div p{ margin-right: 0px;}
		
	}


/*==============================*/
/* copyright */
/*==============================*/
p.copyright{ font-size: 14px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		p.copyright{ text-align: center;}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		p.copyright{ text-align: center;}
	}

/*==============================*/
/* ページTOP */
/*==============================*/
#page-top {
	display: none;
	position: fixed; bottom: 30px; right: 30px;
	background: #666;
	padding: 5px 15px;
	border-radius: 4px;
	font-size: 12px;
	border: 1px solid #fff;
	z-index: 9999;
}
#page-top a { color: #fff; }