/* common */
body{background: #fff;}
.wrapper_wrapper_{background: #fff;}
div.wrapper_{background: #fff;}

.e0009_item{
	font-size:15px;
	line-height:1.8;
	position: relative;
	max-width: 1140px;
	width: 100%;
}
.e0009_item .ct{margin:0 auto;text-align:center;}
.e0009_item .contents{margin:0 auto;width:660px;}
.e0009_item .left{float: left;}
.e0009_item .right{float: right;}

.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb110{margin-bottom:110px !important;}

.e0009_item .spe-title{
	margin-bottom:0;
}
.e0009_item .inner_box{
	display: table;
	width: 100%;
	padding: 0;
	text-align: left;
	position: relative;
}
.e0009_item .inner_box img{
	width: 100%;
	height: auto;
}
/* clear: both; */
.e0009_item #button-area .wrap::after,
.e0009_item #solution-area .wrap::after,
.e0009_item #section02 .wrap::after,
.e0009_item #section03 .wrap::after,
.e0009_item .trial-banner .btnwrap::after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* #main-area */
.e0009_item #main-area div.banner{
	width: 100%;
	margin: 40px auto 0;
}
.e0009_item #main-area{
	margin-bottom: 25px;
}

/* #button-area */
.e0009_item #button-area{
	max-width: 720px;
	width: 100%;
	border-radius: 5px;
	background: #ededed;
	padding: 25px 0 20px;
}
.e0009_item #button-area .wrap{
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
}
.e0009_item #button-area .wrap .download_btn{
	width: 318px;
	float: left;
}
.e0009_item #button-area .wrap .trial_btn{
	width: 318px;
	float: right;
}

/* #solution-area */
.e0009_item #solution-area{
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
}
.e0009_item #solution-area h3.ttl{
	max-width: 578px;
	width: 100%;
	margin: 0 auto 25px;
}
.e0009_item #solution-area .wrap.lower{
	margin-top: 20px;	
}
.e0009_item #solution-area .wrap .left{
	width: 230px;
	float: left;
	margin-right: 15px;
}
.e0009_item #solution-area .wrap .center{
	width: 230px;
	float: left;
}
.e0009_item #solution-area .wrap .right{
	width: 230px;
	float: right;
}

/* #section01 */
.e0009_item #section01{
	margin: 70px auto 0;
	max-width: 720px;
	width: 100%;
}
.e0009_item #section01 h2{
	max-width: 720px;
	width: 100%;
	margin: 0 auto 30px;
}
.e0009_item #section01 p.lead{
	text-align: center;
}
.e0009_item #section01 div.img-area{
	max-width: 679px;
	width: 100%;
	margin: 25px auto 0;
}

/* #section02 */
.e0009_item #section02{
	margin: 70px auto 0;
	max-width: 720px;
	width: 100%;
}
.e0009_item #section02 h2{
	max-width: 720px;
	width: 100%;
	margin: 0 auto 30px;
}
.e0009_item #section02 p.lead{
	text-align: center;
}
.e0009_item #section02 .wrap{
	max-width: 720px;
	width: 100%;
}
.e0009_item #section02 .wrap.upper{
	margin-top: 30px;	
}
.e0009_item #section02 .wrap.lower{
	margin-top: 50px;	
}
.e0009_item #section02 .wrap .left{
	width: 340px;
	float: left;
}
.e0009_item #section02 .wrap .left .mov{
	width: 340px;
	margin-top: 20px;
	position: relative;
	padding-bottom: 190px;
}
.e0009_item #section02 .wrap .left .mov iframe{
	position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.e0009_item #section02 .wrap .right{
	width: 340px;
	float: right;
}
.e0009_item #section02 .wrap .right .mov{
	width: 340px;
	margin-top: 20px;
	position: relative;
	padding-bottom: 190px;
}
.e0009_item #section02 .wrap .right .mov iframe{
	position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.e0009_item #section02 .wrap.upper .left h3{
	width: 214px;
	margin: 0 auto 5px;
}
.e0009_item #section02 .wrap.upper .right h3{
	width: 284px;
	margin: 0 auto 5px;
}
.e0009_item #section02 .wrap.lower .left h3{
	width: 173px;
	margin: 0 auto 5px;
}
.e0009_item #section02 .wrap.lower .right h3{
	width: 207px;
	margin: 0 auto 5px;
}
.e0009_item #section02 .wrap p{
	text-align: center;
}

/* #section03 */
.e0009_item #section03{
	margin: 85px auto 0;
	max-width: 720px;
	width: 100%;
}
.e0009_item #section03 h2{
	max-width: 720px;
	width: 100%;
	margin: 0 auto 40px;
}
.e0009_item #section03 .wrap .left{
	float: left;
	width: 230px;
	margin-right: 15px;
}
.e0009_item #section03 .wrap .center{
	float: left;
	width: 230px;
}
.e0009_item #section03 .wrap .right{
	float: right;
	width: 230px;
}
.e0009_item #section03 .btn{
	width: 394px;
	margin: 50px auto 0;
}

/* #section04 */
.e0009_item #section04{
	margin: 75px auto 0;
	max-width: 720px;
	width: 100%;
}
.e0009_item #section04 h2{
	max-width: 720px;
	width: 100%;
	margin: 0 auto 30px;
}
.e0009_item #section04 div.img-area{
	max-width: 720px;
	width: 100%;
}
.e0009_item #section04 p.att{
	margin-top: 20px;
	font-size: 12px;
	letter-spacing: -0.2px;
}
.e0009_item #section04 p.att a{
	color: #2b6eb5;
	text-decoration: underline;
}

/* #trial-area */
.e0009_item #trial-area{
	margin: 55px auto 0;
	background: #f3f3f3;
	padding: 35px 0;
	max-width: 720px;
	width: 100%;
}
.e0009_item #trial-area h2{
	width: 508px;
	margin: 0 auto;
}
.e0009_item #trial-area .btn{
	width: 318px;
	margin: 25px auto 0;
}
.e0009_item #trial-area p{
	text-align: center;
	margin-top: 15px;
}

/* .link */
.e0009_item .link{
	margin-top: 30px;
	text-align: center;
}
.e0009_item .link a{
	color: #2b6eb5;
	text-decoration: underline;
}

/* .trial-banner */
.trial-banner{
	position: fixed;
    display: none;
    max-width: 720px;
    width: 100%;
	background-image: url(/img/special/E0009/trial-banner_bg.png);
	height: 152px;
    bottom: 100px;
    z-index: 10;
    transform: translateX(29.2%);
}
.trial-banner .btnwrap{
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	padding-top: 70px;
}
.trial-banner .btnwrap .btn01{
	float: left;
}
.trial-banner .btnwrap .btn02{
	float: right;
}
@media print, screen and (max-width: 1500px) {
    .trial-banner {
        transform: translateX(4%);
        left: 32%;
    }
}
@media print, screen and (max-width: 767px) {
	.e0009_item .left{float: inherit;}
	.e0009_item .right{float: inherit;}
	.e0009_item #solution-area .wrap .left{
		float: inherit;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.e0009_item #solution-area .wrap .center {
	    float: inherit;
	    margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.e0009_item #solution-area .wrap .right {
	    float: inherit;
	    margin-right: auto;
		margin-left: auto;
	}
	.e0009_item #section01 p.lead{
		text-align: left;
		font-size: 14px;
	}
	.e0009_item #section02 {
	    margin: 50px auto 0;
	}
	.e0009_item #section02 .wrap .left {
	    width: 100%;
	    float: inherit;
	    margin-left: auto;
	    margin-right: auto;
	}
	.e0009_item #section02 .wrap .left .mov{
		width: 100%;
	}
	.e0009_item #section02 .wrap .right {
	    width: 100%;
	    float: inherit;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 30px;
	}
	.e0009_item #section02 .wrap .right .mov {
	    width: 100%;
	}
	.e0009_item #section02 .wrap.lower {
	    margin-top: 30px;
	}
	.e0009_item #section03 h2{
		margin: 0 auto 30px;
	}
	.e0009_item #section03 .wrap .left{
		float: inherit;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.e0009_item #section03 .wrap .center {
	    float: inherit;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.e0009_item #section03 .wrap .right {
	    float: inherit;
		margin-right: auto;
		margin-left: auto;
	}
	.e0009_item #section03 .btn{
		width: 80%;
		margin: 30px auto 0;
	}
	.e0009_item #section04{
		margin: 50px auto 0;
	}
	.e0009_item #trial-area{
		margin: 55px auto 0;
		padding: 30px 15px;
	}
	.e0009_item #trial-area h2{
		width: 100%;
	}
	.e0009_item #trial-area .btn{
		width: 100%;
	}
    .trial-banner{
	    left: 0;
        right: 0;
        margin: 0 auto;
        width: 95%;
        background-size: contain;
        background-image: url(/img/special/E0009/trial-banner_bg_spA.png);
        height: inherit;
        background-repeat: no-repeat;
        transform: inherit;
        padding-bottom: 25%;
	}
	.trial-banner .btnwrap{
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 32%;
		padding-top: 5%;
		display: flex;
		justify-content: space-between;
		width: 95%;
		margin: 0 auto;
	}
    .trial-banner .btnwrap .btn01{
        width: 49.5%;
        float: inherit;
    }
    .trial-banner .btnwrap .btn02{
        width: 49.5%;
        float: inherit;
    }
}