.vol3{
}

.vol3_item{
	margin-bottom:80px;
	border:2px solid #eee;
	padding-bottom:20px;
}

.vol3_item_fl{
	float:left;
	display:inline;
}

.vol3_item_fl.wd{
	display:block;
}

@media screen and (max-width: 950px) {
.vol3_item_fl.wd{
	display:none;
}
.vol3_item_fl .img img{
}

.vol3_item_fl{
	float:none;
	display:block;
}
}

.vos .itemArea .vol3 .item{
	width:48.5%;
	background:#efefef;
	border-bottom:2px solid #d0d0d0;
	border-right:2px solid #d0d0d0;
	display:inline;
	position:relative;
}

.vos .itemArea .vol3 .item p{
	margin:0;
	padding:0;
}
.vos .itemArea .vol3 .item.left{
	float:left;
}
.vos .itemArea .vol3 .item.right{
	float: right;
}



@media screen and (max-width: 950px) {
.vos .itemArea .vol3 .item img{
	width:100%;
	height:auto;
}
}


.vol3 .howto{
}

.vol3 .howto .sec.sec01{
	background:url(../img/vol3_bg01.gif) 0 0 no-repeat;
	padding-top: 68.565400843%;
    background-size: contain;
}
.vol3 .howto .sec.sec02{
	background:url(../img/vol3_bg02.gif) 0 0 no-repeat;
	padding-top: 68.565400843%;
    background-size: contain;
}
.vol3 .howto .sec.sec03{
	background:url(../img/vol3_bg03.gif) 0 0 no-repeat;
	padding-top: 68.565400843%;
    background-size: contain;
}

.vol3 .howto .sec{
	position:relative;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:40px;
}

.vol3 .howto .sec .txtArea{
	position:absolute;
	top:-45px;
	left:0;
	text-align:left;
}

.vol3 .howto .note{
text-align:left;
font-size:75%;
}
.vol3 .howto .sec .txtArea p{
	margin-bottom:0;
}

.vol3 .howto .sec .txtArea p.mainTtl{
	font-size:300%;
	line-height:1.0;
}

.vol3 .howto .sec .txtArea p.subTtl{
	font-size:190%;
	line-height:1.0;
}

.vol3 .howto .sec .txtArea p{
	line-height:1.5;
}



@media screen and (max-width: 1200px) {
.vol3 .howto .sec .txtArea p.mainTtl{
	font-size:200%;
}

.vol3 .howto .sec .txtArea p.subTtl{
	font-size:120%;
	line-height:1.5;
}

.vol3 .howto .sec .txtArea p{
	font-size:90%;
}
}

@media screen and (max-width: 850px) {
.vol3 .howto .sec{
	position:inherit;
	margin-bottom:0;
}

.vol3 .howto .sec .txtArea{
	position: inherit;
}
.vol3 .howto .sec p.btn{
	text-align:right;
	margin-top:0 !important;
}

}


.vol3 .howto .sec p.btn{
	text-align:right;
	margin-top:-30px;
}



.vol3 .howto .subSecBor{
	background:url(../img/border.gif) repeat-y center 0;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:40px;
}

.vol3 .howto .subSec{
	width:45%;
	padding:30px 0;
}
@media screen and (max-width: 639px) {
.vol3 .howto .subSec{
	width:100%;
	padding:0 0;
	margin:0;
}
.vol3 .howto .subSecBor{
	background: none;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:40px;
}

.vol3 .howto .subSec p.mainTtl{
	font-size:200% !important;
	line-height:1.0;
}

}

.vol3 .howto .subSec p.mainTtl{
	font-size:260%;
	line-height:1.0;
}

.vol3 .howto .subSec p.leadtxt{
	text-align:left;
	margin:0 20px;
	line-height:1.8;
}

.vol3 .howto .subSec p.imgM{
	padding:15px !important;
}

@media screen and (max-width: 1150px) {
.vol3 .howto .subSec p.imgM img{
	width:100%;
	height:auto;
}
}

.vol3 .howto .subSec p.note{
	font-size:80%;
	text-align:left;
	margin:-20px 20px 0 20px;
}

.vol3 .howto .subSec.left{
	float:left;
	display:inline;
}


.vol3 .howto .subSec.right{
	float:right;
	display:inline;
}