@media only screen and (min-width: 897px) {
.flex_bizdrive{
	width:884px;
	margin: 0 auto;
}
	.layoutStyle03 img{
		
		width: 190px;

}
	
	.plPC{
		position: relative; 
		top: -45px;
	}
	
	.pP3{
		padding: 3px;
	}
}

@media only screen and (max-width: 896px) {
	.boxStyle05.spbdBnone{
		border-right: none;
	}
}



@media only screen and (min-width: 897px) {
	.flexPcrr {
		flex-direction: row-reverse;
	}
	.wPC100 {
		width: 100% !important;
	}
	.wPC90 {
		width: 90% !important;
	}
	.wPC85 {
		width: 85% !important;
	}
	.wPC80 {
		width: 80% !important;
	}
	.wPC70 {
		width: 70% !important;
	}
	.wPC60 {
		width: 60% !important;
	}
	.wPC50 {
		width: 50% !important;
	}
	.wPC40 {
		width: 40% !important;
	}
	.wPC30 {
		width: 30% !important;
	}
	.wPC25 {
		width: 25% !important;
	}
	.wPC20 {
		width: 20% !important;
	}
	.wPC10 {
		width: 10% !important;
	}
}

@media only screen and (max-width: 896px) {
	.wSP100 {
		width: 100% !important;
	}
	.wSP90 {
		width: 90% !important;
	}
	.wSP80 {
		width: 80% !important;
	}
	.wSP70 {
		width: 70% !important;
	}
	.wSP60 {
		width: 60% !important;
	}
	.wSP50 {
		width: 50% !important;
	}
	.wSP40 {
		width: 40% !important;
	}
	.wSP30 {
		width: 30% !important;
	}
	.wSP20 {
		width: 20% !important;
	}
	.wSP10 {
		width: 10% !important;
	}
	.mlS0{
		margin-left: 0;
	}
}


.tableStyle03 td{
	padding: 10px;
	
}

.wa {
	width: 
		auto;
}

table.bd_td_white td{
	background: #fff;
	
}


.grad-btn {
  /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ*/
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 0; /*隠した状態の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

.tableStyle02 .col{
	background: none !important;
}

.tableStyle02 .col{
	background: none !important;
}


.formStyle01{
	border: none;
}
.formStyle01 dt{
	background: none;
}
.tableStyle01 .col:nth-child(odd) {

  color: inherit;
}


.formStyle01 dt {
	border-right: none;}
.linkStyle01_black.download:after {
	background: url("/ja/bizdrive/img/icon_download.svg") no-repeat;
	width: 16px;
	height: 16px;
	right: 25px;
}	
.linkStyle01_black.download:hover:after {
	background: url("/ja/bizdrive/img/icon_download_w.svg") no-repeat;
	width: 16px;
	height: 16px;
	right: 25px;
	fill: #fff;
}	

.linkStyle01_black.download:disabled{
	background: #ccc !important;
	border:  #fff;
	color: #fff;
}
.linkStyle01_black.download:disabled:after{
	background: url("/ja/bizdrive/img/icon_download_w.svg") no-repeat;
	width: 16px;
	height: 16px;
	right: 25px;
	
}

.lh1{
	line-height: 1em !important;
}

@media only screen and (min-width: 897px){
	.m0a{
		margin: 0 auto;
	}
}

/*pattern 01*/
.case_xx{
	width: 135px;
	height: 135px;
	background: #fff;
	border-radius: 70px;
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.05);
	margin: 0 auto;
	vertical-align: middle;
	text-transform: uppercase;
	padding-top: 24px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	margin-bottom: 40px;

}

.flexP3.case div:nth-child(1) .case_xx {color:  #639cb9;}
.flexP3.case div:nth-child(2) .case_xx{color:  #63b9ae;}
.flexP3.case div:nth-child(3) .case_xx{color:  #63b99c;}
.flexP3.case div:nth-child(4) .case_xx{color:  #63b983;}
.flexP3.case div:nth-child(5) .case_xx{color:  #63b965;}
.flexP3.case div:nth-child(6) .case_xx{color:  #90c838;}

.case_xx span{
	display: block;
	font-size: 50px;
	line-height: .8;
}

.flexP3.case div:first-child{background-image: url("/ja/bizdrive/img/case01.png") }
.flexP3.case div:nth-child(2){background-image: url("/ja/bizdrive/img/case02.png") }
.flexP3.case div:nth-child(3){background-image: url("/ja/bizdrive/img/case03.png") }
.flexP3.case div:nth-child(4){background-image: url("/ja/bizdrive/img/case04.png") }
.flexP3.case div:nth-child(5){background-image: url("/ja/bizdrive/img/case05.png") }
.flexP3.case div:nth-child(6){background-image: url("/ja/bizdrive/img/case06.png") }

.flexP3.case div{
	padding-bottom: 40px;
	background-position: right bottom;
	background-repeat: no-repeat;
	position: relative;
}


.caseFadein {
  opacity : 0;
  transform : translate(0, 10px);
  transition : all 0.5s;
}
 
.caseFadein.active{
  opacity : 1;
  transform : translate(0, 0);
}

.caseFadein.fade2{transition-delay: 0.2s;}
.caseFadein.fade3{transition-delay: 0.4s;}


/*pattern02*/
.thumb {
	width: 250px;
	height: 250px;
	border-radius: 100%;
	overflow: hidden;
	z-index:10;
	margin: 0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom: 20px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.03);
}

.flexP3.caseStyle div:first-child .thumb{background-image: url("/ja/bizdrive/img/case01.jpg"); }
.flexP3.caseStyle div:nth-child(2) .thumb{background-image: url("/ja/bizdrive/img/case02.jpg"); }
.flexP3.caseStyle div:nth-child(3) .thumb{background-image: url("/ja/bizdrive/img/case03.jpg");
											}
.flexP3.caseStyle div:nth-child(4) .thumb{background-image: url("/ja/bizdrive/img/case04.jpg"); }
.flexP3.caseStyle div:nth-child(5) .thumb{background-image: url("/ja/bizdrive/img/case05.jpg");}
.flexP3.caseStyle div:nth-child(6) .thumb{background-image: url("/ja/bizdrive/img/case06.jpg");}