@charset "UTF-8";
/*------------------------------ランディング-------------------------------*/
.main_static{
	width: 980px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.main_static.left{
	width: 680px;
}
.main_static .txt{
	color: #444;
}
@media screen and (max-width:1000px) {
	.main_static,
	.first_content{
		margin: 85px 0 0 0;
		width: 100%;
	}
	.main_static .txt{
	    width: 100%;
	    font-size: 12px;
	    margin: 0;
	    padding: 20px;
	    background: #fff;
	}
}

/*.main_static>div{
	text-align: center;
}*/
.landing h4{
	color: #006699;
	font-weight: bold;
	font-size: 20px;
}
.landing .copy{
	border-bottom: solid 3px #006699;
}
.landing .point{
	padding: 20px;
	margin-bottom: 20px;
	border-bottom: solid 3px #006699;
}
.landing .point ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
.landing .point li{
	margin-bottom: 20px;
}
.landing .point p{
	padding-left: 20px;
}
.landing .point .pt_1 h4,
.landing .point .pt_2 h4,
.landing .point .pt_3 h4
{
	font-size: 15px;
	line-height: 20px;
	position: relative;
    padding: 10px 0 10px 100px;
}
.landing .point .pt_1 h4:before{
    content: "メリット1";
    position: absolute;
    color: #fff;
    background: #006699;
    padding: 10px;
    left: 0;
    top: 50%;
    margin-top: -20px;
}
.landing .point .pt_2 h4:before{
    content: "メリット2";
    position: absolute;
    color: #fff;
    background: #006699;
    padding: 10px;
    left: 0;
    top: 50%;
    margin-top: -20px;
}

.landing .point .pt_3 h4:before{
    content: "メリット3";
    position: absolute;
    color: #fff;
    background: #006699;
    padding: 10px;
    left: 0;
    top: 50%;
    margin-top: -20px;
}

.landing h4.excl_mark{
	font-size: 16px;
	position: relative;
	padding-left: 40px;
	padding-bottom: 10px;
	border-bottom: dashed 2px #006699;
}
.landing h4.excl_mark:before{
	content: "!";
    position: absolute;
    color: #fff;
    background: #006699;
    padding: 5px 10px;
    left: 0;
    top: 50%;
    margin-top: -20px;
}
.landing ul.case{
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
.landing ul.case li{
	position: relative;
	padding: 5px 5px 5px 20px;
	float: left;
	width: 50%;
	padding-left: 30px;
	margin-bottom: 0;
}
.landing ul.case li:before{
    content: url(../../../img/common/list_check_b.gif);
    position: absolute;
    background: none;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 0;
    margin-top: -10px;
}
.landing .flow ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
.landing .flow li{
    float: left;
    width: 146px;
    height: 200px;
    margin-right: 20px;
}
.landing .flow li:last-child{
	margin-right: 0;
}
.landing .flow li .arrow{
	color: #fff;
	background: url(../../../img/common/flow_arrow.gif)no-repeat;
	height: 50px;
}
.landing .flow li .arrow,
.landing .flow li .end{
	padding: 8px 10px;
}
.landing .flow li .single{
	padding-top: 16px;
}
.landing .flow li .end{
	color: #fff;
	background: url(../../../img/common/flow_end.gif)no-repeat;
	height: 50px;
}
@media screen and (max-width:1000px) {
	.landing ul.case li{
		float: none;
		width: 100%;
	}
	.landing .flow li{
	    float: none;
	    width: 100%;
	    height: auto;
	    margin-right: 0;
	}
}

/*------------------------------追加-------------------------------*/

.img_left{float:left;}
.text_right{float:left;}
.clr{clear: both;}