@charset "utf-8";
/* CSS Document */

.graph{	max-width:630px;	width:100%;	height:auto;	border:1px solid #ccc;	margin-bottom:1em;padding:10px;}
.insurance_text{	line-height:1.8em;	margin-bottom:1em;	text-indent:1em;	color:#444;}


#message_group,#life_group,#child_group,#pet_group{	margin:20px 0;	clear:right;}
#message,#life_category,#child_type,#pet_type{
	width:100%;
	box-sizing:border-box;
	border-radius:0px 5px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	border:3px solid orange;
	padding:10px;
	height:auto;
	overflow:scroll;
}
#message p{	line-height:1.8em;}
#message_list li{	display:inline-block;	margin-right:1em;	width:12em;
}

/*----------------------生命保険の種類----------*/
.message{
	margin-top:50px;
}
.life_type dt,.syougai_type dt,.gakushi_item dt{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴ

シック", "MS PGothic", sans-serif;
	color:#444;
	border-bottom:3px solid orange;
	margin-bottom:5px;
	margin-top:20px;
	width:25%;
	line-height:2em;
	list-style:inside;
}
.life_type dd li{	color:#222;	font-weight:bold;	line-height:1.5em;		font-size:88%;}
.life_type dd span{	color:#444;
	font-weight:100;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
.life_type dd li{	list-style:inside;}
#life_category li{
	padding-left:25px;
	background:url(../../img/category/small_heart.png) left top no-repeat;
	line-height:2em;
	display:inline-block;
	width:22%;
}
#life_category li a{
	color:#0044CC;
	text-decoration:underline;
}
#life_category  li a:hover{
	text-decoration:none;
}
/*-----------------こども向け保険について-----*/
.gakushi_image{
	max-width:730px;
	width:100%;
	height:auto;
}
.child_list li,.pet_list li{
	list-style:inside;
	line-height:1.8em;
}
#child_what p{
	line-height:1.8em;
	margin-bottom:1em;
	text-indent:1em;
}
/*-------------------子ども保険の種類--------------*/
#nav_box{	clear:left;}
#nav_box li{
	float:left;
	line-height:3em;
	font-size:113%;
}
.child_nav{
	padding-left:4.109589041%;/*---30/730px---*/
	background:url(../../img/apeal_03.png) left center no-repeat;
	width:18.493150684%;/*-----135px/730px----*/
	margin:0px 1.369863013%;/*--10px/730px---*/
}

.child_nav a{	color:#444;	display:block;}
.child_nav a:hover{	color:#888;}
#child_type02{	clear:left;}

#child_type02 dt{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
	border-bottom:3px solid orange;
	margin-bottom:5px;
	width:35%;
	line-height:2em;
	margin-top:30px;
}

#child_type02 dd{
	color:#444;
	line-height:1.8em;
	margin-bottom:1em;
	text-indent:1em;
}
/*-------------------------傷害保険-------------*/

.syougai_box{	margin-bottom:50px;}
.syougai_type dd{	line-height:1.8em;	color:#444;	margin-bottom:1em;}

.net_de{
	max-width:132px;
	width:100%;
	height:auto;
}
.minna_fuji{	max-width:160px;	width:100%;	height:auto;}

.minna_fuji02{
	max-width:247px;
	width:100%;
	height:auto;
	margin-right:5%;
	display:inline-block;
}
.minna_fuji_btn li{
	max-width:247px;
	width:100%;
	height:auto;
	margin-right:10%;
	display:inline-block;
	margin-bottom:10px;
}

.syougai_item,.doc_child{
	padding:5px;
	border:1px dotted #aaa;
}
.syougai_item dt,.doc_child dt{	color:#2AAEF8;	line-height:2em;	}
.syougai_item dd{	font-size:88%;	line-height:1.5em;}
/*----------------------資料請求できる学資保険-------------*/
.doc_child{margin-bottom:15px;}
.doc_child dd{	margin-bottom:0.5em;}
.doc_child_inner li{	margin-right:1em;	float:left;}
.child_name,.features{	margin-top:10px;}
.child_name span,.gakushi_item dt span{	font-size:88%;	line-height:1em;}
.child_name a{	color:#0044CC;
text-decoration:underline;}
.child_name a:hover{	text-decoration:none;}
.features a{	color:#0044CC;	text-decoration:underline;	}
.features a:hover{	text-decoration:none;}
.gakushi_item dd{
	color:#444;
	line-height:1.8em;
	margin-bottom:1em;
}
.gakushi_item dd span{	line-height:2em;	font-weight:bold;	letter-spacing:0.2em;}
.gakushi_item{margin-bottom:50px;}

/*------------------ペット保険------------*/
.pet_image{	max-width:728px;	width:100%;	height:auto;}
.img_200{	max-width:200px;
	width:100%;	height:auto;	font-size:75%;	line-height:1.2em;	color:#444;	text-align:center;	margin-bottom:0;}
/*--------------------終身保険-------------*/
.item_group{	padding:5px;	border:1px dotted #aaa;	margin-bottom:15px;}
.item_group dt{	color:#2AAEF8;	line-height:2em;	}
.item_group dd{	font-size:88%;	line-height:1.5em;clear:left;}
.item_box{margin-bottom:15px;}
.item_box li{	margin-right:1em;float:left;}
.item_name{	width:25%;	margin-top:10px;}
.item_name a{	color:#0044CC;text-decoration:underline;}
.item_name a:hover{	text-decoration:none;}
.features{	width:33%;	margin-top:10px;}
.features a{	color:#666;	text-decoration:underline;	}
.img_188{	max-width:188px;	width:100%;	height:auto;}
.img_150{	max-width:150px;	width:100%;	height:auto;}
.img_180{	max-width:180px;	width:100%;	height:auto;}
.img_127{max-width:127px;width:100%;height:auto;}.img_158{max-width:158px;width:100%;height:auto;}
.img_198{max-width:198px;width:100%;height:auto;}.img_390{max-width:390px;width:100%;height:auto;}
/*-----------------------生命保険のカテゴリ別------------*/
#life{
	margin-top:10px;
	padding:5px;
	border:3px solid orange;
	border-radius:5px;
	-webkit-border-radius:5px;
}
#life dd li a{	color:#0044CC;	text-decoration:underline;}
#life dd li a:hover,#office_group dd li a:hover{text-decoration:none;}


#life dt{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
	border-bottom:3px solid orange;
	margin-bottom:5px;
}
#life dd li{
	padding-left:25px;
	background:url(../../img/category/small_heart.png) left top no-repeat;
	line-height:2em;
	margin-right:2em;
	width:21%;
	float:left;
}



@media only screen and (max-width:480px){

.life_type dt,.syougai_type dt{width:43%;}	
.topic_title{	width:45%;	color:#fff;	line-height:1.5em;	padding:5px 2%;	font-size:82%;}
.insurance_text,#message_list li{	font-size:88%;	line-height:1.5em;}

/*-----------------スタッフより-------*/
#message p,.child_list,#child_type02 dd,.pet_list{	font-size:88%;line-height:1.5em;}
/*-------------------生命保険の種類--------*/
#life_category li{	width:35%;	font-size:75%;	line-height:2.5em;float:left;}
/*------------------------こども保険について-----*/
#child_what p{	font-size:88%;	line-height:1.5em;}

.child_nav{	background-position:left center;	background-size:10px;	width:25%;}
#nav_box li{	font-size:88%;	line-height:1.8em;	margin:10px 0px;	}
#child_type02 dt{	width:80%;}

.syougai_item dd{	font-size:75%;}
/*---------------------------資料請求できる学資保険-----*/
.doc_child dt{	line-height:1.5em;}
.doc_child dd{
	margin-bottom:10px;}
	
.child_name span{	font-size:75%;	line-height:1em;}
.child_name,.features,.gakushi_item dd {	font-size:88%;	line-height:1.5em;}
.gakushi_item dt{
	line-height:1.8em;	letter-spacing:0.1em;	width:80%;}
.img_200{	width:30%;}
/*--------------------------------------終身保険------------*/
.item_group dd{	font-size:75%;}	
.item_box li{	clear:left;}
.item_name{width:100%;}
.features{	width:100%;}

#life dd li{
	width:35%;
	float:left;
	margin-right:1em;
	line-height:2.5em;
	font-size:84%;
	float:left;
}	
}