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

.article-body  h1{
	background: #000;
	color: #fff;
	padding: 0.5em;
}

#debug{
		background: #eee;
		padding: 10px;
		position: fixed;
		right: 0;
		top: 100px;
		z-index: 10;
		opacity: 0.6;

		display: none;

}
#preview-bar-container{
		/* position: fixed;
		bottom: 0;
		z-index: 100; */
		/* display: none; */
}

#navbar-container{
		/* display: none; */
}

/* .logo.open{display: table-cell;}
.logo.mng{display: none;}

body.s20093070792089 .logo.mng{display: table-cell;}
body.s20093070792089 .logo.open{display: none;}
	*/

.scrollBox{width: 100%;max-width: 950px;overflow-x: scroll;}
.scrollBox table,.scrollBox tr,.scrollBox th,.scrollBox td{white-space: nowrap;}

.fcRed{color: #f00;}

.article-footer{
		display: none;
}


/* Base styles */*, input[type=search] {
		margin:0;
		padding:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

/* ルートの文字サイズを14pxに設定 */
html {font-size: 62.5%;}
/* bodyのフォントサイズを1.4em（14px）に設定 */
body {font-size: 14px;font-size: 1.4rem;}

body {
color: #333333;
font-family: Roboto, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",  Helvetica, Arial, sans-serif;
}

html {  background-color: #ffffff;}

ul, ol {
		list-style: none;
		margin: 0;
		padding: 0;
}

table {
		border-collapse: collapse;
		text-align: left;
		width: auto;
}
[dir="rtl"] table {
		text-align: right;
}

td, th {
		border-color: #666666;
		border-style: solid;
		padding: 4px 4px;
		padding: 0.4rem 0.4rem;
		padding: 8px 8px;
		padding: 0.8rem 0.8rem;
}

/* SP */
#articlePage .article-body table{
		overflow: auto;
}

th {
	/*border-width:  0 1px 1px 0;*/
		border-width:1px;
	background:#efefef;
		color:#454545;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: bold;
		white-space: nowrap;
}

td {
		/*border-width:  0 1px 1px 0;*/
		border-width:1px;
		color:#454545;
		/*background:#e2e3e7;*/
		line-height: 1.2;
		min-width: 1em;
}
.article-body td p:last-child{
	margin-bottom: 0;
}

table,tbody,tr,th,td{
  width:auto!important;
  height:auto!important;
}

h1, h2, h3, h4, h5, h6 {
		/*color: black;*/
		font-weight: 400;
}

h1 {
		font-size: 20px;
		font-size: 2.0rem;
}

input, label {
		display: inline-block;
		vertical-align: middle;
}

label {
		font-size: 12px;
		font-size: 1.2rem;
}

input[type="checkbox"] + label {
		margin-left: 5px;
}

input, textarea {
		border: 1px solid #dddddd;
		border-radius: 2px;
		padding: 10px;
}

textarea {
		height: 100px;
		padding: 7px 10px;
		resize: vertical;
}

textarea, input[type=text] {
		width: 100%;
}

input, textarea, select {
		color: #555;
}

input::-ms-clear {
		display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
		margin: 0;
		-webkit-appearance: none;
}

::-webkit-input-placeholder {
		color: #cccccc;
}

:-ms-input-placeholder {
		color: #cccccc;
}

::-moz-placeholder {
		color: #cccccc;
}

/* Buttons */
button, [role=button], [type=button], [type=submit] {
		border-radius: 4px;
		border: 1px solid #dddddd;
		color: rgba(147, 28, 68, 1);
		cursor: pointer;
		display: inline-block;
		padding: 5px 10px;
		position: relative;
		vertical-align: middle;
		white-space: nowrap;
}

a[role=button]:hover {
		text-decoration: none;
}

input[type=submit] {
		background: #444;
		border-color: transparent;
		color: #FFF;
		padding: 10px 30px;
}

input[type=submit][disabled] {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		/* IE 8 */
		opacity: 0.4;
}

button img, [role=button] img {
		border-radius: 4px;
		margin: 0 5px 0 0;
		height: 20px;
		position: relative;
		top: -1px;
		vertical-align: middle;
}
[dir="rtl"] button img, [dir="rtl"] [role=button] img {
		margin: 0 0 0 5px;
}

/* Forms */
.form {
		max-width: 505px;
}

.form-field + .form-field {
		margin-top: 25px;
}

.form-field label {
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
}

.form-field input[type=checkbox] + label {
		margin: 0 0 0 10px;
}

.form-field.required > label:after {
		content: "*";
		color: red;
		margin-left: 2px;
}

.form-field p {
		color: #bebebe;
		font-size: 11px;
		font-size: 1.1rem;
}

.form-field input[type=number], .form-field input.datepicker {
		width: 150px;
}

.form form + form, .searchbox {
		margin-top: 25px;
}

.searchbox-suggestions {
		background-color: #fff;
		border: 1px solid #eeeeee;
		border-radius: 4px;
		padding: 10px 20px;
}

.searchbox-suggestions li {
		padding: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
		background: transparent url("/hc/theming_assets/01HZ6GVQA13S7CBTMWGS15BT4P") 99% 50% no-repeat;
		background-size: 16px 16px;

}

.form footer {
		border-top: 1px solid #eeeeee;
		margin-top: 40px;
		padding-top: 30px;
		text-align: right;
}

.form footer a {
		color: #cccccc;
		cursor: pointer;
		margin-right: 15px;
}

/* Navigation menus */
.nav li, .nav-bordered li, .nav-spaced li {
		display: inline-block;
		font-weight: bold;
}

.nav li a, .nav-bordered li a, .nav-spaced li a {
		font-weight: normal;
}

.nav-bordered li + li {
		border-color: #eeeeee;
		border-style: solid;
		border-width: 0 0 0 1px;
		margin: 0 0 0 30px;
		padding: 0 0 0 30px;
}

[dir="rtl"] .nav-bordered li + li {
		border-width: 0 1px 0 0;
		margin: 0 30px 0 0;
		padding: 0 30px 0 0;
}

.nav-spaced li + li {
		margin: 0 0 0 40px;
}

[dir=rtl] .nav-spaced li + li {
		margin: 0 40px 0 0;
}

/* Social share links */
.share {
		white-space: nowrap;
}

.share li, .share a {
		display: inline-block;
}

.share a {
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		vertical-align: middle;
		width: 30px;
}

.share a:before {
		background: #CCC;
		border-radius: 50%;
		color: #FFF;
		display: inline-block;
		font-family: "entypo";
		text-align: center;
		width: 100%;
}

.share a:hover {
		text-decoration: none;
}

.share-twitter:before {
		content: "\F309";
}

.share-facebook:before {
		content: "\F30C";
}

.share-linkedin:before {
		content: "\F318";
}

.share-googleplus:before {
		content: "\F30F";
}

/* Pagination */
.pagination {
		margin: 20px 0;
		text-align: center;
}

.pagination * {
		display: inline-block;
}

.pagination li {
		border: 1px solid #eeeeee;
		float: left;
		margin-left: -1px;
}
[dir="rtl"] .pagination li {
		float: right;
}

.pagination a, .pagination span {
		color: inherit;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 5px 12px;
}

.pagination-current {
		background-color: #f9f9f9;
		color: #bebebe;
}

.pagination-first {
		border-radius: 3px 0 0 3px;
}
[dir="rtl"] .pagination-first {
		border-radius: 0 3px 3px 0;
}

.pagination-last {
		border-radius: 0 3px 3px 0;
}
[dir="rtl"] .pagination-last {
		border-radius: 3px 0 0 3px;
}

/* #articlePage .innerContents .article-body p{margin-bottom:10px ;} */
#articlePage .innerContents .article-body p:last-child{margin-bottom:none ;}

.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.mr15{margin-right:15px;}

.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}

.mt50{margin-top: 50px !important;}

.fs16{font-size:16px;font-size:1.6rem;}
.fs18{font-size:18px;font-size:1.8rem;}

.form-field p {  color: #999999;}
a:hover img {  filter: alpha(opacity=70); -ms-filter: 'alpha(opacity=70)'; opacity: .7; z-index:1;}
ol li{list-style-type: decimal;}
/**/

/* ボタン */
.btn a{
	opacity: 1;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
		position: relative;
		text-align: center;
		display: inline-block;
		padding: 0.2em 1em;
		padding: 0.2em 2.5em;
		color: #fff;
		background: #009de1;
		border: 2px solid #009de1;
		font-size: 1.8rem;
		/* min-width: 280px; */
		font-weight: 600;
		border-radius: 2em;
		text-decoration: none;
		transition: .5s;}
.btn a:hover {
		color: #009de1;
		background: #fff;}
/* /ボタン */

.ios a:hover img{
	opacity:1;
		z-index:0;
}

.s{text-decoration:line-through !important;}

/* -------------------------------------------------- Clearfixes */
.clear { clear: both; }

.locator:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	display: block;
	content: ".";
}

.locator {
	min-height: 1%;
	display: inline-table;
}

/* for macIE \*/
* html .locator { 
	height: 1%; 
}

div.locator {
	display: block;
}



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

#homePageHeader{
		background: #363636;
		background: #ccc;
		background: url(/hc/theming_assets/01HZ6GVMRTCKF5KMMTJQQB5XWK);
		background-size: cover;
		
		padding: 30px 0;
		padding: 30px 0 40px;
}

/* 20230913 Serch \*/
#searchBox{
				display: table-cell;
				vertical-align: middle;
				width: calc(1200px - 240px - 450px - 230px);
				width: calc(1200px - 240px - 500px);
				min-width: 100px;
}
@media (max-width: 1200px){
		#searchBox{
		width: calc(100vw - 240px - 450px - 230px);
		width: calc(100vw - 240px - 500px);
		}
}
/* signed_in Header \*/
/* .signed_in #searchBox{
  width: calc(100vw - 240px - 460px - 300px);
		width: calc(100vw - 240px - 460px - 480px);
		width: calc(1200px - 240px - 650px);
} */

/* .signed_in #nav-drawer.showPC {
min-width: 650px;
} */

.innerSearchArea #searchBox{
		width: 650px;
}

#searchBox .search {
		width: 100%;
		position: relative;
}
.innerSearchArea input[type=search],
#searchBox .search input[type=search]{
		width: 100%;
		/* border: none; */
		border-radius: 1em;
		padding: 5px 1em;
		padding-left: 2.5em;
}



.innerSearchArea input[type=search]:focus,
#searchBox .search input[type=search]:focus {
		/* border: none; */
		outline: 0;
		background: #f3f3f3;
}

::-webkit-input-placeholder {
		color: #666666;
}

:-ms-input-placeholder {
		color: #666666;
}

::-moz-placeholder {
		color: #666666;
}

.innerSearchArea .search:before,
#searchBox .search:before {
		/* content: "\1F50D"; 
		font-family: "entypo";
		font-size: 1.25em;
		line-height: 0;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 2.0em;
		z-index: 1;
		font-weight: normal;
		color: #999; */
		
		position: absolute;
		top: 6px;
		left: 10px;
		/* background: url('./icon_spt_search.svg'); */
		background: url(/hc/theming_assets/01K1T4H6PQ9W9BKY5VGJCEJ3JF);

		content: '';
		width: 16px;
		height: 16px;

}


#homePageHeader .innerSearchArea input[type=search],
#homePageHeader #searchBox .search input[type=search]{
		border-radius: 2em;
				padding: 20px 1em;
				padding-left: 2.5em;
		}
#homePageHeader .innerSearchArea .search:before,
#homePageHeader  #searchBox .search:before {
top: 12px;
left: 12px;
}

#sectionPage .contentSP .article-list li a{
	background:url(/hc/theming_assets/01HZ6GVQS26S5PBQAF9VZDG678) no-repeat left;
}

/* 20220630 \*/
.article-attachments{
	/* display: none; */
}
#requestPage .contentL{
	display: block;
}

/* 20220828 Main Menu Icon\*/
#nav-content li a:before {
		margin-right: 4px;
		content: '';
		width: 18px;
		height: 18px;
		display: inline-block;
		vertical-align: middle;
		margin-top: -3px;
		
		
		background-size: cover;
		background-position: center top;
		
		background: #aaa;
		
}


#nav-content li.c20831812809369 a:before {
		mask: url(/hc/theming_assets/01K1T4HE1VDGA46SZZZ42N66J6);
		-webkit-mask: url(/hc/theming_assets/01K1T4HE1VDGA46SZZZ42N66J6);
}
#nav-content li.c20832323744153 a:before {
		mask: url(/hc/theming_assets/01K1T4HE0KVQK4FW2YZSR6B665);
		-webkit-mask: url(/hc/theming_assets/01K1T4HE0KVQK4FW2YZSR6B665);
}
#nav-content li.c32408950682905 a:before {
		mask: url(/hc/theming_assets/01K1T4HE2ZYN3XX010KZDV9EYH);
		-webkit-mask: url(/hc/theming_assets/01K1T4HE2ZYN3XX010KZDV9EYH);
}
#nav-content li.c28333699900569 a:before {
		mask: url(/hc/theming_assets/01K1T4HE337SWB0XK9H5VAF5MA);
		-webkit-mask: url(/hc/theming_assets/01K1T4HE337SWB0XK9H5VAF5MA);
}

body.c20831812809369 #nav-drawer.showPC #nav-content li.c20831812809369 a,
body.c20832323744153 #nav-drawer.showPC #nav-content li.c20832323744153 a,
body.c32408950682905 #nav-drawer.showPC #nav-content li.c32408950682905 a,
body.c28333699900569 #nav-drawer.showPC #nav-content li.c28333699900569 a
		font-weight: bold;
		background-color: #f0f0f0;
		color: #333;}

body.c20831812809369 #nav-drawer.showPC #nav-content li.c20831812809369 a:before,
body.c20832323744153 #nav-drawer.showPC #nav-content li.c20832323744153 a:before,
body.c32408950682905 #nav-drawer.showPC #nav-content li.c32408950682905 a:before,
body.c28333699900569 #nav-drawer.showPC #nav-content li.c28333699900569 a:before{
		background-color: #666;}
		
/* 20220828 Sub Menu Icon\*/

.nav-category-contents{
		width: 180px;
		width: 200px;
		margin-bottom: 60px;
}
.nav-category-contents h3{
		font-size: 14px;
		font-size: 1.4rem;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 16px 0 10px;
}

.nav-category-contents h3.close,
.nav-category-contents h3:hover{
		background-color: #0197D8;
		background-color: #f0f0f0;
		color: #fff;
		color: #333;
}

.nav-category-contents h3:before {
		color: #fff;
		margin-left: calc(50% - 12px);
		margin-top: 0;
		margin-bottom: 6px;
		content: '';
		width: 24px;
		height: 24px;
		display: block;
		/* vertical-align: middle; */
		/* opacity: 0.5; */
		background-size: cover;
		background-position: center top;

		/* opacity: 0.5; */
		background: #666;
		/* background: #aaa; */
		
		/* mask: url(/hc/theming_assets/01K1T4H6VRSGPPZBG0EBAQNK0D) no-repeat center center / contain;
		webkit-mask: url(/hc/theming_assets/01K1T4H6VRSGPPZBG0EBAQNK0D) no-repeat center center / contain; */
		mask: url(/hc/theming_assets/01K1T4H6VRSGPPZBG0EBAQNK0D);
		-webkit-mask: url(/hc/theming_assets/01K1T4H6VRSGPPZBG0EBAQNK0D) ;
}


.nav-category-contents h3:after {
		margin: 0 auto;
		content: '';
		background-color: #666;
		/* opacity: 0.3; */
		width: 4.5px;
		height: 3px;
		display: block;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

.nav-category-contents h3:hover:after {opacity: 1;}
.nav-category-contents h3.close:before {  background: #fff; background-color: #666;}

.section-tree  h3 {  line-height: 1;font-size: 16px;font-size: 1.6rem;}
.section-tree  h3:before {
		display: inline-block;
		vertical-align: top;
		content: '';
		/* background: #333; */
		background: #666;
		mask: url(/hc/theming_assets/01K1T4H6VRSGPPZBG0EBAQNK0D);
		-webkit-mask: url(/hc/theming_assets/01K1T4H6VRSGPPZBG0EBAQNK0D) ;

}
#c28333699900569 .section-tree h3:before{
	width: 24px;
	height: 24px;
	mask: url(/hc/theming_assets/01K1T4H8480FBY59J4BD6REVDS);
	-webkit-mask: url(/hc/theming_assets/01K1T4HBHAM9MSD17ZS5764H28) ;}


/* .nav-category-contents h3.s20088449124377:before{background-image: url(/hc/theming_assets/01K1T4H83AAQ3RTHNBW4ZWKATD);} */

/* お知らせ */
h3.s20832531092505:before{
		mask: url(/hc/theming_assets/01K1T4HBJ1GSRKEKYQVZX19Y7J) ;
		-webkit-mask: url(/hc/theming_assets/01K1T4HBB63EMV1VCW90JZE5VE) ;}
h3.s20831812814873:before{
		mask: url(/hc/theming_assets/01K1T4HBJ1GSRKEKYQVZX19Y7J) ;
		-webkit-mask: url(/hc/theming_assets/01K1T4HBB63EMV1VCW90JZE5VE) ;}

/* 操作マニュアル */
h3.s20832489086233:before{
		mask: url(/hc/theming_assets/01K1T4HBJ1GSRKEKYQVZX19Y7J) ;
		-webkit-mask: url(/hc/theming_assets/01K1T4HAQK1XWEHV31B6RVTWDA) ;}
		
/* サンプルシナリオライブラリ */
	h3.s32409417751065:before{
			mask: url(/hc/theming_assets/01K1T4H8480FBY59J4BD6REVDS);
			-webkit-mask: url(/hc/theming_assets/01K1T4H8480FBY59J4BD6REVDS) ;}
	h3.s32409434700569:before{
			mask: url(/hc/theming_assets/01K1T4H2VVN01CNNM3KQSRGVMR) ;
			-webkit-mask: url(/hc/theming_assets/01K1T4H2VVN01CNNM3KQSRGVMR) ;}
	h3.s32409480519449:before{
			mask: url(/hc/theming_assets/01K1T4H7T67A7D4N521602G3QH) ;
			-webkit-mask: url(/hc/theming_assets/01K1T4H7T67A7D4N521602G3QH) ;}
	h3.s32409489594265:before{
			mask: url(/hc/theming_assets/01K1T4HCAMMVAPBVVXS4SS3QCP) ;
			-webkit-mask: url(/hc/theming_assets/01K1T4HCAMMVAPBVVXS4SS3QCP) ;}
	h3.s32409489594265:before{
			mask: url(/hc/theming_assets/01K1T4HCAMMVAPBVVXS4SS3QCP) ;
			-webkit-mask: url(/hc/theming_assets/01K1T4HCAMMVAPBVVXS4SS3QCP) ;}
	h3.s32409523721497:before{
			mask: url(/hc/theming_assets/01K1T4H1HZCYMP4CEFAZ8CQM4P) ;
			-webkit-mask: url(/hc/theming_assets/01K1T4H1HZCYMP4CEFAZ8CQM4P) ;}
	h3.s32409524918809:before{
			mask: url(/hc/theming_assets/01K1T4HCK989ZV7RJGEFGR1541) ;
			-webkit-mask: url(/hc/theming_assets/01K1T4HCK989ZV7RJGEFGR1541) ;}
	h3.s32409554818329:before{
			mask: url(/hc/theming_assets/01K1T4HBB2Q6CMN38881MXX4CY) ;
			-webkit-mask: url(/hc/theming_assets/01K1T4HBB2Q6CMN38881MXX4CY) ;}
	h3.s32409527660825:before{
			mask: url(/hc/theming_assets/01K1T4HCGG478YB5P1RGV5C6X4) ;
			-webkit-mask: url(/hc/theming_assets/01K1T4HCGG478YB5P1RGV5C6X4) ;}
		
/* よくある質問 */
	h3.s42330336312217:before{
mask: url(/hc/theming_assets/01K1T4H8480FBY59J4BD6REVDS);
-webkit-mask: url(/hc/theming_assets/01K1T4HBHAM9MSD17ZS5764H28) ;}
	h3.s42330393534233:before{
mask: url(/hc/theming_assets/01K1T4H8480FBY59J4BD6REVDS);
-webkit-mask: url(/hc/theming_assets/01K1T4HBHAM9MSD17ZS5764H28) ;}
	h3.s42330381622553:before{
mask: url(/hc/theming_assets/01K1T4H8480FBY59J4BD6REVDS);
-webkit-mask: url(/hc/theming_assets/01K1T4HBHAM9MSD17ZS5764H28) ;}
	h3.s42330389617945:before{
mask: url(/hc/theming_assets/01K1T4H8480FBY59J4BD6REVDS);
-webkit-mask: url(/hc/theming_assets/01K1T4HBHAM9MSD17ZS5764H28) ;}


/* FAQ */

#c28333699900569 .nav-category-contents h3:before {
	mask: url(/hc/theming_assets/01K1T4H8480FBY59J4BD6REVDS);
	-webkit-mask: url(/hc/theming_assets/01K1T4HBHAM9MSD17ZS5764H28) ;}


.section-tree  h3:before {
		width: 18px;
		height: 18px;
		mask-size: cover;
-webkit-mask-size: cover;
margin-right: 6px;
}
.nav-category-contents h3:hover:before {
		background: #fff;
		background: #666;
		-webkit-transition: all .5s;
		transition: all .5s;}
		
		
.gBox{
		padding: 10px;
		background: #eee;
		border-radius: 3px;
}