@charset "UTF-8";
@media screen and (max-width: 767px) {

#ContentsChat	{width: 100%;}


/* =============================================================================
	Re-Setting
============================================================================= */
/* layout_gig4_fujitsu.css	-	box */
.maincontents div.frm { margin-bottom: 2em; border: solid 1px #b8b8b8; }
.maincontents div.frm-bg { margin-bottom: 2em; background: #f2f2f2; border: solid 1px #b8b8b8; }
.maincontents div.bg { margin-bottom: 2em; background: #f2f2f2; border: solid 1px #f2f2f2; }
.maincontents div.frm-grd { margin-bottom: 2em; background: #ffffff url(/images/common/fj/imgv4/common/box-bg-demo.gif) 0px 0px repeat-x; border: solid 1px #b8b8b8; }
.maincontents div.inside { border: solid 1px #ffffff; padding: 4px 4px 0px 4px; }
.maincontents div.frm div.innerblock ,
.maincontents div.bg div.innerblock { padding: 5px 5px 0px 5px; } 
.maincontents div.frm-grd div.innerblock,
.maincontents div.frm-bg div.innerblock { padding: 4px 4px 0px 4px; }

div.rounded {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.maincontents div.rounded div.rounded-inside {
	border: solid 1px #ffffff;
	padding: 4px 4px 0px 4px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
/* =============================================================================
	Q&A Contents LINK
============================================================================= */
ul.reference	{ list-style-type:none; padding-left:0; margin:10px 0 10px 5px; }
ul.reference li	{ margin-bottom:0.9em; text-indent:-35px; padding-left:35px; }
ul.reference li img	{ vertical-align:middle; margin-right:5px; }
ul.unl	{ border-bottom:1px dotted #CCCCCC; margin-bottom:10px!important; padding-bottom:10px; }
ul.reference li > span.icon{ display:none; }

/* =============================================================================
	topanel - <ページタイトル h1>
============================================================================= */
.toppanel .toppanelImg	{
	width: auto;
	height: auto;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
.toppanel .toppanelImg h1	{
	padding: 20px 10px;
	font-size: 2.4rem;
	border: none;
	box-shadow: none;
	background: none;
}
.toppanel .toppanelImg p 	{
	position: static;
	width: 100%!important;
	height: auto;
	font-size: 1.4rem;
	padding: 0 10px;
}
.toppanel .toppanelImg img	{
	position: static;
	width: 100%!important;
	height: auto;
}
/* =====¡¡*/

/* =============================================================================
	tab-wrap- <コンテンツナビゲーション>
============================================================================= */
.tab-wrap 	{
	max-width: 414px;
}
.tab-label 	 {
	font-size: 100%;
	font-weight: bold;
	white-space: inherit;
	text-align: center;
	padding: 0.3em 0.6em 0.3em 2.5em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	flex: 1;
	text-indent: -1.9em;
}
span.iconPC:before 	{ 
	margin-right: 0.6em;
	content: '';
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	background-image: url(/support/contact/chat/images/icon-pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}
span.iconSP:before 	{
	margin-right: 0.6em;
	content: '';
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	background-image: url(/support/contact/chat/images/icon-sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.tab-content {
	width: auto;
	/*! height: 0; */
	margin: 0 5px!important;
	/*! overflow: hidden; */
	/*! opacity: 0; */
	font-size: 1.4rem;
}
.tab-content h2 	 {
	font-size: 2.3rem;
	border-top: none;
	background: none;
	box-shadow: none;
}
.tab-content h3 	 {
	font-size: 2rem;
	border-top: none;
	border-bottom: none;
	background: none;
	box-shadow: none;
}
.tab-content h4 	 {
	font-size: 1.10rem;
	border-top: none;
	border-bottom: none;
	background: none;
	box-shadow: none;
}
.tab-content .PCBtn 	{
	margin: 0;
}
.tab-content .PCBtn a 	{
	display: block;
	margin:  0 0 1em;
	padding: 1em 1em;
	background: #BCED09;
	font-size: 120%;
}

/*--2021/11/24追加start--*/
.tab-content .PCBtn2 	{
	margin: 0;
}
.tab-content .PCBtn2 a 	{
	display: block;
	margin:  0 0 1em;
	padding: 1em 1em;
	background: #BCED09;
	font-size: 120%;
}
/*--2021/11/24追加end--*/
	
.tab-content .addition	{
	display: block;
	text-align: center;
}
.tab-content .addition > p	{
	margin: 1.5em 0;
	padding: 0;
}

/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	background: #0C4A56;
}
.tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	margin-bottom: -1px;
	padding: 15px 0 0 0;
	opacity: 1;
	transition: .5s;
	/*border: 1px solid #BFBFBF;*/
}
/* ラジオボタン非表示 */
.tab-switch {
	display: none;
}

/* maintenanceInfo ----- */
.maintenanceInfo ul.sp-inside {
	margin-left: 43px!important;
	padding-bottom: 10px;
}

/* =====¡¡*/

/* =============================================================================
	flowArea- <操作手順>
============================================================================= */
.flowArea 	{ margin: 0; }
.flowArea li::before {
    position: absolute;
    bottom: -32px;
    left: 24px;
    display: block;
    width: 2px;
	height: 100%;
    background: #0C4A56;
    content: "";
}
.step-txt 	{
	position: relative;
	margin-left: 10px;
	margin-right: 20px;
	min-width: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
}
.step-content	{ max-width: 295px}
.step-content .text	{ font-size: 110%; }
.step-content .img	{ font-size: 110%; }
.step-content .img img	{ width: 98%; height: auto;}
.List-Item {
    border-top: 0;
}
.List-Item-Content {
    padding-top: 15px;
    padding-bottom: 15px;
    flex-wrap: wrap;
}
.List-Item-Content-Number {
    margin-right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
}
.List-Item-Content-Number-Line {
    top: -80%;
    width: 2px;
    height: 72px;
}
.List-Item-Content-Title {
    margin-right: 0;
    max-width: 230px;
    font-size: 18px;
}
.List-Item-Content-Description {
    margin-left: 60px;
    max-width: 260px;
    font-weight: normal;
    font-size: 13px;
}

/* =============================================================================
	チャットサポート利用注意事項- <important.html>
============================================================================= */
	.Contentsimportant{
		margin: 0 5px !important;
		font-size: 1.4rem;
	}
	.Contentsimportant h1	{
	font-size: 2.3rem;
	margin: 30px 0 10px;
	padding-bottom: 15px;
	border-top: none;
	background: none;
	box-shadow: none;
}
.Contentsimportant h2 	 {
	font-size: 2rem;
	border-top: none;
	border-bottom: none;
	background: none;
	box-shadow: none;
}
.Contentsimportant > ul 	{
	margin-left: 20px;
	padding-left: 15px;
}
table.ac5_standard { width: 100%; }

table.ac5_standard thead th	{background-color: #e2f8fc;}
table.ac5_standard tbody th	{background-color: #f2f2f2;}
.scroll{
	overflow: auto;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar {
	height: 5px;
}
.scroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
.scroll table tbody td	{
	white-space: nowrap;
}

}