@charset "UTF-8";


/* ttl00 ------------------------------------------------------------------------------*/
#purpose .ttl00::after {
	background-color: #00c698;
}

/* ttl01 ------------------------------------------------------------------------------*/
#purpose .ttl01::after {
	background-color: #00c698;
}
#purpose .ttl01::before{
	color: #00c698;
}
/* ttl02 ------------------------------------------------------------------------------*/
#purpose .ttl02::before{
	color: #00c698;
}
#purpose .ttl02 {
	background-color: #EAFAF7;
	border-left: solid 3px #00c698;
}
/* ttl03 ------------------------------------------------------------------------------*/
#purpose .ttl03 {
	border: solid 1px #00c698;
}
#purpose .ttl03::before {
	background-color: #00c698;
}
/* ttl04 ------------------------------------------------------------------------------*/
#purpose .ttl04 {
	border: solid 1px #00c698;
}
#purpose .ttl04::before {
	background-color: #00c698;
}
/* ttl05 ------------------------------------------------------------------------------*/
#purpose .ttl05 {
	border-bottom: solid 2px #00c698;
}
#purpose .ttl05::before {
	color: #00c698;
}
/* ttl06 ------------------------------------------------------------------------------*/
#purpose .ttl06 {
	border-bottom: dotted 1px #00c698;
}
#purpose .ttl06 span {
	color: #00c698;
}
/* list01 ------------------------------------------------------------------------------*/
#purpose .list01 li .title span {
	background-color: #00c698;
}
/* list03 ------------------------------------------------------------------------------*/
#purpose .list03 li .title {
	background-color: #EAFAF7;
}
/* list07 ------------------------------------------------------------------------------*/
#purpose .list07 dt {
	background-color: #00c698;
}
#purpose .list07 dd .title {
	color: #00c698;
}



/*------------------------------------------------------------------------------
purpose設定
------------------------------------------------------------------------------*/
#purpose { padding: 30px 0 0;}
#purpose .text01 span,
#purpose .lead span{
	font-weight: bold;
	color: #c00;
}
#purpose .kome2{
	font-weight: bold;
	font-size: 16px;
	margin-top: 5px;
}
#purpose .kome3{
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
	text-align: right;
}
#purpose .image01{
	width: 100%;
	max-width: 640px;
	margin: 6px auto 0;
}
#purpose table{
	border-collapse: collapse;
	text-align: center;
	width: 100%;
	font-size: 14px;
	border:1px solid #ccc;
	margin-bottom: 10px;

}
#purpose th{
	padding: 10px;
	background-color: #e6e6e6;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right:1px solid #ccc;
}
#purpose td{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-right:1px solid #ccc;
}

#purpose .erabu-block {
	margin: 30px 0px 0px;
	padding: 0px;
}
#purpose .erabu-block.mgt-no {
	margin: 0;
}
#purpose .erabu-block .lead { margin: 10px 0 0;}
#purpose .erabu-block .inner {
	margin: 0px;
	padding: 0 0px 0px 0;
	overflow: hidden;
}
#purpose .flink-area{
	text-align: center;
	border: solid 4px #EAFAF7;
	margin: 20px 0 0px;
	padding: 10px 15px;
}
#purpose .flink-area p.link01{ margin: 0 !important; }

/* 子供の教育資金を備えたい ------------------------------------------------------------------------------*/
#purpose .child .kc { background-color:#f19149;color:#fff;}
#purpose .child .kc01 { background-color:#ffeadb;}
#purpose .child .kc02 { background-color:#ffd4b5;}
#purpose .child .pc { background-color:#32b16c;color:#fff;}
#purpose .child .pc01 { background-color:#dbffec;}
#purpose .child .pc02 { background-color:#96ffc7;}
#purpose .child .jc { background-color:#13b5b1;color:#fff;}
#purpose .child .jc01 { background-color:#c2fffe;}
#purpose .child .jc02 { background-color:#90eeec;}
#purpose .child .hc { background-color:#448aca;color:#fff;}
#purpose .child .hc01 { background-color:#d7ecff;}
#purpose .child .hc02 { background-color:#a1d2fe;}
#purpose .child .uc { background-color:#ae5da1;color:#fff;}
#purpose .child .uc01 { background-color:#ffd8f9;}
#purpose .child .uc02 { background-color:#f1ade6;}
#purpose .child .tc { background-color:#f29c9f;color:#fff;}
#purpose .child .tc01 { background-color:#ffd6d7;color:#ff0000;font-weight:bold;}

/* 万一の死亡時に備えたい ------------------------------------------------------------------------------*/
#purpose .if .column-02{
	overflow: hidden;
	display: block;
	width: 100%;
	max-width: 640px;
	margin: 6px auto 0!important;
}
#purpose .if .column-02 li{
	float: left;
	width: 49%;
	margin-right: 2%;
}
#purpose .if .column-02 li:nth-of-type(2){ margin-right:0;}

/* シニア世代のこれからの保険を備えたい ------------------------------------------------------------------------------*/

#purpose .af table .blue{ background-color: #aae0f2;}
#purpose .af table .yellow{ background-color: #fff5bf;}
#purpose .af table .red{ background-color: #ffcce6;}
#purpose .af .square li{
	position: relative;
	display: inline-block;
	font-size: 14px;
}
#purpose .af .square li::before{
	content:"";
	position: absolute;
	width: 16px;
	height: 16px;
	border: 1px solid #b3b3b3;
	background-color: #f4fad4;
}
#purpose .af .square li:nth-of-type(1)::before{background-color: #ffcce6;}
#purpose .af .square li:nth-of-type(2)::before{background-color: #fff5bf;}
#purpose .af .square li:nth-of-type(3)::before{background-color: #aae0f2;}
#purpose .af .square li:nth-of-type(4)::before{background-color: #fff;}
#purpose .af .square li span{
	padding-left: 1.5em;
}
/* 子育て世代の保険を備えたい ------------------------------------------------------------------------------*/
#purpose .health .square p{
	position: relative;
	font-size: 14px;
}
#purpose .health .square p::before{
	content:"";
	position: absolute;
	width: 16px;
	height: 16px;
	border: 1px solid #b3b3b3;
	background-color: #ffcce6;
}


/* erabu-box ------------------------------------------------------------------------------*/
#purpose .erabu-block .inner .box_01 {
	float: left;
	padding: 0px;
	margin: 20px 0px 0px;
	width: 48.571428571428571428571428571429%;	/* 340/700*100 */
}
#purpose .erabu-block .inner .box_01:nth-child(2n) {
	float: right;
}
#purpose .erabu-block .inner .box_01:nth-child(2n+1) {
	clear: both;
}
#purpose .erabu-block .inner .box_01 dt {
	box-sizing: border-box;
	color: #000;
	font-size: 22px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	width: 100%;
	margin: 0px;
	padding: 10px 5px 9px 10px;
	display: table;
/*	background: #feffff;
	border-bottom: 3px solid #ffd45b;*/
	background: #f2fcfa;
	border-bottom: 3px solid #00c698;
}
/*#lifestage .erabu-block .inner .box_01:first-child dt {
	background: #f2f9fc;
	border-bottom: 3px solid #00afcc;
}*/


#purpose .erabu-block .inner .box_01 dt a {
	box-sizing: border-box;
	display: table-cell;
	color: #000;
	text-decoration: none;
	width: 100%;
	padding: 0 1em 0 0;
	margin: 0px;
	vertical-align: middle;
	background-image: url(../img/purpose/icon_arrow_01.png);
	background-size: 11px auto;
	background-position: right center;
	background-repeat: no-repeat;
}
#purpose .erabu-block .inner .box_01 dd {
	box-sizing: border-box;
	width: 100%;
	padding-top: 10px;
	margin: 0px;
}
#purpose .erabu-block .inner .box_01 dd a {
	float: left;
	display: block;
	width: 35.294117647058823529411764705882%;	/* 120/340*100 */
	max-width: 120px;
	margin: 0 auto;
}
#purpose .erabu-block .inner .box_01 dd a img {
	width: 100%;
	height: auto;
}
#purpose .erabu-block .inner .box_01 dd .text {
	float: right;
	width: 61.764705882352941176470588235294%;	/* 210/340*100 */
}