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


#informationWrap img{
  vertical-align: bottom;
}

#informationWrap .descriptionBlockA01 dl{
  margin-bottom: 25px;
}
#informationWrap .descriptionBlockA01 dl dd{
  padding-left: 1em;
}

#informationWrap .noteA01{
  padding: 15px 0 35px;
}

#informationWrap .noteA01 p{
  margin: 0 0 5px 0;
  line-height: 1.5;
}

/* listClass
-----------------------------------------*/
#informationWrap ol.numListA01 > li{
  margin-bottom: 25px;
}
#informationWrap ol.numListA01 > li > p{
  text-indent: -1em;
  padding-left: 1em;
}
#informationWrap .listBlockA01{
  padding-left: 1em;
}
#informationWrap .listBlockA01 ol{
  margin-bottom: 20px;
}
#informationWrap .listBlockA01 ol li{
  margin-bottom: 10px;
}
#informationWrap .listBlockA01 .titleTextA01{
  text-indent: -2.7em;
  padding-left: 2.7em;
}
#informationWrap .listBlockA02{
  padding-left: 2.7em;
}
#informationWrap .numListA02 li{
  margin-bottom: 45px;
}
#informationWrap .numListA02 li p.titleTextA01{
  text-indent: -1em;
  padding-left: 1em;
}
#informationWrap .listBlockA02{
  padding-left: 2em;
}
#informationWrap .listBlockA02 .titleTextA01{
  text-indent: -2.7em;
  padding-left: 2.7em;
}
#informationWrap .column2Wrap01 .numListA02{
	width: 50%;
	float: left;
}
#informationWrap .column2Wrap01 .listBlockA02{
	padding-left: 0em;
}
#informationWrap .column2Wrap01 .listBlockA02 img{
	width: 100%;
}


#informationWrap .listBlockA03{

}

#informationWrap .numListA03{
  padding-left: 1.5em;
}
#informationWrap .numListA03 li{
  margin-bottom: 45px;
}

#informationWrap .icon01 li,
#informationWrap .icon02 li,
#informationWrap .icon03 li,
#informationWrap .icon04 li{
	position:relative;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
#informationWrap .icon02 li{
	padding-bottom: 45px;
	margin-bottom: 15px;
}

#informationWrap .icon01 li:after,
#informationWrap .icon02 li:after{
	content: "";
	position: absolute;
	bottom:0;
	max-width: 200px;
	height: 29px;
	width: 48%;
	background:url("/support/cloud/bd/images/ai_ico_002.gif") no-repeat center 0;
	background-size: 13.5%;
}
#informationWrap .icon03 li::after{
	content: "";
	position: absolute;
	bottom:0;
	max-width: 135px;
	height: 29px;
	width: 48%;
	background:url("/support/cloud/bd/images/ai_ico_002.gif") no-repeat center 0;
	background-size: 20.5%;
}

#informationWrap .icon04 li::after{
	content: "";
	position: absolute;
	bottom:0;
	max-width: 113px;
	height: 29px;
	width: 18%;
	background:url("/support/cloud/bd/images/ai_ico_002.gif") no-repeat center 0;
	background-size: 20.5%;
}

#informationWrap .icon02 li:after{
	width: 35%;
	max-width: 140px;
	background-size: 24%;
	height: 35px;
}

#informationWrap .icon01 li:last-child,
#informationWrap .icon02 li:last-child,
#informationWrap .icon04 li:last-child,
#informationWrap .icon03 li:last-child{
	padding-bottom: 0px;
	margin-bottom: 10px;
}
#informationWrap .icon01 li:last-child:after,
#informationWrap .icon02 li:last-child:after,
#informationWrap .icon03 li:last-child:after,
#informationWrap .icon04 li:last-child:after{
	content: none;
}

#informationWrap .listBlockA03 li{
	text-indent: -1.5em;
	padding-left: 1.5em;
	line-height: 1.5;
}



/* headingClass
-----------------------------------------*/
#informationWrap h3.headingBlockA03{
	margin: 0 0 25px 0;
}



/* textClass
-----------------------------------------*/
#informationWrap .dotTextA01,
#informationWrap .dotListA01 li{
	padding-left:20px;
	background:url("/support/images/ico_circle_ns.gif") no-repeat 3px 4px;
}
#informationWrap .dotListA01 li{
  margin-bottom: 10px;
}

#informationWrap .indentTextA01{
  text-indent: -2em;
  padding-left: 2em;
}
#informationWrap .indentTextA02{
  text-indent: -1em;
  padding-left: 1em;
}
#informationWrap .indentListA01 li{
  text-indent: -2em;
  padding-left: 2em;
}
#informationWrap .indentListA02 li{
  text-indent: -1em;
  padding-left: 1em;
}
#informationWrap .textBlockA01{
  padding-left: 2em;
}

#informationWrap .noneListA01 li{
  list-style: none;
}

#informationWrap dl.indentA01 dd{
  padding-left: 1.5em;
}

#informationWrap span.rightTextA01{
  width: 70%;
  display:block;
  text-align:right;
}


/* imageClass
-----------------------------------------*/



/* tableClass
-----------------------------------------*/
#informationWrap .tblA01{
  margin-bottom: 10px;
}

#informationWrap .tblA01 th,
#informationWrap .tblA01 td{
  font-weight: normal;
  border-bottom: dotted 1px #CCCCCC;
  padding: 3px;
}

#informationWrap .tblA01 tr th:first-child,
#informationWrap .tblA01 tr td:first-child{
  border-left: solid 1px #CCCCCC;
  border-right: dotted 1px #CCCCCC;
}
#informationWrap .tblA01 tr th:last-child,
#informationWrap .tblA01 tr td:last-child{
  border-right: solid 1px #CCCCCC;
}

#informationWrap .tblA01 tr:first-child th,
#informationWrap .tblA01 tr:first-child td{
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  box-sizing: border-box;
}

#informationWrap .tblA01 tr:last-child th,
#informationWrap .tblA01 tr:last-child td{
  border-bottom: solid 1px #CCCCCC;
}


#informationWrap .tblB01,
#informationWrap .tblB01 th,
#informationWrap .tblB01 td{
  font-weight: normal;
  border:none;
  vertical-align: top;
  padding-bottom: 15px;
}


#informationWrap .tblB01 th,
#informationWrap .tblB01 td{
  padding-bottom: 15px;
}
#informationWrap .tblC01 th{
    text-align: center;
}
#informationWrap .tblC01,
#informationWrap .tblC01 th,
#informationWrap .tblC01 td{
  font-weight: normal;
  padding: 5px;
  vertical-align: middle;
  border:solid 1px #CCCCCC;
  line-height: 1.5;
  margin: 0 0 35px 0;
}

#informationWrap .tblD01{
  width:100%;
}
#informationWrap .tblD01 th{
  background: #44546a;
  color: #FFFFFF;
  border:solid 1px #CCCCCC;
}
#informationWrap .tblD01,
#informationWrap .tblD01 th,
#informationWrap .tblD01 td{
  font-weight: normal;
  padding: 5px;
  vertical-align: middle;
  line-height: 1.5;
}
#informationWrap .tblD01 tr td{
  border-bottom:dotted 1px #CCCCCC;
  border-left:solid 1px #CCCCCC;
  border-right:solid 1px #CCCCCC;
}
#informationWrap .tblD01 tr:last-child td{
  border-bottom: solid 1px #CCCCCC;
}
#informationWrap .tblD01 tr td.borderBottomA01{
  border-bottom: solid 1px #CCCCCC;
}


#informationWrap .tblE01{
  margin: 0 0 20px 0;
}
#informationWrap .tblE01,
#informationWrap .tblE01 th,
#informationWrap .tblE01 td{
  font-weight: normal;
  padding: 3px;
  vertical-align: middle;
  line-height: 1.5;
  border: none;
}

#informationWrap .tblF01{
  margin: 0 0 10px 0;
}
#informationWrap .tblF01
#informationWrap .tblF01 td{
  font-weight: normal;
  padding: 3px;
  vertical-align: middle;
  line-height: 1.5;
  border: none;
}
#informationWrap .tblF01 tr td:first-child{
  padding-right: 10px;
}




/* column(N)Wrap
---------------------------------------------------- */
#informationWrap .column2Wrap{
  margin-bottom: 20px;
}

#informationWrap .column2Wrap .columnA01{
  float: left;
  width: 15%;
  text-align: center;
}

#informationWrap .column2Wrap .columnA02{
  float: left;
  width: 85%;
}



/* .ruby
---------------------------------------------------- */
#informationWrap .lh20{
	line-height: 2;
}

#informationWrap span.ruby01{
	display:inline-block;
	position: relative;
}
#informationWrap span.ruby01::after{
	content: "ビーディー";
	top: -1em;
	left: 0;
	font-size: 0.5em;
	position: absolute;
	width: 250%;
}


/* qaBlock01
---------------------------------------------------- */
div.textBlock01 .qaBlock01 dl{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #999;
}
div.textBlock01 .qaBlock01 dl:last-child{
  margin: 0 0 20px 0;
}
div.textBlock01 .qaBlock01 dl dt{
	min-height:25px;
	padding:14px 10px 10px 40px;
	background:url("/support/images/ico_q.gif") no-repeat 0 10px;
	font-weight:bold;
	margin: 0 0 10px;
	border-bottom: 1px dotted #999;
}
div.textBlock01 .qaBlock01 dl dd{
	margin: 0 0 0 0;
	min-height:25px;
	padding: 14px 10px 10px 40px;
	background:url("/support/images/ico_a.gif") no-repeat 0 14px;
}
div.textBlock01 .qaBlock01 dl dd p{
	margin: 0 0 5px 0;
}
div.textBlock01 .qaBlock01 dl dd .indent{
	padding: 0 0 0 1em;
}
.pcmr40{
		margin-right: 40px
}

#informationWrap .vam img{
	vertical-align: middle;
}



/* borderBlockXX
---------------------------------------------------- */
#informationWrap .borderBlockA01{
	border: solid 1px red;
	padding: 0.5em;
	margin-bottom: 25px;
}
#informationWrap .borderBlockA01 dl dt{
	color: red;
	margin-bottom: 3px;
}
#informationWrap .borderBlockA01 dl dd{
	color: red;
}


@media all and (max-width: 700px) {
	.pcmr40{
		margin-right: 0!important;
	}
	
	#informationWrap .tblB01 th{
		width: 43%;
		padding-right: 15px;
	}
}

/* btnCntBlock
---------------------------------------------------- */
#informationWrap .popupBtnBlock01 {
  width: 84%;
  margin: 0 auto;
}

#informationWrap .btnCntBlock01 {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
#informationWrap .btnCntBlock01 .btnCntElm {
  display: table-cell;
  width: 48%;
  height: 100%;
  padding-left: 4%;
  vertical-align: top;
}
#informationWrap .btnCntBlock01 .btnCntElm:first-child {
  padding-left: 0;
}

#informationWrap .infoBtnBlock01 {
  display: block;
  padding: 1.3em 1em;
  font-size: 1.2em;
  color: #000;
  text-align: center;
  border: 1px solid #bebebe;
  border-radius: 5px;
  background: #fdfdfd;
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #dbdbdb 100%);
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#dbdbdb 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#dbdbdb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dbdbdb',GradientType=0 );
  box-sizing: border-box;
}
#informationWrap a.infoBtnBlock01:hover {
  color: #fc8230;
}

#informationWrap .btnCntBlock01 .btnCntElm > .infoBtnBlock01 {
  display: table;
  width: 100%;
  height: 100%;
}
#informationWrap .btnCntBlock01 .btnCntElm > .infoBtnBlock01 > .infoBtnBlockInner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

/* popup
---------------------------------------------------- */
.popup-info-scroll-prevent {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

#informationWrap .popup-info-Block01 {
	display: none;
}

#informationWrap .popup-cnt-wrapper {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 15vh 5% 5vh;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	display: none;
  box-sizing: border-box;
}

#informationWrap .popup-cnt-wrapper .popup-cnt-wrapper-container {
	width: 100%;
	max-height: 100%;
	overflow: auto;
}

/* closeボタン */
#informationWrap .popup-cnt-wrapper .btn-close {
	width: 100%;
	height: 15vh;
	line-height: 1;
	color: #eee;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

#informationWrap .popup-cnt-wrapper .btn-close .fa-times {
	padding: 0.5rem;
	position: absolute;
	bottom: 0;
	right: 5%;
	font-size: 2.3rem;
}
#informationWrap .popup-cnt-wrapper .btn-close .fa-times:before {
	content: "×";
  display: block;
}

#informationWrap .popup-cnt-wrapper .popup-cnt-result {
	background: #fff;
}

/* スマートフォン専用スタイル */
@media only screen and (max-width: 767px) {
  /* ポップアップ */
	#informationWrap .popup-cnt-wrapper .popup-cnt-result {
		padding: 3rem 5% 4rem;
	}
}

/* PC&タブレット、印刷専用スタイル */
@media print , screen and (min-width: 768px) {
  /* ポップアップ */
	#informationWrap .popup-cnt-wrapper .popup-cnt-result {
		padding: 3rem 3rem 5rem;
	}
}

/* parts pattern style
---------------------------------------------------- */
#informationWrap .numListA03.ptn-style01,
#informationWrap .numListA03.ptn-style02,
#informationWrap .numListA03.ptn-style03 {
  text-indent: 0;
  padding-left: 0;
}

#informationWrap .numListA03.ptn-style01 .ptn-style-img,
#informationWrap .info-ptn-style01-img {
  width: 100%;
  max-width: 448px !important;
  height: auto;
}
#informationWrap .numListA03.ptn-style01.icon04 li::after {
  width: 35%;
  max-width: 160px;
  background-size: 14.5%;
}

#informationWrap .numListA03.ptn-style02 .ptn-style-img,
#informationWrap .info-ptn-style02-img {
  width: 100%;
  max-width: 378px !important;
  height: auto;
}

#informationWrap .numListA03.ptn-style03 .ptn-style-img,
#informationWrap .info-ptn-style03-img {
  width: 100%;
  max-width: 448px !important;
  height: auto;
}
#informationWrap .numListA03.ptn-style03.icon04 li::after {
  width: 32%;
  max-width: 144px;
  background-size: 15.5%;
}

/* general
---------------------------------------------------- */
/* font color */
#informationWrap .fColorRed01 {
  color: red !important;
}

/* border */
#informationWrap .bdBottomGray01 {
  border-bottom: 1px dotted #ccc !important;
}

/* Margin＆Padding */
#informationWrap .infoMb00 { margin-bottom: 0 !important; }

#informationWrap .infoPt00 { padding-top: 0 !important; }

#informationWrap .infoPb00 { padding-bottom: 0 !important; }

#informationWrap .infoPl00 { padding-left: 0 !important; }