@charset "utf-8";

.contentsRow{
	display: flex;
	padding-top: 200px;
}
.contentsRow>.imgBox,
.contentsRow>.txtBox{
	width: 50vw;
}
.contentsRow>.imgBox{
	position: sticky;
	height: 100vh;
	top: 0;
	background-size: cover;
	background-position: left center;
}
.contentsRow>.imgBox:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background-image: url(../images/lifestyle/deco.png);
	width: 100px;
	height: 100vh;
}
.contentsRow>.imgBox:after{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background-color: #94a3c3;
	width: 100px;
	height: 100vh;
	mix-blend-mode: multiply;
}
.contentsRow>.imgBox.senior{                
	background-image: url(../images/lifestyle/bg05.jpg);
}
.contentsRow>.txtBox{
	padding-top: 180px;
}
.contentsRow>.txtBox>.txtBox_inner{
	width:90%;
	margin: 0 auto;
}
.contentsTitle{
	margin-bottom: 80px;
}
.contentsTitle>h4>span{
	font-family: "Roboto", sans-serif;
	font-weight: 100;
}
.contentsTitle>h4>span:nth-child(1){
	font-size: 1.5em;
	letter-spacing: 0.1em;
}
.contentsTitle>h4>span:nth-child(3){
	font-size: 4em;
	color: #94a3c3;
}
.contentsTitle>p{
	font-size: 1.25em;
}
.contentsBox{
	margin-bottom: 80px;
}
.contentsBox>.imgRow{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.contentsBox>.imgRow>p{
	width: 48%;
	position: relative;
}
.contentsBox>.imgRow>p>span{
	font-size: 0.75em;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.contentsBox>.imgRow>p>span.white{
	color: #fff;
}
.contentsBox>.txtBox>h5{
	font-size: 1.25em;
	font-weight: 400;
	margin-bottom: 10px;
}
.contentsBox>.txtBox>p{
	font-size: 1em;
	line-height: 1.8;
}
.contentsBox>.txtBox>p.place{
	text-align: right;
}
@media (max-width:1400px){
	.contentsRow>.imgBox{
		width: 55vw;
	}
	.contentsRow>.txtBox{
		width: 45vw;
	}
	.contentsBox>.imgRow>p>span{
		font-size: 0.65em;
	}
	.contentsBox>.txtBox>h5{
		font-size: 1.15em;
	}
	.contentsBox>.txtBox>p{
		font-size: 0.9em;
	}
}
@media (max-width:1200px){
	.contentsRow>.imgBox{
		width: 60vw;
	}
	.contentsRow>.txtBox{
		width: 40vw;
	}
	.contentsBox>.imgRow>p>span{
		font-size: 0.55em;
	}
	.contentsBox>.txtBox>h5{
		font-size: 1.05em;
	}
	.contentsBox>.txtBox>p{
		font-size: 0.8em;
	}
	.contentsBox>.imgRow{
		flex-wrap: wrap;
	}
	.contentsBox>.imgRow>p{
		width: 100%;
	}
	.contentsBox>.imgRow>p:nth-child(1){
		margin-bottom: 10px;
	}
}
@media (max-width:1024px){
	.contentsRow>.imgBox{
		display: none;
	}
	.contentsRow>.txtBox{
		width: 100vw;
		position: relative;                    
	}
	.contentsRow>.txtBox:before{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-attachment: fixed;
		background-image: url(../images/lifestyle/bg01.jpg);
		background-size: cover;
		background-position: center;
		opacity: 0.3;
	}
	.contentsRow>.txtBox:after{
		content: '';
		width: 100%;
		height: 100px;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #94a3c3;
		mix-blend-mode: multiply;
	}
	.contentsRow>.txtBox>.txtBox_inner{
		width: 500px;
		margin: 0 auto;
		position: relative;
	}
	.contentsBox>.imgRow>p{
		width: 48%;
	}
	.contentsBox>.imgRow>p:nth-child(1){
		margin-bottom: 0px;
	}
}
@media (max-width:600px){
	.contentsRow>.txtBox>.txtBox_inner{
		width: 80%;
	}
}
@media (max-width:450px){
	.contentsRow>.txtBox>.txtBox_inner{
		width: 90%;
	}
}