@charset "UTF-8";

/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#nenkin #kiso .h2-tit {
	font-size: 16px;
	background: #E9E7F0;
	margin: 0px 0px 0px auto;
	padding: 2px 0px 2px 10px;
	width: 677px;
	border-left: 5px solid #70639b;
	overflow: hidden;
}
#nenkin #kiso .h2-tit .tit {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 565px;
}
#nenkin #kiso .h2-tit .pbtn {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	width: 92px;
}
#nenkin #kiso .red{ color: #cc0000;}
#nenkin #kiso .fwb{ font-weight: bold;}
#nenkin #kiso .image01.mt10,
#nenkin #kiso .image02.mt10,
#nenkin #kiso .image03.mt10,
#nenkin #kiso .image04.mt10,
#nenkin #kiso .image05.mt10,
#nenkin #kiso .image06.mt10,
#nenkin #kiso .image07.mt10{
margin: 10px auto 0!important;
}
/*------------------------------------------------------------------------------
個人年金保険の選び方設定
------------------------------------------------------------------------------*/
#nenkin #kiso .select .text{
	margin-top: 10px;
}
#nenkin #kiso .select .lead {
	margin: 0px 0px 0px 0;
}
/*------------------------------------------------------------------------------
老後の準備はどうしている？設定
------------------------------------------------------------------------------*/
#nenkin #kiso .junbi .lead {
	margin: 0px;
	padding: 0px;
}
#nenkin #kiso .junbi .text01 {
	margin: 10px 0px 0px;
}
#nenkin #kiso .junbi .image01,
#nenkin #kiso .junbi .image02,
#nenkin #kiso .junbi .image03{width: 100%;}
#nenkin #kiso .junbi .image01{max-width: 240px;}
#nenkin #kiso .junbi .image02 {max-width: 500px;}
#nenkin #kiso .junbi .image03 {max-width: 700px;}
#nenkin #kiso .junbi .image01 img,
#nenkin #kiso .junbi .image02 img,
#nenkin #kiso .junbi .image03 img{
	width: 100%;
	height: auto;
}
#nenkin #kiso .junbi .kome{ text-align: right}

/*------------------------------------------------------------------------------
個人年金保険の必要性設定
------------------------------------------------------------------------------*/
#nenkin #kiso .need .lead {
	margin: 0;
	padding: 0px;
}
#nenkin #kiso .need .text01 {
	margin: 10px 0px 0px;
}
#nenkin #kiso .need .image01,
#nenkin #kiso .need .image02,
#nenkin #kiso .need .image03,
#nenkin #kiso .need .image04{width: 100%;}
#nenkin #kiso .need .image01 { max-width: 438px;}
#nenkin #kiso .need .image03 { max-width: 640px;}
#nenkin #kiso .need .image04 { max-width: 700px;}
#nenkin #kiso .need .image01 img,
#nenkin #kiso .need .image02 img,
#nenkin #kiso .need .image03 img,
#nenkin #kiso .need .image04 img {
	width: 100%;
	height: auto;
}
#nenkin #kiso .need .kouteki-block .kome{ text-align: right;}
#nenkin #kiso .need .kouteki-block .box_01.clr .text01 {
	float: left;
	width: 67.142857142857142857142857142857%;	/* 470/700*100 */
}
#nenkin #kiso .need .kouteki-block .image02 {
	float: right;
	width: 28.5714%;	/* 200/700*100 */
	max-width: 200px;
}

/*------------------------------------------------------------------------------
個人年金保険のメリット・デメリット設定
------------------------------------------------------------------------------*/
#nenkin #kiso .merit .lead {
	margin: 0px 0px 0;
	padding: 0px;
}
#nenkin #kiso .merit .lead span {
	font-weight: bold;
	color: #70639b;
}
#nenkin #kiso .merit .sore-block .list01,
#nenkin #kiso .merit .sore-block .list02{
	margin: 10px 0 0 0;
}
#nenkin #kiso .merit .sore-block .list01 li,
#nenkin #kiso .merit .sore-block .list02 li{
	display: block;
	box-sizing: border-box;
	text-indent: -1em;
	margin: 5px 0px 0px 0;
	padding: 0 0 0 1em;
}
#nenkin #kiso .merit .sore-block .list01 li:first-child,
#nenkin #kiso .merit .sore-block .list02 li:first-child{margin-top: 0;}
#nenkin #kiso .merit .point-block dl {
	letter-spacing: -0.4em;
	margin: 20px 0px 0px;
}




/*------------------------------------------------------------------------------
　「個人年金の受け取り方」は一生涯？一定期間？設定
------------------------------------------------------------------------------*/
#nenkin #kiso .uketori .text01 {
	margin: 10px 0px 0px;
}
#nenkin #kiso .uketori [id^="accordion_tg"] > *:first-child{
	margin-top: 0px!important;
}
#nenkin #kiso .uketori .text_box span{
	color:#cc0000;
	font-weight: bold;
}
#nenkin #kiso .uketori .bg02 .text_box,
#nenkin #kiso .uketori .bg01 .text_box{
	float: left;
	width: 350px;	/* 350/700*100 */
}
#nenkin #kiso .uketori .bg02 .image01,
#nenkin #kiso .uketori .bg01 .image01{
	float: right;
	width: 56%;	/* 392/700*100 */
	max-width: 340px;
	margin: 10px auto;
}
#nenkin #kiso .uketori .image01 img,
#nenkin #kiso .uketori .image02 img {
	width: 100%;
	height: auto;
}
#nenkin #kiso .uketori .kome.kome2 {
	display: block;
	text-align: right;
}
#nenkin #kiso .uketori .box_01 .image02 {
	float: right;
	width: 56.285714285714285714285714285714%;	/* 394/700*100 */
	max-width: 340px;
	margin: 10px auto;
}
#nenkin #kiso .uketori .box_01 .bg03 ul {
	margin: 10px 0 0;
}
#nenkin #kiso .uketori .text_box ul li {
	text-indent: -0.5em;
	margin: 10px 0px 0px 0.5em;
	padding: 0px;
}




/*------------------------------------------------------------------------------
　定額個人年金保険とは？設定
------------------------------------------------------------------------------*/
#nenkin #kiso .teigaku .text01 {
	margin: 10px 0px 0px;
}
#nenkin #kiso .teigaku .image01 {
	width: 100%;
	max-width: 640px;
}
#nenkin #kiso .teigaku .image01 img {
	width: 100%;
	height: auto;
}

#nenkin #kiso .teigaku .kome {
	display: block;
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
	margin: 5px 0px 0px;
}



/*------------------------------------------------------------------------------
　変額個人年金保険とは？設定
------------------------------------------------------------------------------*/

#nenkin #kiso .hengaku .image01 {
	width: 100%;
	max-width: 640px;
	margin: 10px auto;
}
#nenkin #kiso .hengaku .image01 img {
	width: 100%;
	height: auto;
}
#nenkin #kiso .hengaku .text01 {
	margin: 10px 0 0;
	padding: 0px;
}
#nenkin #kiso .hengaku  .kome {
	display: block;
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
	margin: 5px 0px 0px;
}