@charset "utf-8";

/* **************************************************

データ復旧サービス用CSS

Copyright (c) Dospara Co., Ltd. All rights reserved. 

***************************************************** */


/* content===========================================

[1] Base Setting
[2] Page Top
[3] Text Setting
[4] Layout Setting
[5] ABOUT
[6] COMPARE
[7] FLOW CHART
[8] PROCEDURE
===================================================== */


/* 1: Base Setting
=========================================================================================== */
.column2R #main {
	float: none;
	width: auto;
}

#dRecovery {
	width: 970px;
	margin: 0px auto;
	font-size: 16px;
	line-height: 160%;
}
#dRecovery .bLed {
	color: #ff3300;
}
#dRecovery .bBule {
	color: #0070c0;
}
#dRecovery .bold {
	font-weight: bold;
}
#dRecovery .titleImage {
	margin: 0 0 28px 0;
}

.mgt60 {
	margin:60px 0 0 0!important;
}
#dRecovery a:hover img {
	opacity: 0.8;
 	filter: alpha(opacity=80);
 	-ms-filter: "alpha(opacity=80)";
}
#dRecovery h3 {
	margin: 0 0 20px 0;
	padding: 12px 20px 10px;
	text-align: left;
	background:#448aca;
	color: #ffffff;
	font-size: 133.3%;
}
#dRecovery .fukkyuu {
	width:100%;
	overflow:hidden;
}
#dRecovery .fukkyuu .box {
	width: 30.9%;
	height:420px;
	background:#f0f0f0;
	color:#434343;
	float:left;
	border-radius:10px;
	padding:10px 0;
	min-height: 170px;
	margin: 0 10px 0 10px;
	border:1px solid #CCC;
	position: relative;
}
#dRecovery .fukkyuu .box dt {
	font-weight: bold;
	font-size:118.8%;
	margin: 15px 0 20px 0;
	text-align:center;
}
#dRecovery .fukkyuu .box dd p.tit {
	margin: 0 20px;
}
#dRecovery .fukkyuu .box dd p.btn {
	width:100%;
	overflow:hidden;
	background: none;
	padding:0;
	margin:20px 0 0 0;
	position:absolute;
	bottom:20px;
}
#dRecovery .fukkyuu .box dd p.btn a {
	width:85%;
	padding: 10px 0 10px;
	background-color:#F60;
	border-radius:8px;
	color:#FFF;
	font-weight:bold;
	display:block;
	text-align:center;
	margin:0 auto;
	text-decoration: none;
}
#dRecovery .fukkyuu .box dd p.btn a:hover {
	background-color: #FC0;
	}
#dRecovery .fukkyuu .box dd p.img {
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    text-align: center;
    bottom: 80px;
    position: absolute;
}
#dRecovery .bold {
    font-weight: bold;
}
#dRecovery .bBule {
	color: #0070c0;
}
#dRecovery .bLed {
	color: #ff3300;
}

@media screen and (max-width:479px){	
	#container {
		margin-bottom: 0px;
	}
	
	.column2R #main {
		width: 100%;
	}
	
	#dRecovery {
		width: 100%;
		margin: 0px;
		font-size: 1.0em;
	}
	
	#dRecovery img {
		width: 100%;
		height:auto;
	}
	#dRecovery .breadCrumb {
		line-height: 130%;
	}
	#dRecovery .fukkyuu .box {
		width: 93%;
		height: 420px;
		padding: 10px 0;
		margin: 0 10px 20px 10px;
	}
	#dRecovery .fukkyuu .box dd p.img {
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    text-align: center;
    bottom: 80px;
    position: absolute;
	}
	#dRecovery .fukkyuu .box dd p.img img {
		width:80%;
	}
}


/* 2: Page Top
=========================================================================================== */
#pageTop {
	display: none;
	position: fixed;
	bottom: 25px;
	right: 50px;
	padding:5px 10px;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;
	color: #fff;
	font-size: 12px;
	line-height:1.5em;
	text-align: center;
	cursor: pointer;
}

#pageTop:hover {
	opacity: 0.7;
 	filter: alpha(opacity=70);
 	-ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width:479px){
	#pageTop {
		bottom: 0px;
		right: 10px;
	}
}


/* 3: Text Setting
=========================================================================================== */
#dRecovery em {
	color: #000000;
	font-weight: bold;
	font-stretch: normal;
}

#dRecovery strong {
	color: #ff0000;
}

#dRecovery h2 {
	margin: 0px -25px 25px -25px;
    padding: 17px 25px 5px 25px;
	color: #404040;
	font-size: 150%;
	border-bottom: 2px solid #4a7ebb;
}
#dRecovery .noneBoder {
	text-align: center;
    padding: 20px 0 0;
}
#dRecovery p {
	margin: 0px 0px 26px 0px;
}

#dRecovery .img {
	margin: 0px;
}

#dRecovery .notes {
	clear: both;
	padding-left: 1.0em;
	text-indent: -1.0em;
}

#dRecovery .notes li {
	margin-bottom: 16px;
}

#dRecovery .blue {
	color: #004b9c;
}


@media screen and (max-width:479px){
	#dRecovery h2 {
		margin: 0px -1% 12px -1%;
		padding: 12px;
	}
}


/* 4: Layout Setting
=========================================================================================== */
#dRecovery .signboard {
	margin-bottom: 53px;
	border-left: 3px solid #004b9c;
	border-right: 3px solid #004b9c;
	border-bottom: 3px solid #004b9c;
}

#dRecovery div[class$="Sec"] {
	clear: both;
	padding: 0px 25px 32px 25px;
}
#dRecovery div[class$="Sec"]:after {
	content: " ";
    display: block;
    clear: both;
}

#dRecovery .center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#dRecovery .left {
	float: left;
}

#dRecovery .right {
	float: right;
}

#dRecovery .forSMP {
	display: none;
}

@media screen and (max-width:479px){
	#dRecovery .signboard {
		margin-bottom: 0px;
		border: none;
	}
	
	#dRecovery div[class$="Sec"] {
		padding: 0px 1% 28px 1%;
	}
	
	#dRecovery .forSMP {
		display: block;
	}
	
	#dRecovery .forPC {
		display: none;
	}
}


/* 5: ABOUT
=========================================================================================== */
#dRecovery .aboutSec .catch {
	padding: 12px 56px 11px 286px;
	border: 3px solid #004b9c;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px; 
	background-image: url(/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dwe43d7226/5info/img/data-recovery/01about_catch_operator.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #000000;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	line-height: 160%;
}


#dRecovery .aboutSec .catch span {
	display: block;
	font-size: 135%;
}

@media screen and (max-width:479px){
	#dRecovery .aboutSec .catch {
		padding: 4px;
		background-image: none;
	}
}


/* 6: COMPARE
=========================================================================================== */
#dRecovery .compareSec strong {
	font-size: 120%;
}

#dRecovery .compareSec .notes {
	margin-bottom: 26px;
}

#dRecovery .compareSec .notes li {
	margin-bottom: 0px;
	font-size: 90%;
}


@media screen and (max-width:479px){

}



/* 6: FLOW
=========================================================================================== */
#dRecovery .flowSec strong {
	font-size: 150%;
	color: #ff0000;
}

#dRecovery .flowSec .notes {
	margin-bottom: 26px;
}

#dRecovery .flowSec .notes li {
	margin-bottom: 0px;
	font-size: 90%;
}

#dRecovery .topFlowbox {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 0 30px 0;
	background: url(/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dwe43d7226/5info/img/data-recovery/bg_top_flow.webp) no-repeat 0 0;
}
#dRecovery .topFlowbox .img {
	display:none;
}
#dRecovery .topFlowbox .txt {
	-webkit-flex: 4;
	flex: 4;
	font-size:162.5%;
	line-height: 1.4;
	font-weight: bold;
	margin: 50px 0 32px 171px;
    letter-spacing: -0.4px;
}
@media screen and (max-width:479px){
#dRecovery .topFlowbox {
    flex-direction: column;
    padding: 0;
    background: none;
    border: 2px solid #448aca;
    border-radius: 10px;
	background:none;
}
#dRecovery .topFlowbox .img {
    display: inherit;
    text-align: center;
    margin-top: 16px;
}
#dRecovery .topFlowbox .txt {
	margin: 16px 0 0 0!important;
	font-size: 100%;
}
}