@charset "UTF-8";

/*-----mv-----*/
.mv{
	background: transparent linear-gradient(292deg, #E63C2B 0%, #FFA353 100%) 0% 0% no-repeat padding-box;
	position: relative;
}
.mv_inner{
	background: url(/personal/save/lifeplan/img/top/mv_img02.png),url(/personal/save/lifeplan/img/top/mv_img03.png),url(/personal/save/lifeplan/img/top/mv_bg.png);
	background-repeat: no-repeat;
	background-position: bottom 0 left 0,top 0 right 0, center center;
	background-size: auto 65%,auto 65%, auto 100%;
	padding: 1px 0;
	height: 580px;
}
.mv_inner h1{
	max-width: 856px;
	margin: 10px auto;
}
.mv_inner figure{
	position: absolute;
	bottom: -40px;
	left: calc(50% - 280px);
	max-width: 536px;
	margin: 0 auto;
}
@media screen and (max-width: 1100px){
	.mv_inner h1{
		max-width: 53rem;
	}
	.mv_inner{
		background-size: auto 23.5rem,auto 23.5rem, auto 100%;
	}
}
@media screen and (max-width: 767px){
	.mv{
		background: transparent linear-gradient(-50deg, #E63C2B 0%, #FFA353 100%) 0% 0% no-repeat padding-box;
	}
	.mv_inner{
		height: auto;
		background: url(/personal/save/lifeplan/img/top/mv_bg_sp.png) no-repeat;
		background-position: center -20px center;
		background-size: cover;
		padding: 15px;
	}
	.mv_inner figure{
		position: static;
	}
}
/*-----read_area-----*/
.read_area{
	background: transparent linear-gradient(270deg, #61AA68 0%, #8EBE92 100%) 0% 0% no-repeat padding-box;
}
.read_area p{
	text-align: center;
	color: #ffffff;
	font-size: 1.25rem;
	padding: 50px 0;
	line-height: 2;
}
@media screen and (max-width: 767px){
	.read_area p{
		padding: 15px;
		font-size: 1rem;
		text-align: left;
	}
}
/*-----flow-----*/
@media screen and (max-width: 767px){
	.flow{
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 15px 15px 1px;
	}
	.flow .box{
		width: 48%;
		padding: 0;
		margin-bottom: 15px;
	}
	.flow .box a{
		display: block;
		padding: 5px;
		border: 1px solid #ffffff;
		border-radius: 10px;
		height: auto;
		line-height: 1.2;
		font-feature-settings: "palt";
	}
	.flow .box a::before,.flow .box a::after{
		content: none;
	}
	.flow .box a strong{
		font-size: 1.25rem;
	}
	.flow .box a span{
		font-size: 0.7rem;
		font-weight: 500;
	}
	.flow .box a::after {
		content: "";
		position: absolute;
		right: 10px;
		left: auto;
		width: 10px;
		height: 10px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-left: none;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: calc(50% - 5px);
	}
}
/*-----corner01-----*/
.corner01{
	background: transparent linear-gradient(180deg, #F4FCF4 0%, #C7E8CB 100%) 0% 0% no-repeat padding-box;
	position: relative;
}
.corner01::after{
	content: "";
	height: 4rem;
	background: url(/personal/save/lifeplan/img/top/main_bottom.svg) repeat-x;
	background-size: auto 100%;
	background-position: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.corner01_inner{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.corner01_inner ul li:nth-child(1){
    position: absolute;
    top: 16rem;
    left: 0;
    width: 20rem;
}
.corner01_inner ul li:nth-child(2){
    position: absolute;
    top: 46rem;
    right: 0;
    width: 20rem;
}
.corner01_inner ul li:nth-child(3){
    position: absolute;
    bottom: 37rem;
    left: 0;
    width: 20rem;
}
.corner01_inner ul li:nth-child(4){
    position: absolute;
    bottom: 7rem;
    left: 20rem;
    width: 20rem;
}
.corner01_inner ul li a{
	display: block;
	transition: all .4s ease;
}
.corner01_inner ul li a:hover {
    transform: translate(0, -10px);
}
@media screen and (max-width: 767px){
	.corner01_inner ul li:nth-child(1){
		position: absolute;
		top: 20vw;
		left: 17.5%;
		width: 65%;
	}
	.corner01_inner ul li:nth-child(2){
		position: absolute;
		top: 139vw;
		left: 17.5%;
		width: 65%;
	}
	.corner01_inner ul li:nth-child(3){
		position: absolute;
		bottom: 280vw;
		left: 17.5%;
		width: 65%;
	}
	.corner01_inner ul li:nth-child(4){
		position: absolute;
		bottom: 92vw;
		left: 17.5%;
		width: 65%;
	}
}
/*-----corner02-----*/
.corner02_inner{
	max-width: 1000px;
	border: 4px solid #61AA68;
	border-radius: 20px;
	padding: 20px;
	margin: 80px auto;
}
.corner02_inner h2{
	font-size: 1.625rem;
	font-weight: bold;
	color: #61AA68;
	text-align: center;
}
.corner02_inner .corner02_inner_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}
.corner02_inner .corner02_inner_box figure{
	width: 40%;
}
.corner02_inner .corner02_inner_box figure img{
	width: 50%;
	margin: 0 auto;
	display: block;
}
.corner02_inner .corner02_inner_box > div{
	width: 55%;
}
.corner02_inner .corner02_inner_box > div ul{
	list-style: disc;
	margin-bottom: 10px;
	padding-left: 30px;
}
.corner02_inner .corner02_inner_box > div ul li{
	margin-bottom: 5px;
	font-size: 1.25rem;
}
@media screen and (max-width: 767px){
	.corner02_inner{
		margin: 60px 15px;
		padding: 10px;
	}
	.corner02_inner h2{
		font-size: 1.1rem;
		font-feature-settings: "palt";
	}
	.corner02_inner .corner02_inner_box{
		display: block;
	}
	.corner02_inner .corner02_inner_box figure{
		width: 100%;
	}
	.corner02_inner .corner02_inner_box > div{
		width: 100%;
	}
	.corner02_inner .corner02_inner_box > div ul{
		list-style: none;
		padding: 0;
		margin-top: 20px;
	}
	.corner02_inner .corner02_inner_box > div ul li{
		font-size: 0.875rem;
		text-align: center;
		font-weight: 500;
		font-feature-settings: "palt";
	}
}