@charset "utf-8";
section{margin:0 auto;}
#mainFV{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
}
#mainFV:before{
	content:"";
	display:block;
	width:100%;
	height:0;
}
#mainFV figcaption{
	display:flex;
	justify-content:center;
	align-items:center;
}
#mainFV h1{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	line-height:1.5;
	color:#282828;
	text-align:center;
}
#mainFV h1:before{
	content:"";
	display:block;
	position:absolute;
	background:url("../img/seniors/fv-ttl-icon.svg") no-repeat center top;
	background-size:contain;
}
#leads figure{margin-right:auto;}
#leads .leadBox{
	line-height:2.1;
	text-align:left;
}
#leads .leadBox p.note{font-size:1.3rem;}
#main > *.caseSec{text-align:left;}
.caseSec{
	width:100%;
	position:relative;
}
.caseSec:before{
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	background-repeat:no-repeat;
	background-size:contain;
}
.caseSec[data-direction="right"]:before{background-position:right top;}
.caseSec[data-direction="left"]:before{background-position:left top;}
.caseSec h2.caseTtl{
	text-align:center;
	line-height:1.5;
}
.caseSec h2.caseTtl:before{
	content:"";
	display:block;
	margin:0 auto;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
}
.caseSec h2.caseTtl span{
	display:block;
	margin:0 auto;
	text-align:center;
}
.caseSec .leadBox{
	position:relative;
	text-align:left;
}
.caseSec .leadBox h3{line-height:1.75;}
.caseSec p{line-height:2.0;}
.caseSec section h4{line-height:1.5;}
.caseSec section .detailLink{
	text-align:center;
	line-height:1.0;
}
.caseSec section .detailLink a{
	width:100%;
	display:block;
	border:1px solid #555;
	background-color:#fff;
	color:#282828;
	transition:all 0.4s;
	vertical-align:middle;
}
.caseSec section .detailLink a:hover{
	background-color:#555;
	color:#fff;
}
.caseSec section .detailLink a:after{
	content:"→";
	display:inline-block;
	vertical-align:middle;
}
#case01 h2.caseTtl:before{background-image:url("../img/seniors/case01-icon.svg");}
#case01 .caseVertSec figure{position:relative;}
#case01 .caseVertSec figure .bf{
	display:block;
	position:absolute;
}
#case02 h2.caseTtl:before{background-image:url("../img/seniors/case02-icon.svg");}
#case03 h2.caseTtl:before{background-image:url("../img/seniors/case03-icon.svg");}
@media (max-width:900px){
	main section h2 strong{font-size:3.0rem;}
	section *.yellowUnder:after{height:10px;}
	#mainFV{
		margin-bottom:46px;
		background-image:url("../img/seniors/fv-sp.jpg");
	}
	#mainFV:before{padding-top:80%;}
	#mainFV h1{font-size:5.8667vw;}
	#mainFV h1:before{
		width:30.4vw;
		height:15.466vw;
		top:-18.1333vw;
		left:calc(50% - 15.2vw);
	}
	#leads{width:100%;}
	#leads figure{width:70.933vw;}
	#leads .leadBox{
		margin:-4.2667vw 12.666vw 80px;
		font-size:1.5rem;
	}
	#leads .leadBox p+p{margin-top:40px;}
	.caseSec{padding:0 4vw 100px;}
	.caseSec:before{
		width:92vw;
		height:calc(100% - 63.2vw - 135px);
		top:calc(63.2vw + 100px);
	}
	.caseSec[data-direction="right"]:before{right:0;}
	.caseSec[data-direction="left"]:before{left:0;}
	.caseSec p{font-size:1.3rem;}
	.caseSec h2.caseTtl{
		margin-bottom:28px;
		font-size:2.4rem;
	}
	.caseSec h2.caseTtl:before{
		width:80px;
		height:52px;
		margin-bottom:-13px;
	}
	.caseSec .leadFg{
		width:100vw;
		margin: 0 -4vw;
	}
	.caseSec .leadBox{margin:22px 4.5333vw 36px;}
	.caseSec[data-direction="right"] .leadBox{margin-left:10.4vw;}
	.caseSec[data-direction="left"] .leadBox{margin-right:10.4vw;}
	.caseSec .leadBox h3,
	.caseSec section h4{
		margin-bottom:10px;
		font-size:1.8rem;
	}
	.caseSec section .detailLink{
		margin-top:20px;
		font-size:1.5rem;
	}
	.caseSec section .detailLink a{padding:18px 1vw;}
	.caseSec section .detailLink a:after{margin-left:12px;}
	.caseSec .caseBesideSec .txtBox,
	.caseSec .caseVertSec .txtBox{margin:28px 4vw 0;}
	.caseSec *+.caseVertSec{margin-top:68px;}
	#case01:before{
		top:calc(63.2vw + 135px);
		background-image:url("../img/seniors/case01-bg-sp.jpg");
	}
	#case01 .caseVertSec figure .bf{
		width:51.4667vw;
		top:-7.7333vw;
		left:-5.6vw;
	}
	#case02:before{background-image:url("../img/seniors/case02-bg-sp.jpg");}
	#case03:before{background-image:url("../img/seniors/case03-bg-sp.jpg");}
}
@media (min-width:900.02px){
	main section h2 strong{font-size:5.0rem;}
	section *.yellowUnder:after{height:18px;}
	#mainFV{background-image:url("../img/seniors/fv-pc.jpg");}
	#mainFV:before{padding-top:500px;}
	#mainFV h1{font-size:4.0rem;}
	#mainFV h1:before{
		width:114px;
		height:59px;
		top:-70px;
		left:calc(50% - 57px);
	}
	#leads{width:1200px;}
	#leads figure{width:600px;}
	#leads .leadBox{
		width:572px;
		margin:-270px 100px 80px auto;
		font-size:1.8rem;
	}
	#leads .leadBox p+p{margin-top:50px;}
	.caseSec{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding-bottom:160px;
		padding-right:calc(50% - 500px);
		padding-left:calc(50% - 500px);
	}
	.caseSec[data-direction="right"] h2.caseTtl{order:1;}
	.caseSec[data-direction="right"] .leadFg{order:3;}
	.caseSec[data-direction="right"] .leadBox{order:2;}
	.caseSec[data-direction="right"] .caseBesideSec{order:4;}
	.caseSec[data-direction="right"] .caseVertSec{order:5;}
	.caseSec:before{
		width:1300px;
		height:1075px;
		top:315px;
	}
	.caseSec[data-direction="right"]:before{left:calc(50% - 340px);}
	.caseSec[data-direction="left"]:before{left:calc(50% - 960px);}
	.caseSec p{font-size:1.5rem;}
	.caseSec h2.caseTtl{
		width:100%;
		margin-bottom:150px;
		font-size:4.0rem;
	}
	.caseSec h2.caseTtl:before{
		width:114px;
		height:76px;
		margin-bottom:-26px;
	}
	.caseSec .leadFg{width:760px;}
	.caseSec[data-direction="right"] .leadFg{margin-right:-100px;}
	.caseSec[data-direction="left"] .leadFg{margin-left:-100px;}
	.caseSec .leadBox{
		width:292px;
		margin-top:-30px;
	}
	.caseSec .leadBox h3{
		width:800px;
		margin-bottom:18px;
		font-size:3.2rem;
	}
	.caseSec[data-direction="right"] .leadBox h3{margin-right:-508px;}
	.caseSec[data-direction="left"] .leadBox h3{
		margin-left:-508px;
		text-align:right;
	}
	.caseSec section h4{
		margin-bottom:22px;
		font-size:2.6rem;
	}
	.caseSec section .detailLink{
		margin-top:24px;
		font-size:1.6rem;
	}
	.caseSec section .detailLink a{padding:18px;}
	.caseSec section .detailLink a:after{margin-left:18px;}
	.caseSec .caseBesideSec{
		clear:both;
		display:flex;
		justify-content:space-between;
		width:100%;
		padding-top:80px;
		margin-bottom:70px;
	}
	.caseSec[data-direction="left"] .caseBesideSec{flex-direction:row-reverse;}
	.caseSec .caseBesideSec figure{width:460px;}
	.caseSec .caseBesideSec .txtBox{width:500px;}
	.caseSec .caseVertSec{
		width:460px;
		position:relative;
		padding-bottom:80px;
	}
	.caseSec .caseVertSec .txtBox{margin-top:28px;}
	.caseSec .caseVertSec .txtBox .detailLink{
		width:100%;
		position:absolute;
		bottom:0;
		left:0;
	}
	#case01:before{
		top:404px;
		background-image:url("../img/seniors/case01-bg-pc.jpg");
	}
	#case01 .leadBox{margin-top:-40px;}
	#case01 .caseVertSec figure .bf{
		top:-42px;
		left:-27px;
	}
	#case02:before{background-image:url("../img/seniors/case02-bg-pc.jpg");}
	#case03:before{background-image:url("../img/seniors/case03-bg-pc.jpg");}
}