@charset "UTF-8";
/* ============================================================
#point ポイント
============================================================ */
#mainImg {
    background-image: url(../img/point/bg_mainimg01.png);
}

#intro {
	padding:30px 0;
}
#intro .tit {
	font-size:1.9rem;
	text-align:center;
	margin-bottom:15px;
}
#card {
	padding:30px 0;
}
#card .tit {
	font-size:2.3rem;
	margin-bottom:24px;
	position: relative;
}
#card .img {
	margin-bottom:22px;
	position: relative;
}
#card .inner {
	position:relative;
}
#card .inner:before {
	position: absolute;
    top: -30px;
    right: -20px;
    width: 200px;
    height: 500px;
    background: url(../img/guide/bg_commitment01.png) no-repeat 0 0;
    background-size: contain;
    content: "";
}
#card .list dt {
	font-weight:800;
	font-size:1.5rem;
	margin-bottom:12px;
}
#card .list dd {
	padding-left:20px;
	margin-bottom:3px;
	position:relative;
}
#card .list dd:before {
	content:"";
	background:#b29d87;
	width:9px;
	height:9px;
	border-radius:50%;
	position:absolute;
	top:6px;
	left:0;
	display:block;
}
@media all and (min-width: 600px) {
	#intro {
		padding:25px 0 40px;
	}
	#intro .inner {
		position:relative;
	}
	#intro .tit {
		font-size:3.2rem;
		text-align:left;
		margin-bottom:0;
		position:absolute;
		top:-5px;
		left:380px;
		white-space: nowrap;
	}
	#intro .img {
		width:340px;
	}
	#card {
		padding:0;
	}
	#card .inner {
		padding:80px 0 90px 540px;
		min-height:580px;
	}
	#card .inner:before {
		position: absolute;
		top: 0;
		right: -300px;
		width: 500px;
		height: 800px;
		background: url(../img/guide/bg_commitment01.png) no-repeat 0 0;
		background-size: contain;
		content: "";
	}
	#card .tit {
		font-size:3.6rem;
		margin-bottom:20px;
		line-height: 1.38;
	}
	#card .img {
		margin-bottom:0;
		position:absolute;
		top:85px;
		left:0;
		width:490px;
	}
	#card .list dt {
		font-size:1.8rem;
		margin-bottom:20px;
	}
	#card .list dd:before {
		top:10px;
	}
}