@charset "UTF-8";
/*  タブレットのみ適応する記述 ------------------------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
/*------------------------------------------------------------------------------
遺族年金だけで大丈夫？設定
------------------------------------------------------------------------------*/
#life #kiso .izoku .check-block .gaisan form .kei_wrap {
	position: static;
	text-align: right;
}
#life #kiso .izoku .check-block .gaisan form ol li .step {
	font-size: 16px;
	width: 222px;
}
#life #kiso .izoku .check-block .gaisan form .kei_wrap {
	position: static;
	text-align: right;
}
}

/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/

/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#life #kiso .image01,
#life #kiso .image02,
#life #kiso .image03,
#life #kiso .image04,
#life #kiso .image05,
#life #kiso .image06,
#life #kiso .image07{
	width: 100%!important;
}
#life #kiso table .pc-hide {
	display: inline;
}
#life #kiso table .sp-hide {
	display: none;
}

/*------------------------------------------------------------------------------
死亡保険の選び方設定
------------------------------------------------------------------------------*/
#life .pnavi {
	margin: 15px 0px 0px;
}
#life .pnavi ul {
	display: block;
}
#life .pnavi ul:first-child {
	margin-bottom: 0;
}
#life .pnavi ul li {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0 0 10px;
	border-radius: 5px;
}
#life .pnavi ul li a {
	border-radius: 10px;
}
/*------------------------------------------------------------------------------
死亡保険の見直し方設定
------------------------------------------------------------------------------*/
	
/*------------------------------------------------------------------------------
生命保険に加入しているのはどのくらい？設定
------------------------------------------------------------------------------*/
#life #kiso .kanyu .dono-block dl dd .box_01 .image01 {
	float: none;
	width: 100%;
	margin: 0 auto 10px;
}
#life #kiso .kanyu .dono-block dl dd .box_01 .text_box {
	float: none;
	width: 100%;
}
#life #kiso .kanyu .dono-block dl dd .box_01 .text_box .text02 {
	text-align: left;
}

#life #kiso .kanyu .image02 {
	text-align: left;
}
#life #kiso .kanyu .image03 {
	text-align: left;
}

/*------------------------------------------------------------------------------
終身保険（死亡保険）設定
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
定期保険（死亡保険）設定
------------------------------------------------------------------------------*/
#life #kiso .teiki .more-block .ippan .f_text {
	float: none;
	width: 100%;
}
#life #kiso .teiki .more-block .ippan .f_img {
	float: none;
	width: 100%;
	margin: 15px auto 0;
}

/*------------------------------------------------------------------------------
死亡保険（養老保険）設定
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
必要保障額の考え方
------------------------------------------------------------------------------*/	
#life .if .block02 .title span{
	padding-bottom: 0.35em;
}
	
/*------------------------------------------------------------------------------
遺族年金の受給と年金額の目安設定
------------------------------------------------------------------------------*/
	
/*------------------------------------------------------------------------------
万一の場合の必要保障額の算出方法は？設定
------------------------------------------------------------------------------*/
#life #kiso .san .san_box001{
	padding: 0;
}
#life #kiso .san .san_box001 ul:nth-of-type(1){
	float: none;
	display: block;
	margin-bottom: 20px;
	width: 100%;
	height: 0;
	padding-top:72.2580%;
	background-size: contain;
}
#life #kiso .san .san_box001 ul:nth-of-type(2){
	float: none;
	display: block;
	width: 100%;
	height: 0;
	padding-top:72.2580%;
	background-size: contain;
	margin-left: 0;
}
#life #kiso .san .image_box,
#life #kiso .san .image02_box{ width: 100%;}
#life #kiso .san .box_arow:after {
	margin: 15px auto 0;
	border-style: solid;
	border-width: 30px 60px 5px 60px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
}
/*------------------------------------------------------------------------------
遺族年金だけで大丈夫？設定
------------------------------------------------------------------------------*/
#life #kiso .izoku .check-block .box_01 .text,
#life #kiso .izoku .check-block .box_01 .image01 {
	float: none;
	width: 100%;
}
#life #kiso .izoku .image02 {
	margin-top: 15px!important;
}
#life #kiso .izoku .check-block .gaisan form ol li .step {
	display: block;
	width: 100%;
}
#life #kiso .izoku .check-block .gaisan form ol li .input {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
#life #kiso .izoku .check-block .gaisan form ol li .input label {
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
#life #kiso .izoku .check-block .gaisan form ol {
	margin-top: 10px;
}
#life #kiso .izoku .check-block .gaisan form ol li {
	margin: 0;
}
#life #kiso .izoku .mame-block .arrow::before {
	margin: 15px auto 0;
	border-style: solid;
	border-width: 30px 60px 5px 60px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
}
/*------------------------------------------------------------------------------
万一の恐れは、どれくらいの割合で起こる？設定
------------------------------------------------------------------------------*/
#life #kiso .wariai .genin-block .omo dd .text_box {
	float: none;
	width: 100%;
}
#life #kiso .wariai .genin-block .omo dd .image02 {
	float: none;
	width: 100%;
}

#life #kiso .wariai ul.box_table li{
	width: 100%;
	float: none;
	margin-right:0;
	margin-bottom: 20px;
}
#life #kiso .wariai ul.box_table li:nth-of-type(2){ margin-bottom: 0;}


/*------------------------------------------------------------------------------
事故や自然災害で亡くなる人はどれくらい？設定
------------------------------------------------------------------------------*/
#life #kiso .jiko .koutsu-block .ko01 dd .text02 {
	display: block;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}
#life #kiso .jiko .table_scroll{
	display: block;
}

}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/