@charset "UTF-8";
/* CSS Document */
body {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.u_line{
	text-decoration: underline;
}
.img_sashikae{
	max-width: 50%;
}
.c-table-1 th.table_gray {
	background-color: #bfbfbf;
	font-weight: bold;
}
@media (min-width: 768px){
.c-col2-2 > .c-col2__inner:first-child {
	width: 40%;
}
.c-col2-2 > .c-col2__inner:last-child {
	width: 60%;
}
}
@media (min-width: 768px){
.c-col2-3 > .c-col2__inner:first-child {
	width: 20%;
}
.c-col2-3 > .c-col2__inner:last-child {
	width: 80%;
}
}

.border-1px{
	border:solid 1px #000;
}
.uiimg{
	width:400px;
	border:solid 1px #000;
}


.h3-number {
	background: #555;
	color: #fff;
	box-sizing: border-box;
	height: 40px;
	border-radius: 10px;
}
.h3-number span.number{
	background: #999;
	height: 40px;
	display: inline-block;
	width: 40px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 5px;
	margin-right: 10px;
	border-radius: 10px 0 0 10px;
}
@media (max-width: 768px){
.img_sashikae{
	max-width: 100%;
}
.h3-number.h3-number-3{
		font-size: 12px;
	}
.h3-number.h3-number-3 span.number {
	padding-top: 8px;
}
}

.p-box-border--black.p-box-border--black2{
	padding: 20px 15px;
}
.c-table-1.c-table-1-2 th, .c-table-1-2 td {
	padding: 10px 15px;
}

/*  */

.hashbody section:not(.active)  {
	display: none;
}

/* 20210308 */
.usersmanual-index .c-head-3 span:first-child,
.usersmanual-index .c-head-4 span:first-child{
padding-left:30px;
display: block;
}

.usersmanual-index .c-head-3 .icon{
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	width: 20px;
	height: 20px;
	transition: .2s ease-in-out;
	background: #fff;
	border: solid 2px #cccccc;
	cursor: pointer;
}

.usersmanual-index .c-head-4 {
  padding: 0;
  margin: 20px 0 0 0;
  border: none;
  position: relative;
}
.usersmanual-index .c-head-4 span {
  display: block;
  height: 30px;
  line-height:30px;
  font-weight:normal;
  color: #000;
  padding:0;
  transition: .2s ease-in-out;
}
.usersmanual-index .c-head-4 .icon {
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	width: 20px;
	height: 20px;
	transition: .2s ease-in-out;
	background: #fff;
	border: solid 2px #cccccc;
	cursor: pointer;
}
.usersmanual-index .c-head-4 .icon::before {/* ���_ */
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 12px;
	height: 2px;
	margin: auto;
	background: #757575;
	transition: .2s ease-in-out;
}
.usersmanual-index .c-head-4 .icon::after {/* �c�_ */
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 2px;
	height: 12px;
	margin: auto;
	background: #757575;
	transition: .2s ease-in-out;
}

.usersmanual-index .c-head-3 .icon:hover,
.usersmanual-index .c-head-4 .icon:hover {
background: #a0d7ff;
}

.c-head-4 a{
text-decoration:none;
}

.c-list-arrow > li:before{
display:none;
}

.c-list-arrow > li:after,
.c-head-4 .arr:after{
content: "";
position: static;
margin-left:5px;
width: 7px;
height: 7px;
border-right: 1px solid #757575;
border-bottom: 1px solid #757575;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
vertical-align:0.15em;
display: inline-block;
}

.c-list-arrow,
.c-list-none{
display: none;
transition: opacity .2s ease-in-out;
}
.c-list-arrow.is-show,
.c-list-arrow.is-none  {
display: block;
}

.c-list-arrow{
margin-left:20px;
}

.c-list-none{
padding-left:0;
list-style-type:none;
}

.no_deco{
list-style-type:none;
}

.no_deco a{
text-decoration:none;
}

/* 20220322 */
.visible{
display:block;
}

.pt0{
padding-top:0;
}

/* 20220316 �A�C�R���֌W */
ul.c-list-check{
list-style:none
}

ul.c-list-check li{
padding-left:1.75em;
}

ul.c-list-check li::before{
content:url(../img/02/icon_list-check.svg);
}

p.c-list-num-icon01,
p.c-list-num-icon02{
padding-top:0.1em;
display:flex;
}

p.c-list-num-icon01::before,
p.c-list-num-icon02::before{
content:"";
width:4.5em;
height:1.5em;
margin-top:0.1em;
display:inline-block;
}

p.c-list-num-icon02::before{
width:9.5em;
}

p.c-list-num-icon01::before{
background:url(../img/02/icon_01.svg) left center no-repeat;
background-size:contain;
}

p.c-list-num-icon02::before{
background:url(../img/02/icon_02.svg) left center no-repeat;
background-size:contain;
}

/* 20220322 ��� */
.arrow{
margin-right:40px;
vertical-align:middle;
display:inline-block;
}

.arrR{
width: 0;
height: 0;
border-left: 38px solid black;
border-top: 38px solid transparent;
border-bottom: 38px solid transparent;
}

.arr_width{
width:auto;
}

.arrows,
.arr_img{
vertical-align:middle;
display:inline-block;
}

.arrows{
width:50px;
text-align:center;
}

.arrRD{
width: 0;
height: 0;
margin-top:-30px;
border-left: 30px solid black;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
display:inline-block;
}

@media (max-width: 1080px){
.arrows,
.arr_img{
display:block;
}

.arrows{
width:440px;
height:30px;
text-align:center;
}

.arrRD{
width: 0;
height: 0;
margin-top:0;
border-left: 30px solid transparent;
border-top: 30px solid black;
border-right: 30px solid transparent;
}
}


/* R */
.mark_reg{
margin:0 0.15em 0 -0.15em;
font-size:1em;
vertical-align:sub;
display:inline-block;
}

/* 20220515 ��{�摜�֌W */
img.kakomi{
border:1px solid #cccccc;
}

/* 20220517 �ڑ��菇�p */
.connect{
/*max-width:934px;*/
width:100%;
margin:0;
padding:0;
}

.connect li{
padding-right:50px;
position:relative;
list-style-type:none;
}

.connect li::after{
content:"";
position:absolute;
top:200px;
right:0;
border-left: 38px solid black;
border-top: 38px solid transparent;
border-bottom: 38px solid transparent;
display:inline-block;
}

.connect li.pc::after{
content:"";
position:absolute;
top:120px;
right:0;
border-left: 38px solid black;
border-top: 38px solid transparent;
border-bottom: 38px solid transparent;
display:inline-block;
}

.connect li:last-child::after,
.connect li.pc:last-child::after{
border:none;
}

.connect .col2{
width:49.7%;
vertical-align:top;
display:inline-block;
}

.connect .col2-1{
width:66%;
vertical-align:top;
display:inline-block;
}

.connect .col3{
width:33%;
vertical-align:top;
display:inline-block;
}

@media (max-width:992px){
.connect li{
padding-right:30px;
}

.connect li::after{
content:"";
position:absolute;
top:150px;
right:0;
border-left: 20px solid black;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
display:inline-block;
}

.connect li.pc::after{
content:"";
position:absolute;
top:100px;
right:0;
border-left: 20px solid black;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
display:inline-block;
}

.connect .col2{
width:49%;
vertical-align:top;
display:inline-block;
}

.connect .col3{
width:32.9%;
}
}

@media (max-width:768px){
.connect li{
position:static;
padding-right:0px;
}

.connect li::after{
border:none;
}

.connect .col2,
.connect .col2-1,
.connect .col3{
width:100%;
display:block;
}
}


/* 20210319 �ڎ���݂� */
@media(min-width: 768px){
.l-gnav__list{
width:240px;
}

.l-gnav__list-child{
width:360px;
}
}

.l-gnav__list-child2{
padding-left:0;
}

.l-gnav__list-child2 > li{
list-style:none;
}

@media (max-width:767.98px){
.l-gnav__list-child2{
display:none;
}
}

@media (min-width:768px){
	.l-gnav__list-child2{
		position:absolute;
		top:-136px;
		left:100%;
		visibility:hidden;
		width:360px;
		padding:0;
		background-color:#e4ebfe;
		border:1px solid #233e96;
		-webkit-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.1);
		box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.1);
		z-index:1;
	}

	.nav_pos4{
		top: -76px;
	}

	.nav_pos5{
		top: -107px;
	}

	.l-gnav__list-child2.nav_pos6{
		top: -185px;
	}

	.nav_pos7{
		top: -103px;
	}

	.l-gnav__list-child2.nav_pos8{
		top: -89px;
	}

	.nav_pos9{
		top: -20px;
	}

	.l-gnav__list-grandchild.nav_pos6_8{
		top: -41px;
	}

	.l-gnav__list-grandchild.nav_pos6_10{
		top: -132px;
	}

	.l-gnav__list-grandchild.nav_pos8_4{
		top: -97px;
	}

}

@media (max-width:767.98px){
.l-gnav__list-child2 > li{
border-top:1px solid #bfbfbf;
}
}

.l-gnav__list-child2 .l-gnav__link{
padding-left:30px;
background-color:#e4ebfe;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.l-gnav__list-child2 li a.l-gnav__link-child2{
position:relative;
padding:10px 30px;
color:#333;
text-decoration:none;
display:block;
}

@media (max-width:767.98px){
.l-gnav__list-child2 li a.l-gnav__link-child2{
padding:10px 30px;
background-color:#e4ebfe;
font-weight:bold;
}
}

@media (min-width:768px){
.l-gnav__list-child2 li a.l-gnav__link-child2{
padding-left:42px;
}
}

@media (min-width:768px){
.l-gnav__list-child2 li a.l-gnav__link-child2:before{
content:"";
display:block;
width:5px;
height:5px;
border-right:1px solid #757575;
border-bottom:1px solid #757575;
position:absolute;
top:50%;
left:30px;
-webkit-transform:rotate(-45deg) translateY(-50%);
-ms-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}
}

.l-gnav__list-child2 .l-gnav__link:hover,
.l-gnav__list-child2 li a.l-gnav__link-child2:hover,
.l-gnav__list-child2 li a.l-gnav__link-child2:active{
background:#ccd9fd;
text-decoration:none;
}

.l-gnav__list-child2 li a.l-gnav__link-child{
margin-left:30px;
padding:5px 20px 5px 10px;
}

.l-gnav__list-grandchild{
padding-left:0;
background-color:#ccd9fd;
}

.l-gnav__list-grandchild > li{
list-style:none;
}

@media (max-width:767.98px){
.l-gnav__list-grandchild{
padding-left:30px;
display:none;
border-top:1px solid #bfbfbf;
}
}

@media (min-width:768px){
.l-gnav__list-grandchild{
position:absolute;
top:0;
left:100%;
visibility:hidden;
width:360px;
padding: 20px 15px 15px 30px;
border:1px solid #233e96;
-webkit-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.1);
z-index:1;
}
}

.l-gnav__list-grandchild a.l-gnav__link-child{
margin-left:0 !important;
background:none;
}

@media (min-width: 768px){
.l-gnav__list-child2 > li{
position: relative;
}

.l-gnav__list li:hover .l-gnav__list-child2,
.l-gnav__list li:active .l-gnav__list-child2,
.l-gnav__list-child2 li:hover .l-gnav__list-grandchild,
.l-gnav__list-child2 li:active .l-gnav__list-grandchild{
visibility: visible;
}
}


.p-product__pic {
  width: 180px;
  }
  .p-product__pic img {
	width: 100%;
	border: 1px solid #bfbfbf; }

small.indent{
padding-left:1em;
text-indent:-1em;
}

.c-table-1 th, .c-table-1 td {
	padding: 10px 8px;
}

.td_ind {
	padding-left: 9.4em;
	text-indent: -9.4em;
}





.p-product{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:15px;
}

.usersmanual-top .bn_box {
	display: flex;
	flex-basis: 70%;
	justify-content: space-between;
	max-width: 540px;
}
.usersmanual-top .bn_box > a{
	flex-basis: 68%;
	max-width: 320px;
}
.usersmanual-top .bn_box > .qr_box {
	text-align: center;
	border: 2px solid #ccc;
	box-sizing: border-box;
	padding: 5px 20px 0;
	font-weight: bold;
	position: relative;
}
.usersmanual-top .bn_box > .qr_box img {
	display: block;
	margin: 0 auto;
	width: 80px;
}
.usersmanual-top .bn_box > .qr_box a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.usersmanual-top .bn_box > .qr_box a:hover{
	background:rgba(255,255,255,0.3);
}
@media (max-width:1000px){
.usersmanual-top .bn_box > .qr_box p{
	font-size: 10px;
}
}
@media (max-width:768px){
.usersmanual-top .bn_box {
	flex-basis: 66%;
}
.usersmanual-top .bn_box > .qr_box{
	display: none;
}
}

/* 帯色変更 */

.l-header__main,.p-general-accordion__heading.p-accordion__trigger,.c-head-2 {
	background: #00307B!important;
}
.p-general-accordion__container .p-general-accordion__heading{
	background: #eee!important;
}

/* プリントボタン */

.l-header {
	max-height: 134px;
}
.l-header__main-inner{
	position: relative;
}
.head-print {
	position: absolute;
	right: 30px;
	top: -6px;
}
.head-print img{
	height: 32px;
	width: auto;
	-webkit-backface-visibility: hidden;
}
.head-print .c-btn-cap {
	color: #fff;
	font-size: 77%;
	text-align: center;
	margin-top: 5px;
}

@media (max-width:1071px){
.head-print {
	right: 15px;
}
}


@media (max-width:768px){
.l-header {
	max-height: 100%;
}
	.head-print{
		display: none;
	}
}

.c-list-default li{
	word-break: break-all;
}

.usersmanual-top .bn_bottom {
	margin-top: 20px;
	max-width: 800px;
	margin: 20px auto 0;
}
.usersmanual-top .bn_bottom a{
	display: block;
	margin: 0 auto 20px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.led_table tr.center,.led_table td{
	text-align: center;
}
.led_table tr th,.led_table tr td{
	vertical-align: middle;
}
.c-table-1.led_table th, .c-table-1.led_table td {
	padding: 8px 6px;
	font-size: 13px;
}
.c-table-1.led_table span.txt_bg {
	background: #757575;
	color: #fff;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 3px;
	margin-bottom: 5px;
	display: inline-block;
	font-weight: bold;
}

.u-margin-bottom-5{
	margin-bottom: 5px;
}
.img-text-right {
	text-align: right;
	display: block;
	max-width: 482px;
	margin: 0 auto;
}

.l-gnav__link_bottom + .l-gnav__list-child,
.l-gnav__link_bottom + .l-gnav__list-child2,
.l-gnav__link_bottom + .l-gnav__list-child2 .l-gnav__list-grandchild{
	bottom: 0;
	top: auto;
}

.l-gnav__link_bottom1 + .l-gnav__list-child{
	top: -147px;
	bottom: auto;
}
.l-gnav__link_bottom2 + .l-gnav__list-child2 {
	top: -112px;
	bottom: auto;
}
.l-gnav__link_bottom2 + .l-gnav__list-child2 .l-gnav__link_bottom2_1 + .l-gnav__list-grandchild{
	top: -102px;
	bottom: auto;
}

.l-gnav__link_bottom3 + .l-gnav__list-child {
	top: -104px;
	bottom: auto;
}

.l-gnav__link_bottom4 + .l-gnav__list-child2 {
	top: -89px;
	bottom: auto;
}

.kakomi_num{
	border: solid #000000 1px;
	border-radius: 3px;
	padding: 2px;
	margin-right: 5px;
	box-sizing: border-box;
}

 small.smart{
	display: inline-block;
	line-height: 1.6;
}

/*印刷用*/

@media print{
	.l-gnav,#search-manual-web,#pagetop{
		display: none!important;
	}
	.l-main.l-container{
		margin-top: 0!important;
	}

	.c-table-1 th, .c-table-1 td{
		padding: 5px 3px;
		font-size: 12px;
	}

	.p-table-scroll table{
		min-width: inherit;
	}

	.p-table-scroll__note{
		display: none;
	}

}


/*add*/
.connect_ex li.col3{
	width: 32%;
}
@media screen and (max-width: 768px){
	.connect_ex li.col3{
		width: 100%;
	}
}



p.img-wide-full {
	text-align:center;
}
p.img-wide-full img {
	width:100%;
	max-width:800px;
}

p.img-wide-small {
	width:30%;
	max-width:350px;
}

table.authority {
	width:100%;
	table-layout:fixed;
	border: 1px solid #888;
}
table.authority tr th {
	padding:1em;
	border: 1px solid #888;
	background:#F3F3F3;
}
table.authority tr td {
	padding:1em;
	border: 1px solid #888;
}
table.authority tr.contractor td {
	background:#fad8c1;
}
table.authority tr.user td {
	background:#c7d4ed;
}


#setting-contractor img {
}
#setting-user img {
}