@charset "UTF-8";

/*==================================================*/
/*ページ内全体*/
/*==================================================*/

/*余白削除*/
.l-content{
	padding-bottom: 0;
}


/*bodyの余白を削除*/
.long-life-body{
	margin: 0;
}

/*イラスト内テキスト_figcaption用*/
.long-life__visually-hidden{
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(50%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

/*==================================================*/
/*パソコン表示(PC)*/
/*==================================================*/

.long-life-bg{
	background-image: url(/assets_v25aw/images/banking/asset/savings/longlife/long-life-bg_1-1_pc.webp);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	z-index: 0;
}
.long-life-bg-content{
	background-image: url(/assets_v25aw/images/banking/asset/savings/longlife/long-life-bg_1-2_pc.webp);
	background-repeat: repeat-y;
	background-position: top center;
	background-size: contain;
}

/*==============================*/
/*ファーストビュータイトル（PC）*/
/*==============================*/
.long-life-mv{
	text-align: center;
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-top: 0;
	padding-bottom: 4%;
}

.long-life-mv__img{
	display: inline-block;
	padding-top: 5%;
	padding-bottom: 2%;
}

.long-life-mv__img img{
	display: inline-block;
	max-width: 760px;
	min-width: 616px;
	width: 40vw;
}

/*==============================*/
/*いずれかの条件を満たす方（PC）*/
/*==============================*/
.long-life-target{
	text-align: center;
}

.long-life-target img{
	display: inline-block;
	max-width: 600px;
	min-width: 520px;
	width: 36vw;
	margin-bottom: 4%;
}

/*==============================*/
/*冬のキャンペーン（PC）*/
/*==============================*/
.long-life-winter-campaign{
	text-align: center;
	padding-bottom: 2%;
}

.long-life-winter-campaign__bg{
	background-color: #006DB8;
	padding: 20px 16px;
	border-radius: 16px;
	max-width: 780px;
	margin: 0 auto;
}

.long-life-winter-campaign__title{
	color: #fff;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.8;
	margin-bottom: 0.4em;
	letter-spacing: 0.02em;
}

.long-life-winter-campaign__title-lead{
	color: #fff;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.8;
	margin-block-start: 0em;
	margin-block-end: 0em;
	text-align: center;
	margin-bottom: 2%;
}

.long-life-winter-campaign__link{
	display: inline-block;
	background-color: #fff;
	margin: 0 auto;
	transition: .3s;
	border-radius: 18px;
}

.long-life-winter-campaign__img img{
	display: inline-block;
	width: 100%;
	transition: .3s;
	max-width: 800px;
	min-width: 310px;
}
.long-life-winter-campaign__img img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/*==============================*/
/*特徴（PC）*/
/*==============================*/
.long-life-features{
	text-align: center;
	margin-bottom: 4%;
}

.long-life-features__img{
	display: inline-block;
}

.long-life-features img{
	display: inline-block;
	max-width: 940px;
	min-width: 720px;
	width: 52vw;
}

/*==============================*/
/*同セクション共通パーツ（PC）*/
/*==============================*/

.long-life-span,
.long-life-age,
.long-life-assetlife,
.long-life-assetbalance{
	margin: 0 auto;
	max-width: 1100px;
	min-width: 940px;
}

.long-life-span__inner,
.long-life-age__inner,
.long-life-assetlife__inner,
.long-life-assetbalance__inner{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	margin-bottom: 10%;
	box-shadow: 0px 0px 5.37px rgba(0, 0, 0, 0.25);
	border-radius: 6px;
}

.long-life-assetbalance__inner{
	margin-bottom: 4%;
}

.long-life-span__title,
.long-life-age__title,
.long-life-assetlife__title,
.long-life-assetbalance__title{
	font-family: "Zen Kaku Gothic New", sans-serif;
	background-color: #00A672;
	padding: 28px 2vw;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.long-life-span__title__m-text,
.long-life-age__title__m-text,
.long-life-assetlife__title__m-text,
.long-life-assetbalance__title__m-text{
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-block-start: 0em;
	margin-block-end: 0em;
	letter-spacing: .02em;
	font-size: clamp(20px, 2.4vw, 32px);
	line-height: 1.27;
	font-weight: bold;
	color: #FFF549;
	margin-bottom: 1.4%;
	text-align: center;
}

.long-life-span__title__m-text__br-sp,
.long-life-age__title__m-text__br-sp,
.long-life-assetlife__title__m-text__br-sp,
.long-life-assetbalance__title__m-text__br-sp{
	display: none;
}

.long-life-span__title__s-text,
.long-life-age__title__s-text,
.long-life-assetlife__title__s-text,
.long-life-assetbalance__title__s-text{
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-block-start: 0em;
	margin-block-end: 0em;
	letter-spacing: .01em;
	font-size: clamp(14px, 1.6vw, 20px);
	font-weight: 500;
	color: #ffffff;
	text-align: center;
}

.long-life-span__title__s-text__br-sp,
.long-life-age__title__s-text__br-sp,
.long-life-assetlife__title__s-text__br-sp,
.long-life-assetbalance__title__s-text__br-sp{
	display: none;
}

.long-life-age__box,
.long-life-assetlife__box,
.long-life-assetbalance__box{
	padding: 24px 2vw;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

/*運用するお金と預金にしておくお金を分けよう（専用）*/
.long-life-assetbalance__box_nisa{
	padding: 48px 2vw;
}

/*==============================*/
/*同セクション共通パーツ_PC(ここまで)*/
/*==============================*/

/*==============================*/
/*人生100年（PC）*/
/*==============================*/
.long-life-span__second-life{
	text-align: center;
	padding-top: 8%;
	margin-bottom: 4%;
	margin: -2px auto 0 auto;
}

.long-life-span__second-life__img{
	display: block;
}

.long-life-span__second-life__img img{
	display: inline-block;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

/*==============================*/
/*セカンドライフはどのくらいの期間があるの？（PC）*/
/*==============================*/

.long-life-span{
	padding-top: 4%;
}

.long-life-span__box__expectancy img{
	display: inline-block;
	max-width: 480px;
}

.long-life-span__box__lifespan img{
	display: inline-block;
	max-width: 480px;
}

.long-life-span__box{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(24px, 4vw, 32px);
	padding: 24px 2vw;
}

/*==============================*/
/*寿命の年齢差_PC*/
/*==============================*/

.long-life-age__life-gap img{
	display: inline-block;
	max-width: 1200px;
	margin-top: 2%;
	margin-bottom: 6%;
}

/*コンテンツ中央テキスト*/
.long-life-money__title{
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-block-start: 0em;
	margin-block-end: 0em;
	letter-spacing: .02em;
	font-size: clamp(20px, 1.4vw, 36px);
	line-height: 1.27;
	font-weight: bold;
	color: #8EC548;
	margin-bottom: 16px;
	text-align: center;
}

.long-life-money__title__small{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: clamp(16px, 1.2vw, 24px);
}

.long-life-money__lead{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: clamp(14px, 1.1vw, 24px);
	font-weight: 600;
	color: #4C4948;
	margin-bottom: 4%;
	text-align: center;
}

.long-life-money__lead__br{
	display: none;
}

.long-life-money__box__retire img{
	display: inline-block;
	max-width: 1100px;
	width: 100%;
	text-align: center;
	margin-bottom: 32px;
}

.long-life-money__box__retire__button{
	display: none;
}

.long-life-money__calculation{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: #4C4948;
	line-height: 1.2;
	margin-bottom: 1em;
	text-align: justify;
}
.long-life-money__source{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: #4C4948;
	text-align: justify;
	line-height: 1.2;
}

.long-life-money__source__cite{
	font-style: normal;
}


/*==============================*/
/*お金に働いてもらうことで、資産を長生きさせることができます。_PC*/
/*==============================*/

.long-life-assetlife__lifegap__img img{
	display: inline-block;
	max-width: 1100px;
	width: 100%;
	margin-bottom: 2%;
}

.long-life-assetlife__note__box{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: clamp(12px, 1.2vw, 14px);
	font-style: normal;
	font-weight: 400;
	color: #4C4948;
	text-align: left;
	line-height: 1.4;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.5em;
}

.long-life-assetlife__note__box:first-child{
	margin-bottom: 1em;
}

.long-life-assetlife__note__box__text{
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-block-start: 0em;
	margin-block-end: 0em;
	text-align: justify;
	font-size: 12px;
}

/*==============================*/
/*運用するお金と預金にしておくお金を分けよう_PC*/
/*==============================*/

.long-life-assetbalance{
	padding-bottom: 2px;
	text-align: center;
}

.long-life-assetbalance__box__text{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: clamp(14px, 1.1vw, 24px);
	font-weight: 500;
	color: #4C4948;
	margin-bottom: 0;
	text-align: center;
}

.long-life-assetbalance__box__text:last-of-type{
	margin-bottom: 3%;
}

.long-life-assetbalance__box__text__br{
	display: none;
}
/* ▲▲運用するお金と預金にしておくお金を分けよう(ここまで)▲▲ */

/*==============================*/
/*各ページへのリンク_PC*/
/*==============================*/
.long-life__link-bg{
	background-color: #F2F2F2;
}

.long-life__link-bg__inner{
	max-width: 930px;
	width: 100%;
	margin: 0 auto;
	padding: 8% 0;
}

.long-life-nisa{
	margin-bottom: 4%;
}

.long-life-turu-kame{
	margin-bottom: 2%;
}

.long-life-nisa__title,
.long-life-turu-kame__title{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 1%;
}

.long-life-nisa__title__text,
.long-life-turu-kame__title__text{
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-block-start: 0em;
	margin-block-end: 0em;
	letter-spacing: .02em;
	font-size: clamp(22px, 3vw, 26px);
	line-height: 1.27;
	font-weight: bold;
	margin-bottom: .4em;
	font-weight: bold;
}

.long-life-nisa__title__text__br,
.long-life-turu-kame__title__text__br{
	display: none;
}

.long-life-nisa__link-box{
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-bottom: 48px;
}

.long-life-nisa__link-box_link,
.long-life-turu-kame__link-box_link{
	display: inline-block;
	border-radius: 4px;
	transition: .3s;
	max-width: 82%;
}

.long-life-nisa__link-box_link:hover,
.long-life-turu-kame__link-box_link:hover{
	opacity: 0.7;
	background:#ffffff;
}

.long-life-nisa__link-box_link__img img,
.long-life-turu-kame__link-box_link__img img{
	display: inline-block;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
}
/*
.long-life-nisa__title__left__img,
.long-life-nisa__title__right__img,
.long-life-turu-kame__title__left__img,
.long-life-turu-kame__title__right__img{
	min-width: 24px;
} */

/*==============================*/
/*初めての投資でも安心！ろうきんNISAスペシャルサイト_PC*/
/*==============================*/
.long-life-nisa__title__text{
	color: #0654A8;
}

/*==============================*/
/*お受け取りの方向けの優遇金利預金です_PC*/
/*==============================*/
.long-life-turu-kame__title__text{
	color: #BC352D;
}

/*==============================*/
/*商品概要ボタン_PC*/
/*==============================*/
.long-life-interest-rate__title__text{
	font-family: "Zen Kaku Gothic New", sans-serif;
	letter-spacing: .02em;
	font-size: clamp(18px, 1.6vw, 24px);
	line-height: 1.27;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-bottom: .4em;
	font-weight: bold;
}

.long-life-interest-rate__box__note{
	text-align: center;
}

.long-life-interest-rate__box__note__text{
	display: inline-block;
	font-size: clamp(12px, 1.2vw, 14px);
	font-style: normal;
	font-weight: 400;
	color: #4C4948;
	margin-bottom: 48px;
	line-height: 1.2;
	margin-top: .5em;
	text-align: justify;
}

.long-life-interest-rate__button{
	text-align: center;
	padding-bottom: 4%;
}

.long-life-interest-rate__button__link{
	font-family: "Zen Kaku Gothic New", sans-serif;
	display: inline-block;
	color: #ffffff;
	background-color: #409FDB;
	padding: 8px 66px 8px 64px;
	text-decoration: none;
	letter-spacing: .08em;
	border-radius: 60px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition: .3s;
	border: 2px solid #409FDB;
	position: relative;
	font-size: 22px;
	font-weight: 500;
}

.long-life-interest-rate__button__link:before{
	content: "";
	display: inline-block;
	border-style: solid;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 14px solid #ffffff;
	border-right: 0;
	position: absolute;
	right: 24px;
	top: 52%;
	transform: translateY(-50%);
}

.long-life-interest-rate__button__link:hover{
	opacity: 0.7;
	background:#ffffff;
	color: #409FDB;
	border: 2px solid #409FDB;
}

.long-life-interest-rate__button__link:hover.long-life-interest-rate__button__link:before{
	border-left: 14px solid #409FDB;
}

.long-life-interest-rate__button__link:focus-visible{
	outline: 2px solid currentColor;
  outline-offset: 2px;
}

/*==================================================*/
/*パソコン(PC_1366)*/
/*==================================================*/
@media (max-width: 1366px) {

	/*==============================*/
	/*ファーストビュータイトル（PC_1366）*/
	/*==============================*/
	.long-life-mv__img{
		display: inline-block;
		padding-top: 3%;
		padding-bottom: 2%;
	}

	.long-life-mv__img img{
		width: 38vw;
	}

	/*==============================*/
	/*いずれかの条件を満たす方（PC_1366）*/
	/*==============================*/
	.long-life-target img{
		width: 34vw;
		margin-bottom: 2%;
	}

	/*==============================*/
	/*冬のキャンペーン（PC_1366）*/
	/*==============================*/

	.long-life-winter-campaign__title{
		color: #fff;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: bold;
		font-size: 24px;
		line-height: 1.8;
		margin-bottom: .5em;
	}

	.long-life-winter-campaign__title-lead{
		color: #fff;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: bold;
		font-size: 18px;
		line-height: 1.8;
		margin-block-start: 0em;
		margin-block-end: 0em;
		text-align: center;
		margin-bottom: 2%;
	}

	/*==============================*/
	/*人生100年（PC）*/
	/*==============================*/
	.long-life-span__second-life__img{
		display: block;
	}

	.long-life-span__second-life__img img{
		display: inline-block;
		width: 90%;
		max-width: 900px;
		margin: 0 auto;
		padding-bottom: 6%;
	}

	/*==============================*/
	/*同セクション共通パーツ（PC_1366）*/
	/*==============================*/

	.long-life-span,
	.long-life-age,
	.long-life-assetlife,
	.long-life-assetbalance{
		margin: 0 auto;
		max-width: 940px;
		min-width: 600px;
	}

	.long-life-span__title__m-text,
	.long-life-age__title__m-text,
	.long-life-assetlife__title__m-text,
	.long-life-assetbalance__title__m-text{
		font-size: clamp(20px, 1.8vw, 32px);
	}

	.long-life-span__title__s-text,
	.long-life-age__title__s-text,
	.long-life-assetlife__title__s-text,
	.long-life-assetbalance__title__s-text{
		font-size: clamp(14px, 1.4vw, 20px);
	}
}


/*==================================================*/
/*スマートフォン(SP_768)*/
/*==================================================*/
/*SP ONLY*/
@media (max-width: 768px) {
	.long-life-bg{
		background-image: url(/assets_v25aw/images/banking/asset/savings/longlife/long-life-bg_1-3_sp.webp);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% 100%;
	}
	.long-life-bg-content{
		background-image: url(/assets_v25aw/images/banking/asset/savings/longlife/long-life-bg_1-2_sp.webp);
		background-repeat: repeat-x;
		background-position: top center;
		background-size: cover;
	}

	.long-life-mv{
		text-align: center;
		margin-block-start: 0px;
		margin-block-end: 0px;
		margin-top: 0;
	}

	/*==============================*/
	/*ファーストビュータイトル(SP_768)*/
	/*==============================*/
	.long-life-mv__img{
		display: inline-block;
		padding-top: 8%;
		padding-bottom: 2%;
	}

	.long-life-mv__img img{
		max-width: 750px;
		width: 82vw;
		min-width: 300px;
	}

	/*==============================*/
	/*いずれかの条件を満たす方(SP_768)*/
	/*==============================*/
	.long-life-target{
		text-align: center;
	}

	.long-life-target img{
		max-width: 768px;
		min-width: 330px;
		width: 100%;
		margin-bottom: 10%;
	}

	/*==============================*/
	/*冬のキャンペーン(SP_768)*/
	/*==============================*/
	.long-life-winter-campaign{
		text-align: center;
		padding-bottom: 2%;
	}

	.long-life-winter-campaign__bg{
		background-color: #006DB8;
		padding: 20px 8px;
		border-radius: 16px;
		max-width: 780px;
		margin: 0 auto;
	}

	.long-life-winter-campaign__title{
		color: #fff;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: bold;
		font-size: 19px;
		line-height: 1.8;
		margin-bottom: .5em;
	}

	.long-life-winter-campaign__title-lead{
		color: #fff;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: bold;
		font-size: 19px;
		line-height: 1.8;
		margin-block-start: 0em;
		margin-block-end: 0em;
		text-align: center;
		margin-bottom: 2%;
	}

	.long-life-winter-campaign__link{
		display: inline-block;
		background-color: #fff;
		margin: 0 auto;
		transition: .3s;
		border-radius: 18px;
	}

	.long-life-winter-campaign__img img{
		display: inline-block;
		width: 100%;
		transition: .3s;
		max-width: 800px;
		min-width: 280px;
	}
	.long-life-winter-campaign__img img:hover{
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}

	/*==============================*/
	/*特徴(SP_768)*/
	/*==============================*/
	.long-life-features{
		text-align: center;
		margin-bottom: 8%;
	}

	.long-life-features__img{
		display: inline-block;
	}

	.long-life-features img{
		max-width: 680px;
		min-width: 310px;
		width: 100%;
	}

	/*==============================*/
	/*同セクション共通パーツ(SP_768)*/
	/*==============================*/

	.long-life-span,
	.long-life-age,
	.long-life-assetlife,
	.long-life-assetbalance{
		margin: 0 auto;
		max-width: 840px;
		min-width: 310px;
	}

	.long-life-span__inner,
	.long-life-age__inner,
	.long-life-assetlife__inner,
	.long-life-assetbalance__inner{
		margin-bottom: 60px;
	}

	.long-life-span__title,
	.long-life-age__title,
	.long-life-assetlife__title,
	.long-life-assetbalance__title{
		padding: 16px 3px;
	}

	.long-life-money__title{
		font-size: clamp(28px, 3.2vw, 36px);
	}

	.long-life-span__title__m-text,
	.long-life-age__title__m-text,
	.long-life-assetlife__title__m-text,
	.long-life-assetbalance__title__m-text{
		font-family: "Zen Kaku Gothic New", sans-serif;
		margin-block-start: 0em;
		margin-block-end: 0em;
		letter-spacing: .02em;
		font-size: clamp(18px, 5.8vw, 32px);
		line-height: 1.27;
		font-weight: bold;
		color: #FFF549;
		margin-bottom:16px;
	}

	.long-life-span__title__m-text__br-sp,
	.long-life-age__title__m-text__br-sp,
	.long-life-assetlife__title__m-text__br-sp,
	.long-life-assetbalance__title__m-text__br-sp{
		display: block;
	}

	.long-life-span__title__s-text,
	.long-life-age__title__s-text,
	.long-life-assetlife__title__s-text,
	.long-life-assetbalance__title__s-text{
		margin-block-start: 0em;
		margin-block-end: 0em;
		letter-spacing: .0em;
		font-size: clamp(16px, 4.6vw, 24px);
		font-weight: 500;
		color: #ffffff;
		line-height: 1.6;
	}

	.long-life-span__title__s-text__br-sp,
	.long-life-age__title__s-text__br-sp,
	.long-life-assetlife__title__s-text__br-sp,
	.long-life-assetbalance__title__s-text__br-sp{
		display: block;
	}

	.long-life-span__title__s-text__br-sp-s{
		display: none;
	}

	/*==============================*/
	/*セカンドライフはどのくらいの期間があるの？(SP_768)*/
	/*==============================*/
	.long-life-span__box{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: clamp(24px, 4vw, 32px);
		padding: 24px 4vw;
	}

	.long-life-span__box__expectancy img{
		display: inline-block;
		max-width: 760px;
	}

	.long-life-span__box__lifespan img{
		display: inline-block;
		max-width: 760px;
	}

	.long-life-age__title__s-text__br-sp{
		display: block;
	}

	/*==============================*/
	/*寿命の年齢差(SP_768)*/
	/*==============================*/
	.long-life-money__title__small{
		font-size: clamp(32px, 1.6vw, 40px);
		display: block;
	}

	.long-life-money__lead{
		font-size: clamp(26px, 1.1vw, 30px);
		font-weight: 500;
		color: #4C4948;
		margin-bottom: 4%;
		line-height: 1.4;
	}

	.long-life-money__lead__br{
		display: block;
	}

	.long-life-money__box__retire img{
		margin-bottom: 16px;
	}

	.long-life-money__box__retire__button{
		display: block;
		text-align: center;
		margin-bottom: 32px;
	}

	.long-life-money__box__retire__button__link{
		display: inline-block;
		background-color: #409FDB;
		font-weight: 600;
		font-size: 18px;
		color: #ffffff;
		text-decoration: none;
		letter-spacing: .04em;
		width: 100%;
		border-radius: 60px;
		padding: 14px 24px;
		transition: .3s;
	}

	.long-life-money__box__retire__button__link:hover{
		transform: translateY(-4px);
	}


	/*==============================*/
	/*お金に働いてもらうことで、資産を長生きさせることができます。(SP_768)*/
	/*==============================*/
	.long-life-assetlife__note__box{
		gap: 0.2em;
	}


	/*==============================*/
	/*運用するお金と預金にしておくお金を分けよう(SP_768)*/
	/*==============================*/
	.long-life-assetbalance__title__m-text{
		margin-bottom: 16px;
	}

	.long-life-assetbalance__box__text:first-of-type{
		margin-bottom: 1em;
	}

	.long-life-assetbalance__box__text__br{
		display: block;
	}

	.long-life-nisa__link-box{
		margin-bottom: 8%;
	}

	.long-life-assetbalance__box__text:last-of-type{
		margin-bottom: 8%;
	}

	/*==============================*/
	/*各ページへのリンク(SP_768)*/
	/*==============================*/

	.long-life-nisa__title__text,
	.long-life-turu-kame__title__text{
		font-size: clamp(28px, 1.8vw, 24px);
	}

	.long-life-nisa__title__text__br,
	.long-life-turu-kame__title__text__br{
		display: block;
	}

	.long-life__link-bg__inner{
		padding: 48px 0;
	}

	.long-life-nisa{
		margin-bottom: 32px;
	}

	.long-life-turu-kame{
		margin-bottom: 0px;
	}

	.long-life-nisa__link-box_link,
	.long-life-turu-kame__link-box_link{
		max-width: 94%
	}

	/*==============================*/
	/*商品概要ボタン_(SP_768)*/
	/*==============================*/
	.long-life-interest-rate__button{
		text-align: center;
		padding-bottom: 14%;
	}

	.long-life-interest-rate__button__link{
		font-size: 18px;
		width: 90%;
		max-width: 480px;
	}
}

@media (max-width: 767px) {
	.long-life-bg{
		background-image: url(/assets_v25aw/images/banking/asset/savings/longlife/long-life-bg_1-1_sp.webp);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	.long-life-bg-content{
		background-image: url(/assets_v25aw/images/banking/asset/savings/longlife/long-life-bg_1-2_sp.webp);
		background-repeat: repeat-x;
		background-position: top center;
		background-size: cover;
	}
}



/*==================================================*/
/*スマートフォン(SP_600)*/
/*==================================================*/
@media (max-width: 600px) {

	/*==============================*/
	/*同セクション共通パーツ(SP_600)*/
	/*==============================*/

	.long-life-span,
	.long-life-age,
	.long-life-assetlife,
	.long-life-assetbalance{
		margin: 0 auto;
		max-width: 840px;
		min-width: 310px;
	}

	.long-life-span__inner,
	.long-life-age__inner,
	.long-life-assetlife__inner,
	.long-life-assetbalance__inner{
		margin-bottom: 60px;
	}

	.long-life-span__title,
	.long-life-age__title,
	.long-life-assetlife__title,
	.long-life-assetbalance__title{
		padding: 16px 3px;
	}

	.long-life-span__title__m-text,
	.long-life-age__title__m-text,
	.long-life-assetlife__title__m-text,
	.long-life-assetbalance__title__m-text{
		font-family: "Zen Kaku Gothic New", sans-serif;
		margin-block-start: 0em;
		margin-block-end: 0em;
		letter-spacing: .02em;
		font-size: clamp(14px, 5.8vw, 32px);
		line-height: 1.27;
		font-weight: bold;
		color: #FFF549;
		margin-bottom:16px;
	}

	.long-life-span__title__m-text__br-sp,
	.long-life-age__title__m-text__br-sp,
	.long-life-assetlife__title__m-text__br-sp,
	.long-life-assetbalance__title__m-text__br-sp{
		display: block;
	}

	.long-life-span__title__s-text,
	.long-life-age__title__s-text,
	.long-life-assetlife__title__s-text,
	.long-life-assetbalance__title__s-text{
		margin-block-start: 0em;
		margin-block-end: 0em;
		letter-spacing: .0em;
		font-size: clamp(14px, 6vw, 16px);
		font-weight: 500;
		color: #ffffff;
		line-height: 1.6;
	}

	.long-life-span__title__s-text__br-sp,
	.long-life-age__title__s-text__br-sp,
	.long-life-assetlife__title__s-text__br-sp,
	.long-life-assetbalance__title__s-text__br-sp{
		display: block;
	}

	.long-life-span__title__s-text__br-sp-s{
		display: none;
	}

}

/*==================================================*/
/*スマートフォン(SP_468)*/
/*==================================================*/
@media (max-width: 468px) {

	/*==============================*/
	/*同セクション共通パーツ（SP_468）*/
	/*==============================*/

	.long-life-span,
	.long-life-age,
	.long-life-assetlife,
	.long-life-assetbalance{
		margin: 0 auto;
		max-width: 840px;
		min-width: 310px;
	}

		.long-life-span__inner,
		.long-life-age__inner,
		.long-life-assetlife__inner,
		.long-life-assetbalance__inner{
			margin-bottom: 48px;
		}

	.long-life-money__title{
		font-size: clamp(19px, 3.2vw, 20px);
	}

	.long-life-span__title__m-text,
	.long-life-age__title__m-text,
	.long-life-assetlife__title__m-text,
	.long-life-assetbalance__title__m-text{
		font-size: clamp(16px, 5.6vw, 30px);
		line-height: 1.4;
	}

	.long-life-span__title__s-text,
	.long-life-age__title__s-text,
	.long-life-assetlife__title__s-text,
	.long-life-assetbalance__title__s-text{
		letter-spacing: 0;
		font-size: clamp(12.8px, 1.2vw, 16px);
    line-height: 1.8;
	}

	.long-life-age__box,
	.long-life-assetlife__box,
	.long-life-assetbalance__box{
		padding: 24px 8px;
	}

	/*==============================*/
	/*冬のキャンペーン(SP_468)*/
	/*==============================*/

	.long-life-winter-campaign__title{
		font-size: 16px;
	}

	.long-life-winter-campaign__title-lead{
		font-size: 16px;
	}


	/*==============================*/
	/*寿命の年齢差(SP_468)*/
	/*==============================*/
	.long-life-age__life-gap img{
		margin-bottom: 24px;
	}

	.long-life-money__lead {
		font-size: clamp(14px, 1.1vw, 22px);
		margin-bottom: 24px;
	}

	.long-life-money__calculation{
		font-size: 10px;
	}
	.long-life-money__source{
		font-size: 10px;
	}

	.long-life-money__title__small{
		font-size: clamp(16px, 1.2vw, 17px);
		display: block;
	}

	/*==============================*/
	/*運用するお金と預金にしておくお金を分けよう_（SP_468）*/
	/*==============================*/
	.long-life-assetbalance__box__text{
		font-size: clamp(12.9px, 1.1vw, 24px);
		font-weight: 500;
		color: #4C4948;
		margin-bottom: 0;
		text-align: center;
	}

	/*==============================*/
/*お金に働いてもらうことで、資産を長生きさせることができます。_(SP_468)*/
/*==============================*/

.long-life-assetlife__lifegap__img img{
	margin-bottom: 4%;
}

.long-life-assetlife__note__box__text{
	font-size: 10px;
}

	/*==============================*/
	/*各ページへのリンク(SP_468)*/
	/*==============================*/
	.long-life-nisa__title__text,
	.long-life-turu-kame__title__text{
		font-size: clamp(14.6px, 1.8vw, 24px);
		white-space: nowrap;
	}
}

/*==================================================*/
/*スマートフォン(SP_374)*/
/*==================================================*/
@media (max-width: 374px) {
	.long-life-span__title__s-text__br-sp-s{
		display: block;
	}

	/*==============================*/
	/*同セクション共通パーツ（SP_374）*/
	/*==============================*/
	.long-life-age__box,
	.long-life-assetlife__box,
	.long-life-assetbalance__box{
		padding: 24px 4px;
	}

	/*==============================*/
	/*各ページへのリンク_(SP_374)*/
	/*==============================*/
	.long-life-nisa__title__text,
	.long-life-turu-kame__title__text{
		font-size: clamp(13.6px, 1.8vw, 20px);
    line-height: 1.4;
	}
}
