@charset "UTF-8";
/* CSS Document */
.recommend_box li p{
	display: block;
	padding-left: 50px;
	background: url(../image/common/icon_recommend.gif) no-repeat 2px 0;
	line-height:18px;
	min-height: 18px;
	font-size: 14px;
	
}


@media only screen and (max-width: 690px) {
	
	#dcms_layoutPageBlock > div{
		display: block;
		margin: 0 auto 10px;
	}
	
	#dcms_layoutPageBlock > div > img{
		display: none;
	}
	
	#dcms_layoutPageBlock > p{
		display: none;
	}
	
	.subtitle03_pickup{
		background-size: 300%;
		padding-top: 15px;
		height: 75px;
		line-height: inherit;
		letter-spacing:inherit;
		text-indent: inherit;
		padding-left: 80px;
		width: auto;
		text-align: left;
	}
	
	.subtitle04_pickup{
		width: 100%;
		font-size: 18px;
		height: inherit;
	}
	
	.picture_area{
		margin: 0 15px 0 0;
		width: inherit;
		height: inherit;
		background-size: 85%;
		text-align: center;
		background-position: center;
	}
	
	.picture_area > img{
		width: 83%;
		height: auto;
	}
	
	.sub_box2{
		width: 85%;
		margin: auto;
	}
	
	.sub_box2_right{
		width: 100%;
		display: inline-block;
		float: none;
		margin-bottom: 150px;
	}
	
	.sub_box2_left{
		width: fit-content;
		float: none;
		margin: auto;
	}
	
	.txt_b,.txt_c{
		position: absolute;
		left: 0;
		right: 0;
	}
	
	.p_a{
		bottom: -500px;
	}
	
	.p_b{
		bottom: -525px;
	}
	
	.p_c{
		bottom: -505px;
	}

	.p_d{
		bottom: -445px;
	}
	
	.p_e{
		bottom: -520px;
	}
	
	.list_box{
		width: 100%;
	}
	
	.list_box_top{
		width: 100%;
	}
	
	.list_box_bottom{
		width: 100%;
	}

    /*iphone5*/
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
	.w_left > p{
		font-size: 10px;
		line-height: 13px;
	}
	
	.procedure_box{
		width: 290px;
	}
	
	.sub_box2{
		width: 95%;
	}
	
	.subtitle03_pickup{
		background-size: auto;
		padding: 15px 10px;
		padding-left: 0;
		background: #293474;
		height: inherit;
		text-align: right;
	}

}