.headimg{
	width			: 100% ;
	height			: 320px ;
	background-image: url(../point/img/head_img.jpg) ;
	background-position: center top ;
}

.spa_tit{
	width			: 600px ;
	height			: 320px ;
	background-image: url("../point/img/title_back.png") ;
	margin			: 30px auto ;
	padding			: 80px 0 0 ;
	text-align		: center ;
}
.spa_tit img{
	width			: 280px ;
	height			: 80px ;
}

.po_box01{
	width			: 960px ;
	margin			: 0 auto 100px ;
	position		: relative ;
}

.po_mainimg{
	width			: 960px ;
	height			: 320px ;
	margin			: 0 0 20px ;
	position		: relative ;
	z-index			: 1 ;
}
.po_mainimg img{
	width			: 960px ;
	height			: 320px ;
}

.po_line{
	width			: 960px ;
	display			: inline-block ;
}

.po_l01{
	width			: 680px ;
	margin			: 0 38px 0 0 ;
	float			: left ;
	display			: inline-block ;
}

.po_r01{
	width			: 242px ;
	float			: left ;
	display			: inline-block ;
}

.po_txt01{
	width			: 680px ;
	font-size		: 12px ;
	line-height		: 22px ;
	margin			: 0 0 40px ;
	padding			: 0 ;
	color			: #ffffff ;
}

.po_img01{
	width			: 330px ;
	height			: 165px ;
	padding			: 0 20px 30px 0 ;
	float			: left ;
}
.po_img01 img{
	width			: 330px ;
	height			: 165px ;
}

.po_img02{
	width			: 330px ;
	height			: 165px ;
	padding			: 0 0 30px 0 ;
	float			: left ;
}
.po_img02 img{
	width			: 330px ;
	height			: 165px ;
}

.po_btn01{
	width			: 300px ;
	height			: 48px ;
}
.po_btn01 img{
	width			: 300px ;
	height			: 48px ;
}

.po_tit01{
	width			: 250px ;
	height			: 50px ;
	position		: relative ;
	z-index			: 10 ;
	margin-top		: 0 ;
	float			: right ;
}
.po_tit01 img{
	width			: 250px ;
	height			: 50px ;
}

.po_txtimg01{
	width			: 250px ;
	height			: 100px ;
	margin			: 20px 0 0 ;
	float			: left ;
}
.po_txtimg01 img{
	width			: 250px ;
	height			: 100px ;
}

.po_l02{
	width			: 242px ;
	margin			: 0 38px 0 0 ;
	float			: left ;
	display			: inline-block ;
}

.po_r02{
	width			: 680px ;
	float			: left ;
	display			: inline-block ;
}

.po_tit02{
	width			: 250px ;
	height			: 50px ;
	position		: relative ;
	z-index			: 10 ;
	margin-top		: 0 ;
	float			: right ;
}
.po_tit02 img{
	width			: 250px ;
	height			: 50px ;
}

.po_txtimg02{
	width			: 250px ;
	height			: 40px ;
	margin			: 50px 0 0 10px ;
	float			: left ;
}
.po_txtimg02 img{
	width			: 250px ;
	height			: 40px ;
}

.po_block{
	width			: 960px ;
	padding			: 0 0 10px 0 ;
	display			: inline-block ;
}

.po_block01{
	width			: 300px ;
	margin			: 0 30px 40px 0 ;
	float			: left ;
}
.po_block01 img{
	width			: 300px ;
	height			: 150px ;
	margin			: 0 0 5px 0 ;
}
.po_block01 p{
	width			: 300px ;
	font-size		: 12px ;
	color			: #ffffff ;
}

.po_block02{
	width			: 300px ;
	margin			: 0 0 40px 0 ;
	float			: left ;
}
.po_block02 img{
	width			: 300px ;
	height			: 150px ;
	margin			: 0 0 5px 0 ;
}
.po_block02 p{
	width			: 300px ;
	font-size		: 12px ;
	color			: #ffffff ;
}

.po_txtimg03{
	width			: 250px ;
	height			: 40px ;
	margin			: 30px 0 0 10px ;
	float			: left ;
}
.po_txtimg03 img{
	width			: 250px ;
	height			: 40px ;
}

.po_img03{
	width			: 220px ;
	height			: 165px ;
	padding			: 0 10px 30px 0 ;
	float			: left ;
}
.po_img03 img{
	width			: 220px ;
	height			: 165px ;
}

.po_img04{
	width			: 220px ;
	height			: 165px ;
	padding			: 0 0 30px 0 ;
	float			: left ;
}
.po_img04 img{
	width			: 220px ;
	height			: 165px ;
}
.po_txtimg04{
	width			: 250px ;
	margin			: 30px 0 0 10px ;
	float			: left ;
}
.po_txtimg04 img{
	width			: 250px ;
}

.po_txtimg05{
	width			: 250px ;
	margin			: 30px 0 0 10px ;
	float			: left ;
}
.po_txtimg05 img{
	width			: 250px ;
}

@media screen and (min-width:320px) and ( max-width:639px) {
/*　画面サイズが320pxから639pxまではここを読み込む　*/

.headimg{
	display			: none ;
}

.spa_tit{
	width			: 300px ;
	height			: 155px ;
	background-image: url("../point/img/title_back.png") ;
	background-size	: 300px 195px ;
	margin			: 30px auto ;
	padding			: 40px 0 0 ;
	text-align		: center ;
}
.spa_tit img{
	width			: 140px ;
	height			: 40px ;
}

.po_box01{
	width			: 300px ;
	margin			: 0 auto 30px ;
	position		: relative ;
}

.po_mainimg{
	width			: 300px ;
	height			: 100px ;
	margin			: 0 ;
	position		: relative ;
	z-index			: 1 ;
}
.po_mainimg img{
	width			: 300px ;
	height			: 100px ;
}

.po_line{
	width			: 300px ;
	display			: inline-block ;
}

.po_l01{
	width			: 300px ;
	margin			: 0 0 20px 0 ;
	display			: inline-block ;
}

.po_r01{
	display			: none ;
}

.po_txt01{
	width			: 300px ;
	font-size		: 12px ;
	line-height		: 22px ;
	margin			: 0 0 30px ;
	padding			: 0 ;
	color			: #ffffff ;
}

.po_img01{
	width			: 145px ;
	height			: 73px ;
	padding			: 0 10px 20px 0 ;
	float			: left ;
}
.po_img01 img{
	width			: 145px ;
	height			: 73px ;
}

.po_img02{
	width			: 145px ;
	height			: 73px ;
	padding			: 0 0 30px 0 ;
	float			: left ;
}
.po_img02 img{
	width			: 145px ;
	height			: 73px ;
}

.po_btn01{
	width			: 300px ;
	height			: 48px ;
}
.po_btn01 img{
	width			: 300px ;
	height			: 48px ;
}

.po_tit01{
	width			: 92px ;
	height			: 500px ;
	position		: relative ;
	z-index			: 10 ;
	margin-top		: -60px ;
	float			: right ;
}
.po_tit01 img{
	width			: 92px ;
	height			: 500px ;
}

.po_txtimg01{
	width			: 150px ;
	height			: 270px ;
	margin			: 20px 0 0 ;
	float			: left ;
}
.po_txtimg01 img{
	width			: 150px ;
	height			: 270px ;
}

.po_l02{
	display			: none ;
}

.po_r02{
	width			: 300px ;
	display			: inline-block ;
}

.po_tit02{
	width			: 92px ;
	height			: 500px ;
	position		: relative ;
	z-index			: 10 ;
	margin-top		: -60px ;
	float			: right ;
}
.po_tit02 img{
	width			: 92px ;
	height			: 500px ;
}

.po_txtimg02{
	width			: 90px ;
	height			: 230px ;
	margin			: 90px 0 0 50px ;
	float			: left ;
}
.po_txtimg02 img{
	width			: 90px ;
	height			: 230px ;
}

.po_block{
	width			: 300px ;
	padding			: 0 0 10px 0 ;
	display			: inline-block ;
}

.po_block01{
	width			: 300px ;
	margin			: 0 0 20px 0 ;
}
.po_block01 img{
	width			: 300px ;
	height			: 150px ;
	margin			: 0 0 5px 0 ;
}
.po_block01 p{
	width			: 300px ;
	font-size		: 12px ;
	color			: #ffffff ;
}

.po_block02{
	width			: 300px ;
	margin			: 0 0 20px 0 ;
}
.po_block02 img{
	width			: 300px ;
	height			: 150px ;
	margin			: 0 0 5px 0 ;
}
.po_block02 p{
	width			: 300px ;
	font-size		: 12px ;
	color			: #ffffff ;
}

.po_txtimg03{
	width			: 90px ;
	height			: 270px ;
	margin			: 80px 0 0 50px ;
	float			: left ;
}
.po_txtimg03 img{
	width			: 90px ;
	height			: 230px ;
}

.po_img03{
	width			: 90px ;
	height			: 68px ;
	padding			: 0 10px 20px 0 ;
	float			: left ;
}
.po_img03 img{
	width			: 90px ;
	height			: 68px ;
}

.po_img04{
	width			: 90px ;
	height			: 68px ;
	padding			: 0 0 20px 0 ;
	float			: left ;
}
.po_img04 img{
	width			: 90px ;
	height			: 68px ;
}
.po_txtimg04{
	width			: 90px ;
	height			: 260px ;
	margin			: 90px 0 0 50px ;
	float			: left ;
}
.po_txtimg04 img{
	width			: 90px ;
	height			: 260px ;
}

.po_txtimg05{
	width			: 24px ;
	height			: 210px ;
	margin			: 80px 0 0 110px ;
	float			: left ;
}
.po_txtimg05 img{
	width			: 24px ;
	height			: 210px ;
}

.sp_midashi{
	width			: 300px ;
	margin			: -20px auto 20px ;
	position		: relative ;
	z-index			: 10 ;
}
.sp_midashi img{
	width			: 300px ;
}

}

@media screen and (min-width: 639px) {
/* 960pxからの幅の場合に適応される */
.sp_midashi{
	display			: none ;
}

}