@charset "UTF-8";


.bnrList {
	margin: 0;
	padding: 0;
}

.bnrList li {
	list-style: none;
}


@media (min-width: 640px) {
	
	.life_plan {
		margin-top: 32px;
		padding: 25px 0 0;
		text-align: center;
		background-color: #fff6e0;
	}

	.life_plan p {
		color: #9b8425;
		font-family: 'Noto Sans Japanese';
		font-weight: 500;
		font-size: 26px;
		font-size: 2.6rem;
	}

	.life_plan ul {
		height: 238px;
		margin: 0 69px;
		padding: 0;
		background: url(../images/index/bg_rail.png) no-repeat left 50px;
		position: relative;
	}

	.life_plan li {
		width: 105px;
		height: 61px;
		color: #fff;
		font-weight: bold;
		line-height: 1.2;
		list-style: none;
		background-color: #9b8425;
		border-radius: 6px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
	}

	.life_plan li a {
		width: 105px;
		height: 61px;
		color: #fff;
		background-color: #2aa738;
		border-radius: 6px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	
	.life_plan li a:hover {
		background-color: #f39800;
	}
	
	.life_plan li a:after {
		content: "最新号";
		padding: 12px 2px;
		color: #fff;
		font-size: 11px;
		background-color: #e4080d;
		border-radius: 60px;
		position: absolute;
		top: -15px;
		left: -15px;
	}

	.life_plan li:first-child {
		width: 110px;
		height: 110px;
		font-size: 16px;
		font-size: 1.6rem;
		background-color: #ea5404;
		border-radius: 60px;
	}

	.life_plan li:nth-child(2) {
		top: 24px;
		left: 146px;
	}
	.life_plan li:nth-child(3) {
		top: 24px;
		left: 286px;
	}
	.life_plan li:nth-child(4) {
		top: 24px;
		left: 426px;
	}
	.life_plan li:nth-child(5) {
		top: 24px;
		left: 566px;
	}
	.life_plan li:nth-child(6) {
		top: 24px;
		left: 706px;
	}
	.life_plan li:nth-child(7) {
		top: 114px;
		left: 706px;
	}
	.life_plan li:nth-child(8) {
		top: 114px;
		left: 566px;
	}
	.life_plan li:nth-child(9) {
		top: 114px;
		left: 426px;
	}
	.life_plan li:nth-child(10) {
		top: 114px;
		left: 286px;
	}
	
	.bnrList {
		margin: 75px 0 120px;
		padding: 0;
	}
	
	.bnrList li {
		margin-bottom: 30px;
		float: left;
	}
	
	.bnrList li:nth-child(even) {
		float: right;
	}

	
}


@media (max-width: 639px) {
	
	
	.life_plan {
		margin-top: 32px;
		padding: 15px 0 0;
		text-align: center;
		background-color: #fff6e0;
	}

	.life_plan p {
		color: #9b8425;
		font-family: 'Noto Sans Japanese';
		font-weight: 500;
		font-size: 20px;
		font-size: 2.0rem;
	}

	.life_plan ul {
		margin: 0 10px;
		padding: 0 1.5% 10px;
		overflow: hidden;
	}

	.life_plan li {
		width: 45%;
		height: 3em;
		margin-bottom: 5%;
		color: #fff;
		font-weight: bold;
		line-height: 1.2;
		list-style: none;
		background-color: #9b8425;
		border-radius: 6px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		float: left;
		position: relative;
		z-index: 10;
	}
	
	.life_plan li:nth-child(1) {
		background-color: #ea5404;
	}
	
	.life_plan li:nth-child(2),
	.life_plan li:nth-child(3),
	.life_plan li:nth-child(6),
	.life_plan li:nth-child(7),
	.life_plan li:nth-child(10) {
		float: right;
	}
	
	.life_plan li:nth-child(2):after,
	.life_plan li:nth-child(3):after,
	.life_plan li:nth-child(6):after,
	.life_plan li:nth-child(7):after,
	.life_plan li:nth-child(10):after {
		content: "";
		width: 22.5%;
		height: 10px;
		margin-top: -5px;
		background: url(../images/index/bg_rail_sp.png) repeat-x left 50%;
		position: absolute;
		top: 50%;
		left: -22.5%;
		z-index: 1;
	}
	
	.life_plan li:nth-child(even):before {
		content: "";
		width: 10px;
		height: 30px;
		margin-left: -5px;
		background: url(../images/index/bg_rail_h_sp.png) repeat-y center bottom;
		position: absolute;
		top: 100%;
		left: 50%;
		z-index: 1;
	}
	
	.life_plan li:nth-child(10):before {
		background-image: none;
	}

	.life_plan li a {
		width: 100%;
		height: 3em;
		color: #fff;
		background-color: #2aa738;
		border-radius: 6px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 99;
	}
	
	.life_plan li a:after {
		content: "最新号";
		padding: 2px 2px;
		color: #fff;
		font-size: 10px;
		background-color: #e4080d;
		border-radius: 4px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
	}


	.bnrList {
		margin: 30px 0 40px;
		padding: 0;
		text-align: center;
	}
	
	.bnrList li {
		margin-bottom: 30px;
		text-align: center;
	}

	
}