/* TOPのメイン------------------------*/	
.main {
	padding-top:43px;
	min-height:350px;
	background:#a1c6e5 url("../img/bg_main.png") no-repeat center bottom;
}
.main .lead {
	font-size:1.3rem;
	font-weight:bold;
}
.sub_title{
	text-align:center;
	
	}
h1{margin-bottom:2rem;font-size:2.1rem;}
.h3-title-border{
	border-bottom:#999 solid 1px;
	padding-bottom:1rem;
}
.h4-title-border{
	margin-bottom:1.5rem;
	padding:0.5rem 1rem;
	border:#999 1px solid;
	border-radius:3px;
	font-size:1.1rem;
	}
.h5-title-bg{
	margin-bottom:1rem;
	padding:0.5rem 1rem;
	border-radius:3px;
	font-size:1.0rem;
	background:#ece7e7;
	}
	
/* 下層のメイン------------------------*/	
.sub_title_wrap{
	background:#a1c6e5 url("../img/bg_main.png") center no-repeat;
	background-size:100%;
	}
	.sub_title_wrap h1 span {
		display:block;
		font-size:0.95rem;
		padding-top:2rem;
	}

@media screen and (max-width: 39.9375em) {	
.mini {
	margin-top:2.9rem;
	margin-bottom:1rem;
}
}

/* コンテンツエリア------------------------*/
.lead{margin-bottom:2rem;font-size:1.1rem;}
.fill_gray{
	background:#f5f5f5;
	}
.section_bottom_link{
	margin:2rem 0 0;
	}

.point_wrap ul:first-child{margin:0rem auto 2rem;}
.point_wrap p{padding:0 1rem;}
.point_wrap h3{text-align:center;margin:1rem 0;}
.flow_wrap ul:first-child{margin:0rem auto 2rem;}
.flow_wrap h3{text-align:center;margin:1rem 0;font-size:1.2rem;}

.scene_list > div{position:relative;margin-bottom:60px;}
.scene_list_title{width:100%;text-align:center;position:absolute;bottom:-40px;padding:1% 5px;font-size:12px;}
.scene_list_title h3{padding:0;margin:0 0 0.1rem;font-size:1rem;letter-spacing:2px;font-weight:bolder;}

.partner_section{padding:2rem 0; border-bottom:1px solid #ccc;}
.partner_img{position:relative;}
.partner_section .partner_img img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.partner_section:last-child{border:none;}
.partner_section .lead{line-height:1.8;}
.partner_section iframe{width:100%;min-height:300px;border:none;}

.sectionEnd { display:block; clear:both; width:0; height:0; margin-bottom:3rem; border:0; }

/*コンバージョンエリア-------------*/
.cv_area{
	margin:4rem auto 2rem;
	border:5px solid #333;
	background:#fff;
	}
.cv_area h3{
	color:#fff;
	padding:0.3rem 0;
	margin:0;
	background:#333;
	text-align:center;
	font-size:1.3rem;
	}
	.cv_area_top{background:#eee;padding-bottom:1rem;}
	.order_link{font-size:14px;}
	.cv_area_top .button{padding:1rem 6rem;font-size:1.6rem;margin:2rem 0 1rem;}
	.cv_links{
		width:100%;
		margin:0.7rem auto;}
	.cv_links li{
		border-right:1px solid #ccc;
		width:25%;
		float:left;
		padding:0.5rem 0rem;
		font-size:0.95rem;
		text-align:center;
		}
	.cv_links li:last-child{border:none;}

/*Gナビ内 CPバナー-------------*/
.bnr_cp_float {
	position: absolute;
	top:-9.5rem;
	right: 6rem;
}
.fixed .bnr_cp_float {
	display:none;
}
.bnr_cp_float a {
	background: url(/service/backup/campaign/img/bg_bnr_cp_float.png) no-repeat center;
	display: block;
}
.bnr_cp_float a:hover img {
	opacity: 0.7;
}
h1{
	font-size:1.6rem;
	font-weight:bolder;
	}
p.lead{
	margin-bottom:0;
	}
/* ---------------------タイムライン・吹き出し */
.timeline {
	background:url(../img/index/img_timeline.png) no-repeat center top;
	position:relative;
	height:50rem;
}
.timeline strong{
	border-bottom:3px solid #fff04c;
	}
.timeline01,.timeline02,.timeline03,.timeline04,.timeline05 {
	background:#d2edfe;
	border-radius:0.2rem;
	padding:1rem;
}
.timeline01 h2,.timeline02 h2,.timeline03 h2,.timeline04 h2,.timeline05 h2{
	font-size:1rem;
	font-weight:bold;
	margin-bottom:0.2rem;
}
.timeline01 p,.timeline02 p,.timeline03 p,.timeline04 p,.timeline05 p {
	line-height:1.4 !important;
	margin-bottom:0;
}

.timeline01 {
	width:18rem;
	position:absolute;
	top:0;
	left:0;
}
.timeline01:before {
    border-color: transparent transparent transparent #d2edfe;
    border-style: solid;
    border-width: 1rem 0 1rem 1.5rem;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -1rem;
    top: 3rem;
    width: 0;
}
.timeline02 {
	width:18rem;
	position:absolute;
	top:8rem;
	right:5rem;
}
.timeline02:before {
    border-color: transparent #d2edfe transparent transparent;
    border-style: solid;
    border-width: 1rem 1.5rem 1rem 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -1rem;
    top: 3rem;
    width: 0;
}
.timeline03 {
	width:18rem;
	position:absolute;
	top:16rem;
	right:5rem;
}
.timeline03:before {
    border-color: transparent #d2edfe transparent transparent;
    border-style: solid;
    border-width: 1rem 1.5rem 1rem 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -1rem;
    top: 3rem;
    width: 0;
}
.timeline04 {
	width:18rem;
	position:absolute;
	top:25rem;
	right:0;
}
.timeline04:before {
    border-color: transparent #d2edfe transparent transparent;
    border-style: solid;
    border-width: 1rem 1.5rem 1rem 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -1rem;
    top: 3rem;
    width: 0;
}
.timeline05 {
	width:18rem;
	position:absolute;
	top:37rem;
	left:0;
}
.timeline05:before {
    border-color: transparent transparent transparent #d2edfe;
    border-style: solid;
    border-width: 1rem 0 1rem 1.5rem;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -1rem;
    top: 3rem;
    width: 0;
}
@media screen and (max-width: 39.9375em) {
.timeline {
	background:none;
	position:static;
	height:auto !important;
}
.timeline01,.timeline02,.timeline03,.timeline04,.timeline05 {
	position:static;
	margin:0 auto 1rem;
	width:90%;
}
.timeline01:before,.timeline02:before,.timeline03:before,.timeline04:before,.timeline05:before {
	border:none;
}
	
	}
/* ---------------------吹き出しフェードイン */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 700ms;
    }
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/* ---------------------特長 */
.feature01,.feature02,.feature03 {
	border:solid #ccc 1px;
	border-radius:0.2rem;
	padding:0.8rem;
	height:9rem;
	margin-bottom:1rem;
}
.feature h2 {
	font-size:0.85rem;
	margin-bottom:0.1rem;
	font-weight:bold;
}
.feature01 {
	background:#fff url(../img/index/img_top01.png) no-repeat center 4rem;
	padding-bottom:4rem;
}
.feature02 {
	background:#fff url(../img/index/img_top02.png) no-repeat 1.2rem center;
	padding-left:8rem;
}
.feature03 {
	background:#fff url(../img/index/img_top03.png) no-repeat 1.2rem center;
	padding-left:8rem;
}