/* ------------------------------------------------------
背骨のしくみ
--------------------------------------------------------*/
#body-spine-scurve{
	background:#FFF;
}
#body-spine-nowadays{
	border-bottom:100px solid #FFF;
}
#body-spine-curve .split-image > span img{
	border-radius:0;
}
#body-spine-scurve .split-image > span img,
#body-spine-nowadays .split-image > span img{
	border:none;
	border-radius:0;
}

/* 背骨のカーブ */
#body-spine-curve .split-image > span{
	padding:5% 42% 0;
}
@media only screen and (max-width:630px){
	#body-spine-curve .split-image > span{
		padding:5% 42% 0;
	}
}
@media only screen and (max-width:420px){
	#body-spine-curve .split-image > span{
		padding:5% 40% 0;
	}
}
@media only screen and (min-width:992px){
	#body-spine-curve .split-image > span{
		padding:5% 40% 0;
	}
}
@media only screen and (min-width:1200px){
	#body-spine-curve .split-image > span{
		padding:5% 40% 0;
	}
}


/* S字状カーブはどうやって作られる？-m */
#body-spine-scurve .split-image.image-1 > span{
	padding:5% 38%;
}
#body-spine-scurve .split-image.image-2 > span{
	padding:5% 38%;
}
#body-spine-scurve .split-image.image-3 > span{
	padding:5% 36%;
}
#body-spine-scurve .split-image.image-4 > span{
	padding:5% 38%;
}


/* きれいなカーブは胎児期から-w */
#scurve-growth .split-image span{
	display:block
}
#scurve-growth .split-image > span{
	padding:7% 25%;
	text-align:center;
}
#scurve-growth .split-image > span > span{
	display:block;
	width:100%;
	padding:0 0 80px;
}
#scurve-growth .split-image > span > span:last-of-type{
	padding-bottom:0;
}
#scurve-growth .txt_spine{
	margin-bottom:20px;
	font-weight:bold;
	text-align:center;
}
#scurve-growth .pic_spine{
	padding-left:26%;
	padding-right:26%;
}
#scurve-growth .image-2 .pic_spine{
	padding-left:28%;
	padding-right:28%;
}
#scurve-growth .image-3 .pic_spine{
	padding-left:22%;
	padding-right:22%;
}
@media only screen and (min-width:631px) and (max-width:991px){
	#scurve-growth .split-image > span{
		padding:7% 0;
	}
	#scurve-growth .split-image > span > span{
		display:inline-block;
		width:40%;
		padding:0 30px 80px;
	}
	#scurve-growth .split-image > span > span:nth-last-of-type(-n+2){
		padding-bottom:0;
	}
	#scurve-growth .txt_spine{
		margin-left:-30px;
		margin-right:-30px;
	}
	#scurve-growth .pic_spine{
		padding-left:15%;
		padding-right:15%;
	}
	#scurve-growth .image-2 .pic_spine{
		padding-left:17%;
		padding-right:17%;
	}
	#scurve-growth .image-3 .pic_spine{
		padding-left:11%;
		padding-right:11%;
	}
}
@media only screen and (max-width:480px){
	#scurve-growth .split-image > span{
		padding:7% 23%;
	}
	#scurve-growth .pic_spine{
		padding-left:26%;
		padding-right:26%;
	}
}
@media only screen and (max-width:420px){
	#scurve-growth .split-image > span{
		padding:7% 20%;
	}
	#scurve-growth .txt_spine{
		margin-left:-20%;
		margin-right:-20%;
	}
	#scurve-growth .pic_spine{
		padding-left:26%;
		padding-right:26%;
	}
}


/* 現代人の背骨 */
#body-spine-nowadays .split-image > span,
#body-spine-curve #body-spine-lifestyle .split-image > span{
	padding:7% 30%;
	padding:5% 26%;
}
@media only screen and (max-width:630px){
	#body-spine-nowadays .split-image > span,
	#body-spine-curve #body-spine-lifestyle .split-image > span{
		padding:7% 27%;
		padding:5% 22%;
	}
}
@media only screen and (max-width:420px){
	#body-spine-nowadays .split-image > span,
	#body-spine-curve #body-spine-lifestyle .split-image > span{
		padding:7% 23%;
		padding:5% 18%;
	}
}
@media only screen and (max-width:360px){
	#body-spine-nowadays .split-image > span,
	#body-spine-curve #body-spine-lifestyle .split-image > span{
		padding:7% 20%;
		padding:5% 15%;
	}
}
@media only screen and (min-width:992px){
	#body-spine-nowadays .split-image > span,
	#body-spine-curve #body-spine-lifestyle .split-image > span{
		padding:7% 23%;
		padding:5% 17%;
	}
}
@media only screen and (min-width:1200px){
	#body-spine-nowadays .split-image > span,
	#body-spine-curve #body-spine-lifestyle .split-image > span,
	#body-spine-scurve #body-spine-lifestyle .split-image > span{
		padding:7% 27%;
		padding:5% 22%;
	}
}


/* メイン画像（_pc：W1920px＝100%, _sp：W991px＝100%） */
#body-spine #introducion::before{
	background:url(/toco-belt/images/main-image/img_body_spine_sp.webp) no-repeat 0 0 / 100%;
}
@media only screen and (min-width:992px){
	#body-spine #introducion::before{
		background-image:url(/toco-belt/images/main-image/img_body_spine_pc.webp);
	}
}


/* 次のコンテンツへ（W900px＝100%） */
#body-spine.care-maternity #next-content.banner a{ /* m骨盤のしくみ */
	background:url(/toco-belt/images/next-bnr/bnr_body_pelvis.webp) no-repeat 51% 64% / 200%;
}
#body-spine.care-way #next-content.banner a{ /* w骨盤のしくみ */
	background:url(/toco-belt/images/next-bnr/bnr_body_pelvis_w.webp) no-repeat 50% 40% / 170%;
}
@media only screen and (max-width:630px){
	#body-spine.care-maternity #next-content.banner a{
		background-size:240%;
	}
	#body-spine.care-way #next-content.banner a{
		background-size:200%;
	}
}
@media only screen and (max-width:420px){
	#body-spine.care-maternity #next-content.banner a{
		background-position:51% 68%;
	}
	#body-spine.care-way #next-content.banner a{
		background-position:50% 43%;
	}
}